/* CSS Document */

body{font: normal 11px Arial, Helvetica, sans-serif; background: url(../images/bg2.gif) repeat-x fixed; margin:0; padding:0; }

#wrapper{ width:940px; padding:0 5px 0 5px; margin:0 auto; background:#fff;}
.clear{ clear:both;}


.header{ background:url(../images/headerbg.gif) repeat-x top; padding:0; margin:0; float:left;}
.header .logo{ padding:0; margin:0; float:left;}
.header .logo img{ padding:15px 0 5px 17px; border:none;}
.header .topnav{ padding:18px 0 0 0; margin:0; float:right;}
.header .topnav img{ margin:0 20px 0 0; padding:0; border:none;}
.header .logo2{ padding:0; margin:0; float:right;}
.header .logo2 img{ padding:0; margin:0; border:none;}


.searchtab{ padding:0; margin:0;}
.header .search{padding:0px 11px 0 15px; margin:5px 0 0 0; float:right;}
.phn{background:url(../images/phn.jpg) no-repeat left bottom; margin:0px 0 0 130px; padding:0px 0 0px 30px; width:250px; height:80px; float:left; font-size:16px;}
*html .header .search{padding:0px 20px 0 0px; margin:5px 0 0 0; float:right;}
html* .header .search{padding:0px 11px 0 5px; margin:5px 0 0 0; float:right;}

@media screen and ( padding:0 11px 0 385px; margin:5px 0 0 0; )
   {.header .search{padding:0 11px 0 385px; margin:5px 0 0 0; float:right;}}


.header .search input{background:url(../images/searchbg.gif) top left no-repeat; font-size:11px; border:none; float:left; height:25px; width:170px; padding:0px 5px 8px 28px; margin:0;}
*html .header .search input{font-size:11px; border:none; float:left; height:18px;padding:7px 5px 8px 28px; margin:0;}
html* .header .search input{font-size:11px; border:none; float:left; height:18px;padding:7px 5px 8px 28px; margin:0;}


.header .search .but{ padding:0; margin:0; background:url(../images/butbgtop.gif) no-repeat bottom right; height:23px; width:32px; float:left;}
.header .search .but img{ padding:0; margin:3px 0 0 5px; border:none;}
.header .search label{ padding:0; margin:0;}
.header .search form{ padding:0; margin:0;}
.header .search img{padding:0; margin:0;}


