@charset "utf-8";

* {
margin:0;
padding:0
}

html {
overflow-y:scroll
}

@font-face {
font-family:'si';
src:url(social/socicon.eot);
src:url(social/socicon.eot?#iefix) format("embedded-opentype"),url(social/socicon.woff) format("woff"),url(social/socicon.ttf) format("truetype"),url(social/socicon.svg#icomoonregular) format("svg");
font-weight:400;
font-style:normal
}

@font-face {
font-family:si;
src:url(social/socicon.svg) format("svg")
}

.soc {
overflow:hidden;
padding:0;
list-style:none
}

.soc li {
display:inline-block;
*display:inline;
zoom:1;
border-bottom:none!important
}

.soc li a {
font-family:si!important;
font-style:normal;
font-weight:400;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
text-decoration:none;
text-align:center;
display:block;
position:relative;
z-index:1;
width:30px;
height:30px;
line-height:30px;
font-size:16px;
-webkit-border-radius:24px;
-moz-border-radius:24px;
border-radius:24px;
margin-right:10px;
color:#fff;
background-color:#598b43
}

.soc-icon-last {
margin:0!important
}

.soc-pinterest {
background-color:#c92619
}

.soc-pinterest:before {
content:'\e043'
}

.soc-twitter {
background-color:#4da7de
}

.soc-twitter:before {
content:'\e040'
}

.soc-instagram {
background-color:#405de6
}

.soc-instagram:before {
content:'\e057'
}

.soc-whatsapp {
background-color:#20B038
}

.soc-whatsapp:before {
content:'\e01b'
}

.soc-telegram {
background-color:#08c
}

.soc-telegram:before {
content:'\e06e'
}

.soc-facebook {
background-color:#3e5b98
}

.soc-facebook:before {
content:'\e041'
}

.soc-googleplus {
background-color:#dd4b39
}

.soc-googleplus:before {
content:'\e042'
}

.soc-linkedin {
background-color:#3371b7
}

.soc-linkedin:before {
content:'\e049'
}



body {
font-size:11px;
color:#666;
font-family:Tahoma;
margin:0 auto;
text-align:center;
overflow-x:hidden;
background:#d0d0d0
}

#newsfeed {
width:92%;
height:auto;
background-color:#EDEDED;
box-shadow:0 5px 5px #ffc400;
max-width:1080px;
margin:15px auto;
border-radius:6px;
direction:ltr;
padding:6px 2%;
text-align:left;
direction:ltr;
min-height:40px
}

span {
color:#666;
font-size:12px;
direction:ltr!important
}

span.white {
font-size:16px;
color:#FFF;
text-shadow:2px 2px #666
}

span.yellow {
font-size:12px;
color:#598b43;
}

span.dyellow {
font-size:10px;
color:#f7c614;
text-shadow:1px 1px #333
}

form {
direction:ltr
}

ul {
list-style:none
}

h1 {
font-size:16px;
direction:ltr;
color:#F33;
padding:10px auto;
}

h2 {
font-size:15px;
direction:ltr;
color:#F33;
padding:10px auto;
}

h3 {
direction:ltr;
color:#598b43;
font-size:14px
}

h4 {
text-align:left;
border-bottom:1px dotted #CCC;
font-family:Arial
}

p {
direction:ltr;
text-align:justify; line-height:22px !important;
}

img {
width:100%;
height:auto
}

.threewhite{width:30%; float:left; background:#FFF; height:auto; overflow:hidden; margin:15px 1.5% !important}
.threewhite p{padding:5px 2% !important}
.threewhile img{width:100%; height:auto; border-bottom:1px solid #CCC}

.threedark{width:30%; float:left; background:#e1e1e1; height:auto; overflow:hidden; margin:15px 1.5% !important}
.threedark p{line-height:22px !important}

.threedark img{width:100%; height:auto; border-bottom:1px solid #CCC}

.opacity{opacity: 1;
      filter: alpha(opacity=100);}
.opacity:hover{opacity: 0.5;
      filter: alpha(opacity=50);}

.aftercheck {
width:418px
}

.middlediv {
margin:0 auto;
max-width:1200px
}

.blackbar {
width:95%;
height:35px;
background:#000;
text-align:left;
color:#f3c210;
font-size:11px;
padding:4px 2%;
margin:auto;
max-width:1600px
}
#mobilelink{
	background:#eaeaea;	
}

#topline {
width:100%;
height:48px;
background:#000;
font-family:Arial!important;
font-size:13px
}

#topline-cont {
width:96%;
margin:auto;
max-width:1600px;
height:48px
}

#socialnet {
width:45%;
float:right;
margin-top:10px;
color:#999;
color:#666;
margin-right:8%
}

#contact-info {
width:50%;
float:right;
color:#999;
max-width:450px;
font-family:Tahoma;
margin-top:15px;
direction:ltr;
text-align:left;
margin-right:3%
}

.white {
color:#FFF;
font-size:12px
}

#blacktop{width:100%; height:40px; background:#000}
#blackdiv{width:98%; max-width:1600px; margin:auto}
#black-left{width:30%; float:left}
#black-right{width:55%; float:right}

#wide_grayer{width:100%; max-width:1600px; margin:0 auto; background:#ededed; height:auto; overflow:hidden}
#centrale{width:100%; max-width:720px; margin:20px auto !important; height:auto; padding-bottom:20px !important; overflow:hidden}
.twohundred{width:200px; height:50px; float:left; margin:0 18px;  padding-bottom:20px !important}

#top-info {
width:100%;
margin:auto;
height:auto;
min-height:90px;
background:url(top-info.gif) repeat-x;
position:relative;
z-index:11110!important
}

#topcontent {
width:98%;
max-width:1600px;
margin:auto
}

#logostuff{
	
	width:100%; height:70px;
}


#logo {
width:20%;
float:left;
min-width:180px;
margin-top:15px;
margin-left:6%
}

#logo img {
width:auto;
height:auto;
float:left !important;
}

#newsearch{
	
width:55%;
float:right;
min-width:180px;
margin-top:15px;	
	
}

#mainlink {
width:60%;
float:right;
margin:0 0 0 5%;
height:115px
}

#linklist {
height:10px;
float:right!important;

margin-top:2px;
float:right
}

#linklist li {
display:inline;
padding:3px 2%
}

a.catyellow:link,a.catyellow:visited {
color:#444;
font-size:12px;
text-decoration:none
}

a.catyellow:hover {
color:#000
}

