body {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px;background: #000; font-size:12px; background-image:url(../images/bg.jpg); background-repeat:repeat-x; color:#666666;}
article{padding:0; margin:0;}
a {color:#787878;text-decoration: none;}
p{ text-align:justify; font-size:12px; color:#666666;}
.headind { float:left; width:100%; margin-bottom:10px !important; padding: 0px 0px 0px 0px; color: #A7A7A7; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #707070;}
.headindstemp { float:left; width:100%; margin-bottom:10px !important; padding: 0px 0px 0px 0px; color: #A7A7A7;}
.headindstemp span{color:#868686}
.headindscnd { float:left; width:100%; margin-top:10px !important; padding: 40px 0px 20px 0px; color: #A7A7A7; border-top-width: 1px; border-top-style: solid; border-top-color: #707070;}
.headindscnd2 { float:left; width:100%; margin-top:10px !important; padding: 20px 0px 20px 0px; color: #A7A7A7; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #707070;margin-bottom: 40px;}
.headind-2{float:left; width:100%; margin: 0px; padding: 10px 0px; color: #A7A7A7; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #707070;}
.emailidtab{ width:100%; margin-bottom:20px;}
.emailidtab td{border-bottom: #3F3737 solid 1px;}
/*button submit st*/
.button-css-st { margin-bottom: 10px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DF1903), color-stop(1, #850202) ); background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100'); background-color:#fe1a00; -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; border-bottom-left-radius:3px; text-indent:0; border:1px solid #AF190B; display:inline-block; color:#ffffff; font-family:Trebuchet MS; font-size:13px; font-weight:normal; font-style:normal; height:30px; line-height:24px; width:70px; text-decoration:none;text-align:center;}
.button-css-st:hover,.button-css-st:active,.button-css-st:visited { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) ); background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00'); background-color:#ce0100;}
.cont-feld-name{ float:left; width:100%; margin-bottom:5px; color:#6a6a6a; font-size:11px;}
.cont-feld-feald{width: 100%; height: 24px; margin-bottom: 10px; background-color: rgb(30, 30, 30); border: 1px solid rgb(55, 55, 55); color:#CCC;}
.contact-area-st{width:100%; height:70px; margin-bottom:10px; resize:none;background-color: rgb(30, 30, 30); color:#CCC; border: 1px solid rgb(55, 55, 55);}
.cont-ids{ float:left; width:95%; margin-bottom:10px; font-size:11px; color:#666666; border: 1px solid rgb(49, 49, 49); padding: 10px; background-color: rgb(31, 31, 31);}
.button-css-st:active { position:relative; top:1px; }
.data-f-aline{float:left; width: 100%;}
.contact-us-b{ width:224px; margin: 20px auto;}
.myButton { text-decoration:none; -moz-box-shadow: 0px 2px 0px 1px #1a1a1a; -webkit-box-shadow: 0px 2px 0px 1px #1a1a1a; box-shadow: 0px 2px 0px 1px #1a1a1a; background-color:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #575557), color-stop(1, #303030)); background:-moz-linear-gradient(top, #575557 5%, #303030 100%); background:-webkit-linear-gradient(top, #575557 5%, #303030 100%); background:-o-linear-gradient(top, #575557 5%, #303030 100%); background:-ms-linear-gradient(top, #575557 5%, #303030 100%); background:linear-gradient(to bottom, #575557 5%, #303030 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575557', endColorstr='#303030',GradientType=0); background-color:#575557; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #4a4a4a; display:inline-block; cursor:pointer;
color:#ECECEC; font-family:arial; font-size:12px; font-weight:bold; padding:7px 15px; text-shadow:1px 2px 0px #000000;}
.back-button{ color: #e3e3e3; background-color:#262626;width:70px; height:12px; padding:10px; margin:10px 0; float:left;border:1px solid #383636;}
.back-button img{margin-right:5px;margin-left:5px;}
.products-buttons{float:right;}
.myButton img{margin-right: 5px;}
.products-buttons-bottom{float:left; padding:20px 0px; width:100%}
.products-buttons-2{margin: 0px auto; float:left;}
.product-gallery-cont-e{ float:left; padding-top:10px;}
.products-img-st{float:left;width:100%;}
.products-img-b{float:left; padding-right: 10px; width:110px;}
.product-gallery-cont-e ul {margin:0 0 0 15px; padding:0; text-align:justify; }
.product-gallery-cont-e ul li{list-style-position: outside; list-style-image: url(../images/arrow-ul-li.png); margin-bottom:10px;}
/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap { width: 100%; margin: 0px auto;}
.err-messages-1{ width: 100%}
.err-messages-2{ width: 100%}
#header {height: 101px;width: 100%;background-image:url(../images/banner-bg.jpg); background-repeat:no-repeat;position: fixed; background-color:#000;}
#navigation{width:100%;}
.contact-table{ width:190px; margin: 20px auto;}
.contact-fe-st{ width:160px; height:20px; padding-left:2px; margin:0px; padding:0px;}
.contact-fe-captcha{ width:60px; height:22px; margin-left: 10px; font-size:14px; background-color: rgb(119, 119, 119); border: 1px solid rgb(172, 172, 172); color:#FFF;}
.contact-enq-st{width:263px; max-width:264px; height:85px; margin:0px; padding:0px;}
.cont-feld-error-message{width: 100%; font-size: 11px; float: left; padding: 4px 0px; text-align:center;}
#navigation ul { height: 35px; background-color: #181818; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;border-top-color: #242424; border-right-color: #242424; border-bottom-color: #242424; border-left-color: #242424; list-style-type: none; margin:0px auto; padding:0px;}
.contnt-spliter{width:100%;}
.contnt-spliter input[type="text"]{float:left;}
.contnt-spliter-search-st{background-color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 12px 11px 5px -9px rgba(0,0,0,0.46); -moz-box-shadow: inset 12px 11px 5px -9px rgba(0,0,0,0.46); box-shadow: inset 12px 11px 5px -9px rgba(0,0,0,0.46); padding-left: 5px; font-size: 14px; width: 170px; height: 24px; margin-right: 5px; color: #353535;}
.contnt-spliter form{width: 220px; margin: 0px auto;}
#navigation ul li{float:left; color:#666666;}
#navigation ul li a{color:#666666; text-decoration:none;}
#navigation ul li a:hover{color:#888888;}
#header img { display: block; margin-left: auto; margin-right: auto; padding-top: 5%;}
.content {width: 90%; margin: 0px auto;}
.content strong{font-family: "Trebuchet MS", Arial, verdana, tahoma;font-weight: bold; font-size:13px;width: 100%;color:#7E7E7E;line-height:2;}
.content strong a{color:#7E7E7E;}
.thanks { width: 90%; margin: 0px auto; text-align:center;}
.thanks-c{float:left; text-align:center;}
#sidebar { width: 100%; float: right;}
.header-space{width: 100%; height:150px;}
#bottom{ width:100%; background-color:#000000; border-top: solid 1px #1A1A1A; float:left;}
#footer { background-color:#000; color:#3c3c3c; font-size:12px; padding: 0px 10px;}
#footer ul{ float: left; list-style-type: none; height:20px; padding:15px 0px 0px 10px; margin:0px;}
.contact-font-st{font-size:11px; color:#666666;}
.home-prod-centre{width:300px;  margin: 0px auto;padding:40px 0px;}
.home-pro-ime-div{ width:100px; float:left; text-align:center;}
.home-pro-ime-div-1{ width:100px; float:left; text-align:left;}
.home-im-pro-caption{width:100px; height:20px; font-size:10px; margin:10px 0px; color:#666666;}
.home-im-pro-caption a {color:#666666;}
.home-im-pro-caption a:hover{color:#9B9B9B;}
#footer h4 {float:left; padding: 20px 0px; margin:0px; font-weight:normal;}
#footer ul li{ float:left;padding-left:5px;}
nav li:hover {background-color: #1a1a1a;}
/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clear{clear:both;}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1;}

/* Basic Styles */
nav { height: 40px; width: 100%; background-color: #080808; font-size: 11pt; position: relative; border: 1px solid #1a1a1a; webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.41); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.41); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.41);}
.headind hr{color:#333;}
nav ul { padding: 0; margin: 0 auto; width: 400px; height: 40px; }
nav li { display: inline; float: left; }
nav a { text-decoration:none; color: #6d6d6d; display: inline-block; text-align: center; text-decoration: none; line-height: 40px;}
nav li{ padding: 0px 5px 0px 5px; border-right: 1px solid #1a1a1a; }
nav li:last-child a { border-right: 0; }
nav a:hover, nav a:active { color: #b8b8b8; text-decoration:none;}
nav a#pull { display: none;}
.cot-st-f-al{float:left;}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
 select:focus, textarea:focus, input:focus {
 font-size: 16px;
 background:#D4D4D4;
 color:#000;
  }
 }
/* for 720px or less */
@media only screen and (min-width:480px) and (max-width:720px) {
nav ul{ width:305px; }
.cont-ids{padding: 10px 0px 10px 5px; width: 47%; float:left; margin-right: 2%; }
}
@media only screen and (min-width:450px) and (max-width:740px) {
#header img {padding-top:2px;}
.cont-ids{padding: 10px 0px 10px 5px; width: 47%; float:left; margin-right: 2%; }
.cont-feld-feald{margin: 0px;}
.feld-spliter{width:49%; float:left; margin-right: 2%;}
.textarea-spliter{width:100%; float:left;}
.cont-feld-feald{margin-bottom: 10px;}
/* for 480px or less */
}
@media only screen and (min-width:324px) and (max-width:480px) {
nav ul{ width:310px; }
nav a{ width:auto;}
nav li{ padding: 0px 5px 0px 5px; border-right: 1px solid #1a1a1a; }
}
@media only screen and (min-width:230px) and (max-width:324px) {
.cont-ids {width:92%;}
.contact-us-b img{width:200px;}
.contact-us-b{ width:200px; margin: 20px auto;}
nav li{ padding: 0px 5px 0px 5px; border-right: 1px solid #1a1a1a; }
#footer ul, #footer h4{ float:left; padding: 5px 0px;}
#bottom{height:60px;}	
.home-prod-centre{width:200px;}
.contnt-spliter-search-st{ width: 135px;}
.contnt-spliter form{width: 190px;}
nav li{ padding: 0px 5px 0px 5px;}
nav{ font-size: 11px;}
nav ul{width:240px;}
#header img {width: 80%;}
.header-space{ height:120px;}
.home-prod-centre{padding: 20px 0px;}
}
@media only screen and (min-width:400px) and (max-width:740px) {
.products-buttons-bottom{ display:none;}
}
@media only screen and (min-width:200px) and (max-width:399px) {
.myButton{ padding: 5px 0px; width: 109px; text-align:center; margin-bottom:10px;}
.products-buttons-bottom{padding: 10px 0px 0px 0px;}
.products-buttons{ display:none;}
}
/* border & guideline (you can ignore these) */
.ps_content {width:100%;}
.ps_content img{width:100%;}