body
{
direction:ltr;
font:12px Trebuchet MS;
margin:0px;padding:0px;
background:#fff;
color:#202020;
}

p
{
direction:ltr;
margin:10px 0px 5px 0px;
padding:0px;
}

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

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

h1
{
font:bold 12px Trebuchet MS;
margin:0px;padding:0px; 
color:#202020;
text-align:left;
text-decoration:underline;
display:inline;
}

h2
{
font:18px arial;
font-weight:bold;
color:#4bceff;
text-align:left;
margin:0px;padding:0px;
}

h3
{
font:16px arial;
font-weight:bold;
color:#4bceff;
text-align:left;
margin:0px;padding:0px;
}

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

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

#container #top
{
width:960px;height:30px;
}

#logo
{
display:block;
width:100%;height:10px;
padding:0px 0px 10px 2px;
margin-bottom:10px;
}

#logo a
{
font:bold 14px Trebuchet MS;
color:#000;
}

.cvcont
{
float:right;
padding:3px 60px 0px 0px;
}

#logo .cvcont a
{
font:10px Trebuchet MS;
text-decoration:underline;
}

#picchng
{
width:610px;height:154px;
margin:12px 19px 0px 0px;
float:right;
}

#topmenucont
{
float:left;width:680px;
margin:129px 0px 0px 0px;
padding:0px 10px 0px 0px;
}

#middle
{
width:960px;height:auto;
min-height:100px;
margin:0px;padding:0px;
}

.content
{
width:735px;
margin:7px 0px 25px 0px;
}

.textcontent
{
margin:0px;
padding:0px;
width:355px;
font:11px Georgia;
line-height:15px;
}

.prodtext
{
margin-top:13px;
}

.textcontent .text
{
margin-top:15px;
line-height:15px;
}

#rightdiv
{
width:225px;height:auto;
min-height:435px;
margin:0px;padding:0px;
position:fixed;
left:790px;
}

#leftdiv
{
float:left;
width:760px;height:auto;
padding-left:30px;
min-height:475px;
}

#leftdiv .pagcont
{
clear:both;
padding-top:13px;
}

#leftdiv .pagtext
{
clear:both;
padding-top:3px;
}

#leftdiv #prodinfo
{
width:355px;float:left;
padding:10px 0px 0px 0px;
}

#leftdiv #prodinfo #text
{
height:auto;
font:11px Georgia;
}

#leftdiv #prodinfo #text .imgdetails
{
padding-top:8px;
font:italic 11px Georgia;
line-height:15px;
}

#leftdiv #prodimg
{
width:710px;float:left;
}

#leftdiv #prodimg #imgwrap
{
width:710px;height:520px;
position:relative;
float:left;
}

#leftdiv #prodimg #scrollLinks
{
width:18px;float:left;
margin:165px 0px 0px 0px;
}

#leftdiv #prodimg #scrollLinks .splitter
{
width:18px;height:30px;
display:block;
}

#leftdiv #prodimg #imgscrl{position:absolute;}

/*#leftdiv #prodimg #imgwrap:hover{border:1px solid #007ac2;}*/

#leftdiv #prodimg .thumbout
{
padding:3px;
width:100px;height:80px;
border:1px solid #717171;
background:#eee;
float:right;
margin:3px 16px 0px 0px;
text-align:center;
}

#leftdiv #prodimg .thumbout:hover{border:1px solid #007ac2;}

#leftdiv #prodimg .thumbwrap
{
width:100px;height:80px;
overflow:hidden;
margin:auto;
}

#leftdiv #prodimg .thumbwrap img.thumbimg
{
max-width:100px;
}

.pagination
{
direction:ltr;
text-align:left;
}

.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}

.arrowfloater{float:left;width:16px;height:13px;display:block}
.arrowsplitter{padding-left:7px}

.pagination a.next
{
background:url('images/rightarrow.jpg');
width:16px;height:13px;
border-width:0px;
display:block;
}

.pagination a.next:hover{background:url('images/rightarrowhover.jpg')}

.pagination a.prev
{
background:url('images/leftarrow.jpg');
width:16px;height:13px;
border-width:0px;
display:block;
}

