@charset "utf-8";
/* --------------------------------------
CSS Document for  T-STY.com Website
Author: Guo@@Kingsing.com.cn
 ------------------------------------------*/
@import url('reset.css');

body{
	background: #CCAB81 url(../images/bg.jpg) repeat-x;
	font: 12px/1.6em "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #4a3213;
	text-align: center;
}
a{
	color: #4a3213;
	text-decoration: none;
}
a:hover{
	color: #a40000;;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
	font-family: "Lucida Grande",Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}

/*@Layout*/
#wrapper{
	width: 963px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(../images/wrapper.jpg) no-repeat 50% 0;
	padding: 60px 21px 0 21px ;
}
.colLeft{
	width: 635px;
	float: left;
}
.colRight{
	width: 280px;
	float: right;
}
.inbody{
	width: 923px;
	margin: 0 20px;
}
#footer{
	clear: both;
	padding: 0 0 20px 0;
}
/*@Typography*/
#header{
	position: relative;
	width: 963px;
	height: 67px;
}
#menuBox{
	width: 625px;
	height: 67px;
	background: transparent url(../images/menu-bg.jpg) no-repeat 100% 0;
	position: absolute;
	right: 1px;
	top: 0;
	color: #FFF;
}

#topNav{
	float: right;
	padding: 10px 10px 5px 10px;
}
#language_select{
	margin-right: 15px;
	font-size: 11px;
}
#language_select a{
	color: #FFF;
}
#language_select a:hover{
	color: #CCAB81;
}
#logo{
	width: 360px;
	height: 67px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}

#homeBanner{
	background: transparent url(../images/home-t0.jpg) no-repeat;
	padding-top: 43px;
	position: relative;
}
#homeBody{
	background: transparent url(../images/home-t2.jpg) no-repeat;
	padding-top: 34px;
}
#homeBodyRight{
	background: transparent url(../images/vline01.jpg) no-repeat 0 0;
}

#footerNav{
	width: 580px;
	height: 24px;
	padding: 5px 25px 5px 15px; 
	background: transparent url(../images/foot-nav.png) no-repeat 0 0;
	margin-bottom: 10px;
}
#footerNav li{
	display: inline;
	margin-right: 40px;
}
#footerNav li a, .pagesNav, .pagesNav a{
	color: #FFF;
}
#footContact{
	float: right;
	font-size: 11px;
	margin-right: 15px;
	line-height: 1.3em;
}
#wrapperBody{
	background: transparent url(../images/home-t0.jpg) no-repeat;
	padding-top: 28px;
	position: relative;
}
#accessoriesBtn{
	float: right;
	width: 232px;
	line-height: 1.4em;
	color: #FFF;
	margin-right: 10px;
	margin-top: -25px;
	font-size: 11px;
}
.hline{
	margin: 10px 0;
}
#wrapperBody2{
	background: transparent url(../images/home-t3.jpg) no-repeat;
	padding-top: 22px;
	min-height:470px;
	position: relative;
}
#aboutTable{
	background: #A98D68 url(../images/abg.jpg) repeat-x 0 100%;
	color: #FFF;
}
#aboutTable td{
	width: 50%;
	padding: 10px 15px;
}
#aboutTable h3{
	color: #4A3213;
	margin-bottom: .2em;
}
#aboutTable td:hover h3{
	color: #A40000;
}
#aboutTable a{
	color: #563E22;
}
.company_box{
	background: transparent url(../images/company_box.gif) no-repeat 0 0;
	padding-left: 90px;
	height: 90px;
}
.jobs_box{
	background: transparent url(../images/jobs_box.gif) no-repeat 0 0;
	padding-left: 90px;
	height: 90px;
}
.contact_box{
	background: transparent url(../images/contact_box.gif) no-repeat 0 0;
	padding-left: 90px;
	height: 90px;
}
.saleafter_box{
	background: transparent url(../images/saleafter_box.gif) no-repeat 0 0;
	padding-left: 90px;
	height: 90px;
}
.design_box{
	background: transparent url(../images/design_box.gif) no-repeat 0 0;
	padding-left: 90px;
	height: 90px;
}
.feedback_box{
	background: transparent url(../images/feedback_box.gif) no-repeat 0 0;
	padding-left: 90px;
	height: 90px;
}
.company_box:hover, .jobs_box:hover, .contact_box:hover, .saleafter_box:hover, .design_box:hover, .feedback_box:hover{
	background-position: 0 -200px;
}

