/* ------------------------------------------------------- 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:129px; width:958px;} #blackbar {position:absolute; top:0px; left:0px; height:87px; width:958px; background-color:#1b1b1b; background-image:url(../images/masthead_background.jpg); background-position:left top; background-repeat:repeat-x;} #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:#606060; 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:39px; background-color:#606060;} #bluebar a {color:#c1c1c1; font-weight:bold;} #bluebar .toolselected a {color:#ffffff;} .tool {float:left; height:29px; padding-top:11px; padding-bottom:0px; padding-left:20px; padding-right:8px; margin-right:0px; background-image:url(../images/bluebar_off.gif); background-position:left top; background-repeat:no-repeat;} .toolselected {float:left; height:29px; padding-top:11px; padding-bottom:0px; padding-left:20px; padding-right:8px; margin-right:0px; background-image:url(../images/bluebar_on.gif); background-position:left top; background-repeat:no-repeat;} #login {position:absolute; top:62px; left:730px; color:#ffffff;} /* ------------------------------------------------------- footer ------------------------------------------------------- */ #footerbox {clear:both; position:relative; left:0px; top:0px; width:958px; margin-top:9px; margin-bottom:10px;} #eservelogo {position:absolute; left:8px; top:-50px;} #thawtelogo {position:absolute; left:782px; top:-50px;} #updated {position:relative; top:0px; left:0px; background-color:#606060; width:958px; height:31px; color:#ffffff;} .updtext {float:left; font-weight:bold; padding-left:10px; padding-top:8px;} #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:1px;} #updated input.siteinput {color:#363839; padding:0px; border:0px; background-color:#ffffff; font-size:1.0em; padding-left:3px; height:19px; font-family: Arial, Helvetica, Verdana, sans-serif;} #updated input.sitebutton {margin-top:4px;} #footerbar {position:relative; left:0px; top:0px; background-color:#ebecf0; width:958px; height:31px;} #footerlinks {position:relative; width:958px; left:0px; top:1px; line-height:1.4em; background-color:#edeff1;} #footerlinks a {color:#666666;} #wouldliketo {position:relative; float:left; left:0px; top:0px; background-color:#edeff1; 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;} #copyright a {color:#97acbd; text-decoration:none; } #copyright a:hover {color:#97acbd; text-decoration:underline;} #footerbottom {position:relative; top:0px; left:16px;} /* ------------------------------------------------------- Page container elements ------------------------------------------------------- */ #innerbox {position:relative; top:0px; left:0px; width:958px;} #menucol {float:left; width:184px; padding-left:0px; padding-right:2px; margin:0px 0px 50px 0px; padding-top:0px;} #contentcol {float:left; width:586px; margin-top:0px; padding-right:2px;} #newscol {float:left; width:184px;} .separator {clear:both;} /* ------------------------------------------------------- left column ------------------------------------------------------- */ #shopby {position:relative; top:1px; left:0px; padding:10px; background-color:#f4f5f7; 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; background-color:#ebecf0; margin-bottom:1px; padding-left:10px; padding-top:8px;} .menulink {position:relative; top:0px; left:0px; width:166px; height:23px; background-color:#f4f5f7; margin-bottom:1px; padding-left:18px; padding-top:5px; background-image:url(../images/menulink.gif); background-repeat:no-repeat; background-position:left top;} .menulink a {color:#595959; font-weight:normal;} .menulink a:hover {color:#595959;} .menulinksale {position:relative; top:0px; left:0px; width:166px; height:23px; background-color:#d60000; margin-bottom:1px; padding-left:18px; padding-top:5px; background-image:url(../images/menulinksale.gif); background-repeat:no-repeat; background-position:left top;} .menulinksale a {color:#ffffff; font-weight:bold;} .menulinksale a:hover {padding-left:0px; color:#ffffff;} .menulinkselected {position:relative; top:0px; left:0px; width:166px; height:23px; background-color:#f4f5f7; 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:#595959; font-weight:bold;} .menulinkselected a:hover {color:#595959;} .menublock {position:relative; top:0px; left:0px; width:184px; background-color:#f4f5f7; margin-bottom:1px; padding-bottom:4px;} .menublockselected {position:relative; top:0px; left:0px; width:166px; height:21px; background-color:#f4f5f7; margin-bottom:0px; padding-left:18px; padding-top:5px; background-image:url(../images/menulink.gif); background-repeat:no-repeat; background-position:left top;} .menublockselected a {color:#595959; font-weight:bold;} .menublockselected a:hover {color:#595959;} .menublocklink {position:relative; top:0px; left:0px; width:166px; height:21px; margin-bottom:0px; padding-left:28px; background-image:url(../images/menulink2.gif); background-repeat:no-repeat; background-position:left top;} .menublocklink a {color:#595959; font-weight:normal;} .menublocklink a:hover {color:#595959;} .menublocklinksel {position:relative; top:0px; left:0px; width:166px; height:21px; margin-bottom:0px; padding-left:28px; background-image:url(../images/menulink2on.gif); background-repeat:no-repeat; background-position:left top;} .menublocklinksel a {color:#595959; font-weight:bold;} .menublocklinksel a:hover {color:#595959;} #searchbox {position:relative; top:0px; left:0px; padding:10px; background-color:#ebecf0; margin-top:0px; margin-bottom:2px;} #searchbox input {margin-top:8px;} /* ------------------------------------------------------- right column ------------------------------------------------------- */ #basket {position:relative; top:0px; left:0px; color:#ffffff; padding:10px; background-color:#606060; margin-bottom:2px;} #basket h2 {color:#ffffff; margin-bottom:10px;} #basket h2 a {color:#ffffff;} #baskettop {position:relative; top:0px; left:0px; margin-bottom:5px;} #basketbutton {padding-left:10px; padding-top:5px; padding-bottom:5px; background-image:url(../images/basketicon.gif); background-repeat:no-repeat; background-position:left center;} #basketbutton a {color:#ffffff; font-size:1.2em; font-weight:bold;} #basketbutton a:hover {color:#ffffff;} .basketitem {position:relative; top:0px; left:0px; width:163px; padding-top:5px; padding-bottom:5px; background-image:url(../images/basketdiv.gif); background-repeat:no-repeat; background-position:left top;} .basketitem a {color:#ffffff; padding:0px; margin:0px;} #myaccount {position:relative; top:0px; left:0px; padding:10px; background-color:#ebecf0; margin-bottom:2px;} #myaccount input {margin-top:8px;} .newsitem {position:relative; top:0px; left:0px; width:164px; padding:10px; margin-bottom:2px; background-color:#f4f5f7;} .newsitem a {font-weight:bold; text-decoration:Underline;} /* ------------------------------------------------------- page ------------------------------------------------------- */ #pagetitlebox {position:relative; top:0px; left:0px; width:560px; height:32px; margin-left:27px; padding-top:5px;} #banner {position:relative; top:0px; left:0px; width:584px; margin-bottom:2px; border:solid 1px #dfe3e4;} #bannerstandard {position:relative; top:0px; left:0px; width:584px; height:298px; margin-bottom:15px; padding-left:1px;} #promobox {position:relative; top:0px; left:0px; width:584px; height:116px; margin-bottom:2px;} #promo1 {position:absolute; top:0px; left:0px; width:192px; height:114px; border:solid 1px #dfe3e4;} #promo2 {position:absolute; top:0px; left:196px; width:192px; height:114px; border:solid 1px #dfe3e4;} #promo3 {position:absolute; top:0px; left:392px; width:192px; height:114px; border:solid 1px #dfe3e4;} #advert {position:relative; top:0px; left:0px; width:584px; height:106px; border:solid 1px #dfe3e4;} #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:530px; padding-top:0px; padding-bottom:25px; padding-left:27px;} #copyboxleft {float:left; width:259px; margin-left:0px; margin-right:12px;} #copyboxright {float:left; width:259px;} #copyboxsingle {float:left; width:530px;} .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:584px; height:31px; background-color:#faf7ee; border:solid 1px #dfe3e4; margin-bottom:2px;} #recordtext {position:absolute; left:11px; top:7px;} #querybox {position:absolute; left:11px; top:26px;} #pagingnav {position:absolute; top:7px; left:326px; width:250px; color:#848484;} #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:#2a8ebf; font-weight:bold; padding:0px; margin-right:5px;} #pagingnav li a:hover {text-decoration:underline;} * html #pagingnav ul {margin-left:-10px; padding-left:10px;} .pagingon {color:#848484; padding:0px; margin-right:5px; font-weight:bold;} /* ------------------------------------------------------- shop front ------------------------------------------------------- */ #productpromobox {position:relative; top:0px; left:0px; width:586px;} .prodpromo {float:left; position:relative; top:0px; left:0px; width:194px; height:316px; margin-right:2px; padding:0px;} .prodpromor {float:left; position:relative; top:0px; left:0px; width:194px; height:316px; margin-right:0px; padding:0px;} .prodpromoimage {position:relative; top:0px; left:0px; width:192px; height:184px; border:solid 1px #dfe3e4;} .promoicon {position:absolute; top:122px; left:130px; width:54px; height:54px; z-index:99;} .prodpromotext {position:absolute; top:190px; left:0px; width:186px; height:30px; text-align:left; font-weight:normal; font-size:1.0em;} .prodpromotext a {color:#aeaa6d;} .promoprice {position:absolute; top:223px; left:0px; width:194px; font-weight:bold; font-size:1.6em;} .sale {color:#d42a2d;} .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 ------------------------------------------------------- */ #prodcattitle {position:relative; top:0px; left:0px; width:574px; height:30px; padding-left:12px; padding-top:5px; font-size:1.6em; color:#6a6766; font-weight:bold;} #productcatsbox {position:relative; top:0px; left:0px; width:586px;} .prodcat {float:left; width:194px; height:148px; padding:0px; margin-right:2px; margin-bottom:5px;} .prodcatright {float:left; width:194px; height:148px; padding:0px; margin-right:0px; margin-bottom:5px;} .catphoto {position:relative; top:0px; left:0px; width:192px; height:114px; border:solid 1px #dfe3e4;} .shopsub {width:184px; height:27px; text-align:left; background-color:#aeaa6d; margin-top:3px; padding-left:10px;} .shopsub a {color:#ffffff; font-weight:bold; line-height:26px;} .whitelink {color:#ffffff;} /* ------------------------------------------------------- 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 ------------------------------------------------------- */ #basketadd {position:relative; left:0px; top:0px; height:32px; width:570px; margin-left:8px; margin-top:8px;} #ProductTitle {position:relative; left:0px; top:0px; height:71px; width:586px;} #protitle {position:absolute; left:18px; top:10px; font-size:1.4em; font-weight:bold;} #proprice {position:absolute; left:18px; top:28px;} .pricelarge {font-size:2.0em; font-weight:bold;} #productdiv1 {position:absolute; left:8px; top:60px; width:570px; height:1px; background-image:url(../images/product_div.gif); background-position:left top; background-repeat:no-repeat;} #producttop {position:relative; left:0px; top:0px; width:586px; margin-left:8px;} #prodgreybox {position:relative; left:0px; top:0px; width:570px; height:233px; background-color:#dfe3e4;} #productimagebox {position:absolute; left:1px; top:1px; width:378px; height:231px; background-color:#ffffff;} #greyproductbox {position:absolute; left:380px; top:1px; width:171px; height:213px; padding:9px; background-color:#f4f5f6;} #greyproductbox label {color:#848484; margin-left:4px;} #greyproductbox select {margin-bottom:4px;} #gallerycontrols {position:relative; left:0px; top:0px; width:586px; margin-top:6px;} #productdiv2 {position:relative; left:0px; top:0px; width:570px; height:1px; background-image:url(../images/product_div.gif); background-position:left top; background-repeat:no-repeat;} #producticons {position:absolute; top:168px; left:313px; 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-left:5px; margin-top:5px;} /* ------------------------------------------------------- gallery ------------------------------------------------------- */ .paginator-2 {margin:0px 11px 0 10px; padding:0; float:left; display:inline; overflow:hidden;} .paginator-2 li {float:left; display:inline; padding:0 0 7px 1px;} .paginator-2 li a {border:1px solid #2a8ebf; background-color:#2a8ebf; width:18px; height:18px; text-decoration:none; display:block; color:#ffffff; font-weight:bold; text-align:center;} .paginator-2 li a.active, .paginator-2 li.active a {background-color:#4b4c4a; border:1px solid #4b4c4a; } .mask {position:relative; width:378px; height:231px; 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; } #colourswatch {float:right; margin-right:17px; top:0px; margin-left:0px; margin-bottom:0px; width:180px;} /* ------------------------------------------------------- product page main ------------------------------------------------------- */ #productmain {position:relative; left:0px; top:0px; width:552px; background-color:#ffffff;} #productmainbox {position:relative; left:0px; top:0px; } #productleft {position:relative; left:0px; top:0px; width:552px;} #productdesc {padding-left:13px; padding-right:13px; margin-bottom:35px; margin-top:13px;} #productright {float:left; width:144px; padding:13px 13px 13px 33px;} #buttons {width:160px; height:43px;} #buy {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;} #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;} /* ------------------------------------------------------- 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 ------------------------------------------------------- */ .brownbox2 {position:relative; top:0px; left:0px; width:550px; padding:17px; border:solid 1px #c4c6c8; background-color:#f4f5f7; margin-bottom:4px;} .brownbox2 h1 {font-size:1.4em; margin-bottom:16px;} .brownbox2 label {color:#848484;} #yournamebox {position:relative; top:0px; left:0px; margin-bottom:3px;} #yourname {position:relative; top:0px; left:0px; width:256px; height:40px; background-color:#e2e4e9; padding:5px;} #youremail {position:absolute; top:0px; left:269px; width:256px; height:40px; background-color:#e2e4e9; 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:#e2e4e9; padding:5px;} #friendemail {position:absolute; top:0px; left:269px; width:256px; height:40px; background-color:#e2e4e9; padding:5px;}