a.clink:link,a.clink:visited {
color:#FFF!important;
text-decoration:none;
line-height:30px;
padding-bottom:4px
}

a.clink:hover {
color:#000
}

#contact-info {
width:50%;
float:right;
color:#FFF;
max-width:450px;
font-family:Tahoma;
margin-top:11px;
direction:ltr;
text-align:left;
margin-left:3%
}

.lefti {
width:51%;
float:left;
height:auto;
overflow:hidden;
margin:5px 0 10px 2%
}

.righti {
width:41%;
float:right;
height:auto;
overflow:hidden;
margin:5px 2% 10px 0
}

.ilust {
width:100%;
height:auto;
margin:7px 0 20px;
overflow:hidden
}

.ilustleft {
width:30%;
float:left;
line-height:20px
}

.ilustleft image {
width:100%;
height:auto
}

.ilustright {
width:60%;
float:right
}

.tbox {
width:32.5%;
float:left;
min-width:80px;
max-width:160px;
background:#FFF;
border:1px solid #CCC;
height:200px;
margin:5px 1.5%;
padding:5px 2%;
line-height:20px
}

.tbox img {
width:100%;
height:auto;
max-height:130px
}

a.tbox:link,a.tbox:visited {
color:#777;
text-decoration:none;
font-family:tahoma
}

a.tbox:hover {
border:1px solid #0060a2;
color:#333
}

.abox {
width:32%;
float:left;
margin:10px 1% 10px 0
}

.abox p {
line-height:20px;
font-size:10px
}

.ccc {
width:100%;
padding:3px 0;
background:#598b43;
color:#FFF;
min-height:162px;
border-radius:35px 10px 20px 5px;
margin:10x 0
}

.ddd {
width:100%;
margin:3px 0
}

.ddd img {
margin-top:12px!important;
border-radius:5px 20px 30px 10px
}

#abox {
width:28%;
float:left;
margin:20px 0
}

#bbox {
width:27%;
float:left;
margin:20px 0 20px 5%;
margin-bottom:10px
}

#bbox ul {
list-style:none
}

#bbox li {
text-align:left;
padding:3px;
margin-top:4px;
background:#EDEDED;
text-align:left;
direction:ltr
}

#cbox ul {
list-style:none
}

#cbox li {
text-align:left;
border-bottom:1px dotted #999;
padding:3px
}

#cbox {
width:34%;
float:left;
margin:20px 0 20px 5%;
background:#FFF
}

#allblack {
width:100%;
color:#000;
border-bottom:3px solid #666
}

a.rigging:hover div {
background:#EDEDED
}

.rigging p {
padding:5px;
font-size:10px
}

.rigging img {
width:28%;
float:left;
height:auto;
padding:5px
}

.rigging div {
width:100%;
margin:13px auto;
height:auto;
overflow:hidden;
background:#FFF; border-bottom:1px solid #BABABA;
}
.thick{font-size:14px; color:#598b43 !important;}

#specpro {
float:left;
width:40%;
height:auto;
padding-right:2%
}

#fiftyleft {
width:44%;
float:left;
height:auto;
overflow:hidden;
background:#DBDBDB
}

#fiftyright {
width:53%;
float:right;
height:auto;
overflow:hidden
}

.allside {
width:44%;
height:auto;
overflow:hidden;
margin:15px 3%;
float:left
}

span {
color:#413aa5;
font-size:12px
}

span.my {
color:#1A8CFF;
font-size:12px
}

form {
direction:ltr
}

#finaltable {
width:85%;
margin:30px auto;
max-width:850px
}

#finaltable td {
padding:5px 10px;
text-align:left;
color:#333;
font-size:11px
}

#finaltable img {
width:auto;
height:auto
}

ul {
list-style:circle;
direction:ltr
}

li {
margin-top:3px;
text-align:left;
font-size:11px
}

.wide {
width:100%
}

.sidebar {
width:99%;
height:35px;
background:#5a5a5a;
text-align:center;
color:#FFF;
font-size:11px;
margin-top:3px
}

.sidelab {
width:99%;
height:auto;
max-height:1000px;
overflow:hidden;
margin-top:7px;
background:#FFF
}

.sidesample {
width:99%;
height:auto;
overflow:hidden;
margin-top:7px
}

a:link,a:visited {
color:#000;
text-decoration:none;
font-size:12px
}

a:hover {
color:#000
}

a.blink:link,a.blink:visited {
color:#333;
text-decoration:none
}

a.blink:hover {
color:#F33
}

.describe {
width:100%;
margin:auto
}

.describe img {
width:100%;
height:auto
}

.describe ul {
list-style:circle
}

.describe li {
margin:8px 2%;
font-size:10px;
line-height:15px;
text-align:left
}

.offerpro {
width:46%;
margin:20px 2%;
margin:10px 2%;
background:#8cc641;
float:left;
min-height:700px
}

.offerpro img {
width:100%;
height:auto
}

.offerpro ul {
list-style:decimal
}

.offerpro li {
margin:6px 2%;
font-size:10px;
color:#FFF
}

a.force div {
color:#333
}

a.force div:hover {
color:#06C
}

a.blue:link,a.blue:visited {
color:#0093D9;
font-size:12px;
text-decoration:none
}

a.blue:hover {
color:#000
}

a.lblue:link,a.lblue:visited {
color:#000;
font-size:10px;
text-decoration:none
}

a.lblue:hover {
color:#FFF
}

a.gray:link,a.gray:visited {
color:#666;
text-decoration:none;
font-family:Tahoma;
font-size:11px
}

a.gray:hover {
color:#29458f
}

.protitleh {
color:#G1G1G1;
font-size:13px;
direction:ltr;
background:#EDEDED
}

.finalpic {
width:75%!important;
height:auto!important;
margin:auto;
float:right
}

a.dgray:link,a.dgray:visited {
width:100%;
font-size:10px;
width:100%;
text-decoration:none;
color:#666
}

a.dgray:hover {
color:#a22921
}

a.hgray:link,a.hgray:visited {
width:100%;
font-size:12px;
height:85px;
width:100%;
text-decoration:none;
color:#666
}

a.hgray:hover {
border-bottom:4px solid #0080C0;
padding:30px 22%
}

a.tlan:link,a.tlan:visited {
color:#03F;
font-family:Tahoma;
font-size:10px;
text-decoration:none
}

a.tlan:hover {
color:#000
}

.white {
color:#FFF;
font-size:12px;
font-family:Tahoma
}

.greenliner {
width:94%;
margin:20px auto;
max-width:1040px;
height:35px;
background:#29458f;
color:#FFF;
font-size:14px;
padding:5px 2%;
border-radius:5px
}