.pagination a.prev:hover{background:url('images/leftarrowhover.jpg')}

.pagcont a.uparrow
{
background:url('images/biguparrow.jpg');
width:12px;height:16px;
border-width:0px;
display:block;
}

.pagcont a.uparrow:hover{background:url('images/biguparrowhover.jpg')}

.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
{
width:960px;height:50px;
margin:0px;padding:10px 0px 0px 0px;
color:#fff;
clear:both;
text-align:center;
}

#footer #footertxt{width:960px;text-align:center;clear:both}

#footer a{text-decoration:underline;color:#202020;}
#footer a:hover{text-decoration:none;color:#202020}

#credcont
{
width:150px;margin:0px;
float:left;
clear:both;
}

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

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

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

.catwrap
{
width:330px;height:98px;
float:right;
margin:30px 30px 0px 0px;
}

.catwrap .imgwrp
{
padding:0px;
width:99px;
float:right;
}

.catwrap .contwrp
{
padding:0px 20px 0px 0px;
height:98px;width:211px;
float:left;
}

.catwrap .contwrp h2 a
{
font:20px arial;
font-weight:bold;
}

.catwrap .textwrp
{
padding:0px 5px 0px 0px;
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:200px;height:200px;
display:block;
margin:3px 20px;float:right;
}

.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;
}

#priceoffer{width:700px}

#workorder
{
width:400px;
}

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

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

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

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

.formtxt2wrp
{
float:right;
width:500px;
margin:0px;
}

.formfilwrp
{
float:right;
width:230px;
margin:0px 0px 0px 0px;
}

.formfil
{
width:220px;
font:12px arial;
}

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

.formtxtarea2
{
width:490px;height:200px;
font:12px arial;
}

.subcont, .subcont2
{
width:190px;
float:right;
margin:10px 114px 0px 0px;
}

.formbut
{
margin-left:7px;
width:70px;
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;
margin-left:30px;
}

ul.topmenu ul 
{
position:absolute; 
top:21px; 
right:0px; 
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 
{
right:160px; 
top:0px;
}

ul.topmenu .menulink 
{
padding:0px 21px 12px 0px;
color:#a6a6a6;
font:bold 12px arial;
}

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

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

ul.topmenu .sub:hover
{
background:#484142 url(images/arrow_hover.gif) 10px no-repeat;
color:#fff;
}

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

/************************************ Side menu *********************************/
		
ul#sidemenu, ul#sidemenu ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  width: 168px;
  font:10px Trebuchet MS;
}

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

ul#sidemenu li {
  margin-top: 0px;
  
}

ul#sidemenu li a {
  background:#fff;
  color:#202020;
  height:17px;
  padding:10px 0px 1px 3px;
  border-bottom:1px solid #b3b3b3;
}

ul#sidemenu li a.father {
  background:#fff url('images/downarrow.jpg') no-repeat 155px 15px;
}

ul#sidemenu li a.father-opened {
  background:#fff url('images/uparrow.jpg') no-repeat 155px 15px;
}

ul#sidemenu li a:hover {
  color:#000;
  background:#fff url('images/dothover.jpg') no-repeat 158px 15px;
}

ul#sidemenu li ul li a {
  background:#fff;
  color:#202020;
  font:italic 11px Georgia;
  border-bottom:1px dotted #b3b3b3;
  padding-top:5px;
  padding-right:10px;
  height:auto;
  min-height:17px;
}

ul#sidemenu li ul li a:hover {
  color:#000;
  background:#fff url('images/dothover.jpg') no-repeat 158px 50%;
}

div.inqcont
{
width:158px;
padding:10px 0px 0px 3px;
}

div.inqcont a
{
font:10px Trebuchet MS;
text-decoration:underline;
color:#202020;
}

div.inqcont #inqtext a
{
font:italic 11px Georgia;
}

div.inqcont #inqtext .uparrow
{
background:#fff url('images/uparrow.jpg') no-repeat 0px 15px;
height:20px;
display:block;
}

div.inqcont #inqtext .uparrow a#closeinq
{
width:100%;
height:20px;
display:block;
}