/* <style> */


/* GENERAL */
/* list-style:none not declared orginally */
body        { font:normal 11px/17px Arial, Helvetica, sans-serif; color:#4d4b56; position:relative; background:#d4d4d2 url('images/shift/bg.gif') repeat-x fixed; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.logo       { background:url('images/shift/logo.gif') no-repeat; width:285px; height:100px; right:400px; top:15px; float:right; }
a           { color:#4d4b56;}
a:hover     { color:#cd1e4c;}
a:active    { color:#ab0c2a; outline:none}

/* STRUCTURE */
.contentWrapper { padding:20px; width:760px;}
.cont-shad      { width:850px; margin:0 auto; background:url('images/shift/shad-cont.png') center top repeat-y;}
.container      { width:800px; margin:0 auto; background:white; position:relative;  }
.content        { overflow:hidden; margin:10px 0 0;}
.prodList       { width:760px; padding:0 20px; position:relative;  margin:0 auto;}

/* ---- PAGING CONTROLS---- */
.sfPaging                   { margin:0 auto 15px;}
.pagingBot                  { border:none;}
.sfPagingButtons            { width:300px; }
/*.sfPagingJumpTo             { background:#eee; padding:3px 7px 5px; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;}*/
.sfPagingJumpTo input       { width:30px;}
.pagingBot .sfPagingButtons { padding-top:0;}

*:first-child+html .sfPagingInfo    { margin-bottom:7px;} 
*:first-child+html .sfPagingJumpTo  { display:inline; padding:2px;} 
	
	

.banner-image   {background:url('images/shift/head-left.gif') no-repeat; width:142px; float:left; height:120px; display:block;}

h3              {font-family:Georgia, "Times New Roman", Times, serif;}

 
 
 /*-----  MENU -----*/
.menu, 
.menu li.itmMobLib a, 
.menu li.itmMobLib span     { height:44px;} 
.menu                       { background:#e7e7e7; clear:both; font-family:Georgia, "Times New Roman", Times, serif; position:relative;}
.menu li                    { padding:13px 20px; height:18px;}
.menu li a, 
.menu li.drop-down > span   { text-decoration:none; font-weight:bold; font-size:14px;}
.menu li a.selected         { color:#ab0c2a;}

.menu li.itmMobLib      { padding:0 !important; }
.menu li.itmMobLib a    { display:inline-block; line-height:44px; }
.menu li.itmMobLib span { font-size:11px;} 
.menu li.drop-down ul   { position:absolute; top:44px; float:left; background:#e7e7e7; margin-left:-20px;}
*:first-child+html .menu li.drop-down ul { margin-left:-110px;}
 /*-----  PAGING -----*/
.sfPagingButtons a              { color:#777; padding:3px 3px 1px; margin:0 5px 5px; display:inline-block; text-decoration:none; border-bottom:1px solid #eee;} 
.sfPagingButtons a:hover        { color:#333; border-bottom-color:#ccc;} 
.sfPagingButtons a:active       { color:#000; border-bottom-color:#999;}
.sfPagingButtons a[disabled]    { color:#ccc; border:0;}




.centreContent h1               { padding-left:20px; font-size:20px;}




/* LOGIN */
.login-panel                    { position:absolute; top:10px; right:0; width:320px;padding:0 20px; height:100px; border-left:1px solid #cdcdcc;}
.login-panel br                 { display:none;}
.account-links                  { width:144px; }
.login-panel .inner, 
.account-links .inner           { position:relative;}
.left-col h3                    { margin:15px 0 2px;}
.left-col .sfUserName,            
.left-col .sfPassword,            
.left-col .sfRememberMe         { padding:2px 0;}
.sfUserName span,                 
.sfPassword span                { display:inline-block; width:75px;}
.left-col .sfRememberMe         { float:left; margin-right:10px;}
.centreContent .sfLogIn         { padding:10px 20px;}
.centreContent .sfUserName, 
.centreContent .sfPassword, 
.centreContent .sfRememberMe    { margin:5px 0;}
.sfLogIn .btnSubmit             { padding:1px 5px; display:inline-block; border:1px solid #dcdcdb; text-decoration:none; background:#ededec; margin:0 7px 0 0;  -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;}
.loginHypProfile, 
.loginHypLogout, 
.loginHypLoggedInAs             { margin:0 10px 0 0;}

.left-col .loginLblMsg  { width:50px; float:left;}
.loginHypLoggedInAs     { width:270px; float:left; margin:0;}
.loginHypProfile        { clear:left; float:left;}
.loginHypLogout         { float:left;}

.left-col .sfUserName input, 
.left-col .sfPassword input         { width:150px; border:1px solid #ccc; height:20px; line-height:20px; padding:0 4px;}
.centreContent .sfUserName input,     
.centreContent .sfPassword input    { width:180px; border:1px solid #ccc; height:23px; line-height:23px; padding:0 4px;}






.account-links a            { text-decoration:none;}
.account-links ul           { list-style:disc; margin:5px 0 0 14px;}
                              
.prodLine                   { float:left; clear:left; margin-bottom:15px; border-bottom:1px solid #cdcdcc; width:100%; padding-bottom:15px;}
.prodImgDiv,                  
.verbose-group              { float:left;}
.prodDetailLine .prodName   { font-size:16px; padding-bottom:20px; display:block;}
.prodName                   { font-size:14px; font-weight:bold; text-decoration:none; padding-bottom:10px; color:#000; display:block;}
.prodContent                { float:left; padding-left:15px;}
                              
.prodDetailDescDiv          { width:408px; clear:left;}
.prodDetailContent .div-buy-options {display:block; clear:left; overflow:hidden;}

.prodPrice                  { clear:left; float:left; font-size:14px; font-weight:bold; margin:5px 0; color:#CD1E4C;}
.prodDescDiv                { clear:left; float:left; width:660px; }
.divProdCont                { clear:left; float:left; }

.prodNewsDescDiv, 
.prodNewsSections           { margin:10px 10px 0 0; float:left; }
.prodNewsDescDiv            { width:250px;}
.prodNewsSections           { width:380px; }
.prodNewsSections ul        { width:190px; float:left; list-style:none; margin-bottom:10px;}
                              
.prodNewsDescDiv ul         { float:left; list-style:none; margin-bottom:10px;}
.prodNewsSections h4        { font-size:14px; padding-bottom:5px;}
.prodNewsDescDiv h4         { font-size:14px; padding-bottom:5px;}


.headlineLink, 
.sectionLink                { margin-right:7px;}


/* PRICE CONTROL */
.prodList .div-buy-options, 
.div-buy-options                { margin:10px 0;}
.div-buy-options ul             { list-style:none;}
.price-options .price           { text-align:left; padding-right:10px; width:30px;}
.div-buy-options li a           { padding:2px 4px; background:#cd1e4c; border:1px solid #bcod3b; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;}
.div-buy-options .headers li    { padding:2px 0;}
.div-buy-options .headers li.row-header {padding:4px 0;}
.price-options li               { padding:2px 0 2px 11px;}
.div-buy-options .price-options { border-left:1px solid #ddd; padding-left:0;}


/*MINI DOWNLOAD ICONS*/ 
a.downloadLink, 
a.readerLink            { border:none; text-decoration:none; } /*line-height:14px; height:14px; */
a.downloadLink span,      
a.readerLink span       { background-image:url('images/shift/icons-mini.gif'); top:0; }


/* FOOTER */
.footer         { background:#f3f3f3 url('images/shift/bg-footer.jpg') repeat-x; float:left; margin-top:20px; width:760px;}
.footer-col     { width:140px;}
.footer a       { color:#4b4b4b; font-size:10px; }
.footer-links   { margin-left:0; list-style:none;}
.footer-bottom  { width:850px; height:31px; background:url('images/shift/footer-bottom.gif') center -20px; clear:both; margin:0 auto;}
 .footer-logo   { position:absolute; right:10px; bottom:10px; display:block;}
.abc-logo       { height:55px; width:47px; background:url('images/wl-base/abc-logo.png') no-repeat; display:inline-block;}

.widgBtnRow,              
.divBuyButtons          { /*float:left;*/ clear:left;}
.widgBtnRow a           { position:relative; padding:1px 5px; display:inline-block; border:1px solid #dcdcdb; text-decoration:none; background:#ededec; margin:0px 7px 7px 0;  -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;}
.widgBtnRow a:hover     { background:#cd1e4c; color:white; border:1px solid #bc0d3b;} 
.widgBtnRow a:active    { background:#bc0d3d; color:white; border:1px solid #bc0d3b;}

.widgBtnRow2            { margin-top:10px; text-align:center;}
.widgBtnRow2 a          { position:relative; padding:1px 5px; display:inline-block; border:1px solid #dcdcdb; text-decoration:none; background:#ededec; margin:7px 7px 7px 0;  -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;}
.widgBtnRow2 a:hover    { background:#cd1e4c; color:white; border:1px solid #bc0d3b;} 
.widgBtnRow2 a:active   { background:#bc0d3d; color:white; border:1px solid #bc0d3b;}

.divBuyButtons a, 
.btnChange              { padding:1px 5px; display:inline-block; border:1px solid #bcbcbb; text-decoration:none; background:#cdcdcc; margin:0px 5px 1px 0; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;}
.divBuyButtons a:hover,   
.btnChange:hover        { background:#cd1e4c; color:white; border:1px solid #bc0d3b;} 
.divBuyButtons a:active,   
.btnChange:active       { background:#bc0d3d; color:white; border:1px solid #bc0d3b;}
.btnChange              { font-size:11px;}

.divCustomerSubmit input, 
.sfLogIn .btnSubmit                 { padding:1px 5px; display:inline-block; border:1px solid #dcdcdb; text-decoration:none; background:#ededec; margin:2px 3px 7px 0; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;}
.divCustomerSubmit input:hover,       
.sfLogIn .btnSubmit:hover           { background:#cd1e4c; color:white; border:1px solid #bc0d3b;} 
.divCustomerSubmit input:active,      
.sfLogIn .btnSubmit:active          { background:#bc0d3d; color:white; border:1px solid #bc0d3b;}

.btnSubmit, 
li.li-search .btnSubmit         { padding:1px 5px; display:inline-block; border:1px solid #dcdcdb; text-decoration:none; background:#ededec; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:2px 3px 7px 0; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;}
.btnSubmit:hover,                 
li.li-search .btnSubmit:hover   { background:#cd1e4c; color:white; border:1px solid #bc0d3b;} 
.btnSubmit:active,                
li.li-search .btnSubmit:active  { background:#bc0d3d; color:white; border:1px solid #bc0d3b;}


.btnSubmit                  {margin:2px;}

/* REGISTER */
.regGroup                   { margin:7px 0;}
.regLoginDetails,             
.regPersonalDetails         { border:1px solid #ccc; padding:5px 10px; margin:15px 0; overflow:hidden;}
.regLoginDetails            { font-size:14px;}
.regLoginDetails input, 
.regLoginDetails input.sfctrlinvalid { font-size:14px; line-height:25px; height:25px; width:190px;}
.regPersonalDetails span    { width:140px;}

.lblMandatoryMessage                { color:#cd1e4c;}
.divCustomerRegisterInputs input, 
input.sfctrlinvalid                 { border:1px solid #ccc; height:20px; line-height:20px; padding-left:7px; padding-right:7px;}
.divCustomerRegisterInputs span     { width:135px; display:inline-block;}
 input.sfctrlinvalid                { border-left:4px solid #cd1e4c; padding-right:4px;}
.divRequiredFields                  { padding:0; margin-bottom:10px;}
.divRequiredFields li               { line-height:23px; background:url('images/icon-stop-sml.png') 0 4px no-repeat; padding-left:22px; color:#cd1e4c;}

.regPromos          { float:left; clear:left; margin-top:10px;}
.regPromos input    { margin-right:10px; height:auto; border:0;}
.regCaptcha         { clear:left;}

.regPostAddress             { border-right:1px solid #CCC;}
.regPostAddress,              
.regPhysAddress             { float:left; width:340px; margin-right:20px;}
.regPostAddress span,         
.regPhysAddress span        { float:left;}
.regPostAddress input,        
.regPhysAddress input       { width:150px;}
.regPostAddress select,       
.regPhysAddress select      { float:left; width:150px;}
.regLines                   { float:left; width:170px;}
.regLines input             { margin-bottom:7px;}
.regPostAddress .regGroup,    
.regPhysAddress .regGroup   { clear:left;}

.divCustomerSubmit                  { clear:both; float:left;}
.dvMail                             { clear:left; padding:0 20px;}
.dvMail .divCustomerSubmit          { display:inline-block; float:none;}
.dvMail .divCustomerSubmit input    { cursor:pointer;}

/* contact us  */
.divEnquiry, 
.divConfirmation    { float:left; margin:20px 20px 10px;}
.divConfirmation h1 { padding:0; font-size:14px; padding:0 0 7px;}
.enqGroup           { position:relative;}
.enqGroup span      { width:120px; display:inline-block; line-height:27px; top:0;}
.enqGroup input,      
.enqGroup textarea  { border:1px solid #B6B6B6; padding:4px; width:200px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}


.enqGroup input[type="checkbox"]    { width:auto; margin-right:7px; border:none;}
.divEnquiry .btnSubmit              { margin-top:10px; float:left;}
.centreContent .container           { padding:0 20px;}

.bodyContent    { margin-left: 20px; margin-right: 20px; margin-top: 20px}
                  
.lnkForgotPass  { font-size:10px; color: #CD1E4C; text-decoration:none; font-family:Arial, Helvetica, sans-serif; display:inline-block;} 
                  
.prodThumb      { width:170px;}

.prodName       { /*font:11px/17px normal Arial, Helvetica, sans-serif;*/ color: #666666; font-weight: bold; text-decoration:none;} 

.divShowAll     { height:20px; clear:both; float:right; text-align:right; text-decoration:none; margin-bottom:14px; padding:0 20px;}

.showAllTxt         { text-decoration:none;  text-transform:uppercase; padding:1px 7px; display:inline-block; border:1px solid #dcdcdb; text-decoration:none; background:#ededec; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; }
.showAllTxt:hover   { background:#cd1e4c; color:#fff; border:1px solid #bc0d3b;}
.showAllTxt:active  { background:#bc0d3d; color:#fff; border:1px solid #bc0d3b;}
.showAllTxt img     { display:none;}

.prodImgDiv2        { text-align:center;}


.ribbon     { left:0px; height:500}
/*.ribbon li {display:inline-block; padding:0 4px;}*/
.ribbon li  { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; padding:0 4px;}




.prodDetailContent              { float:left; padding-left:20px; width:408px;}
.prodDetailLine                 { float:left; padding:0 0px 15px; border-bottom:1px solid #ddd; margin:15px 20px 10px;}
.prodDetailLine .prodDetailLine { padding:0; margin:0; border:0;}
.prodDetailLine .prodImg        { width:330px;}
.prodImg                        { border-width:1px !important; border-style:solid; border-color:#eee #e3e3e3 #d5d5d5;}
.prodDetailPrice                { clear:left; float:left; font-size:14px; font-weight:bold; margin:15px 0 10px; display:block; width:400px; color:#CD1E4C;}
.prodDetailNewsDescDiv, 
.prodDetailNewsSections         { margin:10px 0; clear:left; overflow:hidden; width:408px;}
.prodDetailNewsSections ul      { width:190px; float:left; list-style:none; margin-bottom:10px;}
.prodDetailNewsDescDiv ul       { float:left; list-style:none; margin-bottom:10px;}
.prodDetailNewsSections h4      { font-size:14px; padding-bottom:5px;}
.prodDetailNewsDescDiv h4       { font-size:14px; padding-bottom:5px;}

.prodDetailNewsSections ul li,
.prodDetailNewsDescDiv ul li    { line-height:20px;}

.prodDetailContent .divBuyButtons   { clear:none; float:left; margin-bottom:7px;}
.prodContent .divBuyButtons         { margin-bottom:7px;}
.prodDetailContent .widgBtnRow      { /*clear:none;*/ clear:left; float:left;}

.divProdDetailCont              {/*clear:left;*/ float:left; }




/* confirmation email */
.mailConfirm                    { background:#fd0; padding:2px; display:inline-block; text-align:center; float:left; clear:left; margin-top:2px; }
.mailConfirm                    { width:300px; margin-left:0; }
.mailConfirm input              { width:auto; font-size:10px; white-space:normal; border:1px solid #ec0; margin-top:3px; padding:1px 3px; background:#EDEDEC; -moz-border-radius:3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.mailConfirm span               { margin:0; font-size:10px;}
.mailConfirm .auto-subscribe    { background:#EDEDEC; border:1px solid #ec0; text-decoration:none; display:inline-block; margin-top:3px; cursor:pointer; padding:1px 5px; -moz-border-radius:3px;}

/*
.mailConfirm input {white-space:normal;background:#fff; border:1px solid #a80; display:inline-block; margin-right:5px; width:auto; text-align:center; font-size:11px; color:#000; cursor:pointer; font-family:Arial, Helvetica, sans-serif; padding:2px;}
*/

/* quick search  */

li.li-search                    { height:24px; line-height:24px; color:#001; padding:10px 4px 10px 7px;}
li.li-search input[type=text]   { border-color:#bbbbbd; width:180px; display:inline-block; float:left; height:18px; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
li.li-search .btnSubmit         { background:#fff; margin-left:4px; position:static; width:auto; height:auto;}
li.li-search .btnSubmit:hover   { background:#cd1e4c;} 
li.li-search .btnSubmit:active  { background:#bc0d3d;}
/*style .btnSubmit like li.li-search .btnSubmit */