/*/////////////////////////////////////////
	THE LAYOUT
*/

*{
	margin:0px auto;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


body {
	font-size: 0.9em;
	line-height:1.5em;
	color:#003399;
	background-color:#FFFFFF;
	background: url(../images/background_img.jpg) repeat-x 0 0;
  }
  
 #container{
	width: 960px;
	margin: 0px auto;
} 

.toplinks {
	height:30px;
	width:100%;
	padding: 5px 20px;
	color:#000;
}

.toplinks a, .toplinks a:link, .toplinks a:visited {
color:#000;
font-size:1em;
text-decoration:none;
}

.toplinks a:hover {
color:#000;
font-size:1em;
text-decoration:underline;
}

.masthead {
background:url(../images/masthead_bg.jpg) no-repeat 0 0;
position:relative;
height:172px;
width:960px;
}

.header {
width:100%;
padding: 5px 10px;
height:113px;
}

.header .logo {
width: 340px;
height: 80px;
padding: 10px 10px ;
float:left;
}
.header .help {
	width: 162px;
	height: 94px;
	padding: 10px 10px 10px 20px;
	float:left;
}
.header .store {
	width: 310px;
	height: 112px;
	padding: 5px 15px 5px 5px;
	float:right;
}
.header .store span{
color:#006600;
font-weight:500;
}

.header .store .ship{

}

div.navigation {
	position:absolute;
	top:125px;
	left:0px;
	width:100%;
	padding:10px 20px;
	color:#fff;
	z-index: 20;
}


 ul.dropdown {
	list-style:none;
	list-style-type:none;
	position:relative;
	z-index: 3000;
}

ul.dropdown li {float: left; zoom: 1; }

ul.dropdown a:hover		            { color: #ff; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    {
	display: block;
	padding: 0px 8px;
	border-right: 1px solid #fff;
	color: #fff;
	text-decoration: none;
}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #ff3333; color: #fff; position: relative; }
ul.dropdown li.hover a              { color: #fff; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{
	width: 200px;
	visibility: hidden;
	position: absolute;
	top: 80%;
	left: 0;
	z-index: 2000;
}
ul.dropdown ul li 					{ font-weight: normal; background: #ff3333; color: #fff; 
									  border-bottom: 1px solid #fff; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 



.leftcolumn {
	width: 155px;
	margin:0 0;
	background-image: url(../images/columnbg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height: 800px;
}

.callaction {
width: 142px
height: auto;
margin: 15px auto auto 5px;
}
.rightcolumn {
	width: 155px;
	margin:0 0;
	overflow: hidden;
	background-image: url(../images/columnbg.jpg);
	background-repeat: no-repeat;
}

.columnheader {
	width:100%;
	height:32px;
	font-weight:500;
	font-size:1.2em;
	color:#FF0033;
	padding-left:10px;
	padding-top: 15px;
}

.column_bg {

}

ul.categories {
	width:132px;
	margin: 0px  0px 0px 18px;
	padding: 0px 0px 0px 0px;
	position:relative;
	z-index: 4000;
}


ul.categories li{
color:#333399;
text-decoration:none;
list-style-image:url(../images/bullet2.gif);
list-style-position:inherit;
}

ul.categories li a:link{
color:#333399;
text-decoration:none;
font-size:0.8em;
}

ul.categories li a:visited{
text-decoration:none;
color:#333399;
font-size:0.8em;
}

ul.categories li.hover,
ul.categories li:hover                {  position: relative; }

ul.categories li a:hover{
text-decoration:underline;
color:#333399;
font-size:0.8em;
}

/* 
	LEVEL TWO
*/
ul.categories ul 						{
	width: 200px;
	visibility: hidden;
	position: absolute;
	top: 0%;
	left: 100%;
	list-style:none;
	border:1px solid #333;
}
ul.categories ul li 					{ font-weight: normal; background: #C6F5FF; color: #fff;  list-style:none; 
									  border-bottom: 1px solid #fff; float: none;padding-left:10px }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.categories ul li a					{
	border-right: none;
	width: 100%;
	display: inline-block;
	z-index: 2000;
} 
.content {
	width:630px;
	z-index: 0;
}

#slideshow {
	z-index: -1000;
	width: 632px;
	height: 204px;
	overflow: hidden;
}

.products {
 width:100%;
 margin: 0px auto;
 z-index:0;
}

.product {
width:150px;
height:380px;
background:url(../images/product_bg.jpg) no-repeat left top;
}
.product-category {
	width:147px;
	height:180px;
	background-image:url(../images/product_category_small.jpg);
	background-repeat:no-repeat;
	margin:5px 5px;
	text-align: center;
	padding-top: 10px;
	position: relative;
	z-index:0;
}

.product-category span {
	position:absolute;
	top:130px;
	left: 2px;
	width:100%;
}

.product-category span a{
	font-size:1em;
	color:#000;
	text-decoration:underline;
	text-align:center;
	}
	
.footer {
	width:100%;
	border-top:solid #333 1px;
	padding: 5px 10px;
	color:#333;
	font-size: 0.9em;
}	
table.safety {
	border-collapse:separate;
	border-spacing:0;
	padding:10px 10px
}

caption, th{text-align:center;font-weight:bold;}


table.safety, table.safety td{
	vertical-align:top;
	text-align: center;
}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


span.first {
marging: 10px 10px;
text-align:
}

.clearleft{
clear:left;
}
.clearright{
clear:right;
}
.clear{
clear:both;
}

ul.conditions {
list-style:none;
list-style-position:inside;
}

ul.conditions li {
	list-style:none;
	margin-left: 5px;
}
ul.conditions li a,ul.conditions li a:link,ul.conditions li a:visited{
	font-size:0.8em;
	color:#333399;
	text-decoration:none;
}

ul.conditions li a:hover {
	color:#333399;
}
/**  Page Contents **/	


#bottomlinks,#copyright{
	width: 700px;
	color: #CCCCCC;
	margin-top:15px;
	margin: opx auto;
}
#bottomlinks a {
	color: #CCCCCC;
}
#bottomlinks a:hover {
	color: #000099;
	text-decoration:underline;
}



