@charset "UTF-8";
/* CSS Document */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/bg/bg_r2.jpg);
	background-repeat:repeat-x;
	background-color:#f1dab6;
	margin: 0; padding: 0;
	text-align: center; 
	color: #000000;
}
/* clear */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearBoth {
	clear:both;
	}

/* ----------------------- page ------------------------------ */	
	.img_main {
		max-width: 620px;
	}

/* ----------------------- page ------------------------------ */
#page {
	background: #FFFFFF;
	width: 900px; 
	margin: 0 auto; 
	text-align: left; 
	}
	
#page_shadow {
	background-image: url(../images/shadowpage.png);
	background-repeat:repeat-y;
	width: 920px; 
	margin: 0 auto; 
	text-align: left; 
	}

#page_bottom {
	background-image: url(../images/shadowbottom.png);
	width: 920px; height:20px; 
	margin: 0 auto; 
	text-align: left; 
	}
/* -----------------------[ banner ]------------------------------ */
#header { 
	background-image:url(../images/bg/bannerRoad_bg2.jpg);
	background-repeat:no-repeat;
	height:100px;
	padding: 0 10px; 
}
#logo {
	float: left; left:-25px;
	position: relative;
} 
/* -----------------------[ footer ]------------------------------ */
#footer {
	padding: 0px 50px;
	margin:auto; padding: 0 10px;
	background-image:url(../images/bg/footerRoad_bg2.jpg);
	background-repeat:no-repeat;
	background: #ffffcc;
	text-align:center;
} 
#footer .innertube {
	width:70%;
	margin:auto;
	font-size:70%;
	padding: 0 10px;
	text-align:center;
}	
/* -----------------------[ Menu ]------------------------------ */
#menubar {
	margin: 0px;
	padding: 0px;
	width: 900px;
	background: #5970B2;
	height: 23px;
}

#dd {
  margin-left: 0%;
	margin: 0px;
  padding: 0px;
}

#dd li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font: bold 11px arial;
	float: left;
}

#dd li a.menu {
  display: block;
  text-align: center;
  background: #5970B2;
  padding: 4px 10px;
  margin: 0px 1px 0px 0px;
  color: #FFF;
  width: 60px;
  text-decoration: none;
}
#dd li a.menu:hover {
  background: #49A3FF;
}
.submenu {
  background: #EAEBD8;
  border: 1px solid #5970B2;
  visibility: hidden;
  position: absolute;
  z-index: 3;
}
.submenu a {
  display: block;
  font: 11px arial;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: #2875DE;
}
.submenu a:hover {
  background: #49A3FF;
  color: #FFF;
}
/* -----------------------[ Category ]-------------------- */
#vertBar {
	margin: 10px 0px;
	}
	#catWrap h1 {
		color:#666666;
		text-align:left;
	}
	#catWrap h6 {
		text-align:left;
	}
	#catDescWrap {
		width:100%;
	}	
	#catDescWrap .catImg {
		float:left;
		width:25%;
		padding: 10px; 
		margin:0px auto;
		text-align:center;
	}	
	#catDescWrap .innertube {
		margin:0px auto;
		text-align:center;
	}	
	#catDescWrap .catDesc {
		text-align:justify;
		font-size:85%;
		width:65%;
		margin: 0px 5px;
		padding: 5px;
		float: left;
	}	
/* ----------------[ Category Box ]------------------ */	
	.cathead {
	width: 168px;
	height:31px;;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#5970B2;
	background-repeat: no-repeat;
	border: 1px solid #999999;
	text-align: center;
}
ul.catList {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 170px;
	border-bottom: 1px solid #999999;
	font-size: 80%;
}

.catList a {
	text-decoration: none;
	color: #000000;
	font-size: 80%;
	border: 1px solid #999999;
	border-bottom: none;
	display: block;
	padding: 7px 5px 7px 30px;
	background: #ffffcc;
}

