body, body.inner
{
direction:ltr;
font:12px arial;
margin:0px;padding:0px;
background:#c7c7c7 url('images/body.gif') repeat-x top;
color:#393939;
}

body.inner
{
background:#414141;
}

body.inner #wrapper
{
width:100%;
background:url('images/bg2.jpg') repeat-x top;
}

p
{
padding: 0 0 19px 0 !important;
line-height: 1.385em !important;
font-size: 1.083em !important;
color: #585858 !important;
}

a
{
color:#2b2b2b;
text-decoration:none;
font-weight:bold;
}

a:hover
{
color:#998030;
text-decoration:none;
}

h1
{
font:22px arial;
font-weight:bold;
margin:0px;padding:0px; 
color:#5ea56d;
text-align:left;
}

h2
{
padding: 0px 0px 0px 0px;
line-height: 1.923em;
font-size: 1.083em;
text-transform: uppercase;
color: #000;
font-family:Verdana;
}

h3
{
font:18px arial;
font-weight:bold;
color:#ed7000;
text-align:left;
margin:0px;padding:0px;
}

hr
{
border-width:0px;
border-top:1px solid #b5b5b5;
padding:0px 0px 13px 0px;
}

#container
{
width:905px;height:auto;
margin:0px auto;padding:0px;
}

#textBlock
{
width:370px;height:400px;
float:left;
margin:300px 0px 0px 325px;
text-align:center;
font:14px Trebuchet MS;
color:#231f20;
}

#textBlock h1
{
text-align:center;
font:26px Trebuchet MS;
color:#019247;
}

#textBlock a:hover
{
color:#019247;
}

