﻿body {
	background: #bab8b9 url(../images/bg.jpg) repeat-x;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#686868;
}
input, textarea, select { font: 11px Verdana, Arial, Helvetica, sans-serif; }
p{margin:12px 0;}
h2 { font-size: 130%; }
img{border:0;}
a{color:#306a96;}
p.error { color: #f00; }
table.form {
	margin: 10px 0px;
	border-collapse: collapse;
	border: none;
}
	table.form th { text-align: left; font-weight: normal; padding: 3px 3px 3px 0px; }
	table.form th.header { font-weight: bold; }
	table.form td { padding: 3px 3px 3px 0px; }

table.grid {
	margin: 10px 0px;
	border-collapse: collapse;
	border: none;
}
	table.grid th, table.grid td { padding: 3px; border: solid 1px #ccc; }
	table.grid th { text-align: left; }
#page_con {
	width:900px;
	margin:0 auto;
	background:#ffffff;
	border-left:1px solid #8a8a8a;
	border-right:1px solid #8a8a8a;
}
#header {
	background: url(../images/header_bg.jpg) repeat-x;
	height: 94px;
	padding:1px 0 0 0;
}
#header h1 {
	float:left;
	color:#343434;
	font-size:30px;
	font-family: Helvetica, sans-serif;
	padding: 0 0 0 30px;
	line-height: 80px;
	margin:0;
	font-weight:normal;
}
#topnav {
	float:right;
	color:#4b4b4b;
	padding: 60px 10px 0 0;
}
#topnav a{
	text-decoration:none;
	color:#4b4b4b;
	font-size:11px;
	padding:0 10px;
}
#topnav a:hover {color: #ff0000; text-decoration: underline;}
#content{
	background: #ffffff url(../images/content_bg.jpg) repeat-x;
	padding: 20px 7px 0px 7px;
}
#left_col {
	float:left;
	width:269px;
}
.sbox2_wrapper { width: 296px; padding-top: 6px; }
.sbox_y, .sbox2_y {
	background: url(../images/sidebox_y.gif) repeat-y ;
	padding: 1px 3px;
	margin-bottom:17px;
}
	.sbox2_y { background-image: url(../images/sidebox2_y.gif); }
	
