/* GLOBAL */

html{
	height: 100%;
	font-size: small;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
    }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3em;
	margin: 0;
	padding: 0;
	background: url(/graphics/en-US/new/body_tile.gif) repeat-x #fffdee;
	height: 100%;
    }

a { 
	color: #730000; 
}


h1 { font: normal 2em Georgia, "Times New Roman", Times, serif; line-height:1em; color: #520001; }
h2, h3, h4, h5, td, table, div, form { padding: 0; margin: 0; }
h2 a { display:block; margin: 7px 0; }
h1, p, ul, ol { margin-top: 0; margin-bottom: 14px; }
img { border: 0; }

h3 { font-family: Georgia, "Times New Roman", Times, serif; } 
h2, h3, h4, h5 { font-size: 1em; }
h5 { display: inline; }

form { 
	display:inline; 
}

select {
	margin-bottom: 3px; 
	}

#showcase {
  position:relative; /*for links inside*/
  margin:0 auto 20px;
  width:800px;
  height:300px;
	background:url(/images/showcase.jpg) no-repeat 0 0;
  text-align:center;
  z-index:1;
}
#showcase img { z-index:1; }
#showcase .image-link {
  position:absolute;
  top:0;
  height:100%;
  text-decoration:none;
  z-index:10;
}
#showcase .image-link-1 { width:158px; left:0; }
#showcase .image-link-2 { width:187px; left:158px; }
#showcase .image-link-3 { width:166px; left:344px; }
#showcase .image-link-4 { width:150px; left:509px; }
#showcase .image-link-5 { width:142px; left:658px; }

/*#content img { max-width:100%; }*/

.image-gallery {
  margin-bottom:0;
  overflow:hidden; /*clears floats*/  
}
  .image-gallery a {
    float:left;
    margin:0 10px 10px 0;
    height: 180px;
    overflow: hidden;  
    border:1px solid #bbb0b0;    
  }
  .image-gallery a:hover {
    border:1px solid #730000;
  }
  .image-gallery a, 
  .image-gallery a img {
    width:253px;
  }
    .image-gallery a img {
    }

.hr {
  margin:16px 0 14px;
  height:1px;
  background:#bbb0b0;
}

#content {
	margin: 0px; /*  210px */
	}
	
#content_home {
	margin: 0px;
	min-height:400px;
	}
	
#login {
	line-height:25px;
    width: 265px;
	}

#mainbody {
	width: 800px;
	margin: 0 auto;
	padding: 30px 0 30px 0;
	font-size:95%;
    clear:both;
	}
	
#mainbody_account {
	width: 800px;
	margin: 0 auto;
	padding: 60px 0 30px 0;
	font-size:95%;
    clear:both;
	}

#topbar {
    background: url(/graphics/en-US/new/red_tile.gif) bottom left repeat-x #6e0000;
    width: 100%;
    float:left;
    }
		
.clear {
	clear:both;
	}

.floatleft  { float:left; }
.floatright { float:right; }
img.floatleft,  a.floatleft  { margin:0 1.5em 1em 0; }
img.floatright, a.floatright { margin:0 0 1em 1.5em; }
.clear { clear:both; }	

.align-center  { text-align:center; }
.align-right   { text-align:right; }
.align-left    { text-align:left; }
.align-justify { text-align:justify; }
	

/* NAVBAR */

#affiliatelink {
	margin-left: 15px;
	color:#fff; 
	font-size: 95%; 
	}

#affiliatelink a { 
	font-weight:bold; 
	color:#fff; 
	font-size: 95%; 
	}

#currenttab {
    list-style: none;
	float:right;
	background: url(/graphics/en-US/new/current_tab_tile.gif) repeat-x top left #fff;
	height:40px;
	margin-left: 3px;
	width:auto;
	}
	
#currenttab h3{ 
	background: url(/graphics/en-US/new/current_tab_left.gif) top left no-repeat; 
	padding: 11px 0px 4px 15px; 
	white-space:nowrap;
	}
	
#currenttab b { 
	height: 40px; 
	vertical-align:top; 
	text-align:center; 
	padding-right: 15px; 
	display:block; 
	background:url(/graphics/en-US/new/current_tab_right.gif) top right no-repeat; 
	}
#currenttab a {color: #730000;}
	
#loginlink, #loginlink a { 
	font-weight:bold; 
	color:#fff; 
	font-size: 95%; 
	}
	
