/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{color:#000;	) }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
a{text-decoration:none;color: #965f1a;}
@font-face {
    font-family: 'libra';
    src: url('../fonts/libran-webfont.eot');
    src: url('../fonts/libran-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/libran-webfont.woff') format('woff'),
         url('../fonts/libran-webfont.ttf') format('truetype'),
         url('../fonts/libran-webfont.svg#libra_btregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'calisto';
    src: url('../fonts/calisti.eot');
    src: url('../fonts/calisti.eot') format('embedded-opentype'),
         url('../fonts/calisti.woff') format('woff'),
         url('../fonts/calisti.ttf') format('truetype'),
         url('../fonts/calisti.svg#CalistoMTItalic') format('svg');
}


.bgmain{
	background: url(../images/bg.jpg) no-repeat top center;
	
}
.bgy{
background: url(../images/bgy.jpg)	repeat-y center center;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

body{
	font: 18px/20px calisto,sans-serif;
	background: url(../images/bg.jpg) no-repeat top center;
	
}

/* structure */

.wrapper{
	width: 1080px;
	margin:0 auto;
}

.header nav{
	position:absolute;
	left:0;
	top:280px;
	height: 77px;
	width:1090px;
	background: url(../images/nav.png) no-repeat;
	
}

.header nav li,.header nav li a{
	float:left;
	list-style-type:none;
}

.header nav li{
	background: url(../images/navSep.png) no-repeat left 23px;
	padding-left:56px;
	margin-right:20px;
}

.header nav li:first-child{
	background:none;
	padding-left:37px;
}

.header nav li a{
	font: 42.41px/72px libra,sans-serif;
	color: #965f1a;
}

.header nav li a.active,.header nav li a:hover{
	color: #c71f16;
}

.header{
	height: 360px;
	position:relative;
}

.logo{
	background: url(../images/logo.png) no-repeat;
	width: 394px;
	height: 254px;
	position:absolute;
	left:-40px;
	top:0;
}

.content{
	padding:24px 0 24px 37px;
	min-height: 404px;
}

.content h1{
	font: 31.78px/34px libra,sans-serif;
	padding-bottom:25px;
	color: #de2218;
}

.footer{
	background: url(../images/footer.jpg) no-repeat center center;
}

.footer .wrapper{
	position:relative;
	height: 82px;
}

.footer nav{
	position:absolute;
	left:0;
	top:21px;
}

.footer li,.footer li a{
	float:left;
	list-style-type:none;
}

.footer li a:hover{
	color: #c71f16;	
}

.footer li{
	background: url(../images/footerLi.png) no-repeat left 0;
	margin-right:15px;
	padding-left:15px;
}

.footer li a{
	color: #3d2708;
	font: 16.4px/12px libra,sans-serif;
}

.footer li:first-child{
	background:none;
	padding-left:3px;
}

.copyrights{
	color: #3d2708;
	font: 16.4px/20px libra,sans-serif;
	position:absolute;
	left:3;
	top:45px;
}

.gk{
	background: url(../images/gk.png) no-repeat;
	position:absolute;
	right:152px;
	top:11px;
	width: 150px;
	height: 62px;
}

.gkLink{
	font:bold 9px/12px calisto,sans-serif;
	margin-left: 6px;
	margin-top: 43px;
	color: #2c1804;
	display: block;
	float:left;
}

.gkLink2{
	font:bold 9px/12px calisto,sans-serif;
	margin-top: 43px;
	color: #2c1804;
	display: block;
	float:right;
	margin-right:7px;
}

.manufactured{
	background: url(../images/manufactured.png) no-repeat;
	width: 220px;
	height: 219px;
	position:absolute;
	right:-46px;
	top:-110px;
}

.ez-hide { opacity: 0; filter:alpha(opacity=0); }
.ez-checkbox {
	background: transparent url('../images/checkbox.png') no-repeat;
	display:inline-block;
	width:21px;
	height:18px;
}

.ez-checkbox input{
	width:21px;
	height:18px;
}

.ez-checked { background-position: 0 -19px; }

.ez-checkbox, .ez-radio { zoom: 1; *display:inline; _height:30px; }

*:first-child+html .checkBoxes label {
    top:0;
}

/* end of structure */

/* contact */

.contactForm{
	width: 520px;
	float:left;
}

.contactText{
	color: #39240b;
	font: 18px/18.5px calisto,sans-serif;
	padding:30px 0 15px;
}

.contactForm label,.orderForm label{
	width: 125px;
	color: #715028;
	font: 15px/25px calisto,sans-serif;
	float:left;
}

.contactForm .clearfix{
	margin-bottom: 10px;
	width:474px;
}

.contactForm .input,.orderForm .input{
	border:1px solid #dfc8a5;
	width:344px;
	height: 23px;
	float:left;
	text-indent:5px;
	color: #715028;
	font: 15px/23px libra,sans-serif;
}

.contactForm .input2{
	border:1px solid #dfc8a5;
	width:334px;
	height: 69px;
	float:left;
	padding:5px;
	color: #715028;
	font: 15px/17px calisto,sans-serif;
	resize:none;
}

.contactForm .required{
	color: #715028;
	font: 15px/25px libra,sans-serif;
	float:left;
	margin-top: 20px;
}

.contactFormSubmit{
	float:right;
	margin-top: 20px;
	font: 25.78px/35px libra,sans-serif;
	background: url(../images/arrow.png) no-repeat right 15px;
	padding-right:30px;
	color: #de2218;
	cursor:pointer;
	border:0;
	width:90px;
	text-shadow:1px 1px 1px #fff;
	margin-right: 7px;
}

.contactRight{
	float:left;
	width: 481px;
	margin-left:40px;
}

.contactLeft{
	width: 520px;
	float:left;
}

.sylvia{
	margin-top: 10px;
}

.contactLeftText{
	width: 320px;
	font: 21px/20px calisto,sans-serif;
	color: #39240b;
	padding-top:20px;
}

.contactLeftText a{
	color: #e02f25;
}

/* end of contact */

/* order */

.orderLeft{
	float:left;
	width: 422px;
	margin-right: 40px;
}

.orderLeft p{
	color: #39240b;
	font: 18px/18px calisto,sans-serif;
	padding-bottom:18px;
}

.orderLeft h1,.orderRight h1{
	padding-bottom:5px;
}

.content h2{
	font: 22.78px/20.25px libra,sans-serif;
	color: #de2218;
	
}

.orderRight{
	float:left;
	width: 475px;
}

.arrowLink{
	padding-right:30px;
	background: url(../images/arrow.png) no-repeat right 8px;
	font: 22.78px/20.25px libra,sans-serif;
	color: #de2218;
	display:block;
}

.arrowLink2{
	padding-right:30px;
	background: url(../images/arrow.png) no-repeat right 8px;
	font: 22.78px/20.25px libra,sans-serif;
	color: #de2218;
	display:block;
	width: 280px;
	
}

.arrowLink3{
	padding-right:30px;
	background: url(../images/arrow.png) no-repeat right 8px;
	font: 22.78px/20.25px libra,sans-serif;
	color: #de2218;
	display:inline-block;
	margin: 20px 0;
	
}

.ship{
	background: url(../images/ship.png) no-repeat;
	width: 343px;
	height: 272px;
	margin-top: 15px;
	position:relative;
}

.shipPrice{
	color: #fff;
	font: 46px/46px libra,sans-serif;
	position: absolute;
	right: 32px;
	top: 124px;
}

.checkBoxes{
	margin-top: 40px;
}

.checkBoxes label{
	color: #2c1804;
	font: 22.78px/22px libra,sans-serif;
	margin-left:12px;
	position:relative;
	top:-2px;
}

.checkBoxes .clearfix{
	margin-bottom: 10px;
}

.attention{
	margin-top: 30px;
	background:#f4d289;
	border:1px solid #bda98e;
	font: 17px/23px calisto,sans-serif;
	color: #39240b;
	padding:14px;
}

.attention a{
	color: #de2218;
}

.orderRight p{
	color: #39240b;
	font: 18px/22.5px calisto,sans-serif;
}

.mb20{
	margin-bottom: 20px;
}

.orderInput{
	border:1px solid #dfc8a5;
	width:116px;
	height: 23px;
	text-indent:5px;
	color: #715028;
	font: 15px/23px libra,sans-serif;
	top: -3px;
	position: relative;
	float:left;
}

.orderRight .orderTextInput{
	color: #39240b;
	font: 24px/23px calisto,sans-serif;
	width: 130px;
	padding-right:10px;
	text-align:right;
	float:left;
	white-space:nowrap;
}

.orderRight .orderTextInput2{
	color: #39240b;
	font: 24px/23px calisto,sans-serif;
	float:left;
	padding-left:15px;
	white-space:nowrap;
}

.orderRight .orderTextInput3{
	color: #39240b;
	font: 24px/23px calisto,sans-serif;
	float:left;
	padding-left:5px;
	white-space:nowrap;
}

.orderButton{
	background: url(../images/arrow.png) no-repeat right 17px;
	font: 37.96px/38px libra,sans-serif;
	height: 38px;
	display:block;
	padding-right:25px;
	color: #de2218;
	float:right;
	border:0;
	cursor:pointer;
	margin-right: 12px;
}

.orderRight .clearfix{
	display:block;
}

.orderRight .formTitle{
	font: 18px/18.5px calisto,sans-serif;
	color: #39240b;
	margin:10px 0;
}

.orderRight .formTitle2{
	font: 17px/17.5px calisto,sans-serif;
	color: #39240b;
	margin:10px 0;
}

.orderForm .clearfix{
	margin-bottom: 5px;
}

.orderFormSubmit{
	float: right;
	margin-top: 5px;
	font: 25.78px/35px libra,sans-serif;
	background: url(../images/arrow.png) no-repeat right 15px;
	padding-right: 30px;
	color: #de2218;
	cursor: pointer;
	border: 0;
	width: 90px;
	text-shadow: 1px 1px 1px #fff;
	margin-right: 5px;
}

/* ond of order */

/* dialog */

.ui-widget-content {
	border: 1px solid #c7b896;
	background: #f5e7c7;
	color: #715028;
}


.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	display:none;
}
.ui-widget-header a {
	color: #222222;
}

.dialogTitle{
	font: 18px/14.5px libra,sans-serif;
	color: #39240b;
	margin: 10px 0;	
}

#dialog .clearfix{width:473px}

#dialog{display:none;	padding:15px 20px;}

.ui-widget-overlay{
	width:100%;
	height:100%;
	position:fixed;
	background: url(../images/overlay.png) repeat;
	left:0;
	top:0;
}

#modalLabel{
	width: 170px;
	
}

#modalInput{
	width: 299px;
	
}

/* end of dialog */

/* amber ointment */

.amberRight{
	float:left;
	width: 350px;
	padding-top:32px;
}

.amberLeft{
	width: 530px;
	float:left;
	margin-right: 62px;
}

.amberLeft p{
	margin-bottom: 18px;
}

.next{
	background: url(../images/arrow.png) no-repeat right 8px;
	font: 19.78px/20px libra,sans-serif;
	color: #de2218;
	padding-right:38px;
	float:left;
}

.prev{
	background: url(../images/arrowLeft.png) no-repeat left 8px;
	font: 19.78px/20px libra,sans-serif;
	color: #de2218;
	padding-left:38px;
	float:left;
}

.num{
	float:left;
	padding:0 30px 0 18px;
}

.num li,.num a{
	float:left;
}

.num li{
	color: #874d3e;
	font: 19.78px/20px libra,sans-serif;
}

.num li a.active{
	color: #de2218;
}

.paginator{
	padding:10px 0 0 60px;
}

/* end of amber ointment */

/* main page */

.mainRight{
	float:right;
	width: 695px;
	
}

.mainLeft{
	width: 339px;
	float:left;
}

.mainShip{
	background: url(../images/mainShip.png) no-repeat;
	width: 320px;
	height: 388px;
	position:relative;
}

.mainShipPrice {
	color: #fff;
	font: 48px/48px libra,sans-serif;
	position: absolute;
	right: 33px;
	top: 169px;
}

#banner{
	height: 371px; max-width: 498px; position: relative;
	margin-left:232px;
}