.sbox_x, .sbox2_x{
	background: url(../images/sidebox_x.gif) repeat-x left bottom;
	padding: 1px 0;
	position:relative;
}
.sbox_top, .sbox2_top{
	position:absolute;
	left:-3px;
	top:-7px;
	background: url(../images/sidebox_top.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	height: 6px;
	width:269px;
}
	.sbox2_top {
		width: 296px;
		background-image: url(../images/sidebox2_top.gif);
	}
.sbox_bottom, .sbox2_bottom{
	position:absolute;
	left:-3px;
	bottom:0;
	background: url(../images/sidebox_bottom.gif) no-repeat left bottom;
	font-size: 1px;
	line-height: 1px;
	height: 7px;
	width:269px;
}
	.sbox2_bottom {
		width: 296px;
		background-image: url(../images/sidebox2_bottom.gif);
	}
.sbox_content, .sbox2_content {padding: 1px 3px 6px 3px;}
* html .sbox_bottom, * html .sbox2_bottom {
	position:relative;
	left:0;
	bottom:-2px;
	margin: -7px -3px 0 -3px;
}
* html .sbox_content, * html .sbox2_content {padding: 1px 3px 0 3px;}
#slogan a {
	background: url(../images/slogan.jpg) no-repeat;
	display: block;
	width: 269px;
	height:183px;
	color: #FFFFFF;
	font-size:22px;
	text-align:center;
	text-indent: -9999px;
}
.title{
	line-height: 29px;
	height: 29px;
	color: #FFFFFF;
	background: url(../images/title_bg.jpg) repeat-x;
	font-size:19px;
	font-weight: normal;
	padding: 0 0 0 15px;
}
h1.title { margin: 0px; }
#leftnav{
	margin:5px 10px;
	padding: 0;
	list-style:none;
}
#leftnav li{
	width:100%;
	float:left;
	height:22px;
	position:relative;
	border-bottom: 1px solid #a8a8a8;
}
#leftnav li.last{border-bottom:0;}
#leftnav a{
	display:block;
	color:#5f5f5f;
	background: url(../images/arrow.gif) no-repeat 3px center;
	padding:0 0 0 20px;
	line-height:22px;
	text-decoration:none;
}
#leftnav a:hover {color: #0000ff; text-decoration: underline;}
.entry{
	border-bottom:1px solid #a8a8a8;
	padding: 8px 10px;
}
.last_entry{padding: 5px 10px;}
#right_col{
	float:right;
	width:599px;
}
.wbox_y{
	background: url(../images/wbox_y.gif) repeat-y ;
	padding: 1px 2px;
	margin-bottom:15px;
}
.wbox_x{
	background: url(../images/wbox_x.gif) repeat-x left bottom;
	padding: 1px 0;
	position:relative;
}
.wbox_top{
	position:absolute;
	left:-2px;
	top:-7px;
	background: url(../images/wbox_top.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	height: 6px;
	width:599px;
}
.wbox_bottom{
	position:absolute;
	left:-2px;
	bottom:0;
	background: url(../images/wbox_bottom.gif) no-repeat left bottom;
	font-size: 1px;
	line-height: 1px;
	height: 7px;
	width:599px;
}
.wbox_content{
	padding: 1px 3px 6px 3px;
	text-align:center;
}
* html .wbox_bottom{
	position:relative;
	left:0;
	bottom:-2px;
	margin: -7px -2px 0 -2px;
}
* html .wbox_content{padding: 1px 3px 0 3px;}
#content_left { width: 297px; float: left; }
#content_right { float: right; width: 297px; }
#main_right{
	width:273px;
	height:261px;
	margin-bottom:10px;
	padding: 6px 12px;
	color:#ffffff;
}
#main_left{
	width:273px;
	height:147px;
	margin-bottom:15px;
	padding: 6px 12px;
	color:#ffffff;
}
#main_right a{color:#ffffff;}
#main_left a{color:#ffffff;}
#main_left{
	background: url(../images/main_left_bg.jpg) no-repeat;
}
#main_right{
	float:right;
	background: url(../images/main_right_bg.jpg) no-repeat;
}
.main_title{
	line-height: 36px;
	color: #FFFFFF;
	font-size:18px;
}
#footer{
	background: #ffffff url(../images/footer_bg.jpg) repeat-x;
	padding: 0 20px;
	line-height:44px;
	height:47px;
	color:#eeeeee;
}
#footer a{
	color:#eeeeee;
	text-decoration:none
}
#footer_left{float:left;}
#footer_right{float:right;}
.clear{
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
}
.sp{
	border-top: 1px solid #9e9e9e;
	float:right;
	width:425px;
	position:relative;
}
.accent, strike { color: #c00; }
.alignright { text-align: right; }
.float_left{
	float:left;
	margin: 0 10px 10px 0;
}
.float_right{
	float:right;
	margin: 0 0 10px 10px;
}
.right{text-align:right;}
.readmore{
	color:#ab5d01;
	font-weight:bold;
	padding:0 5px;
}
.arrow_list {
	margin: 10px 0;
	padding: 0;
	list-style:none;
}
.arrow_list li{
	background: url(../images/arrow_2.gif) no-repeat 15px 7px;
	line-height:20px;
	padding: 0 0 0 25px;
}
.arrow_list2 {
	margin: 10px 0px;
	padding: 0px;
	list-style: none;
}
.arrow_list2 li{
	background: url(../images/arrow.gif) no-repeat 5px 3px;
	padding: 0 0 5px 15px;
}
.arrow_list2 ul { margin: 0px; padding: 0px; list-style: none; }
.arrow_list2 ul li {
	background: url(../images/arrow_2.gif) no-repeat 15px 5px;
	line-height:16px;
	padding: 0 0 0 25px;

}
.date{
	color:#97653c;
	font-weight:bold;
}
.product {
	border-bottom: solid 1px #ccc;
}
.productspec {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.productimage {
	width: 250px;
	float: left;
}

.productinfo {
	width: 330px;
	float: right;
}
.price {
	font-size: 120%;
}

.button_addtocart {
	display: block;
	width: 100px;
	height: 20px;
	background: url('/images/addtocart.gif') no-repeat;
	text-indent: -9999px;
}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;}.qmmc a {float:left;display:block;white-space:nowrap;}.qmmc div a {float:none;}.qmmc div {visibility:hidden;position:absolute;}


.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* Remove the comments bleow for vertical mains and change the false value to
           true in the qm_create function after the menus structure. */
	/*.qmmc a {float:none}*/

	
	
	/*"""""""" (MAIN) Container """"""""*/
	#qm0, #qm1
	{ 
		margin:5px 10px;
		padding: 0;
		list-style:none;
		z-index: 100000;

	}


	 /*"""""""" (MAIN) Items """"""""*/
	#qm0 a, #qm1 a
	{
		display:block;
		color:#5f5f5f;
		background: url('../images/arrow.gif') no-repeat 3px center;
		padding:0 0 0 20px;
		line-height:22px;
		text-decoration:none;
		height:22px;
		border-bottom: 1px solid #a8a8a8;
		float: none;
	
	}

	#qm0 a.last, #qm1 a.last { border-bottom: none; }

	/*"""""""" (MAIN) Hover State """"""""*/
	#qm0 a:hover, #qm1 a:hover
	{ 
		color: #0000ff; text-decoration: underline;
	}


	/*"""""""" (MAIN) Active State """"""""*/	
	body #qm0 .qmactive:hover, body #qm1 .qmactive:hover
	{ 
		color: #0000ff; text-decoration: underline;
	}


	body #qm0 .qmactive, body #qm1 .qmactive
	{ 
		color: #0000ff; text-decoration: underline;
	}


	/*"""""""" (MAIN) Parent Items """"""""*/
	#qm0 .qmparent, #qm1 .qmparent
	{
	}

	


	/*"""""""" [SUB] Containers """"""""*/
	#qm0 div, #qm1 div
	{
		margin-left: -100px;
		background-color:#fff;
		padding:5px 5px 5px 5px;
		border: solid 1px #a8a8a8;		
	}


	/*"""""""" [SUB] Items """"""""*/
	#qm0 div a, #qm1 div a
	{		
		display: block;
		border-bottom: 1px solid #a8a8a8;
		padding:3px 20px 3px 5px;
		background: none;
		width: 250px;		
	}
		#qm0 div a.last, #qm1 div a.last { border-bottom: none; }