.linktop {
width:100%;
height:35px;
margin-top:15px;
font-family:Arial;
font-size:12px
}

.toplefti {
width:25%;
float:left;
text-align:left;
vertical-align:bottom;
margin-top:17px
}

.toprighti {
width:70%;
float:right;
font-size:14px;
color:#413aa5;
letter-spacing:1px;
margin-top:8px
}

#grayc {
width:100%;
background:url(top-link.gif) repeat-x;
margin:0px auto;
height:43px!important
}

.gleft {
width:77%;
float:left
}

.gright {
width:20%;
float:right;
background:#29458f;
height:20px;
padding:10px 0
}

#linklist {
height:40px;
float:right;
width:100%
}

#linklist li {
display:inline;
padding:3px 2%
}

a.catyellow:link,a.catyellow:visited {
color:#999;
font-size:12px;
text-decoration:none;
font-family:Tahoma;
font-style:normal
}

a.catyellow:hover {
color:#000
}

a.clink:link,a.clink:visited {
color:#FFF!important;
text-decoration:none;
line-height:30px;
padding-bottom:4px;
font-family:Tahoma;
font-style:normal
}

a.clink:hover {
color:#000
}

a.enteradmin:link,a.enteradmin:hover {
background:#f2cb04;
color:#000;
padding:3px 10px;
border-radius:5px;
border:2px solid #FFF
}

a.enteradmin:hover {
background:#FFF;
color:#f2cb04
}

a.ddk:link,a.ddk:visited {
color:#333;
font-size:13px;
text-decoration:none
}

a.ddk:hover {
color:#0080FF
}

#basket {
width:80%;
background:#56443a;
float:left;
border-left:4px solid #29458f;
color:#FFF;
text-align:center;
padding:3px;
font-size:12px;
line-height:25px;
font-family:'yekan'
}

#basket img {
width:auto;
float:right
}

a.yellow:link,a.yellow:visited {
color:#8dc73f;
font-size:12px;
text-decoration:none
}

a.yellow:hover {
color:#000
}

a.basket:link,a.basket:visited {
color:#ffbf00;

font-size:14px;
text-decoration:none;
font-family:Arial;
font-weight:700
}

a.basket:hover {
color:#000
}

#onlymiddle {
width:100%;
max-width:1600px;
margin:auto;
height:auto;
overflow:hidden;
background:#FFF
}

#search {
width:22%;
float:left;
margin:30px 0 0 5%
}

#rottary {
width:100%;
max-width:1600px;
margin:-5px auto 0;
position:relative;
z-index:20
}

#rottary img {
border-top:3px solid #8C8C8C;
}

#holder {
width:94%;
margin:15px auto;
max-width:1600px;
padding:8px 2%;
height:auto;
overflow:hidden;
background:#598b43;
border-top:4px solid #666;
direction:ltr!important
}

.eachbrand {
width:9%;
float:left;
min-width:120px;
height:130px;
margin-left:2%;
text-align:center
}

.eachbrand img {
width:80%;
margin:auto;
padding-bottom:8px;
height:auto
}

.eachbrand a {
font-size:9px!important;
color:#f33!important
}

#motto {
width:98%;
margin:10px auto;
padding:15px 0;
border-bottom:1px solid #EDEDED;
font-size:16px;
color:#333;
text-align:center;
max-width:1600px;
background:#EDEDED
}

.mainfour {
width:22%;
float:left;
margin:20px 1% 25px 2%;
min-height:150px
}

.mainfour img {
width:100%;
height:auto;
max-height:150px
}

.mainfour p {
font-size:10px;
line-height:20px
}

.imainfour {
width:31%;
float:left;
margin:15px 0 25px 3%
}

.tmainfour {
width:29%;
float:left;
margin:15px 0 25px 2%
}

#news {
width:28%;
float:left;
min-height:250px;
margin-top:30px
}

#news ul {
list-style:none;
font-size:11px;
line-height:20px;
text-align:left
}

#news li {
padding:5px 0;
border-bottom:1px dotted #CCC
}

#latestpro {
width:68%;
float:right;
min-height:260px;
margin-top:30px
}

.profour {
width:13.3%;
height:180px;
border:1px solid #D8D8D8;
float:left;
margin:15px 1.5%
}

.profour img {
width:100%;
height:140px
}

a.profour:link,a.profour:visited {
text-decoration:none
}

a.profour:hover {
border:1px solid #F90
}

a.profour div {
width:100%
}

a.profour p {
padding:0 5px;
font-size:10px;
text-align:left;
color:#666
}

#afooter {
width:100%;
max-width:1600px;
margin:auto;
background:#444;
padding:10px 0;
height:auto;
overflow:hidden;
border-top:4px solid #413aa5
}

#afooter ul {
list-style:none
}

#afooter li {
text-align:left;
padding:2px 2%;
border-bottom:1px dotted #999;
color:#CCC
}

#bfooter {
width:100%;
background:#333;
color:#FFF;
text-align:center;
padding:4px 0;
max-width:1600px;
margin:auto
}

.justcontent {
width:96%;
max-width:1600px;
padding:5px 0;
margin:auto
}

.contactinfo {
text-align:left;
color:#CCC;
font-size:12px!important;
font-family:Arial;
line-height:24px!important
}

#descmap {
width:37%;
float:left;
min-width:300px;
padding:30px 3%
}

#mobmap {
display:none
}

a.stro:hover div {
border:6px solid #29458f
}

.stro p {
padding:5px;
font-size:10px
}

.stro img {
width:24%;
float:left;
height:auto;
padding:5px;
border-right:1px dotted #CCC
}

.stro div {
width:93%;
margin:8px auto;
height:auto;
overflow:hidden;
background:#FFF;
border:1px solid #CCC;
border:6px solid #EDEDED
}

#brands {
width:100%;
height:auto;
min-height:90px;
background:#FFF;
overflow:hidden;
max-width:1600px;
margin:auto;
border-bottom:2px solid #2c276f;
border-top:2px solid #29458f
}

.brandicon {
width:12%;
float:left;
height:auto;
max-height:100%;
margin:7px 1%
}

.mainleft {
width:23%;
float:left;
min-height:200px;
height:auto;
overflow:hidden
}

.maincenter {
width:44%;
float:left;
min-height:200px;
height:auto;
overflow:hidden;
margin-left:3%
}

.mainright {
width:27%;
float:left;
min-height:200px;
height:auto;
overflow:hidden;
margin-left:3%
}

