/*new*/ .darkbox { border:solid 1px #C3C3C3} .noborder { border:0px} .body { padding: 0; font-size:0.80em; color:#4B4B4B; background-color:#000; font-family:Arial; margin:0px; background-image:url(netalogue/images/background.jpg); background-position:center top; background-attachment:fixed; border-top:solid 0px #6390A9; } .bodyLandingPage { padding: 0; font-size:0.80em; color:#4B4B4B; background-color:Gray; /* landing page background colour */ font-family:Arial; margin:0px; background-image:url(netalogue/images/background.png); background-position:center top; background-attachment:fixed; border-top:solid 0px Gray; } td{ color:#4B4B4B; } input{ font-size:1em} a:link{ color:#000; text-decoration:none} a:visited{ color:#000; text-decoration:underline} a:hover{ color:#000; text-decoration:underline} a.searchresults:link{ color:#000; text-decoration:none; line-height:20px;} a.searchresults:visited{ color:#000; text-decoration:none; line-height:20px;} a.searchresults:hover{ color:#000; text-decoration:none; line-height:20px;} .customerSupportTitle { font-size:2em} .sitebody{ background-color:#ffffff} .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-2.png); cursor:pointer; border:0px; color:#595959; display:inline-block; vertical-align:middle; height:20px; top:-1px; padding-top:0px; 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; top:-1px; padding-top:3px; position:relative; 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; } #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} 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/client-login-box.gif); background-repeat: no-repeat; background-position:right top; width:198px; height: 276px;} .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: 13px; padding-right: 10px; } a.blueLink:hover {color: #3467BB; font-weight:bold; text-decoration: underline; } a.blueLink:link {color: #3467BB; font-weight:bold; text-decoration: underline; } a.blueLink:visited {color: #3467BB; font-weight:bold; text-decoration: underline; } ul.loginLeftNav{ width:247px; margin:0px;} ul.loginLeftNav li{width:247px; margin-bottom:5px; height:23px; } ul.loginLeftNav li.selected{width:247px; margin-bottom:5px; background-image:url(images/link-hover-over.png); height:23px; background-repeat:no-repeat; } ul.loginLeftNav li a{ width:247px; text-decoration:none; padding-left:20px; height:23px; font-weight:bold} .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; } .topNavOuter {margin: 0 auto; width:1002px; background-color:#fff} .nav-container { display: block; margin: 0 auto; background-image: url(images/navigation-bar.gif); background-repeat: no-repeat; width:970px; height:49px; background-position: center top; padding-bottom:5px; } .nav-container-static { display: block; margin: 0 auto; background-image: url(images/staticNavigation/navigation-bar.gif); background-repeat: no-repeat; width:970px; height:49px; background-position: center top; padding-bottom:5px; } .nav-inside { margin: 0 auto; width: 970px; } .topmenu { margin:0 auto; width:970px; padding-left:22px; background-image: url(images/navigation-bar.gif); background-repeat: no-repeat; height: 49px;} .topmenu ul { margin:0; padding:0; list-style:none; width:1002px; display:block; } .topmenu li { float:left; border:0; font-weight:bold; margin-left:0px; padding-right:20px; background-image:url(images/navigation-divide.gif); background-repeat:no-repeat; background-position:right 2px; } .topmenu li.last { float:left; border:0; font-weight:bold; margin-left:0px; padding-right:20px; background-image:none; } .topmenu li.ends { float:left; border:0; background:none; } .topmenu li a { text-decoration:none; color: #ffffff; font-size:12px; padding-top:1px; display:block; padding-left:5px; height:44px; text-align:center; } .topmenu li a span { display:block; padding-right:5px; height:32px; padding-top:15px; cursor:pointer; font-size:1.1em; } .topmenu2 { margin:0 auto; width:970px; padding-left:22px; background-image: url(images/staticNavigation/navigation-bar.gif); background-repeat: no-repeat; height: 49px;} .topmenu2 ul { margin:0; padding:0; list-style:none; width:1002px; display:block; } .topmenu2 li { float:left; border:0; font-weight:bold; margin-left:0px; padding-right:20px; background-image:url(images/staticNavigation/navigation-divide.gif); background-repeat:no-repeat; background-position:right 2px; } .topmenu2 li.last { float:left; border:0; font-weight:bold; margin-left:0px; padding-right:20px; background-image:none; } .topmenu2 li.ends { float:left; border:0; background:none; } .topmenu2 li a:link { padding-left:30px; background:url(images/staticNavigation/navigation-bar-arrow.gif) no-repeat; background-position:left center; text-decoration:none; color: #000000; font-size:12px; padding-top:1px; display:block; height:44px; text-align:center; } .topmenu2 li a:visited { padding-left:30px; background:url(images/staticNavigation/navigation-bar-arrow.gif) no-repeat; background-position:left center; text-decoration:none; color: #000000; font-size:12px; padding-top:1px; display:block; height:44px; text-align:center; } .topmenu2 li a:hover, .topmenu2 li a.active { padding-left:30px; background:url(images/staticNavigation/navigation-bar-arrow-over.gif) no-repeat; background-position:left center; text-decoration:none; color: #000000; font-size:12px; padding-top:1px; display:block; height:44px; text-align:center; } .topmenu2 li a span { display:block; padding-right:5px; height:32px; padding-top:15px; cursor:pointer;} #topNav { margin: 0 auto; width:968px; height:43px} #topNav ul { margin: 0 auto; padding: 0 0 0 0; list-style: none; width:968px; min-width:968px; } #topNav li { float:left; line-height:18px; text-align:center; list-style: none; width:14%; border-left:solid 0px #fff;border-right:solid 1px #fff; height:43px; } #topNav li.noleftborder1{ float: left; line-height:18px; text-align:center; vertical-align:middle; height:43px; width:140px; list-style: none; border-left:solid 0px #272727; border-right:solid 1px #fff;} #topNav li.norightborder1{float: left; line-height:18px; text-align:center; vertical-align:middle; height:43px; width:142px; list-style: none; border-left:solid 0px #fff;border-right:solid 0px #7d7d7d;} #topNav a { font-family:Arial; text-transform:uppercase; vertical-align:middle; display: block; background-image:url(images/nav-back.png); height:43px; text-decoration: none; color: #38393E; font-size:12px; padding-left:15px; padding-right:15px; font-weight:bold } #topNav a.noleftborder1 { font-family:Arial; text-transform:uppercase; vertical-align:middle; display: block; background-image:url(images/left-topnav.png); background-position:left; background-repeat:no-repeat; height:43px; text-decoration: none; color: #38393E; font-size:12px; font-weight:bold} #topNav a.norightborder1{ font-family:Arial; text-transform:uppercase; vertical-align:middle; display: block; background-image:url(images/right-topnav.png); background-position:right; background-repeat:no-repeat; height:43px; text-decoration: none; color: #38393E; font-size:12px; font-weight:bold} #topNav a:hover { font-family:Arial; text-transform:uppercase; background-image:url(images/nav-back.png); color:#38393E; height:43px; font-size:12px; font-weight:bold} #topNav a.noleftborder1:hover { font-family:Arial; text-transform:uppercase; vertical-align:middle; display: block; background-image:url(images/left-topnav.png); height:43px; text-decoration: none; color: #38393E; font-size:12px;font-weight:bold} #topNav a.norightborder1:hover { font-family:Arial; text-transform:uppercase; vertical-align:middle; display: block; background-image:url(images/right-topnav.png); height:43px; text-decoration: none; color: #38393E; font-size:12px;font-weight:bold} #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;} .searchbar { background-image: url(images/main-bar.gif); background-repeat:no-repeat} .rightborder{ border-right:solid 10px #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{ color:#3467BB; padding:0px} .perpagebluehighlight { background-color:#3467BB; color:#fff} a.perpage{color:#3467BB} .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 */ .basketPricesIncExVat { position:absolute; top:33px; z-index:10000; font-size:0.85em; font-style:italic; color:#6C9Dc7} .quantityBox { text-align:center; font-size:11px; width:20px; border:solid 1px #909090;z-index:999; } .downBasket { width:195px; height:49px; position:relative; left:0px; overflow:hidden; clear: both; z-index:999; } .downBasketHTML { height:126px; border-left:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; background-color:White;z-index:999; } .basket { width:150px; height:42px; background:url(images/basket.png); background-repeat:no-repeat; color:#000; padding-top:8px; vertical-align:middle; padding-left:50px; text-align:left; cursor:hand;z-index:999; } .basketFooter { width:193px; border:solid 1px #dfdfdf; background-color:White;z-index:999; } .basketprice { font-size:1.3em; font-weight:bold;z-index:999;} a.basketlink:link{ color:#000; text-decoration:none} a.basketlink:visited{ color:#000; text-decoration:none} a.basketlink:hover{ color:#000; text-decoration:none} /* 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; } .price{ color:#000; font-size:19px; font-weight:bolder; background-color:#c4c4c4} .emarkback{ background-color:#c4c4c4} .smallprice{color:#02365E; font-size:14px; font-weight:bolder; font-family:Impact;} 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:#f7f7f7;border-right:solid 1px #a7a7a7;border-top:solid 1px #a7a7a7} 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 #a7a7a7;border-left:solid 1px #a7a7a7;border-top:solid 1px #a7a7a7} .lrbluenotop{ border-right:solid 1px #a7a7a7;border-left:solid 1px #a7a7a7;} .topblue{ border-top:solid 1px #a7a7a7} .lblue{ border-left:solid 1px #a7a7a7;border-top:solid 1px #a7a7a7} .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 */ .categoryindex{ border-bottom:solid 2px #fff} #leftNav { width:213px; vertical-align:middle; } /*this is the tier2 options*/ #leftNav ul { text-indent:0px; background-color:#F4F4F4; padding: 1px 10px 1px 35px; margin:0px; text-align:left; border-left:solid 0px #E6E6E6;border-right:solid 0px #E6E6E6; border-bottom:solid 2px #fff;} #leftNav dd { display:block; list-style-type:none; padding: 0; margin: 0; background-color:#DCDCDC; } #leftNav dl { margin: 0 0 0px 0; padding: 0; background-color:#ececec; color: #000000; border-top:solid 0px #ffffff; border-bottom:solid 0px #E6E6E6;border-left:solid 0px #E6E6E6;border-right:solid 0px #E6E6E6; } #leftNav dl.selected { margin: 0 0 0px 0px; color: #fff; font-weight: bold; border-left:solid 0px #000;border-right:solid 0px #000; } #leftNav dt { margin: 0; padding:0; border-bottom:solid 2px #fff } #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-color:#000; color: #fff; font-weight: bold;} #leftNav dl.selected dt a { padding: 6px 26px 6px 20px; font-weight:bold; background-color:#000; color:#fff} #leftNav dt a { color: #393A3E; font-family:Arial,Arial; display:block; padding: 6px 26px 6px 20px; text-decoration:none; font-weight:bold;} #leftNav dl.selected dt a { padding: 6px 26px 6px 20px; font-weight:bold; background-color:#959595; color:#fff; border-bottom:solid 0px #fff;} #leftNav dt a:hover { color:#fff; margin: 0 0 0px 0px; padding-left:20px; padding-right:0px; background-color:#959595; border-bottom:solid 0px #E6E6E6; font-weight:bold; border-left:solid 0px #000;border-right:solid 0px #000;} #leftNav a.hoverNav:link {color: #595959; text-decoration: none; } #leftNav a.hoverNav:visited {color: #595959; 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} textarea{ font-size:1em; font-family:Arial;} select{ font-size:1em} .whitetext { color:#ffffff} a.link-light, a.link-light:LINK {color: #3467BB; text-decoration: underline;} a.link-light:HOVER { color: #3467BB;} 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:#595959; text-decoration:underline} a.tier2link:visited{ color:#595959; text-decoration:underline} a.tier2link:hover{ color:#F29708; 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:#595959; text-decoration:none; font-weight:bold} a.darklink:link{ color:#fff; text-decoration:none;} a.darklink:visited{ color:#fff; text-decoration:none;} a.darklink:hover{ color:#fff; text-decoration:none; } 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:#c80000; text-decoration:none} a.redlink:visited{ color:#c80000; text-decoration:none} a.redlink:hover{ color:#c80000; 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:#3467BB; text-decoration:none; } a.bluelink:visited{ color:#3467BB; text-decoration:none; } a.bluelink:hover{ color:#3467BB; 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 --------------- */ .featured-product { /*background-image: url(images/featured-background.jpg);*/ width: 322px; height: 202px; display:block; float:left; margin-right:0px; margin-left:0px; border-left:solid 1px #CDCDCD; border-bottom:solid 1px #CDCDCD; } .featured-product-last { /*background-image: url(images/featured-background.jpg); width: 180px; height: 302px; display:block; float:left; margin-right:0px; margin-left:0px;*/ width: 321px; height: 202px; display:block; float:left; margin-right:0px; margin-left:0px; border-left:solid 1px #CDCDCD; border-bottom:solid 1px #CDCDCD; border-right:solid 1px #CDCDCD; } .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} .featuredHeader{ background-image:url(images/carosel-title.gif); width:970px; height:32px; background-repeat:no-repeat; text-align:center; font-size:1.6em; padding-top:10px; margin-top:10px;} /* --------------- Start: Home Page --------------- */ .hpBox { float:left; height:38px; padding:2px 0 0 2px; } .hpBoxRight { float:left; _height:1px; width:5px; height:38px; overflow:hidden; } .hpNum { font-size:1.1em; font-weight:normal; display:inline; color:#ffffff; float:left; padding-top:6px; margin-right:2px; margin-left:2px; font-weight:bold; text-align:center; width:19px; height:29px; } .banner-container-first { float:left } .banner-first-left { display: block; float: left; margin-left: 0px; } .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 ------------------------------*/ .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.bull{ list-style-type:disc; text-indent:15px;} .newslight{ background-color:#F4F4F4;} .orange { color: #000;} .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:solid 1px #E5E5E5} .thickbox { border:solid 4px #000} .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:#c10000; } .saleprice {color:#d40500} .blue{color:#000;} .green{ } .saving{ color:#377DBE} .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:#fff; color:#414141; font-size:1.2em; border-bottom:solid 0px #CACACA} .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-family:Arial,Arial; font-size:1.5em; margin: 0px 0px 5px 0px; padding:0px; elevation:0px; font-weight:bold; color:#39393E} h1.welcome{font-size:1.5em; margin: 0px 0px 0px 0px; padding:0px; elevation:0px; color:#414141} h2{font-size:1.15em; margin:0px; padding:0px; font-weight:bold; color:#000} 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:#000; text-decoration:underline;} h3.noline{ background-image:url(images/category-title-up.gif); background-repeat:no-repeat; width:180px; height:24px; font-size:1.05em; padding:10px 0px 0px 33px; margin: 0px 0px 0px 0px; font-weight:bold; color:#fff; font-family:Arial,Arial; text-decoration: none; border-bottom:solid 0px #988879} h3.firstnoline{ display:none; background-image:url(images/category-title-up.gif); background-repeat:no-repeat; width:180px; height:24px; font-size:1.05em; padding:10px 0px 0px 33px; margin: 0px 0px 0px 0px; font-weight:bold; color:#fff; font-family:Arial,Arial; text-decoration: none; border-bottom:solid 0px #988879} .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; } /* 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; background-color:#fff; } .container-end { margin: 0 auto; width: 970px; height: 50px; background-image: url(images/footer-background.png); background-repeat: no-repeat; background-position: left top; display:none; } .dynamic-banner-container { margin: 0 auto; width: 1002px; display:none; } .clear { clear: both; } /* --------------- Start: Header --------------- */ .header-container { margin: 0 auto; width: 1002px; /*background-image:url(images/top-gradient.png); background-repeat:no-repeat;*/ height:60px; z-index:3000; background-color:#fff; /*margin-top:20px;*/ padding-bottom:20px; } .header-container2 { margin: 0 auto; width: 1002px; /*background-image:url(images/top-gradient.png); background-repeat:no-repeat;*/ height:80px; z-index:3000; background-color:#fff; /*margin-top:20px;*/ padding-bottom:20px; } .header-container .logo-container { display: block; float: left; margin-top: 22px; margin-left:12px; } .header-container2 .logo-container { display: block; float: left; margin-top: 22px; margin-left:12px; } .header-container .header-right-container { display: block; float: right; margin-top: 0px; margin-bottom:28px; } .header-container .search-and-basket { display: block; float: right; margin-top: 0px; margin-bottom:0px; width:633px; margin-right:20px; z-index:3000; } ul.topnav { margin: 0; padding: 0; list-style-type: none; margin: 0px 0px 0px 0px; /*background-image:url(images/top-buttons.png); background-repeat:no-repeat; width:365px;*/ height:29px; } ul.topnav li { margin: 0; padding: 0; list-style-type: none; display: block; float: left; height: 29px; /*margin-right: 20px;*/ } ul.topnav li.splitter { margin-left:10px; margin-right:10px; padding:0px; color:#ffffff; margin-top:5px; } ul.topnav li.last { margin-left: 15px; margin-top:0px; padding-top:5px; } ul.topnav li.last a { height:29px; display: block; color:#000; padding-top:2px; text-decoration:none; } ul.topnav li a { height:29px; display: block; color:#fff; padding-top:5px; text-decoration:none; } .search-outer { margin-top: 8px; z-index:999; } .search-container { display: block; /*background-image: url(images/topsearch-back.png); background-repeat: no-repeat;*/ background-position: left top; width: 656px; height: 50px; padding: 0px 10px 0px 5px; margin-top:0px; left:-20px; position:relative; z-index:999; } .search-surround { display: block; background-image: url(images/searchbox.gif); background-repeat: no-repeat; background-position: left top; width: 306px; height: 37px; padding: 9px 0px 0px 35px; margin-left:10px; margin-top:10px } /* --------------- End: Header --------------- */ /* --------------- Start: Breadcrumb --------------- */ .breadcrumb-container { height: 31px; margin:0 auto; width:1002px; background-color:#fff; padding-top:13px; padding-bottom:13px; } .breadcrumb-container .breadcrumb-inner { display: block; background-image: url(images/breadcrumb-back.png); background-repeat: no-repeat; height: 31px; margin:0 auto; width:968px; } /* --------------- End: Breadcrumb --------------- */ .checkout-assistance { display: block; /*background-image: url(images/newsletter-back.png); background-image: url(images/breadcrumb-back.png); background-repeat: no-repeat; */ width: 980px; height: 40px; padding: 5px 0px 0px 0px; margin: 10px 0px 10px 10px; clear:none; } /* --------------- 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: 200px; height: 160px; padding: 5px 0px 0px 0px; margin: 10px 0px 10px 10px; clear:none; } .newsletter-button { display: block; background-image: url(images/newsletter-button.png); background-repeat: no-repeat; width: 31px; height: 30px; } .newsletterbox-title { color:#fff; padding-bottom:6px; } .newsletterbox-container { display: block; background-image: url(images/newsletterbox-background.png); background-repeat: no-repeat; width: 242px; height: 30px; padding: 5px 0px 0px 5px; text-align: left; } /* --------------- End: Newsletter --------------- */ /* --------------- Start: Footer --------------- */ .ucFooterPreFooter { width:1002px; margin:0 auto; background-color:#fff; text-align:center; background-image:url(images/payment-type.gif); background-repeat:no-repeat; background-position: center center; height:68px; clear:both; padding-bottom:10px;} .ucFooterMainOuter{ width:100%; background-image:url(images/footer-background.gif); height:383px; padding-top:10px} .ucFooterOuter{width:1002px; margin: 0 auto; background-image:url(images/footer-box.gif); background-repeat:no-repeat; height:211px; } .footerSEOText { color:#7e9ed1; padding-top:10px; width:1002px; margin: 0 auto; text-align:justify; font-size:0.9em;} .myfooter { display:block; background-image: url(images/footer-back.png); /*background-repeat: no-repeat; */ height: 202px; width: 1002px; background-position:center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .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; display:none; } ul.footer { display:block; height:211px; width:968px; /*background-image: url(images/footer-back.png);*/ /*background-repeat: no-repeat; */ margin: 0 0 0 0px; padding: 0px 0 0 0px; list-style-type: none; margin-left:10px; } ul.footer li { margin: 0; padding: 0; list-style-type: none; display: block; float: left; width: 188px; margin-top:20px; color:#000; } ul.footer li.footercol1 { padding-left:10px; border-right:solid 0px #252525; height:165px; margin-top:5px; } ul.footer li.footercol2 { border-right:solid 0px #252525; border-left:solid 0px #525252; padding-left:15px; height:125px; } ul.footer li.footercol3 { border-right:solid 0px #252525; border-left:solid 0px #525252; padding-left:15px; height:125px; } ul.footer li.footercol4 { border-right:solid 0px #252525; border-left:solid 0px #525252; padding-left:15px; height:125px; color:#fff; padding-left:10px; } ul.footer li.footercol4 ul li { color:#fff; padding-left:15px; } ul.footer li.footercol5 { border-left:solid 0px #525252; padding-left:0px; height:125px; width:0px; color:#fff; } ul.footer li.footercol5 ul li { color:#fff; padding-left:15px; } ul.footer li a { background-image:url(images/footer-arrow.gif); background-position:left center; background-repeat:no-repeat; padding-left:10px; color:#fff; margin-left:15px; } ul.footer li a:hover { color:#fff; } ul.footer li a:visited { color:#000; } ul.footer li ul { margin: 0; padding: 0; list-style-type: none; height:65px; } ul.footer li ul li { margin: 0; padding: 0; list-style-type: none; display: block; padding: 2px 0px; } ul.footer li h2 { color: #fff; font-size: 1.1em; margin-bottom:0px; background-image:url(images/footer-title.gif); background-repeat:no-repeat; width:168px; height:27px; margin-left:0px; padding-left:30px; padding-top:5px; } .footer-customersupport { /*display:inline-block; color:#fff; float:left; clear:none; width:215px; padding-top:10px; font-weight:bold;*/ width: 340px; color: white; float: left; margin-top: 10px; font-weight:bold; } .copyright-container { display: inline-block; /*float: left; margin: 15px 0px 0px 40px; color:#fff; clear:none; width:330px; margin:0 auto; padding-top:10px; width: 300px; */ color: white; float: left; margin-top: 10px; } .powered-container { float: right; margin: 0px; width:180px; display:inline-block; text-align:right; padding:0px } .arrows { color: #262626; font-size: 0.9em; } 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: #c42b20; } .footer-links2 { display: block; color: #c42b20; } .footer-payments { margin-bottom: 10px; } /* --------------- Start: Products --------------- */ a.compare:link{ color:#4B4B4B; text-decoration:none} a.compare:hover{ color:#4B4B4B; text-decoration:none} .comparisonCheckbox{width:40px; height:40px; padding:0px; margin: 0px 0px 0px -3px} a.maxCategories { text-decoration: underline; 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; height:35px; padding-top:0px; } .list-grid-box { border:solid 1px #e6e6e6; background-color:#fff; padding:5px; display:inline; clear:none; } 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; color:#3467BB; } a.list-view { background-image:url(images/list-icon.png); background-position: right bottom; background-repeat: no-repeat; padding: 0px 25px 0px 0px; margin-right: 5px; color:#3467BB; } h3.productName { text-decoration: none; } h3.productName a { color: #3467BB; font-weight: normal; font-size: 0.95em; } h3.productName a:HOVER { text-decoration: none; color: #3467BB; /*000*/ } h3.productNameList { text-decoration: none; margin-bottom:2px; padding-top:10px; } h3.productNameList a { color: #3467BB; font-size : 0.95em; font-family:Arial,Arial; font-weight: normal; /*font-size: 1.2em;*/ text-decoration:none; } h3.productNameList a:HOVER { font-family:Arial,Arial; text-decoration: none; /*color: #000;*/ } a.productnav:HOVER { color: #333; } .price-container { font-size: 1.4em; margin-bottom: 5px; display: block; text-align: left; } /*.product-list-price-container { font-size: 1.4em; font-family:Arial,Arial; font-weight: bold;margin-bottom: 5px; display: block; text-align: right; }*/ .product-list-price-container { font-size: 0.95em; margin-bottom: 4px; margin-top:6px; display:inline-block; text-align: left; clear:none } .list-price { font-size: 1.2em; color: #c10000; font-weight: bold;} .price{ font-size:19px;} .grid-price-container { font-size: 0.95em; margin-bottom: 2px; margin-top:8px; display: block; text-align: left; } .grid-price { font-size: 1.2em; color: #c10000; font-weight: bold;} .vatlabel { font-size:0.9em} .gridaddtofavs{ margin-left:1px; } .gridaddtofavs a{ font-size:0.85em;color:#4B4B4B; text-decoration:none} .listaddtofavs{ margin-left:1px; } .listaddtofavs a{ font-size:0.85em;color:#4B4B4B; text-decoration:none} .stockdot { margin-top:5px} ul.product-grid { margin: 0; padding: 0; list-style-type: none; margin-left:10px; } .product-dividor-container{ border-top:solid 1px #cecece; margin-bottom:5px; height:1px; width:100%; display:block; clear:both} ul.product-grid li { margin: 0; padding: 0; list-style-type: none; display: block; float: left; width: 240px; height: 315px; /*background-image: url(images/product-grid.png); background-repeat: no-repeat;*/ margin-left: 0px; text-align: left; } ul.product-grid li:HOVER { /*background-image: url(images/product-grid-over.png); */ } .leadtimetext { background-image:url(images/icons/tick.gif); background-repeat:no-repeat; padding-left:20px; clear:both; } .moreinfolink { margin-top:10px; margin-bottom:10px; } .moreinfolink a { background-image: url(images/icons/plus-icon.gif); background-repeat:no-repeat; padding-left:20px; clear:both; text-decoration:underline; } 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: 735px; min-height:145px; /*height: 145px;*/ /*background-image: url(images/product-list.png); background-repeat: no-repeat;*/ padding: 5px; border-top:solid 1px #cecece; clear:both } ul.product-list li:HOVER { /*background-image: url(images/product-list.png); */ } ul.product-list li .photo-container { display: block; float: left; width: 110px; padding-top:18px; margin-left:12px; margin-right:12px; } ul.product-list li .description-container { display: block; float: left; width: 400px; /*height:110px;*/ /*overflow:hidden;*/ margin-top:10px; } ul.product-list li .description-container .description-content { display: block; /* height: 50px;*/ } ul.product-list li .basket-container { display: block; float: right; width: 170px; margin-right: 20px; text-align: left; margin-top:18px; } 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: left; padding-left:0px; } ul.product-grid li .rating .rating-container .rating-link-container { padding-top: 5px; } ul.product-list li .rating-container { height:25px; } /* --------------- End: Products --------------- */ /* --------------- Start: Product Info --------------- */ .rating-header { display: block; float: left; padding: 3px 5px 0px 0px; } .product-title-container { display: block; float: left; height:60px; } .product-brand-container { float: left; text-align: left; margin-left:20px; margin-top:8px; } .product-title-container h1.productinfo { color: #3467BB; font-size: 1.85em; margin: 10px 0px 4px 0px; font-weight:lighter; /*text-transform:uppercase;*/ } ul.product-details { margin: 0; padding: 0; list-style-type: none; height: 47px; border-bottom: 0px solid #6a6a6e; } ul.product-details li { display: block; float: left; margin: 0; padding: 0; list-style-type: none; height: 47px; margin-right:2px; } ul.product-details li a { display: block; float: left; margin: 0; padding: 0; list-style-type: none; font-weight:bold; text-align:center; vertical-align:middle; padding-top:6px; margin-top:1px; } ul.product-details li a:hover { text-decoration:none; } ul.product-details li a:visited { text-decoration:none; } ul.product-details li a.tab1 { width:116px; height:47px; background-image:url(images/tab-grey.gif); background-repeat:no-repeat; } ul.product-details li a.tab1-active, ul.product-details li a.tab1:HOVER { width:116px; height:47px; background-image:url(images/tab-white.gif); background-repeat:no-repeat; text-decoration:none; } ul.product-details li a.tab1-active { width:116px; height:47px; cursor: default; } ul.product-details li a.tab2 { width:116px; height:47px; background-image:url(images/tab-grey.gif); background-repeat:no-repeat; } ul.product-details li a.tab2-active, ul.product-details li a.tab2:HOVER { width:116px; height:47px; background-image:url(images/tab-white.gif); background-repeat:no-repeat; text-decoration:none; } ul.product-details li a.tab2-active { width:116px; height:47px; cursor: default; } ul.product-details li a.reviews { width:116px; height:47px; background-image:url(images/tab-grey.gif); background-repeat:no-repeat; } ul.product-details li a.reviews-active, ul.product-details li a.reviews:HOVER { width:116px; height:47px; background-image:url(images/tab-white.gif); background-repeat:no-repeat; text-decoration:none; } ul.product-details li a.reviews-active { width:116px; height:47px; cursor: default; } ul.product-details li a.tab3 { width:116px; height:47px; background-image:url(images/tab-grey.gif); background-repeat:no-repeat; } ul.product-details li a.tab3-active, ul.product-details li a.tab3:HOVER { width:116px; height:47px; background-image:url(images/tab-white.gif); background-repeat:no-repeat; text-decoration:none; } ul.product-details li a.tab3-active { width:116px; height:47px; cursor: default; } ul.product-details li a.tab4 { width:116px; height:47px; background-image:url(images/tab-grey.gif); background-repeat:no-repeat; } ul.product-details li a.tab4-active, ul.product-details li a.tab4:HOVER { width:116px; height:47px; background-image:url(images/tab-white.gif); background-repeat:no-repeat; text-decoration:none; } ul.product-details li a.tab4-active { width:116px; height:47px; cursor: default; } ul.product-options { display: block; margin: 0; padding: 0; list-style-type: none; width: 302px; font-size: 0.95em; /*padding-left:10px; padding-top:5px;*/ line-height:30px; /*background-image:url(images/links-box.png); background-repeat:no-repeat;*/ border:solid 1px #d2d2d2; margin-top:10px; min-height:36px; } ul.product-options li { display: block; float: left; margin: 0; padding: 0; list-style-type: none; padding-right: 10px; padding-left:10px; width:130px; } ul.product-options li a { color:#606062; text-decoration:none; } ul.product-options li a:hover { color:#606062; text-decoration:underline; } ul.product-options li.last { float: right; padding-right: 10px } a.speak-to-expert { display: block; background-image:url(images/expert-icon.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; } a.speak-to-expert:HOVER { text-decoration: underline; } a.print-page { display: block; background-image:url(images/printer.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; /*font-weight:bold; font-size:1.1em;*/ } a.print-page:HOVER { text-decoration: underline; } a.email-friend { display: block; background-image:url(images/envelope.png); background-repeat: no-repeat; background-position: left center; padding-left: 22px; /*font-weight:bold; font-size:1.1em;*/ } a.email-friend:HOVER { text-decoration: underline; } a.add-to-favs-large { text-align:center; display: inline; background-image:url(images/fav.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; } a.add-to-favs-large:HOVER { text-decoration: underline; } a.technical-sheet { display: block; background-image:url(images/pdf-icon.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; } a.technical-sheet:HOVER { text-decoration: underline; } /********** ALTERNATIVE PRODUCTS ****************/ ul.alternativeproducts { display: block; margin: 0; padding: 0; list-style-type: none; /*height: 170px;*/ width:950px; float:left; } ul.alternativeproducts li { display: block; float: left; margin: 0; padding: 0; list-style-type: none; width: 300px; min-height: 130px; margin-bottom:10px; margin-left:10px; } ul.alternativeproducts ul { display: block; margin: 0; padding: 0; list-style-type: none; } ul.alternativeproducts ul li { display: block; margin: 0; padding: 0; list-style-type: none; } ul.alternativeproducts ul li.photo { float: left; width: 110px; } ul.alternativeproducts ul li.details { float: left; text-align: left; width: 150px; } ul.alternativeproducts ul li.details h3 { font-size:0.9em; text-decoration:none; font-weight:normal; } ul.alternativeproducts ul li.details a { } ul.alternativeproducts ul li.details .price-container { font-size:0.9em; font-weight:bold; } ul.alternativeproducts ul li.details .price-container .price { color:#c10000; font-size:1.3em; } /********** END ALTERNATIVE PRODUCTS ************/ .alsointerested { border-left:solid 1px #d2d2d2; display:block; width:270px; float:right; } .also-interested-products-header { font-size:1.2em; margin-left:10px; font-weight:bold } ul.also-interested-products { display: block; margin: 0; padding: 0; list-style-type: none; /*height: 170px;*/ width:270px; float:right; } ul.also-interested-products li { display: block; float: left; margin: 0; padding: 0; list-style-type: none; width: 270px; min-height: 130px; margin-bottom:10px; margin-left:10px; } ul.also-interested-products ul { display: block; margin: 0; padding: 0; list-style-type: none; } ul.also-interested-products ul li { display: block; margin: 0; padding: 0; list-style-type: none; } ul.also-interested-products ul li.photo { float: left; width: 110px; } ul.also-interested-products ul li.details { float: left; text-align: left; width: 150px; } ul.also-interested-products ul li.details h3 { font-size:0.9em; text-decoration:none; font-weight:normal; } ul.also-interested-products ul li.details a { } ul.also-interested-products ul li.details .price-container { font-size:0.9em; font-weight:bold; } ul.also-interested-products ul li.details .price-container .price { color:#c10000; font-size:1.3em; } 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: 0; list-style-type: none; width: 350px; height: 130px; } ul.alternative-products li.right { display: block; float: left; margin: 0; padding: 0; list-style-type: none; width: 350px; 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: 170px; } ul.alternative-products ul li.details { float: left; text-align: right; width: 180px; } ul.alternative-products ul li.details h3 { height: 50px; color: #5F6062; font-weight: normal; text-decoration: none; } ul.alternative-products ul li.details h3 a:HOVER { text-decoration: none; } ul.alternative-products ul li.details .more-info { margin-left: 60px; } ul.alternative-products ul li.details .price-container .price { color: #5F6062; font-weight: normal; background-color:#ffffff; } .price-container { margin: 3px 0px; /*font-family: Verdana;*/ font-size: 1.2em; } .price-container .price { color: #00B3AD; background-color:#ffffff; } a.more-info { display: block; width: 120px; height: 27px; background-image:url(images/more-info.png); background-repeat: no-repeat; background-position: left center; } .price-container .amount { padding-left: 5px; color: #d30000; } .product-reviews-container { display: block; width: 100%; height: 85px; } .product-reviews-container-expand { display: block; width: 100%; height: 125px; } .product-reviews-container .icons, .product-reviews-container-expand .icons { margin: 5px 0px 10px 300px; } .product-reviews-container .icons-expand, .product-reviews-container-expand .icons-expand { margin: 5px 0px 10px 300px; } .sizeoptions { display: block; width: 100%; line-height:30px; } .product-selection-header { text-align: right; background-color: #f2f2f2; padding: 5px 10px; margin: 5px 0px; font-weight: bold; color: #333; line-height:20px; display:none; } .selection { margin: 20px; } .order-left { display: block; float: left; width: 0px; 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: left; } .buy .quantity { float: left; padding: 15px 20px 0px 0px; } .buy .add-to-basket { float: left; padding: 13px 10px 0px 0px; } a.add-to-basket { display: block; width: 110px; height: 27px; background-image:url(images/addtobasket.png); background-repeat: no-repeat; background-position: left top; } .header-line { display: none; height: 0px; width: 100%; border-top: 2px solid #6A6A6E; } .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:10px 0px 20px 0px; padding: 5px 10px; font-family: Arial; background-color: #ecf2f2; } .reviewer .title { color: #000; padding-right: 5px; } .reviewer .author { color: #c42b20; 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: 16px; height: 25px; cursor: pointer; background-position: -6px 0px; } a.star { display: block; float: left; background-image: url('images/stars3.gif'); background-position: -6px 25px; width: 16px; height: 25px; cursor: pointer; } a.star-over, .star-over { display: block; float: left; background-image: url('images/stars3.gif'); background-position: -6px 50px; width: 16px; height: 25px; cursor: pointer; } .star-blank, .star-over { cursor: default; } .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: none; /*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.9em; } .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-outer { clear:none; width:302px; float:left; display:block; margin-right:10px; } .product-left { display: block; float: left; width: 302px; margin-right: 10px; border:solid 1px #d2d2d2; } .product-right-large { display: block; float: left; /*text-align: right;*/ width: 378px; } .product-right-small { display: block; float: left; text-align: right; width: 340px; } .product-price-container { font-weight: bold; font-size: 1.4em; font-family: Arial,Arial; color: #000; } .product-price-container .productinfopricecell { height:42px; } .product-price-container .price { color: #c10000; font-size: 1.2em; font-weight: bold; background-color:#fff; clear:none; display:inline; height:42px; } .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.6em; text-align:left; border-top: solid 0px #999999; } /* set the height when there are no select options available */ .product-description-container-expand { display: block; width: 100%; line-height: 1.4em; } .product-description-container .srp, .product-description-container-expand .srp { font-size: 1.1em; padding-top: 3px; color: #5F6062; text-transform: uppercase; display:none; } .product-description-container .discount, .product-description-container-expand .discount { color: #00B3AD; margin-bottom: 10px; font-size: 1.1em; } .product-description-container .short-description, .product-description-container-expand .short-description { font-weight: normal; color: #000; margin-bottom:5px; font-family:Arial; font-size:0.85em; } .product-description-container .reference-code, .product-description-container-expand .reference-code { font-weight: bold; color: #000; margin-bottom:5px; font-family:Arial,Arial; line-height:25px; font-size:0.85em; } .product-description-container .reference-code .toneNo, .product-description-container-expand .reference-code .toneNo { font-weight: bold; color: #999999; margin-bottom:10px; font-family:Arial,Arial; font-size:1.7em; } .product-description-container .pack-size, .product-description-container .catalogue-page, .product-description-container-expand .pack-size { font-size: 0.8em; font-weight: normal; color: #5F6062; display:none; } .product-description-container .stock, .product-description-container-expand .stock { /*font-weight: bold; color: black;*/ margin-bottom: 10px; /*font-size: 1.1em;*/ } 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; } .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: #393A3E; font-size: 1.15em; text-decoration: none; font-weight:bold; font-family:Arial,Arial; } a.product-nav-name:HOVER { color: #393A3E; font-family:Arial,Arial; } /* --------------- Start: MAIN NAVIGATION --------------- */ .nav-inside { margin: 0 auto; width: 989px; } #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; width: 2px; height: 40px; } #nav li.home { width: 63px; padding: 0px 0px 0px 0px; } #nav li.one, #nav li.onesfhover { width: 178px; } #nav li.two, #nav li.twosfhover { width: 158px; } #nav li.three, #nav li.threesfhover { width: 148px; } #nav li.four, #nav li.foursfhover { width: 128px; } #nav li.five, #nav li.fivesfhover { width: 128px; } #nav li.six, #nav li.sixsfhover { width: 178px; } #nav li.seven, #nav li.sevensfhover { width: 173px; } #nav li a { height: 27px; display: block; background-position: left top; background-repeat: no-repeat; padding: 13px 0px 0px 30px; } #nav li a:HOVER, #nav li a.active { background-image: url(images/nav-back-on.png); 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: -65px; } #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: #ffb25a; margin-left: 65px; width: 178px; } #nav li.two .subnav .connector, #nav li.twosfhover .subnav .connector { display: block; height: 5px; overflow: hidden; background-color: #ffb25a; margin-left: 100px; width: 158px; } #nav li.three .subnav .connector, #nav li.threesfhover .subnav .connector { display: block; height: 5px; overflow: hidden; background-color: #ffb25a; margin-left: 100px; width: 148px; } #nav li.four .subnav .connector, #nav li.foursfhover .subnav .connector { display: block; height: 5px; overflow: hidden; background-color: #ffb25a; margin-left: 200px; width: 128px; } #nav li.five .subnav .connector, #nav li.fivesfhover .subnav .connector { display: block; height: 5px; overflow: hidden; background-color: #ffb25a; margin-left: 330px; width: 128px; } #nav li.six .subnav .connector, #nav li.sixsfhover .subnav .connector { display: block; height: 5px; overflow: hidden; background-color: #ffb25a; margin-left: 325px; width: 178px; } #nav li.seven .subnav .connector, #nav li.sevensfhover .subnav .connector { display: block; height: 5px; overflow: hidden; background-color: #ffb25a; margin-left: 459px; width: 173px; } #nav li .subnav .inside { position: absolute; display: block; background-color:#FAFAFA; border-top: 2px solid #FFB25A; border-bottom: 2px solid #FFB25A; border-left: 1px solid #c42b20; border-right: 1px solid #c42b20; 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; } #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; background-image:url(images/checkout-progress-line.png); background-repeat: no-repeat; background-position: center center; } .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: 200px; height: 26px; } .checkout-header-stage1-active { display: block; background-image:url(images/checkout-header-st1-active.png); background-repeat: no-repeat; background-position: center top; width: 200px; height: 26px; } .checkout-header-stage2 { display: block; background-image:url(images/checkout-header-st2.png); background-repeat: no-repeat; background-position: center top; width: 200px; height: 26px; } .checkout-header-stage2-active { display: block; background-image:url(images/checkout-header-st2-active.png); background-repeat: no-repeat; background-position: center top; width: 200px; height: 26px; } .checkout-header-stage3 { display: block; background-image:url(images/checkout-header-st3.png); background-repeat: no-repeat; background-position: center top; width: 200px; height: 26px; } .checkout-header-stage3-active { display: block; background-image:url(images/checkout-header-st3-active.png); background-repeat: no-repeat; background-position: center top; width: 200px; height: 26px; } .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; float: left; margin: 0; padding: 0; list-style-type: none; margin-right: 20px; } ul.checkout-options li a { text-decoration: underline; } 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: 259px; height: 55px; background-image:url(images/proceed-to-checkout.png); background-repeat: no-repeat; background-position: right top; margin-top: 8px; } a.review-order { display: block; width: 259px; height: 55px; background-image:url(images/review-order.png); background-repeat: no-repeat; background-position: right top; margin-top: 20px; } a.confirm-order { display: block; width: 259px; height: 55px; background-image:url(images/confirm-order.png); background-repeat: no-repeat; background-position: right top; margin-top: 8px; } a.big-button { display: block; width: 259px; height: 55px; 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; } .grand-total-title { font-size: 1.2em; font-weight: bold; } .grand-total { font-size: 1.2em; color: #000; 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.9em; } 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: 128px; height: 30px; background-image:url(images/add-to-basket-large.png); background-repeat: no-repeat; background-position: left top; } 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/nav-back.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: #c42b20; font-size:12px; font-weight:bolder; text-decoration:none; } a.myaccount:visited { color: #c42b20; font-size:12px; font-weight:bolder; text-decoration:none; } a.myaccount:hover { color: #c42b20; font-size:12px; font-weight:bolder; text-decoration:none; } h2.myaccount {font-size:1.15em; margin: 5px 0px 10px 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 MY ACCOUNT ***************/ /* Search Breakdown */ .breakdownTitle { border-top:solid 1px #E6E6E6; padding-top:5px; padding-left:18px; } .breakdownTitle1 { line-height:1px; border-top:solid 1px #E6E6E6; padding-top:8px; padding-left:0px; margin-top:25px; } .breakdownTitleNoLine { padding-top:5px; padding-left:18px; } .searchApply { float:right; padding-right:4px; clear: both;} .accSearch{ background-position:center bottom; background-repeat:no-repeat; margin-left:0px; padding-left:0px; width:213px; overflow:hidden;} .dvlefthandfloater{ position:absolute; width:0px; height:0px;} .dvlefthandfloaterinner{ position:relative; left:1002px; top:52px; width:135px; height:182px;} .NTHorizontalScroller1-Header{ background-image:url(images/carosel-title.gif); width:970px; height:32px; background-repeat:no-repeat; text-align:center; font-size:1.6em; padding-top:10px} .NTHorizontalScroller2-Header{ background-image:url(images/scroller2-header.png); width:970px; height:42px; background-repeat:no-repeat; text-align:center; font-size:1.6em;} .NTHorizontalScroller3-Header{ background-image:url(images/scroller3-header.png); width:970px; height:42px; background-repeat:no-repeat; text-align:center; font-size:1.6em;} /*.NTHorizontalScroller{ background-image:url(carousel/images/horizontal/carosel-background.png); width:970px; height:214px; position:relative; left:0px; background-repeat:no-repeat}*/ .NTHorizontalScroller{ border-left:solid 1px #cecece; border-right:solid 1px #cecece; border-bottom:solid 1px #cecece; width:968px; height:150px; position:relative; left:0px; background-repeat:no-repeat} .NTHorizontalScrollerInner{ margin-left:0px;} .search-watermark{ width:160px; font-size:1.3em; color:#949494} .postcode-watermark{ width:160px; color:#949494} .featuredProductHeader{background-image:url(images/featured-product.png); width:745px; height:33px; background-repeat:no-repeat; color:#fff; font-size:1.2em; font-weight:bold; padding-left:10px} .featuredprice{ font-size:1.2em; font-weight:bold} #dvPromotionText { font-size:0.8em; color:#000; font-weight:normal} .siteTopLinks{ width:100%; margin: 0 auto; background-color:#000; height:40px;} .siteTopLinks .siteTopContent { width:1002px; margin: 0 auto;} .siteTopLinks .siteTopContent .topLeft {/*background-image:url(images/top-links-left.png); background-repeat:no-repeat; width:14px; height:29px; clear:none; float:left*/} .siteTopLinks .siteTopContent .content {/*background-image:url(images/top-links-mid.png);*/ height:40px; clear:none; float:left; color:#fff; width:1002px;} .siteTopLinks .siteTopContent .content td {color:#fff; vertical-align: middle; height:40px;} .siteTopLinks .siteTopContent .content a{color:#fff} .siteTopLinks .siteTopContent .topRight {/*background-image:url(images/top-links-right.png); background-repeat:no-repeat; width:14px; height:29px; clear:none; float:left*/} .topsplitter{ background-image:url(images/top-divide.gif); display:inline-block; width:2px; background-repeat:no-repeat; margin-left:10px; margin-right:10px; } .topFlags{ margin-left:2px;} .welcomebackmessage { padding:10px; background-color:#EDEDED} .customerServiceInformationContent{ background-color:#DCDCDC; width:204px; padding-top:10px; padding-left:10px; padding-bottom:10px } .dvlistshortdescription{ color:#3c3c3c; margin-top:10px;} ul.product-list li ul.inherit li.inherit{ list-style-type: disc; margin:0px; padding:0px; elevation:0px; list-style-position:inside; } .dvlistshortdescription ul.noinherit { border:0px; min-height:0px; margin:0px; padding:0px; elevation:0px; } .dvlistshortdescription ul.noinherit li.noinherit{ border:0px; min-height:0px; width:350px; list-style-type:disc; text-indent:2px; list-style-position:inside; margin:0px; padding:0px; elevation:0px ;} hr.narrowby { display:none} .narrowbyscrollingbox {width:205px; padding:4px; height:140px; overflow:auto;} .narrowbybox {width:203px; padding:5px; overflow:auto;} .tab-container { border-left:solid 1px #d4d4d4; border-right:solid 1px #d4d4d4; border-bottom:solid 1px #d4d4d4; border-top:solid 1px #d4d4d4; padding:15px; } .alternateline { background-color:#efefef; } .homePageBanner { width:314px; height:168px; margin:5px; } .bluebox-header { background:url(images/homepage/box-header.gif) no-repeat 100% 0; margin:0 0 0 18px; height:27px; position:relative; } .bluebox-header div { height:27px; width:18px; position:relative; left:-18px; background:url(images/homepage/box-header.gif) no-repeat; } .bluebox-header span { position: absolute; left: -5px; top: 5px; width: 90%; color: #000; font-weight: bold; z-index: 5; } .homePageBox { width:314px; height:170px; margin:5px; } .homePageBox-Content { background:url(images/homepage/box-body.gif) no-repeat; background-position:center; } .homePageBox-Content-Blue { background:url(images/homepage/login-box-body.gif) no-repeat; background-position:center; } .HomePageViewProductsButton { width:150px; height:33px; background:url(images/homepage/start-purchasing.gif) no-repeat; background-position:center; } .HomePageLoginHereButton { width:116px; height:32px; background:url(images/homepage/login-here.gif) no-repeat; background-position:center; } .HomePagePostcodeLookupButton { width:40px; height:32px; background:url(images/homepage/go.gif) no-repeat; background-position:center; } .HomePagePostcodeSurround { background:url(images/homepage/search-box.gif) no-repeat; background-position:center; width:220px; height:32px; text-align:center; vertical-align:middle; line-height:35px; } .HomePagePostcodeGoButtonContainer { width:35px; height:35px; text-align:center; vertical-align:middle; line-height:35px; padding-left:5px; float:right; } .HomePageAlreadyRegisteredLink { /*font-weight:bold; font-size:0.85em; text-decoration:underline;*/ padding-top:5px; float:right; width:304px; } .homepageLoginBox-header { background:url(images/homepage/loginbox/login-head.png) no-repeat 100% 0; margin:0 0 0 18px; height:43px; position:relative; } .homepageLoginBox-header div { height:43px; width:18px; position:relative; left:-18px; background:url(images/homepage/loginbox/login-head.png) no-repeat; } .homepageLoginBox-header span { position: absolute; left: -5px; top: 7px; width: 90%; color: #fff; font-weight: bold; padding-top:6px; font-size:14px; z-index: 5; } .homepageLoginBox-Content { background:url(images/homepage/loginbox/login-box.png) no-repeat; background-position:center; width:429px; height:172; } .homepageLoginBox-TextBoxSurround { background:url(images/homepage/loginbox/login-title-box.png) no-repeat; background-position:center; width:282px; height:28px; text-align:center; vertical-align:middle; line-height:28px; } .homepageLoginBox-LogInButton { width:104px; height:30px; background:url(images/homepage/loginbox/login.png) no-repeat; background-position:center; } .homepageLoginBox-CancelButton { width:82px; height:30px; background:url(images/homepage/loginbox/cancel.png) no-repeat; background-position:center; } .loginBoxBackground { background-color:black; filter:alpha(opacity=50); opacity:0.5; } #top-nav-column-container #top-nav-column-div, #top-nav-column-container #top-nav-column-enddiv { border-right: 1px solid #DDDDDD; margin-bottom: 20px; margin-top: 10px; padding-left: 10px; padding-bottom: 90px; } #top-nav-column-container #top-nav-column-div h3, #top-nav-column-container #top-nav-column-enddiv h3 { margin-bottom: 10px; } #top-nav-column-container #top-nav-column-enddiv { border-right: none; } .forgotPasswordBox-Content { background:url(images/homepage/forgotPasswordBox/forgotten-password-box.png) no-repeat; background-position:center; width:429px; height:332; } .ErrorPageContainer { font-family: Arial; margin: 0 auto; width: 600px; background-color: #fff; padding: 20px; } /*Customisation style*/ a.customise-large { display: block; width: 137px; height: 28px; background-image:url(images/add-to-basket-large.png); background-repeat: no-repeat; background-position: left top; }