@charset "utf-8";

/*Resets*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, 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 }
q:before, q:after { content:'' }
abbr, acronym { border:0 }
:focus { outline:0 }
ins { text-decoration:none }
del { text-decoration:line-through }
.clear { clear: both; }

/********************************/
body {font-family:Times, serif;font-size:13PX;font-weight:400;color:#222;overflow-x:hidden !important;background:url(img/classy_fabric.png);}
/*  Typography  */
div, p, a, li, td { -webkit-text-size-adjust:none; }
html, html a { -webkit-font-smoothing: antialiased !important;}
h1,h2,h3,h4,h5,h6 { /*font-family: 'Raleway', sans-serif;*/font-family: Times, serif; margin:15px 0; line-height: normal !important;}
h1 {font-size:24px !important; font-weight:bold;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span { /*color: #bc1e29;*/}
h2 { font-size:20px;font-weight:600;}
h3 { font-size:26px;font-weight:400;}
h4 { font-size:22px;font-weight:300;}
h5 { font-size:18px;font-weight:400;}
h6 { font-size:16px;font-weight:400;}
p { /*font-family: 'Open Sans', sans-serif;*/font-family: Times, serif;font-size:14px;font-weight:400;margin: 10px 0;}
p span, p strong,h3 strong, h4 strong {font-weight:800;}
img { border:none; max-width:100%;}
a {text-decoration: none;color:#333;}
a:hover,a:focus,a:active {text-decoration: none;outline: none;color: #000;}
.fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222;}
.bgalice{background-color:aliceblue;}

.container{border-left:1px solid #ccc;border-right:1px solid #ccc;padding:0;background:#fff;}
.maincontent{padding:20px;}
.paddingl10{padding-left:10px;}
.paddingr10{padding-right:10px;}

header{ display:block;width:100%;}
header img.logo{height:120px;padding:10px;}
header img.distrbutor{height:120px;padding:10px;}

nav{background:url(img/vertical_cloth.png) repeat-x;height: 50px;position: relative;}
nav:before, nav:after {display: block;content: "";width: 100%;height: 2px;position: absolute;left: 0;right: 0;}
nav:before { border-top: dashed 1px rgba(255,255,255,0.5);top: 1px;}
nav:after {border-bottom: dashed 1px rgba(255,255,255,0.5);bottom: 1px;}

nav ul{display:inline-block;position:relative;height:30px;line-height:30px;top:10px;left:5px;}
nav ul,nav ul li,nav ul li a { display: inline-block;}
nav ul {position: relative;height: 30px;line-height: 30px; margin: 0;}
nav ul li a {display: block;float: left; padding: 0 10px; height: 30px;margin: 0;line-height: 30px;color: #fff; font-family: Times, serif;font-size: 13px;text-transform: uppercase;transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;-ms-transition: all 300ms ease;}
nav ul li a:hover, .activenav { background: #fff !important; color: #4a626b !important; border-radius: 5px !important;}

.subbanner{height:180px;width:100%;box-shadow:3px 6px 10px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;}

.contacttable{width:100%;}
.contacttable td{padding:5px;}
.txtBox{width:100%;padding:5px 5px;}
.txtArea{width:100%;padding:5px 5px;height:100px;}
.button{padding:5px 20px;}

.item{margin:20px 0;}
.item .box{border:1px solid #aaa;box-shadow:3px 6px 10px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;display:block;}
.item .box:hover{border:1px solid red;cursor:pointer;box-shadow:3px 6px 10px rgba(161, 26, 26, 0.6), 0 0 20px rgba(161, 26, 26, 0.3) inset}
.item .box .title{position:relative;background-color:#000;opacity:.6;color:#fff;padding:5px;font-size:18px;text-align:center;text-transform:uppercase;}

.aboutus{margin:20px 0 0 0;overflow:hidden;border-top:1px solid #ddd;}

.footer{background:url(img/vertical_cloth.png) repeat-x;display: block;width: 100%;height: 30px;line-height: 32px; position: relative;color:#ccc;padding:0 10px;}
.footer a{color:#ccc;}
.footer a:hover{text-decoration:underline;}
.footer:before{display: block;content: "";width: 100%;height: 2px;position: absolute;left: 0;right: 0;}
.footer:before { border-top: dashed 1px rgba(255,255,255,0.5);top: 1px;}