/* CSS Document */

body	{
	background:url(images/bkgd.gif) repeat-x #fff;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	
}
form {
	padding:0;
	margin:0;
}
body img	{border:0px;}


.red
{
  color:#FF0000;
}

p
{
	line-height:150%;
}

/*LINK STYLES*/
a	{
	color:#d80000;
	text-decoration:none;
}
a:hover	{
	color:#d80000;
	text-decoration:underline;
}

a.black_under	{
	color:#000;
	text-decoration:underline;
}
a.black_under:hover	{
	color:#fff;
	text-decoration:none;
}


a.white_under	{
	color:#fff;
	text-decoration:underline;
}

a.white_under:hover	{
	font-weight:bold
	color:#fff;
	text-decoration:none;
}


.checkbox{border:none;vertical-align:middle;width:24;height:24;}
.radio{border:none;vertical-align:middle;width:24;height:24;}























/*Errors & Reporting*/
TABLE.report {
  background: #A5F9A0;
  border-color: #30B928;
  border-style: solid;
  border-width: 1px;
}

SPAN.report{
 
  color: #029409;
  font-size:11px;
  font-weight: bold;
}

TABLE.error {
  background: #FBC7C7;
  border-color: #FC5252;
  border-style: solid;
  border-width: 1px;
 }
.error 
{ 
	
	font-size : 11px; 
	font-weight: bold; 
	color: #ff0000;
}


/*FONT STYLES*/
h1	{
	font-weight:bold;
	font-size:20px;
	
	margin-bottom:5px;
}
h2	{
	font-weight:bold;
	font-size:14px;
	
}

h3	{
	font-weight:bold;
	font-size:12px;
	
}

/*CONTAINER*/
.container	{
	position:relative;
	width:800px;
	z-index:1;
}


/*HEADER AND TOP NAV*/
.header	{
	position:relative;
	width:800px;
	height:125px;
	z-index:2;
}
.header_L	{
	width:202px;
	height:125px;
	z-index:3;
}
.header_Linfo	{
	position:relative;
	background:url(images/bkgd_tollfree.gif) no-repeat top right;
	width:201px;
	padding:4px 0px 3px 0px;
	color:#fff;
	text-align:center;
	z-index:4;
}
.header_R	{
	position:relative;
	background:url(images/protecting_header.gif) no-repeat top left;
	width:600px;
	height:125px;
	z-index:3;
}
.header_Rinfo_1	{
	position:absolute;
	width:150px;
	top:15px;
	right:114px;
	color:#fff;
	z-index:4;
	padding-left:2px;
}

.header_Rinfo_2	{
	position:absolute;
	width:110px;
	top:15px;
	right:0px;
	color:#fff;
	z-index:4;
}
.header_Rnav	{
	position:absolute;
	top:107px;
	left:0px;
	z-index:4;
	padding:0;
}
.header_Rnav a	{
	position:relative;
	background:url(images/bkgd_nav.gif) no-repeat top right;
	height:22px;
	margin-top:103px;
	padding:4px 10px 3px 10px;
	color:#fff;
	text-decoration:none;
	display:inline;
	z-index:50px;
}
.header_Rnav a:hover	{
	background:url(images/bkgd_nav_over.gif) no-repeat top right;
	z-index:50;
}


/*MID PHOTO AND INFO*/
.midSection	{
	position:relative;
	width:800px;
	height:190px;
	z-index:2;
}
.midSection_shadow	{
	position:absolute;
	background:url(images/shadow_midSection.png) repeat-x;
	width:800px;
	height:20px;
	left:0px;
	top:0px;
	z-index:10;
}
.midSection_photo	{
	position:relative;
	width:600px;
	height:190px;
	z-index:3;
}
.midSection_info	{
	position:absolute;
	background:url(images/bkgd_midsectionInfo.gif) repeat-x bottom;
	width:180px;
	height:130px;
	top:0px;
	left:400px;
	padding:10px;
	z-index:3;
}
.midSection_map	{
	position:absolute;
	width:200px;
	height:150px;
	top:0px;
	right:0px;
	z-index:3;
}
.search_results_product_category
{
	font-size:12px;
	color:#333333;
	font-weight:normal;
}


