﻿body 
{
	background-color:#ceddc1;
}

input.btnNormal {font-family: Verdana, Times New Roman, Arial, Geneva, Helvetica;background-color:#2D3446;color:#FFF;font-size:11px; border:1px solid;}
.no-margin {margin:0px !important;}
.clearLine {width:80%; margin:0px auto; border-top:dotted 1px #000; height:1px; clear:both;}
.clear {
    clear: both;
    float: none !important;
    height: 1px;
    overflow: hidden;
}

#warper 
{
	width:990px;
	margin: 0px auto;
	background-color:#fff !important;
}

#header
{	
	text-align:right;
}

.cart
{
	width:25px;
	height:25px;
	border:0px;
}

h2
{

}

h3
{
	margin:0px 0px 10px;
	font-size:17px;
	line-height:20px;
}

h3.title
{
	margin:0px 0px 30px;
	font-size:22px;
	line-height:24px;
}

h4
{
	font-size:13px;
}

.addCart{text-align:right; margin:4px;}

.textError
{
	color:Red;
}

fieldset legend 
{
	margin:0px;
}

.div50
{
	float:left;
	width:48%;
	margin:0px 4px 0px 0px;
}

#header h1
{
	margin: 0px;
	display : block;
	width: 330px;
	height: 237px;
	background-image:url(../images/headerLeft.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
}

#header h1 span
{
	display:none;
}

#header .headerSpace
{
	height:10px;
	background-color:#3d3d3d;
}

#header .headerRight
{
	margin:0px 0px 0px 0px;
	border:0px;
	padding:0px;
	float:left;
	display:block;
	width:660px;
	height:154px;
}

#header .headerRight .languageDevice
{
	height:20px;
}

#header .headerRight .userWelcome
{
	vertical-align:top;
	height:25px;
	margin:33px 10px 5px 0px;
}

#header .headerRight .userWelcome a
{
	display:inline;
}

#header .headerRight .languageDevice a
{
	margin-right:10px;
}

#header .headerRight .languageDevice a.active
{
	/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */
  filter: alpha(opacity=30);
  /* Netscape */
  -moz-opacity: 0.3;
  /* Safari 1.x */
  -khtml-opacity: 0.3;
  /* Good browsers */
  opacity: 0.3;
}

#loginBar
{
	text-align:right;
	background-color:#3d3d3d;
	vertical-align:middle;
	padding:6px 1%;
	color:#fff;
	height:30px;
	overflow:hidden;
	width:98%;
}

#loginBar a
{
	color:#fff;
	font-weight:bold;
}

#loginBar .left
{
	float:left;
	vertical-align:middle;
	width:20%;
	text-align:left;
	overflow:hidden;
}

#loginBar .left a
{
	line-height:21px;
	font-size:19px;
}

#loginBar .right
{
	float:right;
	width:80%;
	overflow:hidden;
	color:#fff;
}

#loginBar .right a
{
	line-height:23px;
}

#loginBar .checkBox input
{
	margin:2px 0px;
	
}

#loginBar .checkBox label
{
	color:#fff;
	margin:2px 0px;
	padding:0px;
	display:inline-block;
}

#loginBar input.textBox
{
	border:1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

#divLeft
{
	width:204px;
	margin: 0px 10px 0px 0px;
	float:left;
	overflow:hidden;
}

#divLeft .menu
{
	margin:10px 0px 0px 0px;
	padding:0px;
}

#divLeft .menu span
{
	display:none;
}

#divLeft .menu li
{
	list-style-type:none;
}

#divLeft .menu li a
{
	display:block;
	width:193px;
	height:40px;
}

#divLeft .menu li.home a
{
	background-image:url(../images/MenuHome.gif);
}
	
#divLeft .menu li.home a:hover
{
	background-image:url(../images/OMenuHome.gif);
}
#divLeft .menu li.home a.active
{
	background-image:url(../images/OMenuHome.gif);
}

#divLeft .menu li.category a
{
	background-image:url(../images/MenuCategory.gif);
}
#divLeft .menu li.category a:hover
{
	background-image:url(../images/OMenuCategory.gif);
}
#divLeft .menu li.category a.active
{
	background-image:url(../images/OMenuCategory.gif);
}

#divLeft .menu li.news a
{
	background-image:url(../images/MenuNews.gif);
}
#divLeft .menu li.news a:hover
{
	background-image:url(../images/OMenuNews.gif);
}
#divLeft .menu li.news a.active
{
	background-image:url(../images/OMenuNews.gif);
}
#divLeft .menu li.aboust a
{
	background-image:url(../images/MenuAbout.gif);
}
#divLeft .menu li.aboust a:hover
{
	background-image:url(../images/OMenuAbout.gif);
}
#divLeft .menu li.aboust a.active
{
	background-image:url(../images/OMenuAbout.gif);
}
#divLeft .menu li.contact a
{
	background-image:url(../images/MenuContact.gif);
}
#divLeft .menu li.contact a:hover
{
	background-image:url(../images/OMenuContact.gif);
}
#divLeft .menu li.contact a.active
{
	background-image:url(../images/OMenuContact.gif);
}

#divLeft .linkFriend
{
	text-align:center;
}

#navMenu
{
	background-color:#12cd7c;
}

#navMenu .menuCover
{
	
	
}


#navMenu span
{
	text-transform:uppercase;
	font-family:Tahoma;
	font-size:18px;
	color:#12cd7c;
	display:block;
	padding:0px 0px 0px 10px;
	background-color:#fff;
	border-left:solid 1px #0ca563;
	padding:5px 0px 5px 5px;
}

#navMenu ul
{
	list-style:none;
	display:block;
	border-left:solid 1px #0ca563;	
	margin:0px;
}

#navMenu ul li
{
	list-style:none;
	display:block;
	padding:5px;
}

#navMenu ul li a, #navMenu ul li a:visited
{
	color: #FFFFFF;
    display: inline-block;
    margin-left: 4px;
    padding: 5px;
    text-decoration: none;
    width: 80%;
    -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
	text-transform:uppercase;
}

#navMenu ul li a:hover
{
	background-color:#0ca563;
}

	
#divLeft .linkFriendText
{
	margin:10px 0px 10px 10px;
	font-size:13px;
	border-bottom: solid 1px #000;
	padding:4px;
}

.linkFriendText ul
{
	margin:0px 0px 10px;
	list-style:none;
}
	
#divLeft .linkFriend img
{
	border:0px;
	margin-top:10px;
	
	}

#divRight
{
	float:left;
	width:774px;
	padding:4px 0px;
	overflow:hidden;
}

#footer
{
	background-image:url(../images/footer.gif);
	background-position:234px 0px;
	background-repeat:no-repeat;	
	background-color:#37170a;
	padding:35px 10px 5px 10px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	position:relative;
}
#footer .stats
{
	color:#fff; 
	position:absolute; 
	font-weight:bold;
	font-size:13px;
	top:4px;
	left:4px;
}

#footer .stats span
{
	color:#fff;	
	font-weight:bold;
	font-size:16px;
	background-color:#000;
	padding:2px 10px 2px 8px;	
}

.newsItem
{
	margin: 10px 0px 20px 0px;
}
.newsItem img
{
	margin: 0px 10px 0px 0px;
	display:block;
	float:left;
	border:0px;
	width:150px;
	
	}
.newsItem .newsDescription 
{
	float:left;
	width:610px;
}
.readMore
{
	text-align:right;
	font-weight:bold;
}
.newsInformation
{
	padding-top:10px;
	text-align:right;
}
#Breadcrumb
{
	border-bottom: dotted 1px #000;
	margin:10px 0px 20px;
	padding-bottom:4px;
	font-size:17px;
}
		
#Breadcrumb a
{
	font-weight:bold;
	background: url('../Images/arrow_right.gif') no-repeat bottom right !important;
	padding-right:20px;
	font-size:17px;
	color:#1c842b;
}

#Breadcrumb span
{
	font-size:17px;
}
#messageBar
{
	margin:10px 0px;
	font-size:16px;
	font-weight:bold;
}
/*Paging*/
.divBorder
{
    border:1px solid #363636;
}
.pagination{
    padding: 4px;
    margin:4px 0px;
}
.pagingbt{
border: 1px solid #BBBEC1;
color: #000;
background-color:#fff;
margin: 0px 5px 0px 0px;
padding: 2px 5px;
}

.pagingbtactive
{
	background-color: #A7ACAE;
	color: #FFF;
	border: 1px solid #A7ACAE;
	font-weight: bold;
	margin: 0px 5px 0px 0px;
	padding: 2px 5px;
}

.divPageButton, .divPageLink{
    padding: 4px;
    margin: 4px 0px 0px 0px;
}

.divPageLink a, .divPageLink a:visited
{
	padding: 3px 8px;
	border: 1px solid #bbbec1;
	color: #000;
	margin: 0px 5px 0px 0px;
}

.divPageLink a:hover, .divPageLink a:active{
border: 1px solid #E7EAEE;
color: #000;
background-color: #E7EAEE;
}

.divPageLink a.pagingLinkActive, .divPageLink a.pagingLinkActive:hover{
background-color: #A7ACAE;
color: #FFF !important;
border-color: #A7ACAE;
font-weight: bold;
cursor: default;
}
/*End Paging*/

/*Homepage*/
#categoryList { width:10000px; background-color: #D7D6D4; overflow:hidden; margin: 0px auto;}
.categoryItem { float:left; width:150px; margin: 10px 0px 0px; text-align:center; background-color:#d7d6d4; cursor:pointer;}
.categoryItem img { width:130px; height:130px; margin:0px auto; border:0px; padding:0px; display:block;}
.categoryItem span { color:Green; font-weight:bold; padding:4px 2px 0px; text-transform:uppercase; display:block;}
#recommendList {}
#recommendList .RecommendItem 
{
    width:380px;
    float:left;
    margin:0px 5px 12px 0px;
}
#recommendList .RecommendItem h3
{
}
#recommendList .RecommendItem .RecommendItemImage 
{
	float:left;
	width:175px;
}
#recommendList .RecommendItem .RecommendItemImage a
{
	display:block;
}
#recommendList .RecommendItem .RecommendItemImage img {border:0px; margin:5px 15px 10px 30px;width:130px; display:block;}
#recommendList .RecommendItem .RecommendItemDescription 
{
	padding:5px 30px 0px;
	color:#fff;
}
#recommendList .RecommendItem .RecommendItemDescription  h3
{
	color:#fff;
	font-size:13px;
	margin:0px 0px 6px 0px;
}
#recommendList .RecommendItem .RecommendItemDescription  a, #recommendList .RecommendItem .RecommendItemDescription a:visited
{
	color:#fff;
}
#recommendList .RecommendItem .top
{
	background-image:url(../images/frameTop.jpg);
	height:13px;
	overflow:hidden;
}
#recommendList .RecommendItem .middle
{
	display:block;
	width:380px;
	background-image:url(../images/frameMiddle.jpg);
	margin:0px;
	padding:0px;
}
#recommendList .RecommendItem .bottom
{
	background-image:url(../images/frameBottom.jpg);
	height:13px;
	overflow:hidden;
}
div.promotion h2
{
	float:left;        	
}
div.promotion a
{
	float:right;        
	display:block;
	margin-top:-30px;
}
/*End Homepage*/

/* Category */
#categoryList { margin: 0px auto;}
.categoryDetail {}
.categoryDetail .categoryImage  
{
	margin:0px 10px 10px 0px;
}
.subCategory
{
	margin:20px 10px 0px;
}
.subCategory h2
{
	font-size:13px;
	line-height:15px;
	text-align:center;
}

.product-list {}
.productItem { float:left; width:370px; margin:30px 24px 30px 0px;}
.product-list .right {margin-right:0px;}
.productItem img { float:left; border:0px; margin:0px 20px 0px 0px;}
.productItem .productImage span {width:150px; text-align:center; color:Green; display:block; line-height:20px; font-weight:bold; text-transform:uppercase; background-color:#d7d6d4;}
.productItem .productDescription {margin:0px 0px 0px 10px;}
.viewDetail {text-align:right; font-weight:bold; margin:10px 4px;}
.breadCrumb {}
/* End Category */

/* Product */
.pIntro {margin:0px 0px 20px;}
.pImage {float:left; margin-right:20px;}
.pImage img {max-width:300px;}
.pImage p {text-align:center;}

.productDetail {margin:10px 0px 0px 0px; padding:0px;}
.productInformation { background-color:#2D3446; color:#fff; padding:2px;}
.productInformation div {font-size:16px;}
.productInformation span {color:#fff; font-size:16px;}
.productInformation .div50 {font-size:16px;}
.productInformation .div50 span {font-size:16px;}
/* End Product */

/* Partner */
.partner
{
	
}

.partner li
{
	float:left;
	width:50%;
	margin:2px 0px;
}
/* End Partner */

/* Category Page */
.category-block
{
	float:left;
	width:363px;
	margin: 30px 24px 30px 0;
}

.category-block img
{
	margin:0px 10px 10px 0px;
}
/* End Category Page */