@charset "utf-8";
/*------------------------------Reset style Starts-------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: #ffffff; background: white; font-family:Arial, Helvetica, sans-serif; font-size:12px }
ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight:bold; }
img { margin:0; }
.clearfix:after {
content: ".";
display: block;
height: 0.1px;
clear: both;
font-size: 0;
visibility: hidden;
}
.clearfix {
display: block;
}
/*------------------------------Reset style Ends-------------------------------*/

/*-----------------------------------float start-------------------------------*/
.fltrt { float: right; }
.fltlft { float: left; }
.clear { clear:both; font-size:0px; line-height:0;}
/*-----------------------------------float ends--------------------------------*/

/*---------------------body starts here ---------------------------------------*/
body{color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:normal;   font-size:13px; line-height:16px; background:#000 url(../images/bg.gif) top left repeat-x; }
/*---------------------body ends here ---------------------------------------*/

/*---Common Wrapper Style Starts ----*/

a  {
text-decoration : none;
border : 0;
color : #666666;
cursor:pointer;
}
a:hover {
text-decoration : underline;
border : 0;
color : #666666;
cursor:pointer;
}
a img, a:hover img {
text-decoration : none;
border : 0;
cursor:pointer;
}

.wrapper{ width:100%; margin:0 0; padding: 0 0;}
.main_container{ width:981px;  margin:0 auto; padding:0 0;}

/*---Common Wrapper Style ends ----*/


/*-- Header Logo & main navigation starts  ----*/
.logo{ margin:0 auto;}
.logo .lrg{ display:block; margin-top:16px }
.logo .sml{ margin:31px 0 8px 0;}



.nav{ background:url(../images/nav-bg.gif) top left no-repeat; width:980px; height:48px; margin:0 auto; }
.nav ul{ margin:0 0; padding:0 0;}
.nav ul.links_1 li{ margin:0 0; padding:0 0; display:block; float:left; }
.nav ul.links_1  li a{ font-size:14px; line-height:16px; color:#FFF; text-decoration:none; display:block; padding-top:15px; padding-bottom:15px}
.nav ul.links_1 li a:hover, .nav ul.links_1 li.active a{ color:#4eb1f2; text-decoration:none}
.nav ul.links_1 li.home a{width:81px; padding-left:49px;}
.nav ul.links_1 li.about a{width:103px; padding-left:32px;}
.nav ul.links_1 li.product a{width:101px; padding-left:35px;}
.nav ul.links_1 li.dealers a{width:92px; padding-left:32px;}
.nav ul.links_1 li.contact a{width:93px; padding-left:34px;}


.nav ul.links_2{ margin:13px 17px 0 0;}
.nav ul.links_2 li{ margin:0 0; padding:0 0; display:block; float:left;  text-align:center;}
.nav ul.links_2  li a{ font-size:13px; line-height:16px; color:#FFF; text-decoration:none; display:block; padding:2px 10px 4px 10px}
.nav ul.links_2 li a:hover, .nav ul.links_2 li.active a{ background-color:#0889dd; text-decoration:none}

/*-- Header Logo & main navigation ends  ----*/

/*-- Left Banner starts  ----*/
.banner-lt{ width:674px; height:360px;  position:relative; margin-top:20px}
.container{ width:674px; height:360px; overflow:hidden; position:relative; }
.container .slides{ position:absolute; top:0; left:0; }
#loopedSlider{ width:674px;height:360px; position:relative;  }
.slides p{ font-size:11px; float:left; line-height:14px; width:458px;  position:absolute; bottom:11px; left:31px; z-index:30; display:block;}
.scroll-title{ background:url(../images/transparent-div.png) top left no-repeat; bottom:0px; left:0; width:674px; height:35px; position:absolute; }
*:first-child+html .scroll-title{  bottom:3px;}


.scroll-links{ bottom:0; left:0; width:674px; height:35px; position:absolute; z-index:0 }
.scroll-links ul{ margin:9px 24px 0 0; padding:0 0;}
.scroll-links li{ margin:0 0; padding:0 0; display:block; float:left; width:14px; text-align:center; margin-right:7px;} 
.scroll-links  .previous{ margin-right:12px; display:block; float:left; margin-top:9px; margin-left:492px}
.scroll-links  .next{ margin-left:9px; display:block; float:left}
.scroll-links  li a{ font-size:11px;  color:#FFF; text-decoration:none; display:block; margin-right:12px; line-height:14px; }
.scroll-links  li a{ border:1px solid #6e7c83;  width:14px; height:14px; margin-right:5px;}
.scroll-links  li a:hover, .scroll-links  li.active a{ background-color:#0889dd; text-decoration:none}

/*-- Left Banner ends ----*/

/*-- Right Banner starts  ----*/

.banner-rt{ background:url(../images/rt-banner.gif) top left no-repeat; width:296px; height:360px;  margin-top:20px; font-weight:bold; font-style:italic; font-size:43px; position:relative; }
.banner-rt h1{ line-height:45px; display:block; position:absolute;top:191px; left:110px;}
.banner-rt h2{font-size:32px; display:block;  line-height:32px; position:absolute; top:170px; left:19px;}
/*-- Right Banner ends ----*/


/*-- Body conatiner starts  ----*/
.content{ width:980px; margin:0 auto; min-height:558px; margin-top:30px}
.top-bg{ background:url(../images/content-top.png) top left no-repeat; width:100%; height:5px;}
.btm-bg{ background:url(../images/content-btm.png) top left no-repeat; width:100%; height:5px;}
.mid-bg{ background:#dee0df; width:100%;}

/*--- Left conatiner starts   --*/
.content-lt{ width:656px}
.links-3{padding:22px 0 0px 76px; width:100%; display:block;}
.links-3 li{margin:0 0; padding:0 0; display:block; float:left; width:170px}
.links-3 li a, .links-3 li a:hover{ font-size:14px; font-weight:bold; color:#000000; text-decoration:none; background:url(../images/pointer.png) center left no-repeat; padding-left:18px}
.links-3 li img{ display:block; padding-bottom:10px }
.links-3 li.link1 img{ padding-left:10px; }
.links-3 li.link2{ margin-right:0px}
.links-3 li.link2 img{ padding-left:2px;}
.links-3 li.link3  img{  padding-left:20px;}

.content-lt p{ margin-left:47px; color:#000; line-height:20px; width:592px; margin-bottom:27px}
.content-lt p.first{ margin-top:60px}
/*-- Left conatiner ends   ----*/

/*-- Right conatiner starts  ----*/
.links-4{ margin:20px 20px 15px 0; padding:0 0;}
.links-4 li{ display:list-item; list-style:none; width:256px; padding:0 0 0 20px; background:#cecece; margin:0 0; font-size:11px;  }

.links-4 li.title{ background:#737577 url(../images/sml-content-top.gif) top left no-repeat;  font-size:17px; line-height:20px; height:24px; padding-top:6px}
.links-4 li.top_link{ padding-top:10px}
.links-4 li.end{ background:#cecece url(../images/sml-content-btm.gif) bottom left no-repeat; height:25px }
.links-4 li img{ padding-top:10px}
.links-4 li h3, .links-4 li h3 a, .links-4 li h3 a:hover{ color:#0889dd; text-decoration:none;  width:230px; padding-top:3px; font-weight:bold;}
.links-4 li p{color:#000000;  width:230px}
/*-- Right conatiner ends   ----*/

/*-- Footer starts  ----*/
.footer{ margin:0 auto; font-size:12px; text-align:right; min-height:69px;  }
.footer p{ margin-right:23px; color:#838383; margin-top:28px;}
/*-- Footer ends  ----*/



/*   Formating for inner1 page starts */

.body-content{ width:980px; margin:0 auto; margin-top:15px}
.page-title{ font-size:27px; line-height:42px; margin-left:22px; font-weight:bold }


.inner-body-content-top{ background:url(../images/inner-content-top.png) left top no-repeat; height:8px; width:100%}
.inner-body-content-bottom{ background:url(../images/inner-content-btm.png) left top no-repeat; height:16px; width:100%}
.inner-body-content{background:url(../images/inner-content-mid.png) left top repeat-y; width:100%}

.inner-body-content-top-2{ background:url(../images/inner-content-top-2.png) left top no-repeat; height:8px; width:100%}
.inner-body-content-bottom-2{ background:url(../images/inner-content-btm-2.png) left top no-repeat; height:10px; width:100%}
.inner-body-content-2{background:url(../images/inner-content-mid-2.png) left top repeat-y; width:100%}

.left{ width:208px;}
.content-title{ display:block;}
.rt-content{ width: 772px; }
.middle{ width:586px;}
.right{width: 135px;}

/* Page Left content starts */
.left ul.links_5{ margin:0px 0 0 0; padding:0 0;}
.left ul.links_5 li{ margin:0 0; padding:0 0; display:list-item; width:208px; height:40px; background:#7e7f80; border-bottom:1px solid #bfbfc0}
.left ul.links_5  li a{ font-size:15px; color:#FFF; text-decoration:none; display:block;  background:url(../images/tab-bullet.gif) left center no-repeat; padding-left:18px;width:168px; height:40px; margin-left:18px; line-height:40px}
.left ul.links_5 li:hover a, .left ul.links_5 li a:hover, .left ul.links_5 li.active a{ color:#4eb1f2; text-decoration:none; background:url(../images/tab-bullet-selected.gif) left center no-repeat; cursor:pointer}
.left ul.links_5 li:hover{ cursor:pointer}
.left ul.links_5 li.first, .left ul.links_5 li.first a{ height:32px; line-height:32px}
/* Page Left content ends */
 

/* Page Middle content start */
.content-title h2{ font-size:20px; line-height:25px; color:#000000; font-weight:normal;  display:block; float:left; margin-left:50px; width:700px; margin-top:25px}

.middle p{ margin-left:50px; color:#000; line-height:20px; width:484px; margin-bottom:27px}
.middle p.last{ margin-bottom:158px}
/* Page Middle content ends */


/* Page Right content starts  */
.right ul.links_6{ margin:0px 0 0 0; padding:0 0;}
.right ul.links_6 li{ margin:0 0 10px 0; padding:0 0; display:list-item; width:157px; height:100px;}
.right ul.links_6  li a{  }

/* Page Right content ends */

/*   Formating for inner1  page ends */


.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
background: #7e7f80 url(../images/tab-bullet.gif) 22px center no-repeat ;
padding-left:40px;
width:168px; 
height:40px;
cursor: pointer;
font-size:15px; color:#FFF; text-decoration:none; display:block;
margin-left:0px; line-height:40px;  border-bottom:1px solid #bfbfc0;

}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: #7e7f80 url(../images/tab-bullet-selected.gif) 22px center no-repeat;
color:#4eb1f2;
}

.arrowlistmenu .first { height:32px; line-height:32px}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
padding:9px 0 16px 0;
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
padding-left:45px;
}

.arrowlistmenu ul li a{
display: block;
text-decoration: none;
background:transparent; border:none; width:100%;  font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#5a5a5a; line-height:18px; 
}



.arrowlistmenu ul li a:hover, .arrowlistmenu ul li a.active{ color:#ffffff; text-decoration:none}




.product-details{ padding-left:60px; width:524px}
img.product-img{ display:block; float:left; padding:45px 0 0 212px}


h4{ color:#1d1817; font-weight:bold; font-size:26px; clear:both;  line-height:32px}
h5{ color:#292423; font-weight:normal; font-size:26px; font-family:"Times New Roman", Times, serif; line-height:34px; padding-bottom:5px}
.product-details p{ color:#636160; font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:normal; line-height:24px}


ul.process{ color:#484847; margin:0; padding:19px 0 0 0; }
ul.process li{ margin:0 0 8px 0; padding:0 13px 1px 0; display:block; float:left;  }
ul.process li.padding-lft{padding-left:50px; padding-top:13px}

ul.process-2{ color:#484847; margin:0; padding:0; width:167px; clear:both}
ul.process-2 li{ margin:0 0 8px 0; padding:0 0 8px 0; display:block; float:left; border-bottom:2px solid #b1b1b1; width:167px; font-family:"Times New Roman", Times, serif; font-size:18px}
ul.process-2 li span.line-2{ font-size:14px; display:block; float:right; line-height:14px}
ul.process-2 li img.padding-lft-1{padding-left:9px; padding-right:7px ;   display:block; float:left}
ul.process-2 li img.padding-lft-2{padding:6px 9px 0 6px;   display:block; float:left }
ul.process-2 li span.line-1{ display:block; float:left; padding-top:5px}

.height-100{ height:110px}
.height-150{ height:150px}