@charset "utf-8";
/* Keratex master stylesheet 22September 2009*/
.hide{margin-left:-9999px;
	position:absolute;}
body{margin:0;
		
		font-family:verdana, geneva, tahoma,arial,sans-serif;
		color:#33297b;
		
		}
#shadow{margin:0 auto;
		width:920px;
		background:#fff url(../i/shadow_tile.gif) repeat-y;
		
		}
#pagewrapper{margin:0 auto;
		width:900px;
		background:#fff url(../i/right_tile.gif)  repeat-y right ;
		}
/* masthead---------------------------------------------------------------*/		
#masthead{background:url(../i/masthead.jpg) no-repeat;
			width:900px;
			height:135px;
			}
#masthead h1{background:url(../i/logo.gif) no-repeat;
		height:75px;
		width:241px;
		margin:0 0 0 20px;
		}
/*breadcrumbs and shopping cart*/

#sc{font-size:0.6em;
	color:#666;
	padding-bottom:10px;
	font-weight:bolder;
	margin:-20px 0 0 0;
	
		}
		#sc li{list-style:none;
	display:inline;
	padding:0 2px;
		}
#sc img{border:0;
		}
	
#bc 		{
		margin:-10px 0 2px ;
		width:350px;
		font-size:0.6em;
		color:#000000;
		text-align:left;
		padding:0;
			}
#bc li{list-style:none;
	display:inline;
	
		}
#bc  li a		{
		color:#d60000;
		background:transparent;
		padding:0 1px  ;
		text-decoration:underline;
		}
 	
#bc  li a:hover	{
		color: #666;
		text-decoration:none;
		} 
.hilite		{
		color:red;
		font-weight:900;
		}

#sc{width:280px;
		margin-left:350px
		}	
/* primary navigation*/

#pnav{width:800px;
		height:40px;
		margin:6px 0 0 50px;
		color:#fff;
		padding:4px 0 0 0;
		font-size:0.8em;
		font-weight:900;
		}
#pnav li  {list-style:none;
	display:inline;
	border-left:1px solid #33297b;
	padding:0 20px ;
		}
 #pnav li:first-child { padding-left: 0; 
	border: none;
	 }

#pnav  li a{color:white;
	background:transparent;
	padding:0 20px ;
	text-decoration:none;
	}
 #pnav li a:hover{color:#ccc;
	background:url(../i/here_arrow.gif) no-repeat 20px 36px ;
	padding-top:20px ;
	padding-bottom:20px;
	}
#pnav li a.here_arrow_right:hover{background:url(../i/here_arrow_right.gif) no-repeat 20px 36px ;
		}

 #masthead li.first{border:none;
	}
	 

/* Global*/
h3,h4 {font-family:arial, verdana,tahoma, san-serif;
	
	color:#fff;
	}

a:hover{color:#ccc;
						}				
				
/* left column*/				
#left{width:210px;
	
	float:left;
	}
#left h3{margin:0  ;
	font-size:1em;
	border-bottom:1px solid #999;
	padding:0 0 10px 10px;
	background:#fff url(../i/left_h3.jpg) no-repeat;
	height:20px;
	}
#left ul{list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:0.7em;
	font-weight:900;
	border-right:1px #ccc solid;
	}
#left li	{height:25px;
	border-bottom:1px solid #ccc;
	padding:7px 0 0 5px;
	}
#left h4{margin:0;
		background:#33297b;
		color:#fff;
		padding:3px;
		border-bottom:1px #ccc solid;
		}
ul#bottom_list{	margin:0 0 0 0;
				padding:0 0 0 0;
				}
ul#bottom_list li{border:0;
				background:#0099ff;
				height:25px;
				margin:0;
				padding:5px 0 0 5px;
				border-bottom:1px #ccc solid;
				color:#fff;
				width:205px;
				}
ul#bottom_list li a{color:#fff;
				}
 
ul#bottom_list li	a:hover{color:#ccc;
						}
/* see right column .same_as_right, #left p see #right col*/
/*  content column ---------------------------*/
.caption {font-size:0.6em;
	margin:0 5px 10px 0;
	width:200px;
	float:left;
	}
#content{
	width:400px;
	margin:20px 0 0 20px;
	float:left;
	}

	
#slide{
	width:400px;
	height:200px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:1px solid #ccc;
	
	}
#content p{font-size:0.8em;
	margin:0 0 4px 0;
	}	
h2.plain {background:transparent;
	font-size:1.2em;
	font-family:arial,geneva;
	font-weight:500;
	margin:5px 0 2px 0;font-weight:900;
	clear:both;
	}
#content h3 {background:transparent;
	color:#33297b;
	font-size:1em;
	font-family:arial,geneva;
	margin:5px 0 2px 0;
	}
	#content h3.red
	{
	color:#d60000;
	font-size:0.7em;
	}
div.smalltext{font-size:0.6em;
	padding:2px 0;
	border:1px solid #ccc;
	background:#e2e2e2;
	margin:2px 0 0 0;
	text-align:center;
	width:400px;					
	-moz-border-radius:5px;/* these are experimental css3 and don't work in IE*/
	-webkit-border-radius:5px;
	}
	div.smalltext2{font-size:0.7em;
	padding:2px 0;
	border:1px solid #ccc;
	background:#e2e2e2;
	margin:2px 0 0 0;
	width:208px;
	font-weight:bold;
	color:#d60000;
	}
