.featuredHeader { font-weight:bold; font-size:0.95em; } .featuredPrice { font-weight:bold; font-size:0.95em; } .featuredOther { font-weight:normal; font-size:0.85em; } /*new*/ .darkbox { border:solid 1px #C3C3C3} .noborder { border:0px} body { margin: 0; padding: 0; font-size:0.80em;color:#5D5D5D; font-family:arial; margin:0px; /*background-image: url(images/background.jpg); background-repeat: no-repeat; background-attachment:fixed;*/ } a { outline: none; } input{ font-size:1em} .widetb { width:300px} .bigsaving{ font-size:1.3em; color:#21B30E; font-weight:bold} .button1 { z-index:0; font-size: 0.85em; background:url(images/but-75.png); cursor:pointer; border:0px; color:#595959; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:75px; text-align:center} .abutton1, a.abutton1:link, a.abutton1:visited { z-index:0; background:url(images/g-but-75.png); cursor:pointer; border:0px; color:#39643B; display:inline-block; vertical-align:middle; height:27px; top:-1px; padding-top:3px; background-repeat:no-repeat; width:75px; text-align:center} .gbutton1 { z-index:0; background:url(images/g-but-75.png); cursor:pointer; border:0px; color:#39643B; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:75px; text-align:center} .button2 { z-index:0; font-size: 0.85em; background:url(images/but-150.png); cursor:pointer; border:0px; color:#595959; display:inline-block; vertical-align:middle; height:20px; padding-top:3px; background-repeat:no-repeat; width:150px; text-align:center} .logintobuy { z-index:0; font-size: 0.85em; background:url(images/logintobuy.png); cursor:pointer; border:0px; color:#595959; display:inline-block; vertical-align:middle; height:22px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:150px; text-align:center} .button3 { background:url(images/but-200.png); font-size: 0.85em; cursor:pointer; border:0px; color:#595959; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:200px; text-align:center} .button4 { background:url(images/but-250.png); font-size: 0.85em; cursor:pointer; border:0px; color:#595959; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:250px; text-align:center} .gbutton4 { background:url(images/g-but-250.png); cursor:pointer; border:0px; color:#5F6062; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:250px; text-align:center} .button5 { background:url(images/but-300.png); font-size: 0.85em; cursor:pointer; border:0px; color:#595959; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:300px; text-align:center} .gbutton5 { background:url(images/g-but-300.png); cursor:pointer; border:0px; color:#39643B; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:3px; position:relative; background-repeat:no-repeat; width:300px; text-align:center} .standardNewsStory{ background-image:url(images/standardNewsStory.jpg); cursor:pointer; color:#595959; } .selectedNewsStory{ background-image:url(images/selectedNewsStory.jpg); cursor:pointer; color:#ffffff; } .mainHeader { background-image:url(images/top-back.png); background-position:center top; background-repeat:no-repeat; height:10px; } .mainFooter { background-image:url(images/bot-back.png); background-position:center top; background-repeat:no-repeat; height:10px; } #divmycontainer{ background-color:#ffffff; width:1002px; border-left: solid 1px #636563; border-right:solid 1px #636563;} .maincontent{background-color:#ffffff; width:1002px; border-left: solid 1px #636563; border-right:solid 1px #636563} .bt-login { display: block; width: 91px; height: 41px; background-image:url(images/login.png); background-position:left top; background-repeat:no-repeat;} .bt-register { display: block; width: 144px; height: 41px; background-image:url(images/register.png); background-position:left top; background-repeat:no-repeat;} a.button1:link{ font-size: 0.85em; color:#595959} a.button1:hover{ color:#595959} a.button1:visited{font-size: 0.85em; color:#595959} a.button2:link{font-size: 0.85em; color:#595959} a.button2:hover{ color:#595959} a.button2:visited{font-size: 0.85em; color:#595959} a.button3:link{font-size: 0.85em; color:#595959} a.button3:hover{ color:#595959} a.button3:visited{font-size: 0.85em; color:#595959} a.button4:link{font-size: 0.85em; color:#5F6062} a.button4:hover{ color:#5F6062} a.button4:visited{font-size: 0.85em; color:#5F6062} a.button5:link{font-size: 0.85em; color:#595959} a.button5:hover{ color:#595959} a.button5:visited{font-size: 0.85em; color:#595959} a.gbutton1:link{ color:#39643B} a.gbutton1:hover{ color:#39643B} a.gbutton1:visited{ color:#39643B} a.gbutton2:link{ color:#39643B} a.gbutton2:hover{ color:#39643B} a.gbutton2:visited{ color:#39643B} a.gbutton3:link{ color:#39643B} a.gbutton3:hover{ color:#39643B} a.gbutton3:visited{ color:#39643B} a.gbutton4:link{ color:#5F6062} a.gbutton4:hover{ color:#5F6062} a.gbutton4:visited{ color:#5F6062} a.gbutton5:link{ color:#39643B} a.gbutton5:hover{ color:#39643B} a.gbutton5:visited{ color:#39643B} .loginTable {background:url(images/login-background.jpg); background-repeat: no-repeat; width: 678px; height: 386px;} .loginTableXL {background:url(images/login-backgroundXL.jpg); background-repeat: no-repeat; width: 678px; height: 675px;} .loginBox {background:url(images/login-box.png); background-repeat: no-repeat; width: 341px; height: 356px; } .loginBoxLarge {background:url(images/login-box-large.png); background-repeat: no-repeat; width: 648px; height: 356px; } .loginBoxSmall {background:url(images/login-box-small.png); background-repeat: no-repeat; width: 285px; height: 356px;} .loginText {padding-left: 10px; padding-right: 10px; } a.blueLink:hover {color: #377dbe; text-decoration: underline; } a.blueLink:link {color: #377dbe; text-decoration: underline; } a.blueLink:visited {color: #377dbe; text-decoration: underline; } .inputlist { /* nothing really needed here */ } .inputlist label { white-space: nowrap; } label.video { display:block; width:120px !important; text-align:left; float:left; padding-top:2px; } .searchbar { background-image: url(images/main-bar.gif); background-repeat:no-repeat} .rightborder{ border-right:solid 0px #ffffff} /*.accordian { background-image:url(images/accordian.gif); height:30px; text-indent:17px} .topaccordian { background-image:url(images/top.gif); height:30px; text-indent:17px}*/ .bluehighlight{ background-color:#8dc73f; color:#ffffff; padding:2px} .navdescription{ text-align:left; line-height:17px} .navdescription2{ width:100%; text-align:left; line-height:22px} .navtitles { color:#000000; font-weight:bold} .pnavtitles { color:#000000; font-weight:bold; padding-top:5px;padding-left:5px;padding-right:5px;padding-bottom:1px;} .optiontitle { font-size:1.2em; font-weight:bold} /* Basket */ .quantityBox { text-align:center; font-size:11px; width:20px; border:solid 1px #909090;z-index:999;} .downBasket { width:222px; height:49px; position:relative; left:-2px; overflow:hidden; clear: both; z-index:999; } .downBasketHTML { height:126px; margin-top:-8px; margin-left:46px; width:173px; border-left:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; background-color:White;z-index:999; } .basket { width:173px; height:49px; background:url(images/basket-back.png); background-repeat:no-repeat; color:White; padding-top:8px; vertical-align:middle; padding-left:55px; text-align:left; cursor:hand;z-index:999; } .basketFooter { width:173px; margin-left:46px; border:solid 1px #dfdfdf; background-color:White;z-index:999; } .basketprice { font-size:1.3em; font-weight:bold;z-index:999;} /* END BASKET */ /* EMAIL MARKETING */ .editor_background { background-color: #ffffff; color:#6C6C6E; background-image:none; font-family:arial; } .admindark1{ background-color:#A9B7BF; font-weight:bold; color:#000000; padding-top:5px; padding-bottom:5px} .admindark{ font-size:12px; background-color:#CE0606; font-weight:bold; color:#ffffff; padding-top:7px; padding-bottom:7px} .modalBackground { background-color:Gray; -ms-filter:alpha(opacity=70); -ms-opacity:0.7; -moz-opacity: 0.5; -khtml-opacity: 0.5; } .emarkback{ background-color:#7AB0DF} .smallprice{color:#02365E; font-size:14px; font-weight:bolder; font-family:arial;} a.smallblack:link { color: #000000; font-size:11px; font-weight:bolder; text-decoration:none; } a.smallblack:visited { color: #000000; font-size:11px; font-weight:bolder; text-decoration:none; } a.smallblack:hover { color: #000000; font-size:11px; font-weight:bolder; text-decoration:none; } .paleblue{ background-color:#EBF5FE;border-right:solid 1px #5890bf} a.bigblack:link { color: #000000; font-size:14px; font-weight:bolder; text-decoration:none; } a.bigblack:visited { color: #000000; font-size:14px; font-weight:bolder; text-decoration:none; } a.bigblack:hover { color: #000000; font-size:14px; font-weight:bolder; text-decoration:none; } .bluebox{ border:solid 1px #005479} .lrblue{ border-right:solid 1px #5890BF;border-left:solid 1px #5890BF} .topblue{ border-top:solid 1px #5890bf} .lblue{ border-left:solid 1px #5890bf} .categorypromotion{ background-color:#E9E9E9; color:#000000; font-size:1.2em; font-weight:bold; padding:3px} .greybox{ border:solid 1px #d1d1d1;} /* END EMAIL MARKETING */ /* Left Navigation */ #leftNav { width:213px; vertical-align:middle; } #leftNav dd { display:inline; list-style-type:none; padding: 0; margin: 0; } #leftNav dl { margin: 0 0 0px 0; padding: 0; background-image:url(images/left-nav-back.png); /*background-position: left bottom;*/ color: #000000; border-top:solid 0px #ffffff; border-bottom:solid 0px #E6E6E6;border-left:solid 1px #E6E6E6;border-right:solid 1px #E6E6E6; } #leftNav dl.selected { margin: 0 0 0px 0px; background-image:url(images/left-nav-active.png); color: #000000; font-weight: bold;} #leftNav dt { margin: 0; padding:0 } #leftNav dl.theEnd { margin: 0 0 0px 0; padding: 0; color: #000000; border-top:solid 0px #ffffff; border-bottom:solid 0px #E6E6E6;border-left:solid 1px #E6E6E6;border-right:solid 1px #E6E6E6; } #leftNav dl.theEndselected { margin: 0 0 0px 0px; background-image:url(images/left-nav-active.png); color: #000000; font-weight: bold;} #leftNav dl.selected dt a { padding-left: 30px;} #leftNav dt a { color: #595959; display:block; padding:6px 26px 6px 20px; text-decoration:none; } #leftNav dt a:hover { color:#5F5F61; margin: 0 0 0px 0px; padding-left:30px; padding-right:26px; background-image:url(images/left-nav-over.png); border-bottom:solid 0px #E6E6E6;} #leftNav a.hoverNav:link {color: #616161; text-decoration: none; } #leftNav a.hoverNav:visited {color: #616161; text-decoration: none; } #leftNav a.hoverNav:hover {color: #377DBE; text-decoration: underline; } .dots{ height:1px; background-image:url(images/dot.gif); padding:0px;} .leftnavtitle{ background-color:#4F4E53; color:#ffffff; padding:7px; font-weight:bold} .vertdots{background-image:url(images/vertdot.gif); width:1px} .navbox { background-color:#f9f9f9; border:solid 1px #efeff2} #imgMedia { border-width: 0px; } td{ color:#777777; } textarea{ font-size:1em; font-family:arial;} select{ font-size:1em} .whitetext { color:#ffffff} a.link-light, a.link-light:LINK {color: #8dc73f; text-decoration: underline;} a.link-light:HOVER { color: #000;} a:link{ color:#3366cc; text-decoration:none} a:visited{ color:#3366cc; text-decoration:none} a:hover{ color:#3366cc; text-decoration:underline} a.active {text-decoration: underline; } a.whitenav:link{ color:#ffffff; text-decoration:none} a.whitenav:visited{ color:#ffffff; text-decoration:none} a.whitenav:hover{ color:#ffffff; text-decoration:none} a.tier2link:link{ color:#3366cc; text-decoration:none} a.tier2link:visited{ color:#3366cc; text-decoration:none} a.tier2link:hover{ color:#3366cc; text-decoration:underline} a.blacknav:link{ color:#000000; text-decoration:none; font-weight:bold} a.blacknav:visited{ color:#000000; text-decoration:none} a.blacknav:hover{ color:#000000; text-decoration:none} a.darknav:link{ color:#595959; text-decoration:none; font-weight:bold} a.darknav:visited{ color:#595959; text-decoration:none; font-weight:bold} a.darknav:hover{ color:#3366cc; text-decoration:none; font-weight:bold} a.login2:link{ color:#ff0000; text-decoration:none; font-weight:bold} a.login2:visited{ color:#ff0000; text-decoration:none; font-weight:bold} a.login2:hover{ color:#cc0000; text-decoration:none; font-weight:bold} a.darklink:link{ color:#595959; text-decoration:none; font-weight:bold} a.darklink:visited{ color:#595959; text-decoration:none; font-weight:bold} a.darklink:hover{ color:#595959; text-decoration:none; font-weight:bold } a.whitelink:link{ color:#fff; text-decoration:none; font-weight:bold} a.whitelink:visited{ color:#fff; text-decoration:none; font-weight:bold} a.whitelink:hover{ color:#fff; text-decoration:none; font-weight:bold } a.leftnav:link{ color:#777777; text-decoration:none} a.leftnav:visited{ color:#777777; text-decoration:none} a.leftnav:hover{ color:#6E46C3; text-decoration:none} a.greennav:link{ color:#31B530; text-decoration:none} a.greennav:visited{ color:#31B530; text-decoration:none} a.greennav:hover{ color:#E33432; text-decoration:none} a.greenlink:link{ color:#777777; text-decoration:none} a.greenlink:visited{ color:#777777; text-decoration:none} a.greenlink:hover{ color:#777777; text-decoration:none} a.redlink:link{ color:#920123; text-decoration:none; font-weight:bold} a.redlink:visited{ color:#920123; text-decoration:none; font-weight:bold} a.redlink:hover{ color:#920123; text-decoration:none; font-weight:bold} a.lightbluelink:link{color:#3366CC; text-decoration:none; } a.lightbluelink:visited{color:#3366CC; text-decoration:none; } a.lightbluelink:hover{color:#48a4ff; text-decoration:none; } a.standard:link{ color:#377DBE; text-decoration:none;} a.standard:visited{ color:#377DBE; text-decoration:none; } a.standard:hover{ color:#377DBE; text-decoration:underline;} a.bluelink:link{ color:#377DBE; text-decoration:none; } a.bluelink:visited{ color:#377DBE; text-decoration:none; } a.bluelink:hover{ color:#377DBE; text-decoration:none; } a.bluenav:link{ color:#30449A; font-size:1.1em; text-decoration:none; font-weight:bold} a.bluenav:visited{ color:#30449A; font-size:1.1em; text-decoration:none; font-weight:bold} a.bluenav:hover{ color:#c10001; font-size:1.1em; text-decoration:underline; font-weight:bold} .toptab { background-image:url(images/top-tab.png); border-right: solid 8px #ffffff; width:150px; background-repeat:no-repeat; text-align:left; height:27px; text-indent:10px} .toplogout {text-align:right; padding-top:15px; padding-bottom:32px} /* --------------- Start: Home Page --------------- */ .quickOrderPartNo-surround { display: block; background-image: url(images/prod-code-background.png); background-repeat: no-repeat; background-position: left top; width: 135px; height: 26px; padding: 3px 0px 0px 4px; } .quickOrderQty-surround { display: block; background-image: url(images/qty-pad.png); background-repeat: no-repeat; background-position: left top; width: 31px; height: 26px; padding: 3px 0px 0px 4px; } .quickOrderPartNo { border:solid 0px #ffffff; width:120px; background-color:Transparent; } .quickOrderQty { border:solid 0px #ffffff; width:21px; background-color:Transparent; } .homepagepanelfooter{ background-image:url(images/homepagepanelfooter.png); background-position:center bottom; background-repeat:no-repeat; padding-left:10px; padding-bottom:10px;} .rbpad10{ padding-right:10px; padding-bottom:10px;} .bpad10{ padding-bottom:10px;} .news1{ background-color:#F3FAFE; padding-top:6px;padding-bottom:6px} .news2{ padding-top:6px;padding-bottom:6px} .homegrey1 {background-color:#F2F2F2; padding-top:6px;padding-bottom:6px} .homegrey2{ padding-top:6px;padding-bottom:6px} /* ------------- END : Home Page ------------------------------*/ .bluearea{ background-color:#F4F4F4; border-left:solid 1px #E6E6E6; border-right:solid 1px #E6E6E6} ul{ list-style:none; text-indent:0px; margin-left:0px; margin-top:5px; line-height:17px; padding-left:0px} li.mylist0{ background-color:#ffffff;padding:4px; } li.mylist1{ background-color:#F7F7F7;padding:4px} ul.inkfinder { margin: 0; padding: 0; list-style-type: none; } ul.inkfinder li { display: block; float: left; margin: 0; padding: 0; list-style-type: none; width: 190px; height: 180px; } ul.bull{ list-style-type:disc; width:200px;} .newslight{ background-color:#F4F4F4;} .orange { color: #8dc73f;} .comparison{ background-image:url(images/compare-dot.gif); background-position:bottom} .search{ background-color:#d2dfef; padding-top:10px; padding-bottom:10px} .checkoutbar { background-color:#F4F4F4;} .line{ background-color:#D5D5D5} .box { border-left:solid 2px #E5E5E5; border-right:solid 2px #E5E5E5; } .box-header { background:url(images/chechout-boxInverted.png) no-repeat 100% 0; margin:0 0 0 18px; height:10px; position:relative; } .box-header div { height:10px; width:18px; position:relative; left:-18px; background:url(images/chechout-boxInverted.png) no-repeat; } .box-footer { background:url(images/chechout-box.png) no-repeat bottom right; margin:0 0 0 18px; height:10px; position:relative; } .box-footer div { height:10px; width:18px; position:relative; left:-18px; background:url(images/chechout-box.png) no-repeat bottom left; } .box2{ border:solid 1px #7f9db9;} .box3{ border:solid 1px #7f9db9; background-color:#f5f5f5; } .largeblack{ font-size:1.3em; color:#000000; } .largegreen{ font-size:1.3em; color:#2F4485; } .nav{ background-image:url(images/dot.gif); background-position:bottom; } .red{ color:#920123; } .saleprice {color:#d40500} .blue{color:#369dff;} .green{ color:#21B30E;} .grey {color:#777777;} .saving{ color:#377DBE; font-size:12pt;} .lightgrey{ background-color:#E2E2E2} .greytext{ color:#6C6C6E} .blacktext{ color:#000000} .dark{ background-color:#E2E2E2; height:29px; font-weight:bold } .mid{ background-color:#ebebeb; } .light{ background-color:#f7f7f7;} .approval{ background-color:#FEEEEE} .tb{ width:200px} .dd{ width:206px} .title{ font-size:1.3em; color:#E4A816;} .centretext{ text-align:center} .biggertext{ font-size:1.2em;} .biggerblack { font-size:1.05em; color:#000000; font-weight:bold} .biggernowprice{ font-size:1.3em; font-weight:bold } .navdark{ background-color:#2F4485; color:#ffffff;} .frontlog{ color:#4e4d53; font-size:16px; font-weight:bold; } .frontred{ color:#db1a13;font-size:16px; font-weight:bold; } .frontblue{color:#2f4497; font-size:14px; font-weight:bold; } .frontloglight{ color:#4e4d53; font-size:14px; } .offer{ background-color:#F8F7EB; padding:8px; border-left:solid 1px #CACACA; border-right:solid 1px #CACACA; border-bottom:solid 1px #CACACA} h1{font-size:1.1em; margin:0px; padding:0px; elevation:0px; font-weight:bold; color:#073872;} h1.category{font-size:1.9em; margin: 2px 0px 10px 0px; padding:0px; elevation:0px; color:#920123; font-weight:lighter} .matches{ font-size:0.6em; color:#6c6c6e} h2{font-size:1.15em; margin:0px; padding:0px; font-weight:bold; color:#3366cc} h2.grey{font-size:12px; margin:0px; padding:0px; font-weight:800; color:#727272; font-family:arial} h3{font-size:1.1em; margin-bottom:0px; padding:0px; margin:0px; font-weight:bold; color:#3366cc;} h3.noline{font-size:1.05em; margin-bottom:0px; padding:0px; margin:0px; font-weight:bold; color:#8dc73f; text-decoration: none;} .foursides { background-color:#F4F4F4; border-left:solid 1px #E6E6E6; border-right:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; border-top:solid 1px #E6E6E6; } .top3sides { border-top:solid 1px #EAEAEA; border-left:solid 1px #EAEAEA; border-right:solid 1px #EAEAEA} .bottom{border-bottom:solid 1px #E6E6E6} .leftside{border-left:solid 1px #E6E6E6;} .rightside{border-right:solid 1px #E6E6E6;} .twosides{ border-left:solid 1px #E6E6E6; border-right:solid 1px #E6E6E6} .tworightsides{border-bottom:solid 1px #E6E6E6; border-right:solid 1px #E6E6E6} .bottom3sides{ border-left:solid 1px #E6E6E6; border-right:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6} .yellowsides{ background-color:#FFFFDB; border-left:solid 1px #F1E5BD; border-right:solid 1px #F1E5BD} .yellowbottom{ border-bottom:solid 1px #F1E5BD; padding-bottom:0px} .orangesides{ background-color:#FFF3DB; border-left:solid 1px #F1E5BD; border-right:solid 1px #F1E5BD} .yellowbottom3sides{ background-color:#FFFFDB; border-left:solid 1px #F1E5BD; border-right:solid 1px #F1E5BD; border-bottom:solid 1px #F1E5BD;} div.clearcurve { background: url(images/top-right-curve.gif) no-repeat top right; width:100%; text-align:left; } div.clearcurve div { background: url(images/top-left-curve.gif) no-repeat top left; width:100%; text-align:left; } div.newscurve { background: url(images/news-right-curve.gif) no-repeat top right; width:100%; text-align:left; } div.newscurve div { background: url(images/news-left-curve.gif) no-repeat top left; width:100%; text-align:left; } div.yellowcurve { background: url(images/top-right-yellow.jpg) no-repeat top right; width:100%; height:100%; text-align:left; } div.yellowcurve div { background: url(images/top-left-yellow.jpg) no-repeat top left; width:100%; height:100%; text-align:left; } div.priceroundcorner { background: url(images/price-top-right.gif) no-repeat top right; width:100%; height:100%; text-align:left; } div.priceroundcorner div { background: url(images/price-top-left.gif) no-repeat top left; width:100%; height:100%; text-align:left; } div.priceroundcorner div div { background: url(images/price-bot-right.gif) no-repeat bottom right; width:100%; height:100%; text-align:left; } div.priceroundcorner div div div { background: url(images/price-bot-left.gif) no-repeat bottom left; width:100%; height:100%; text-align:center; } div.productroundcorner { background: url(images/p-top-right.gif) no-repeat top right; width:100%; height:100%; text-align:left; } div.productroundcorner:hover { background: url(images/p-top-right-over.gif) no-repeat top right; } div.productroundcorner div { background: url(images/p-top-left.gif) no-repeat top left; width:100%; height:100%; text-align:left; } div.productroundcorner:hover div { background: url(images/p-top-left-over.gif) no-repeat top left; } div.productroundcorner div div { background: url(images/p-bot-right.gif) no-repeat bottom right; width:100%; height:100%; text-align:left; } div.productroundcorner:hover div div { background: url(images/p-bot-right-over.gif) no-repeat bottom right; } div.productroundcorner div div div { background: url(images/p-bot-left.gif) no-repeat bottom left; width:100%; height:100%; text-align:center; } div.productroundcorner:hover div div div { background: url(images/p-bot-left-over.gif) no-repeat bottom left; } div.productroundcornerover { background: url(images/p-top-right-over.gif) no-repeat top right; width:100%; height:100%; text-align:left; } div.productroundcornerover div { background: url(images/p-top-left.gif) no-repeat top left; width:100%; height:100%; text-align:left; } div.productroundcornerover div div { background: url(images/p-bot-right.gif) no-repeat bottom right; width:100%; height:100%; text-align:left; } div.productroundcornerover div div div { background: url(images/p-bot-left.gif) no-repeat bottom left; width:100%; height:100%; text-align:center; } div.roundcorner { background: url(images/top-right.gif) no-repeat top right; width:100%; height:100%; text-align:left; } div.roundcorner div { background: url(images/top-left.gif) no-repeat top left; width:100%; height:100%; text-align:left; } div.roundcorner div div { background: url(images/bot-right.gif) no-repeat bottom right; width:100%; height:100%; text-align:left; } div.roundcorner div div div { background: url(images/bot-left.gif) no-repeat bottom left; width:100%; height:100%; text-align:left; } div.offerbox { background: url(images/offer-top-right.jpg) no-repeat top right; width:100%; height:100%; text-align:left; text-indent:10px; } div.offerbox div { background: url(images/offer-top-left.jpg) no-repeat top left; width:100%; height:100%; text-align:left; padding-top:7px; } div.curvedfooter { background: url(images/prod-rightcorner.gif) no-repeat bottom right; width:100%; height:100%; text-align:left; } div.curvedfooter div { background: url(images/prod-leftcorner.gif) no-repeat bottom left; width:100%; height:100%; text-align:left; } .accordion { padding-bottom:4px; margin:0px; overflow:hidden; margin-top:6px; margin-right:5px; } /* Accordion */ /* .accordionHeader { width:188px; color: #777777; background-image:url(images/accordian.gif); height:22px; text-indent:10px; padding-top:8px; padding:0px; margin:0px; cursor: pointer; font-weight:bold; vertical-align:top; z-index:2; }*/ /* .accordionHeader top { width:188px; color: #777777; background-image:url(images/none.gif); height:22px; text-indent:10px; padding-top:8px; padding:0px; margin:0px; cursor: pointer; font-weight:bold; vertical-align:middle; z-index:2; }*/ /*.header { width:188px; color: #777777; background-image:url(images/accordian.gif); height:22px; text-indent:10px; padding-top:8px; cursor: pointer; font-weight:bold; vertical-align:middle; z-index:2; }*/ a.b2cPreview { display: block; border: 5px solid #eaeaea; margin-top: 15px; width: 300px; height: 199px; } a.b2cPreview:HOVER { border: 5px solid #aaaaaa; } .pnl1 { position:relative; } .button100 { z-index:0; background:url(images/but-75.png); cursor:pointer; border:0px; color:#595959; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:3px; background-repeat:no-repeat; width:75px; text-align:center} .container { margin: 0 auto; width: 1002px; background-image: url(images/middle-back.png); background-repeat: repeat-y; background-position: left top; padding-left: 0px; padding-right: 0px; } .container-end { margin: 0 auto; margin-top:140px; width: 1002px; height: 40px; /*background-image: url(images/footer-background.png); background-repeat: no-repeat; background-position: left top;*/ } .dynamic-banner-container { margin: 0 auto; width: 1002px; } .clear { clear: both; height: 0px; } .nav-container { display: block; width: 978px; height: 41px; background-image: url(images/nav-back.gif); background-repeat: repeat-x; background-position: center top; margin-left: 12px; } /* --------------- Start: Header --------------- */ .header-container { margin: 0 auto; width: 1012px; /*height:115px;*/ } .header-container .logo-container { display: block; float: left; width: 200px; height: 70px; margin-top: 24px; margin-left:20px; } .header-container .header-right-container { display: block; float: right; width: 695px; } .quick-links { display: block; width: 978px; height: 27px; margin: 0px 0px 0px 12px; padding: 3px 0px 0px 0px; border-bottom: 1px solid #e8e8e8; } ul.topnav { float:left; margin: 0; padding: 0; list-style-type: none; margin: 4px 0px 0px 0px; } ul.topnav li { margin: 0; padding: 0; list-style-type: none; display: block; float: left; height: 16px; margin-left: 11px; } ul.topnav li, ul.topnav li a { font-size: 11px !important; padding: 0px 1px 0px 1px; } ul.topnav li.first { margin-left: 0px; } ul.topnav li a:hover { text-decoration: underline; color: #004c7d; } ul.topnav li a.currency-active { color: #004c7d; font-weight: bold; } ul.topnav li.currency { font-size: 10px; /*margin-left: 30px;*/ } ul.topnav li a.home { display: block; background-position: left top; width: 38px; height: 16px; } ul.topnav li a.my-account, ul.topnav li a.not-reg, ul.topnav li a.business-account { color: #3366CC; } ul.topnav li a.tips { display: block; background-position: left top; width: 78px; height: 16px; } ul.topnav li a.blog { display: block; background-position: left top; width: 30px; height: 16px; } ul.topnav li a.a-z { display: block; background-position: left top; width: 71px; height: 16px; } ul.topnav li a.brand-a-z { display: block; background-position: left top; width: 50px; height: 16px; } ul.topnav li a.help { display: block; background-position: left top; width: 83px; height: 16px; } ul.topnav li a.contactus { display: block; background-position: left top; width: 83px; height: 16px; } .currency-container { display: block; float: right; margin-right: 20px; } /*ul.topnav li a.myaccount:HOVER {background-image: url(images/myaccount-over.png);} ul.topnav li a.tips:HOVER {background-image: url(images/handytips-topnav-over.png);} ul.topnav li a.blog:HOVER {background-image: url(images/blog-topnav-over.png);} ul.topnav li a.a-z:HOVER {background-image: url(images/atoz-topnav-over.png);} ul.topnav li a.brand-a-z:HOVER {background-image: url(images/brands-over.png);} ul.topnav li a.help:HOVER {background-image: url(images/needhelp-topnav-over.png);} ul.topnav li a.contactus:HOVER {background-image: url(images/contactus-over.png);}*/ .search-outer { margin-top: 23px; } .search-container { display: block; background-image: url(images/topsearch-back.png); background-repeat: no-repeat; background-position: left top; width: 436px; height: 46px; padding: 3px 10px 0px 5px; } .search-surround { display: block; background-image: url(images/searchbox-background.png); background-repeat: no-repeat; background-position: left top; width: 304px; height: 27px; padding: 10px 0px 0px 35px; } /* --------------- End: Header --------------- */ /* --------------- Start: Breadcrumb --------------- */ .breadcrumb-container { display: block; background-image: url(images/breadcrumb-back.png); background-repeat: no-repeat; height: 30px; margin: 10px 0px 5px 20px; font-size: 0.85em; } /* --------------- End: Breadcrumb --------------- */ /* --------------- Start: Newsletter --------------- */ .newsletter-container { display: block; /*background-image: url(images/newsletter-back.png); */ background-image: url(images/breadcrumb-back.png); background-repeat: no-repeat; width: 1002px; height: 37px; padding: 5px 0px 0px 0px; margin: 10px 0px 10px 10px; } .newsletter-button { display: block; background-image: url(images/newsletter-button.png); background-repeat: no-repeat; width: 134px; height: 26px; } .newsletterbox-container { display: block; background-image: url(images/newsletterbox-background.png); background-repeat: no-repeat; width: 260px; height: 26px; padding: 5px 0px 0px 35px; text-align: left; } /* --------------- End: Newsletter --------------- */ /* --------------- Start: Footer --------------- */ .footerbanner { position:relative } .footerbanner-inner { position:absolute; left:-985px; z-index:5; top:-50px; } .footer-bar { display:block; width:962px; height:35px; margin: 0px auto; margin-bottom: 5px; padding:0px; background-image:url(images/bottom-bar.png); } ul.footer-bar { height:35px; margin: 0; padding: 0; list-style-type: none; vertical-align:middle; } ul.footer-bar li { height:27px; margin: 8px 0px 0px 0px; padding: 0; list-style-type: none; display: block; float: left; margin-left: 13px; } ul.footer-bar li a { color:White; text-decoration:none; font-weight:bold; } ul.footer-bar li a:hover { color: #3366CC; } ul.footer-bar li.splitter { margin: 0; padding: 0; list-style-type: none; display: block; float: left; margin-left: 10px; width:2px; height:35px; background-image:url(images/bar-separator.png); background-repeat:no-repeat; } ul.footer-bar li.right { height:27px; margin: 8px 0px 0px 0px; padding: 0; list-style-type: none; display: block; float: right; margin-right: 10px; } .footer-container { display: block; /* background-image: url(images/footer-back.png); background-repeat: no-repeat; */ /* width: 1002px; */ /* height: 185px; */ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; z-index: 10; } ul.footerlinks { display:block; margin:0px 0px 0px 0px; padding: 0; list-style-type: none; height:100px } ul.footerlinks li { padding: 0; list-style-type: none; display: block; float: left; width: 160px; } ul.footerlinks li ul { padding: 0; list-style-type: none; } ul.footerlinks li ul li { padding: 0; list-style-type: none; display: block; padding: 0px 0px; } ul.footerlinks li h2 { color: #000; font-size: 1.0em; } .copyright-container { display: block; float: left; margin: 0px 0px 0px 22px; padding: 25px 0px 0px 0px; font-size: 0.85em; } .powered-container { display: block; float: right; margin: 0px 22px 0px 0px; padding: 20px 0px 0px 0px; } .arrows { color: #333; font-size: 0.85em; } ul.footer-products { margin: 0; padding: 0; list-style-type: none; } ul.footer-products li { margin: 0; padding: 0; list-style-type: none; display: block; float: left; width: 230px; margin-left: 10px; margin-bottom: 20px; } ul.footer-products li ul { margin: 0; padding: 0; list-style-type: none; } ul.footer-products li ul li { margin: 0; padding: 0; list-style-type: none; display: block; padding: 0px 0px; } ul.footer-products li ul li a { font-size: 0.85em; } ul.footer-products li a.heading { font-weight: bold; color: #8dc73f; } .footer-links2 { display: block; color: #8dc73f; } .footer-payments { margin-bottom: 10px; } .footer-banners { position:absolute; top:121px; right:520px; z-index:10000; width:450px; } ul.ulFooterBanners li{ padding-left:10px; } /* --------------- Start: Products --------------- */ a.maxCategories { text-decoration: none; font-size: 0.95em; } a.more-products { color: #369dff; font-size: 0.85em; background-image: url(images/arrow.png); background-repeat: no-repeat; background-position: right center; padding: 0px 12px 0px 0px; } .nav-back { display: block; /* background-image: url(images/product-list-nav.png);*/ background-repeat: no-repeat; background-position: left top; font-size: 0.85em; } a.grid-view { background-image:url(images/grid-icon.png); background-position: right bottom; background-repeat: no-repeat; padding: 0px 17px 0px 0px; margin-right: 5px; } a.list-view { background-image:url(images/list-icon.png); background-position: right bottom; background-repeat: no-repeat; padding: 0px 35px 0px 0px; margin-right: 5px; } h3.productName { text-decoration: none; } h3.productName a { color: #5f6062; font-weight: normal; font-size: 1.0em; } h3.productName a:HOVER { text-decoration: none; color: #369dff; } a.productnav:HOVER { text-decoration:underline; } .price-container { font-size: 1.4em; font-weight: bold;margin-bottom: 5px; display: block; text-align: right; color: #8dc73f;} .price{ font-size:12px; color:#920123; font-weight:bold;} .grid-price-container { font-size: 1.2em; font-weight: bold;margin-bottom: 5px; display: block; text-align: center; color: #369dff;} .grid-price { font-size: 1.2em; color: #D10101; font-weight: normal;} ul.product-grid { margin: 0; padding: 0; list-style-type: none; } ul.product-grid li { margin: 0; padding: 0; list-style-type: none; display: block; float: left; width: 180px; height: 315px; background-image: url(images/product-grid.png); background-repeat: no-repeat; margin-left: 5px; text-align: center; } ul.product-grid li:HOVER { background-image: url(images/product-grid-over.png); } ul.product-list { margin: 0; padding: 0; list-style-type: none; } ul.product-list li { margin: 0; padding: 0; list-style-type: none; display: block; width: 745px; /*height: 155px;*/ background-image: url(images/product-list.png); background-repeat: no-repeat; padding: 5px 0px; } ul.product-list li:HOVER { background-image: url(images/product-list-over.png); } ul.product-list li .photo-container { display: block; float: left; width: 100px; padding-left: 10px; } ul.product-list li .description-container { display: block; float: left; width: 380px; } ul.product-list li .description-container .description-content { display: block; /* height: 50px;*/ } ul.product-list li .basket-container { display: block; float: right; width: 279px; margin-right: 10px; text-align: right; } ul.product-grid li .rating { margin-bottom: 5px; padding-left: 0px; } ul.product-grid li .rating .rating-container { display: block; height: 25px; width: 125px; text-align: center; padding-left:33px; } ul.product-grid li .rating .rating-container .rating-link-container { padding-top: 5px; } /*--BLUE -- */ ul.blue-product-list { margin: 0; padding: 0; list-style-type: none; } ul.blue-product-list li { margin: 0; padding: 0; list-style-type: none; display: block; width: 745px; /*height: 155px;*/ background-image: url(images/blue-product-list.png); background-repeat: no-repeat; padding: 5px 0px; } ul.blue-product-list li:HOVER { background-image: url(images/blue-product-list-over.png); } ul.blue-product-list li .photo-container { display: block; float: left; width: 100px; padding-left: 10px; } ul.blue-product-list li .description-container { display: block; float: left; width: 400px; } ul.blue-product-list li .description-container .description-content { display: block; /* height: 50px;*/ } ul.blue-product-list li .basket-container { display: block; float: right; width: 200px; margin-right: 30px; text-align: right; } /* --------------- End: Products --------------- */ /* --------------- Start: Product Info --------------- */ .rating-header { display: block; float: left; padding: 3px 5px 0px 0px; } .product-title-container { display: block; float: left; width: 420px; } .product-brand-container { display: block; float: right; width: 200px; text-align: right; } .product-title-container h1 { color: #5f6062; font-size: 1.25em; margin: 7px 0px 20px 0px; } ul.product-details { margin: 0; padding: 0; list-style-type: none; height: 32px; } ul.product-details li { display: block; float: left; margin: 0; padding-right : 10px; list-style-type: none; height: 32px; width: 122px; } ul.product-details li a { display: block; float: left; margin: 0; padding: 0; list-style-type: none; height: 32px; width: 122px; } ul.product-details li a.details { background-image:url(images/tab-grey.png); background-repeat: no-repeat; padding-top:7px; padding-left:13px; font-weight:bold; color:#000000; } ul.product-details li a.details-active, ul.product-details li a.details:HOVER { background-image:url(images/tab-white.png); background-repeat: no-repeat; padding-top:7px; padding-left:13px; font-weight:bold; color:#000000; } ul.product-details li a.details-active { cursor: default; padding-top:7px; padding-left:13px; font-weight:bold; color:#000000; } ul.product-details li a.directions { background-image:url(images/tab-grey.png); background-repeat: no-repeat; } ul.product-details li a.directions-active, ul.product-details li a.directions:HOVER { background-image:url(images/tab-white.png); background-repeat: no-repeat; } ul.product-details li a.directions-active { cursor: default; padding-top:7px; padding-left:13px; font-weight:bold; color:#000000; } ul.product-details li a.reviews { background-image:url(images/tab-grey.png); background-repeat: no-repeat; padding-top:7px; padding-left:32px; font-weight:bold; color:#000000; } ul.product-details li a.reviews-active, ul.product-details li a.reviews:HOVER { background-image:url(images/tab-white.png); background-repeat: no-repeat; } ul.product-details li a.reviews-active { cursor: default; padding-top:7px; padding-left:32px; font-weight:bold; color:#000000; } ul.product-details li a.benefits { background-image:url(images/tab-grey.png); background-repeat: no-repeat; padding-top:7px; padding-left:30px; font-weight:bold; color:#000000; } ul.product-details li a.benefits-active, ul.product-details li a.benefits:HOVER { background-image:url(images/tab-white.png); background-repeat: no-repeat; padding-top:7px; padding-left:30px; font-weight:bold; color:#000000; } ul.product-details li a.benefits-active { cursor: default; padding-top:7px; padding-left:30px; font-weight:bold; color:#000000; } ul.product-options { display: block; margin: 0; padding: 0; list-style-type: none; width: 100%; font-size: 0.85em; padding-left:10px; padding-top:5px; } ul.product-options li { display: block; float: left; margin: 0; padding: 0; list-style-type: none; padding-right: 15px; } ul.product-options li.last { float: right; padding-right: 20px } a.speak-to-expert { display: block; background-image:url(images/expert-icon.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; color:#ffffff; } a.speak-to-expert:HOVER { text-decoration: underline; color:#ffffff; } a.print-page { display: block; background-image:url(images/printer.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; color:#ffffff; } a.print-page:HOVER { text-decoration: underline; color:#ffffff; } a.email-friend { display: block; background-image:url(images/envelope.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; color:#ffffff; } a.email-friend:HOVER { text-decoration: underline; color:#ffffff; } a.technical-sheet { display: block; background-image:url(images/pdf-icon.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; color:#ffffff; } a.technical-sheet:HOVER { text-decoration: underline; color:#ffffff; } ul.alternative-products { display: block; margin: 0; padding: 0; list-style-type: none; /*height: 170px;*/ } ul.alternative-products li { display: block; float: left; margin: 0; padding: 10px 0 0 0px; list-style-type: none; width: 300px; height: 130px; margin-left:20px; } ul.alternative-products li.right { display: block; float: left; margin: 0; padding: 0; list-style-type: none; width: 300px; height: 130px; padding-left:20px; } ul.alternative-products ul { display: block; margin: 0; padding: 0; list-style-type: none; } ul.alternative-products ul li { display: block; margin: 0; padding: 0; list-style-type: none; } ul.alternative-products ul li.photo { float: left; width: 100px; } ul.alternative-products ul li.details { float: left; text-align: right; width: 180px; } ul.alternative-products ul li.details h3 { height: 50px; font-weight: normal; } ul.alternative-products ul li.details a h3 { font-weight: normal; } ul.alternative-products ul li.details a:HOVER h3 { text-decoration: underline; } ul.alternative-products ul li.details .more-info { margin-left: 60px; } ul.alternative-products ul li.details .price-container .price { color: #5F6062; font-weight: bold; } .price-container { margin: 15px 0px; font-weight: bold; /*font-family: Verdana;*/ font-size: 1.2em; } .price-container .price { color: #00B3AD; } a.more-info { display: block; width: 116px; height: 25px; background-image:url(images/moreinfo.png); background-repeat: no-repeat; background-position: left center; } .price-container .amount { padding-left: 5px; color: #d30000; } .product-reviews-container { display: block; width: 100%; padding-bottom:10px; } .product-reviews-container-expand { display: block; width: 100%; height: 21px; } .product-reviews-container .icons, .product-reviews-container-expand .icons { margin: 0px 0px 10px 300px; } .product-reviews-container .icons-expand, .product-reviews-container-expand .icons-expand { margin: 0px 0px 10px 300px; } .sizeoptions { display: block; width: 100%; height: 65px; } .product-selection-header { text-align: left; background-color: #f2f2f2; padding: 5px 10px; margin: 5px 0px; font-weight: bold; color: #333; } .selection { margin: 20px; } .order-left { display: block; float: left; width: 9px; height: 57px; /*background-image:url(images/order-left.png); background-repeat: no-repeat; */ background-position: left top; } .order-right { width: 100%; height: 57px; /*background-image:url(images/order-right.png); background-repeat: no-repeat; */ background-position: right top; } .quantity-container{ display:block; float:right; margin:15px 10px 0px 0px} .buy { display: block; float: right; height:67px; } .buy .quantity { float: left; padding: 15px 20px 0px 10px; } .buy .add-to-basket { float: right; padding: 13px 10px 0px 0px; } a.add-to-basket { display: block; width: 113px; height: 31px; background-image:url(images/addtobasket-green.png); background-repeat: no-repeat; background-position: left top; } a.signup { display: block; width: 65px; height: 27px; background-image:url(images/sign-up.png); background-repeat: no-repeat; background-position: left top; } .header-line { display: block; height: 0px; width: 100%; border-top: 2px solid #375281; } .order-line { display: block; height: 2px; width: 100%; border-top: 2px solid #c42b20; } ul.reviews { display: block; margin: 0; padding: 0; list-style-type: none; } ul.reviews li { display: block; margin: 0; padding: 0; list-style-type: none; border-bottom: 1px dotted #eeeeee; } /* ul.reviews li ul { display: block; margin: 0; padding: 0; list-style-type: none; padding: 10px 0px; border-bottom: 1px solid #eeeeee; } ul.reviews li ul li { display: block; float: left; margin: 0; padding: 0; list-style-type: none; } ul.reviews li ul li.reviewer { width: 200px; } ul.reviews li ul li.review { width: 400px; } */ ul.reviews li .reviewer { float: left; width: 200px; margin: 15px 0px 0px 10px; } ul.reviews li .rating { float: right; width: 200px; margin: 15px 10px 0px 0px; } ul.reviews li .review { margin: 5px 0px 10px 0px; padding: 5px 10px; font-family: arial; background-color: #ecf2f2; } .reviewer .title { color: #000; padding-right: 5px; } .reviewer .author { color: #8dc73f; font-weight: bold; } a.review-button { background-color: #333; color: #fff; padding: 10px 30px; font-weight: bold; } .review-complete { background-color: #fbf8be; border: 1px solid #f3ef9a; width: 100%; color: #333; } .review-complete .review-success p, .review-complete .review-failed p { padding: 20px 70px; } .review-complete .review-success p a, .review-complete .review-failed a { text-decoration: underline; } .review-complete a.review-close { display: block; margin-left: 70px; padding: 0px 0px 20px 0px; text-align: left; text-decoration: underline; } a.review-button:HOVER { background-color: #00b3ad; } .new-review { /*background-color: #f7f7f7;*/ border: 1px solid #eaeaea; padding: 10px 10px 10px 10px; } .entry-title { display: block; float: left; width: 100px; margin-right: 30px; padding: 15px 0px; } .entry { display: block; float: left; padding: 0px 0px 10px 0px; } .entry .textbox { padding: 5px 0px; margin: 3px 0px; width: 300px; } .review-close { color: #aaaaaa; text-align: right; } .review-close a { color: #aaaaaa; text-decoration: underline; } a.star-blank, .star-blank { display: block; float: left; background-image: url('images/stars3.gif'); width: 20px; height: 20px; cursor: pointer; vertical-align:middle; } a.star { display: block; float: left; background-image: url('images/stars3.gif'); background-position: 0px 23px; width: 20px; height: 20px; cursor: pointer; vertical-align:middle; } a.star-over, .star-over { display: block; float: left; background-image: url('images/stars3.gif'); background-position: 0px 48px; width: 20px; height: 20px; cursor: pointer; vertical-align:middle; } .star-blank, .star-over { cursor: default; height: 20px; vertical-align:middle; } .rating-link-container { display: block; float: left; margin-top: 3px; } .rating-images-container { display: block; float: left; } .short-description-container ul, .short-description-container ul li { list-style-type: none; } .extended-description-container ul, .extended-description-container ul li { list-style-type: none; } /*----BLUE -----*/ a.blue-star-blank, .blue-star-blank { display: block; float: left; background-image: url('images/blue-stars3.gif'); width: 20px; height: 20px; cursor: pointer; } a.blue-star { display: block; float: left; background-image: url('images/blue-stars3.gif'); background-position: 0px 25px; width: 20px; height: 20px; cursor: pointer; } a.blue-star-over, .blue-star-over { display: block; float: left; background-image: url('images/blue-stars3.gif'); background-position: 0px 50px; width: 20px; height: 20px; cursor: pointer; } .blue-star-blank, .blue-star-over { cursor: default; height: 20px; } /*----END ----*/ .rating-message { float: left; width: 100px; padding: 5px 0px 0px 10px; font-style: italic; } rating-spinner { padding-left: 10px; } .review-header { height: 32px; width: 100%; background-image: url(images/review-bar-right.png); background-position: right top; background-repeat: no-repeat; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; } .review-header-left { display: block; float: left; height: 32px; width: 10px; background-image: url(images/review-bar-left.png); background-position: left top; background-repeat: no-repeat; } a.write-review { display: block; background-image: url(images/write-review-icon.png); background-position: left bottom; background-repeat: no-repeat; padding-left: 20px; height: 18px; text-decoration: underline; } .write-review-container { display: block; float: left; padding: 8px 0px 0px 0px; margin-left: 10px; } .review-counter-container { display: block; float: right; width: 300px; margin-right: 10px; text-align: right; padding: 8px 0px 0px 0px; } .related-products-header { display: block; background-image: url(images/related-tab.png); background-position: left bottom; background-repeat: no-repeat; padding-left: 195px; height: 23px; } .recent-products-header { display: block; background-image: url(images/recent-tab.png); background-position: left bottom; background-repeat: no-repeat; padding-left: 195px; height: 23px; } .associated-products-header { display: block; background-image: url(images/alternative-tab.png); background-position: left bottom; background-repeat: no-repeat; padding-left: 195px; height: 23px; } .order-here-header { display: block; background-image:url(images/order-here.png); background-repeat: no-repeat; background-position: left bottom; width: 100%; height: 23px; text-align: left; } a.image-zoom-link { display: block; background-image:url(images/zoom.gif); background-repeat: no-repeat; padding-left: 20px; font-size: 0.85em; } .product-additional-container { border: 1px solid #efebef; border-bottom: 0px; padding: 10px 5px; } .product-additional-bottom { display: block; background-image:url(images/prod-rightcorner.gif); background-repeat: no-repeat; background-position: right top; width: 100%; height: 6px; } .product-additional-bottom .left { background-image:url(images/prod-leftcorner.gif); background-repeat: no-repeat; background-position: left top; width: 7px; height: 6px; } .photo-container { margin-bottom: 10px; } .product-left { display: block; float: left; width: 302px; margin-right: 10px; } .product-right-large { display: block; float: left; text-align: left; width: 400px; padding-left:5px; } .product-right-small { display: block; float: left; text-align: right; width: 340px; } .product-price-container { font-weight: bold; font-size: 1.3em; /*font-family: Verdana;*/ color: #333; padding-top:10px; } .product-price-container .price { color: #D10101; font-size: 1.7em; font-weight: bold; background-image: none; background-color: #fff; } .associated-products-container { display: block; float: right; width: 130px; text-align: center; padding-left: 10px; } ul.associated-products { margin: 0; padding: 0; list-style-type: none; background-color: #f7f7f7; } ul.associated-products li { margin: 0; padding: 0; list-style-type: none; } ul.associated-products li h3 { font-size: 0.8em; text-align: center; line-height: 1.2em; } ul.associated-products li h3 a { text-decoration: none; color: #727272; } ul.associated-products li .price-container { font-size: 0.75em; margin: 0px 0px 10px 0px; } .product-actions-container { margin: 10px 0px 20px 0px; } .product-options-container { display: block; height: 75px; padding-left:15px; } .product-description-container { display: block; width: 100%; line-height: 1.4em; /*height: 100px;*/ } /* set the height when there are no select options available */ .product-description-container-expand { display: block; width: 100%; line-height: 1.4em; /*height: 155px;*/ } .product-description-container .srp, .product-description-container-expand .srp { font-size: 12pt; padding-top: 3px; color: #000; text-transform: uppercase; } .product-description-container .discount, .product-description-container-expand .discount { color: #00B3AD; margin-bottom: 10px; font-size: 1.1em; } .product-description-container .reference-code, .product-description-container-expand .reference-code { font-weight: bold; color: #5F6062; } .product-description-container .manufacturer-code, .product-description-container-expand .manufacturer-code { font-weight: normal; color: #5F6062; } .product-description-container .pack-size, .product-description-container-expand .pack-size { font-weight: normal; color: #5F6062; } .product-description-container .stock, .product-description-container-expand .stock { font-weight: bold; color: green; font-size: 1.0em; } .product-description-container .delivery, .product-description-container-expand .delivery { font-weight: normal; color: #727272; margin-bottom: 10px; font-size: 1.0em; border-bottom: 1px solid #E5E5E5; } ul.mini { margin: 0; padding: 0; list-style-type: none; margin-top: 15px; } ul.mini li { margin: 0; padding: 0; list-style-type: none; display: block; float: left; margin-right: 10px; height: 50px; } .display { display: block; } .hide { display: none; } .display2 { display: block; border:1px solid #e3e3e3; } .hide2 { display: none; border:1px solid #e3e3e3; } .email-to-friend-container { display: block; margin-bottom: 10px; } .email-to-friend { display: block; height: 27px; background-image: url(images/send.png); background-repeat: no-repeat; background-position: left center; } /* --------------- End: Product Info --------------- */ /* --------------- Start: Brands Page --------------- */ .brands-container { padding: 0px 40px; } .brand-header-container { display: block; width: 100%; height: 50px; } .brand-header-container .left { display: block; float: left; width: 150px; } .brand-header-container .right { display: block; float: right; width: 700px; } ul.brand-letters { margin: 0; padding: 0; list-style-type: none; } ul.brand-letters li { display: block; float: right; margin: 0; padding: 0; list-style-type: none; } ul.brand-letters li.title { font-size: 0.85em; font-style: italic; padding-right: 3px; } ul.brand-letters li a { display: block; margin: 0px 1px; background-image: url(images/brands-letter.gif); background-repeat: no-repeat; background-position: left top; height: 18px; width: 18px; text-align: center; font-weight: bold; color: #c6c6c6; font-size: 0.95em; } ul.brand-letters li a:HOVER { color: #fff; text-decoration: none; background-image: url(images/brands-letter-over.gif); } .letter-border { display: block; width: 100%; height: 1px; border-top: 1px solid #eee; margin-top: 0px; } h1.brand { float: left; } ul.brands { margin: 0; padding: 0; list-style-type: none; } ul.brands li { margin: 0; padding: 0; list-style-type: none; display: block; float: left; margin: 20px 0px; text-align: center; width: 32%; } ul.brands li .brand-logo { } ul.brands li .brand-name { margin-top: 10px; } ul.brands li.heading { display: block; float: none; width: 100%; height: 30px; border-bottom: 1px solid #eee; clear: both; margin: 0; margin-top: 10px; } ul.brands li.heading .left { display: block; float: left; margin-left: 5px; } ul.brands li.heading .middle { display: block; float: left; margin-left: 400px; padding-top: 8px; } ul.brands li.heading .middle a.brand-top { font-size: 1.0em; } ul.brands li.heading .right { display: block; float: right; text-align: right; margin-right: 5px; } /* --------------- End: Brands Page --------------- */ /* --------------- Start: Category Page --------------- */ .category-container { padding: 0px 40px; } .category-header-container { display: block; width: 100%; height: 50px; } .category-header-container .left { display: block; float: left; width: 150px; } .category-header-container .right { display: block; float: right; width: 700px; } ul.category-letters { margin: 0; padding: 0; list-style-type: none; } ul.category-letters li { display: block; float: right; margin: 0; padding: 0; list-style-type: none; } ul.category-letters li.title { font-size: 0.85em; font-style: italic; padding-right: 3px; } ul.category-letters li a { display: block; margin: 0px 1px; background-image: url(images/brands-letter.gif); background-repeat: no-repeat; background-position: left top; height: 18px; width: 18px; text-align: center; font-weight: bold; color: #c6c6c6; font-size: 0.95em; } ul.category-letters li a:HOVER { color: #fff; text-decoration: none; background-image: url(images/brands-letter-over.gif); } .letter-border { display: block; width: 100%; height: 1px; border-top: 1px solid #eee; margin-top: 0px; } h1.category { float: left; } ul.category { margin: 0; padding: 0; list-style-type: none; } ul.category li { margin: 0; padding: 0; list-style-type: none; display: block; float: left; width: 32%; margin: 10px 0px; text-align: center; } ul.category li .category-logo { } ul.category li .category-name { margin-top: 2px; } ul.category li.heading { display: block; float: none; width: 100%; height: 30px; border-bottom: 1px solid #eee; clear: both; margin: 0; margin-top: 20px; } ul.category li.heading .left { display: block; float: left; margin-left: 5px; } ul.category li.heading .middle { display: block; float: left; margin-left: 400px; padding-top: 8px; } ul.category li.heading .middle a.category-top { font-size: 1.0em; } ul.category li.heading .right { display: block; float: right; text-align: right; margin-right: 5px; } /* --------------- End: Category Page --------------- */ /* --------------- End: Footer --------------- */ a.product-nav-name { color: #595959; font-size: 1.15em; text-decoration: none; } a.product-nav-name:HOVER { color: #8dc73f; } /* --------------- Start: MAIN NAVIGATION --------------- */ .nav-inside { margin: 0 auto; width: 100%; } #nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; /*margin-left: 218px; _margin-left: 215px; *margin-left: 216px;*/ } #nav li { /* all list items */ float: left; width: 203px; /* width needed or else Opera goes nuts */ } #nav li.splitter { display: block; float: left; /* background-image: url(images/nav-splitter.png); background-position: left top; background-repeat: no-repeat;*/ background-color: #6B8AC1; width: 1px; height: 40px; } #nav li.home { width: 63px; padding: 0px 0px 0px 0px; } #nav li.one, #nav li.onesfhover { width: 140px; } #nav li.two, #nav li.twosfhover { width: 130px; } #nav li.three, #nav li.threesfhover { width: 140px; } #nav li.four, #nav li.foursfhover { width: 140px; } #nav li.five, #nav li.fivesfhover { width: 80px; } #nav li.six, #nav li.sixsfhover { width: 110px; } #nav li.seven, #nav li.sevensfhover { width: 90px; background-color: #96c4ff; } #nav li.eight, #nav li.eightsfhover { width: 125px; background-color: #b80103; } #nav li a { height: 27px; display: block; background-position: left top; background-repeat: no-repeat; padding: 13px 0px 0px 26px; padding: 13px 0px 0px 15px; color: #fff; } #nav li a:HOVER, #nav li a.active { background-image: url(images/nav-back-over.gif); background-repeat: repeat-x; } #nav li.homesfhover {width: 63px;} #nav li.home a, #nav li.homesfhover a { padding: 5px 0px 0px 18px; height: 35px; width: 45px; } #nav li div.subnav { /* second-level lists */ position: absolute; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #nav li:hover div.subnav, #nav li.onesfhover div.subnav, #nav li.twosfhover div.subnav, #nav li.threesfhover div.subnav, #nav li.foursfhover div.subnav, #nav li.fivesfhover div.subnav, #nav li.sixsfhover div.subnav, #nav li.sevensfhover div.subnav { /* lists nested under hovered list items */ left: auto; } #nav li.one:HOVER div.subnav, #nav li.onesfhover div.subnav { left: auto; margin-left: -0px; } #nav li.two:HOVER div.subnav, #nav li.twosfhover div.subnav { left: auto; margin-left: -100px; } #nav li.three:HOVER div.subnav, #nav li.threesfhover div.subnav { left: auto; margin-left: -100px; } #nav li.four:HOVER div.subnav, #nav li.foursfhover div.subnav { left: auto; margin-left: -200px; } #nav li.five:HOVER div.subnav, #nav li.fivesfhover div.subnav { left: auto; margin-left: -330px; } #nav li.six:HOVER div.subnav, #nav li.sixsfhover div.subnav { left: auto; margin-left: -325px; } #nav li.seven:HOVER div.subnav, #nav li.sevensfhover div.subnav { left: auto; margin-left: -459px; } #content { clear: left; color: #ccc; } #nav li .subnav { z-index: 999; } #nav li.one .subnav .connector, #nav li.onesfhover .subnav .connector { display: block; height: 5px; overflow: hidden; background-color: #6B8AC1; margin-left: 0px; width: 141px; } #nav li.two .subnav .connector, #nav li.twosfhover .subnav .connector { display: block; height: 5px; overflow: hidden; background-color: #6B8AC1; margin-left: 100px; width: 176px; } #nav li.three .subnav .connector, #nav li.threesfhover .subnav .connector { display: block; height: 5px; overflow: hidden; background-color: #6B8AC1; margin-left: 100px; width: 111px; } #nav li.four .subnav .connector, #nav li.foursfhover .subnav .connector { display: block; height: 5px; overflow: hidden; background-color: #6B8AC1; margin-left: 200px; width: 61px; } #nav li.five .subnav .connector, #nav li.fivesfhover .subnav .connector { display: block; height: 5px; overflow: hidden; background-color: #6B8AC1; margin-left: 330px; width: 161px; } #nav li.six .subnav .connector, #nav li.sixsfhover .subnav .connector { display: block; height: 5px; overflow: hidden; background-color: #6B8AC1; margin-left: 325px; width: 161px; } #nav li.seven .subnav .connector, #nav li.sevensfhover .subnav .connector { display: block; height: 5px; overflow: hidden; background-color: #6B8AC1; margin-left: 459px; width: 173px; } #nav li .subnav .inside { position: absolute; display: block; background-color:#FAFAFA; border-top: 2px solid #6B8AC1; border-bottom: 2px solid #6B8AC1; border-left: 1px solid #6B8AC1; border-right: 1px solid #6B8AC1; width: 610px; padding: 10px; } #nav li .subnav ul { margin: 0; padding: 0; } #nav li .subnav ul li a { display: block; padding: 0; margin: 0; padding: 3px 5px; margin: 3px; height: auto; color: #005994; } #nav li .subnav ul li a:HOVER { background-image: none; } #nav li .subnav ul li a.dark { /*background-color: #eee;*/ background-color: #FAFAFA; border-bottom:solid 1px #ccc; font-weight: normal; } #nav li .subnav ul li a.light { border-bottom:solid 1px #ccc; background-color: #FAFAFA; } #nav li .subnav ul li a.dark:HOVER { /* background-color:#FFB25A; border-bottom:solid 1px #ccc; font-weight: normal;*/ } #nav li .subnav ul li a.light:HOVER { /*border-bottom:solid 1px #ccc; background-color:#FFB25A;*/ } /* --------------- End: MAIN NAVIGATION --------------- */ /* --------------- Start: Checkout Process --------------- */ .checkout-header-container { margin-top: 15px; display: block; width: 100%; height: 65px; border: 0px solid #aaa; } .pnlOnAccountHeader { color:gray; height:32px; padding-top:10px; } .checkout-header-stage1 { display: block; background-image:url(images/checkout-header-st1.png); background-repeat: no-repeat; background-position: center top; width: 130px; height: 40px; } .checkout-header-stage1-active { display: block; background-image:url(images/checkout-header-st1-active.png); background-repeat: no-repeat; background-position: center top; width: 130px; height: 40px; } .checkout-header-stage2 { display: block; background-image:url(images/checkout-header-st2.png); background-repeat: no-repeat; background-position: center top; width: 230px; height: 40px; } .checkout-header-stage2-active { display: block; background-image:url(images/checkout-header-st2-active.png); background-repeat: no-repeat; background-position: center top; width: 230px; height: 40px; } .checkout-header-stage3 { display: block; background-image:url(images/checkout-header-st3.png); background-repeat: no-repeat; background-position: center top; width: 160px; height: 40px; } .checkout-header-stage3-active { display: block; background-image:url(images/checkout-header-st3-active.png); background-repeat: no-repeat; background-position: center top; width: 160px; height: 40px; } .checkout-header-thankyou { display: block; background-image:url(images/checkout-header-thankyou.png); background-repeat: no-repeat; background-position: center top; width: 240px; height: 26px; } .pnlCreditCardHeader { color:gray; height:32px; } .checkout-header-bullet { display: block; background-image:url(images/checkout-header-bullet.png); background-repeat: no-repeat; background-position: center bottom; width: 100%; height: 17px; } .checkout-header-bullet-active { display: block; background-image:url(images/checkout-header-bullet-active.png); background-repeat: no-repeat; background-position: center bottom; width: 100%; height: 17px; } .pnlGoogleHeader{ color:gray; height:32px; } h1.checkout { color: #727272; margin-top: 0px; font-family: arial; font-weight: normal; font-size: 26px; } .pnlPayPalHeader{ color:gray; height:32px; } ul.checkout-options { margin: 0; padding: 0; list-style-type: none; } ul.checkout-options li { display: block; margin: 0; padding: 0; margin-right: 20px; } ul.checkout-options li a { } ul.checkout-options li a.continue-shopping { display: block; background-image:url(images/checkout-continue-icon.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; } ul.checkout-options li a.order { display: block; background-image:url(images/checkout-order-icon.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; } ul.checkout-options li a.save { display: block; background-image:url(images/checkout-savebasket-icon.png); background-repeat: no-repeat; background-position: left center; padding-left: 25px; } ul.checkout-options li a.clear-basket { display: block; background-image:url(images/checkout-clearbasket-icon.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; } a.proceed-to-checkout { display: block; width: 227px; height: 53px; background-image:url(images/checkout-button.png); background-repeat: no-repeat; background-position: right top; margin-top: 8px; } a.review-order { display: block; width: 257px; height: 53px; background-image:url(images/review-order.png); background-repeat: no-repeat; background-position: right top; margin-top: 20px; } a.confirm-order { display: block; width: 257px; height: 53px; background-image:url(images/confirm-order.png); background-repeat: no-repeat; background-position: right top; margin-top: 8px; } .checkout-processing { display: block; width: 257px; height: 54px; background-image:url(images/checkout-processing.png); background-repeat: no-repeat; background-position: right top; margin-top: 8px; } a.big-button { display: block; width: 257px; height: 53px; background-image:url(images/big-button.png); background-repeat: no-repeat; background-position: right top; margin-top: 10px; color:White; text-align:center; vertical-align:middle; font-size:medium; font-weight:bold; } h1.checkout-summary { margin-top: 0px; text-align: right; color:#333333; } .grand-total-title { font-size: 1.2em; font-weight: bold; } .grand-total { font-size: 1.2em; color: #8dc73f; font-weight: bold; } .tbl-header-middle { background-image: url(images/tbl-header-middle.png); background-repeat: repeat-x; background-position: left top; height: 32px; padding-left: 5px; padding-right: 5px; } .tbl-header-left{ display: block; background-image: url(images/tbl-header-left.png); background-repeat: no-repeat; background-position: left top; width: 7px; height: 32px; } .tbl-header-right { display: block; background-image: url(images/tbl-header-right.png); background-repeat: no-repeat; background-position: right top; width: 7px; height: 32px; } .carousel-price-title { font-size: 12px; font-weight: bold; color: #00B3AD; } .carousel-price { font-size: 12px; font-weight: bold; color: #D40500; } a.forgotten-password { color: #00B3AD; text-decoration: underline; font-size: 0.85em; } a.forgotten-password:HOVER { color: #333; } .pnlSagePayHeader{ color:gray; height:32px; } .accord { overflow: hidden; overflow: hidden !important; } /* --------------- End: Checkout Process --------------- */ /* --------------- Start: Rounded Corners --------------- */ div.round-x { background: url(images/x-bot-right.png) no-repeat bottom right; width:100%; text-align:left; } div.round-x div { background: url(images/x-bot-left.png) no-repeat bottom left; width:100%; text-align:left; } div.round-x div div { background: url(images/x-top-right.png) no-repeat top right; width:100%; text-align:left; } div.round-x div div div { background: url(images/x-top-left.png) no-repeat top left; width:100%; text-align:left; } div.round-x div div div .pad { padding: 0px 10px 0px 10px; } /* div.round-blue { background: url(images/bot-right-blue.png) no-repeat bottom right; width:100%; text-align:left; } div.round-blue div { background: url(images/bot-left-blue.png) no-repeat bottom left; width:100%; text-align:left; } div.round-blue div div { background: url(images/top-right-blue.png) no-repeat top right; width:100%; text-align:left; } div.round-blue div div div { background: url(images/top-left-blue.png) no-repeat top left; width:100%; text-align:left; } div.round-blue div div div .pad { padding: 0px 10px 0px 10px; } */ .round-blue .top { width:100%; height:10px; background:url(images/round-top-left-blue.gif) no-repeat left top; overflow: hidden; } .round-blue .top span { display:block; position:relative; height:10px; background:url(images/round-top-right-blue.gif) no-repeat right top; overflow: hidden; } .round-blue .center-content { position:relative; /*background:url(http://www.search-this.com/rounded/rightside.gif) repeat-y right top;*/ border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding:0px; margin:-1px 0 0px 0; background-color: #e7f3ff; } .round-blue .center-content .pad { padding: 0px 10px 0px 10px; } .round-blue .bottom { width:100%; height:10px; background:url(images/round-bottom-left-blue.gif) no-repeat left bottom; border: 0; overflow: hidden; } .round-blue .bottom span { display:block; position:relative; height:10px; background:url(images/round-bottom-right-blue.gif) no-repeat right top; overflow: hidden; } .round p {margin:0 0 1em 0} /* --------------- End: Rounded Corners --------------- */ a.add-to-basket-large { display: block; width: 113px; height: 31px; background-image:url(images/addtobasket-green.png); background-repeat: no-repeat; background-position: center; } a.add-to-basket-large-disabled { display: block; width: 194px; height: 56px; background-image:url(images/addtobasket-disabled-large.png); background-repeat: no-repeat; background-position: left top; cursor: default; } .round { width:100%; margin:0px auto; /*background:#fff url(http://www.search-this.com/rounded/leftside.gif) repeat-y left top;*/ } .round .top { width:100%; height:10px; background:url(images/round-top-left.gif) no-repeat left top; overflow: hidden; } .round .top span { display:block; position:relative; height:10px; background:url(images/round-top-right.gif) no-repeat right top; overflow: hidden; } .round .center-content { position:relative; /*background:url(http://www.search-this.com/rounded/rightside.gif) repeat-y right top;*/ border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding:0px; margin:-1px 0 0px 0; } .round .center-content .pad { padding: 0px 10px 0px 10px; } .round .bottom { width:100%; height:10px; background:url(images/round-bottom-left.gif) no-repeat left bottom; border: 0; overflow: hidden; } .round .bottom span { display:block; position:relative; height:10px; background:url(images/round-bottom-right.gif) no-repeat right top; overflow: hidden; } .round p {margin:0 0 1em 0} .modalPopup { border: solid 1px black; background-color:White; } .modalPopup .head { background:url(images/modalTitle.gif) top left repeat-x; color:White; font-weight:bold; padding:5px; cursor:move; } .modalPopup .body { padding:5px; z-index:5000; } .modalPopup .dialog { padding:10px; font-size:1.1em; } .top4sides { border-bottom:solid 1px #EAEAEA; border-top:solid 1px #EAEAEA; border-left:solid 1px #EAEAEA; border-right:solid 1px #EAEAEA} .newsletterSignup-watermarkedError { color: #e38787; font-style: italic; border: 1px solid #aaaaaa; width: 170px; margin-left: 15px; } /************* MY ACCOUNT ******************/ a.myaccount:link { color: #787878; font-size:12px; text-decoration:none; } a.myaccount:visited { color: #787878; font-size:12px; text-decoration:none; } a.myaccount:hover { color: #ffe100; font-size:12px; text-decoration:none; } h2.myaccount {font-size:1.15em; margin: 5px 0px 5px 0px; padding:0px; font-weight:bold; color:#367ECA} .pt10 { padding-top:10px; vertical-align:top;} .w50 { width:50px; vertical-align:top; padding-top:10px;} a.myaccount2:link { color: #009ce5; font-size:14px; font-weight:bold; text-decoration:none; } a.myaccount2:visited { color: #009ce5; font-size:14px; font-weight:bold; text-decoration:none; } a.myaccount2:hover { color: #787878; font-size:14px; font-weight:bold; text-decoration:none; } /************* END MY ACCOUNT ***************/ /************* LOGIN ******************/ a.login:link { color: #787878; font-size:12px; text-decoration:none; } a.login:visited { color: #787878; font-size:12px; text-decoration:none; } a.login:hover { color: #5c77a6; font-size:12px; text-decoration:none; } h2.myaccount {font-size:1.15em; margin: 5px 0px 5px 0px; padding:0px; font-weight:bold; color:#367ECA} .pt10 { padding-top:10px; vertical-align:top;} .w50 { width:50px; vertical-align:top; padding-top:10px;} /************* END LOGIN ***************/ /************* REGISTER ******************/ a.register:link { color: #787878; font-size:12px; text-decoration:none; } a.register:visited { color: #787878; font-size:12px; text-decoration:none; } a.register:hover { color: #5c77a6; font-size:12px; text-decoration:none; } h2.register {font-size:1.15em; margin: 5px 0px 5px 0px; padding:0px; font-weight:bold; color:#367ECA} .pt10 { padding-top:10px; vertical-align:top;} .w50 { width:50px; vertical-align:top; padding-top:10px;} /************* END REGISTER ***************/ /************* BRANDS ******************/ a.brands:link { color: #787878; font-size:12px; text-decoration:none; } a.brands:visited { color: #787878; font-size:12px; text-decoration:none; } a.brands:hover { color: #5c77a6; font-size:12px; text-decoration:none; } h2.brands {font-size:1.15em; margin: 5px 0px 5px 0px; padding:0px; font-weight:bold; color:#367ECA} .pt10 { padding-top:10px; vertical-align:top;} .w50 { width:50px; vertical-align:top; padding-top:10px;} /************* END BRANDS ***************/ /************* FAQ ******************/ a.faq:link { color: #787878; font-size:12px; text-decoration:none; } a.faq:visited { color: #787878; font-size:12px; text-decoration:none; } a.faq:hover { color: #5c77a6; font-size:12px; text-decoration:none; } h2.faq {font-size:1.15em; margin: 5px 0px 5px 0px; padding:0px; font-weight:bold; color:#367ECA} .pt10 { padding-top:10px; vertical-align:top;} .w50 { width:50px; vertical-align:top; padding-top:10px;} /************* END FAQ ***************/ /************* A-Z ******************/ a.a-z:link { color: #787878; font-size:12px; text-decoration:none; } a.a-z:visited { color: #787878; font-size:12px; text-decoration:none; } a.a-z:hover { color: #5c77a6; font-size:12px; text-decoration:none; } h2.a-z {font-size:1.15em; margin: 5px 0px 5px 0px; padding:0px; font-weight:bold; color:#367ECA} .pt10 { padding-top:10px; vertical-align:top;} .w50 { width:50px; vertical-align:top; padding-top:10px;} /************* END A-Z ***************/ /************* HOME ******************/ a.home:link { color: #787878; font-size:12px; text-decoration:none; } a.home:visited { color: #787878; font-size:12px; text-decoration:none; } a.home:hover { color: #5c77a6; font-size:12px; text-decoration:none; } /************* END HOME ***************/ /************* BLOG ******************/ a.blog:link { color: #787878; font-size:12px; text-decoration:none; } a.blog:visited { color: #787878; font-size:12px; text-decoration:none; } a.blog:hover { color: #5c77a6; font-size:12px; text-decoration:none; } h2.blog {font-size:1.15em; margin: 5px 0px 5px 0px; padding:0px; font-weight:bold; color:#367ECA} .pt10 { padding-top:10px; vertical-align:top;} .w50 { width:50px; vertical-align:top; padding-top:10px;} /************* END BLOG ***************/ /************* CONTACT US ******************/ a.contactus:link { color: #787878; font-size:12px; text-decoration:none; } a.contactus:visited { color: #787878; font-size:12px; text-decoration:none; } a.contactus:hover { color: #5c77a6; font-size:12px; text-decoration:none; } h2.myaccount {font-size:1.15em; margin: 5px 0px 5px 0px; padding:0px; font-weight:bold; color:#367ECA} .pt10 { padding-top:10px; vertical-align:top;} .w50 { width:50px; vertical-align:top; padding-top:10px;} /************* END CONTACT US ***************/ /************* BUSINESS ACCOUNT ******************/ a.businessaccount:link { color: #787878; font-size:12px; text-decoration:none; } a.businessaccount:visited { color: #787878; font-size:12px; text-decoration:none; } a.businessaccount:hover { color: #5c77a6; font-size:12px; text-decoration:none; } h2.businessaccount {font-size:1.15em; margin: 5px 0px 5px 0px; padding:0px; font-weight:bold; color:#367ECA} .pt10 { padding-top:10px; vertical-align:top;} .w50 { width:50px; vertical-align:top; padding-top:10px;} /************* END BUSINESS ACCOUNT ***************/ /* Search Breakdown */ .breakdownTitle { border-top:solid 1px #E6E6E6; padding-top:5px; padding-left:18px; } .breakdownTitleNoLine { padding-top:5px; padding-left:18px; } .accSearch{background-image:url(images/accordian-search.png); background-position:center bottom; background-repeat:no-repeat} .sddm { margin: 0; padding: 0; z-index: 1030} .sddm li { margin: 0; padding: 0; list-style: none; float: left; /*font: bold 11px arial;*/ z-index: 1000;} .sddm li a { display: block; margin: 0 1px 0 0; /*padding: 4px 10px; width: 60px; background: #5970B2;*/ color: #FFF; text-align: left; text-decoration: none;z-index: 1000;} .sddm li a:hover { background: #49A3FF} .sddm div { position: absolute; visibility: hidden; margin: 0; padding: 0; background: #EAEBD8; border: 1px solid #5970B2;z-index: 1000;} .sddm div a { position: relative; display: block; margin: 0; /*padding: 5px 10px;*/ width: auto; white-space: nowrap; text-align: left; /*text-decoration: none;*/ background: #EAEBD8; color: #2875DE; font: 11px arial; z-index: 1000;} .sddm div a:hover { background: #49A3FF; color: #FFF;} #topNav { margin: 0 auto; width:959px; height:41px;} #topNav ul { margin: 0; padding: 0 0 0 0; list-style: none; width:960px; } #topNav li { float:left; line-height:40px; text-align:center; list-style: none; border-left:solid 1px #a73b3f;border-right:solid 1px #71041e; } #topNav li.noleftborder1{ float: left; line-height:40px; text-align:center; list-style: none; border-left:solid 0px #a73b3f; border-right:solid 1px #71041e; background-image: url(images/nav-left.png); background-repeat: no-repeat; background-position: left top; padding-left: 7px; } #topNav li.norightborder1{float: left; line-height:40px; text-align:center; list-style: none; border-left:solid 1px #a73b3f;border-right:solid 0px #71041e; background-image: url(images/nav-right.png); background-repeat: no-repeat; background-position: right top; padding-right: 7px; } #topNav li.green{float: left; line-height:40px; text-align:center; vertical-align:middle; height:40px; list-style: none; border-left:solid 1px #a73b3f;border-right:solid 1px #71041e; width:87px; } #topnav .li5 { width:20px; } .sddm .li5 { width:95px; } .li5 { width:95px; } #topNav a { vertical-align:middle; display: block; background-image:url(images/nav-back.gif); padding-left:11px; padding-right:11px; height:40px; text-decoration: none; color: #ffffff; font-size:12px;} #topNav a.noleftborder1 { vertical-align:middle; display: block; background-image:url(images/nav-back.gif); padding-left:13px; padding-right:13px; background-position:left; height:40px; text-decoration: none; color: #ffffff; font-size:12px;} #topNav a.norightborder1{ vertical-align:middle; display: block; background-image:url(images/nav-back.gif); padding-left:13px; padding-right:13px; background-position:right; height:40px; text-decoration: none; color: #ffffff; font-size:12px;} #topNav a.green{ vertical-align:middle; display: block; background-image:url(images/nav-back-green.gif); padding-left:23px; padding-right:22px; background-position:right; height:40px; text-decoration: none; color: #ffffff; font-size:12px;} #topNav a:hover { background-image:url(images/nav-back-over.gif); color:#ffffff;} #topNav a.noleftborder1:hover { background-image:url(images/nav-back-over.gif); color:#ffffff; } #topNav a.norightborder1:hover { background-image:url(images/nav-back-over.gif); color:#ffffff; } #topNav a.green:hover { vertical-align:middle; display: block; background-image:url(images/nav-back-green-over.gif); height:41px; text-decoration: none; color: #ffffff; font-size:12px;} #topNav dl { padding:0px; margin:0px; text-indent:0px;} #topNav dd {padding:0px; margin:0px} #topNav dd.subheader a { text-indent:0px; background-image:none; display:block; color:#000000; background-color:#F0F1EC; padding:5px; text-align:left; text-decoration:none; font-weight:bold; } #topNav dd.subheader a:hover { text-indent:0px; background-image:none; color:#ffffff; background-color:#1D7FB1; padding:5px; text-align:left; text-decoration:none; font-weight:bold; } #topNav dd.subitem a { text-indent:0px; background-image:none; color:#000000; background-color:#F0F1EC; margin:0px; padding:5px; text-align:left; text-decoration:none;} #topNav dd.subitem a:hover { text-indent:0px; background-image:none; color:#ffffff; background-color:#1D7FB1; margin:0px; padding:5px; text-align:left; text-decoration:none;} .header-banners-container { display: block; margin: 0 auto; width: 960px; margin-top: 5px;} .header-banner-left { display: block; float: left; } .header-banner-right { display: block; float: right; } /* --------------- Start: Home Page --------------- */ .banner-container-first { float:left; padding-top:10px; padding-left:10px; } .banner-first-left { display: block; float: left; margin-left: 0px; width: 726px; } .product-banner-first-left { display: block; float: left; margin-left: 0px; width: 958px; } .banner-first-right { display: block; float: left; margin-left: 18px; width: 221px; } .banner-first-right .one { display: block; float: left; margin-top: 5px; } .banner-first-right .two { display: block; float: left; margin: 5px 0px 0px 10px; } .banner-row-first { display: block; float: left; margin: 10px 0px 0px 0px; width: 310px; height: 252px; padding-top: 0px; } .banner-row-first .banner { display: block; } .banner-row-first .links { display: block; width: 310px; height: 99px; background-image: url(images/banner-footer.png); background-repeat: no-repeat; background-position: left center; } .banner-row-second { display: block; float: left; margin-left: 18px; margin-top: 10px; width: 310px; height: 252px; } .banner-row-second .banner { display: block; } .banner-row-second .links { display: block; width: 310px; height: 99px; background-image: url(images/banner-footer.png); background-repeat: no-repeat; background-position: left center; } .banner-row-third { display: block; float: left; margin-left: 18px; margin-top: 10px; width: 310px; height: 252px; } .banner-row-third .banner { display: block; } .banner-row-third .links { display: block; width: 310px; height: 99px; background-image: url(images/banner-footer.png); background-repeat: no-repeat; background-position: left center; } ul.banner-offers { margin: 0; padding: 0; list-style-type: none; padding-top: 10px; } ul.banner-offers li { margin: 0; padding: 0; list-style-type: none; margin: 0px 10px; } ul.banner-offers li.dark { background-color: #eee; } ul.banner-offers li a { display: block; margin-left: 5px; padding: 3px 0px 3px 20px; background-image: url(images/arrow-icon.png); background-repeat: no-repeat; background-position: left center; } /* --------------- End: Home Page --------------- */ /* ------------- END : Home Page ------------------------------*/ .featured-product { background-image: url(images/featured-background.jpg); width: 180px; height: 302px; display:block; float:left; margin-right:15px; margin-left:0px; } .featured-product-last { background-image: url(images/featured-background.jpg); width: 180px; height: 302px; display:block; float:left; margin-right:0px; margin-left:0px; } ul.latest-additions li .product-title { display: block; height: 40px; } ul.latest-additions li a { font-size: 0.85em; } ul.latest-additions li a:HOVER { text-decoration: underline; } ul.latest-additions li .price-container { margin-bottom: 10px; font-family: arial; font-size: 0.85em; font-weight: bold; color: #375281; text-align: center; } ul.latest-additions li .price-container .price { color: #D10101; font-size: 1.4em; } a.proceed-payment { display: block; width: 257px; height: 53px; background-image:url(images/proceed-payment.png); background-repeat: no-repeat; background-position: right top; margin-top: 8px; } a.grid { background-image:url(images/grid-icon.png); background-position: left bottom; background-repeat: no-repeat; padding: 0px 0px 0px 18px; margin-right: 5px; } a.list { background-image:url(images/list-icon.png); background-position: left bottom; background-repeat: no-repeat; padding-left: 30px; } div.product-list-rounded { background: url(images/product-list-top-right.png) no-repeat top right; width:100%; height:100%; text-align:left; } div.product-list-rounded div.product-list-rounded-1 { background: url(images/product-list-top-left.png) no-repeat top left; width:100%; height:100%; text-align:left; } div.product-list-rounded div.product-list-rounded-1 div.product-list-rounded-2 { background: url(images/product-list-bot-right.png) no-repeat bottom right; width:100%; height:100%; text-align:left; } div.product-list-rounded div.product-list-rounded-1 div.product-list-rounded-2 div.product-list-rounded-3 { background: url(images/product-list-bot-left.png) no-repeat bottom left; height:145px; text-align:left; width:100%; } .dark-container, .dark-container-small, .light-container { display: block; width: 100%; margin-bottom: 10px; } .product-left-dark-container { display: block; width: 100%; margin-bottom: 10px; } .dark-container .header, .dark-container-small .header, .product-left-dark-container .header { display: block; height: 30px; width: 100%; background: url(images/top-left-blue.png) no-repeat top left; } .dark-container .headerfull, .dark-container .headertier1 { display: block; height: 30px; width: 100%; background: url(images/top-left-blue.png) no-repeat top left; } .dark-container .header span, .dark-container-small .header span { display: block; float: left; height: 23px; width: 669px; text-align: left; background: url(images/top-right-blue.png) no-repeat top right; color: #fff; font-weight: bold; padding: 7px 0px 0px 10px; margin-left: 6px; } .product-left-dark-container .header span { display: block; float: left; height: 23px; width: 230px; text-align: left; background: url(images/top-right-blue.png) no-repeat top right; color: #fff; font-weight: bold; padding: 7px 0px 0px 10px; margin-left: 6px; } .dark-container .headertier1 span { display: block; float: left; height: 23px; width: 688px; text-align: left; background: url(images/top-right-blue.png) no-repeat top right; color: #fff; font-weight: bold; padding: 7px 0px 0px 10px; margin-left: 6px; } .dark-container .headerfull span { display: block; float: left; height: 23px; width: 710px; text-align: left; background: url(images/top-right-blue.png) no-repeat top right; color: #fff; font-weight: bold; padding: 7px 0px 0px 10px; margin-left: 6px; } .dark-container .inside, .dark-container-small .inside, .light-container .inside, .light-container-small .inside, .product-left-dark-container .inside { display: block; border: 1px solid #ddd; border-top-width: 0px; border-bottom-width: 0px; padding: 10px 0px; overflow: hidden; width: 683px; } .dark-container .inside .pad, .dark-container-small .inside .pad, .light-container .inside .pad, .light-container-small .inside .pad, .product-left-dark-container .inside .pad { padding-left: 10px; padding-right: 10px; } .dark-container .footer, .dark-container-small .footer, .light-container .footer, .light-container-small .footer, .product-left-dark-container .footer { display: block; height: 5px; width: 100%; background: url(images/left-bottom.png) no-repeat top left; } .dark-container .footer span, .dark-container-small .footer span, .light-container .footer span, .light-container-small .footer span { display: block; float: left; height: 5px; width: 679px; background: url(images/right-bottom.png) no-repeat top right; margin-left: 6px; } .product-left-dark-container .footer span { display: block; float: left; height: 5px; width: 240px; background: url(images/right-bottom.png) no-repeat top right; margin-left: 6px; } .dark-container .footerfull { display: block; height: 5px; width: 100%; background: url(images/left-bottom.png) no-repeat top left; } .dark-container .footerfull span { display: block; float: left; height: 5px; width: 720px; background: url(images/right-bottom.png) no-repeat top right; margin-left: 6px; } .dark-container .footertier1 { display: block; height: 5px; width: 100%; background: url(images/left-bottom.png) no-repeat top left; } .dark-container .footertier1 span { display: block; float: left; height: 5px; width: 697px; background: url(images/right-bottom.png) no-repeat top right; margin-left: 6px; } .light-container .header, .light-container-small .header { display: block; height: 30px; width: 100%; background: url(images/grey-left.png) no-repeat top left; } .light-container .header span, .light-container-small .header span { display: block; float: left; height: 23px; width: 669px; text-align: left; background: url(images/grey-right.png) no-repeat top right; color: #1D1D1D; font-weight: bold; padding: 7px 0px 0px 10px; margin-left: 6px; } .light-container .top, .light-container-small .top { display: block; height: 5px; width: 100%; background: url(images/left-top.png) no-repeat top left; padding: 0px; } .light-container .top span, .light-container-small .top span { display: block; float: left; height: 5px; width: 669px; text-align: left; background: url(images/right-top.png) no-repeat top right; color: #1D1D1D; font-weight: bold; padding: 0px 0px 0px 10px; margin-left: 6px; } .dark-container-small .header span, .light-container-small .header span { width: 249px; } .dark-container-small .footer span, .light-container-small .footer span { width: 259px; } /* ------------ HOME PAGE ------------ */ .home .left-container { display: block; float: left; width: 695px; } .home .right-container { display: block; float: right; width: 265px; } .ink-finder-box-outer { position:relative; width:291px; height:107px; display:block; } .ink-finder-box-inner { position:absolute; background-image:url(images/ink-toner-box.png); background-repeat:no-repeat; background-position:left top; width:291px; height:107px; display:block; left:-2px; padding-left:13px; padding-top:52px; } .ink-finder-textbox-surround { display: block; width: 148px; height: 26px; padding: 2px 0px 0px 5px; background: url(images/inktoner-textbox-home.png) no-repeat left top; } .ink-finder-textbox-surround input { border: 0; width: 140px; background-color: Transparent; font-size: 0.85em; } .inktoner-watermark { color: #000; font-size: 0.85em; } .newsletter-signup-home { display: block; width: 148px; height: 26px; padding: 2px 0px 0px 5px; background: url(images/newsletter-textbox-home.png) no-repeat left top; } .newsletter-signup-home input { border: 0; width: 140px; background-color: Transparent; } a.ink-find { display: block; width: 65px; height: 27px; background-image:url(images/ink-toner-find.png); background-repeat: no-repeat; background-position: left top; margin-left:30px; } a.banner-right { position: relative; margin-bottom: 10px; } a.banner-left { position: absolute; margin-bottom: 10px; margin-left:-20px; z-index:10000; } .dvspace10 { clear:both; height:10px; display:block; } ul.specials { margin: 0; padding: 0; } ul.specials li { display: block; float: left; width: 325px; } ul.specials h2 { font-size: 1em; color: #3366cc; margin: 5px 0px 10px 0px; } ul.specials li .left { display: block; float: left; width: 100px; margin-top: 10px; } ul.specials li .right { display: block; float: right; width: 200px; margin-top: 10px; } ul.specials li .price { font-size: 1.6em; margin-top: 3px; } ul.product-featured-products { padding:0px; margin: 0px;} ul.product-featured-products li { display: block; float: left; width: 258px; border-top:solid 1px #ddd; margin:0px; padding:0px } ul.product-featured-products li.first { border-top-width: 0px; } ul.product-featured-products h2 { font-size: 1em; color: #3366cc; } ul.product-featured-products li .left { display: block; float: left; width: 100px; margin-left:10px; margin-top: 10px; } ul.product-featured-products li .right { display: block; float: right; width: 118px; margin-right:10px; margin-top: 10px; } ul.product-featured-products li .right .product-title { font-size: 0.85em; padding-left: 1px; } ul.discounts li {display: block; float: left; width: 150px; } ul.discounts h3 { font-size: 0.85em; } ul.discounts .price { color: #333; font-size: 0.95em; font-weight: bold; } ul.brands li { display: block; float: left; width: 150px; padding: 0px 10px; } ul.subcategories { margin: 0; padding: 0;} ul.subcategories li { display: block; float: left; width: 225px; height: 40px;} ul.subcategories li.images { display: block; float: left; width: 225px; height: 60px; margin-left: 20px;} ul.subcategories li .left { width: 45px; } ul.subcategories li.images .right { float: left; padding: 0px 0px 0px 5px; width: 110px; } /*ul.subcategories li .left { float:left; display:block; width:60px; height:60px;} ul.subcategories li .right {clear:none; float:left; display:block; vertical-align: top; position:relative;top:10px; height:60px} */ a.highlight { color: #8DC73F; } /* root element for the scrollable. when scrolling occurs this element stays still. */ .scrollable { /* required settings */ position:relative; overflow:hidden; width: 680px; height:120px; /* custom decorations */ border:1px solid #ccc; background:url(/img/global/gradient/h300.png) repeat-x; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; } .items div { float:left; width:680px; } /* single scrollable item */ .scrollable img { float:left; margin:20px 5px 20px 21px; background-color:#fff; padding:2px; border:1px solid #ccc; width:100px; height:75px; -moz-border-radius:4px; -webkit-border-radius:4px; } /* active item */ .scrollable .active { border:2px solid #000; position:relative; cursor:default; } /* this makes it possible to add next button beside scrollable */ .scrollable { float:left; } /* prev, next, prevPage and nextPage buttons */ a.browse { background:url(images/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px; } /* right */ a.right { background-position: 0 -30px; clear:right; margin-right: 0px;} a.right:hover { background-position:-30px -30px; } a.right:active { background-position:-60px -30px; } /* left */ a.left { margin-left: 0px; } a.left:hover { background-position:-30px 0; } a.left:active { background-position:-60px 0; } /* up and down */ a.up, a.down { background:url(/images/vert_large.png) no-repeat; float: none; margin: 10px 50px; } /* up */ a.up:hover { background-position:-30px 0; } a.up:active { background-position:-60px 0; } /* down */ a.down { background-position: 0 -30px; } a.down:hover { background-position:-30px -30px; } a.down:active { background-position:-60px -30px; } /* disabled navigational button */ a.disabled { visibility:hidden !important; } .hpBox { float:left; height:27px; padding:2px 0 0 2px; background-image:url(images/box/greybox.png); background-repeat:no-repeat } .hpBoxRight { float:left; _height:1px; width:3px; height:27px; overflow:hidden; background-image:url(images/box/greyboxright.png); background-position:top right; background-repeat:no-repeat } .hpNum { font-size:1.1em; font-weight:normal; display:inline; color:#ffffff; float:left; padding-top:3px; margin-right:2px; margin-left:2px; font-weight:bold; text-align:center; width:19px; height:27px; } .checkout-main-container { clear:none; width:767px} /* ------------ START: ROUNDED CORNERS DARKBOX -------------- */ .darkbox { margin:0 0; border-width: 0px; } /* Rules for the top corners and border */ .darkbox-header { background:url(images/box-grey.png) no-repeat 100% 0; margin:0 0 0 18px; height:30px; position: relative; } .darkbox-header div { height:30px; width:18px; position:relative; left:-18px; background:url(images/box-grey.png) no-repeat 0 0; } .darkbox-header span { position: absolute; left: -5px; top: 7px; width: 90%; color: #000000; font-weight: bold; z-index: 5; } .refine { background-image: url(images/refineyourresults2.png); background-repeat: no-repeat; width:196px; height:30px; color:#ffffff; font-weight:bold; padding-top:6px; padding-left:15px; } /* Rules for the bottom corners and border */ .darkbox-footer { background:url(images/box-grey.png) no-repeat 100% 100%; margin:0 0 0 18px; height:10px; } .darkbox-footer div { height:10px; width:18px; position:relative; left:-18px; background:url(images/box-grey.png) no-repeat 0 100%; } /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .darkbox-content { /*background-image: url(../images/dark-background.png); background-repeat: repeat;*/ background:#fff; /*border:1px solid #fff; border-width:1px 0;*/ padding:5px 10px 0px 10px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; font-size:0.85em; } /* ------------ END: ROUNDED CORNERS DARKBOX -------------- */ /* ------------ START: ROUNDED CORNERS GREYBOX -------------- */ .greybox { margin: 0px; margin-top: 5px; border-width: 0px; } /* Rules for the top corners and border */ .greybox-header { background:url(images/box-grey.png) no-repeat 100% 0; margin:0 0 0 18px; height:30px; position: relative; } .greybox-header div { height:30px; width:18px; position:relative; left:-18px; background:url(images/box-grey.png) no-repeat 0 0; } .greybox-header span { position: absolute; left: -5px; top: 7px; width: 90%; color: #000; font-weight: bold; z-index: 5; } /* Rules for the bottom corners and border */ .greybox-footer { background:url(images/box-grey.png) no-repeat 100% 100%; margin:0 0 0 18px; height:10px; } .greybox-footer div { height:10px; width:18px; position:relative; left:-18px; background:url(images/box-grey.png) no-repeat 0 100%; } /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .greybox-content { /*background-image: url(../images/dark-background.png); background-repeat: repeat;*/ background:#fff; /*border:1px solid #fff; border-width:1px 0;*/ padding:5px 10px 0px 10px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; font-size:1em; } /* ------------ END: ROUNDED CORNERS GREYBOX -------------- */ /* ------------ START: ROUNDED CORNERS ALL GREYBOX -------------- */ .allgreybox { margin:0 0; border-width: 0px; } /* Rules for the top corners and border */ .allgreybox-header { background:url(images/box-allgrey.png) no-repeat 100% 0; margin:0 0 0 18px; height:10px; position: relative; } .allgreybox-header div { height:10px; width:18px; position:relative; left:-18px; background:url(images/box-allgrey.png) no-repeat 0 0; } .allgreybox-header span { position: absolute; left: -5px; top: 7px; width: 90%; color: #000; font-weight: bold; z-index: 5; } /* Rules for the bottom corners and border */ .allgreybox-footer { background:url(images/box-allgrey.png) no-repeat 100% 100%; margin:0 0 0 18px; height:10px; } .allgreybox-footer div { height:10px; width:18px; position:relative; left:-18px; background:url(images/box-allgrey.png) no-repeat 0 100%; } /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .allgreybox-content { /*background-image: url(../images/dark-background.png); background-repeat: repeat;*/ background:#dfdfdf; /*border:1px solid #fff; border-width:1px 0;*/ padding:5px 10px 0px 10px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; } /* ------------ END: ROUNDED CORNERS GREYBOX - GREY BACKGROUND-------------- */ /* ------------ START: ROUNDED CORNERS DARKBOX -------------- */ .darkboxGreybk { margin:0.5em 0; border-width: 0px; } /* Rules for the top corners and border */ .darkboxGreybk-header { background:url(images/box-alt-grey.png) no-repeat 100% 0; margin:0 0 0 18px; height:30px; position: relative; } .darkboxGreybk-header div { height:30px; width:18px; position:relative; left:-18px; background:url(images/box-alt-grey.png) no-repeat 0 0; } .darkboxGreybk-header span { position: absolute; left: -5px; top: 7px; width: 90%; color: #fff; font-weight: bold; z-index: 5; } /* Rules for the bottom corners and border */ .darkboxGreybk-footer { background:url(images/box-alt-grey.png) no-repeat 100% 100%; margin: 0 0 0 18px; height:0px; } .darkboxGreybk-footer div { height:10px; width:18px; position:relative; left:-18px; background:url(images/box-alt-grey.png) no-repeat 0 100%; } /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .darkboxGreybk-content { /*background-image: url(../images/dark-background.png); background-repeat: repeat;*/ background:#dfdfdf; /*border:1px solid #fff; border-width:1px 0;*/ padding: 5px 3px 0px 3px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; } /* ------------ END: ROUNDED CORNERS DARKBOX - GREY BACKGROUND -------------- */ /* ------------ START: ROUNDED CORNERS DARKBOX REVERSE-------------- */ .darkboxGreybk-reverse { margin:0.5em 0; border-width: 0px; } /* Rules for the top corners and border */ .darkboxGreybk-header-reverse { background:url(images/box-alt-reverse.png) no-repeat 100% 0; margin:0 0 0 18px; height:10px; position: relative; } .darkboxGreybk-header-reverse div { height:10px; width:18px; position:relative; left:-18px; background:url(images/box-alt-reverse.png) no-repeat 0 0; } .darkboxGreybk-header-reverse span { position: absolute; left: -5px; top: 7px; width: 90%; color: #fff; font-weight: bold; z-index: 5; } /* Rules for the bottom corners and border */ .darkboxGreybk-footer-reverse { background:url(images/box-alt-reverse.png) no-repeat 100% 100%; margin:0 0 0 18px; height:30px; } .darkboxGreybk-footer-reverse div { height:30px; width:18px; position:relative; left:-18px; background:url(images/box-alt-reverse.png) no-repeat 0 100%; } /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .darkboxGreybk-content-reverse { /*background-image: url(../images/dark-background.png); background-repeat: repeat;*/ background:#ffffff; /*border:1px solid #fff; border-width:1px 0;*/ padding:5px 10px 0px 10px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; } /* ------------ END: ROUNDED CORNERS DARKBOX - GREY BACKGROUND REVERSE -------------- */ .ProductInfoTopContainer { width:400px; float:left; } .ProductInfoMonkeyPrice { color:#134069; font-size:15px; font-weight:bold; float:left; width:120px; padding-left:5px; } .ProductInfoPrice { color:#9d1637; font-size:15px; font-weight:bold; text-align:right; float:right; width:120px; padding-right:5px; } .ProductInfoRRP { color:#134069; font-size:15px; font-weight:bold; float:left; width:50px; padding-left:5px; padding-top:15px; } .ProductInfoRRPPrice { color:#134069; font-size:15px; font-weight:bold; float:left; width:90px; padding-top:15px; } .ProductInfoSave { color:#9d1637; font-size:15px; font-weight:bold; text-align:right; float:right; width:100px; padding-right:5px; padding-top:15px; } .ProductInfoRewards { font-weight:bold; color:#9d1637; } .ProductInfoQuantity { font-weight:bold; } .ProductInfoQuantityBox { float:left; width:100px; padding-left:5px; } .ProductInfoBuyButtonBox { float:right; width:113; padding-right:5px; } .ProductInfoCheckoutButtonBox { padding-top:10px; clear:both; float:right; width:113; padding-right:5px; } a.ProductInfoCheckoutButton { display:block; background-image:url(images/checkout2.png); background-position:center; background-repeat:no-repeat; width:113px; height:21px; } .ProductInfoRewardsBox { margin: 0px auto; padding-top:15px; padding-left:5px; padding-right:5px; width:239px; float:left; } .ProductInfoBox-Header { background:url(images/chechout-boxInverted.png) no-repeat 100% 0; margin:0 0 0 18px; height:10px; position:relative; } .ProductInfoBox-Header div { height:10px; width:18px; position:relative; left:-18px; background:url(images/chechout-boxInverted.png) no-repeat; } /* ------------ START: ROUNDED CORNERS PRODUCTINFO - RED HEADER -------------- */ .redBoxWhiteBk { margin:0.5em 0; border-width: 0px; } /* Rules for the top corners and border */ .redBoxWhiteBk-header { /*background:url(images/chechout-box.png) no-repeat 100% 0;*/ margin:0 0 0 18px; height:30px; position: relative; } .redBoxWhiteBk-header div { height:30px; width:18px; position:relative; left:-18px; /*background:url(images/chechout-box.png) no-repeat 0 0;*/ } /* Rules for the bottom corners and border */ .redBoxWhiteBk-footer { background:url(images/chechout-box.png) no-repeat 100% 100%; margin:0 0 0 18px; height:10px; } .redBoxWhiteBk-footer div { height:10px; width:18px; position:relative; left:-18px; background:url(images/chechout-box.png) no-repeat 0 100%; } /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .redBoxWhiteBk-content { /*background-image: url(../images/dark-background.png); background-repeat: repeat;*/ background:#ffffff; /*border:1px solid #fff; border-width:1px 0;*/ /*padding: 5px 3px 0px 3px;*/ border-left: 2px solid #e2e2e2; border-right: 2px solid #e2e2e2; } /* ------------ END: ROUNDED CORNERS PRODUCTINFO - RED HEADER -------------- */ .remainingDelivery { background-image: url(images/yellow-box.png); background-repeat: no-repeat; height:40px; padding-top:20px; } .pnlDelivery { width:767px; } .dvMonkey { background-image: url(images/monkey-checkout.png); background-repeat: no-repeat; height:200px; margin-left:34px; margin-top:35px; width:66px; } .dvSecure { background-image: url(images/secure-icon.png); margin:24px; background-repeat: no-repeat; padding-top:20px; } .updateProgress { border-width: 1px; border-style: solid; background-color: #FFFFFF; position: absolute; width: 280px; height: 165px; } .magnifyProduct img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.5; border:none; } .magnifyProduct:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; border:none; } /*------------GREEN PRODUCTS----------------------*/ .greenbox { margin:0.5em 0; border-width: 0px; } /* Rules for the top corners and border */ .greenbox-header { background:url(images/box-green.png) no-repeat 100% 0; margin:0 0 0 18px; height:30px; position: relative; } .greenbox-header div { height:30px; width:18px; position:relative; left:-18px; background:url(images/box-green.png) no-repeat 0 0; } .greenbox-header span { position: absolute; left: -5px; top: 7px; width: 90%; color: #fff; font-weight: bold; z-index: 5; } /* Rules for the bottom corners and border */ .greenbox-footer { background:url(images/box-green.png) no-repeat 100% 100%; margin:0 0 0 18px; height:10px; } .greenbox-footer div { height:10px; width:18px; position:relative; left:-18px; background:url(images/box-green.png) no-repeat 0 100%; } /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .greenbox-content { /*background-image: url(../images/dark-background.png); background-repeat: repeat;*/ background:#fff; /*border:1px solid #fff; border-width:1px 0;*/ padding:5px 10px 0px 10px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; } /* ------------ END: ROUNDED CORNERS DARKBOX -------------- */ /*------------GREEN PRODUCTS----------------------*/ .greenboxgrey { margin:0.5em 0; border-width: 0px; } /* Rules for the top corners and border */ .greenboxgrey-header { background:url(images/greenbox-grey.png) no-repeat 100% 0; margin:0 0 0 18px; height:30px; position: relative; } .greenboxgrey-header div { height:30px; width:18px; position:relative; left:-18px; background:url(images/greenbox-grey.png) no-repeat 0 0; } .greenboxgrey-header span { position: absolute; left: -5px; top: 7px; width: 90%; color: #fff; font-weight: bold; z-index: 5; } /* Rules for the bottom corners and border */ .greenboxgrey-footer { background:url(images/greenbox-grey.png) no-repeat 100% 100%; margin:0 0 0 18px; height:10px; } .greenboxgrey-footer div { height:10px; width:18px; position:relative; left:-18px; background:url(images/greenbox-grey.png) no-repeat 0 100%; } /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .greenboxgrey-content { /*background-image: url(../images/dark-background.png); background-repeat: repeat;*/ background:#e3e3e3; /*border:1px solid #fff; border-width:1px 0;*/ padding:5px 10px 0px 10px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; } /* ------------ END: ROUNDED CORNERS DARKBOX -------------- */ /*-----------END GREEN PRODUCTS------------------*/ .offerMainBox { background-image: url(images/mainbox.png); background-repeat: no-repeat; background-position: left center; position:absolute; height:220px; width:181px; } .offerImageMain { position:relative; top:30px; margin:5px; left:38px; } .offerMainTitle { position:relative; top:5px; text-align:left; left:5px; } .featuredMainTitle { position:relative; top:5px; text-align:left; left:5px; font-size:12px; } .offerMainFooter { position:relative; top:40px; text-align:left; left:5px; color:#ff3333; padding-left:10px; } .offerMainHomeFooter { position:relative; top:190px; text-align:left; left:5px; color:#ff3333; padding-left:10px; } .offersMainSection { height:150px; width:235px; } .featuredProdMainSection { height:230px; /*background: url(netalogue/rebelimages/offerbanners.png) no-repeat top right;*/ } .offerLinks { text-align:left; top:210px; position:relative; padding-left:5px; } ul.product-grid2 { margin: 0; padding: 0; list-style-type: none; width:720px; } ul.product-grid2 li { margin: 0; padding: 0; list-style-type: none; display: block; float: left; width: 235px; height: 150px; /* background-image: url(images/product-grid.png); background-repeat: no-repeat;*/ margin-left: 5px; text-align: left; /*margin-bottom: 10px;*/ } ul.product-grid2Featured li { margin: 0; padding: 0; list-style-type: none; display: block; float: left; width: 32%; height: 150px; /* background-image: url(images/product-grid.png); background-repeat: no-repeat;*/ margin-left: 5px; text-align: left; /*margin-bottom: 10px;*/ } ul.product-grid2 li:HOVER { /*background-image: url(images/product-grid-over.png); */ } /* ------------- END : GREEN PRODUCTS ------------------------------*/ #inkText { PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 318px; PADDING-RIGHT: 5px; FONT-SIZE: 14px; VERTICAL-ALIGN: middle; FONT-WEIGHT: bold; MARGIN-RIGHT: 5px; PADDING-TOP: 5px; -moz-border-radius: 5px } #finderSelectionPanel DIV.inputWrap { PADDING-BOTTOM: 10px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 10px } .header-banner { BORDER-BOTTOM: #33a6cf 1px solid } #finderSelectionPanel { PADDING-BOTTOM: 6px; MARGIN: 0px 0px 10px; PADDING-LEFT: 0px; WIDTH: auto; PADDING-RIGHT: 0px; BORDER-TOP: #0d536f 1px solid; PADDING-TOP: 6px } .label { FONT-SIZE: 14px; FONT-WEIGHT: bold; MARGIN-RIGHT: 10px } #tabMfr { BORDER-BOTTOM: #ffffff 1px solid } .tabSet LI { MARGIN-BOTTOM: -1px } .heading A { FONT-SIZE: 14px; FONT-WEIGHT: bold } #inkErrorBlock { MARGIN: 0px 10px } #inkResults { MARGIN: 0px 10px } #inkErrorBlock P { MARGIN-BOTTOM: 10px } .tabSet LI { BACKGROUND-COLOR: #eeeeee; PADDING-LEFT: 7px; float:left; } .tabSet LI SPAN { PADDING-BOTTOM: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 8px; PADDING-TOP: 4px } /*-----------BRANDS-----------------------------*/ .boxHeading { LINE-HEIGHT: 24px; COLOR: #5a5a5a; FONT-SIZE: 16px; FONT-WEIGHT: 700 } .block-1 { Z-INDEX: 5; BORDER-BOTTOM: #b0b0b0 1px solid; POSITION: relative; BORDER-LEFT: #dbdbdb 1px solid; MARGIN-BOTTOM: 10px; BACKGROUND: #fff; BORDER-TOP: #dbdbdb 1px solid; BORDER-RIGHT: #dbdbdb 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .last.block-1 { MARGIN-BOTTOM: 0px } .block-1 .inner { OVERFLOW: hidden } .block-1 .tr { Z-INDEX: 99; POSITION: absolute; WIDTH: 6px; DISPLAY: block; BACKGROUND: url(/img/bg/product-block.png) no-repeat; HEIGHT: 6px; FONT-SIZE: 1% } .block-1 .tl { Z-INDEX: 99; POSITION: absolute; WIDTH: 6px; DISPLAY: block; BACKGROUND: url(/img/bg/product-block.png) no-repeat; HEIGHT: 6px; FONT-SIZE: 1% } .block-1 .br { Z-INDEX: 99; POSITION: absolute; WIDTH: 6px; DISPLAY: block; BACKGROUND: url(/img/bg/product-block.png) no-repeat; HEIGHT: 6px; FONT-SIZE: 1% } .block-1 .bl { Z-INDEX: 99; POSITION: absolute; WIDTH: 6px; DISPLAY: block; BACKGROUND: url(/img/bg/product-block.png) no-repeat; HEIGHT: 6px; FONT-SIZE: 1% } .finderlist { MARGIN: 10px 0px 20px } .finderlist LI { PADDING-BOTTOM: 2px; PADDING-LEFT: 10px; WIDTH: 154px; PADDING-RIGHT: 10px; FLOAT: left; PADDING-TOP: 2px } .az-page .finderlist { PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FLOAT: left; PADDING-TOP: 10px } .az-page .finderlist LI { BORDER-BOTTOM: #e0e0e0 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 1px; WIDTH: 300px; PADDING-RIGHT: 1px; DISPLAY: block; FLOAT: left; MARGIN-RIGHT: 10px; PADDING-TOP: 5px } .tabSet { MARGIN-BOTTOM: -1px; } .tabSet LI { Z-INDEX: 10; POSITION: relative; PADDING-LEFT: 10px; BACKGROUND: url(images/tabs.png) no-repeat 0px 0px; FLOAT: left; CURSOR: pointer; MARGIN-RIGHT: 1px } .tabSet LI SPAN { PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; DISPLAY: block; BACKGROUND: url(images/tabs.png) no-repeat 100% 0px; FONT-SIZE: 14px; FONT-WEIGHT: 700; PADDING-TOP: 6px } .tabSet LI.on { BACKGROUND-POSITION: 0px -37px } .tabSet LI.on SPAN { BACKGROUND-POSITION: 100% -37px; COLOR: #0187c5 } .panelSet { WIDTH: 100%; OVERFLOW: auto; TOP: 0px; RIGHT: 0px } #quickview .product_header { WIDTH: auto; BACKGROUND: none transparent scroll repeat 0% 0% } #quickview .productDetails { BACKGROUND: none transparent scroll repeat 0% 0% } .dvRightBanners { padding-top:6px; } /*---------END BRANDS --------------------------*/ /*---------INK FINDER --------------------------*/ .tbInkSearch { padding:3px; border: solid 1px #10416b; } /* ------------ START: ROUNDED CORNERS DARKBOX -------------- */ .lightbluebox { margin:0.5em 0; border-width: 0px; } /* Rules for the top corners and border */ .lightbluebox-header { background:url(images/box-alllightblue.png) no-repeat 100% 0; margin:0 0 0 18px; height:6px; position: relative; } .lightbluebox-header div { height:6px; width:18px; position:relative; left:-18px; background:url(images/box-alllightblue.png) no-repeat 0 0; } .lightbluebox-header span { position: absolute; left: -5px; top: 7px; width: 90%; color: #fff; font-weight: bold; z-index: 5; } /* Rules for the bottom corners and border */ .lightbluebox-footer { background:url(images/box-alllightblue.png) no-repeat 100% 100%; margin:0 0 0 18px; height:10px; } .lightbluebox-footer div { height:10px; width:18px; position:relative; left:-18px; background:url(images/box-alllightblue.png) no-repeat 0 100%; } /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .lightbluebox-content { /*background-image: url(../images/dark-background.png); background-repeat: repeat;*/ background:#bdd7ef; /*border:1px solid #fff; border-width:1px 0;*/ padding:5px 10px 0px 10px; border-left: 1px solid #bdd7ef; border-right: 1px solid #bdd7ef; } /* ------------ END: ROUNDED CORNERS DARKBOX -------------- */ /*------END INK FINDER -------------------------*/ ul.specialbanner li {float:right; margin-left:5px; padding-left:4px;padding-right:4px;} ul.featuresbanner li {float:left; margin-left:5px; padding-left:4px;padding-right:4px; width:153px; border-right:1px solid #E2E2E2;} /*-----------------PAYMANT IMAGES---------------------*/ .liAccountButton{ background-image: url(images/payment/business-account.jpg); background-repeat: no-repeat; background-position: left center; display:block; width:295px; height:60px; margin-bottom:10px; } .liAccountButton:hover{ background-image: url(images/payment/business-account-over.jpg); background-repeat: no-repeat; background-position: left center; display:block; width:295px; height:60px; margin-bottom:10px; } .liCreditButton{ background-image: url(images/payment/cards.jpg); background-repeat: no-repeat; background-position: left center; display:block; width:295px; height:60px; margin-bottom:10px; } .liCreditButton:hover{ background-image: url(images/payment/cards-over.jpg); background-repeat: no-repeat; background-position: left center; display:block; width:295px; height:60px; margin-bottom:10px; } .liPayPalButton{ background-image: url(images/payment/paypal.jpg); background-repeat: no-repeat; background-position: left center; display:block; width:295px; height:60px; margin-bottom:10px; } .liPayPalButton:hover{ background-image: url(images/payment/paypal-over.jpg); background-repeat: no-repeat; background-position: left center; display:block; width:295px; height:60px; margin-bottom:10px; } .liGoogleButton{ background-image: url(images/payment/google-checkout.jpg); background-repeat: no-repeat; background-position: left center; display:block; width:295px; height:60px; margin-bottom:10px; } .liGoogleButton:hover{ background-image: url(images/payment/google-checkout-over.jpg); background-repeat: no-repeat; background-position: left center; display:block; width:295px; height:60px; margin-bottom:10px; } /*----------------PAYMENT IIMAGES END ----------------*/ .dvManuFeatRight { background-image: url(images/featurebackground.png); background-repeat: no-repeat; } .dvManuFeatLeft { background-image: url(images/featurebackground.png); background-repeat: no-repeat; } .dvManuFeatRight2 { background-image: url(images/featurebackground2.png); background-repeat: no-repeat; } .dvManuFeatLeft2 { background-image: url(images/featurebackground2.png); background-repeat: no-repeat; } .exVAT { font-size:11px; /*font-weight:bold;*/ } .meta-intro { padding-left:11px; } .tblInkFinder td { width:180px; min-width:180px; }