@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 ------------------------------ */
#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;
}	


/* ----------- 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 {
	font-size:85%;
	float:left;
	margin: 25px 50px 10px 50px;
}
.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; }

	/* Button Hover */
	/*URL: http://www.dynamicdrive.com/style/ */
	a.squarebutton{
		height: 28px; width: 125px; display: block; float: left;
		background-image: url(../images/navaction/view_demo.gif); background-repeat: no-repeat; }
	a.squarebutton:hover{ /* Hover state CSS */
		height: 28px; width: 125px; display: block; float: left;
		background-image: url(../images/navaction/view_demo_over.gif); background-repeat: no-repeat; }
	#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; }