.postBody{
	width: 615px;
	clear: right;
	background: #A98D68 url(../images/pbg.jpg) repeat-x 0 0;
	margin-bottom: 35px;
}
.postBodyInner{
	padding: 20px 15px;
	min-height: 550px;
}
.postInfo{
	color: #7a5627;
	margin-bottom: 5px;
}
.postDesc a{
	color: #4A3213;
}
.postList li{
	background: transparent url(../images/hline.png) no-repeat 50% 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.sideBox{
	width: 280px;
	background: transparent url(../images/sidebox-bottom.jpg) no-repeat 0 100%;
	margin-bottom: 15px;
}
.sideBoxInner{
	background: transparent url(../images/sidebox-top.jpg) no-repeat 0 0;
	padding: 10px 15px 40px 15px;
	min-height: 120px;
}
.sideBoxInner h3, .sideBoxInner h3 a{
	font-size: 14px;
	font-weight: bolder;
	color: #4A3213;
	margin-bottom: 10px;
}
.newsDate{
	color: #A40000;
}
.newsList .newsDate{
	float: right;
	font-size: 11px;
}
.newsList li{
	clear: both;
	margin-bottom: 3px;
}
.newsList a{
	color: #7a5627;
}
.newsList a:hover{
	color: #a40000;
}
.caseBoxList li{
	display: block;
	width: 461px;
	height: 133px;
	margin: 0 0 30px 0;
	float: left;
}
.caseBoxList table{
	background: transparent url(../images/case-box.jpg) no-repeat;
	width: 450px;
	height: 133px;
}
.caseBoxList table td{
	vertical-align: middle;
	padding: 10px 0;
}
.caseName, .caseName a{
	font-size: 14px;
	text-align: center;
	padding: 0 15px !important;
	color: #000;
}
.caseInfo{
	width: 300px;
	margin-top: 15px;
	margin-bottom: 35px;
	color: #000;
}


.navList li{
	border-bottom: 1px solid #A98D68;
	padding: 3px 0;
}
.dataTable th, .dataTable td{
	padding: 3px 2px;
}
.dataTable thead th{
	border-bottom: 1px solid #A40000;
	color: #000;
}
.dataTable tbody td{
	border-bottom: 1px solid #ccab81;
}
.dataTable tbody tr:hover{
	background-color: #b49770;
}
.jobsTable td{
	vertical-align: top;
}
.jobsTable{
	background: transparent url(../images/hline.png) no-repeat 50% 100%;
	padding-bottom: 20px;
	margin-bottom: 25px;
}
.jobsInfo{
	width: 150px;
}
.jobsInfo dl dt{
	font-size: 14px;
	font-weight: bolder;
	color: #000;
	border-bottom: 1px solid #A40000;
}
.jobsInfo dl dd{
	border-bottom: 1px solid #A40000;
}
.jobsDesc{
	padding: 0 0 0 15px;
}
.jobsDesc p{
	margin-bottom: 15px;
}
#memberBox{
	margin: 0 auto;
	border-right: 1px solid #4a3213;
	border-bottom: 2px solid #000;
	margin-bottom: 35px;
}
.memberBoxInner{
	min-height: 370px;
	background: transparent url(../images/memberbox-bg.jpg) no-repeat 100% 100%;
	padding: 15px;
}
#member-focusProductsBox{
	width: 615px;
	margin: 0 auto;
	height: 200px;
}
/*@heading*/

.pTitle{
	display: block;
	width: 913px;
	height: 62px;
	background: transparent url(../images/home-t1.jpg) no-repeat;
	line-height: 62px;
	white-space: nowrap;
	color: #000;
	padding: 0 10px;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
}
.sTitle{
	display: block;
	margin-top: 20px;
	width: 173px;
	height:50px;
	font-size: 20px;
	font-weight: normal;
	color: #000;
	float: left;
	text-transform: capitalize;
}
.sTitle span{
	font-size: 14px;
	background: transparent url(../images/dot.png) no-repeat 0 50%;
	padding-left: 15px;
}
.wTitle{
	font-size: 18px;
	font-weight: normal;
	padding: 10px;
	color: #000;
	margin-bottom: 12px;
}
.postBodyTitle{
	display: block;
	width: 600px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFF;
	background: #000 url(../images/home-t4.jpg) no-repeat;
	padding-left: 15px;
	white-space: nowrap;
}
.postTitle{
	font-size: 14px;
}