.blacklable {
width:100%;
height:40px;
background:#333;
border-radius:5px 5px 0 0;
text-align:center;
color:#FFF;
line-height:40px
}

.greenlable {
width:100%;
height:40px;
background:#29458f;
border-radius:5px 5px 0 0;
text-align:center;
color:#FFF;
line-height:40px
}

.graylable {
width:100%;
height:40px;
background:#E4E4E4;
border-radius:5px 5px 0 0;
text-align:center;
color:#444;
line-height:40px
}

.greenlable {
width:100%;
height:40px;
background:#29458f;
border-radius:5px 5px 0 0;
text-align:center;
color:#FFF;
line-height:40px
}

.darklable {
width:100%;
height:40px;
background:#777;
border-radius:5px 5px 0 0;
text-align:center;
color:#FFF;
line-height:40px;
margin-top:30px
}

a.compdiv:link,a.compdiv:visited {
text-decoration:none;
color:#4F4F4F;
background:#FFF
}

a.compdiv div {
width:100%;
background:#FFF;
margin:5px 0;
height:auto;
overflow:hidden
}

a.compdiv div:hover {
background:#EDEDED
}

a.compdiv div:hover div {
background:#EDEDED!important
}

a.compdiv li {
line-height:20px;
padding:0;
color:#444;
font-size:9px
}

.comp_portfo {
width:48%!important;
float:left;
margin-left:2%
}

.comp_portfo p {
font-size:10px;
color:#666
}

.comp_portfo ul {
width:93%;
margin:5px auto 0;
direction:ltr;
text-align:left
}

.comp_portfo ul li {
display:block;
margin:0 0 0 5%
}

.comp_portfo ul li img {
width:15%!important;
height:auto;
margin:0;
padding:0;
border:1px solid #CCC
}

.comp_picture {
width:37%!important;
float:left;
margin-left:4%!important
}

a.comppurple:link,a.comppurple:visited {
text-decoration:none;
color:#4F4F4F;
background:#c6edff
}

a.comppurple div {
width:100%;
background:#FFF;
margin:0 0 20px;
height:auto;
overflow:hidden;
text-align:center
}

a.comppurple div:hover {
background:#EDEDED
}

a.comppurple div:hover div {
background:#EDEDED!important
}

.thecomp_portfo {
width:98%;
margin:auto
}

.thecomp_portfo p {
font-size:10px;
color:#666
}

.thecomp_portfo ul {
width:93%;
margin:5px auto 0;
direction:ltr;
text-align:center
}

.thecomp_portfo ul li {
display:block;
margin:0 0 0 5%
}

.thecomp_portfo ul li img {
width:15%!important;
height:auto;
margin:0;
padding:0;
border:1px solid #CCC
}

.thecomp_picture {
width:100%!important;
float:left;
margin-left:3%!important
}

.bbder {
list-style:none
}

.bbder li {
border-bottom:1px solid #CCC;
text-align:left;
direction:ltr
}

.allyellow {
width:100%;
color:#666;
border-bottom:3px solid #413aa5
}

#allblack {
width:100%;
color:#000;
border-bottom:3px solid #666
}

#latepro {
width:100%;
height:auto;
min-height:90px;
background:#EDEDED;
overflow:hidden
}

#lateprocon {
width:96%;
max-width:1600px;
padding:10px 0;
max-height:200px;
margin:0 auto
}

.lateproicon {
width:20%;
float:left;
height:auto;
max-height:100%;
margin-left:4%
}

#productspage {
width:96%;
margin:40px auto;
max-width:1600px
}

#proelements {
width:80%;
margin:auto;
background:#FFF;
padding:10px 0
}

.thesix {
width:15%;
min-width:70px;
height:auto;
padding:0;
margin-left:1.5%;
float:left;
text-align:center;
vertical-align:text-top
}

.mobelements {
display:none
}

.onethird {
width:22%;
height:auto;
float:left;
margin-left:3%;
min-width:150px;
margin-top:7px;
background:#EDEDED;
margin-top:60px;
color:#a22921
}

a.onethird:hover {
background:#CCC
}

.onethird img {
height:180px;
width:auto;
max-width:100%;
margin:auto
}

.thethree {
width:30%;
min-width:180px;
height:auto;
padding:0;
border-right:1px solid #CCC;
margin-left:3%;
float:left;
text-align:center;
vertical-align:text-top
}

#prosetleft {
width:76%;
float:left
}

#prosetright {
width:20%;
float:left;
margin-left:3%;
background:#EDEDED;
border-top:3px solid #DD0;
margin-top:30px
}

#prosief input {
width:100%
}

#offertable {
width:100%;
font-size:10px;
line-height:16px
}

.offertd {
width:65%;
border-bottom:1px solid #CCC;
padding:0 10px
}

.per_pro {
width:180px;
height:340px;
float:left;
border:1px solid #999;
margin:5px 11px;
text-align:center;
direction:ltr;
line-height:17px;
line-height:22px
}

#thepro_table {
width:90%;
max-width:1280px;
margin:auto;
text-align:left!important;
direction:ltr!important
}

#thepro_table td {
max-width:96%!important
}

#thepro_table tr {
max-width:96%!important
}

.normal {
width:96%;
margin:auto;
height:auto;
max-width:1600px;
margin:25px auto 20px auto;
overflow:hidden
}

.thecontent {
width:96%;
height:auto;
background:#FFF;
margin:20px auto!important;
max-width:1600px;
overflow:hidden;
padding:10px 2%
}

#htwo {
width:56%;
float:left;
height:auto;
overflow:hidden;
background:#FFF;
padding:10px 2%;
margin-top:20px!important
}

#thelinks {
width:35%;
float:right;
height:auto;
overflow:hidden;
background:#EDEDED;
margin-top:45px!important
}

#thelinks li {
margin:20px 0
}

#thesearch_table {
width:66%;
margin:auto
}

#thesearch_table img {
width:auto;
height:auto
}

.divall {
width:100%;
margin:auto;
max-width:1600px;
overflow:hidden;
background:#FFF
}

.thedark {
width:98%;
margin:auto;
max-width:1600px;
overflow:hidden;
background:#333;
padding:18px 0;
color:#CCC
}

.thedark p {
padding:0 10px
}

.thedark h2 {
color:#CCC
}

.thedark ul {
list-style:circle
}

.thedark li {
padding:10px;
color:#B8B8B8;
font-size:10px
}

