@charset "utf-8";
/* CSS Document */

*,body,div,span,ul,li,a,p{
	margin:0px;
	padding:0px;
}

body{
	background:url(../images/bg.jpg) repeat-x #e1e1e1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}


@font-face
{
font-family:"BLACK CAPS";
src: url(../fonts/BLACKCAPS-Regular.ttf);


}
@font-face
{
font-family:Segoe UI;
src: url(../fonts/segoeui.ttf);
src: url(../fonts/seguisb.ttf);
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}






#main{
	width:100%;
}
.box{
	width:960px;
	margin:0 auto;
}


.container{
	width:960px;
	float:left;
	background:#fff;
	box-shadow:0px 0px 20px #6B6B6B;
}

.header{
	width:100%;
	float:left;
	padding:15px 0px 24px 0px;
}
.logo{
	width:auto;
	float:left;
	margin:5px 0px 0px -6px;
	/*background:url(../images/bg-logo.png) no-repeat;*/
}
.logo img{
	padding: 0;
width: 957px;
height: 100px;
margin-left: 7px;
margin-top: -15px;
margin-bottom:-18px;
}
.logo-up{
	width:auto;
	float:left;
	margin:0px 0px 0px 100px;
}

.header-rht{
	width:250px;
	float:right;
}
.wel-text{
	width:auto;
	float:right;
	padding:0px 10px 0px 0px;
}
.wel-text p{
	font-family:Segoe UI;
	color:#000;
}
.add-cart{
	width:250px;
	height:40px;
	position:relative;
	background:url(../images/bg-addcart.png) no-repeat;
	float:right;
	cursor:pointer;
	margin:15px -6px 0px 0px;
}
.add-cart img{
	float:left;
	padding:2px 10px 0px 30px;
}
.add-cart p{
	color:#fff;
	margin:10px 0px 0px 0px;
}
.add-tab{
	width:200px;
	height:150px;
	float:right;
	padding:10px;
	position:absolute;
	background:#f4f6f6;
	margin:-5px 0px 0px 0px;
	border:solid 1px #dcdcdc;
	display:none;
	z-index:9999;
	top:39px;
	right:5px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
}
.add-cart:hover .add-tab{
	display:block;
}
.add-tab-box{
	width:180px;
	float:left;
}
.add-tab-box img{
	float:left;
	padding:0px 10px;
}
.add-tab-box p{
	color:#333;
	font-family:Cambria;
	font-size:18px;
}

.nav{
	width:948px;
	float:left;
	background:#0c7c93;
	margin-left:6px;
	position:relative;
	background-color: #990000;
}
.nav ul{
	margin:0px;
	padding:0px;
}
.nav ul li{
	list-style:none;
	float:left;
	background:url(../images/nav-li.png) no-repeat;
}
.nav ul li.hide{
	background:none;
}
.nav ul li a{
	display:block;
	text-decoration:none;
	font-family:Segoe UI;
	font-size:14px;
	color:#fff;
	padding:0px 16px;
	line-height:40px;
	transition:all 0.4s;
	text-transform:uppercase;
}
.nav ul li a:hover{
	background:#015161;
}
.nav ul li ul{
	display:none;
	background:#015161;
	transition:all 0.9s;
	z-index:99999999;
	position:absolute;
	border:solid 2px #023f4b;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
}
.nav ul li:hover ul{
	display:block;
}
.nav ul li ul li{
	float:none;
	background:none;
	border-bottom:solid 2px #023f4b;
}
.nav ul li ul li.border{
	border:none;
}
.nav ul li ul li a{
	font-family:Calibri;
	font-size:15px;
	color:#12b3d3;
	text-transform:none;
	line-height:28px;
	padding:0px 25px 0px 10px;
}
.nav ul li ul li a:hover{
	background:#0f414b;
	color:#fff;
}
.nav ul li ul li a.border{
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}

.contact{
	width:170px;
	float:right;
	position:absolute;
	top:0;
	padding:2px 10px 12px 10px;
	right:10px;
	background:#fff;
	box-shadow:0px 11px 16px #646464;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.contact h3{
	font-family:Trebuchet MS;
	font-size:21px;
	color:#bd1c1c;
	font-style:italic;
	font-weight:bold;
	padding-bottom:2px;
	text-shadow:1px 0px 0px #b4b4b4;
}
.contact p{
	font-family:Trebuchet MS;
	font-size:21px;
	color:#063d48;
	font-style:italic;
	font-weight:bold;
	line-height:21px;
	text-shadow:1px 0px 0px #b4b4b4;
}

