/* ------------------------------------------------------- Container elements ------------------------------------------------------- */ #pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:980px; font-size:1.1em;} .separator {clear:both;} #pageborder {position:relative; top:0px; left:0px; width:962px; background-color:#dfe6eb; padding:9px; margin-top:17px;} #pagebox {position:relative; top:0px; left:0px; width:946px; border:solid 1px #c3d1dc; background-color:#f6f9fa; padding:7px;} /* ------------------------------------------------------- top of page ------------------------------------------------------- */ #toppage {position:relative; top:0px; left:0px; height:137px; width:946px; margin-bottom:3px;} #headbox {position:absolute; top:0px; left:0px; width:946px; height:96px; background-image:url(../images/headback.jpg); background-position:left top; background-repeat:repeat-x;} #logo {position:absolute; top:31px; left:29px;} #tel {position:absolute; top:15px; left:792px;} /* ------------------------------------------------------- ToolBar ------------------------------------------------------- */ #toolbar {position:absolute; left:0px; top:103px; width:946px; height:34px; font-family:Arial, Verdana, Helvetica, sans-serif; background-color:#698a9f; font-size:1.2em;} #barpos {position:absolute; left:0px; top:0px;} #toolbar a {color:#ffffff; font-weight:bold;} .tool {float:left; padding-top:8px; padding-bottom:0px; padding-left:14px; padding-right:14px;} .toolselected {float:left; height:26px; padding-top:8px; padding-bottom:0px; padding-left:14px; padding-right:14px; margin-right:0px; background-color:#394f5e;} #toolbar .toolselected a {color:#ffffff;} #banner {position:relative; top:0px; left:0px; margin-bottom:7px;} /* ------------------------------------------------------- Page container elements ------------------------------------------------------- */ #innerbox {position:relative; top:0px; left:0px; width:946px; line-height:1.0em;} #leftcol {float:left; width:183px; margin:0px; border:0px; padding:0px; margin-top:30px;} #midcol {float:left; width:566px; margin:0px; border:0px; padding:7px; background-image:url(../images/midcol_back.jpg); background-position:left top; background-repeat:repeat-x; margin-right:10px;} #rightcol {float:left; width:172px; margin:0px; border:0px; padding:0px; margin-top:30px;} #whitebox {padding:19px 19px 19px 30px;} .separator {clear:both;} .promo {position:relative; top:0px; left:0px; margin-top:10px;} /* ------------------------------------------------------- breadcrumb and fontsize ------------------------------------------------------- */ #breadcrumb {position:relative; z-index:100; top:0px; left:0px; font-size:0.9em; width:500px; margin-top:4px; margin-bottom:20px; margin-left:0px; text-align:left; text-decoration:none; color:#6361ca; font-family: Arial, Helvetica, Verdana, sans-serif;} #breadtext {position:relative; top:0px; left:0px; padding-top:0px; width:500px; color:#cb0032;} #breadtext a {color:#cb0032; padding-right:0px; text-decoration:underline; padding:3px; font-weight:normal;} #breadtext a:hover {color:#cb0032; text-decoration:underline; padding:3px;} /* ------------------------------------------------------- page ------------------------------------------------------- */ #copybox {position:relative; top:0px; left:0px; width:536px; padding:15px; background-color:#f6f9fa; line-height:1.4em; margin-bottom:7px;} #copyboxleft {float:left; width:230px; margin-left:10px; margin-right:20px;} #copyboxright {float:left; width:230px; } /* ------------------------------------------------------- Level 2 naviagtion ------------------------------------------------------- */ #menutitle {position:relative; left:0px; top:0px; padding-left:18px; font-size:1.6em; color:#3f4950; padding-bottom:30px; width:260px; margin-top:30px;} #level2 {position:relative; left:10px; top:0px; margin-bottom:60px; width:286px; padding:0px;} #level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #level2 li {display:block; width:260px;} #level2 a {color:#4c575e; display:block; padding-top:8px; padding-bottom:8px; padding-left:8px; text-decoration:none; margin:0px; width:260px; font-weight:normal; border-bottom:solid 1px #d6d5d5;} #level2 a:hover {color:#4c575e; text-decoration:underline; width:260px;} #menu2 {} #menu2 a {color:#ffffff; padding-left:8px; padding-top:8px; padding-bottom:8px; margin:0px; width:260px; font-weight:normal; background-color:#cb0d41;} #menu2 a:hover {color:#ffffff; text-decoration:underline; width:260px;} /* ------------------------------------------------------- Level 3 naviagtion ------------------------------------------------------- */ #level3 {position:relative; left:0px; top:0px; width:240px; margin-top:5px; margin-bottom:10px;} #level3 ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #level3 li {display:block; width:210px; background-image:none;} #level3 a {color:#4c575e; display:block; padding-top:5px; padding-bottom:5px; padding-left:40px; text-decoration:none; margin:0px; width:210px; background-image:none; border-bottom:none;} #level3 a:hover {color:#4c575e; text-decoration:underline; background-image:none;} #menu3 {} #menu3 a {color:#b72222; padding-left:40px; padding-top:5px; padding-bottom:5px; margin:0px; width:210px; background-image:none;} #menu3 a:hover {color:#b72222; text-decoration:underline; background-image:none;} /* ------------------------------------------------------- Related ------------------------------------------------------- */ #linkstitle {position:relative; left:19px; top:0px; padding-left:20px; font-size:1.6em; color:#4c575e; padding-bottom:30px; border-bottom:solid 1px #d3d8d9; width:260px; margin-top:30px;} #related {position:relative; left:19px; top:0px; margin-bottom:60px; width:286px; padding:0px; margin-top:20px;} #related ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #related li {display:block; width:260px; list-style:none;} #related li a {color:#4c575e; display:block; padding-top:4px; padding-bottom:12px; padding-left:20px; text-decoration:none; margin:0px; width:260px; font-weight:normal; background-image:url(../images/import.gif); background-position:left top; background-repeat:no-repeat;} #related li a:hover {color:#4c575e; text-decoration:underline; width:260px;} #related li.nonorder {border-top:solid 0px #bbc2c4;} /* ------------------------------------------------------- news ------------------------------------------------------- */ #news {position:relative; top:0px; left:0px; color:#9c9c9c; margin-top:30px; width:145px; padding-left:11px;} .newsdiv {width:145px; height:19px; border-top:solid 1px #e8e8e8; margin-top:15px;} .newsitem {margin-bottom:20px; border-bottom:solid 1px #d6d5d5; padding-bottom:10px;} .newsdate {position:relative; top:0px; left:0px; width:120px; color:#323232;} .newscontent {position:relative; top:0px; left:0px;} .newstitle {font-size:1.4em; margin-bottom:5px;} .newstitle a {text-decoration:none; color:#323232;} .newstitle a:hover {text-decoration:underline;} .newslink {text-align:left; margin-top:10px;} .newslink a {text-decoration:none; color:#ca0c1e;} .newslink a:hover {text-decoration:underline;} .link {padding-right:19px; padding-bottom:3px; text-decoration:none; background-image:url(../images/link_icon.gif); background-position:right top; background-repeat:no-repeat;} .linkgrey {padding-right:19px; padding-bottom:3px; text-decoration:underline; background-image:url(../images/link_icon.gif); background-position:right top; background-repeat:no-repeat;} /* ------------------------------------------------------- footer ------------------------------------------------------- */ #footertext {clear:both; position:relative; left:0px; top:0px; height:80px; width:980px; font-size:1.0em; margin-top:10px; font-family: Arial, Helvetica, Verdana, sans-serif;} #copyright {position:relative; left:10px; top:0px; color:#698a9f; width:800px;} #footlinks {position:absolute; left:580px; top:0px; color:#698a9f; width:380px; text-align:right;} #footlinks a {color:#698a9f; text-decoration:none; font-weight:normal;} #footlinks a:hover {color:#698a9f; text-decoration:underline;} #hbr {position:absolute; left:918px; top:23px;} /* ------------------------------------------------------- site map ------------------------------------------------------- */ #sitemap {} #sitemap li {list-style-type:none;} ul#sitemap > li {margin-bottom:10px;} #sitemap ul li {list-style-image:url(../images/l2_normal.gif);} #sitemap ul ul li {list-style-image:url(../images/l3_normal.gif);} #sitemap ul li.firstfollow {list-style-image:url(../images/l2_first_follow.gif);} #sitemap ul li.last {list-style-image:url(../images/l2_last_item.gif);} #sitemap ul ul li.firstfollow {list-style-image:url(../images/l3_first_follow.gif);} #sitemap ul ul li.last {list-style-image:url(../images/l3_last_item.gif);} #sitemap ul ul li.last2 {list-style-image:url(../images/l3_last_item2.gif);} #checkboxes {} #checkboxes input {background-color:Transparent; border:none; margin:0px; padding:0px;} #checkboxes label {font-weight:normal;} /* ------------------------------------------------------- image caption ------------------------------------------------------- */ .captionbox {float:left; position:relative; top:0px; left:0px;} .captionimage {position:relative; top:0px; left:0px; margin-right:10px;} .captioncopy {position:relative; top:0px; left:0px; margin-bottom:10px; font-size:0.9em; font-weight:bold; width:100%;} .captionbox2 {float:right; position:relative; top:0px; left:0px;} .captionimage2 {position:relative; top:0px; left:0px; margin-left:10px;} .captioncopy2 {position:relative; top:0px; left:0px; margin-left:10px; margin-bottom:10px; font-size:0.9em; font-weight:bold; width:100%;} /* ------------------------------------------------------- search results ------------------------------------------------------- */ .searchitem {position:relative; top:0px; left:0px; margin-top:10px; margin-bottom:10px;} .searchitem a {font-size:1.4em;} /* ------------------------------------------------------- Data list ------------------------------------------------------- */ #datalist {margin-top:20px; margin-bottom:20px;} #datalist ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #datalist li {display:block; width:490px; list-style:none;} #datalist li a {color:#4c575e; display:block; padding-top:2px; padding-bottom:12px; padding-left:25px; text-decoration:none; margin:0px; width:465px; font-weight:normal; background-image:url(../images/chart.gif); background-position:left top; background-repeat:no-repeat;} #datalist li a:hover {color:#4c575e; text-decoration:underline; width:465px;} #datalist li.nonorder {border-top:solid 0px #bbc2c4;} /* ------------------------------------------------------- left hand column ------------------------------------------------------- */ #searchbox {position:relative; top:0px; left:0px; width:170px; padding-bottom:15px; border-bottom:solid 1px #c3d1dc;} .inputfield {position:relative; top:0px; left:5px;} #searchbutton {position:absolute; top:47px; left:135px;} #searchbutton input {width:31px; height:19px; padding-left:0px;} #cats {position:relative; top:0px; left:0px; margin-top:20px;} .menulinktitle {position:relative; top:0px; left:0px; width:176px; height:20px; padding-left:7px; font-size:1.2em; font-family: Arial, Helvetica, Verdana, sans-serif;} .menulink {position:relative; top:0px; left:0px; width:166px; height:20px; padding-left:18px; padding-top:5px;} .menulink a {color:#595959;} .menulink a:hover {color:#595959;} .menulinkselected {position:relative; top:0px; left:0px; width:166px; height:20px; padding-left:18px; padding-top:5px;} .menulinkselected a {color:#595959; font-weight:bold;} .menulinkselected a:hover {color:#595959; font-weight:bold;} /* ------------------------------------------------------- record paging ------------------------------------------------------- */ .searchnav {position:relative; top:0px; left:0px; width:536px; height:20px; margin-top:20px; border-top:solid 1px #c3d1dc;} .recordtext {position:absolute; left:0px; top:7px;} .pagingnav {position:absolute; top:7px; left:266px; width:250px; color:#c3d1dc;} .pagingnav ul{position:relative; top:0px; left:0px; margin:0px; padding:0px; list-style-image:none; list-style-type:none; text-indent:0px; text-align:right;} .pagingnav li{display:inline;} .pagingnav li a {color:#42515b; font-weight:normal; padding:0px; margin-right:5px;} .pagingnav li a:hover {text-decoration:underline;} * html #pagingnav ul {margin-left:-10px; padding-left:10px;} .pagingon {color:#42515b; padding:0px; margin-right:5px; font-weight:bold;} #copybox2 {position:relative; top:0px; left:0px; width:536px; padding:5px 15px 15px 15px; background-color:#f6f9fa; line-height:1.4em; margin-top:7px;} /* ------------------------------------------------------- promos ------------------------------------------------------- */ #productpromobox {position:relative; top:0px; left:0px; width:566px;} .prodpromo {float:left; position:relative; top:0px; left:0px; width:270px; height:220px; margin-right:2px; margin-bottom:2px; padding:5px; border:solid 1px #c3d1dc; background-color:#dfe6eb;} .prodpromor {float:left; position:relative; top:0px; left:0px; width:270px; height:220px; margin-right:0px; margin-bottom:2px; padding:5px; border:solid 1px #c3d1dc; background-color:#dfe6eb;} .prodbox {position:relative; top:0px; left:0px; background-color:#ffffff; padding:10px; height:200px; color:#000000;} .prodpromoimage {position:absolute; top:40px; left:45px;} .prodpromotext {position:relative; top:0px; left:0px; text-align:left; margin-bottom:10px;} .prodpromotext a {color:#394f5e; font-weight:bold; font-size:1.2em;} .promoprice {position:absolute; top:180px; left:10px; width:170px; height:25px; font-weight:bold; font-size:1.4em;} .sale {color:#dc4601;} .promoinfobut {position:absolute; top:180px; left:199px; width:54px; height:19px;} .promomodel {position:absolute; top:200px; left:10px;} .promotext {position:absolute; top:130px; left:10px; width:250px;} .prodcat {float:left; position:relative; top:0px; left:0px; height:16px; margin-right:30px; margin-bottom:2px;} .prodcat a {color:#595959;} /* ------------------------------------------------------- right hand column ------------------------------------------------------- */ #basket {position:relative; top:0px; left:0px; padding-bottom:20px; border-bottom:solid 1px #c3d1dc;} #baskettitle {margin-bottom:10px;} #baskettitle a {font-weight:bold; color:#42515b; margin-bottom:5px; font-size:1.2em; font-family: Arial, Helvetica, Verdana, sans-serif;} #basketinfo {position:relative; top:0px; left:0px; color:#698a9f; margin-bottom:10px;} #basketlink {position:relative; top:0px; left:0px;} #basketlink a {color:#698a9f; text-decoration:underline;} #updated {position:relative; top:0px; left:0px; margin-top:20px; color:#42515b;} .indenttext {position:relative; top:0px; left:0px; margin-bottom:5px;} /* ------------------------------------------------------- product detail ------------------------------------------------------- */ #prodmid h1 {font-size:1.8em;} #ProductTitle {position:relative; left:0px; top:0px; margin-bottom:10px;} #producttop {position:relative; left:0px; top:0px; height:310px; width:320px;} #proprice {position:relative; left:0px; top:60px; font-weight:bold; font-size:1.4em;} #productimagebox {position:absolute; left:1px; top:1px; width:320px; height:240px; background-color:#ffffff; border:1px solid #c3d1dc;} #greyproductbox {position:absolute; left:340px; top:1px; width:171px; height:213px; padding:9px;} #greyproductbox label {color:#848484; margin-left:4px;} #greyproductbox select {margin-bottom:4px;} #gallerycontrols {position:absolute; left:0px; top:250px; width:320px; height:26px;} .paginator-2 {margin:0px 0px 0 0px; padding:0; float:left; display:inline; overflow:hidden;} .paginator-2 li {float:left; display:inline; padding:0px 2px 7px 0px;} .paginator-2 li a {border:1px solid #c3d1dc; width:60px; height:40px; text-decoration:none; display:block; color:#ffffff; font-weight:bold; text-align:center;} .paginator-2 li a.active, .paginator-2 li.active a {border:1px solid #c3d1dc;} .mask {position:relative; width:320px; height:240px; overflow:hidden; clear:both; margin:0px; padding:0px;} #gallery {margin:0; padding:0; position:absolute; left:340px; top:0px; width:30000px;} #gallery li {width:321px; height:240px; float:left; list-style:none; padding:0px; margin:0px; position: relative;} #gallery li img {float:left;} #btn-prev-index, #btn-next-index { float: left; background: url(../images/brn-prev.gif) no-repeat; width: 35px; height: 33px; text-indent: -9999px; overflow: hidden; margin: 5px 0 0 16px; display: inline; } #btn-next-index { background: url(../images/brn-next.gif) no-repeat; float: right; margin: 5px 12px 0 0; } .button-bg-left, .button-bg-right { float: left; width: 60px; height: 40px; background-color: #fff; margin: -44px 0 0 7px; position: relative; } .button-bg-right { float: right; margin-right: 7px; } /* ------------------------------------------------------- product page main ------------------------------------------------------- */ #productmain {position:relative; left:0px; top:0px; width:552px;} #productmainbox {position:relative; left:0px; top:0px; } #productleft {float:left; width:362px;} #productdesc {padding-left:0px; padding-right:13px; margin-bottom:35px; margin-top:13px;} #productright {float:left; width:144px; padding:13px 13px 13px 33px;} #buttons {width:160px; height:43px;} #propdrop {position:absolute; left:8px; top:120px;} #buy {position:absolute; left:8px; top:170px;} #stockav {position:absolute; left:8px; top:204px;} #sale {float:left;} #relatedbox {position:relative; left:0px; top:0px; margin-top:0px;} #relatedtitle {position:relative; left:10px; top:0px; height:35px; padding-top:10px; background-image:url(../images/related_back.gif); background-position:left top; background-repeat:no-repeat;} #basketadd {position:relative; left:0px; top:0px; background-color:#d10505; border:solid 1px #d10505; margin-top:7px; padding:7px;} #basketadd a {color:#ffffff; font-size:1.2em;} /* ------------------------------------------------------- basket ------------------------------------------------------- */ .basketitem {width:536px;} .items {width:316px;} .items a {color:#848484;} .quant {width:80px;} .price {text-align:right; width:80px;} .remove {text-align:right; width:60px;} .baskettotal {height:20px;} #basketbuttons {position:relative; top:0px; left:0px; margin-top:9px;} #update {position:relative; top:0px; left:0px; } #proceed {position:absolute; top:0px; left:270px; } /* ------------------------------------------------------- signin ------------------------------------------------------- */ #signintitle {position:relative; top:0px; left:0px; height:40px; width:536px;} #signinbox {position:relative; top:0px; left:0px; height:30px; width:536px; height:190px;} #existing {position:relative; top:0px; left:0px;} #newcustomer {position:absolute; top:0px; left:270px; width:265px;} /* ------------------------------------------------------- create account ------------------------------------------------------- */ .formbox {position:relative; left:0px; top:0px; width:544px;} .formbox label {padding-left:0px;} .formelement {position:relative; left:0px; top:0px; margin-top:5px;} .formleft {float:left; position:relative; left:0px; top:0px; width:253px;} .formright {float:left; position:relative; left:0px; top:0px; width:253px; margin-left:30px;} #addressblock {position:relative; left:0px; top:0px; width:527px; margin-left:5px;} .addressbook {float:left; width:170px; margin-top:10px;} #paymentlogos img {position:relative; top:0px; left:0px; margin-right:4px;} #checkboxes {} #checkboxes input {background-color:Transparent; border:none; margin:0px; padding:0px;} #checkboxes label {font-weight:normal;} .warning {background-color:#fdf8f8; color:#ab3434; border:solid 1px #e19a9a; width:400px; padding:10px; margin-bottom:10px; padding-left:40px; background-image:url(../cmsimages/warning_icon.gif); background-position:left top; background-repeat:no-repeat;} .saved {background-color:#effde1; color:#68aa22; border:solid 1px #aae36e; width:400px; padding:10px; margin-bottom:10px; padding-left:40px; background-image:url(../cmsimages/saved_icon.gif); background-position:left top; background-repeat:no-repeat;}