@charset "utf-8";
@import url('nav.css');

/* CSS Document */
html, body{font-family:"Calibri"; font-size:14px; color: #666; height:100%; margin:0; padding: 0; background:#47a604 url(../images/bodybg.jpg) repeat-x top left;}
body.inner{ background:#f3f3f3 url(../images/innerbodybg.png) repeat-x top left}
a:focus{ border: none; -moz-outline: none; outline: none; }
hr{ color:#F5F5F5; border:0px; border-bottom:1px solid #F5F5F5; margin:0px; padding:0px; height:1px;}
img{border:0px;}
ul, li{ margin:0; padding:0; list-style:none}
.imgA{ vertical-align:middle;}
a:link,a:active, a:visited{color:#666;text-decoration:none; cursor:pointer;  }
a:hover{color:#000}

ul,li {list-style:none}
#maindiv{position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:auto;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	padding:0px 0px 0px 0px;background:url(../images/mainbg.jpg) no-repeat center top;
	
	}

form{margin:0; padding:0;  }

/*HEADER PART Start*/
#hpart{ min-height:86px; width:980px; background:url(../images/hpartbg.png) left top no-repeat; margin:0 auto  }
a#logo {display:block; text-indent:-9999em; background:url(../images/logo.png) no-repeat left top; width:510px; height:86px; z-index:100; margin:0 0 0 24px}
#callno { float:right; font-size:18px; font-family:Trebuchet MS; color:#393939; text-transform:uppercase; padding:5px 31px 0 0;  }
#nav {float:right; clear:right; margin:33px 25px 0 0}

.hero { float:left; width:932px; background:url(../images/herobg.png) repeat-x left top; height:226px; margin:6px 0 0 6px}
 

 
 
#myslides img {  
margin:15px 0 0 14px; z-index:0
}

/*Middle part include left and content*/
#mpart {  clear:both; width:948px; color:#444; background:#fff/* url(../Images/mpartbg.png) no-repeat center top*/; margin:0px auto; padding:0 0 20px; }
#pixset{ width:100%; margin:0 auto}
 
.fix:after, .box:after, .boxD:after, .boxG:after, .boxH:after, .boxI:after  {content: "#"; display: block; clear:both; height:1px; visibility:hidden}
 

/*Content Part*/ 
#cpart {margin:10px 50px 0 0px; float:right;  width:590px;  padding:0;   }
#cpart a.nmlink:link,#cpart a.nmlink:visited,#cpart a.nmlink:active {color:#000; text-decoration:none; }
#cpart a.nmlink:hover { color:#3e647e; text-decoration:none; }
#cpart h3 { font-size:18px; font-family:"Trebuchet MS"; margin:0; padding:0; font-weight:normal; color:#319900}
a.readmore {text-transform:uppercase; font-size:14px; font-style:italic; text-decoration:underline}
.quotation { background:url(../images/quotationbg.jpg) left top no-repeat; width:578px;  height:62px; float:left; clear:both; color:#fff; padding:12px 0 0 15px }
a.quotali { color:#fff !important}
.heroinimg { float:left;  padding:3px; margin:0 15px 15px 0 }
ul.proddis { float:left}
ul.proddis li{   margin:10px 0 0 30px}
.highlight{ background:#319900; color:#fff; padding:0 4px}
 
 /*lpart*/
#lpart { float:left; width:250px; background:url(../images/leftbg.jpg) right 0px no-repeat; margin:10px 0 0 11px; padding:0 20px 0 0;}
ul#leftnav{ float:left}
ul#leftnav li {background:url(../images/navlinkbg.jpg) left top repeat-x; padding:5px; float:left; width:222px; margin:3px 7px }
ul#leftnav li a{ font-family:"Trebuchet MS"; font-size:16px; text-transform:uppercase; background:url(../images/rpartarrow.png) left center no-repeat; padding:0 0 0 10px; margin:0 0 0 10px}
 /*rpart*/ 
#rpart { float:right; width:262px; background:#ebebeb; margin:12px 50px 0 0; padding:0}
#latestproducts {float:left; }
#latestproducts h3 { background:url(../images/rpartheadbg.png) no-repeat left top; padding:10px 0 0 10px; height:37px; text-transform:uppercase; margin:0; color:#fff;  font-size:14px}
#latestproducts a{background:url(../images/rpartarrow.png) left center no-repeat; padding-left:10px; margin:0px 0 12px 20px; float:left; color:#333; width:240px}
#latestproducts a:hover {color:#ff830e}

/*fpart*/
#fpart {width:948px; background:url(../images/fpartbg.jpg) top left repeat-x; height:59px; margin:0 auto} 
#fpratpix{width:980px; margin:0px auto;}
#fpartinner {  text-align:center; background:url(../images/fpartbg.png) top center no-repeat; height:20px; padding:15px 0 0 0 } 
#fpartinner a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6b6b6b; margin:0; padding:0 10px}
.copyright{display:block; margin:6px 0 0 0; padding:0; font-size:11px; color:#6b6b6b}
.powerwrap{   margin:6px 30px 0 0 ; font-size:11px; color:#6b6b6b }
a.powerby  {font-size:11px !important}
/* General Class */
.clear{clear:both}
.left{float:left}
.right{float:right}
.PL22{padding-left:22px}
.PR22{padding-right:22px}
.PL10{padding-left:10px}
.PL5{padding-left:5px}
.PR5{padding-right:5px}
.PR10{padding-right:10px}
.PT10{padding-top:10px}
.PT15{padding-top:15px}
.Pall{padding:6px 10px 4px 0}
.PT8{padding-top:8px}
.PT5{padding-top:5px}
.MT10{margin-top:10px}
.mt5{margin-top:5px}
.ML45{ margin-left:45px}
.padding{padding:6px;}
.alinc{text-align:center;}
.txtbig{font-size:24px; padding:10px;}
.rounded {text-decoration: none; background:#868686; }
.success { color:#3F8600; font-size:12px; font-weight:bold; }
.hlight { color:#e15f08; }
.justify { text-align:justify; }
.lineheight { line-height:17px; }
.midheader{ color:#666}
ul.dots li{ list-style:disc inside;	}

p{margin:5px 3px 3px 0px; text-align:justify; line-height:18px}
p.dec{ font-size:12px;} 

h1{background:transparent url(../images/catheadbg.png) repeat-x scroll 0 0 ; display:block; min-height:30px; width:713px;  margin:0px 0px 0px 0px; color:#fff; padding:10px 10px 4px 10px; font-size:24px; font-weight:normal}
h2 {margin:0px; font-size:18px; font-weight:normal; padding-top:10px; color:#eb7c16; float:left}
h4 {margin:0px; font-size:16px; font-weight:bold; padding:0px; color:#eb7c16}
h5 {margin:0px; font-size:18px; font-weight:normal; padding-top:5px; color:#eb7c16; font-family:Trebuchet MS; text-transform:uppercase}
h5 span{color:#333333;}
.bnone{background:none;}


/* forms */
.red, .error{ color:#c00; font-size:12px; text-align:center; padding:0; margin:0; display:block; }
.red{display:inline-block}

.cssform{clear:both; padding:3px 10px; margin:auto }
.cssform p{ clear:both; padding-left:255px; width:440px; color:#666; text-align:left; margin:10px 0; line-height:normal }
.cssform b{font-weight:400; font-size:12px;  margin-right:10px; text-align:right;  float:left; text-align:right; margin-left:-355px; width:345px;  }

.cssform p a{color:#fff;}
.cssform input, .cssform select, .cssform textarea { font-size:12px;  color:#444444;  font-family:Arial,Verdana,Tahoma; border:1px solid #D6D5D5;  padding:1px;  font-weight:normal; }

.cssform p input.button{background: url(../Images/btnbg.gif) #ec7e14; border:1px solid #fe9b0b; color:#422700; font-size:12px; color:#422700; font-size:12px; font-weight:700; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 8px;}
.cssform p.required b{font-weight:400}
.button{background: url(../Images/btnbg.gif) #ec7e14; border:1px solid #fe9b0b; color:#422700; font-size:12px; font-weight:700; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 8px; cursor:pointer; }
 
/* shopping cart body area and boxies styles */
.tableborder { border:1px solid #cccccc; background:#fff8e9; }
.allborder { background:#CFD0D1; border:#CFD0D1 1px solid; margin:10px 0 0 0 }
.fieldheader { background:url(../images/inc-banner-bg.gif) repeat-x center; color:#fff; padding:10px 10px; height:25px; font-weight:bold; }
.fieldheader a { color:#333333; text-decoration:underline; }
.fieldheader a:hover { color:#0479DC; text-decoration:none; }
.allborder td{padding:3px 6px} 
.lightbg { background:#fff;  }
.prodethead {font-size:14px; font-weight:bold; background:#666; padding:7px; color:#fff}
.darkbg { background:#EDEDED; }
.selectbg { background:#DDF3FF; }
.whitebg { background:#FFFFFF; }
.subheading { color:#ff8000; font-weight:bold; }


/* shopping cart body area and boxies styles */
.tableborder { border:1px solid #cccccc; background:#fff8e9; }
.allborder { background:#CFD0D1; border:#CFD0D1 1px solid; margin:10px 0 0 0 }
.fieldheader { background:url(../images/inc-banner-bg.gif) repeat-x center; color:#fff; padding:10px 10px; height:25px; font-weight:bold; }
.fieldheader a { color:#333333; text-decoration:underline; }
.fieldheader a:hover { color:#0479DC; text-decoration:none; }
.allborder td{padding:3px 6px} 
.lightbg { background:#fff;  }
.darkbg { background:#EDEDED; }
.selectbg { background:#DDF3FF; }
.whitebg { background:#FFFFFF; }
.subheading { color:#ff8000; font-weight:bold; }

.paging {  }
.paging a:link, .paging a:visited, .paging a:active { color:#05567F; text-decoration:underline; font-weight:bold; }
.paging a:hover { color:#666666; text-decoration:none; }

 
 
/* SITE MAP */
ul.sitemap{ background:none; margin:0 0 ; padding:0px 0 0px; color:#000}
ul.sitemap li{ float:left; padding:18px; height:140px; line-height:18px; min-width:127px}
ul.sitemap li strong{margin:8px 0 0; display:block;}
ul.sitemap li span{text-transform:uppercase; display:block; margin:0 0 8px; font:700 13px Arial Narrow; }


                #contactform {
                        font-family: verdana;
                        width: 600px;
                }

                #contactform h1 {
                        font-size: 130%;
                }

                #contactform img {
                        border: 0px;
                }

                #contactform .errors {
                        color: #ff0000;
                }

                #contactform .correct {
                        color: black;
                }

                #contactform legend {
                        font-size: 120%;
                        font-weight: bold;
                }

                #contactform .title {
                        color: black;
                        font-weight: bold;
                        font-size: 90%;
                        margin-top: 2px;
                        margin-bottom: 5px;
                }

                #contactform .field {
                        color: black;
                        font-size: 90%;
                        margin-bottom: 7px;
                }

                #contactform .small {
                        font-size: 100%;
                }

                #contactform .thanks {
                        margin-top: 15px;
                        color: green;
                        font-size: 105%;
                        margin-bottom: 15px;
                }