.slider{
	width:960px;
	float:left;
	margin:10px 0px 0px 0px;
	padding-top:13px;
	background:url(../images/bg-slider.jpg) no-repeat;
}

.content{
	width:940px;
	float:left;
	padding:20px 10px 20px 10px;
}
.product{
	width:940px;
	float:left;
	padding-bottom:30px;
}
.product-box{
	width:185px;
	float:left;
	position:relative;
	z-index:1;
	background:#fff;
	margin-right:15px;
	padding:20px 13px 10px 13px;
	border:solid 1px #ccc;
}
.product-box img{
	width:100px;
	margin:0px 0px 8px 30px;
}
.product-box p{
	color:#000;
	font-size:13px;
	text-align:center;
}
.pro-shadow{
	width:212px;
	float:left;
	height:75px;
	background:url(../images/shadow-pro.png) no-repeat;
	position:absolute;
	bottom:-38px;
	z-index:0;
	left:0;
}

.cont{
	width:940px;
	float:left;
	padding:0px 0px 0px 0px;
}
.cont-left{
	width:245px;
	float:left;
}
.pro-list{
	width:220px;
	float:left;
	padding:0px 0px 40px 0px;
	background:#f5f1f1;
}
.pro-list h3{
	background:url(../images/pro-list-h3.png) no-repeat;
	font-family:"BLACK CAPS";
	font-size:18px;
	color:#fff;
	width:245px;
	padding:0px 0px 0px 20px;
	margin-left:-16px;
	line-height:40px;
}
.pro-list ul{
	margin:0px;
	padding:0px 10px;
}
.pro-list ul li{
	list-style:none;
	float:none;
	border-bottom:dashed 1px #c4c1c1;
	background:url(../images/arrow1.png) no-repeat left;
}
.pro-list ul li a{
	display:block;
	font-family:Segoe UI;
	font-size:12px;
	color:#0c7c93;
	padding:0px 10px 0px 17px;
	line-height:28px;
	transition:all 0.9s;
	text-decoration:none;
}
.pro-list ul li a:hover{
	padding:0px 0px 0px 25px;
	color:#000;
}

.inquiry{
	width:220px;
	float:left;
	background:#f5f1f1;
	padding:0px 0px 10px 0px;
}
.inquiry h3{
	background:url(../images/pro-list-h3.png) no-repeat;
	font-family:"BLACK CAPS";
	font-size:18px;
	color:#fff;
	width:245px;
	padding:0px 0px 0px 20px;
	margin-left:-16px;
	line-height:40px;
}
.inquiry-input{
	width:160px;
	float:left;
	margin:6px 0px 0px 28px;
}
.inquiry-input input{
	width:152px;
	border:solid 1px #2b96bb;
	height:24px;
	padding:0px 4px;
	color:#a3a3a3;
	font-size:12px;
	outline:none;
	background:#e8e8e8;
}
.inquiry-input textarea{
	width:152px;
	border:solid 1px #2b96bb;
	resize:none;
	font-size:12px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	outline:none;
	padding:0px 4px;
	color:#a3a3a3;
	background:#e8e8e8;
}
.inquiry-button{
	width:160px;
	float:left;
	margin:6px 0px 0px 28px;
}
.inquiry-button input{
	text-transform:uppercase;
	font-family:;
	outline:none;
	background:#f70000;
	color:#fff;
	border:none;
	cursor:pointer;
	padding:0px 10px;
	font-family:Segoe UI;
	line-height:25px;
}
.inquiry-button input.bg{
	background:#053842;
}

.cont-rht{
	width:665px;
	float:right;
}
.welcome{
	width:665px;
	float:left;
}
.welcome h1{
	font-family:Segoe UI;
	font-size:22px;
	text-transform:uppercase;
	color:#4bbae0;
}
.welcome span{
	color:#000;
}

.welcome-text1{
	width:665px;
	float:left;
}
.welcome-text1 p{
	line-height:25px;
	text-align:justify;
	font-size:17px;
	margin:8px 30px 0px 0px;
}
.welcome-text2{
	width:665px;
	float:left;
	margin:75px 0px 0px 0px;
}