/* END layout */

/******

GUI

**/

a{
	text-decoration:  underline;
	border: none;
	color: #666666;
}
a:hover {
	text-decoration:  underline; 
	border: none;
 }
 
.lowercase {
	text-transform: lowercase;
}
.uppercase {
	text-transform: uppercase;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	margin: 20px 0px;
	padding: 0px;
	text-align:left;
	color: #FD3600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1{
	font-size: 150%;
	color: #FF0000;
	text-align: left;
}

h2{
	font-size: 1.2em;
	color: #003399;
	text-align: left;
}

h3{
	font-size: 1.1em;
	text-align: left;
	margin: 10px 0px;
}

h4{ font-size: 100%; font-weight: normal; color: #333333;}

h5{
	font-size: 1.2em;
	color: #ff3333;
	font-weight: 500;
}

.column_bg h5 {text-align:center; }

div.content ul{
	margin:10px 10px;
	padding-bottom:15px;
	font-size: 0.9em;
}
div.content  ul{padding:0px 15px; }


div.legal {
font-size :.75em;
}
dl{
	margin:0px 10px 5px 45px;
	text-align: left;
}

dt{
	font-weight: 500;
	color: #660000;
}
dd{
	padding-bottom: 5px;
}

p{
	padding: 10px 0px;
	text-align: left;
	font-weight: normal;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
th{
	color:#FFFFFF;
	background-color:#006600;
	}
	
.tblprothumb {  }	

.tdprothumb {  }

.athumbclicktext {color:#333399; text-decoration:underline; text-align:center; font-size:0.9em; }
.itemName a { color:#f00; text-decoration:none; text-align:center; font-size:1em; font-weight:550}


/* shopping cart */
.salePrice {color:#333399;font-size:0.9em}
.regPrice {font-size:0.8em;}
.itemDescription {color:#000;font-size:0.9em; text-align:left}
.itemQuantity{font-size:0.9em; }


.row {
	width:600px;
	clear: left;
	border: solid 1px #333;
}
.columnblock {
	float:left;
	width:45%;
	padding:10px 10px;
	z-index: -1000;
}
.columnblock li a {font-size:0.8em;}

.blockheaderleft {
	width:100%;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding:4px 0px;
	background-color:#FF0000;
	text-align: center;
}
.blockheaderleft a {color:#fff; font-weight:bold; }

.columnblock  div li a{ font-size:0.8em; padding: 0px 0px}
/*********** Forms Elements **********/

.search {
	float:right;
	width:300px;
	margin-right:15px;
}
.search span{
color:#FF0000;
font-size:1.1em;
}
.searchform {
float:right;
width:250px;
margin-right:15px;
}
.searchform span{
color:#FF0000;
font-size:1.1em;
}

.design{
	float:right; font: 80% Arial, Helvetica, sans-serif;
	color:#666666;
	float: right;
	width: 350px;
}
div a.netanchor {
	font-weight:500;
	color:#666666;
}

.floatleft {
float:left;
}

.floatright {
	float:right;
	min-height: 1000px;
}

.clear {
clear:both;
}

.makered {color:#ff0000; }
.note { font-size:0.8em }

.last { margin-right: -10px; }

.coupon {
  margin: 0px auto 15px auto;
  text-align:center;
  }

form table tbody tr td { line-height:1.0em; vertical-align:top; padding: 5px 10px}