.thelight {
width:98%;
margin:0 auto 20px;
max-width:1600px;
overflow:hidden;
background:#598b43;
padding:18px 0;
color:#333
}

.thelight p {
padding:0 10px
}

.thelight ul {
list-style:circle
}

.thelight li {
padding:10px;
color:#444;
font-size:10px
}

.catlist {
width:100%
}

.catlist li {
list-style:none;
border-bottom:1px dotted #CCC;
margin:3px 0;
padding:2px 3px
}

.protophead {
width:100%;
height:35px;
max-width:1600px;
margin-top:25px
}

.thetophead {
width:100%;
height:45px;
border-bottom:1px solid #CCC;
background:#FFF;
vertical-align:bottom
}

.profive {
width:18%;
height:400px;
border:1px solid #D8D8D8;
float:left;
margin:15px 1.5%
}

.profive img {
width:95%;
height:auto
}



.topfive {
width:22%;
min-height:350px;
float:left;
margin:15px 1.5%;
font-size:13px; font-weight:bold;
}

.topfive img {
width:95%;

}
a.wgreen:link , a.wgreen:visited{color:#598b43; text-decoration:none}
a.wgreen:hover{color:#616161; text-decoration:underline}



a.profive:link,a.profive:visited {
text-decoration:none
}

a.profive:hover {
border:1px solid #F90
}

a.profive div {
width:100%
}

a.profive p {
padding:0 5px;
font-size:13px;
text-align:left;
color:#666
}

.theprofive {
width:21%;
height:330px;
border:1px solid #D8D8D8;
float:left;
margin:15px 1.5%;
color:#666
}

.theprofive img {
width:100%;
height:auto
}

a.theprofive:link,a.theprofive:visited {
text-decoration:none
}

a.theprofive:hover {
border:1px solid #F90
}

a.theprofive div {
width:100%
}

a.theprofive p {
padding:0 5px;
font-size:10px;
text-align:left;
color:#666
}

#price-table {
width:98%;
margin:auto;
border-spacing:1px;
direction:ltr!important
}

#price-table td {
padding:3px 2px
}

#telemail {
width:50%;
margin-left:18%;
float:left
}

#telemail table {
float:right;
width:85%;
font-weight:700;
font-family:Arial;
font-size:11px
}

#telemail td {
padding:20px 1%
}

.whitecontent {
width:98%;
max-width:1600px;
background:#FFF;
height:auto;
margin:auto;
padding:0 1%
}

#shadower {
width:98%;
height:auto;
max-width:1600px;
margin:30px auto
}

#newspro {
width:98%;
height:auto;
max-width:1600px;
margin:auto;
color:#FFF
}

.thethree {
width:29%;
min-width:260px;
float:left;
margin:0 2%;
font-size:10px
}

.thethree img {
width:100%;
height:auto;
padding:0 auto 15px
}

.theeach {
width:29%;
float:left;
margin:3px 2%;
font-size:10px;
height:200px
}

.theeach img {
width:100%;
height:auto;
max-height:140px;
padding:3px auto 10px
}

.orange {
width:auto;
background:#ffc301;
border-radius:5px;
padding:2px 2%
}

.thebox {
width:36%;
height:270px;
min-width:240px;
float:left;
margin:1% 0 1% 2.5%
}

.linkbox {
width:18%;
height:270px;
margin:1% 0 1% 2.5%;
float:left
}

.theschetch {
width:36%;
height:270px;
min-width:230px;
float:left;
margin:1% 0 1% 2%
}

.theschetch img {
height:100%;
width:auto
}

.fourpro {
width:28%;
margin:2%;
border:1px solid #CCC;
height:130px;
float:left;
line-height:16px;
vertical-align:bottom
}

#masterlinks {
width:100%;
height:94px
}

#graychoice {
width:100%;
max-width:1600px;
background:#CCC;
height:auto;
padding:15px 2%;
overflow:hidden
}

#graychoice ul {
list-style:none
}

#graychoice li {
border-bottom:1px dotted #FFF
}

.graydiv {
width:30%;
min-width:240px;
height:auto;
float:left;
margin:5px 1%;
height:auto;
border:1px solid #CCC
}

.graydiv img {
width:100%;
height:auto
}

#flink {
width:80%;
float:right;
background:#fafafa;
height:90px;
margin-top:-18px;
border-bottom:1px solid #EDEDED
}

#flink td {
border-right:1px solid #EDEDED
}

#prolinks {
width:100%;
height:40px;
background:#333
}

#pro-info {
width:56%;
height:auto;
overflow:auto;
float:left
}

#pro-picture {
width:40%;
min-width:280px;
height:auto;
border:1px solid #EDEDED;
float:right
}

#theninja {
width:96%;
max-width:1600px;
background:#FFF;
height:auto;
overflow:auto;
margin:auto;
padding:0 1%
}

#manual {
width:20%;
float:left;
height:auto;
overflow:auto
}

#samplepro {
width:78%;
float:right;
height:auto;
overflow:auto
}

#abstract {
font-size:11px;
text-align:left;
direction:ltr;
padding-right:4%
}

#theerror {
width:98%;
max-width:1600px;
margin:auto
}

#yellower {
width:98%;
max-width:1600px;
margin:auto;
background:url(yellowbg.jpg) repeat;
font-size:15px;
color:#FFF
}

#yellower p {
text-align:left;
padding:10px 3%
}

#boldlink {
width:100%;
height:auto;
overflow:auto
}

#boldlink li {
height:34px;
background:url(brand.gif) repeat-x;
text-align:left;
padding-left:10px
}

#allinfo {
width:100%;
height:auto;
overflow:auto;
margin-top:35px
}

#brando {
width:48%;
min-width:240px;
height:auto;
overflow:auto;
float:left
}

#onesample {
width:99%;
height:auto;
overflow:auto;
background:#EDEDED;
border:1px solid #CCC
}

#compinfo {
width:48%;
min-width:240px;
height:auto;
overflow:auto;
float:left;
margin-left:2%
}

#showbrand {
width:98%;
margin:20px auto 10px
}

.showb {
width:45%;
min-width:240px;
float:left;
margin:2px 2% 1px 1%;
border:1px solid #CCC;
height:auto
}

.showb img {
width:100%;
height:auto
}

#threefields {
width:100%;
height:auto
}

.threepic {
width:30%;
height:auto;
float:left;
margin-left:2%
}

.threepic img {
width:100%;
height:auto
}

#footer {
width:96%;
max-width:1600px;
background:#333;
height:auto;
overflow:auto;
margin:auto;
padding:0 1%;
border-top:10px solid #fafafb;
color:#CCC;
font-size:12px;
border-top:4px solid #000
}