/*SIDE NAV*/
.bottomSection	{
	position:relative;
	width:800px;
	z-index:2;
}
.leftNav	{
	position:relative;
	width:210px;
	float:left;
	z-index:3;
}
.leftNav a:link	{
	position:relative;
	background:url(images/button_leftNav.gif) no-repeat;
	width:170px;
	height:16px;
	margin-bottom:1px;
	padding:3px 0px 0px 30px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	z-index:50;
}
.leftNav a:hover	{
	background:url(images/button_leftNav_over.gif) no-repeat;
}
a.menu_left
{
	color:#FFFFFF;
	text-decoration:none;
	
}
a.menu_left:hover
{
	color:#FFFFFF;
	text-decoration:underline;
	
}


/*PRODUCTS TABLES*/
TABLE.products { 
	 
	font-size:11px; 
	color:#000000;
	background: #ffffff; 
	border:#eee 1px solid; 
	border-collapse:collapse;
	padding:0 5px;
	margin:0;
	margin-bottom:10px; 
	width:100%; 

} 
  
TABLE.products TD
{ 
	border:#eee 1px solid; 
	padding:0 5px;
} 

TABLE.products TH
{
	background-color:#CCCCCC;
	border:#eee 1px solid;
	font-weight:bold;
	padding:0 5px;
} 

TABLE.products A
{
	text-decoration:none;
	color:#d80000;
} 

TABLE.products A:hover
{
	text-decoration:underline;
	color:#d80000;
} 

/*PRODUCT DESCRIPTION AREA*/
TABLE.prod_desc { 
	
	font-size:11px; 
	color:#000000;
	background: #ffffff; 
	margin-bottom:10px; 
	width:100%; 
} 
  
TABLE.prod_desc TD
{ 
	padding: 3px; 
} 

TABLE.prod_desc A
{
	text-decoration:none;
	color:#d80000;
} 

TABLE.prod_desc A:hover
{
	text-decoration:underline;
	color:#d80000;
} 

/*MY CART TABLE*/
TABLE.my_cart { 
	
	font-size:11px; 
	color:#000000;
	background: #ffffff; 
	border:#eee 1px solid; 
	border-collapse:collapse; 
	margin-bottom:10px; 
	width:100%; 

} 
  
TABLE.my_cart TD
{ 
	border:#eee 1px solid; 
	padding: 3px; 
} 

TABLE.my_cart TH
{
	background-color:#CCCCCC;
	border:#eee 1px solid;
	font-weight:bold;
} 



TABLE.my_cart A
{
	text-decoration:none;
	color:#d80000;
} 

TABLE.my_cart A:hover
{
	text-decoration:underline;
	color:#d80000;
} 

/*BLANK*/
TABLE.blank
{
	border:none;
}

TABLE.blank TD
{
	border:none;
}

TABLE.blank TR
{
	border:none;
}

/*Checkout_tables*/
TABLE.checkout
{
	border:none;
	background-color:#f2f2f2;
}

TABLE.checkout TH
{
	background-color:#CCCCCC;
	text-align:left;
	font-size:14px;
} 

/* Checkout Status Bar */
.status_bar
{
	background-color:#ffffff;
	border:#CCCCCC 1px dotted;
}

/*My Account TABLES*/
TABLE.my_account { 
	 
	font-size:11px; 
	color:#000000;
	background: #ffffff; 
	border:#eee 1px solid; 
	border-collapse:collapse; 
	margin-bottom:10px; 
} 
  
TABLE.my_account TD
{ 
	border:#eee 1px solid; 
	padding: 3px; 
}

TABLE.my_account .title
{
	font-weight:bold;
} 

TABLE.my_account TH
{
	background-color:#CCCCCC;
	border:#eee 1px solid;
	font-weight:bold;
} 

TABLE.my_account A
{
	text-decoration:none;
	color:#d80000;
} 