.header .topimage {padding:0; margin:0; clear:both; float:left; height:217px;}
.header .bottom{padding:7px 0 0 0; margin:0; float:left; background:url(../images/flashbg.gif) repeat-x top; width:940px; height:161px;}
.header .flash {padding:0; margin:0; float:left; background:#333;}
.header .flash img{padding:0; margin:0;}

.header .rightnav {padding:0; margin:0 0 0 5px; float:left;}
.header .rightnav h1{padding:10px 0 11px 20px; text-transform:uppercase; margin:0 0 5px 0; width:244px; color:#fff; font:normal 22px "Trebuchet MS"; float:left; clear:both;}
.header .rightnav h1 a{ text-decoration:none; color:#fff;}

.header .rightnav .bg1{ background:url(../images/b1.gif) no-repeat top left;}
.header .rightnav .bg2{background:url(../images/b2.gif) no-repeat top left;}
.header .rightnav .bg3{background:url(../images/b3.gif) no-repeat top left;}



/* Navigation
-------------------------------------------------------------------*/
.header #tabs{ clear:left; background:url(../images/nav-tab.gif) no-repeat; text-align:center; font-size:13px; font-weight:bold; padding:0 0 0 0px; margin:0; }
.header #tabs ul { margin:0; padding:0px 0 0 0px; list-style:none;}
.header #tabs li {display:inline; margin:0; padding:4px 5px 0 4px; float:left; background:url(../images/border.jpg) right top no-repeat;}
.header #tabs .none {display:inline; margin:0; padding:4px 7px 0 10px; float:left; background:url(../images/border1.jpg) right top repeat;}
.header #tabs a {float:left; margin:0; padding:0 5px 0 7px;text-decoration:none;}
.header #tabs a span {float:left; display:block; padding:5px 9px 10px 3px ; color:#000;}
.header #tabs a span {float:none;}

.header #tabs a:hover{ background:url(../images/button-left.jpg) no-repeat left top;}
.header #tabs a:hover span { background:url(../images/button-right.jpg) no-repeat right top; color:#fff}

.header #tabs .hover a.selected{background:url(../images/button-left.jpg) no-repeat left top;}
.header #tabs .hover a.selected span{ background:url(../images/button-right.jpg) no-repeat right top; color:#fff }

.header #tabs .selected a{ background:url(../images/button-left.jpg) no-repeat left top;}
.header #tabs .selected a span { background:url(../images/button-right.jpg) no-repeat right top; color:#fff}


body#home .selectedhome a{ background:url(../images/button-left.jpg) no-repeat left top;}
body#home .selectedhome a span{background:url(../images/button-right.jpg) no-repeat right top; color:#fff}

body#faq .selectedfaq a{ background:url(../images/button-left.jpg) no-repeat left top;}
body#faq .selectedfaq a span{background:url(../images/button-right.jpg) no-repeat right top; color:#fff}

body#story .selectedstory a{ background:url(../images/button-left.jpg) no-repeat left top;}
body#story .selectedstory a span{background:url(../images/button-right.jpg) no-repeat right top; color:#fff}

body#ourcompany .selectedcompany a{ background:url(../images/button-left.jpg) no-repeat left top;}
body#ourcompany .selectedcompany a span{background:url(../images/button-right.jpg) no-repeat right top; color:#fff}

body#product .selectedproducts a{ background:url(../images/button-left.jpg) no-repeat left top;}
body#product .selectedproducts a span{background:url(../images/button-right.jpg) no-repeat right top; color:#fff}

body#distributors .selecteddistributors a, body#dealers .selectdealers a{ background:url(../images/button-left.jpg) no-repeat left top;}
body#distributors .selecteddistributors a span, body#dealers .selectdealers a span{background:url(../images/button-right.jpg) no-repeat right top; color:#fff}

body#directors .selecteddirectors a{ background:url(../images/button-left.jpg) no-repeat left top;}
body#directors .selecteddirectors a span{background:url(../images/button-right.jpg) no-repeat right top; color:#fff}

body#quality .selectedquality a{ background:url(../images/button-left.jpg) no-repeat left top;}
body#quality .selectedquality a span{background:url(../images/button-right.jpg) no-repeat right top; color:#fff}

body#contact .selectedcontact a{ background:url(../images/button-left.jpg) no-repeat left top;}
body#contact .selectedcontact a span{background:url(../images/button-right.jpg) no-repeat right top; color:#fff}

body#sitemap .selectedsitemap a{ background:url(../images/button-left.jpg) no-repeat left top;}
body#sitemap .selectedsitemap a span{background:url(../images/button-right.jpg) no-repeat right top; color:#fff}

/* Services
-------------------------------------------------------------------*/
.services{ background:url(../images/servicesgreenbg.gif) repeat-x top left; height:245px; padding:20px 0 0 35px;}
.services img{ border:none;}

.services .col{ float:left; background:url(../images/servicesbg.gif) repeat-x top left; width:190px; height:186px; margin:0 10px 0 0; padding:10px}
.services .col h1{ padding:0 0 0 11px; margin:0; font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#144389; background:url(../images/servicesicon.gif) no-repeat left;}
.services .col h1 a{color:#144389; text-decoration:none;}
.services .col p a{text-decoration:none; color:#4A74AE;}

.services .col img{ padding:4px 0 0 2px; margin:0;}
.services .col p{ padding:5px 5px 3px 5px; margin:0; color:#666; line-height:16px;}
.services .col span{ padding:5px 0 0 5px; margin:0; color:#4a74ae; text-align:left;}
.services .col span a{ color:#4a74ae; text-decoration:none;}
.services .col span a:hover{ color:#4eac20; text-decoration:none;}


/* Bottom Row
-------------------------------------------------------------------*/
.bottomrow{ padding:0; margin:0; float:left;}
.bottomrow img{ padding:0; margin:0; float:left;}
.bottomrow h1{ padding:0 0 0 11px; margin:0; font:bold 22px Arial, Helvetica, sans-serif; color:#000;}
.bottomrow p{ padding:5px 28px 3px 0; margin:0; color:#333; line-height:16px; font-size:12px;}

/* Content Row
-------------------------------------------------------------------*/
.content{ padding:10px 10px 20px 5px; margin:0; float:left; width:700px;font-family:Tahoma; background:url(../images/leftcolbg.gif) repeat-y right top; }
.content .limebulidings{ padding:0 0 0 7px; margin:0; font-size:12px;}
.content .limebulidings img{ padding:0; margin:0; float:left;}



.content img{ padding:8px 5px 5px 5px; margin:0; float:right;}
.content h1{ padding:0 0 5px 0; margin:0 0 0 10px; font:normal 22px Tahoma; color:#000; background:url(../images/line.gif) no-repeat left bottom;}
.content h2{ padding:0; margin:0 0 0 10px; font:normal 15px Tahoma; color:#000;}
.content p{ padding:8px 28px 3px 11px; margin:0; color:#333; line-height:18px; font-size:12px;}
.content p a{ text-decoration:underline; color:#333;}
.content ul{ padding:0; margin:0 0 0 25px;}
.content li{ padding:0; margin:0;}
.content .row{ float:left; clear:both; width:700px}
.content .row img{ float:right;}
.content .row .txt{ float:left; width:350px;}
.content .directors{ float:left; clear:both; background:url(../images/directorsbg.gif) repeat-x left bottom; margin:15px 0 0 10px; padding:10px; width:650px; border:solid 2px #EBEAEA;}
*html .content .directors{ float:left; clear:both; background:url(../images/directorsbg.gif) repeat-x left bottom; margin:15px 0 0 6px; padding:10px 10px 10px 10px; width:650px; border:solid 2px #EBEAEA;}

.content .directors p{ padding:0; margin:0; float:none;}
.content .padtop{ padding:3px 0 0 0; float:left;}
.content .directors img{ float:left; padding:0 10px 0 0; margin:0;}



.content ul{ margin:0 0 0 5px; padding:5px 0 0 8px; font-size:12px; clear:both; color:#333;}
*html .content ul{padding:5px 0 0 0; color:#333;}
.content li{ margin:0; padding:5px 0 5px 16px; list-style:none; background:url(../images/txtlibg.jpg) no-repeat top left;}
.content li a{ text-decoration:none; color:#333;}
.content li a:hover{ text-decoration:none; color:#000;}
.content li ul{ padding:9px 0 0 0;}
.content li ul li{ background:none; padding:3px 0 4px 10px; background: url(../images/sublibg.gif.jpg) no-repeat top left;}

.sales{ border: solid 1px #F7C02E; margin:0 0 0 10px; width:350px;}
.sales .head{ background:#FDCD4C; font-size:13px; color:#333; padding:3px 0 3px 10px;}
.sales .head2{ background:#FDCD4C; font-size:13px; color:#333; padding:3px 0 3px 10px;}
.sales .list{ background:#F5F5F5; font-size:12px; color:#000; padding:3px 0 3px 10px; width:0;}



#rightcol{ padding:0; margin:0; float:right;}
#rightcol .product{ padding:10px 0 10px 15px; margin:0; float:right; width:210px; clear:both;}
#rightcol .product img{ padding:0; margin:0; float:left;}
#rightcol .product h1, .rightcontact h1{ padding:4px 0 5px 10px; color:#333; margin:0; font:normal 18px Arial, Helvetica, sans-serif; background:url(../images/leftcolheadbg.gif) no-repeat left top;}
#rightcol .product p{ padding:5px 3px 0 3px; margin:0 4px 0 4px; color:#333; line-height:16px; font-size:12px;}
#rightcol .product p a{ color:#000;}

#rightcol .otherside{ padding:5px 0 10px 15px; margin:0; float:right; width:210px; clear:both;}
#rightcol .otherside img{ padding:5px 0 0 2px; margin:0;}
#rightcol .otherside h1{ padding:4px 0 5px 10px; color:#333; margin:0; font:normal 18px Arial, Helvetica, sans-serif; background:url(../images/leftcolheadbg.gif) no-repeat left top;}
#rightcol .otherside p{ padding:5px 3px 0 3px; margin:0 4px 0 4px; color:#333; line-height:16px; font-size:12px;}
#rightcol .otherside p a{ color:#000;}

#rightcol .contactform2{padding:0 0 10px 15px; margin:0; float:right; width:210px; font-size:11px;}
#rightcol .contactform2 .input2{ background:#fff; border:solid 1px #7F9DB9; width:180px; padding:0; margin:0}
#rightcol .contactform2 h1{ padding:4px 0 5px 10px; color:#333; margin:0; font:normal 18px Arial, Helvetica, sans-serif; background:url(../images/leftcolheadbg.gif) no-repeat left top;}

#rightcol.contactform{  border:solid 5px #EEEEEE; margin:0 0 0 10px; padding:5px;}
*html #rightcol .contactform{  border:solid 5px #EEEEEE; margin:0 0 0 5px; padding:5px;}
#rightcol .contactform .input{ background:#fff; border:solid 1px #7F9DB9; width:221px;}

.dealers{width:640px; float:left; padding:0 0 0 20px;}
.dealerbox{width:210px; float:left; padding:10px 0px 10px 0; margin:0 0 0 5px;font-size:12px; line-height:18px; color:#333; }
h2.blue{ color:#0A8AD1; border-bottom:#0A8AD1 1px solid;}

.blue{ color:#0A8AD1;}
.yellow{ color:#DEA300;}


/* Foooter
-------------------------------------------------------------------*/
.footer{ width:100%px; background:url(../images/footerbg.gif) repeat-x top; color:#333; clear:both; border-top:#fff 1px solid; padding:4px; margin:0 0 0 0 auto; font-size:11px;}
.footer p{ margin:0px auto; padding:4px 0 0 0; text-align:center; line-height:22px;}
.footer p a{padding:0 5px 0 5px; color:#333; text-decoration:none;}

.content2{ padding:10px 10px 100px 5px; margin:0; float:left; width:930px;font-family:Tahoma; background:1url(../images/leftcolbgnew.gif) repeat-y right top; }

.content2{ padding:10px 10px 100px 5px; margin:0; float:left; width:920px;font-family:Tahoma; background:1url(../images/leftcolbgnew.gif) repeat-y right top; }


/* Distributors
-------------------------------------------------------------------*/
.distributors{text-align:center}
.distributorshome{float:left; padding:20px 0 0 0;}
.phone{float:left;}
.phone2{float:left; padding:0 0 10px 25px;}