@font-face {
    font-family: 'FamilianSonRegular';
    src: url('../font/fami/fami_s-webfont.eot');
    src: url('../font/fami/fami_s-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/fami/fami_s-webfont.woff') format('woff'),
         url('../font/fami/fami_s-webfont.ttf') format('truetype'),
         url('../font/fami/fami_s-webfont.svg#FamilianSonRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('../font/myriad/myriadpro-boldcond-webfont.eot');
    src: url('../font/myriad/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/myriad/myriadpro-boldcond-webfont.woff') format('woff'),
         url('../font/myriad/myriadpro-boldcond-webfont.ttf') format('truetype'),
         url('../font/myriad/myriadpro-boldcond-webfont.svg#MyriadProBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProCondensed';
    src: url('../font/myriad/myriadpro-cond-webfont.eot');
    src: url('../font/myriad/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/myriad/myriadpro-cond-webfont.woff') format('woff'),
         url('../font/myriad/myriadpro-cond-webfont.ttf') format('truetype'),
         url('../font/myriad/myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* 1 Reset
-----------------------------------------------------------------------------------------------*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; dvertical-align: baseline; background: transparent; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal;}
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td {  }
th { text-align: left; }
*{margin:0px; padding:0px; outline: 0;}
.clear{clear:both;margin:0; padding:0;} 
.cf{clear:both;margin:0; padding:0;} 

/* 2 Global
-----------------------------------------------------------------------------------------------*/
html {}
body {color:#000; font:12px "Myriad Pro","Trebuchet MS", Helvetica, sans-serif; text-align:left; margin:0; width:100%; background:url(../images/material/bg_body.jpg) repeat;}
body > #wrap {height: auto; min-height: 100%;}
ol#accessibility, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }
hr {display:none;}
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select {font: 12px Arial, Helvetica, sans-serif; padding:4px 2px;color:#000;border:#cccccc solid 1px;}
p{line-height:17px;margin:1px 0 15px 0;}
a { color:#999; text-decoration: none; outline: none; font-weight:normal; }
a:hover {cursor: pointer; color:#333333; text-decoration:none; }
.left { float: left; display: inline; }
.right { float: right; display: inline;} 
h1{font-size:18px; margin:0px;}
h2{font-size:18px; margin:0px;}
h3{font-size:16px; margin:0px;}
h4{font-size:14px; margin:0px;}
h5{font-size:12px; margin:0px;}
hr{border:none; border-top: 1px solid #333333; margin:0px;}
.wrapper{width:950px; margin:0px auto;position:relative;}
.wrap{}

/* 3 Structure
-----------------------------------------------------------------------------------------------*/
#container{width:100%; margin:0px auto; position:relative;  background:url(../images/material/bg_container.jpg) repeat-x top center; min-height:614px;}
#container  ::-moz-selection {
	background: #93f0ff;
}
#container  ::selection {
	background: #93f0ff;
}
#content-container {width:100%;min-height:445px;}
#content-container-page {width:100%;min-height:92px; background:url(../images/material/bg-content.jpg) repeat-x center top; margin-top:-1px;}
#slider-home { width:100%; position:relative;}
#homebanner { padding:0px; border:0px solid #CCC; background:#ecfcff; margin:0 0 20px 0;}

/* top 
------- */
#top{width:100%; position:relative; background:url(../images/material/bg-top.jpg) repeat-x; min-height:88px; padding-top:10px;}
#logo {width:152px; height:88px; margin-right:35px; float:left;}
#top_box1 {float:right;height:44px;margin-top:10px; color:#926f0f;}
#top_box1 a {color:#926f0f;}
#top_box1 a:hover {text-decoration:underline;}
#top_box1 ul {}
#top_box1 ul li{float:left;}
#top_box1 ul li .my-acount{margin-right:15px;margin-top:7px; float:left;}
#top_box1 ul li .reg{margin-right:10px; margin-left:15px; margin-top:7px; float:left;}
#top_box1 ul li .lv{float:left;margin-top:7px;}
.chekout-left {background:url(../images/material/chekout-left.png) no-repeat left center; width:7px; height:30px; float:left}
.chekout-center {background:url(../images/material/chekout-center.png) repeat-x left center; width:222px; height:30px; float:left; color:#fff;}
.chekout-center ul {}
.chekout-center ul li {float:left; padding-top:7px;}
.chekout-center ul li a{color:#fff !important; font-weight:bold;}
.chekout-center ul li .lv2{float:left;margin:0 10px;}

.img-cart {margin-right:10px;}
.chekout-right {background:url(../images/material/chekout-right.png) no-repeat left center; width:7px; height:30px; float:left;}
.fb {min-width:13px; min-height:24px; background:url(../images/material/icon_fb.png) no-repeat; padding-left:15px; line-height:11px; margin-right:17px; margin-top:5px; }
.fb a {font-size:11px; color:#926f0f; }
.twit {min-width:28px; min-height:25px; background:url(../images/material/icon_twit.png) no-repeat; padding-left:32px; line-height:12px; margin-right:17px; margin-top:5px;}
.twit a{font-size:11px; color:#926f0f;}

#top_box2{float:right; height:44px;}	

#mainmenu { float:left; height:30px; width:auto;}
#mainmenu ul{float:left; padding-left:0px;}
#mainmenu ul li{float:left;}
ul.menu li {float: left;line-height:33px;vertical-align: middle;}
ul.menu li a{ font-family: 'FamilianSonRegular'; padding:0px 27px !important; background:none;color:#fff; display:block; font-weight:normal; font-size:26px; text-align:center; }
ul.menu a:link,	ul.menu a:visited{color:#926f0f;text-decoration: none; }
ul.menu a:hover{color:#ad9631;}
ul.menu a:active{color:#ad9631;}	
ul.menu li:hover{color:#ad9631;}
ul.menu li:hover a{color:#ad9631;}
ul.menu li a.active{color:#ad9631;}

#search {float:left;}
#search .search-left {background:url(../images/material/search-left.png) no-repeat left center; width:7px; height:30px; float:left;}
#search .search-center {background:url(../images/material/search-center.png) repeat-x left center; width:222px; height:30px; float:left;}
#search .search-center .input-search{border:none; width:90%; height:17px;margin-top:3px; float:left;}
#search .button-search {width:15px; height:14px; background:url(../images/material/search-button.png) no-repeat left center; float:right;border:none; cursor:pointer; margin-top:7px;}
#search .search-right {background:url(../images/material/search-right.png) no-repeat left center; width:7px; height:30px; float:left;}


/* slide bottom 
-------------*/
#slide-bottom {}
.slide-product {width:950px; margin:35px 0 20px 0;}
.slide-product h2 {font-size:18px; color:#e28500;  text-transform:uppercase; margin-bottom:5px;}
.slide-product-top {height:7px;}
.slide-product-mid {width:100%;}
.slide-product-bot {height:7px;}

.box_module{padding:0px 0px 0px 0px;border:#e9e9e9 solid 0px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.box_module .product_wal{width:950px;padding:0px 0 0 0px;position:relative;}
.box_module .product_wal h2{font-size:14px;font-weight:bold;}
.box_module .product_wal .sliding_product{width:900px !important;margin:0px auto;padding:0px 0px;overflow:hidden;}
.box_module .product_wal .sliding_product li{float:left;width:300px; min-height:170px !important; margin-right:5px;}
.box_module .product_wal .sliding_product li .mask{width:300px;overflow:hidden;text-align:left;border:#dbdada solid 0px; }
.box_module .product_wal .sliding_product li .mask h2{font-size:20px;font-weight:normal; text-transform:none;}
.box_module .product_wal .sliding_product li .mask p{font-style:italic; font-size:12px; }
.box_module .product_wal .sliding_product li .title-mask {float:right; width:158px; color:#00457c; font-size:13px; font-weight:bold;padding-bottom:5px;text-align:left;}
.box_module .product_wal .sliding_product li .mask .c1{color:#007d94;}
.box_module .product_wal .sliding_product li .mask .c2{color:#812211;}
.box_module .product_wal .sliding_product li .mask .c3{color:#5f6923;}
.box_module .product_wal .sliding_product li .img-mask {padding:0px 8px 0 0px;margin-bottom:10px; float:left;}

.box_module .product_wal .nav_slide{}
.box_module .product_wal .nav_slide .bt_prev1{position:absolute;top:50px;left:5px;z-index:100;}
.box_module .product_wal .nav_slide .bt_next1{position:absolute;top:50px;right:5px;z-index:100;}

.link-but { float:left; margin-right:28px; margin-top:0px; width:116px; height:38px;}
.link-but-last {float:left; margin-right:0px !important; margin-top:0px; width:116px; height:38px;}

.left-wrp{
	float:left;
	width:605px;
	margin:30px 0;
	color:#221f1f;
	font-size:14px;
}
.left-wrp h1{
	font-family:FamilianSonRegular;
	font-size:48px;	
	color:#5f6924;
	margin-bottom:20px;
}

.productpage{
	fborder:1px solid #000;
	float:left;
	width:100%;
	margin:50px 0 0 0;
}
.productpage h2{
	font-size:30px;	
	color:#5f6924;
	font-weight:normal;
	font-family:MyriadProCondensed;
}
.productpage h2 b{
	font-family:MyriadProBoldCondensed;
}
.productpage ul.product-list{
	float:left;
	width:100%;
	margin-top:20px;
}
.productpage ul.product-list li{
	float:left;
	list-style:none;
	padding-right:17px;
}
.productpage ul.product-list li img:hover{
	opacity:0.6;
}
.productpage .left-page{
	float:left;
	width:605px;
	margin-top:40px;
	dborder:1px solid #000;
}
.productpage .left-page h2{
	padding:0;
	margin:0;
	font-size:48px;	
	color:#d14c1d;
	font-weight:normal;
	font-family:FamilianSonRegular;
}
.productpage .left-page span.name-prod{
	font-size:21px;	
	color:#6f2910;
	font-weight:normal;
}
.productpage .left-page span.ind-desc{
	font-size:14px;	
	color:#231f20;
	font-weight:normal;
}
.productpage .left-page span.eng-desc{
	font-size:14px;	
	color:#6f2910;
	font-style:italic;
	font-weight:normal;
	padding-top:20px;
	display:block;
}
.productpage .left-page table{
	margin:20px 0 50px 0;
	padding:0;
}
.productpage .left-page table tr td{
	margin:0;
	padding:0;
	font-size:14px;	
}
.productpage .left-page table tr td input.btn{
	border:none;
	cursor:pointer;
	text-indent:-999px;
	width:140px;
	height:32px;
	background:url(../images/material/btn-addtocart.jpg) no-repeat ;
}
.productpage .left-page table tr td input.qty{
	border:none;
	width:40px;
	height:18px;
	padding:6px 5px;
	background:url(../images/material/input-qty.jpg) no-repeat center ;
}

.contactpage{
	float:left;
	width:100%;
	margin:40px 0 30px 0;
}
.contactpage .contact-form{
	float:left;
	width:480px;
	margin:0;
}
.contactpage .contact-form h2, .right-page h2{
	color:#5f6924;
	font-size:48px;	
	font-family:FamilianSonRegular;
}
.contactpage .contact-form table{
	padding:0;
	margin:40px 0 0 0;
}
.contactpage .contact-form table tr td span{
	color:#812311;
}
.contactpage .contact-form table tr td span.captha{
	color:#5f6924;
	font-size:26px;
	font-family:MyriadProCondensed;
}
.contactpage .contact-form table tr td{
	font-size:14px;
	padding:8px 2px;
}
.contactpage .contact-form table tr td input{
	background:url(../images/material/contact-form.png) no-repeat top center;
	height:20px;
	width:276px;
	padding:5px;
	border:none;
}
.contactpage .contact-form table tr td input.code{
	background:url(../images/material/contact-form.png) no-repeat bottom left;
	height:20px;
	width:195px;
	padding:6px;
	border:none;
}
.contactpage .contact-form table tr td input.send{
	background:url(../images/material/btn-send.jpg) no-repeat;
	height:32px;
	width:90px;
	border:none;
	cursor:pointer;
	text-indent:-999px;
}
.contactpage .contact-form table tr td textarea{
	background:url(../images/material/contact-form.png) no-repeat center;
	height:165px;
	width:276px;
	padding:5px;
	border:none;
}
.contactpage .contact-form table tr td a.forgot{
	color:#812311;
	font-size:12px;
	font-style:italic;
	text-decoration:underline;
}
.contactpage .contact-form table tr td a.forgot:hover{
	text-decoration:none;
}
.contactpage .contact-form table tr td i{
	color:#221f1f;
	font-size:12px;
}

.contactpage .contact-form table tr td input.signin{
	background:url(../images/material/btn-signin.jpg) no-repeat top left;
	height:32px;
	width:110px;
	border:none;
	cursor:pointer;
	text-indent:-999px;
}

.contactpage .right-page{
	float:right;
	width:430px;
	margin-top:20px;
}
.contactpage .right-page table {
	margin:0 0 0 0;
	padding:0;
}
.contactpage .right-page table  tr td{
	
}
.contactpage .right-page table  tr td span{
	color:#5f6924;
	font-size:30px;	
	font-family:FamilianSonRegular;
}
.contactpage .right-page table  tr td a{
	color:#812311;
}
.contactpage .right-page a.register{
	background:url(../images/material/btn-signin.jpg) no-repeat bottom left;
	height:32px;
	width:120px;
	border:none;
	cursor:pointer;
	display:block;
	margin-top:20px;
	text-indent:-999px;
}

.cartpage{
	float:left;
	width:100%;
	margin-top:40px;
	font-size:14px;
}
.cartpage h2{
	color:#5f6924;
	font-size:48px;	
	float:left;
	font-family:FamilianSonRegular;
}
.cartpage a.continue-shop{
	background:url(../images/material/btn-cart.png) no-repeat bottom left;
	height:32px;
	width:206px;
	border:none;
	cursor:pointer;
	display:block;
	text-indent:-999px;
	float:right;
	margin-top:10px;
}
.cartpage table.tbl-cart{
	margin:20px 0 20px 0;
	padding:;
	border-bottom:1px solid #d2d2d2;
}
.cartpage table.tbl-cart tr th{
	background:#92700f;
	color:#fff;
	font-family:FamilianSonRegular;
	font-size:24px;	
	text-align:center;
	padding:5px 0;
}
.cartpage table.tbl-cart tr td table tr td{
	font-size:14px;
}
.cartpage table.tbl-cart tr td table tr td{
	border-bottom:1px solid #d2d2d2;
	padding:10px 0;
}
.cartpage table.tbl-cart tr td table tr td input{
	border:none;
	width:40px;
	height:18px;
	padding:6px 5px;
	background:url(../images/material/input-qty.jpg) no-repeat center ;
}
.cartpage table.tbl-cart tr td table.tbl-detail{
	margin:10px 0 !important;
}
.cartpage table.tbl-cart tr td table.tbl-detail tr td{
	border:none;
	text-align:right;
	padding:3px 0;
}
.cartpage table.tbl-cart tr td table.tbl-detail tr td span{
	color:#812311;
	font-weight:bold;
}
.cartpage table.tbl-cart tr td table tr td textarea.comment{
	border:none;
	width:940px;
	height:104px;
	padding:6px 5px;
	margin-top:10px;
	background:url(../images/material/textarea.jpg) no-repeat ;
}
.cartpage table#tbl-cart tr th{
	text-align:left;
	padding-left:40px;
}
.cartpage table#tbl-cart tr td{
	padding:10px 0 30px 40px;
}
.cartpage table#tbl-cart tr td a.update{
	background:url(../images/material/btn-cart.png) no-repeat top left;
	height:31px;
	width:115px;
	border:none;
	cursor:pointer;
	display:block;
	margin-top:20px;
}
.cartpage ul{
	width:78%;
	margin:20px auto 50px auto;
}
.cartpage ul li{
	background:#e4dbc3;
	margin:10px 0;
	font-size:21px;	
	padding: 10px 0 10px 40px;
}
.cartpage ul li img{
	margin-right:20px;
	vertical-align:middle;
}
.cartpage ul li a{
	color:#221f1f;	
}
.cartpage ul li a:hover{
	color:#6f7b28;
	text-decoration:underline;
}
.cartpage ul li:hover{
	opacity:0.8;
}
#profile-nav{
	width:100%;
	float:left;
	margin-top:50px;
}
#middle-nav{
	width:98%;	
}
#middle-nav ul.nav{
	background:url(../images/material/ico-nav.jpg) no-repeat top left;
	float:left;
	width:100%;
	margin:4px 0 0 5px;
	padding-left:20px;
}
#middle-nav ul.nav li{
	float:left;	
	font-size:21px;
	font-family:FamilianSonRegular;
	border-right:1px solid #fff;
	padding:0 22px;
}
#middle-nav ul.nav li a{
	color:#fefefe;
	font-weight:normal;
}
#middle-nav ul.nav li a:hover, #middle-nav ul.nav li a.active{
	color:#5f6924 !important;
}

.wrp-profile{
	float:left;
	width:100%;
	position:relative;
	margin:30px 0 0 0;
}
.wrp-profile h2{
	color: #5F6924;
    font-family: FamilianSonRegular;
    font-size: 48px;
	
}
.wrp-profile table.info{
	margin:10px 0;
	float:left;
	border-bottom:none;
}
.wrp-profile table.info td{
	font-size: 14px;
	padding:7px 5px;
}

.wrp-profile table.tbl-cart{
	margin-top:20px;
}
.wrp-profile table.tbl-cart tr th{
	background:#92700f;
	color:#fff;
	font-family:FamilianSonRegular;
	font-size:24px;	
	text-align:center;
	padding:5px 0;
}
.wrp-profile table.tbl-cart tr td table td{
	font-size:14px;	
	padding:16px 0;
	border-bottom:1px solid #d2d2d2;
}
.wrp-profile table.tbl-cart tr td a.conf{
	color:#812311;
	text-decoration:underline;
}

.wrp-profile table#profile td input{
	background:url(../images/material/contact-form.png) no-repeat top center;
	height:20px;
	width:276px;
	padding:5px;
	border:none;
}
.wrp-profile table#profile td input.calendar{
	background:url(../images/material/bg-cal.jpg) no-repeat top center;
	height:20px;
	width:276px;
	padding:5px;
	border:none;
}
.wrp-profile table#profile td select{
	background:url(../images/material/contact-form.png) no-repeat top center;
	height:30px;
	width:285px;
	padding:5px 5px 3px 3px;
	border:none;
}

/* footer 
-------------------*/
#footer {width:100%; position:relative; background:url(../images/material/bg_footer.jpg) repeat-x bottom center; height:60px; margin-top:0px; float:left;}
#container-foot {border-top:1px solid #d2d2d2; padding-top:20px; line-height:22px; font-size:11px;}
#container-foot p {text-align:center;}
#container-foot a {color:#000;}
#container-foot a:hover {text-decoration:underline;}