/* ------------------------------------------------------- 
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:147px; 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:#5a5a5a; background-image:url(../images/bookmark_icon.gif); background-position:left top; background-repeat:no-repeat; padding-left:9px;}

#bluebox {position:absolute; top:88px; left:0px; width:958px; height:32px; background-color:#1c325b;}
#bluebar {position:absolute; top:4px; left:8px; width:942px; height:23px;}
#bluebar a {color:#c4dbed; font-weight:bold;}
#bluebar .toolselected a {color:#ffffff;}
.tool {float:left; padding:4px 7px 4px 7px; margin-right:8px;}
.toolselected {float:left; padding:4px 7px 4px 7px; margin-right:8px; background-color:#5d7496;}

#login {position:absolute; top:62px; left:730px; color:#ffffff;}

#breadcrumb {position:absolute; top:128px; left:12px; width:900px;}

#breadtext {position:absolute; top:128px; left:10px; width:900px; color:#848484;}
#breadtext a {color:#848484; padding-right:0px; text-decoration:none; padding:3px; font-weight:normal;}
#breadtext a:hover {color:#848484; text-decoration:underline; padding:3px;}

#share {position:absolute; top:125px; left:783px; width:150px; height:20px;}

/* ------------------------------------------------------- 
 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:#1c325b; 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:#e2e4e9; width:958px; height:31px;}
#footerlinks {position:relative; width:958px; left:0px; top:0px; line-height:1.4em; background-color:#edeff1;}
#footerlinks a {color:#848484;}

#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:0px; left:0px; padding:10px; background-color:#e2e4e9; margin-top: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:#e2e4e9; 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:156px; 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:156px; 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:#e2e4e9; 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:#5d7496; margin-bottom:2px;}
#basket h2 {color:#ffffff; font-size:1.4em;}
#basket h2 a {color:#ffffff;}
#baskettop {position:relative; top:0px; left:0px; margin-bottom:12px;}

.basketproduct {position:relative; top:0px; left:0px; width:163px; margin-bottom:12px;}
.basketproduct a {color:#ffffff; padding:0px; margin:0px;}

.baskettotals {position:relative; top:0px; left:0px; width:160px;}
.totaltext {position:relative; top:0px; left:0px; width:92px;}
.totalvalue {position:absolute; top:0px; left:90px; width:72px; text-align:right;}

#basketbutton {margin-top:13px; padding-left:10px; padding-top:5px; padding-bottom:5px; background-image:url(../images/basket_button_back.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;}

#myaccount {position:relative; top:0px; left:0px; padding:10px; background-color:#e2e4e9; 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:540px; height:32px; margin-left:27px; padding-top:13px;}

#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:586px; height:108px; 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:#f4f5f7; 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:#5d7496; 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:#848484; padding:0px; margin-right:5px; font-weight:bold;}

#searchnav2 {position:relative; top:0px; left:0px; width:584px; height:31px; background-color:#f4f5f7; border:solid 1px #dfe3e4; margin-bottom:2px;}
#recordtext2 {position:absolute; left:11px; top:7px;}

#pagingnav2 {position:absolute; top:7px; left:326px; width:250px; color:#848484;}
#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:#5d7496; font-weight:normal; padding:0px; margin-right:5px;}
#pagingnav2 li a:hover {text-decoration:underline;}

/* ------------------------------------------------------- 
 shop front                              
------------------------------------------------------- */

#productpromobox {position:relative; top:0px; left:0px; width:586px;}

.prodpromo {float:left; position:relative; top:0px; left:0px; width:194px; height:294px; margin-right:2px; padding:0px;}
.prodpromor {float:left; position:relative; top:0px; left:0px; width:194px; height:294px; margin-right:0px; padding:0px;}