#mobtop {
display:none
}

#mobfooter {
display:none
}

.thefour {
width:24%;
min-width:230px;
height:220px;
float:left;
margin-left:1%
}

#pro-main {
width:98%;
max-width:1600px;
margin:auto;
height:auto;
overflow:auto;
padding:1%
}

#prodcontent {
width:100%;
margin:auto
}

.pro-id {
width:96%;
min-width:240px;
max-width:1000px;
height:auto;
box-shadow:5px 5px 5px #999;
margin:15px auto;
overflow:auto;
background:#EDEDED
}

.picpro-id {
width:30%;
height:auto;
float:left;
min-width:250px;
border:1px solid #EDEDED
}

.picpro-id img {
width:100%;
height:auto
}

.textpro-id {
width:60%;
float:left;
margin-left:4%;
height:auto
}

#footer-left {
width:30%;
float:left;
font-family:Arial;
line-height:25px;
font-size:13px;
text-align:left
}

#footer-right {
width:62%;
float:right;
text-align:left;
margin-right:1%
}

#newstab {
width:96%;
float:none;
margin-left:10px auto;
color:#333;
text-align:left
}

#newstab ul {
list-style:none
}

#newstab li {
border-bottom:1px dotted #666;
padding:3px 0
}

.perper {
width:16%;
float:left;
min-width:130px;
margin-left:3%;
border:1px dotted #CCC;
height:230px
}

.rslides {
position:relative;
list-style:none;
overflow:hidden;
width:100%;
max-width:1600px;
margin:auto
}

.rslides li {
-webkit-backface-visibility:hidden;
position:absolute;
display:none;
width:100%;
left:0;
top:0
}

.rslides li:first-child {
position:relative;
display:block;
float:left
}

.rslides img {
display:block;
height:auto;
float:left;
width:100%;
border:0
}

.rslides {
margin:0 auto
}

.rslides_container {
position:relative;
float:left;
width:100%
}

.rslides1_nav {
position:absolute;
-webkit-tap-highlight-color:rgba(0,0,0,0);
top:50%;
left:0;
z-index:99;
opacity:.7;
text-indent:-9999px;
overflow:hidden;
text-decoration:none;
height:61px;
width:38px;
background:transparent url(themes.gif) no-repeat left top;
margin-top:-45px
}

.rslides1_nav:active {
opacity:1
}

.rslides1_nav.next {
left:auto;
background-position:right top;
right:0
}

.rslides2_nav {
position:absolute;
-webkit-tap-highlight-color:rgba(0,0,0,0);
top:0;
left:0;
display:block;
background:#fff;
opacity:0;
filter:alpha(opacity=1);
width:48%;
text-indent:-9999px;
overflow:hidden;
height:91%
}

.rslides2_nav.next {
left:auto;
right:0
}

.rslides3_nav {
position:absolute;
-webkit-tap-highlight-color:rgba(0,0,0,0);
opacity:.6;
text-indent:-9999px;
overflow:hidden;
top:0;
bottom:0;
left:0;
background:#000 url(themes.gif) no-repeat left 50%;
width:38px
}

.rslides3_nav:active {
opacity:1
}

.rslides3_nav.next {
left:auto;
background-position:right 50%;
right:0
}

.rslides1_nav:focus,.rslides2_nav:focus,.rslides3_nav:focus {
outline:none
}

.rslides_tabs {
margin-top:10px;
text-align:center
}

.rslides_tabs li {
display:inline;
float:none;
_float:left;
*float:left;
margin-right:5px
}

.rslides_tabs a {
text-indent:-9999px;
overflow:hidden;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
background:#ccc;
background:rgba(0,0,0,.2);
display:inline-block;
_display:block;
*display:block;
-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);
-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);
box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);
width:9px;
height:9px
}

.rslides_tabs .rslides_here a {
background:#222;
background:rgba(0,0,0,.8)
}

.caption {
position:absolute;
display:block;
bottom:0;
left:0;
right:0;
padding:5px;
text-align:center;
background:#000;
background:rgba(0,0,0,.8);
color:#fff
}

#mobilelink {
display:none
}

#rescat {
display:none
}

nav {
width:100%;
max-width:1600px
}

#sprolinks {
width:100%;
max-width:1600px;
margin:0 auto;
height:40px;
position:relative!important;
z-index:100!important
}

nav {
width:100%;
max-width:1600px;
}

.nav_wrapper {
position:absolute;
z-index:1000;
width:100%;
max-width:1600px;
margin:0 auto;
}

.nav_wra {
position:relative;
z-index:1000;
width:100%;
max-width:1600px;
margin:auto;
}

.btn {
padding:10px 1%;
margin:5px;
color:#fff;
text-decoration:none;
font-family:sans-serif;
transition:all .1s ease
}

.btn:hover {
transition:all .1s ease
}

main {
max-width:800px;
margin:0 auto
}

#search {
float:right;
font-size:30px;
padding:2px 15px;
line-height:35px;
color:#fff;
margin:0;
font-weight:700;
-webkit-transform:rotate(181deg);
-moz-transform:rotate(181deg);
-ms-transform:rotate(181deg);
-o-transform:rotate(181deg);
transform:rotate(181deg)
}

#search:hover {
color:#666
}

.search_box {
clear:both;
width:100%;
background:#e8ebf0;
padding:0;
margin:0;
height:0;
overflow:hidden;
transition:all .1s ease-in-out
}

.search_box.active {
height:auto;
padding:15px 0
}

.search_box input {
width:80%;
font-size:13px;
margin:0 0 0 15px;
padding:10px;
border:none;
background:#fff
}

.search_box input:focus {
outline:none
}

.search_box input.search_icon {
clear:both;
width:10%;
height:auto;
padding:10px;
margin:0;
margin-left:-5px;
border:none;
color:#fff;
cursor:pointer;
background:#8c949d;
opacity:1;
transition:all .1s ease
}

a:link,a:visited {
color:#666;
font-size:12px
}

a:hover {
color:#000
}

.search_box input.search_icon:hover {
background:#666
}

.menu-link {
display:none
}

.spinner-master input[type=checkbox] {
display:none
}

.menu {
width:100%;
height:auto;
transition:all .3s ease
}

.menu ul {
padding:0;
margin:0;
list-style:none;
position:relative;
display:inline-block
}

.menu > li > ul.sub_menu {
min-width:10em;
padding:4px 0;
background-color:#f4f4f4;
border:1px solid #fff
}

