/************* NEW CSS ********************/

body{
 	background-color:#efefef;
	background-image:url(../images/body_bg.gif);
	background-repeat:repeat-y;
	background-position:top center;

	font-family:Arial, Verdana;
	font-size:10pt;
	padding:0px;
	margin:0px;
	border:0px;
}

a, a:hover, a:visited{
	text-decoration: none;	
	color:#286077;
}

a:hover{
	text-decoration: underline;
}

p{	font-size:11px;	margin:0px;	padding:0px; display:block; text-align:justify; }
p.right, p.right a{	text-align:right;}

blockquote{
	color:#404040; font-style:italic;
}

blockquote a{
	font-style:normal;
}

img{
	border:0px;
}

#container{
	background-color:#FFFFFF;
	width:900px;
	min-height:500px;
	height:100%;
}

#banner{
	height:134px;
	background-image:url(../images/banner_bg.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#banner_logo{
	float:left;
	background-color:#FFFFFF;
	width:234px;
}

#banner_img{
	text-align:right;
	float:right;
	background-color:#FFFFFF;
	width:666px;
}

img.banner{
	width:666px;
	height:41px;
}

#body, #body_order{
	text-align:left;
	width:890px;
	min-height:500px;
	margin: 0px;
	padding-right:10px;
	
	padding-bottom:10px;
	_height:500px;
	float:left;
	
	background-image:url(../images/container_bg.gif);
	background-position:top left;
	background-repeat:repeat-y;
	background-color:#ffffff;
	
	#margin-top:46px;
	_margin-top:0px;
}

#menu{
	width:198px;
	float:left;	
}

#content{
	/* padding-left:205px; */
	/*height:100%;*/
	float:right;
	width:688px;	
	background-color:#FFFFFF;
}

#content h1{
	color:#032a3b;
	margin:10px 0px 5px 0px;
	padding:0px 0px 3px 15px;
	font-size:14px;	
	border-bottom: 1px solid #676767;
	
	background-color:#ffffff;
	background-image:url(../images/header_bg.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
}

#content h1 a{
 	color:#032a3b;
}
 
#content h1 a:hover{
	color:#537a8b;
}

#content p{
	padding-right: 50px;
	font-size:11px;
}

#content ul{
	font-size:12px;
	margin:0px 0px 5px 0px;
	padding:0px;
	list-style:none;	
}

#content ul li{
	margin-top:3px;
	margin-bottom:2px;
	margin-left:5px;
}

#footer{
	background-color:#d7d7d7;
	background-image:url(../images/footer_bg.gif);
	background-repeat:no-repeat;
	background-position:50% 0%;
	
	border-top:1px solid #898989;

	width:900px;
	float:left;
	height:40px;
	padding:12px 0px 0px 0px;
	clear:both;
}

#footer p{
	text-align:center;
	font-size:10px;
}

div.product{
 	padding: 0px;
	margin: 0px 3px 0px 0px;
	width: 341px; /*360px;*/
	float: left;
}

#product h1, #product h1 a{
 	padding:0px;
 	margin:0px 0px 3px 0px;
	background: url(blank.gif) no-repeat top;
}

#product img{
	float:left;
	margin-right:5px;
	border:0px;
}

#product p{
	width:100%;
}

#product a, #product a:hover, #product a:visited{
	text-decoration: none;	
	color:#000000;
}

#product a:hover{
	text-decoration: none;
	color:#286077;
}

/* Popup Message */
#box{
	border:1px solid #000000D;	
	padding:10px;	
	background-color:#999999;
	text-align:center;
}

#box p{
	margin-left:20px;
	text-align:center;
}

#box a{
	color:#FFFFFF;
	cursor:pointer;
}

/* thumbs for show only */
.thumbShow{
	width:500px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/* product List */
.prodList{
	float:left;
	clear:both;
	width:686px;
}

.prodItem{
	float:left;
	margin:3px;		
	min-height:155px;
}

.prodItem img{
	text-align:center;
}

.prodItem p{
	text-align:center;
}

.prodItem p.prodName{
	font-size:12px;
	font-weight:bold;	
	margin-top:10px;
}

/* oils */

.oilItem{
	float:left;
	width:165px;
	margin-right:20px;
padding-left:35px;
        min-height:350px;
        height:auto;
         _height:350px;
}

.oilItem img{
	margin-bottom:10px;
}

p.order{
	margin-bottom:5px;
}
.oilItem p{
text-align:left;
padding-right:0px;
}
input, select{
	font-size:11px;
}

input.quantity{
	width:30px;
}