/* ------------------------------------------------------- Container elements ------------------------------------------------------- */ #pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:974px; font-size:1.2em;} #whitecontainer{position:relative; width:958px; padding:0px 8px 8px 8px; background-color:#ffffff;} .separator {clear:both;} /* ------------------------------------------------------- Page header element ------------------------------------------------------- */ #toppage {position:relative; top:0px; left:0px; height:146px; width:958px;} #blackbar {position:absolute; top:0px; left:0px; height:87px; width:958px;} #logo {position:absolute; top:0px; left:0px;} #tel {position:absolute; top:0px; left:195px;} #bookmark {position:absolute; top:0px; left:710px; width:228px; height:23px; background-image:url(../images/bookmark_back.jpg); background-position:left top; background-repeat:no-repeat; padding-top:10px; padding-left:10px;} #bookmark a {color:#ffffff; background-image:url(../images/bookmark_icon.gif); background-position:left top; background-repeat:no-repeat; padding-left:9px;} #bluebar {position:absolute; top:88px; left:0px; width:958px; height:29px; background-color:#f1f1f0;} #innerblue {position:relative; top:0px; left:13px; width:945px; font-size:0.8em;} #innerblue a {color:#80807f; font-weight:normal;} #innerblue a:hover {font-weight:bold; text-decoration:none;} #innerblue .toolselected a {color:#6e7071; font-weight:bold;} .tool {float:left; height:29px; padding-top:8px; padding-bottom:0px; padding-left:0px; padding-right:0px; margin-right:0px;} .toolselected {float:left; height:29px; padding-top:8px; padding-bottom:0px; padding-left:0px; padding-right:0px; margin-right:0px;} #login {position:absolute; top:62px; left:730px; color:#ffffff;} #helpme {position:absolute; top:65px; left:338px; width:610px; text-align:right; font-weight:bold;} #searchbox {position:absolute; top:30px; left:309px;} #searchbox input {margin-top:8px;} #myaccount {position:absolute; top:38px; left:570px;} #basket {position:absolute; top:30px; left:771px; width:177px; text-align:right; font-size:0.9em;} #basketlogo {position:absolute; top:-3px; left:50px; width:20px; height:20px; background-image:url(../images/shopping_bag_link.gif); background-position:left top; background-repeat:no-repeat;} .baglink { padding-left:18px;} #breadcrumb {position:absolute; top:125px; left:12px; width:900px; font-size:0.9em;} #breadtext {position:absolute; top:125px; left:10px; width:900px; color:#444444; font-size:0.9em;} #breadtext a {color:#6e7071; padding-right:0px; text-decoration:none; padding:3px; font-weight:normal;} #breadtext a:hover {color:#6e7071; text-decoration:underline; padding:3px;} #share {position:absolute; top:125px; left:803px; width:150px; height:20px;} /* ------------------------------------------------------- footer ------------------------------------------------------- */ #footerbox {clear:both; position:relative; left:0px; top:0px; width:958px; margin-top:0px; margin-bottom:10px;} #eservelogo {position:absolute; left:800px; top:15px;} #updated {position:relative; top:0px; left:0px; background-color:#6e7071; width:958px; height:31px; color:#ffffff;} .updtext {float:left; font-weight:normal; padding-left:10px; padding-top:8px; font-size:0.9em;} #updform {float:left; position:relative; top:0px; left:0px; padding-left:10px;} #updforminput {position:relative; left:0px; top:5px;} #updformbutton {position:absolute; left:221px; top:6px;} #updated input.siteinput {color:#80807f; padding:0px; border:0px; background-color:#ffffff; font-size:0.9em; padding-left:3px; padding-top:3px; height:19px; font-family: Verdana, Arial, Helvetica, sans-serif;} #updated input.sitebutton {margin-top:4px;} #footerlinks {position:relative; width:958px; left:0px; top:0px; line-height:1.4em; background-color:#f9f8f7; padding-top:10px; padding-bottom:15px; font-size:0.9em;} #footerlinks a {color:#848484;} #wouldliketo {position:relative; float:left; left:0px; top:0px; background-color:#f9f8f7; width:134px; padding:10px;} #services {position:relative; float:left; left:0px; top:0px; background-color:#f9f8f7; width:804px;} #services1 {position:relative; float:left; left:0px; top:0px; margin-left:10px; margin-top:10px; margin-bottom:10px; width:150px;} #services2 {position:relative; float:left; left:0px; top:0px; margin-top:10px; margin-bottom:10px; width:150px;} #copyright {position:absolute; left:188px; top:0px; color:#ffffff; width:560px; padding-top:25px; line-height:1.4em; font-size:0.9em;} #copyright a {color:#97acbd; text-decoration:none; } #copyright a:hover {color:#97acbd; text-decoration:underline;} #footerbottom {position:relative; top:0px; left:16px; font-size:0.9em;} /* ------------------------------------------------------- Page container elements ------------------------------------------------------- */ #innerbox {position:relative; top:0px; left:0px; width:958px; padding-bottom:9px; background-image:url(../images/page_gradient.jpg); background-repeat:repeat-x; background-position:left top; background-color:#e9e6e1;} #overlay {position:relative; top:0px; left:0px; width:958px; background-image:url(../images/page_overlay.gif); background-repeat:repeat-y; background-position:left top;} #menucol {float:left; width:184px; margin:0px 0px 50px 0px;} #contentcol {float:left; width:760px; padding: 4px 4px 2px 2px;} .separator {clear:both;} #pagetop {position:absolute; top:0px; left:182px; width:768px; height:37px; background-image:url(../images/page_top.gif); background-repeat:no-repeat; background-position:left top;} #pagetopspace {position:relative; top:0px; left:0px; width:760px; height:28px;} #pagetopspace2 {position:relative; top:0px; left:0px; width:760px; height:12px;} /* ------------------------------------------------------- Product detail ------------------------------------------------------- */ #overlay2 {position:relative; top:0px; left:0px; width:958px; background-image:url(../images/page_overlay2.gif); background-repeat:repeat-y; background-position:left top;} #pagetop2 {position:absolute; top:0px; left:8px; width:943px; height:32px; background-image:url(../images/page_top2.gif); background-repeat:no-repeat; background-position:left top;} /* ------------------------------------------------------- left column ------------------------------------------------------- */ #shopby {position:relative; top:0px; left:0px; padding:10px; margin-bottom:2px;} #shopby input {margin-top:8px;} #shopby select {margin-top:8px;} #menulevel2 {position:relative; top:0px; left:0px; margin-bottom:2px;} #links {position:relative; top:0px; left:0px; margin-bottom:2px;} .menulinktitle {position:relative; top:0px; left:0px; width:174px; height:23px; margin-bottom:1px; padding-left:10px; padding-top:8px;} .menulink {position:relative; top:0px; left:0px; width:166px; height:23px; margin-bottom:1px; padding-left:10px; padding-top:5px;} .menulink a {color:#80807f; font-weight:normal; font-size:0.9em;} .menulink a:hover {color:#80807f;} .menulinksale {position:relative; top:0px; left:0px; width:166px; height:23px; margin-bottom:1px; padding-left:10px; padding-top:5px;} .menulinksale a {color:#f76594; font-weight:bold;} .menulinksale a:hover {padding-left:0px; color:#f76594;} .menulinkselected {position:relative; top:0px; left:0px; width:166px; height:23px; background-color:#e2d8b4; margin-bottom:1px; padding-left:18px; padding-top:5px; background-image:url(../images/menulink.gif); background-repeat:no-repeat; background-position:left top;} .menulinkselected a {color:#80807f; font-weight:bold;} .menulinkselected a:hover {color:#80807f;} .menublock {position:relative; top:0px; left:0px; width:182px; margin-bottom:1px; padding-bottom:4px;} .menublockselected {position:relative; top:0px; left:0px; width:166px; height:21px; margin-bottom:0px; padding-left:10px; padding-top:5px;} .menublockselected a {color:#6e7071; font-weight:bold; font-size:0.9em;} .menublockselected a:hover {color:#6e7071;} .menublocklink {position:relative; top:0px; left:0px; width:160px; height:21px; margin-bottom:0px; padding-left:22px;} .menublocklink a {color:#80807f; font-weight:normal; font-size:0.9em;} .menublocklink a:hover {color:#80807f;} .menublocklinksel {position:relative; top:0px; left:0px; width:160px; height:21px; margin-bottom:0px; padding-left:22px;} .menublocklinksel a {color:#6e7071; font-weight:bold; font-size:0.9em;} .menublocklinksel a:hover {color:#6e7071;} /* ------------------------------------------------------- page ------------------------------------------------------- */ #pagetitlebox {position:relative; top:0px; left:0px; width:560px; height:32px; margin-left:27px; padding-top:13px;} #banner {position:relative; top:0px; left:0px; width:715px; margin-bottom:2px; border:solid 1px #e7e4df;} #bannerstandard {position:relative; top:0px; left:0px; width:715px; height:195px; margin-bottom:15px; padding-left:17px;} #promobox {position:relative; top:0px; left:0px; width:584px; height:116px; margin-bottom:2px;} #promo1 {position:absolute; top:0px; left:0px; width:250px; height:176px; border:solid 1px #e7e4df;} #promo2 {position:absolute; top:0px; left:254px; width:250px; height:176px; border:solid 1px #e7e4df;} #promo3 {position:absolute; top:0px; left:508px; width:250px; height:176px; border:solid 1px #e7e4df;} #advert {position:relative; top:0px; left:0px; width:758px; height:92px; border:solid 1px #e7e4df;} #internalcopy {position:relative; top:0px; left:0px; width:534px; padding-top:15px; padding-bottom:20px; padding-left:9px; padding-right:9px; background-color:#ffffff;} #copybox {position:relative; top:0px; left:0px; width:700px; padding-top:0px; padding-bottom:25px; padding-left:27px; font-size:0.9em;} #copyboxleft {float:left; width:344px; margin-left:0px; margin-right:12px;} #copyboxright {float:left; width:344px;} #copyboxsingle {float:left; width:700px;} .greenbold {color:#97acbd; font-weight:bold;} .greybold {color:#6d6e70; font-weight:bold;} /* ------------------------------------------------------- Level 2 naviagtion ------------------------------------------------------- */ #level2 {position:relative; left:15px; top:0px; width:148px; margin-bottom:5px;} #level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #level2 li {display:block; width:148px; background-image:url(../images/level2_menu_off.gif); background-position:left top; background-repeat:no-repeat;} #level2 a {color:#97acbd; display:block; padding-top:0px; padding-bottom:0px; padding-left:8px; text-decoration:none; margin:0px; width:140px; font-weight:bold; background-image:none;} #level2 a:hover {color:#97acbd; text-decoration:underline; background-image:url(../images/level2_menu_off.gif); background-position:left top; background-repeat:no-repeat;} #menu2 {} #menu2 a {color:#ffffff; padding-left:8px; padding-top:0px; padding-bottom:0px; margin:0px; width:140px; font-weight:bold; background-image:url(../images/level2_menu_on.gif); background-position:left top; background-repeat:no-repeat;} #menu2 a:hover {color:#ffffff; text-decoration:underline; background-image:url(../images/level2_menu_on.gif); background-position:left top; background-repeat:no-repeat;} /* ------------------------------------------------------- record paging ------------------------------------------------------- */ #searchnav {position:relative; top:0px; left:0px; width:646px; margin-left:46px; height:25px; font-weight:normal; font-size:0.9em;} #tradecats {position:absolute; left:11px; top:0px;} #recordtext {position:absolute; left:11px; top:0px;} #sortby {position:absolute; left:150px; top:0px;} #recordtext2 {position:absolute; left:310px; top:2px;} #querybox {position:absolute; left:11px; top:26px;} #pagingnav {position:absolute; top:0px; left:326px; width:330px; color:#80807f;} #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:#80807f; padding:0px; margin-right:5px;} #pagingnav li a:hover {text-decoration:underline;} #pagingnav2 {position:relative; top:0px; left:373px; width:330px; height:20px; color:#80807f; font-size:0.9em;} #pagingnav2 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;} #pagingnav2 li{display:inline;} #pagingnav2 li a {color:#80807f; padding:0px; margin-right:5px;} #pagingnav2 li a:hover {text-decoration:underline;} * html #pagingnav ul {margin-left:-10px; padding-left:10px;} .pagingon {color:#80807f; padding:0px; margin-right:5px; font-weight:bold;} /* ------------------------------------------------------- shop front ------------------------------------------------------- */ #productpromobox {position:relative; top:0px; left:0px; width:646px; margin-left:57px; margin-bottom:41px;} .prodpromo {float:left; position:relative; top:0px; left:0px; width:154px; height:267px; margin-right:10px; padding:0px;} .prodpromor {float:left; position:relative; top:0px; left:0px; width:154px; height:267px; margin-right:0px; padding:0px;} .prodpromoimage {position:relative; top:0px; left:0px; width:152px; height:219px; border:solid 1px #dfe3e4;} .promoicon {position:absolute; top:163px; left:93px; width:54px; height:54px; z-index:99;} .prodpromotext {position:absolute; top:222px; left:0px; width:152px; height:15px; text-align:center; font-weight:normal; font-size:0.9em;} .prodpromotext a {color:#848484;} .promoprice {position:relative; top:0px; left:0px; width:152px; height:15px; text-align:center; font-weight:normal; font-size:0.9em;} .sale {color:#f76594;} .promoofferdesc {position:absolute; top:252px; left:0px; width:186px; color:#f18200;} .promoinfobut {position:absolute; top:273px; left:0px; width:99px; height:20px; padding-top:2px; background-image:url(../images/buttonback.gif); background-position:left top; background-repeat:no-repeat;} .promoinfobut a {padding:0px 0px 0px 27px; color:#ffffff; font-weight:bold;} .promosale {position:relative; top:0px; left:0px; width:54px; height:54px; background-image:url(../images/promoicon_sale.png); background-position:left top; background-repeat:no-repeat;} .promonew {position:relative; top:0px; left:0px; width:54px; height:54px; background-image:url(../images/promoicon_new.png); background-position:left top; background-repeat:no-repeat;} .promooffer {position:relative; top:0px; left:0px; width:54px; height:54px; background-image:url(../images/promoicon_offer.png); background-position:left top; background-repeat:no-repeat;} .promocall {position:relative; top:0px; left:0px; width:54px; height:54px; background-image:url(../images/promoicon_call.png); background-position:left top; background-repeat:no-repeat;} .promosoon {position:relative; top:0px; left:0px; width:54px; height:54px; background-image:url(../images/promoicon_soon.png); background-position:left top; background-repeat:no-repeat;} * html .promosale {position:relative; top:0px; left:0px; width:54px; height:54px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/promoicon_sale.png', sizing Method='scale');} * html .promonew {position:relative; top:0px; left:0px; width:54px; height:54px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/promoicon_new.png', sizing Method='scale');} * html .promooffer {position:relative; top:0px; left:0px; width:54px; height:54px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/promoicon_offer.png', sizing Method='scale');} * html .promocall {position:relative; top:0px; left:0px; width:54px; height:54px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/promoicon_call.png', sizing Method='scale');} * html .promosoon {position:relative; top:0px; left:0px; width:54px; height:54px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/promoicon_soon.png', sizing Method='scale');} /* ------------------------------------------------------- shop category page ------------------------------------------------------- */ #productcatsbox2 {position:relative; top:0px; left:0px; width:646px; margin-left:57px;} .prodcat {float:left; position:relative; top:0px; left:0px; width:154px; height:257px; padding:0px; margin-right:10px;} .prodcatright {float:left; position:relative; top:0px; left:0px; width:154px; height:257px; padding:0px; margin-right:0px;} .catphoto {position:relative; top:0px; left:0px; width:152px; height:219px; border:solid 1px #dcdcdc;} .shopsub {position:absolute; top:222px; left:0px; width:152px; text-align:center; margin-top:3px; font-size:0.9em; color:#848484;} .shopsub a {color:#848484;} /* ------------------------------------------------------- related products ------------------------------------------------------- */ #relatedtop {position:relative; top:0px; left:0px; width:161px; height:15px;} .relatedbox {position:relative; top:0px; left:0px; width:161px; margin-left:25px;} .relatedl {float:left; position:relative; top:0px; left:0px; width:73px; height:132px; padding:0px; margin-right:15px;} .relatedr {float:left; position:relative; top:0px; left:0px; width:73px; height:132px; padding:0px; margin-right:0px;} .relatedimage {position:relative; top:0px; left:0px; width:71px; height:102px; border:solid 1px #dcdcdc;} .relatedprice {position:absolute; top:109px; left:0px; width:73px; height:15px; text-align:center; font-weight:normal; font-size:0.9em;} .relatedtitle {position:relative; top:0px; left:0px; font-weight:bold; margin-left:25px; margin-bottom:10px;} /* ------------------------------------------------------- shop subcat page ------------------------------------------------------- */ #prices {position:relative; top:0px; left:0px; width:163px; font-weight:bold; margin-bottom:30px;} #prices ul {background-color:transparent; margin:0px; padding:0px; border:0px;} #prices li {display:block; width:163px; background-image:url(../images/menu_off.gif); background-position:left top; background-repeat:no-repeat;} #prices a {color:#97acbd; display:block; padding-top:6px; padding-bottom:6px; padding-left:8px; text-decoration:none; margin:0px; width:155px; font-weight:bold;} #prices a:hover {color:#97acbd; text-decoration:underline; background-image:url(../images/menu_off.gif); background-position:left top; background-repeat:no-repeat;} #price2 {} #price2 a {color:#ffffff; padding-left:8px; padding-top:6px; padding-bottom:6px; margin:0px; width:155px; font-weight:bold; background-image:url(../images/menu_on.gif); background-position:left top; background-repeat:no-repeat;} #price2 a:hover {color:#ffffff; text-decoration:underline; background-image:url(../images/menu_on.gif); background-position:left top; background-repeat:no-repeat;} #productsubbox {position:relative; top:0px; left:0px; width:530px; border:solid 1px #d8d6d7; padding:10px;} .productbox {position:relative; float:left; width:180px; height:194px; border:solid 1px #d8d6d7; margin-right:3px; margin-bottom:3px; background-color:#ffffff;} .productboxright {position:relative; float:left; width:180px; height:194px; border:solid 1px #d8d6d7; margin-right:0px; margin-bottom:3px; background-color:#ffffff;} .productthumb {position:relative; left:0px; top:0px; margin-left:23px;} .producttext {position:absolute; left:10px; top:140px; width:160px;} /* ------------------------------------------------------- product page top ------------------------------------------------------- */ #productbox {position:relative; left:0px; top:0px; width:730px; margin-left:15px; margin-top:15px;} #productleft {float:left; position:relative; top:0px; left:0px; width:358px; margin-right:15px;} #productright {float:left; position:relative; top:0px; left:0px; width:357px} #ddownbox {position:relative; left:0px; top:0px; width:357px; height:39px;} #ddown1 {position:absolute; left:0px; top:0px;} #ddown2 {position:absolute; left:149px; top:0px;} #ddown3 {position:absolute; left:298px; top:0px;} .productinput {position:relative; left:0px; top:0px; margin-top:7px; z-index:10px;} #basketadd {position:relative; left:0px; top:0px; height:32px;} #protitle {position:relative; left:0px; top:0px; font-size:1.0em; font-weight:bold;} #proprice {position:relative; left:0px; top:0px;} .pricelarge {font-size:1.2em; font-weight:normal;} #productimagebox {position:relative; left:0px; top:0px; width:298px; height:387px; border:solid 1px #dcdcdc;} #gallerycontrols {position:absolute; left:307px; top:0px; width:53px;} #producticons {position:absolute; top:318px; left:230px; width:54px; height:54px; z-index:99;} #pleasecall {position:relative; left:0px; top:0px; font-weight:bold; color:#ffffff; background-color:#2a8ebf; padding:3px 8px 3px 8px;} #stockav {position:relative; left:0px; top:0px; margin-top:54px; font-size:0.9em;} #prodcode {position:relative; left:0px; top:0px; margin-top:20px; font-size:0.9em;} #buttons {width:160px; height:43px;} #buy {position:relative; left:0px; top:0px; margin-top:10px;} #sale {float:left;} #productmain h2 {color:#767676;} #myproductoffer {position:relative; left:0px; top:0px; color:#f18200; font-size:1.3em; font-weight:bold; margin-bottom:10px;} #myproductoffer a {color:#f18200;} #productdesc {position:relative; left:0px; top:0px; width:353px; border:solid 1px #dcdcdc; margin-bottom:45px; padding:1px; margin-top:20px;} #innertext {position:relative; left:0px; top:0px; width:335px; padding:15px 10px 20px 10px;font-size:0.9em;} #innerbuttons {position:relative; left:0px; top:0px; width:335px; padding:1px;} #button1 {position:relative; left:0px; top:0px;} #button2 {position:absolute; left:178px; top:1px;} #gobut {position:absolute; left:158px; top:17px;} #offerbox {position:absolute; left:0px; top:18px;} #GoButton {border:0px; margin:0px;} .emailbutton {font-size:0.9em;} #shownbox {position:relative; top:0px; left:0px; width:300px; font-size:0.9em;} #showntitle {position:relative; left:0px; top:0px; font-weight:bold; font-size:0.9em;} .shownitem {position:relative; left:0px; top:0px;} #enlargetext {font-size:0.9em;} #shortdesc {font-size:0.9em;} .tabset {position:relative; top:0px; left:0px; margin:0px; overflow:hidden; width:353px; height:24px; padding:0px;} .tabset li {float:left; display:inline; padding:0px;} .tabset li a {padding:4px 0px 0px 9px; width:167px; height:24px; display:block; margin-right:1px; text-decoration:none; color:#ffffff; font-weight:bold; font-size:0.9em; background-color:#a3a3a2;} .tabset li a.active {color:#ffffff; font-weight:bold; background-color:#848484;} .tabset li a.active:hover {color:#ffffff;} .tabset li.last a {margin-right:0px; width:167px;} .tab-box {padding:16px 9px 20px 9px; font-size:0.9em;} /* ------------------------------------------------------- gallery ------------------------------------------------------- */ .paginator-2 {margin:0px 0px 0px 0px; padding:0; float:left; display:inline; overflow:hidden;} .paginator-2 li {float:left; padding:0px 0px 5px 0px;} .paginator-2 li a {width:51px; height:70px; text-decoration:none;} .paginator-2 li a.active, .paginator-2 li.active a {} .paginator-2 img {border:solid 1px #dcdcdc;} .mask {position:relative; width:298px; height:378px; overflow:hidden; clear:both; margin:0px; padding:0px;} #gallery {margin:0; padding:0; position:absolute; left:378px; top:0px; width:30000px;} #gallery li {width:378px; height:231px; 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; } /* ------------------------------------------------------- basket ------------------------------------------------------- */ #pagegradiant {position:relative; left:0px; top:0px; width:532px; padding-left:10px; padding-right:10px; padding-top:9px; background-color:#ffffff;} .pagediv {padding-top:11px; padding-bottom:11px; width:532px;} .pagediv2 {padding-top:7px; padding-bottom:11px; width:532px;} #pagegradiant h2 {color:#767676;} #bannerbox a {color:#97acbd;} #bannerbox h2 {color:#767676;} #bannerbox label {color:#767676;} #productcatsbox a {color:#ffffff;} #basketbuttons {position:relative; top:0px; left:0px;} #proceed {position:relative; top:0px; left:0px; } #continue {position:absolute; top:0px; left:277px; } .imagebuttons {padding:0px; margin:0px;} .basketitem {height:25px;} .items {width:360px;} .quant {width:77px;} .price {width:61px;} .remove {width:30px;} .formindent {width:5px;} .checkbox input {border:0px; margin:0px; padding:0px; background-color:Transparent;} .checkbox label {padding-left:4px; font-weight:normal;} .checkboxwarning input {border:0px; margin:0px; padding:0px; background-color:Transparent;} #bannerbox .checkboxwarning label {padding-left:4px; font-weight:normal; color:#ff0000;} #pagegradiant2 {position:relative; left:0px; top:0px; height:283px; width:532px; padding-left:10px; padding-right:10px; padding-top:9px; background-color:#ffffff;} #existing {position:relative; top:0px; left:0px;} #newcustomer {position:absolute; top:10px; left:287px;} #formgradiant {position:relative; left:0px; top:0px; width:532px; padding-left:10px; padding-right:10px; padding-top:9px; background-color:#ffffff;} #formbox {position:relative; left:0px; top:0px;} #formleft {position:relative; left:0px; top:0px; width:253px;} #formright {position:absolute; left:270px; top:0px; width:253px;} #formbox2 {position:relative; left:0px; top:0px; margin-top:20px;} #formleft2 {position:relative; left:0px; top:0px; width:253px;} #formright2 {position:absolute; left:270px; top:0px; width:253px;} #formbox3 {position:relative; left:0px; top:0px;} #formleft3 {position:relative; left:0px; top:0px; width:253px;} #formright3 {position:absolute; left:270px; top:0px; width:253px;} #formbox label {padding-left:5px;} #formbox2 label {padding-left:5px;} #formbox h2 {width:253px; height:31px; padding-top:8px; padding-left:5px; background-image:url(../images/form_h2.gif); background-position:left top; background-repeat:no-repeat;} #formbox2 h2 {width:253px; height:31px; padding-top:8px; padding-left:5px; background-image:url(../images/form_h2b.gif); background-position:left top; background-repeat:no-repeat;} .formback {width:532px; height:29px; padding-top:8px; background-image:url(../images/formback.gif); background-position:left top; background-repeat:no-repeat;} .addressindent {margin-left:5px;} .warning {color:#ff0000; padding:10px; background-color:#ffffff; border:solid 1px #959595;} .formback2 {width:532px; height:39px; background-image:url(../images/formback.gif); background-position:left top; background-repeat:no-repeat;} #addressblock {position:relative; left:0px; top:0px; width:527px; margin-left:5px;} .addressbook {float:left; width:170px; margin-top:10px;} #addformbox {position:relative; left:0px; top:0px; width:250px;} #addbk1 {position:relative; left:0px; top:0px;} #addbk2 {position:absolute; left:77px; top:0px;} /* ------------------------------------------------------- search ------------------------------------------------------- */ .searchitem {position:relative; left:0px; top:0px; padding-top:10px; padding-bottom:10px; background-image:url(../images/search_div.gif); background-position:left top; background-repeat:no-repeat;} .key {float:left; width:27px; height:27px; background-color:#bfbfbf; border:none; margin-right:1px; margin-bottom:1px;} .letter {position:relative; left:8px; top:6px;} .letter a {color:#ffffff; font-size:1.2em; font-weight:bold;} .keyed {float:left; width:27px; height:27px; background-color:#8a8a8a; border:none; margin-right:1px; margin-bottom:1px;} /* ------------------------------------------------------- table grid ------------------------------------------------------- */ .gridtable {width:532px;} .gridtable tr.blank {height:30px; font-weight:bold;} .gridtable tr.linebreak {height:10px; background-image:url(../images/search_div.gif); background-position:left top; background-repeat:no-repeat;} #datehistory {position:absolute; left:350px; top:18px;} .warning2 {background-color:#c11f1f; color:#ffffff; border:solid 1px #e19a9a; width:505px; padding:10px; margin-bottom:10px; padding-left:10px;} /* ------------------------------------------------------- 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);} .searcherror {position:relative; top:0px; left:0px; padding:10px; width:566px;} /* ------------------------------------------------------- email friend ------------------------------------------------------- */ #dialog {display:none; position:absolute; top:90px; left:150px; width:550px; padding:17px; z-index:900; border:solid 1px #c4c6c8; background-color:#f9f8f7; margin-bottom:4px;} #dialog h1 {font-size:1.4em; margin-bottom:16px;} #dialog label {color:#848484; font-weight:bold;} #yournamebox {position:relative; top:0px; left:0px; margin-bottom:3px;} #yourname {position:relative; top:0px; left:0px; width:256px; height:40px; background-color:#e7e4df; padding:5px;} #youremail {position:absolute; top:0px; left:269px; width:256px; height:40px; background-color:#e7e4df; padding:5px;} #friendnamebox {position:relative; top:0px; left:0px; margin-bottom:10px;} #friendname {position:relative; top:0px; left:0px; width:256px; height:40px; background-color:#e7e4df; padding:5px;} #friendemail {position:absolute; top:0px; left:269px; width:256px; height:40px; background-color:#e7e4df; padding:5px;} #cover {display:none; z-index:800; position:absolute; left:0px; top:0px; width:100%; height:700px; background-color:#ffffff; filter:alpha(Opacity=70); opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7;} /* ------------------------------------------------------- enlarge image ------------------------------------------------------- */ #enlarge {display:none; position:absolute; top:10px; left:240px; width:447px; height:632px; padding:10px; z-index:900; border:solid 1px #dcdcdc; background-color:#ffffff;} #closeenlarge {position:absolute; top:10px; left:307px;} #framebox {position:absolute; top:35px; left:10px; width:447px; height:607px;} /* ------------------------------------------------------- market stall ------------------------------------------------------- */ #stallsbox {position:relative; top:0px; left:0px; width:646px; margin-left:57px;} .stall {float:left; position:relative; top:0px; left:0px; width:154px; height:177px; padding:0px; margin-right:10px;} .stallright {float:left; position:relative; top:0px; left:0px; width:154px; height:177px; padding:0px; margin-right:0px;} .stallphoto {position:relative; top:0px; left:0px; width:152px; height:152px; border:solid 1px #dcdcdc;} .stalltext {position:absolute; top:154px; left:0px; width:152px; text-align:center; margin-top:3px; font-size:0.9em; color:#7d7d7d;} .stalltext a {color:#7d7d7d;} #bannerstall {position:relative; top:10px; left:0px; width:728px; margin-bottom:15px; padding-left:0px;} #stallboxes {position:relative; top:0px; left:0px; padding-left:10px;} #copyboxstall {position:relative; top:0px; left:0px; padding-top:0px; padding-bottom:25px; padding-left:20px; padding-right:20px; text-align:center; font-size:0.9em;} /* ------------------------------------------------------- market trends ------------------------------------------------------- */ #markettrendsbox {position:relative; top:0px; left:0px; width:744px; margin-left:8px;} #markettrends {float:left; position:relative; top:0px; left:0px; width:194px; margin-right:4px;} #bannertrend {float:left; position:relative; top:0px; left:0px; width:348px; margin-right:4px;} #marketlooks {float:left; position:relative; top:0px; left:0px; width:194px;} .trendhead {position:relative; top:0px; left:0px; text-align:center; width:194px; height:27px; padding-top:12px; margin-bottom:7px; font-size:1.0em; font-weight:bold; color:#848484; background-color:#f1f1f1;} .trend {position:relative; top:0px; left:0px; text-align:center; width:194px; height:20px; padding-top:6px; text-align:center; font-weight:bold;} #copyboxtrend {position:relative; top:0px; left:0px; width:626px; background-color:#f2f1ed; padding:15px 10px 10px 10px; color:#828280; margin-left:57px; margin-bottom:15px; font-size:0.9em;} #trendtitle {font-size:1.4em; margin-bottom:5px;} /* ------------------------------------------------------- lets trade ------------------------------------------------------- */ #tradetop {position:relative; top:0px; left:0px; width:161px; height:12px;} #dialog2 {display:none; position:absolute; top:130px; left:180px; width:560px; height:370px; z-index:900; border:solid 10px #ece9e4; background-image:url(../images/tradeback.gif); background-position:left top; background-repeat:no-repeat;} .popcontent {position:absolute; top:40px; left:245px; width:285px;} .popcontent h1 {font-size:1.6em; margin-bottom:16px; color:#848484; font-weight:normal;} .popcontent2 {position:absolute; top:100px; left:245px; width:285px;} .popcontent2 h1 {font-size:1.6em; margin-bottom:16px; color:#848484; font-weight:normal;} #tradeleftcol {position:relative; top:35px; left:0px; font-size:0.9em;} .tradeleftcolbox {position:relative; top:0px; left:0px; width:200px; margin-left:25px;} #tradedesc {font-size:0.9em; width:160px;} #accountbox {position:relative; top:0px; left:0px; width:548px; background-color:#f9f8f6; border:solid 1px #dfdfdf; padding:18px;} #accountbox label {font-size:1.0em;} #existcust {position:relative; top:0px; left:0px; width:255px;} .custlabel {position:relative; top:0px; left:0px; margin-bottom:3px;} #newcust {position:absolute; top:18px; left:296px; width:255px;} .warning2 {background-color:#ffffff; color:#ff6699; border:solid 1px #c5c5c5; width:240px; padding:10px; margin-bottom:10px;} #trendcats {position:absolute; top:15px; left:480px;} .pinktext {position:relative; top:0px; left:0px; width:262px; color:#f66594;}