#logo {
	display:block;
	margin:0 0 15px;
	width: 484px;
	height: 84px;
	background: url(/graphics/en-US/new/company_logo.png) no-repeat;       
	float:left;
}
	  
#logobar{ 
	height: auto; 
	width: 800px;  /* 800px */
	margin: 30px auto 0 auto; 
	}
	
#logobar ul { 
    clear: left;
    padding:0;
   width:100%;
    margin:0;
}
#logobar ul:after{
	content:"";
	display:block;
	clear:both;
}
#logobar ul li:hover{position:relative;}
#logobar ul li:hover ul{display:block;}
#logobar ul ul{
	list-style:none;
	padding:0 0 4px;
	margin:0;
	position:absolute;
	top:100%;
	left:0;
	display:none;
	background:#5f0000;
	width:200px;
	text-align:left;
	overflow:hidden;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	z-index:100;
}
#logobar ul ul li{
	border-top:1px solid #000;
	font-weight:normal;
	width:100%;
	margin:0;
	padding:0;
	vertical-align:top;
}
#logobar ul ul li:first-child{ border:none;}
#logobar ul ul a{
	display:block;
	padding:5px 10px 6px;
}
#logobar ul li:hover a{
	color:#fff;
	text-decoration:none;
}
#logobar ul li#currenttab a {color: #fff;text-decoration:none;}
#logobar ul li#currenttab a:hover {color: #fff;text-decoration:underline;}
#logobar ul li:hover a:hover{text-decoration:underline;}


#search {
	display:block;
	float:right;
	position: relative;
	top: -20px;
	}
	
#search .searchbutton { 
	vertical-align:bottom; 
	}
		
#searchfield { 
	margin: 0 2px 0 10px; 
	border: 1px solid #917302; 
	color: #666; 
	font-size: .9em; 
	padding: 1px 2px; 
	height:16px; 
	width: 150px;
	}	
	
.hiddentab {
    list-style:none;
	float:right;
	background: url(/graphics/en-US/new/hidden_tab_tile.gif) repeat-x top left #fff;
	height:40px;
	margin-left: 3px;
	width:auto;
	z-index:100;
	}
	
.hiddentab b { 
	height: 40px; 
	vertical-align:top; 
	text-align:center; 
	padding-right: 10px; 
	display:block; 
	background:url(/graphics/en-US/new/hidden_tab_right.gif) top right no-repeat; 
	}

.hiddentab h3{ 
	background: url(/graphics/en-US/new/hidden_tab_left.gif) top left no-repeat; 
	padding: 11px 0 4px 10px; 
	white-space: nowrap;
	}

.hiddentab b h3 a { 
	color: #fff; 
	text-decoration:none; 
	}

.hiddentab b h3 a:hover { 
	text-decoration:underline; 
	}
	
	
/* CTGY */

#nextbutton {
	margin-top: 20px;
	margin-bottom: 20px;
	clear:right;
	float:right;
	}

#prevbutton {
	margin-top: 20px;
	margin-bottom: 20px;
	clear:right;
    float:left;
	}

.catrow {
    float:right;
    margin: 10px 0;
    width: 800px; /* 590 */
    }
		
.prodbutton {
	margin: 7px auto;
	}	
				
.prodcolumn {
    float: left;
	width: 250px;
	text-align: center;
	}

.thumb {
	margin-right: 15px;
	display:block;
	margin: 10px auto;
	}
		
			
/* ACCOUNT PAGES */

.account_column {
	width: 50%;
	float:left;
	}	

.account_column h5 { width: 180px; clear: both; }
.account_column input { margin-bottom: 3px; display:block; margin-left: 180px; }
.account_column select { margin-bottom: 3px; display:block; margin-left: 180px; }

.paymentdetail {
	width: 160px;
	display:block;
	height: 26px;
	float:left;
	}
	
.invalid {
	color: #FF0000;
	}
	
.pad {
    margin-top: 25px;
	}
	 
	
/* BASKET */

#total {
    padding: 10px 0 0 10px;
    text-align:right;
	}
	
.baskettext_left{
	padding: 3px 15px 0 10px;
    vertical-align: top;
	}
	
.baskettext_left h4 { margin: 1px 0 2px 0; }

.baskettext_right{
	padding: 3px 0 0 10px;
	text-align: right;
    vertical-align: top;
	}
	
.baskettext_right h4 { margin: 1px 0 2px 0; }

.priceeach {
	text-align:right;
	width: 80px;
	margin-left: 5px;
	float:right;
	}