.welcome-text2 h3{
	font-family:Segoe UI;
	font-size:22px;
	text-transform:uppercase;
	color:#4bbae0;
}
.welcome-text2 p{
	line-height:20px;
	text-align:justify;
	font-size:12px;
	margin:8px 0px 15px 0px;
}
.welcome-text2 h4{
	color:#fff;
	background:#2b96bb;
	line-height:30px;
	padding:0px 5px;
	transition:all 0.9s;
	text-transform:uppercase;
	margin:25px 0px 0px 0px;
	width:90px;
	font-size:12px;
}
.welcome-text2 a{
	text-decoration:none;
}
.welcome-text2 h4:hover{
	background:#056282;
}



.footer{
	width:100%;
	float:left;
	margin:20px 0px 0px 0px;
}
.footer-top{
	width:100%;
	float:left;
	background:#2b96bb;
	padding:0px 0px 15px 0px;
}
.f-link{
	width:150px;
	float:left;
	padding:18px 10px 0px 10px;
	height:150px;
	border-right:solid 1px #53a9c6;
}
.f-links{
	width:200px;
}
.f-link.border{
	border:none;
}
.f-link h3{
	color:#013d49;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	padding-bottom:5px;
}
.f-link h2{
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	padding:0px;
	margin:5px 0px 0px 0px;
}
.f-link ul{
	margin:0px;
	padding:0px;
}
.f-link ul li{
	list-style:none;
	float:none;
}
.f-link ul li a{
	display:block;
	text-decoration:none;
	color:#fff;
	line-height:25px;
	font-size:12px;
	transition:all 0.5s;
}
.f-link ul li a:hover{
	color:#92e1fc;
}
.f-link img{
	padding:10px 0px;
}
.f-link h4{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#fff;
	padding-bottom:2px;
	font-size:12px;
}
.f-link p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-bottom:5px;
	color:#fff;
}
.facebook-p{
	width:32px;
	float:left;
	background:url(../images/icon-facebook.png) no-repeat #fff;
	height:32px;
	margin:6px 5px 9px 0px;
	background-position:0 0px;
	transition:all 0.3s;
}

.facebook-p:hover{
	background-position:0 -32px;
}
.linkin-p{
	width:32px;
	float:left;
	background:url(../images/icon-link.png) no-repeat #fff;
	height:32px;
	margin:6px 5px 9px 0px;
	background-position:0 -0px;
	transition:all 0.3s;
}
.linkin-p:hover{
	background-position:0 -32px;
}
.twitter-p{
	width:32px;
	float:left;
	background:url(../images/icon-twitter.png) no-repeat #fff;
	height:32px;
	margin:6px 5px 9px 0px;
	background-position:0 -0px;
	transition:all 0.3s;
}
.twitter-p:hover{
	background-position:0 -32px;
}
.youtube-p{
	width:32px;
	float:left;
	background:url(../images/youtube-p.png) no-repeat #fff;
	height:32px;
	margin:6px 5px 9px 0px;
	background-position:0 -0px;
	transition:all 0.3s;
}
.youtube-p:hover{
	background-position:0 -32px;
}
.tambalar-p{
	width:32px;
	float:left;
	background:url(../images/tambalar-p.png) no-repeat #fff;
	height:32px;
	margin:6px 5px 9px 0px;
	background-position:0 -0px;
	transition:all 0.3s;
}
.tambalar-p:hover{
	background-position:0 -32px;
}


.bottom-f{
	width:100%;
	float:left;
	background:#053842;
}
.bottom-f h2, h5{
	float:left;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:30px;
	color:#2b96bb;
}
.bottom-f h5{
	float:right;
}
.bottom-f a{
	color:#1f7080;
	text-decoration:none;
}
.bottom-f a:hover{
	color:#2b96bb;
}

/* ---- quality ----*/

.quality{
	width:665px;
	float:left;
	margin:10px 0px 0px 0px;
}
.quality ul{
	margin:0px;
	padding:0px 0px 0px 15px;
}
.quality ul li{
	list-style:circle;
	float:none;
	line-height:24px;
	padding:0px 0px 0px 0px;
}




/* ---- feedback ----*/

.inquiry_main{
	width:665px;
	float:left;
	padding:20px 0px 0px 0px;
}
.inquiry_main p{
	padding:0px 0px 30px 0px;
	font-family:Cambria;
	font-size:17px;
	color:#d80404;
}
.inquiry_main .i_box{
	width:665px;
	float:left;
	padding-bottom:20px;
}

.inquiry_main .i_box .i_left{
	width:310px;
	float:left;
	margin-right:22px;
}
.inquiry_main .i_box .i_rht{
	float:right;
	margin:0px 15px 0px 0px;
}

