﻿body {
	background-image:url(/images/background.jpg);
	background-repeat:repeat;
	margin:0px;
	padding:0px;
}

a img {border:none;}

.clear{
	clear:both;	
}

#container {
	width:942px;
	margin: 0 auto;	
}

.addresscontainer {
	width:270px;
	margin-bottom:20px;
}

#outer{
	width:940px;
	border:1px solid #808080;
	background-color:White;
}

#header{
	height:114px;
	width:940px;	
}

#bluetop{
	width:940px;
	height:5px;
	background-color:#22bed7;
}

#headerlogo{
	float:left;
	width:180px;
}

#headerprodlinks{
	float:left;
	width:550px;
	height:109px;
}

#headerprod1{
	float:left;
	padding-top:50px;
	padding-left:95px;
	width:194px;	
}
#headerprod2{
	float:left;
	padding-top:50px;
	padding-left:0px;
	width:194px;	
}
#headerprod3{
	float:left;
	padding-top:8px;
	padding-left:95px;
	width:194px;	
}
#headerprod4{
	float:left;
	padding-top:8px;
	padding-left:0px;
	width:194px;	
}

.hpcl-blue, .hpcl-yellow, .hpcl-pink, .hpcl-grey{
	display:block;
	padding-left:20px;
	background-repeat:no-repeat;
	padding-top:2px;
	height:15px;
	color:#819d9f !important;
}

a.hpcl-blue:hover, a.hpcl-yellow:hover, a.hpcl-pink:hover, a.hpcl-grey:hover{
	color:#3c4f50 !important;
	text-decoration:none !important;
	cursor:pointer;
}

.hpcl-blue{background-image:url(/images/dotblue.gif)}
.hpcl-yellow{background-image:url(/images/dotyellow.gif)}
.hpcl-pink{background-image:url(/images/dotred.gif)}
.hpcl-grey{background-image:url(/images/dotgrey.gif)}


#headercheckout{
	float:left;
	width:190px;	
}

#checkout{
	float:left;	
	width:162px;
}

#checkoutimage{
	float:left;
	width:45px;
	padding-top:30px;	
}

#checkoutlinks{
	float:left;	
	width:117px;
	padding-top:36px;
	padding-left:5px;
}

#checkoutlink1, #checkoutlink2 {
	width:100px;
	padding:4px;
	cursor:pointer;
}


#navigation{
	height:45px;
	width:940px;	
	background-image:url(/images/navbg.jpg);
	background-repeat:repeat-x;
	padding:0px;
	margin:0px;
	border:0px;
	clear:both;
}

#navbar{
	float:left;
	width:750px;
	height:30px;
	position:relative;
	left:0px;
	padding-left:10px;
	
}

#navsearch{
	width:180px;
	float:left;
	padding-top:2px;
}

#keywords{
	font-size:12px;
	border:1px solid #dfe0e0;
	height:15px;	
}


#topimage{
	width:923px;
	padding-left:17px;
}

#topimageTitle{
	width:550px;
	padding-right:13px;
	padding-left:360px;
	background-image:url(/images/top-bg.jpg);	
	background-repeat:no-repeat;
	height:248px;
	position:inherit;
	z-index:0;
}

#titleBounds{
	width:550px;
	position:relative;
	height:238px;
}

#titlewrap{
	text-align:right;
	width:550px;
	position:absolute;
	bottom:10px;
}


#content{
	width:890px;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:27px;
	padding-right:0px;
}

#footer{
	width:940px;
	padding:10px	
}

#footersocialleft{
	float:left;
	color:#555555;
}

#footersocialleft img {vertical-align:middle;margin-left:10px;}

#footersocialleft a {color:#555555}

#footersocialleft a:hover {color:#333333;text-decoration:none;}

#footersocialright{
	width:328px;
	height:40px;
	float:left;
	padding-top:5px;
	padding-left:40px;
}

#footerleft{
	float:left;
	width:400px;	
}

#footerright{
	text-align:right;
	float:left;
	width:300px;
	border:1px solid blue
}

.proditembullet{
	width:5px;
	height:5px;
	float:left;
	margin-right:8px;
	margin-top:5px;
}


#prodlist{
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	width:271px;	
}

.proditem{
	width:271px;
	border-top:1px dotted #666666;
	padding-top:4px;
	padding-bottom:4px;	
}


.leftprodtitle{ 
	color:#333333;
	font-size: 13px;
	font-weight:bold;		
}

#bottomleft{
	float:left;
	width: 270px;
	PADDING-RIGHT: 10px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;

}

#bottomright{
	float: left;
	width: 554px;
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;	
}



#bottom3columns

{

	width: 270px;
	float: left;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 30px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}