.prodpromoimage {position:relative; top:0px; left:0px; width:192px; height:169px; border:solid 1px #dfe3e4;}
.promoicon {position:absolute; top:107px; left:130px; width:54px; height:54px; z-index:99;}

.prodpromotext {position:absolute; top:175px; left:0px; width:186px; height:30px; text-align:left; font-weight:normal; font-size:1.0em;}
.prodpromotext a {color:#848484;}

.promoprice {position:absolute; top:209px; left:0px; width:194px; font-weight:bold; font-size:1.6em;}
.sale {color:#d42a2d;}

.promoofferdesc {position:absolute; top:231px; left:0px; width:186px; color:#f18200;}
.promoinfobut {position:absolute; top:258px; 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; padding-left:12px; padding-top:5px; color:#838383; margin-bottom:10px;}

#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:#2a8ebf; 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:67px; width:586px;}
#protitle {position:absolute; left:18px; top:6px; width:500px;}
#protitle h1 {font-weight:bold;}

#topemail {position:absolute; left:369px; top:19px; width:200px; text-align:right;}
#topemail a {font-weight:bold;}
#brandsearch {position:absolute; left:369px; top:37px; width:200px; text-align:right;}
#brandsearch a {font-weight:bold;}

#proprice {position:absolute; left:18px; top:22px;}
.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:570px; margin-left:8px;}
#prodgreybox {position:relative; left:0px; top:0px; width:570px; height:322px; background-color:#dfe3e4;}
#productimagebox {position:absolute; left:0px; top:0px; width:365px; height:322px; background-color:#ffffff;}
#greyproductbox {position:absolute; left:365px; top:0px; width:173px; height:292px; padding:15px 16px 15px 16px; background-color:#f4f5f6;} 
#greyproductbox label {color:#848484; margin-left:4px;}
#greyproductbox select {margin-bottom:4px;}

#productdiv3 {position:relative; left:0px; top:0px; width:570px; height:1px; margin-top:5px; background-image:url(../images/product_div.gif); background-position:left top; background-repeat:no-repeat;}

#gallerycontrols {position:relative; left:0px; top:0px; width:570px; margin-top:10px;}
#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:259px; left:303px; width:54px; height:54px; z-index:99;}

#pleasecall {position:relative; left:0px; top:0px; font-weight:bold; color:#ffffff; background-color:#2a8ebf; width:146px; height:16px; padding: 2px 0px 2px 27px; background-image:url(../images/buttonback2.gif); background-position:left top; background-repeat:no-repeat;}

#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:0px 0px 7px 1px;}
.paginator-2 li a {border:1px solid #5d7496; background-color:#5d7496; 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:365px; height:322px; overflow:hidden; clear:both; margin:0px; padding:0px;}

#gallery {margin:0; padding:0; position:absolute; left:365px; top:0px; width:30000px;}
#gallery li {width:365px; height:322px; 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:8px; margin-bottom:0px; width:180px;}

/* ------------------------------------------------------- 
 product page main    
------------------------------------------------------- */

#productmain {position:relative; left:0px; top:0px; width:568px; margin-left:8px;}
#offertext {position:relative; left:0px; top:0px; width:548px; padding:11px 10px 0px 10px;}

#personalisebox {position:relative; left:0px; top:0px; width:548px; padding:10px; background-color:#f4f5f7; margin-top:5px;}
#personalisebox h2 {color:#848484; font-size:1.5em;}

#productdesc {position:relative; left:0px; top:0px; width:548px; margin-top:10px;}
.tabset {position:relative; top:0px; left:0px; margin:0px; overflow:hidden; width:568px; height:19px; padding:0px;}
.tabset li {float:left; display:inline; padding:0px;}
.tabset li a {padding:2px 0px 0px 10px; width:130px; height:19px; display:block; margin-right:2px; text-decoration:none; color:#848484; font-weight:bold; background-color:#ebecf0;}
.tabset li a.active {color:#848484; font-weight:bold; background-color:#f3f4f5;}

.tabset li a.active:hover {color:#848484;} 
.tabset li.last a {margin-right:0px; width:130px;}

.tab-box {padding:20px 10px 20px 10px; background-image:url(../images/tab_back.jpg); background-position:left top; background-repeat:repeat-x;}


#productright {float:left; width:144px; padding:13px 13px 13px 33px;}
#buttons {width:160px; height:43px;}

#buy {position:absolute; left:16px; top:178px;}

#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;}

/* ------------------------------------------------------- 
  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:0px; margin-top:15px;}
#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:#faf7ee; 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:#eee8d3; padding:5px;}
.youremail {position:absolute; top:0px; left:269px; width:256px; height:40px; background-color:#eee8d3; 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:#eee8d3; padding:5px;}
.friendemail {position:absolute; top:0px; left:269px; width:256px; height:40px; background-color:#eee8d3; padding:5px;}

#ctl00_MainPlaceHolder_OfferButtonPanel {position:relative; top:0px; left:0px; margin-top:6px;}

/* ------------------------------------------------------- 
 enlarge image
------------------------------------------------------- */
#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 {display:none; position:absolute; top:10px; left:182px; width:605px; height:580px; padding:0px; z-index:900; border:solid 1px #a4a4a4; background-color:#ffffff;}
#framebox {position:absolute; top:10px; left:19px; width:567px; height:560px;}

/* ------------------------------------------------------- 
  general boxes
------------------------------------------------------- */

.brownbox {position:relative; top:0px; left:0px; width:564px; padding:10px; border:solid 1px #c4c6c8; background-color:#ffffff;}
.brownbox h1 {font-size:1.4em;}
.brownbox h2 {font-size:1.4em; color:#848484;}
.brownbox2 {position:relative; top:0px; left:0px; width:550px; padding:17px; border:solid 1px #c4c6c8; background-color:#faf7ee; margin-bottom:4px;}
.brownbox2 h1 {font-size:1.4em; margin-bottom:16px;}
.brownbox2 h2 {font-size:1.4em; color:#848484;} 
.brownbox2 label {color:#848484;}

.greybox {position:relative; top:0px; left:0px; width:564px; padding:10px; border:solid 1px #c4c6c8; background-color:#faf7ee;}

/* ------------------------------------------------------- 
  basket
------------------------------------------------------- */

.basketblack {position:relative; top:0px; left:0px; width:564px; height:25px; background-color:#1c325b; color:#ffffff; font-weight:normal; margin-bottom:5px;}
.blacktext {position:absolute; top:4px; left:8px;}
.basketheading {position:relative; top:0px; left:0px; width:564px; height:25px; background-color:#ebecf0; color:#666666; font-weight:bold; margin-top:5px;}
.headingtext {position:absolute; top:4px; left:8px;}

#basketheading {position:relative; top:0px; left:0px; width:564px; height:25px; background-color:#ebecf0; color:#666666; font-weight:bold;}
#basketitem {position:absolute; top:0px; left:8px; width:148px; padding-top:4px;}
#basketcolour {position:absolute; top:0px; left:156px; width:90px; padding-top:4px;}
#basketoption {position:absolute; top:0px; left:250px; width:108px; padding-top:4px; text-align:right;}
#basketquant {position:absolute; top:0px; left:350px; width:100px; padding-top:4px; text-align:right;}
#basketprice {position:absolute; top:0px; left:460px; width:65px; padding-top:4px; text-align:right;}

#baskettable {position:relative; top:0px; left:0px; border:0px; margin:0px; padding:0px;}

.basketitembox {position:relative; top:0px; left:0px; width:548px; background-color:#f4f5f7; margin-bottom:2px; padding:8px;}
.itemitem {width:185px; padding-left:7px;}
.itemitem a {color:#848484;}
.itemcolour {width:105px;}
.itemoption {width:120px; text-align:right;}
.itemquant {width:100px; text-align:right;}
.itemprice {width:80px; text-align:right;}
.itemremove {width:34px; text-align:center;}
.itemofferdesc {color:#f18200; font-weight:bold; padding-left:7px;}

.stockwarning {color:#ff0000; font-weight:bold; padding-left:7px;}

.itemgift {position:relative; top:0px; left:0px; padding-left:7px;}
.itemgift input {border:0px; margin:0px; padding:0px; background-color:Transparent;}
.itemgift label {color:#848484; font-weight:normal;}

.giftprice {width:51px; text-align:right;}

#basketpromobox {position:relative; top:0px; left:0px; width:548px; padding:8px; background-color:#f4f5f7; margin-bottom:5px;}

#basketshipping {position:relative; top:0px; left:0px; width:548px; padding:8px; background-color:#f4f5f7; margin-bottom:2px;}
#global  {position:relative; top:0px; left:0px;}
#global label {color:#848484; font-weight:normal;}
#global input {background-color:Transparent; border:none;}

.basketsub {position:relative; top:0px; left:0px; width:564px; height:25px; background-color:#f4f5f7;}
.subitem {position:absolute; top:0px; left:8px; width:378px; padding-top:4px;}
.subprice {position:absolute; top:0px; left:459px; width:63px; padding-top:4px; text-align:right;}

.baskettotal {position:relative; top:0px; left:0px; width:564px; height:25px; background-color:#ebecf0; color:#666666; font-weight:bold; margin-bottom:2px;}
.totalitem {position:absolute; top:0px; left:8px; width:378px; padding-top:4px;}
.totalprice {position:absolute; top:0px; left:459px; width:63px; padding-top:4px; text-align:right;}

#basketbuttons {position:relative; top:0px; left:0px; margin-top:9px;}
#update {position:relative; top:0px; left:0px; }
#proceed {position:absolute; top:0px; left:266px; }

.checkboxwarning input {border:0px; margin:0px; padding:0px; background-color:Transparent;}

.warning {color:#ff0000; padding:10px; background-color:#ffffff; border:solid 1px #959595;}