TABLE.my_account A:hover
{
	text-decoration:underline;
	color:#d80000;
} 

/* default size for text/dd boxes */
INPUT.dd_width, RADIO.dd_width, CHECKBOX.dd_width {
  height:18px;
  width: 245px;
}

INPUT.dd_width, TEXTAREA.dd_width, RADIO.dd_width, CHECKBOX.dd_width {
  border:#cccccc 1px solid;
  color: #000000;
  padding-left:2px;
  padding-right:2px;
  margin: 2px;
}

SELECT.dd_width {
  height:20px;
  width: 250px;
	border:#cccccc 1px solid;
  color: #000000;
  margin: 2px;
}


.leftNav_shadow	{
	position:absolute;
	background:url(images/shadow_leftNav.png) repeat-y;
	width:10px;
	height:155px;
	top:0px;
	right:1px;
	z-index:3;
}




/*MAIN CONTENT*/
.clear	{
	position:relative;
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
}
.mainContent	{
	position:relative;
	width:580px;
	padding:15px 0px 10px 10px;
	z-index:2;
}
.footer	{
	position:relative;
	width:580px;
	margin:20px 0px 10px 220px;
	text-align:center;
	font-size:10px;
	color:#707070;
	z-index:2;
}

.form { 
   border-collapse:collapse; 
   margin-bottom:10px; 
   width:100%; 
 } 
  
.form .form_item 
{ 
	background-color:#f2f2f2; 
	font-size:11px; 
	
	border-width:1px; 
	border-color:#ffffff; 
	border-style:solid; 
	border-collapse:collapse; 
	padding: 3px; 
} 
.form .form_title 
{ 
	border-width:1px; 
	border-color:#ffffff; 
	border-collapse:collapse; 
	background-color:#e2e2e2;
	color:#000000; 
	font-size: 11px;
	font-weight:bold;
} 

.form TD 
{ 
	border-collapse:collapse; 
	border: 1px #f0f0f0 solid; 
	color:#000000; 
}


.form2 { 
	background: #ffffff; 
	border-collapse:collapse; 
	margin-bottom:10px; 
	width:100%; 
} 
  
.form2 .form2_item 
{ 
	background-color:#f2f2f2; 
	font-size:11px; 
	
	border-width:1px; 
	border-color:#ffffff; 
	border-style:solid; 
	border-collapse:collapse; 
	padding: 3px; 
} 
.form2 .form2_title 
{ 
	border-width:1px; 
	border-color:#ffffff; 
	border-collapse:collapse; 
	background-color:#cccccc; 
	color:#000000; 
	font-size: 11px; 
} 

.form2 TD 
{ 
	border-collapse:collapse; 
	border: 1px #f0f0f0 solid; 
	color:#000000; 
}


.productListing{ 
   border-collapse:collapse; 
   margin-bottom:10px; 
   width:100%; 
 } 
  
 .productListing-heading
 { 
 			font-size:11px;
      background-color:#cccccc; 
      color:#000000; 
 } 

 .productListing-data 
 { 
      font-size:11px; 
     
      padding: 3px; 
 } 
  
 .productListing TD 
 { 
      border-collapse:collapse; 
      border: 1px #f0f0f0 solid; 
      color:#000000; 
 }

.odd
{
	background-color:#f2f2f2;
}

.odd_red_bg
{
	background-color:#FFBFBF;
}

.red_bg
{
	background-color:#FFCFCF;
}

/*HOMEPAGE*/
.mainContent_menu	{
	position:relative;
	background:#ccc;
	width:560px;
	padding:10px;
	border:1px solid #333;
	line-height:16px;
	z-index:3;
}


.cat_border { 
	background: #ffffff; 
	border-collapse:collapse; 
	margin-top:10px; 
	margin-bottom:10px; 
	width:100%;
} 

.cat_box 
{ 
	font-size:11px;
	font-weight:bold;
	
	border-width:0px; 
	border-color:#f2f2f2; 
	border-style:solid; 
	border-collapse:collapse; 
	height:120px;
} 


/*OTHER*/