.menu ul li {
padding:0
}

.menu > ul > li {
display:inline-block
}

.menu ul li a {
display:block;
text-decoration:none;
color:#444;
font-size:13px
}

.menu ul li a:hover {
color:#598b43
}

.menu ul li.hover > a {
color:#598b43;
}

.menu ul li > a {
padding:8px 15px
}

.menu ul ul {
display:none;
position:absolute;
top:100%;
min-width:200px;
background:#598b43
}

.menu ul li:hover > ul {
display:block
}

.menu ul ul > li {
position:relative
}

.menu ul ul > li a {
padding:10px 15px;
height:auto;
background:#598b43;
color:#fff
}

.menu ul ul > li a:hover {
background:#666;
color:#CCC
}

.menu ul ul ul {
position:absolute;
left:100%;
top:0
}

#hero {
width:100%;
height:auto;
background:#e8ebf0;
margin:70px 0 20px
}

#hero img {
width:100%;
height:auto
}

a.topbrand:link,a.topbrand:visited {
text-decoration:none;
color:#666;
font-size:9px;
width:9%;
float:left;
margin-left:3%;
direction:ltr!important
}

a.topbrand img {
min-width:100px;
height:auto;
border:3px solid #CCC
}

a.topbrand img:hover {
border-radius:30%;
-moz-box-shadow:0 0 10px #0080FF;
-webkit-box-shadow:0 0 10px #0080FF;
box-shadow:0 0 10px #F33;
opacity:1.7;
transition:.5s ease;
background-color:#008CBA;
color:#333;
width:100px;
height:100px
}

footer {
width:100%;
background:#09c;
padding:10px;
color:#fff;
margin-top:40px
}

footer a {
color:#fff;
text-decoration:none
}

* {
box-sizing:border-box
}

.details {
color:#333;
background:#EDEDED;
direction:ltr!important
}

.details th {
background:#CCC
}

.details td {
border:1px solid #FFF
}

.iiimage {
width:30%;
max-width:200px;
float:left;
padding:10px 20px
}

@media all and (max-width: 768px) {
a.topbrand:link,a.topbrand:visited {
min-width:90px;
min-height:160px;
margin-left:6%
}

.example-header .container {
width:100%
}

#search {
padding:10px
}

.spinner-master * {
transition:all .3s;
box-sizing:border-box
}

.spinner-master {
position:relative;
margin:15px;
height:30px;
width:30px;
float:left
}

.spinner-master label {
cursor:pointer;
position:absolute;
z-index:99;
height:100%;
width:100%;
top:5px;
left:0
}

.spinner-master .spinner {
position:absolute;
height:4px;
width:100%;
padding:0;
background-color:#333
}

.spinner-master .diagonal.part-1 {
position:relative;
float:left
}

.spinner-master .horizontal {
position:relative;
float:left;
margin-top:4px
}

.spinner-master .diagonal.part-2 {
position:relative;
float:left;
margin-top:4px
}

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal {
opacity:0
}

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
transform:rotate(135deg);
-webkit-transform:rotate(135deg);
margin-top:10px
}

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
margin-top:-12px
}

a.menu-link {
display:block;
color:#fff;
float:left;
text-decoration:none;
padding:10px 16px;
font-size:1em
}

a.menu-link:hover {
color:#666
}

a.menu-link:after {
content:"\2630";
font-weight:400
}

a.menu-link.active:after {
content:"\2715"
}

.menu {
clear:both;
min-width:inherit;
float:none
}

.menu,.menu > ul ul {
overflow:hidden;
max-height:0;
background-color:#598b43
}

.menu > li > ul.sub-menu {
padding:0;
border:none
}

.menu.active,.menu > ul ul.active {
max-height:55em
}

.menu ul {
display:inline
}

.menu li,.menu > ul > li {
display:block
}

.menu > ul > li:last-of-type a {
border:none
}

.menu li a {
color:#fff;
display:block;
padding:.8em;
position:relative
}

.menu li.has-submenu > a:after {
content:'+';
position:absolute;
top:0;
right:0;
display:block;
font-size:1em;
padding:.55em .5em
}

.menu li.has-submenu > a.active:after {
content:"-"
}

.menu ul ul > li a {
background-color:#598b43;
padding:10px 18px 10px 30px
}

.menu ul li a:hover {
background:#4b5f65;
color:#fff
}

.menu ul li.hover > a {
background:#4b5f65;
color:#fff
}

.menu ul ul,.menu ul ul ul {
display:inherit;
position:relative;
left:auto;
top:auto;
border:none
}

.search_box {
position:absolute;
top:60px;
left:0;
z-index:10
}

.search_box input {
width:70%
}

.search_box input.search_icon {
width:17%
}

#hero {
height:200px
}
}

@media screen and (max-width: 480px) {
#blacktop{display:none}
.btn {
padding:10px 1%;
margin:5px;
color:#333 !important;
text-decoration:none;
font-family:sans-serif;
transition:all .1s ease
}	
	
.threewhite{width:98%; float:none; background:#FFF; height:auto; overflow:hidden; margin:20px auto !important}
.threedark{width:98%; float:none; background:#e1e1e1; height:auto; overflow:hidden; margin:20px auto !important}
.twohundred{width:80% !important; height:auto; float:none; margin:10px auto !important;}
.twohundred table{width:80%; margin:auto}

.abox {
width:98%;
margin:auto;
background:#CCC
}

#abox {
width:98%;
margin:auto;
background:#CCC
}

.topfive{width:98%; float:none; margin:auto}

.ccc {
margin-top:10px!important
}

#bbox {
width:98%;
margin:auto
}

#cbox {
width:98%;
margin:auto;
background:#CCC
}

#specpro {
width:98%;
float:none;
margin:15px auto;
height:auto
}

#ntop {
display:none
}

.righti {
width:98%;
margin:auto;
float:none;
background:#EDEDED
}

.lefti {
width:98%;
margin:auto;
float:none
}

.mainleft {
display:none
}

.maincenter {
width:98%;
margin:auto;
float:none
}

.mainright {
width:98%;
margin:auto;
float:none
}

.offerpro {
width:96%;
margin:auto;
float:none
}

.github {
display:none
}

#contact-info {
display:none
}

#socialnet {
width:90%;
float:left
}

img {
max-width:480px
}

#topline {
display:none
}

#top-info {
display:none
}

#mobilelink {
display:block;
width:98%;
margin:auto
}

#reslogo {
width:100%;
height:auto
}