.bjqs{
	background: url(../images/bannerBg.png) no-repeat;
}

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:-80px;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:-80px;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;display:none;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:none;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
.bjqs-prev a{
	text-indent:-999px;
	overflow:hidden;
	background: url(../images/prev.png) no-repeat;
	width: 24px;
	height: 63px;
}
.bjqs-next a{
	text-indent:-999px;
	overflow:hidden;
	background: url(../images/next.png) no-repeat;
	width: 24px;
	height: 63px;
}

.bannerTitle{
	font: 31.78px/33px libra,sans-serif;
	color: #de2218;
	text-align:center;
	padding-top:65px;
}

.bannerDesc{
	color: #39240b;
	font: 22.78px/20.25px libra,sans-serif;
	width:290px;
	margin:0 auto;
	text-align:center;
}

.bannerDesc2{
	color: #39240b;
	font: 22.78px/20.25px libra,sans-serif;
	width:360px;
	margin:0 auto;
	text-align:center;
	padding-top:25px;
}

.bannerNext{
	background: url(../images/arrow.png) no-repeat right 14px;
	color: #de2218;
	font: 31.78px/32px libra,sans-serif;
	padding-right:30px;
	display:block;
	width:70px;
	text-align:right;
	margin:20px auto 0;
	cursor:pointer;
}

.banner1{
	width: 181px;
	margin:0 auto;
	display:block;
}

.banner2{
	width: 376px;
	margin:0 auto;
	display:block;
}

.banner3{
	width: 100px;
	margin:0 auto;
	display:block;
}

.banner4{
	width: 252px;
	margin:0 auto;
	display:block;
}

.paginator .ui-widget-header{
	display:block;
}

.amberLeft .ui-widget-content{
	border:0;
	background:none;
	color:#39240b;
}

.ui-tabs-active a{
	color: #de2218;
	outline:none;
}
