@charset "utf-8";
/* CSS Document */
html, body {padding:0; margin:0; font:normal 11px Tahoma, Verdana, Arial;}
img, table {border:none}

#pageContent {width:1000px; margin:0px auto; border-left:1px solid #fff; border-right:1px solid #fff;}

/* --- Header --- */
/* --- Header --- */
.Header {height:180px; background:url(../images/header_bg.png) no-repeat;}
.headerBanner {height:120px;}
.topMenu {height:30px; color:#fff; text-transform:uppercase; font:bold 12px Tahoma, Verdana, Arial;}
.topMenu ul {padding:0; margin:0; list-style:none;}
.topMenu li {float:left; width:140px; padding:5px 20px; text-align:center;}
.topMenu li a {color:#ff0; text-decoration:none;}
.topMenu li a:hover {color:#fff;}
.topMenu li.current a {color:#fff;}


/* --- Main Container --- */
.widthMain {width:1000px; padding-bottom:0px;}
/* -- New Products -- */
.newProduct {float:left; width:800px;}
.newProductTD {float:left; width:150px; height:225px; background:url(../images/new_pro_bg.gif) no-repeat; text-align:center;}
.newProductTDImg {height:160px; width:150px; vertical-align:middle; text-align:center;}
.newProductTDImg img {
	max-width:120px; 
	width:expression(this.width > 120 ? 120 : true); 
	max-height:150px; 
	height:expression(this.height > 150 ? 150 : true);
}
.newProductTDName {color:#00af00; font-size:12px; font-weight:bold;}
.newProductTDPrice {padding-right:5px; line-height:175%;}
.newProductTDPrice b {font-size:12px;}
.newProductTDDetail {padding-left:5px; line-height:175%;}
.newProductTDDetail a {color:#000;}
.newProductTDDetail a:hover {color:#00af00;}
.newProductSpace {float:left; width:0; padding:10px 5px;}

.shoppingCart {float:left; width:190px; height:150px; padding:50px 10px 0 0; background:url(../images/shopping_bg.jpg) no-repeat; color:#fff; font-weight:bold; text-align:right; line-height:195%;}
.shoppingCartInfo {height:115px;}
.shoppingCartInfo .product {color:#000; font-size:14px;}
.shoppingCartInfo .product a {color:#000; text-decoration:none;}
.shoppingCartHD {text-align:center; font-size:12px;}
.shoppingCartHD a {color:#fff;}

/* -- Left Column -- */
.widthLeftCol {float:left; width:200px; padding-bottom:10px;}
.leftTitle {height:21px; padding:34px 10px 0 10px; color:#fff; font-weight:bold; background:url(../images/left_title_bg.jpg) no-repeat;}
.leftMenu {}
.leftMenu .title {text-transform:uppercase;}
.leftMenu ul {
	padding:0; margin:0; padding-bottom:5px;
	list-style:none; 
	background:url(../images/leftmenu_bg_ul.gif) left 12px no-repeat;
	color:#328c1b;
	font:bold 12px/20px Tahoma, Verdana, Arial;
	text-transform:uppercase;
}
.leftMenu ul a {color:#328c1b; text-decoration:none;}
.leftMenu ul span {padding-left:20px;}
.leftMenu li {
	list-style:none;
	background:url(../images/leftmenu_bg_li.gif) left 12px no-repeat;
	font-weight:normal;
	text-transform:none;
	padding-bottom:5px;
}
.leftMenu li a{color:#000; text-decoration:none;}
.leftMenu li a:hover {color:#328c1b; font-weight:bold;}

.leftSupport {padding-bottom:30px; background:url(../images/left_support_bg.jpg) bottom no-repeat;}
.leftSupport .title {text-transform:uppercase;}
.leftSupport .content {margin:0 7px; border-left:1px solid #41b923; border-right:1px solid #41b923;}
.leftSupport .content ul {padding:0 10px; margin:0; list-style:none;}
.leftSupport .content li {padding-top:5px;}
.leftSupport .content li a {color:#000; text-decoration:none;}
.leftSupport .content li a:hover {color:#328c1b;}
.leftSupport .content li span {padding-left:10px;}

.leftSearch {padding:10px 0 5px 0; color:#328c1b; font-weight:bold;}
.txtSearch {font:normal 11px Tahoma, Verdana, Arial; margin:0 5px; vertical-align:bottom}

.leftCounter {padding-left:5px; color:#000; font-size:12px; font-weight:bold;}

/* -- Main Column -- */
.widthMainCol {float:left; margin-left:20px; margin-top:20px; width:780px;}
.mainLinks {padding:5px 0 0;}
.mainLinks a {color:#318c1a;}
.mainLinks a:hover {color:#000;}
.mainBanner {width:780px; height:200px; overflow:hidden;}
.mainTitle {padding-bottom:27px; background:url(../images/main_title_bg.gif) bottom no-repeat; color:#318c1a; font:bold 24px Tahoma, Verdana, Arial;}

.aboutUs {padding-top:10px; font-size:12px; text-align:justify; line-height:130%;}
.aboutContent {padding:0 20px;}
.aboutContent a {color:#318c1a; font-size:11px;}
.aboutContent  img {
	float:right; 
	padding-left:20px; padding-bottom:5px; 
	max-height:150px; height:expression(this.height > 150 ? 150 : true); 
	max-width:150px; width:expression(this.width > 150 ? 150 : true);
}
.aboutDetail {padding:0 20px;}
.aboutDetail a {color:#318c1a; font-size:11px;}
.aboutDetail  img {
	float:right; 
	padding-left:20px; padding-bottom:5px; 
	max-width:300px; width:expression(this.width > 300 ? 300 : true);
	max-height:500px; height:expression(this.height > 500 ? 500 : true);
}
.aboutDetail li {list-style:outside disc; margin-left:15px;}
.aboutDetail ul {padding:0; margin:0;}
.aboutDetail li li { list-style:circle;}
.aboutSlogan {font:bold 16px/200% Tahoma, Verdana, Arial; text-align:center;}

.contactUs {padding-top:10px; margin-bottom:10px; font-size:12px; text-align:justify; line-height:130%;}
.contactContent {padding:0 20px;}
.formTitle {font-weight:bold;}
.textForm {height:16px; margin:1px 0;}
.textArea {margin:1px 0;}
.button {margin:10px 5px 0 0; font:normal 12px Tahoma, Verdana, Arial;}

.productPage {padding-top:10px; font-size:12px;}
.productTable {padding:0 10px;}
.productTR {padding-bottom:20px;}
.productTD {float:left; width:175px; text-align:center;}
.productTD img {max-width:173px; width:expression(this.width > 173 ? 173 : true); max-height:130px; height:expression(this.height > 130 ? 130 : true);  margin:5px 0;}
.productTDEx {border:1px solid #69b456; width:173px;height:147px}
.productTDName {padding:10px 30px 5px; font-weight:bold; font-size:12px;}
.productSpace {float:left; width:0; padding:20px 10px;}
.productTDPrice {padding-right:5px; line-height:175%; font-size:11px;}
.productTDPrice b {font-size:12px;}
.productTDDetail {padding-left:5px; line-height:175%;}
.productTDDetail a {color:#00af00;}
.productTDDetail a:hover {color:#000;}

.productDetail {padding:0 20px; line-height:200%;}

/*Page Number*/
.pageNumber { border-top:2px solid #318c1a; padding:1px 5px 0 5px; margin:10px 0;}
.pageNumber .current {float:left; display:block; padding:2px 5px; background:#318c1a; color:#fff; font-weight:bold; margin-left:1px;
border:1px solid #FFDF55;
}
.pageNumber a {float:left; display:block; padding:2px 5px; background:#fff; color:#318c1a; font-weight:bold; text-decoration:none; margin-left:1px;
	border:1px solid #FFDF55;
}
.pageNumber a:hover {background:#318c1a; color:#fff;}

/* --- Footer --- */
.Footer {clear:both; height:120px; background:#245000 url(../images/footer_bg.gif) bottom no-repeat; color:#fff; text-align:center; line-height:175%;}
.Footer a {color:#ff0;}
.Footer .menu {color:#4bcd28; padding-top:7px;}
.Footer .menu a {color:#4bcd28; text-decoration:none; padding:0 20px; font-weight:bold;}
.Footer .menu a:hover {color:#ff0;}

/* - Others - */
.clear {clear:both;}
.red {color:#f00; font:bold 10px Tahoma, Verdana, Arial;}
.Line {height:10px; line-height:10px; border-bottom:1px dotted #318c1a; margin-bottom:10px;}
/*Button*/
.buttonAddtoCart {
	width:100px;
	height:15px;
	background: url(../images/button_cart.gif) left center no-repeat;
	padding:0 0 0 15px;
	text-align:left;
	font:bold 11px/100% Arial; 
	cursor:pointer;
	color:#FFF;
	border:0 none;
}
.buttonEmpty {
	width: 100px; 
	height: 20px; 
	border: none; 
	background: url(../images/empty.gif) top left no-repeat;
	cursor: pointer; line-height: 0px; 
	padding-left:10px; 
	font:normal 11px/100% Arial; 
	color:#444;
}
.buttonUpdate {
	width: 100px; 
	height: 20px; 
	border: none; 
	background: url(../images/update.gif) top left no-repeat;
	cursor: pointer; line-height: 0px; 
	padding-left:10px; 
	font:normal 11px/100% Arial; 
	color:#444;
}
.buttonContinue {
	width: 120px; 
	height: 20px; 
	border: none; 
	background: url(../images/continue.gif) top left no-repeat;
	cursor: pointer; line-height: 0px; 
	padding-left:10px; 
	font:normal 11px/100% Arial; 
	color:#444;
}
.buttonCheckout {
	width: 120px; 
	height: 20px; 
	border: none; 
	background: url(../images/checkout.gif) top left no-repeat;
	cursor: pointer; line-height: 0px; 
	padding-left:10px; 
	font:bold 11px/100% Arial; 
	color:#444;
}
.buttonLogin {
	width: 80px; 
	height: 20px; 
	border: none; 
	background: url(../images/login.gif) top left no-repeat;
	cursor: pointer; line-height: 0px; 
	padding-left:10px; 
	font:normal 11px/100% Arial; 
	color:#444;
}


.shoppingCartEx {width:200px; height:100px; margin-top:15px; background:url(../images/cart_bg.gif) no-repeat; font-size:12px;}
.shoppingCartTitleEx {padding:7px 0 7px 15px; height:16px; color:#fff; font:bold 13px Tahoma, Verdana, Arial;}
.shoppingCartTitleEx a {color:#fff; text-decoration:none;}
.shoppingCartContentEx {padding:15px 0 0 15px;}
.shoppingCartContentEx .hightlight {font-weight:bold;}
.shoppingCartContentEx .hightlight a {color:#000; text-decoration:none; font-size:12px;}
.shoppingCartContentEx .hightlight a:hover {color:#ed1d25;}
.shoppingCartContentEx a {color:#ed1d25; font-size:11px;}


.productDetailImg{float:left; width:300px; margin-right:10px; text-align:center;}
.productDetailImg .frameDetailImg{width:300px; text-align:center;}
.productDetailImg .frameDetailImg img{max-width:300px; width:expression(this.width > 300 ? 300 : true);}
.productDetailContent{float:left; width:400px;}
.zoomImage
{
	padding-top:5px;
	color:#FF9900;
	text-align:center;

}
.zoomImage img
{
	color:#FF9900;
	text-align:center;
	border:0px;	
}

.zoomImage a
{
	color:#999999;
	text-decoration:none;
	text-align:center;
}
.zoomImage a:hover
{
	color:#FF9900;
	text-decoration:none;
	text-align:center;
	
}
.productCartEx{float:left; width:100px; height:15px; background: url(../images/button_cart.gif) left center no-repeat; padding:1px 0 0 20px; margin-bottom:5px; text-align:left;}
.productCartEx a{font:bold 11px/100% Arial; color:#FFF; text-decoration:none; line-height:15px;}
.productCartEx a:hover{font:bold 11px/100% Arial; color:#FFF; text-decoration:none; line-height:15px;}


/*Shopping cart*/
.mainBagTitle{
	background:#386f12;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	padding-left:5px;
	border:1px solid #4bcd28;
}
.mainBagContent{
	font-size:11px;
	padding-left:5px;
	border-bottom:1px solid #D7DFE3;
}
.mainBagPrice{
	font-size:12px;
	padding-right:10px;
	background:#F2f4f5;
	border-bottom:1px solid #D7DFE3;
}
.mainBagTotalPrice{
	font-size:12px;
	font-weight:bold;
	padding-right:10px;
}
.mainBagContent a{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
.mainBagContent a:hover{text-decoration:underline;}
.mainBagProName {color:#555;}