body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#000034;  color:#003150;}
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

#container { width:980px; margin:0 auto; text-align:left; font-size:120%; background:#ffffff; padding:0;}
#container #header { position:relative; width:980px; height:258px; background: url(/images/bbHeader.gif) top left no-repeat; } 
#container #contentContainer { width:960px; min-height:350px; padding: 20px 10px 0 10px;}
#container #header #link { position:absolute; top:0; left:0; width: 100px; height: 20px; color: #ffffff; padding: 5px; background-color: #cd0100;}
#container #header #link a{color: #ffffff; background: none; padding: 0; font-size: 14px;}

#navBar { width:948px; height:28px; padding:6px; background:none; margin-bottom:10px; position: absolute; top: 210px; left:5px;}
#navBar #login { float:left; margin-right:20px;}
#navBar .arrow { display:inline; float:left; padding:0 8px 0 0;}
#navBar #checkout { float:left; padding:4px 0 0 0; margin-right:50px; font-size:110%;}
#navBar #checkout a { color:#ffffff;}
#navBar #enquiryHeadCont { float:left; padding:4px 0 0 0; margin-right:50px; font-size:110%;}
#navBar #enquiryHeadCont a { color:#003150;}
#navBar #basket { float:left; padding:4px 0 0 0; margin-right:50px; font-size:110%;}
#navBar #basket a { color:#ffffff;}
#navBar #searchHeadCont{ float:right; padding:2px 0 0 0; width:315px;}
#navBar #navLeftBtn {width: 150px;}
#navBar #navLeftBtn a.button, button{display:block;padding:3px 6px;text-align:center;font-weight:bold; margin-right: 8px; background: transparent url(/images/buttonBlueBg.gif) repeat-x; border:0; color:#fff; font-size:13px; cursor:pointer;float:left;}

#container #contentContainer #indexBB1 {position: relative; width: 680px; height: 280px; background: url(/images/bb_banner2.jpg) top left no-repeat; float:right; margin-right: 10px;}
#container #contentContainer #indexBB1 .fade{position: absolute; z-index:1;}
#container #contentContainer #indexBB1 .on{z-index:3;}
#container #contentContainer #indexBB1 .next{z-index:2;}
#container #contentContainer #indexBB1 .viewProdBtn {position: absolute; top: 220px; left: 30px; font-size: 13px;}
#container #contentContainer #indexBB1 .viewProdBtn a{font-size: 15px;}

/* ----- FOOTER ----- */
#footerContainer { background: #000034; padding:0;}
#footerContainer #footer { position:relative; width:980px; height: 150px; margin:0 auto; color:#0071b9; padding:0; background: #000034 url(/images/bbFooter.gif) top center no-repeat; }
#footerContainer #footer p { padding-top:50px; text-align: center; color:#003150;}