label {position:absolute; top:2px; left:42px;color:#383838;font:11px arial}

#container #top
{
width:905px;height:420px;
padding:28px 0px 0px 0px;
/*background:url('images/topstrip.jpg') no-repeat;*/
}

#container #top #picchng
{
width:905px;height:337px;
float:left;
margin:0px;
z-index:10;
}

#container #secondtop #toptext h1{color:#eee;font-weight:normal}

#logo
{
float:left;
width:152px;height:144px;
margin:-223px 0px 0px 52px;
z-index:100000;
position:absolute;
}

#topmenucont
{
float:right;
width:906px;height:83px;
margin:0px;padding:0px;
background:url('images/menubotsplitter.jpg') repeat-x bottom;
}

#middle
{
width:906px;height:auto;
margin:0px;padding:0px;
background:#d1d1d1;
border-top:1px solid #c9c9c9;
}

.content
{
padding:21px 0px 0px 36px;
width:870px;
}

#middle #topStrip
{
width:100%;height:auto;
background:#d9d9d9;
border-bottom:10px solid #c5c5c5;
}

#middle #topStrip .cube
{
float:left;
width:180px;height:auto;
padding:20px 55px;
}

#middle #topStrip .cube .cubeHeader
{
float:left;
width:180px;height:52;
padding:0px 55px;
}

#middle #leftdiv
{
width:600px;height:auto;
float:left;
}

#middle #rightdiv
{
width:236px;height:auto;
float:right;
}

#middle #leftdiv2
{
width:430px;height:auto;
float:left;
}

#middle #rightdiv2
{
width:406px;height:auto;
float:right;
}

#middle #leftdiv li
{
height:58px;
vertical-align:middle;
}

#middle #leftdiv img
{
margin-right:20px;
}

#middle #leftdiv .content
{
width:564px;height:auto;
margin:0px;padding:21px 0px 0px 36px;
min-height:211px;
}

#middle #rightdiv .content
{
width:200px;height:auto;
margin:0px;padding:21px 36px 0px 0px;
min-height:211px;
}

#middle #leftdiv2 .content
{
width:394px;height:auto;
margin:0px;padding:21px 0px 0px 36px;
min-height:211px;
}

#middle #rightdiv2 .content
{
width:370px;height:auto;
margin:0px;padding:21px 36px 0px 0px;
min-height:211px;
}

#middle .servicestb
{
border-collapse:collapse;
border:0px solid #d1d1d1;
}

#middle .servicestb tbody tr, #middle .servicestb tbody td, #middle .servicestb tbody
{
border-collapse:collapse;
border:0px solid red;
}

#middle .servicestb tbody td
{
padding:5px 10px;
vertical-align:top;
}

.verif
{
font:11px arial;
color:#393939;
width:100px;
}

.searchbut
{
border-width:0px;
width:28px;height:26px;
background:url('images/search.png') no-repeat;
}

.logindet
{
float:left;
color:#fff;
margin:3px 0px 0px 0px;
}

.note{width:250px;float:left;color:red}
.note2{width:100%;color:red;font-weight:bold}

.clearer
{
width:100%;
clear:both;
}

/*************** Table ************************/

.prodtb{border-collapse:collapse}

.prodtb .caption, .prodtb .caption2{background:#eee;}

.prodtb .caption td, .prodtb .caption2 td
{
font:12px arial;
font-weight:bold;
color:#787878;
padding:5px 0px;
text-align:center;
border-left:1px solid #dcdcdc;
}

.prodtb .caption2 td{border:1px solid #dcdcdc;}

.prodtb .tbcont td
{
color:#a9a9a9;
font:12px arial;
font-weight:bold;
border:1px solid #dcdcdc;
text-align:center;
vertical-align:middle;
}

.prodtb .tbcont:hover{background:#f6f6f6}

.prodtb .first td{border-top:0px}
.prodtb .last td{border-bottom:0px}

.prodtb .tbcont td.name a{color:#998030;}
.prodtb .tbcont td.pic {overflow:hidden;height:100px}

.prodtb .imgwrp
{
width:100px;/*height:80px;
overflow:hidden;*/
}

/*************** footer ***********************/

#footer, #footer2
{
width:905px;height:15px;
margin:0px;padding:4px 0px 0px 0px;
color:#2b2b2b;
clear:both;
text-align:center;
}

#footertxt,#footertxt2{width:950px;text-align:center;clear:both;margin:0px 0px 0px 0px}
#footertxt2{padding-top:10px;}

#footer a, #footer2 a{text-decoration:underline;color:#2b2b2b;}
#footer a:hover, #footer2 a:hover{color:#998030;text-decoration:none;}

#footer2
{
margin:0px auto;
height:0px;
}

#credcont
{
width:270px;margin:30px 0px 0px 0px;
float:right;
clear:both;
}

#credcont .floaterl
{
float:left;
display:block;
font:10px arial;
color:#aaa;
}

#credcont .floaterl a
{
font:10px arial;
font-weight:normal;
color:#aaa;
}

/************products***************/

.catwrap
{
width:192px;height:113px;
float:left;
margin:0px 33px 0px 0px;
padding:11px 15px;
background:url('images/text.jpg');
}

.last{margin-right:0px}

.catwrap h2 a
{
font:16px arial;
font-weight:bold;
color:#96cb93;
padding:2px 0px 0px 15px;
}

.catwrap h2 a:hover{color:#fff}

.catwrap .textwrp
{
padding:5px;
height:48px;
color:#787878;
}

.catwrap .detwrp
{
padding:0px 0px 0px 20px;
width:36px;
float:left;
}

.catwrap a{color:#ed7000;}
.catwrap a:hover{color:#787878;}

.sonwrp
{
width:800px;height:120px;
display:block;
border-bottom:1px solid #dfdfdf;
margin:3px auto;
}

.sonwrp .imgwrp
{
width:158px;height:117px;
overflow:hidden;
float:right;
}

.sonwrp .deswrp
{
width:470px;height:80px;
padding:10px 15px;
float:right;
}

.sonwrp .moredet
{
width:90px;height:20px;
float:left;
margin-top:100px;
}

.sonwrp .moredet a{color:#817e7e}

.imgframe
{
border:1px solid #dadada;
padding:5px;
float:right;
}

.imgframe .prodimgwrp
{
width:130px;height:auto;
}

.prodcont
{
width:400px;height:auto;
padding:0px 15px;
float:right;
}

.prodcont .text
{
clear:both;padding:0px 0px 10px 0px;
}

.prodcont .ftext
{
border-bottom:1px solid #dcdcdc;
}

.prodcont .text .nam
{
font:12px arial;
font-weight:bold;
color:#62ad44;
}

#brandscont
{
width:904px;height:auto;
min-height:100px;
margin:30px 20px 0px 0px;
}

.brandwrap, .brandwrapfirst
{
/*width:150px;height:170px;*/
width:100px;height:100px;
float:right;
/*margin:0px 36px 10px 0px;*/
margin:0px 43px 43px 0px;
border:1px solid #dbdbdb;
}

.brandwrapfirst{margin-right:0px}

.brandwrap:hover
{
border:1px solid #2b2b2b;
}

.brandwrap .imgwrp
{
padding:0px;
/*height:150px;*/
height:100px;
}

.brandwrap .namewrp
{
padding-top:3px;
height:17px;
text-align:center;
background:#d0d0d0;
}

.brandwrap .namewrp a
{
font:12px arial;
font-weight:bold;
color:#2b2b2b;
}

/************************************ Contact us Form *********************************/

#contactus, #login, #workorder, #priceoffer
{
width:300px;
margin:20px 30px 0px 0px;
}

#workorder
{
width:400px;
}

#login
{
margin:30px 0px 0px 20px;
}

.formname
{
float:left;clear:left;
margin:0px 10px 10px 0px;
width:100px;
}

.formtxtwrp
{
float:left;
width:160px;
margin:0px;
}

.formtxt
{
width:150px;
font:12px arial;
}

.formtxtarea
{
width:150px;height:75px;
font:12px arial;
}

.subcont
{
width:190px;
float:left;
margin:10px 0px 0px 103px;
}

.formbut
{
margin-left:7px;
width:74px;
text-align:center;
background:#eee;
color:#817e7e;
border:1px solid #484142;
font:12px arial;
font-weight:bold;
}

/************************************ Top menu *********************************/

ul.topmenu 
{
list-style:none; 
margin:0; 
padding:0;
}

ul.topmenu * 
{
margin:0; 
padding:0;
z-index:9;
}

ul.topmenu a 
{
display:block; 
color:#fff; 
text-decoration:none;
font: 11px arial;
}

ul.topmenu li 
{
position:relative; 
float:left;
padding-left:1px;
background:url('images/menu-divider.gif') no-repeat left top;
}

ul.topmenu ul 
{
position:absolute; 
top:33px; 
left:10px; 
display:none; 
opacity:0; 
width:160px;
list-style:none;
z-index:100;
}

ul.topmenu ul li 
{
position:relative;
border-top:none;
margin:0;
z-index:100;
}

ul.topmenu ul li a 
{
display:block; 
padding: 5px 10px;
background:#d0d0d0;
width:140px;
font: 11px arial;
color:#484142;
}

ul.topmenu ul li a:hover 
{
background:#484142;
color:#fff;
}

ul.topmenu ul ul 
{
left:160px; 
top:0px;
}

ul.topmenu .menulink 
{
padding:19px 0px 10px 0px;
height:37px;width:150px;
text-align:center;
color:#7a7a7a;
font:20px impact;
background:url('images/menubg.jpg') repeat-x top;
}

ul.topmenu .menulink:hover, ul.topmenu .menuhover 
{
color:#f4f4f4;
}

ul.topmenu .sub 
{
background:#d0d0d0 url(images/arrow.gif) 150px no-repeat;
color:#484142;
}

ul.topmenu .sub:hover
{
background:#484142 url(images/arrowhover.gif) 150px no-repeat;
color:#eee;
}

ul.topmenu .topline 
{
border-top:0px solid #aaa;
}

/************************************ Side menu *********************************/
		
ul.sidemenu 
{
list-style:none; 
margin:0; 
padding:0; 
float:right;
}

ul.sidemenu * 
{
margin:0; 
padding:0;
}

ul.sidemenu a 
{
display:block; 
color:#345125; 
text-decoration:none;
}

ul.sidemenu li 
{
position:relative; 
float:right; 
margin:0px;
}

ul.sidemenu ul 
{
position:absolute; 
right:169px; 
background:#eeeff0; 
display:none; 
opacity:0; 
list-style:none;
top:0px;
width:170px;
}

ul.sidemenu ul li 
{
position:relative; 
border:0px solid #aaa; 
border-top:none; 
width:170px; 
margin:0;
border-bottom:1px dotted #818181; 
}

ul.sidemenu ul li a 
{
display:block; 
font-weight:bold;
padding:5px 7px 7px; 
background-color:#eeeff0;
}

ul.sidemenu ul li a:hover 
{
background-color:#0172c4;
color:#fff; 
text-decoration:none;
}

ul.sidemenu ul ul 
{
right:170px; 
top:-1px;
}

ul.sidemenu .menulink 
{
padding:6px 25px 2px 0px; 
font-weight:bold;
width:142px;
height:20px;
color:#fff;
border-top:1px solid #efa165;
}

ul.sidemenu .first 
{
border-top-width:0px;
}

ul.sidemenu .menulink:hover, ul.sidemenu .menuhover 
{
color:#e97b26;
background:#ebecec;
text-decoration:none;
}

ul.sidemenu .menulinkparent
{
padding:5px 15px 5px 0px; 
font-weight:bold; 
background:#c2da5d url(images/arrow.gif) 10px no-repeat;
width:189px;
}

ul.sidemenu .menulinkparent:hover, ul.sidemenu .menuhover 
{
color:#fff; 
text-decoration:none;
width:189px;
background:#586100 url(images/arrow.gif) 10px no-repeat;
}


ul.sidemenu .sub 
{
background:#eeeff0 url(images/arrow.gif) 10px no-repeat;
}

ul.sidemenu .topline 
{
border-top:0px solid #aaa;
}