.articleTitle{
	font-weight: normal;
	font-size: 20px;
}
#memberMessage{
	text-align: right;
	height: 20px;
	overflow: hidden;
	margin-top: -20px;
	
}
#memberMessage2{
	float: right;
	margin-top: -35px;
}
/*@Navigation*/
#menu{
	float: right;
	clear: right;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 612px;
	font-size: 11px;
	font-weight: bolder;
	text-transform: uppercase;
}
#menu li{
	display: inline;
	padding-left: 3em; 
}
#menu li a{
	color: #FFF;
}
#menu li a:hover{
	color: #DECF74;
}
#productsCatalogue, #accCatalogue{
	width: 750px;
	height: 70px;
	float: right;
	clear: right;
	position: relative;
}
#productsCatalogue li, #accCatalogue li{
	display: inline;
}
#productsCatalogue li a{
	display: block;
	width: 150px;
	height: 70px;
	float: left;
	background: transparent url(../images/products-nav.jpg) no-repeat;
	text-indent: -999em;
}
#productsCatalogue li a#mercy-series{background-position: 0 0;}
#productsCatalogue li a#mercy-series:hover{background-position: 0 -70px;}
#productsCatalogue li a#loyalty-series{background-position: -150px 0;}
#productsCatalogue li a#loyalty-series:hover{background-position: -150px -70px;}
#productsCatalogue li a#courtesy-series{background-position: -300px 0;}
#productsCatalogue li a#courtesy-series:hover{background-position: -300px -70px;}
#productsCatalogue li a#wisdom-series{background-position: -450px 0;}
#productsCatalogue li a#wisdom-series:hover{background-position: -450px -70px;}
#productsCatalogue li a#credit-series{background-position: -600px 0;}
#productsCatalogue li a#credit-series:hover{background-position: -600px -70px;}
#accCatalogue ul{
	float: right;
}
#accCatalogue li a{
	display: block;
	float: left;
	width: 140px;
	height: 40px;
	padding: 30px 5px 0 5px;
	color: #4a3213;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}
#accCatalogue li a:hover{
	background: transparent url(../images/accnav-bg.jpg) repeat-x;
	color: #000;
}
#accCatalogue li a span{
	font-size:9px;
	color: #000;
	font-weight: normal;
}
/*@Images*/
#focusProducts{
	width: 615px;
	height: 135px;
	position: relative;
}
#prevButton, #nextButton{
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
}
#prevButton{
	top: 45px;
	left: 0;
}
#nextButton{
	top: 45px;
	right: 0;
}
#focusProductsBox{

}
#focusProductsBox{
	width: 615px;
	height: 125px;
	overflow: hidden;
}
#innerFocusArea{
	width: 610px;
	height: 125px;
	overflow: hidden;
}
#innerFocusArea li{
	display: block;
	float: left;
	margin-right: 15px;
}
#innerFocusArea li a img{
	border: 1px solid #CCAB81;
}
#innerFocusArea li a:hover img{
	border: 1px solid #DECF74;
}
.products-list{
	min-height: 550px;
}
.products-list li{
	display: block;
	width: 170px;
	height: 270px;
	background: transparent url(../images/product-box.png) no-repeat 50% 0;
	padding: 0px 7px 10px 7px;
	margin: 0 0 20px 0; 
	float: left;
}
.products-list li.new{
	background: transparent url(../images/newproduct-box.png) no-repeat 50% 0;
}
.products-list li img{
	border: 1px solid #666;
	margin-top: 35px;
	margin-bottom: 25px;
}
.productName{
	text-align: center;
	font-weight: bolder;
	line-height: 1.3em;
}
.productName span{
	font-weight: normal;
}
/*@Forms*/
input, button, selected, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
}
#topNav{
	position: relative;
}
#topNav input.text{
	padding: 0;
	border: none;
	width: 114px;
	height: 18px;
	background: #FFF url(../images/search-bg.gif) no-repeat;
	color: #666;
	padding-left: 18px;
	font-size: 11px;
	line-height: 18px;
}
#topNav #serarchGoBtn{
	display: block;
	width: 15px;
	height: 15px;
	border: none;
	background: transparent url(../images/search-go.gif) no-repeat 50% 50%;
	position:  absolute;
	right: 10px;
	top: 13px;
}
#topNav #serarchGoBtn span{
	text-indent: -999em;
	display: none;
}
.formTable td{
	padding: 3px;
	vertical-align: top;
}
.input{
	background: #ccab81;
	padding: 2px;
	border-top: 1px solid #454545;
	border-left: 1px solid #454545;
	border-bottom: 1px solid #decf74;
	border-right: 1px solid #decf74;
}
.input:hover, .input:focus{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
.button{
	background: #000 url(../images/button-bg.jpg) no-repeat 100% 0;
	color: #FFF;
	padding: 2px 10px;
	border-top: 1px solid #ccab81;
	border-left: 1px solid #ccab81;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	font-size: 12px;
	line-height: 14px;
	* padding: 2px 8px;
}
.inputHelp{
	color: #7a5627;
}

#memberFormTable td{
	padding: 5px 5px 15px 5px;
}
#memberFormTable .tLabel{
	white-space: nowrap;
}
/*@Miscellaneous*/
.layoutTable td{
	vertical-align: top;
	padding: 0;
}

.articlePost p{
	margin: 0 0 1.6em 0;
}
.articlePost h1, .articlePost h2{font-size: 16px; margin-bottom: 1em; font-weight: bold;}
.articlePost h3, .articlePost h4{font-size: 14px;margin-bottom: .8em; }
.articlePost h5, .articlePost h6{font-size: 12px;margin-bottom: .5em;  }