#content h2.bbg{font-size:0.9em;
	font-weight:900;
	background:url(../i/heading_bg_tile.gif) repeat-x;
	width:390px;
	padding:5px 0 1px 10px;
	height:21px;
	margin:10px 0 0 0;
	border-bottom:2px solid #0099ff;
	color:#fff;
	}
#product_list {margin:5px 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	font-size:0.6em;
	width:415px;	
	}
#product_list li{float:left;
	width:124px;
	margin:0 3px 10px 3px;
	border:1px solid #0099ff;
	padding:0 0 2px;
	background:#0099ff url(../i/p_l_bg.png) no-repeat left 95%;
	}
#product_list img{display:block;
			margin-bottom:4px;
			border:2px solid #fff;
			padding:0 2px;
			background:#fff;
	}
#product_list a.text{padding:0 0 0 3px;
				color:#fff;
				text-decoration:none;
				}
#product_list a.text:hover{
				color:#33297b;
				text-decoration:none;
				}
/* all products display*/

 .product_single{font-size:0.8em;
		}
div.product{border-top:1px dotted #0099ff;
		margin:5px 0 0 0;
		padding:0 0 0 0;
	font-size:0.8em;
		}
p.product_single{
				
				padding-top:10px;
				
				}
.product img, .product_single img{float:left;
			border:1px solid #0099ff;
			padding:2px;
		margin:0 10px 0 0;
			}

	.product img{
		margin:5px 10px 0 0;
			}
			x.prod_text{font-size:0.8em;/*fixes problem in moz form affects text size*/
		
		}	
a.prod_title	{font-weight:900;
			color:#33297b;
			padding:3px 0x 1px 0;
			text-decoration:none;
			font-family:arial;
			font-size:1.3em;
			margin:0;
			}
			.emphasis{font-weight:bolder;
						font-size:1em;
					
						}
						.important{font-weight:bolder;
						font-size:0.8em;
					color:#d60000;
					border:1px #666 solid;
					padding:3px 4px;
					margin:0 0 10px 0;
						}		
.info{padding-bottom:10px;
						}	
.product input, .product_single input{margin:3px 0;
				}
.prod_s_text{font-size:0.7em;
	}
		.which_prod{float:left;
					margin:0 5px 5px 0;
					}		
/* right column*/
#right{float:right;
	width:240px;
	margin-top:0; 
  	padding:0 0 0 0;
	background:#fff;
	}
#search_box{background:#33297b ;
		padding:0 0 5px 8px;
		margin:0 0 0 -2px;;
		
		}
#right h4,h5.same_as_right {
	background:#fff url(../i/heading_bg_tile.gif) repeat-x;
			}
h5.same_as_right{
	width:200px;
	padding:5px 0 1px 10px;
	height:21px;
	margin:0 ;
	border-top:2px solid #fff;
	border-bottom:2px solid #0099ff;
	font-size:0.9em;
	color:white;
	}
#right h4 {
	width:230px;
	padding:5px 0 1px 10px;
	height:21px;
	margin:0 ;
	border-top:2px solid #fff;
	border-bottom:2px solid #0099ff;
	font-size:0.9em;
		}
#right p,#left p{padding:6px;
	margin:2px;
	border:1px solid #ccc;
	font-size:0.7em;
	line-height:1.2;
	-moz-border-radius:5px;/* these are experimental css3 and don't work in IE*/
	-webkit-border-radius:5px;
			}
#right ul{padding:0;
	margin:2px;
	border:1px solid #ccc;
	font-size:0.7em;
	line-height:1.2;
	-moz-border-radius:5px;/* these are experimental css3 and don't work in IE*/
	-webkit-border-radius:5px;
			}
#right ul li{list-style:none;
	padding:2px 2px 3px 5px;
	border-bottom:1px dotted #ccc;
	}


a.header_link {margin:0;
	padding:0;
	text-decoration:none;
	font-weight:bold;
	color:#33297b;
	
	}
/* Contact specific*/
ul#contact{	margin:0 ;
				padding:0 ;
				font-size:0.8em;
				}
ul#contact li{border:0;
				list-style:none;
				margin:0;
				padding:5px 0 0 5px;
				color:#33297b;
				
				}
ul#contact li a{
				}
 
ul#contact li	a:hover{color:#ccc;
						}
#emailContact {margin-top:10px;
	text-align:left;
	background:transparent;
	width:320px;
	 }
#emailContact  strong {
	float: left;
	width:100px;
	text-align: right;
	margin: 3px 0 0 0;
	font-size:10px;
	}
#emailContact label{padding-bottom:4px;background:red;
	}
.inputValue, .inputText	{
	border:1px #303571 solid;
	margin-left:5px;
	background:#e2e2e2;
	}
textarea	{
	width:200px;
	height:100px;
	}
.inputButton	{
	text-align:center;
	}
fieldset	{margin-top:30px;
	border:1px #303571 solid;
	width:320px;
	}
legend{font-weight:900;
	font-size:0.8em;
	}
/*footer*/

#footer	{
	clear:both;
	text-align:center;
	width:100%;
	padding:10px 0;
	font-size:0.7em;
	background:#33297b;
	color:#fff;
	}
	#footer	ul{margin-left:0;
		}
#footer li	{
	display:inline;
	border-left:1px solid #fff;;
	}
#footer li	a	{
		padding:0 0 0 5px;
color:#fff;
		}
#footer li	a:hover	{
		padding:0 0 0 5px;
color:#999;
		}
#footer li:first-child	 { 
		padding-left: 0; 
		border: none;
		 }
#footer li.first	{
		border-left:none;
		}
		#footer a{color:#fff;}