/*Lightbox*/
#lightbox{
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
  }

#trans_img{
 position:absolute;
 z-index:1000;
}

#lightbox a img{ border: none; }

#outerImageContainer{
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  }

#imageContainer{
  padding: 10px;
  }

#loading{
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
  }
#hoverNav{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
  width: 49%;
  height: 100%;
  background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
  display: block;
  }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  }

#imageData{
  padding:0 10px;
  }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;  }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }

#overlay{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  }


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

* html>body .clearfix {
  display: inline-block;
  width: 100%;
  }

* html .clearfix {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
  }
  
  
  
  
  
  
  
  
  
  
  
  
	
/*****************************************************
**
**  Form Validation
**
*****************************************************/
.required{
	color:#990000;
  padding-left:2px;
  padding-right:2px;

}

input.required, textarea.required {
	border: 1px solid #00A8E6;
	width:245px;
  padding-left:2px;
  padding-right:2px;

}

select.required {
	border: 1px solid #00A8E6;
	width:250px;
  padding-left:2px;
  padding-right:2px;

}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
  padding-left:2px;
  padding-right:2px;

}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
  padding-left:2px;
  padding-right:2px;

}

.validation-advice {
	position:relative;
	margin:5px;
	margin-top:0px;
	padding: 2px;
	background-color: #FF0000;
	color : #FFF;
	font-weight: bold;
	width:235px;
}

.custom-advice {
	margin: 5px 0;
	margin-left:5px;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

/*FORMS*/
INPUT
{

  height:18px;
  font-size:11px;
  padding:1px;
  padding-left:3px;
  color:#000000;
  border:1px solid #CCCCCC;
  font-weight:normal;
  font-family:"Trebuchet MS", Arial, Helvetica;
}
SELECT
{

  height:20px;
  font-size:11px;
  padding:2px;
  color:#000000;
  border:1px solid #CCCCCC;
  font-family:"Trebuchet MS", Arial, Helvetica;
}
TEXTAREA
{
  font-size:11px;
  padding:4px;
  color:#000000;
  border:1px solid #CCCCCC;
  font-weight:normal;
  font-family:"Trebuchet MS", Arial, Helvetica;
}

INPUT.filebox
{
  padding:4px;

  color:#000000;

  height:30px;
  width:300px;
}

INPUT.green
{
  font-size:13px;
  color:#ffffff;
  height:29px;
  background-color:#006600;
  font-weight:bold;
  border-color:#545454;
}

INPUT.submit
{
  font-size:13px;
  color:#ffffff;
  height:29px;
  background-color:#646464;
  font-weight:bold;
  border-color:#545454;
  
}
INPUT.cancel
{
  font-size:14px;
  color:#ffffff;
  height:29px;
  background-color:#FF6666;
  border-color:#FF3333;
}
.noborder
{
  border:0px;
  background-color:none;
}

.gray-box
{
	border-width:1px;
	border-style:solid;
	border-color:#999999;
	background-color:#E5E5E5;
}

.menutable-off {
background-image:url(images/button_leftNav.gif);
}

.menutable-on {
background-image:url(images/button_leftNav-on.gif);
}

/***********************************
**
** modal-message
**
***********************************/

.modalDialog_transparentDivs{
  z-index:99;
	top:0;
	left:0;
	background-color:#000000;
  position:absolute; /* Always needed  */
}
.modalDialog_contentDiv{
  border:3px solid #000;
  padding:2px;
  z-index:100;/* Always needed  */
  position:absolute;  /* Always needed  */
  background-color:#FFF;  /* White background color for the message */
	overflow:auto;
}

.modalDialog_contentDiv_guts{
  border:none;
  padding:0;
	 z-index:101;/* Always needed  */
  position:absolute;  /* Always needed  */
}

.modalDialog_contentDiv_shadow{
  z-index:90;/* Always needed  - to make it appear below the message */
  position:absolute;  /* Always needed  */
  background-color:#555;
  filter:alpha(opacity=30);  /* Transparency */
  opacity:0.3;  /* Transparency */
}