#reslinks {
height:auto;
width:98%;
margin:20px
}

#resul {
width:98%
}

#resul li {
list-style:none;
display:inline;
text-align:center;
width:20%;
padding:0 2.5%;
color:#FFF;
border-right:1px solid #CCC
}

#ressearch {
width:100%;
height:auto;
margin:10px auto 20px
}

#thesearch_submit {
font-size:9px;
font-family:'yekan'
}

#catagories {
display:none
}

#rescat {
display:block;
width:98%;
margin:auto;
height:auto;
margin:7px 0
}

#sprolinks {
display:none
}

#motto {
font-size:12px
}

.mainfour {
width:94%;
float:left;
margin:auto;
float:none
}

.tmainfour {
width:94%;
float:left;
margin:auto;
float:none
}

#news {
display:none
}

#latestpro {
width:98%;
float:none;
margin:20px auto
}

.profour {
width:45%;
height:200px;
border:1px solid #D8D8D8;
float:left;
margin:15px 1.5%
}

.profour img {
width:100%;
height:auto
}

.per_pro {
width:96%;
height:auto;
margin:10px auto 0;
border:1px solid #999;
text-align:center
}

.per_pro img {
width:90%!important;
height:auto!important
}

.thepro_table {
display:none
}

#gmap {
width:98%;
float:none;
height:400px;
margin:auto
}

#contactdetail {
width:98%;
float:none;
margin:auto
}

.galdiv {
width:98%;
min-width:260px;
box-shadow:5px 5px 5px #666;
float:none;
margin-top:10px;
margin-bottom:10px
}

#prosetright {
display:none
}

#prosetleft {
width:98%;
float:none;
margin:auto
}

#thepro_table td {
display:block;
max-width:96%!important;
padding:1%!important
}

#thepro_table p {
max-width:330px;
float:right;
margin:5px;
font-size:10px
}

#thepro_table img {
width:96%!important;
height:auto!important;
margin:auto
}

.thethree {
width:41.5%!important;
height:auto;
padding:0;
border-right:1px solid #CCC;
margin-left:3%;
float:left;
text-align:center;
vertical-align:text-top;
min-width:140px
}

#proelements {
display:none
}

.mobelements {
display:block;
width:100%
}

#pictureslide {
width:98%;
margin:auto
}

.profive {
width:46%;
height:350px;
border:1px solid #D8D8D8;
float:left;
margin:15px 1.5%
}

.profive img {
width:100%;
height:140px
}

a.profive:link,a.profive:visited {
text-decoration:none
}

a.profive:hover {
border:1px solid #F90
}

a.profive div {
width:100%
}

a.profive p {
padding:0 5px;
font-size:10px;
text-align:left;
color:#666
}

.theprofive {
width:46%;
height:280px;
border:1px solid #D8D8D8;
float:left;
margin:15px 1.5%
}

.theprofive img {
width:100%;
height:140px
}

a.theprofive:link,a.theprofive:visited {
text-decoration:none
}

a.theprofive:hover {
border:1px solid #F90
}

a.theprofive div {
width:100%
}

a.theprofive p {
padding:0 5px;
font-size:10px;
text-align:left;
color:#666
}

.imainfour {
width:96%;
float:none;
margin:15px auto
}

.brandicon {
width:30%;
height:auto;
margin:15px 1%;
float:left
}

.mainfour {
margin:20px auto
}

#newstab {
width:96%;
float:none;
margin-left:10px auto;
color:#333;
text-align:left
}

#newstab ul {
list-style:none
}

#newstab li {
border-bottom:1px dotted #666;
padding:3px 0
}

#thefixed {
display:none
}

#thetopper {
display:none
}

#footer-left {
display:none
}

#footer-right {
width:98%;
margin:auto;
text-align:left
}

#mobtop {
width:98%;
margin:auto;
height:auto;
overflow:auto;
display:block
}

#pro-info {
width:98%;
height:auto;
overflow:auto;
margin:auto
}

#pro-picture {
width:98%;
min-width:280px;
height:auto;
border:1px solid #EDEDED;
margin:auto
}

.thebox {
width:96%;
margin:auto;
height:400px;
min-width:240px;
float:left;
margin:1% 0 1% 2.5%;
border:1px solid #CCC
}

.thefour {
width:24%;
min-width:240px;
height:220px;
margin-left:1%
}

.fourpro {
width:43%;
margin:2%;
border:1px solid #CCC;
height:115px;
float:left
}

.linkbox {
width:96%;
margin:auto;
height:270px;
border:1px solid #CCC;
float:left
}

#mobfooter {
display:block;
width:96%;
height:100px;
border-top:1px solid #CCC;
background:#333;
margin:auto;
color:#CCC;
text-align:center
}

#manual {
display:none
}

#samplepro {
width:98%;
margin:auto;
height:auto;
overflow:auto
}

#procontent {
width:98%;
margin:0 auto auto
}

.theschetch {
width:96%;
height:270px;
min-width:230px;
float:left;
margin:auto
}

#brando {
width:98%;
min-width:240px;
height:auto;
overflow:auto;
margin:auto
}

#compinfo {
width:98%;
min-width:240px;
height:auto;
overflow:auto;
margin:auto
}

#onesample {
display:none
}

#threefields {
width:96%;
height:auto;
margin:10px auto
}

.picpro-id {
width:98%;
height:auto;
border:1px solid #EDEDED
}

.textpro-id {
width:96%;
height:auto
}

#ntop {
display:none
}

.mobelements {
display:block;
width:100%
}

.onethird {
width:98%;
margin:auto;
float:none
}

.per_pro {
width:96%;
height:auto;
margin:10px auto 0;
border:1px solid #999;
text-align:center
}

.per_pro img {
width:90%!important;
height:auto!important
}

.thepro_table {
display:none
}

#descmap {
display:none
}

#mobmap {
width:95%;
height:400px;
margin:auto;
display:block
}

#htwo {
float:none;
width:96%;
margin:auto
}

#thelinks {
float:none;
width:96%;
margin:auto
}

.iiimage {
float:none;
margin:20px auto;
width:96%;
max-width:500px
}

.aftercheck {
width:96%!important;
padding:1.5%
}

#fiftyleft {
width:98%;
margin:auto;
float:none
}

#fiftyright {
width:98%;
margin:auto;
float:none
}

.allside {
float:none;
width:98%;
margin:auto
}

.tbox {
width:46%;
margin:auto;
height:200px;
max-width:280px;
float:left;
margin:1% 0 1% 2.5%;
border:1px solid #CCC
}
}