/* PRODUCT PAGES */

h1#prodname {
	font-size: 1.6em;
	margin-bottom: 5px;
	line-height:1.2em;
	}

#prodadd {
	display:inline; 
	position:relative; 
	top: 5px;
	}
	
.prodimage {
	margin-right: 20px;
	float:left;
	}
	
	
/* PRODUCT LIST */
		
.alt_row_color {
	background:#f9f6e4 ;
	}

.listheader {
	background-color: #f8f2f0; 
	color: #000;
    height:20px;
    padding: 4px 5px; 
	border-top: 4px solid #730000; 
	}
	
.productlist_row {
	padding: 4px 6px;
	width: 780px; /*578 */
	float:right;
	}
	
.productlist_row form { display:inline; float:right; }
	
.productrow_text{
	width: 350px;
	padding-top: 2px;
	float:left;
	}	
	
.productrow_text .floatleft { max-width: 270px; width:expression(document.body.clientWidth > 272? "270px": "auto" ); }	
	

/* SUBNAV - CATTREE */

ul#first{
	list-style-type:none;
	width:176px;
	margin: 0 30px 0 0;
	padding-left: 0px;
	}

#subnav{
	float:left;
	}

#subnav li { background-color: #f9f6e6; margin-bottom: 2px; padding: 6px; }	
#subnav li a { color: #3e3e3a; text-decoration:none; display: block; width: 100%; height:100%; }
#subnav li a:hover { font-weight: bold; }
#subnav li ul { list-style-type:none; margin: 0 0 0 10px; padding-left: 0; }
#subnav li.subcategory { padding: 0; margin: 4px 0 0 0px; }	
#subnav li.subcategory a { color: #666; }		
#subnav li.subcategory a:hover { text-decoration:underline; font-weight:normal; color: #730000; }	
#subnav li.subcategory a:visited:hover { color: #730000 }

.pdf { margin: 5px 10px; }
.footer { display: block; margin: 0px 0px 20px 0px; border-top: 2px solid #520001; padding-top: 4px; font-size: 10px; line-height: 140%; }
.footer a:link, .footer a:visited, .footer a:hover { text-decoration: none; }
.image { margin: 5px; padding: 4px; border: 5px solid #F1F1F1; }

#specs { margin: 0px; width: 600px; border: 1px solid #888888; text-align: left; }
#specs td { padding: 5px; background: #FFFFCC; border: 1px solid #CCCCCC; }

#subcat a:link, #subcat a:visited { text-decoration: none; font-weight: bold; }
#subcat a:hover { text-decoration: underline; }


#content input.disabled {
	background: #eee;
	border: 1px solid #ccc;
	width: 98%;
	height:20px;
}
#content input.enabled {
	background: #fff;
	border: 1px solid #666;
	width: 95%;
	height:20px;
}
textarea {border:1px solid #666;}

#content fieldset.customerInfo {
	border: 1px solid #520001;
	background:#fff;
	padding: 5px;
}
#content legend.customerInfo {
	color:#520001;
	font-weight: bold;
	font-size:1.2em;
	padding: 0 0.3em;
	line-height: 2;
}
.formLabel {font-weight:bold;}

#msg {border:2px solid #730000;background:#ffffcc;padding:10px;margin-bottom:20px;}

.form td {padding-bottom:5px}
.form td.label {vertical-align:top;padding-top:7px}
.form input[type="text"],
.form input.text-input, 
#content .form textarea {
   border:none;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   -webkit-box-shadow:0 0 5px #666 inset;
   -moz-box-shadow:0 0 5px #666 inset;
   box-shadow:0 0 5px #666 inset;
   width:300px;
   padding:8px;
   border:1px solid #ccc;
}
.form textarea {height:60px;width:300px}
.form input[type="submit"] {
background: #730000;
background: -moz-linear-gradient(top,  #730000 0%, #993333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#730000), color-stop(100%,#993333));
background: -webkit-linear-gradient(top,  #730000 0%,#993333 100%);
background: -o-linear-gradient(top,  #730000 0%,#993333 100%);
background: -ms-linear-gradient(top,  #730000 0%,#993333 100%);
background: linear-gradient(top,  #730000 0%,#993333 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#730000', endColorstr='#993333',GradientType=0 );
border:1px solid #993333;
color:#FFF;
font:bold 14px Arial, Sans-Serif;
padding:8px 20px;
 -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
cursor:pointer;
}
.required {color:maroon;font-weight:bold;font-size:18px;}