/* main */ body, p, input, textarea, li, th, td { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; color: #fff; font-size: 11px; line-height: 17px; } body {} a, a:link, a:active, a:visited { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; text-decoration: underline; color: #fff; } a:hover { color: #000; text-decoration: underline; } select { font-family: Tahoma, Verdana, Arial, Helvetica, Serif; font-size: 11px; line-height: 17px; } .postcode select { color: #333; } /* headings */ h1 { display: block; width:100%; min-height:30px; border-bottom: 1px solid #d2d2d2; font-family: Arial, Tahoma, Verdana, Helvetica, Serif; color: #fff; font-size: 22px; font-weight: lighter; margin: 0px 10px 0 0px; line-height: normal; } h2 { font-family: Arial, Tahoma, Verdana, Helvetica, Serif; color: #fff; font-size: 18px; font-weight: lighter; margin: 0px; line-height: normal;} h3 { font-family: Arial, Tahoma, Verdana, Helvetica, Serif; color: #fff; font-size: 12px; font-weight: bold; margin: 0px; line-height: normal;} h1 a, h1 a:link, h1 a:active, h1 a:visited, h2 a, h2 a:link, h2 a:active, h2 a:visited, h3 a, h3 a:link, h3 a:active, h3 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: underline; } .terms, .terms p { color:#333; } .terms li { color:#333; } .terms ul li { color:#333; list-style-type:disc; } .terms h1 { color:#333; } /* banner headings */ h1.banner { background: url(../Images/Common/BoxHdrBg.png) no-repeat left top; margin-bottom: 10px; padding: 5px 0 5px 7px; font-size:12px; } h1.banner .short { width: 350px; } h1.banner span { background: #f3f3f3 url(../Images/Common/BoxHdrBg.png) no-repeat right top; display: block; margin-left: 15px; padding: 6px 15px 9px 0px; color: #fff; font-size: 18px; } h3.banner { background: url(../Images/Common/BoxHdrBg.png) no-repeat left top; margin-bottom: 10px; padding: 5px 0 5px 7px; } h3.banner .short { width: 350px; } h3.banner span { background: #f3f3f3 url(../Images/Common/BoxHdrBg.png) no-repeat right top; display: block; margin-left: 15px; padding: 5px 15px 7px 0px; color: #fff; font-size: 11px; } h4.banner { background: url(../Images/Common/BoxHdrBg.png) no-repeat left top; margin: 0px; padding: 0px 0px 0px 10px; } h4.banner span { background: #f3f3f3 url(../Images/Common/BoxHdrBg.png) no-repeat right top; display: block; color: #fff; font-size: 11px; font-weight: bold; margin: 0px; padding: 2px 5px; } /* breadcrumbs */ #bCrumb { padding: 0px 0px 0px 0px; margin-bottom: 10px; } #bCrumb span { display: block; padding: 0px 10px 5px 0px; color: #010002; font-size: 11px; font-weight: bold; line-height: 15px; } #bCrumb a, #bCrumb a:link, #bCrumb a:active, #bCrumb a:visited { text-decoration: none; color:#e2e2e2; } #bCrumb a:hover { text-decoration: underline; } .content { padding: 0 0 10px 10px; } /* misc */ form { margin: 0px; } hr { color: #CCCCCC; height: 1px; } p li { list-style-type: disc; margin: 0px; padding: 3px 0px 3px 15px; } ul { list-style-type: none; margin: 0px; padding: 0px; } ul li { padding: 3px 0px 3px 10px; } ol { margin: 0px 0px 0px 30px; padding: 0px; } small, .small { font-family: Tahoma, Arial, Helvetica, Serif; font-size: 10px; line-height: 13px; } .error, .error a, .error a:active, .error a:visited { font-family: Tahoma, Arial, Helvetica, Serif; color: #e00; } .bold { font-weight: bold; } .noBold { font-weight: normal; } .hidden, .attributeOverflow { display: none; } .inline { display: inline; } .centered { text-align: center; } .vertMid { vertical-align: middle; } fieldset { border: 1px solid #6A93B8; padding: 0px 15px 15px 15px; } legend { font-family: Tahoma, Arial, Helvetica, Serif; color: #074B88; font-size: 12px; font-weight: bold; margin-bottom: 10px; padding-right: 3px; } .valSum { background: url(../Images/alertsbg.png) no-repeat left top; padding: 10px 0 0 0px; margin-bottom: 2px; color: #c53d18; font-weight: bold;} .valSum span.s1 { display: block; color: #e00; background: transparent url(../Images/Warning.gif) no-repeat 10px 10px; margin-left: 20px; padding: 10px 10px 0px 50px; min-height: 32px; height: auto !important; height: 32px; } .valSum span.s2 { color: #000; font-weight: normal; display: block; margin: 5px 0 0 0px; } .valSum ul { background: url(../Images/alertsbg.png) no-repeat left bottom; padding: 0px 10px 39px 0px; } .valSum ul li { margin: 0px 0px 0px 40px; color: #000; font-size: 11px; font-weight: normal; background-position: 8px left; padding: 1px 0px 1px 10px;} img { border: 0px; } .Selected { background: #ffffde; } .highlight { color: #D80523; } .clearLeft { clear: left; } .clearRight { clear: right; } .clearFloat, .clearBoth { clear: both; } .#ieFloatFix { position: relative; } /* to stop text and other objects from vanishing in IE when using floats */ .floatL { float: left; width: 50%; } .floatR { float: right; width: 50%; } .floatLogin { float: left; } .floatRogin { float: right; } .required { color: #f00; font-size: 10px; } .smallIndent { margin: 0 auto; } .mainIndent { margin: 0 auto; } .padW10 { padding-left: 10px; padding-right: 10px; } .pink { color: #f3f; } .green { color: #689901; } .red { color: #e00; } .padT5 { padding-top: 5px; } .padT10 { padding-top: 10px; } .mrgT10 { margin-top: 10px; } div.button { text-align: center; padding-top: 10px; } .smallButton { font-size: 10px; font-weight: normal; } input.txtBox, textarea.txtBox { border: 1px solid #cecece; padding: 2px; color: #666; width: 170px; line-height: normal; } select.txtBox { border: 1px solid #cecece; margin: 2px; color: #666; } /* common alert boxes (message and errors combined) */ .alertBox { background: url(../Images/alertsbg.png) no-repeat left top; padding-top: 10px; margin-bottom: 2px; color: #c53d18; font-weight: bold;} .alertBox .body { background: url(../Images/alertsbg.png) no-repeat left bottom; padding: 0px 10px 39px 10px; } .alertBox .body .warning { color: #ce0000; background: transparent url(../Images/Warning.gif) no-repeat 0px 5px; padding: 7px 5px 10px 40px; min-height: 24px; height: auto !important; height: 24px; } .alertBox .body .msg { margin-top: 9px; font-weight: normal; color: #000; } .alertBox .body .ok { color: #c53d18; background: transparent url(../Images/Ok.gif) no-repeat 0px 5px; padding: 7px 5px 10px 40px; min-height: 24px; height: auto !important; height: 24px; } .alertBox a, .alertBox a:link, .alertBox a:active, .alertBox a:visited { color: #c53d18; font-weight: bold; text-decoration: underline; } .payment .alertBox { background: url(../Images/alertsbg.png) no-repeat left top; padding-top: 10px; margin-bottom: 2px; color: #c53d18; font-weight: bold; } .payment .alertBox .body { background: url(../Images/alertsbg.png) no-repeat left bottom; padding: 0px 10px 39px 10px; } /* general boxes for containing content .box { background: #f3f3f3 url(../Images/Common/BoxBg.png) no-repeat left top; } .box h3.banner { background: #f3f3f3 url(../Images/Common/BoxHdrBg.png); margin-bottom: 0px; padding: 4px 15px 5px 15px; color: #fff; font-size: 11px; } .box .content { background: #EAF5D7 url(../Images/Common/BoxBg.png) no-repeat left bottom; padding: 10px 15px 15px 15px; min-height: 22px; height: auto !important; height: 22px; line-height: 16px; font-weight: normal; } */ /* div layout forms */ div.row { padding: 3px 0px; } div.row div.label { float: left; width: 130px; text-align: right; margin-right: 5px; padding: 2px 0px; } div.row div.field { float: left; text-align: left; } div.row div.loginbutton { float: left; } /* 2 column layouts */ div.col2Lft { float: left; width: 49%; text-align: left; margin-bottom: 10px; } div.col2Div { float: left; width: 2%; text-align: left; } div.col2Rgt { float: right; width: 49%; text-align: left; margin-bottom: 10px; } div.col2Lft h4, div.col2Rgt h4 { background: #a9a9a9 url(../Images/Common/BoxHdrBg.png) no-repeat left top; color: #fff; font-size: 11px; font-weight: bold; margin: 0px 0 10px 0; padding: 0px 0px 0px 10px; } div.col2Lft h4 span, div.col2Rgt h4 span { background: #a9a9a9 url(../Images/Common/BoxHdrBg.png) no-repeat right top; display: block; color: #fff; font-size: 11px; font-weight: bold; margin: 0px; padding: 4px 5px 3px 5px; } div.col2Lft div.cont, div.col2Rgt div.cont { padding: 10px; } /* 3 column layouts */ div.col3Lft { float: left; width: 31%; text-align: left; margin-bottom: 10px; } div.col3Ctr { float: left; width: 32%; text-align: left; margin-bottom: 10px; } div.col3Rgt { float: right; width: 31%; text-align: left; margin-bottom: 10px; } div.col3Lft h4, div.col3Ctr h4, div.col3Rgt h4 { background: #a9a9a9 url(../Images/Common/BoxHdrBg.png) no-repeat left top; color: #fff; font-size: 11px; font-weight: bold; margin: 0px; padding: 0px 0px 0px 10px; } div.col3Lft h4 span, div.col3Ctr h4 span, div.col3Rgt h4 span { background: #a9a9a9 url(../Images/Common/BoxHdrBg.png) no-repeat right top; display: block; color: #fff; font-size: 11px; font-weight: bold; margin: 0px; padding: 4px 5px 4px 5px; } div.col3Lft div.cont, .col3Ctr div.cont, .col3Rgt div.cont { padding: 10px; } div.col3Div { float: left; width: 2%; text-align: left; } /* common header */ #hdrTop { width: 970px; margin: 0px auto; } #hdrLft { float: left; width:400px; padding: 75px 0px 0px 25px; } #hdrColours { float: left; padding: 65px 0px 0px 63px; width:400px; } #hdrColours h3 { background: url(../Images/Common/choose.png) no-repeat; width: 129px; height: 54px; position:relative; display:block; } #hdrColours h3 span { display: none; } #hdrColours ul { list-style:none; margin: 0px; padding: 0px; display:inline; } #hdrColours ul li { float: left; padding: 0px; background: none; } #hdrColours ul li span { display:none; } #hdrColours ul li a.black { background: url(../Images/Common/black_off.png) no-repeat; width: 54px; height: 54px; display:block; } #hdrColours ul li a.silver { background: url(../Images/Common/silver_off.png) no-repeat; width: 54px; height: 54px; display:block; } #hdrColours ul li a.yellow { background: url(../Images/Common/yellow_off.png) no-repeat; width: 54px; height: 54px; display:block; } #hdrColours ul li a.white { background: url(../Images/Common/white_off.png) no-repeat; width: 54px; height: 54px; display:block; } #hdrColours ul li a.black:hover, #hdrColours ul li a.blackactive, #hdrColours ul li a.blackactive:hover { background: url(../Images/Common/black.png) no-repeat; width: 54px; height: 54px; display:block; } #hdrColours ul li a.silver:hover, #hdrColours ul li a.silveractive, #hdrColours ul li a.silveractive:hover { background: url(../Images/Common/silver.png) no-repeat; width: 54px; height: 54px; display:block; } #hdrColours ul li a.yellow:hover, #hdrColours ul li a.yellowactive, #hdrColours ul li a.yellowactive:hover { background: url(../Images/Common/yellow.png) no-repeat; width: 54px; height: 54px; display:block; } #hdrColours ul li a.white:hover, #hdrColours ul li a.whiteactive, #hdrColours ul li a.whiteactive:hover { background: url(../Images/Common/white.png) no-repeat; width: 54px; height: 54px; display:block; } #hmNav { margin: 3px 0 0 9px; width:374px; } #hmNav .reflection { width:338px; height:26px; background: transparent url(../Images/navreflection.png) no-repeat top left; } #hmNav .navbottom { width:338px; background: transparent url(../Images/navbottom.png) no-repeat left top; height:46px; padding-top: 20px; } #hmNav .navtop { width:338px; height:23px; background: transparent url(../Images/navtop.png) no-repeat top left; } #hmNav .hmnavi { float:right; width:338px; } #hmNav .shop { width:374px; background: transparent url(../Images/shop.png) no-repeat left top; } #hmNav .mainnav { background:#a9a9a9 url(../Images/mainnav.png) repeat-x top left; min-height: 176px; } #hmNav ul li { margin: 0px; padding: 0px; font-size: 13px; } #hmNav ul li.lftTop { text-align:left; text-decoration: none; font-weight:bolder; font-size:14px; margin-bottom:10px; font-family: Arial, Tahoma, Verdana; width:320px; background: transparent; padding:1px 3px 2px 15px; color:#ffffff; display: block;} #hmNav ul li a, #hmNav ul li a:link, #hmNav ul li a:visited { text-align:left; text-decoration: none; font-family: Tahoma, Verdana; width:320px; background: transparent; padding:1px 3px 2px 15px; color:#ffffff; display: block;} #hmNav ul li a:hover, #hmNav ul li a:active { position:relative; text-align:left; text-decoration: none; width:320px; background: #1E2D76; padding:1px 3px 2px 15px; color:#ffffff; display: block;} #hmNavInn { margin: 0px 0 0 0px; width:192px; } #hmNavInn .hmnavi { float:right; width:192px; } #hmNavInn .lefthand { width:192px; } #hmNavInn .mainnav { min-height: 174px; } #hmNavInn ul li { margin: 0px; padding: 0px; font-size: 13px; } #hmNavInn ul li.lftTop { text-align:left; text-decoration: none; font-weight:bolder; font-size:14px; margin-bottom:10px; font-family: Arial, Tahoma, Verdana; width:174px; background: transparent; padding:1px 3px 2px 15px; color:#ffffff; display: block;} #hmNavInn ul li a, #hmNavInn ul li a:link, #hmNavInn ul li a:visited { text-align:left; text-decoration: none; font-family: Tahoma, Verdana; width:174px; background: transparent; padding:1px 3px 2px 15px; color:#ffffff; display: block;} #hmNavInn ul li a:hover { position:relative; text-align:left; text-decoration: none; width:174px; background: #1E2D76; padding:1px 3px 2px 15px; color:#ffffff; display: block;} .lv2hidden { display:none; } #hdrRgt { float:right; padding-right: 30px; margin: 45px 0px 0px 0px; width:195px; color:#ffffff; position:relative; z-index:5; } #hdrRgt ul { list-style:none; margin: 0px; padding: 0px; z-index:5; } #hdrRgt ul li { margin: 0px; padding: 0px; font-size: 13px; } #hdrRgt ul li a, #hdrRgt ul li a:link, #hdrRgt ul li a:visited { text-align:right; text-decoration: none; font-family: Tahoma, Verdana, ; width:182px; background: transparent; padding:1px 10px 2px 3px; color:#ffffff; display: block;} #hdrRgt ul li a:hover, #hdrRgt ul li a:active { position:relative; text-align:right; text-decoration: none; width:182px; background: #1E2D76; padding:1px 10px 2px 3px; color:#ffffff; display: block;} #hdrBasket { width: 363px; height: 111px; background: #fff url(../Images/Common/HdrBsktBg.png) no-repeat; } #hdrBasket .lft { float: left; } #hdrBasket .lft .title { background: #fff url(../Images/Common/HdrBsktTitle.png) no-repeat; width: 177px; height: 19px; margin: 16px 0px 0px 20px; } #hdrBasket .lft .title span { display: none; } #hdrBasket .lft .smry { margin: 12px 0px 0px 20px; color: #999; font-size: 12px; } #hdrBasket .rgt { float: right; margin: 40px 0px 0px 0px; padding-right: 17px; } #hdrBasket .rgt a.lnk, #hdrBasket .rgt a.lnk :link, #hdrBasket .rgt a.lnk :active, #hdrBasket .rgt a.lnk :visited { display: block; padding: 2px 0px 2px 30px; color: #999; font-size: 10px; font-weight: bold; text-decoration: none; } #hdrBasket .rgt a.lnk:hover { text-decoration: underline; color: #ccc; } #hdrBasket .rgt .chck { background: #fff url(../Images/Common/HdrBsktChckBg.png) no-repeat left center; } #hdrBasket .rgt .myAcc { display: block; background: #fff url(../Images/Common/HdrBsktMyAccBg.png) no-repeat left center; } #hdrBasket .rgt .hlp { display: block; background: #fff url(../Images/Common/HdrBsktHlpBg.png) no-repeat left center; } #hdrPrint { display: none } /* left nav - customer */ #lftCustomer { margin-top: 10px; } #lftCustomer div.label { padding: 4px 10px; } /* common footer */ #ftrScr { width:964px; margin: 0 auto 0 auto; } #ftrCatNav .global { float:left; position:relative; left:0px; top:1px; width: 135px; height:200px; background: transparent url(../Images/Common/global.png) no-repeat; } #ftrScr a, #ftrScr a:link, #ftrScr a:active, #ftrScr a:visited { text-decoration: none; color: #666; } #ftrScr a:hover { color: #888; } #ftrCatNav table.links td h2 { font-size: 16px; font-family: Arial, Tahoma, Verdana; color: #666666; line-height:40px; height: 50px; } #ftrCatNav table.links td { color: #999999; } #ftrCatNav { text-align: left; width: 914px; margin: 0px auto; } #ftrCatNav div.links { padding: 2px 10px 3px 23px; } #ftrCatNav div.links a, #ftrCatNav div.links a:link, #ftrCatNav div.links a:active, #ftrCatNav div.links a:visited { color: #fff; font-weight: bold; } #ftrCatNav div.links a:hover { color: #fff; font-weight: bold; text-decoration: underline; } #ftrCatNav .tbl { padding: 0px; float:left; width: 614px; } #ftrCatNav .tbl table.cont { width: 604px; border-collapse: collapse; padding: 0px; margin: 0px auto; } #ftrCatNav .lft { text-align: left; vertical-align: top; padding: 1px 0px 0px 0px; } #ftrCatNav .rgt { width: 225px; text-align: right; vertical-align: top; padding: 1px 0 0 0; } #ftrCatNav .rgt img { vertical-align: middle; margin: 0px 0px 15px 10px; } #ftrCatNav div.txt, #ftrCatNav div.txt a { color: #969696; font-size: 12px; font-family: arial, tahoma, verdana; font-weight: normal; line-height: 13px; margin-top: 10px; } #pdLink { font-size: 9px; text-align: left; display:inline; color: #a9a9a9; } #pdLink img { vertical-align: middle; } #ftrPrint { display: none } /* quick search bar */ #qsBar { background: #fff url(../Images/Common/HdrQsBg.png) no-repeat center top; text-align: center; height: 47px; overflow: hidden; } #qsBar .cont { width: 970px; margin: 0px auto; } #qsBar .cs { float: left; text-align: left; padding: 10px 0px 0px 208px; } #qsBar .cs select { width: 220px; vertical-align: middle; color: #000; height: 19px; } #qsBar .qs { float: right; text-align: right; padding: 9px 208px 0px 0px; } #qsBar .qs input { width: 300px; vertical-align: middle; padding: 1px 5px 0px 5px; border: 1px solid #84AC31; padding: 2px; color: #000; line-height: normal; } #qsBar .qs img { vertical-align: middle; } /* common page numbers */ div.paging { float: right; width: 55%; text-align: right; padding: 10px 10px 10px 0px; } div.paging a, div.paging a:link, div.paging a:visited { margin: 2px; padding: 2px; border: 1px solid #717171; text-decoration: none; color: #717171; background: #fff; } div.paging a:hover, div.paging a:active { margin: 2px; padding: 2px; border: 1px solid #717171; background-color: #717171; color: #fff; } div.paging span.s { margin: 2px; padding: 2px; font-weight: bold; border: 1px solid #717171; background-color: #717171; color: #FFF; } div.paging span.d { margin: 2px; padding: 2px; border: 1px solid #ccc; color: #ccc; } /* common loading layer */ #ajaxLoading { clear: both; background: url(../Images/Common/BoxBg.png) no-repeat left top; margin: 10px 0px; padding: 10px 0px 0px 0px; } #ajaxLoading div { background: #fff url(../Images/Common/BoxBg.png) no-repeat left bottom; margin: 0px; padding: 0px 15px 10px 0px; color: #010002; text-align: center; font-weight: bold; } #ajaxLoading img { margin-right: 10px; vertical-align: middle; } /* product search summary (also used in related items searches) */ div.srchSummary { float: left; font-size: 11px; color: #333; font-weight: bold; padding: 10px 0px 10px 0px; } div.srchSummary b { color: #010101; } /* product search - misc */ #srchFilter { padding: 10px 0px; } /* product search results (also used in related items searches) */ div.prodSrch {} div.prodSrch h3.banner { margin: 0px; } div.prodSrch .item { float:left; margin-right:10px; width:330px; height: 180px; margin: 0px; } div.prodSrch .item .mrgT { float:left; width:320px; margin-top: 0px; height: 180px; } div.prodSrch .item .title { margin: 0px; height: 22px; overflow: hidden; } div.prodSrch .item .title h2 { font-size: 13px; font-weight: lighter; margin-left: 0px; padding: 0px 11px 9px 0px; line-height: 20px; } div.prodSrch .item .title h2 a, div.prodSrch .item .title h2 a:active, div.prodSrch .item .title h2 a:visited { color: #333; } div.prodSrch .item .detail { width: 280px; } div.prodSrch .item .detail .desc { float: left; width: 150px; height: 72px; vertical-align: top; overflow: hidden; text-align: left; margin: 0px; } div.prodSrch .item .detail .image { float: right; vertical-align: top; text-align: center; width: 100px; height: 90px; } div.prodSrch .item .detail .image img { margin: 2px; } div.prodSrch .item .detail .grpCount { float: left; text-align: left; margin-top: 4px; padding-top: 10px; width: 170px; height: 18px; color: #000; } div.prodSrch .item .detail .pricing { float: left; text-align: left; width: 140px; margin: 0px; padding: 0px 0px 5px 0px; } div.prodSrch .item .detail .saving { margin: 2px; height: 14px; color: #000; } div.prodSrch .item .detail .saving .rrp { text-decoration: line-through; display: inline; padding-right: 5px; } div.prodSrch .item .detail .saving .save { display: inline; padding-right: 5px; color: #feff99; font-weight: bold; font-size: 90%; } div.prodSrch .item .detail .price { float: left; margin-top: 3px; text-align: left; width: 140px; height: 18px; font-size: 14px; font-weight: bold; } div.prodSrch .item .detail .price small { font-size: 10px; font-weight: normal; } div.prodSrch .item .detail .btns { float: right; text-align: right; width: 110px; margin-top: 10px; } div.prodSrch .item .detail .infoBtn { float: right; text-align: right; margin-left: 10px; } div.prodSrch .item .detail .buyBtn { float: right; text-align: right; } /* product search - applied filters */ div.srchOpt { } div.srchOpt h3.banner { margin-bottom: 0px; padding: 4px 15px 5px 15px; color: #fff; font-size: 11px; position: relative; } div.srchOpt h3.first, div.srchOpt h3.last { } div.srchOpt h3 small { font-weight: normal; font-size: 10px; padding-left: 5px; line-height: normal; } div.srchOpt h3 small.rgt { float: right; } div.srchOpt h3 a, div.srchOpt h3 a:link, div.srchOpt h3 a:active, div.srchOpt h3 a:visited { color: #fff; display: block; } div.srchOpt .content { padding: 0px 10px 10px 10px; min-height: 22px; height: auto !important; height: 22px; line-height: 16px; font-weight: normal; } div.srchOpt .content a, div.srchOpt .content a:link, div.srchOpt .content a:active, div.srchOpt .content a:visited { text-decoration: none; color: #666; } div.srchOpt .content a:hover { text-decoration: underline; } div.srchOpt .content table { width: 100%; margin: 0px; } div.srchOpt .content th { width: 100px; text-align: right; vertical-align: top; } div.srchOpt .content td { vertical-align: top; text-transform: capitalize; } div.srchOpt .content .label { float: left; width: 100px; text-align: right; margin-right: 5px; font-weight: bold; color: #555; } div.srchOpt .content .wide { width: 150px; } div.srchOpt .content .padTop { padding-top: 1px; } div.srchOpt .content .field { float: left; text-align: left; } div.srchOpt .content input, div.srchOpt .content select { margin: 0px; } div.srchOpt .content .count { color: #feff99; } div.srchOpt .content .count a, div.srchOpt .content .count a:link, div.srchOpt .content .count a:active, div.srchOpt .content .count a:visited { color: #EE820F; } div.srchOpt .first { padding-top: 8px; } div.srchOpt .last { padding-bottom: 5px; } div.srchOpt .contentFtr { background: #8b8b8b; padding-bottom: 7px; position: relative; } div.srchOpt img { vertical-align: middle; } div.srchOpt span.title { color: #666; font-weight: bold; margin-right: 6px; } /* product details */ div.product {} div.product .main .images { float: right; text-align: left; margin-bottom: 15px; width: 311px; } div.product .images .zm { float: right; position: absolute; margin: 5px auto auto 183px; width: 26px; height: 26px; } div.product .main .images .main { width: 311px; height: 284px; } div.product .main .images .main img { margin: 0px; } div.product .main .images .alt { width: 307px; margin-top: 10px; } div.product .main .images .alt .img { float: right; background: url(../Images/Common/ProdMicroBg.png) no-repeat; width: 52px; height: 52px; margin-top: 2px; } div.product .main .images .alt .padLeft { margin-left: 2px; } div.product .main .images .alt img { margin: 2px; } div.product .main .freeDel { width: 307px; margin-top: 30px; } div.product .main .detail { width: 320px; margin: 0 0 10px 0; } .partbg { background: transparent url(../Images/partbg.png) no-repeat; margin-top: 10px; padding:5px; height:25px; } div.product .main .detail .desc { margin-top: 10px; padding: 0px 10px 0 0; } div.product .main .detail .icons { margin-top: 15px; } div.product .main .detail .icons img.mrg { margin-left: 0px; } div.product .main .detail .buyWithin { margin: 10px 0px 15px 0px; width: 320px; height: 59px; background: url(../Images/PDBuyWithin.jpg) no-repeat; overflow: hidden; } div.product .main .detail .buyWithin .txt { color: #666; font-weight: bold; width: 200px; margin: 10px auto auto 100px; line-height: 18px; } div.product .main .detail .buyWithin b { color: #f3f; } .extrashdr { background: transparent url(../images/extras.png) no-repeat; width:659px; height:25px; } .extrashdr h3 { display:none; } .ExtrasRow { float:left; width:109px; height:170px; } .ExtrasRow table tr.row td { padding: 2px 10px; color: #999; font-weight: bold; vertical-align: top; } .ExtrasRow table tr td.title { height:110px; } div.product .main div.buy { height: 39px; padding: 0px 10px 0 0; margin-top: 10px; } div.product .main .detail .cont { width:100%; padding-top:10px; border-top: 1px solid #d2d2d2; } div.product .main .detail .cont .qty { float: left; text-align: left; font-weight: bold; padding-top: 1px; margin-top: 8px; line-height: normal; color: #fff; } div.product .main .detail .cont .qty input { border: 1px solid #000; } div.product .main .detail .cont .price { float: left; width: 129px; margin: 0px; padding: 0; text-align: left; font-family: arial, verdana, tahoma; font-weight: lighter; font-size: 18px; margin-top: 10px; color: #fff; } div.product .main .detail .cont .price small { font-size: 11px; } div.product .main .detail .cont .button { float: right; text-align: right; vertical-align: middle; padding: 0px; margin-top: 5px; } div.product .main .detail .cont2 { width:100%; padding-bottom:5px; border-bottom: 0px solid #d2d2d2; } div.product .main .detail .cont2 .qty { float: left; text-align: left; font-weight: bold; padding-top: 1px; margin-top: 8px; line-height: normal; color: #fff; } div.product .main .detail .cont2 .qty input { border: 1px solid #000; } div.product .main .detail .cont2 .price { float: left; width: 129px; margin: 0px; padding: 0; text-align: left; font-family: arial, verdana, tahoma; font-weight: lighter; font-size: 18px; margin-top: 10px; color: #fff; } div.product .main .detail .cont2 .price small { font-size: 11px; } div.product .main .detail .cont2 .button { float: right; text-align: right; vertical-align: middle; padding: 0px; margin-top: 5px; } div.product .bundleItems { background: url(../Images/Common/TabBgOn.png) no-repeat left top; margin-top: 10px; } div.product .bundleItems h3 { background: #f3f3f3 url(../Images/Common/TabBgOn.png) no-repeat right top; margin-left: 10px; padding: 4px 0px 5px 0px; font-size: 11px; color: #fff; } div.product .bundleItems .content { background: #f3f3f3 url(../Images/Common/BoxBg.png) no-repeat left top; padding: 3px 1px 3px 1px; margin-bottom: 10px; } div.product .bundleItems .content table { width: 100%; border-collapse: collapse; } div.product .bundleItems .content table tr td { padding: 5px 10px; font-weight: normal; vertical-align: top; } div.product .bundleItems .content table tr td label { font-weight: bold; } div.product .bundleItems .content table tr td.title { width: 240px; color: #999; } div.product .bundleItems .content table tr td.title a, div.product .bundleItems .content table td.title a:link, div.product .bundleItems .content table td.title a:active, div.product .bundleItems .content table td.title a:visited { color: #000; text-decoration: none; } div.product .bundleItems .content table tr td.price { text-align: right; vertical-align: bottom; color: #666; } div.product .bundleItems .content table td.price label { color: #666; } div.product .bundleItems .content table tr td.btns { padding: 0px 10px; text-align: right; vertical-align: bottom; } div.product .bundleItems .content table tr td.btns img { margin-right: 3px; } div.product .bundleItems .content table tr td.div { padding: 2px 10px 2px 5px; } div.product .bundleItems .content table tr td.div div { margin: 1px 0px 0px 5px; border-top: 1px dashed #ccc; height: 1px; line-height: 0px; font-size: 0px; } div.product .bundleItems .content table td.div { padding: 2px 10px 2px 5px; } div.product .bundleItems .content table td.div div { margin: 1px 0px 0px 5px; border-top: 1px dashed #ccc; height: 1px; line-height: 0px; font-size: 0px; } div.product .bundleItems .content .price { font-weight: bold; color: #f3f; } div.product .bundleItems .content .saving { font-weight: bold; color: #9c0; } div.product .options { width: 659px; margin-top: 10px; } div.product .options .content { background: url(../Images/extrasbg.png) no-repeat 0px 0px; padding: 8px 5px 5px 5px; margin-top:10px; } div.product .options .content table { width: 100%; border: none; } div.product .options .content table td { padding: 0px; } div.product .options .content table tr.row td { padding: 2px 10px; color: #999; font-weight: bold; vertical-align: middle; } div.product .options .content table td.title, div.product .options .content table td.title a, div.product .options .content table td.title a:link, div.product .options .content table td.title a:active, div.product .options .content table td.title a:visited { text-decoration: none; color: #333; font-size:13px; text-align:center; } div.product .options .content table td.title span { display:none; } div.product .options .content table td.price { text-align: left; vertical-align:top; } div.product .options .content table td.price label { color: #ffffff; font-size:15px; } div.product .options .content table td.buy { padding: 10px 10px 1px 10px; line-height: normal; } div.product .options .content table td.buy div.qty { float: left; padding-top: 1px; color: #ffffff; font-weight: bold; } div.product .options .content table td.buy div.price { float: left; margin-left: 15px; color: #ffffff; font-family: arial, verdana, tahoma; font-weight: lighter; font-size: 18px; } div.product .options .content table td.buy div.price small { font-size: 11px; } div.product .options .content table td.buy div.button { float: right; padding: 0px 10px 0px 0px; } div.product .options .content table td.div { padding: 2px 10px 2px 5px; } div.product .options .content table td.div div { margin: 1px 0px 0px 5px; border-top: 1px dashed #ccc; height: 1px; line-height: 0px; font-size: 0px; } div.product .tabs { margin-top: 10px; background: url(../Images/Common/TabsBg.png) no-repeat; width: 100%; border: none; border-collapse: collapse; } div.product .tabs td { width: 10%; height: 22px; padding: 0px 0px 0px 5px; line-height: normal;} div.product .tabs td div.cont { background: #f3f3f3 url(../Images/Common/TabBgOff.png) no-repeat left top; } div.product .tabs td div.link { background: #f3f3f3 url(../Images/Common/TabBgOff.png) no-repeat right top; margin-left: 10px; padding: 4px 10px 5px 0px; } div.product .tabs td.active div.cont { background: #f3f3f3 url(../Images/Common/TabBgOn.png) no-repeat left top; } div.product .tabs td.active div.link { background: #f3f3f3 url(../Images/Common/TabBgOn.png) no-repeat right top; margin-left: 10px; padding: 4px 10px 5px 0px; } div.product .tabs td.noPad { padding: 0px; } div.product .tabs a, div.product .tabs a:link, div.product .tabs a:active, div.product .tabs a:visited { color: #fff; font-weight: bold; text-decoration: none; display: block; } div.product .tabs a:hover { text-decoration: underline; } div.product .tabSect { background: url(../Images/Common/BoxBg.png) no-repeat left bottom; padding: 15px 20px; } div.product .tabSect ul li, div.product .tabSect li { background-position: left 6px; line-height: 13px; } div.product .tabSect table.attrs { } div.product .tabSect table.attrs th { text-align: right; } div.product .altProducts { margin-top: 10px; } div.product .altProducts h3.banner { margin: 0px; } div.product .altProducts .grid { border: none; padding: 0; width: 100%; background: url(../Images/Common/BoxHdrBg.png) no-repeat left top; } div.product .altProducts .grid .hdr td { padding: 2px 10px; color: #fff; font-size: 10px; font-weight: bold; } div.product .altProducts .grid .hdr td.lft { background-position: top left; } div.product .altProducts .grid .hdr td.rgt { background-position: top right; } div.product .altProducts .grid tr.row td { background: url(../Images/Common/BoxBg.png) no-repeat center center; padding: 5px 10px 3px 10px; color: #000100; font-weight: normal; vertical-align: middle; vertical-align: top; border-bottom: 1px dashed #ccc; } div.product .altProducts .grid tr.row td.last { padding: 5px 10px 0px 10px; border-bottom: none; } div.product .altProducts .grid tr.row td.bgLft { background-position: left center; } div.product .altProducts .grid tr.row td.bgRgt { background-position: right center; } div.product .altProducts .grid tr.ftr { background: url(../Images/Common/BoxBg.png) no-repeat left bottom; } div.product .altProducts .grid tr.ftr td { padding: 0px; } div.product .altProducts .grid .price { font-weight: bold; color: #666; } div.product .srchOpt { padding-top: 10px; } div.product .srchOpt .contentFtr { padding: 7px 0px 7px 0px; } div.product .srchOpt .content { padding-bottom: 5px; } div.product .reviews { background: url(../Images/Common/TabBgOn.png) no-repeat left top; margin-top: 10px; } div.product .reviews h3 { background: #f3f3f3 url(../Images/Common/TabBgOn.png) no-repeat right top; margin-left: 10px; padding: 4px 0px 5px 0px; font-size: 11px; color: #fff; } div.product .reviews .content { background: #f3f3f3 url(../Images/Common/BoxBg.png) no-repeat left bottom; padding: 10px 10px 1px 10px; } div.product .reviews .sum { padding: 0px; color: #333; } div.product .reviews div.rating, div.product .reviews div.sort { float: left; } div.product .reviews div.rating div { float: left; width: auto; margin-right: 5px; } div.product .reviews div.rating ul.rating { float: left; } div.product .reviews .link { float: right; text-align: right; } div.product .reviews div.paging { float: right; width: auto; text-align: right; padding: 1px 0px; } div.product .reviews div.sort, div.product .reviews div.paging { margin-top: 5px; } div.product .reviews table { width: 100%; border: none; border-collapse: collapse; margin-top: 7px; } div.product .reviews td { padding: 2px 0px; vertical-align: top; } div.product .reviews td.title { width: 80%; font-weight: bold; color: #f3f; text-align: left; } div.product .reviews td.rating { text-align: right; } div.product .reviews td.noReviews { padding: 0px; } div.product .reviews td.noReviews div { padding: 0px 20px 12px 0px; } div.product .reviews td.review { } div.product .reviews td.review small { display: block; margin: 3px 0px; font-size: 10px; color: #999; } div.product .reviews .content table td.div { padding: 2px 5px 2px 0px; } div.product .reviews .content table td.div div { margin: 1px 0px 0px 5px; border-top: 1px dashed #ccc; height: 1px; line-height: 0px; font-size: 0px; } div.product .reviews td.add { padding: 0px 10px; text-align: right; vertical-align: bottom; } div.product .relProducts { padding-top: 10px; } /* product details */ div.reviewSummary {} div.reviewSummary .main .images { float: right; text-align: right; width: 80px; } div.reviewSummary .main .images .main { background: url(../Images/Common/ProdThumbBg.png) no-repeat; width: 80px; height: 80px; } div.reviewSummary .main .images .main img { margin: 2px; } div.reviewSummary .main .detail { width: 450px; } div.reviewSummary .main .detail .price { background: none; width: auto; height: auto; margin: 0px; padding: 15px 0px 0px 0px; } div.reviewSummary .main .detail .price span { color: #999; font-size: 16px; display: block; float: left; margin: 0px; padding: 0px; } div.reviewSummary .main .detail .price .avail { color: #999; font-size: 11px; float: right ; margin: 0px; padding: 0px; } div.reviewSummary .main .detail .saving { margin: 5px 0px 0px 0px; padding: 0px; height: auto; color: #000; } div.reviewSummary .saving .rrp { text-decoration: line-through; display: inline; padding: 0px; margin: 10px 5px 10px 0px; } div.reviewSummary .saving .save { display: inline; padding: 0px; color: #9C3; font-weight: bold; font-size: 90%; } div.reviewSummary .main .buttons { margin-top: 15px; } /* star ratings as used throughout the site */ ul.rating { width: 75px; height: 15px; margin: 0px; padding: 0px; list-style: none; position: relative; background: url(../Images/Common/StarMatrix.png) no-repeat 0 0; overflow: hidden; } .field ul.rating { margin-top: 2px; } div.product .reviews td.rating ul.rating { float: right; } ul.r0 { background-position: 0 0; } ul.r1 { background-position: 0 -15px; } ul.r2 { background-position: 0 -30px; } ul.r3 { background-position: 0 -45px; } ul.r4 { background-position: 0 -60px; } ul.r5 { background-position: 0 -75px; } ul.rating li { float: left; vertical-align: middle; background: none; } ul.rating li a { position: absolute; left: 0; top: 0; width: 16px; height: 16px; text-decoration: none; z-index: 200; outline: 0; } ul.rating li span { display: none; } ul.rating li.s1 a { left: 0; } ul.rating li.s2 a { left: 15px; } ul.rating li.s3 a { left: 30px; } ul.rating li.s4 a { left: 45px; } ul.rating li.s5 a { left: 60px; } ul.rating li a:hover { z-index: 2; width: 75px; height: 15px; overflow: hidden; left: 0; background: url(../Images/Common/StarMatrix.png) no-repeat 0 0; } ul.rating li.s1 a:hover { background-position: 0 -105px; } ul.rating li.s2 a:hover { background-position: 0 -120px; } ul.rating li.s3 a:hover { background-position: 0 -135px; } ul.rating li.s4 a:hover { background-position: 0 -150px; } ul.rating li.s5 a:hover { background-position: 0 -165px; } /* pop up product info (used in product options for example) */ #floatingInfo { border: #c2c2c2 1px solid; position: absolute; left: 0px; top: 0px; background: #fff; padding: 5px; z-index: 9999; } #floatingInfo .loading { background: #fff; font-size: 10px; } #floatingInfo .loading img { vertical-align: middle; margin-right: 5px; } #floatingInfo .details { background: #fff; font-size: 10px; width: 350px; } #floatingInfo .details div { padding-left: 10px; float: left; width: 220px; } #floatingInfo .details img { margin: 0px 10px 10px 10px; float: right; width: 80px; height: 80px; } /* category header panels exc background image - found in editable pages */ #categoryheader { padding: 63px 250px 16px 29px; height: 45px; width:386px; margin: 0; background-repeat: no-repeat; background-position: top left; } /* litebox */ #lightbox { position: absolute; top: 40px; left: 0; width: 100%; z-index: 999; text-align: center; line-height: 0; } #lightbox a img { border: none; } #outerImageContainer { position: relative; background-color: #fff; width: 820px; height: 620px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 900; } #imageContainer > #hoverNav { left: 0; } #hoverNav a { outline: none; } #prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData { padding: 0 10px; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; } #overlay { position: absolute; top: 0; left: 0; z-index: 990; width: 100%; height: 500px; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html > body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } /* shopping basket (also used in checkout) */ #basket {} #basket table.contents { position:relative; left:-8px; background: url(../Images/extrasbg.png) no-repeat left top; width:659px; border: none; border-collapse: collapse; padding: 0px; width: 659px; } #basket table.contents th { color: #fff; font-size: 11px; font-weight: bold; margin: 0px; padding: 1px 10px 3px 10px; text-align: left; } #basket table.contents th.centered { text-align: center; } #basket table.contents th.lft { background-position: left top; } #basket table.contents th.rgt { background-position: right top; } #basket table.contents td { padding: 4px 10px; vertical-align: top; font-weight: normal; } #basket table.contents td.ftr div { margin-left: 10px; padding: 5px 0px 0px 0px; } #basket table.contents td.div { padding: 8px 5px 5px 5px; } #basket table.contents td.div div { border-top: 1px dashed #666; padding: 1px 0px 0px 0px; } #basket table.contents .basketGroupedChild { padding-top: 1px; padding-left: 10px; font-size: 10px; font-weight: normal; color: #666; line-height: 13px; } #basket table.contents .basketQty { border: 1px solid #cecece; width: 40px; color:#666; font-size: 10px; text-align: center; line-height: normal; } #basket table.contents img.thumb { margin-top: 7px; display: block; padding: 2px; } #basket table.contents img.hidden { display: none; } #basket table.contents a { color: #333; text-decoration: none; } a.BTitle { font-size: 13px; } #basket table.contents a:hover { text-decoration: underline; } #basket table.contents .attrs { display: inline; font-weight: normal; line-height: 13px; } #basket table.contents .attrs .attr { font-size: 11px; display: inline; } #basket table.contents .attrs .attr .name { padding-right: 3px; } #basket table.contents .attrs .attr .value { font-weight: bold; color: #666; } a.smallButton { font-size: 10px; font-weight: normal; } #basketFooter { padding-top: 8px; } #basketFooter .left { float: left; width: 300px; text-align: left; padding-top: 10px; } #basketFooter .right { float: right; text-align: right; margin-right:20px; } #basketFooter .estDespatchDate { text-align: center; padding: 0px 0px 8px 0px; } #basketFooter .carriageSelection { text-align: right; margin: 0px 0px 3px 0px; width: 220px; text-align: center; } #basketFooter .carriageSelection select { margin-bottom: 5px; color:#666} #basketFooter .vatInc { padding-top: 5px; font-style: italic; width: 220px; text-align: center; } #basketSum { background: #fff url(../Images/Common/BasketSumBg.png) no-repeat left top; width: 220px; padding: 10px 0px 0px 0px; } #basketSum div { padding: 0px 10px 10px 10px; } #basketSum table { border: none; border-collapse: collapse; padding: 0px; margin: 0px auto; } #basketSum table th, #basketSum table td { color: #000; text-align: right; white-space: nowrap; padding: 0px 10px; } #basketSum table td { color: #666; width: 100px; line-height: 20px; } #basketSum table tr.div td { width: auto; background: none; padding: 5px 0px; } #basketSum table tr.div td div { background: none; border-top: 1px dashed #ccc; width: 100%; height: 1px; margin: 0px; padding: 0px; } /* carriage messages */ .carriageNotes { background: #fff url(../Images/Common/BasketSumBg.png) no-repeat left top; padding-top: 8px; width: 220px; display: block; } .carriageNotes span { background: #fff url(../Images/Common/BasketSumBg.png) no-repeat left bottom; padding: 0px 13px 13px 13px; text-align: left; color: #e00; display: block; } /* small boxes (e.g. addresses etc) */ div.boxSml { background: url(../Images/extrasbg.png) no-repeat left top; padding: 0px 0px 0px 15px; } div.boxSml div { background: #a9a9a9 url(../Images/extrasbg.png) no-repeat right top; padding: 10px 15px 10px 0px; } /* inline credit card cv2 code help */ #cv2Help { padding-top: 5px; } #cv2Help .c1, #cv2Help .c2, #cv2Help .c3, #cv2Help .c4 { background: transparent url(../Images/extrasbg.png) no-repeat left top; padding: 0px; } #cv2Help .c2 { background-position: right top; margin-left: 5px; padding: 5px 5px 0px 0px; } #cv2Help .c3 { padding-left: 5px; } #cv2Help .c4 { padding-right: 5px; } #cv2Help .cont { padding: 10px 10px 0px 10px; } #cv2Help .cont .img { float: right; width: 200px; margin: 0 10px 0 0; } #cv2Help .cont .help { float: left; width: 300px; } #cv2Help .cont .help .txt { padding: 10px 20px 0px 0px; } /* misc checkout */ #orderConfPrintBtn { float: right; text-align: right; padding: 7px 20px 10px 0px; } /* order history */ #orderHistory {} #orderHistory table.contents { position:relative; left:-8px; border: none; background: url(../Images/extrasbg.png) no-repeat left top; width:659px; } #orderHistory table.contents th { border-bottom: 1px solid #ccc; color: #333333; font-size: 11px; font-weight: bold; margin: 0px; padding: 1px 10px 3px 10px; text-align: left; } #orderHistory table.contents th.lft { background-position: left top; } #orderHistory table.contents th.rgt { background-position: right top; } #orderHistory table.contents td { padding: 8px 10px 4px 10px; vertical-align: top; font-weight: normal; } #orderHistory table.contents td.lft { } #orderHistory table.contents td.rgt { } #orderHistory table.contents td.ftr { padding: 0px; } #orderHistory table.contents td.ftr div { margin-left: 10px; padding: 5px 0px 0px 0px; } #orderHistory table.contents td.div { padding: 3px 5px 0px 5px; } #orderHistory table.contents td.div div { border-top: 1px dashed #ccc; padding: 1px 0px 0px 0px; } /* home page */ div.homePromo1 { margin-top: 10px; background: #f3f3f3 url(../Images/Home/Pr1Bg.png) no-repeat left top; height: 200px; } div.homePromo1 .items { padding: 1px 9px; } div.homePromo1 .item { float: left; width: 130px; text-align: center; } div.homePromo1 .title { padding: 0px 5px; text-align: center; color: #fff; overflow: hidden; height: 43px; } div.homePromo1 .alt .title { } div.homePromo1 .title b { display: inline-block; margin-top: 3px; font-weight: normal; } div.homePromo1 .title a, div.homePromo1 .title a:link, div.homePromo1 .title a:active, div.homePromo1 .title a:visited { color: #fff; font-size: 11px; text-decoration: none; } div.homePromo1 .image { padding: 10px 0px; } div.homePromo1 .price { text-align: left; font-weight: bold; font-size: 12px; padding-left: 12px; } div.homePromo1 .btns { padding-top: 12px; } div.homePromo1 .buyBtn { float: left; margin-left: 12px; } div.homePromo1 .infoBtn { float: left; margin-left: 10px; } div.homePromo1 .div { float: left; width: 2px; background: url(../Images/Home/Pr1Div.png) no-repeat center center; height: 180px; margin: 10px 6px 0px 6px; } div.homePromo2 { margin-top: 10px; } div.homePromo2 h3 { background: #f3f3f3 url(../Images/Common/BoxHdrBg.png) no-repeat; color: #fff; text-align: left; font-size: 11px; line-height: 20px; height: 22px; padding-left: 10px; } div.homePromo2 .items { padding: 10px 12px 1px 12px; background: url(../Images/Common/BoxBg.png) no-repeat left bottom; } div.homePromo2 .item { float: left; width: 270px; text-align: center; } div.homePromo2 .first { margin-left: 0px; } div.homePromo2 .image { float: left; } div.homePromo2 .detail { float: right; text-align: right; padding-right: 10px; } div.homePromo2 .title { width: 160px; height: 40px; overflow: hidden; } div.homePromo2 .title a, div.homePromo2 .title a:link, div.homePromo2 .title a:active, div.homePromo2 .title a:visited { color: #666; font-size: 11px; text-decoration: none; } div.homePromo2 .price { font-weight: bold; font-size: 12px; } div.homePromo2 .btns { padding-top: 12px; } div.homePromo2 .buyBtn { float: right; margin-left: 35px; } div.homePromo2 .infoBtn { float: right; margin-left: 10px; } div.homePromo2 .div { float: left; width: 2px; background: url(../Images/Home/Pr1Div.png) no-repeat center center; height: 87px; margin: 0px 6px; }