.catList a:hover {
	font-weight: bold;
	/* background: #B2F511 5px 50%; */
}
.catfoot {
	width: 168px;
	height:15px;
	border: 1px solid #999999;
	color:#FFFFFF;
	background-color:#5970B2;
}
/* --------------[ Category List ]------------------ */	
table.catTable {
	margin: 0; padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
table.catTable td {
	padding: 0 0px;
	text-align:center;
}
table.catTable td a {
	text-decoration: none;
} 
/* ----------- Category Sub ------------------ */	
.subcat {
	margin: 0; padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
	}
span.subcat {
	font-family:"Times New Roman", Times, serif;
	width:100%;
	padding: 3px;
	margin: 2px;
	color:#5970B2;
	text-align:center;
	}
.subcat li {
	float:left;
	list-style-type: none;
	width:210px; height:23em;
	overflow:visible;
	padding: .3em;
	text-align:left;
	margin-top: 5px;
	}
.subcat li .descr{
	font-size: 85%;
	}
	
.subcat li img {
	margin: 15px 3px;
	padding: 5px;
	text-align:center;
}
.subcat li a {
	text-decoration: none;
	color:#333333;
}
/* ----------- Addon Styles ------------------ */
.featureTB {
	width:170px;
	margin: 10px 0px;
	text-align:center;
	border-bottom:solid 1px #999999;
}
.featureTB span {
	font-size: larger;
}
.featureTB table {
	width:100%;
	text-align:center;
}
.featureTB table th {
	color:#000000;
	background-color:#ffffcc;
}
.featureTB table td {
	font-size: 75%;
	margin: 3px;
	padding: 5px;
}
.featureTB table td img {
	border:none;
}
.featureTB table td a {
	text-decoration: none;
	color: #333333;
}
.blueHead {
	padding: 4px 0px;
	color:#FFFFFF;
	background: #5970B2;
	font-weight:bold;
	font-size: 75%;
	text-align:center;
}
.blueFoot {
	width:100%;
	color:#FFFFFF;
	background: #5970B2;
	font-weight:bold;
	font-size: 65%;
	text-align:center;
	padding: 4px 0px;
}

/* -----------lightboxG------------------ */
.lightboxG {
	text-align: center;
	vertical-align: middle;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #941829;
	border-right-color: #941829;
	border-bottom-color: #941829;
	border-left-color: #941829;
	padding: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.lightboxG a{
	text-decoration:none;
}
.clickline {
	margin: 0px;
	padding: 0px;
}
/* -----------lightboxG------------------ */
/* CSS Document */
div.checkout {
	width:97%;
	font-size:85%;
	float:left;
	margin: 0px;
	padding: 10px 10px 10px 10px;
}
.shipEst {
	font-weight:normal;
	font-size: 85%;
 	float:right;
	margin: 25px 50px 50px 50px;
}
.process {
	margin: 15px 0px;
	float:right; padding: 15px 0px;
	width:100%;
	text-align:right;
}

.shipEst th {
	font-size:85%;	
}
.shipEst td input {
	text-align:right;
}
.shipheader {
	text-align:center;
	background-color:#d7d5ad;
	font-size:large;
}
.addressInfo {
	border:solid;
	border-width:1px;
	font-weight:normal;
	font-size: 85%;
 	float:left;
	margin: 10px; padding: 5px;
}
.orderDetail {
	font-size: 85%;
}
/* ----------- [ frmText ] -------------------- */
	div.frmText table th {
	font-size:75%; text-align:right; padding:5px 5px;
	} /* checkout.php, CheckoutFrm */
	div.frmText {
	width:400px; float:left;
	}
	div.frmText h3 {
	background:#CCCCCC; text-align:center; padding:5px 5px;
	}
	.descr {
	font-family:"Times New Roman", Times, serif;
	font-size:90%;
	}
/* ----------- [ frmText ] -------------------- */
	.qcart {
	float:right; background-color:#CCCCCC; margin: auto 5px; padding: 5px 10px;
	}
	.qcart a {
	color: #000000;
	text-decoration: none;
	}
	.qcart a img {
	border-style: none;
	}
/* ----------- [ ADD CART ITEMS ] -------------------- */
	.addCart {
		font-size:small;
	}
	.addcart option {
	
	}



/* Button Hover */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
	background-image: url(../images/navaction/view_demo.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 125px;
	display: block;
	float: left;
}

a.squarebutton:hover{ /* Hover state CSS */
	background-image: url(../images/navaction/view_demo_over.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 125px;
	display: block;
	float: left;
}

#listThree {
	list-style-type: none;
}#listThree a {
	color: #000000;
	text-decoration: none;
}#listThree li {
	float:left;
	width:225px;
	height:250px;
}

/* ----------- [ Product List ] -------------------- */
#productList {
	margin: 0px auto;
	width:85%;
	float:left;
}
#productList ul{
	 list-style:none; padding:0px; margin:0px;
}
#productList a{
	font-size:small;
}
#productList ul li{
	 width:150px; text-align:center; margin:5px;
}