.inquiry_main label{
	font-size:12px;
	letter-spacing:0px;
	color:#375359;
	line-height:25px;
	font-weight:bold;
}
.inquiry_main .i_box input{
	width:180px;
	height:25px;
	float:right;
	border-radius:5px;
	outline:none;
	border:solid 1px #ccc;
	padding:0px 4px;
	box-shadow:inset 0px 0px 4px #B4AEAE;
}
.inquiry_main .i_box select{
	width:184px;
	height:25px;
	float:right;
	border-radius:5px;
	outline:none;
	border:solid 1px #ccc;
	padding:0px 0px;
	box-shadow:inset 0px 0px 4px #B4AEAE;
}
.inquiry_main .i_left textarea{
	width:300px;
	border-radius:4px;
	border:solid 1px #ccc;
	margin-top:5px;
	outline:none;
	padding:4px 4px;
	box-shadow:inset 0px 0px 4px #B4AEAE;
	font-family:Calibri;
	resize:none;
}

.inquiry-tab{
	width:649px;
	float:left;
	padding:10px 0px;
	font-family:Calibri;
	font-size:15px;
	border:solid 1px #ccc;
	border-radius:4px;
	color:#333;
	margin:0px 0px 20px 0px;
}
.inquiry-tab input{
	margin:0px 4px 0px 10px;
}

.inquiry_main .i-textarea{
	width:665px;
	float:left;
	margin-bottom:20px;
}
.inquiry_main .i-textarea textarea{
	width:640px;
	border-radius:4px;
	border:solid 1px #ccc;
	margin-top:5px;
	outline:none;
	padding:4px 4px;
	box-shadow:inset 0px 0px 4px #B4AEAE;
	font-family:Calibri;
	resize:none;
}

.inquiry_main .button{
	width:620px;
	float:left;
	margin:0px 0px 0px 0px;
}
.inquiry_main .button .bbt{
	background:#0c7c93;
	border:solid 1px #09758b;
	font-size:12px;
	line-height:28px;
	color:#fff;
	padding:0px 25px;
	cursor:pointer;
	border-radius:5px;
	outline:none;
}
.inquiry_main .button .bbt:hover{
	background:#066c81;
}

/*------- contact-us -----*/
.contact-us{
	width:640px;
	float:left;
	margin:15px 0px 0px 0px;
}
.contact-us h1{
	font-family:Cambria;
	color:#fff;
	font-size:24px;
	background:#00529b;
	border-radius:5px;
	margin:0px 0px 8px 0px;
	padding:0px 0px 5px 10px;
}

.contact-us h3{
	font-family:Cambria;
	font-size:17px;
	color:#b22b1b;
	margin-bottom:20px;
}
.contt{
	width:658px;
	float:left;
}
.cont-text{
	width:426px;
	float:left;
}
.contt-img{
	width:auto;
	float:right;
}
.contt-img img{
	width:200px;
}
.contact-box{
	width:426px;
	float:left;
	background:#f7f9f9;
	margin-bottom:10px;
	padding:10px 10px;
	border-bottom:3px solid #D1D1D1;
}
.contact-box-left{
	width:115px;
	float:left;
	border-right:solid 1px #ccc;
}
.contact-box-left h4{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#00529b;
}
.contact-box-right{
	width:300px;
	float:left;
	padding-left:10px;
}
.contact-box-right p{
	line-height:20px;
}



/*----- tissue ----*/

.tissue{
	width:665px;
	float:left;
}
.tissue-box{
	width:665px;
	float:left;
	margin:15px 0px 0px 0px;
}
.tissue-left{
	width:160px;
	float:left;
	margin-right:44px;
	border:solid 1px #dddddd;
	padding:12px 15px 8px 15px;
}
.tissue-right{
	float:right;
	margin:0px;
}
.tissue-img{
	width:155px;
	float:left;
	height:125px;
}
.tissue-img img{
	width:135px;
	height:114px;
}
.tissue-text{
	width:155px;
	float:left;
}

.tissue-text h3{
	font-weight:bold;
	color:#f720a9;
	font-size:12px;
	border-bottom:solid 1px #dddddd;
	line-height:28px;
}
.tissue-text h4{
	color:#f00;
	font-family:Cambria;
	font-size:17px;
}
.tissue-text h3.border{
	border:none;
}
.tissue-text span{
	color:#666666;
}

.add-click{
	width:auto;
	float:left;
	cursor:pointer;
	margin:10px 0px 0px -15px;
}