@charset "utf-8";
@import url('coda.css');
/* CSS Document */
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}
html, body.home{background:url(../images/bodybg.jpg) repeat-x left top}
html, body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; height:100%; margin:0; padding: 0; background:url(../images/herobg.jpg) repeat-x top left;}

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 7px 0px 7px;
	}

/*HEADER PART Start*/
#hpart{height:136px;  width:980px; margin:0 auto}
#subnav{ float:right; text-align:right;}
#subnav a{font-size:11px; padding:10px 10px; float:left}

/* CONCEPT MORE SITE MENU */
ul.menu_class { border:1px solid #1c1c1c; }
ul.the_menu { display:none; width:174px; background:#302f2f; border:1px solid #1c1c1c; position:absolute; z-index:1; padding:0px; margin:0px 7px 0 422px; top:31px; *margin-left:-176px}
ul.the_menu li { background-color:#302f2f; float:left; width:164px; padding:0px 5px}
ul.the_menu li:hover {background:#666}
ul.the_menu li a { color:#FFFFFF; text-decoration:none; width:154px; text-align:left !important; float:left; padding:5px 0 !important; font-size:12px !important }
ul.the_menu li a:hover {font-weight:bold; color:#fff; }

#logopart {width:100%; background:url(../images/logopartbg.jpg) no-repeat left top; float:left; margin-top:5px; height:49px; padding:0}
#logopart #sap {background:url(../images/serchleftbg.png) no-repeat left top; height:49px; width:20px; float:left; margin-left:120px}
#logopart h3{float:left;  margin:4px 0 0 0; padding:0}
#logopart h3 a {background:url(../images/logo.png) no-repeat left top; display:block; text-indent:-9999em; overflow:hidden; float:left; width:505px; height:42px;} 
ul#search {float:right; margin:12px 10px 0px 0px; }
ul#search input {border:0; padding:5px; margin:1px; width:140px;}
ul#search li {float:left; }
ul#search li.searchtbox{ background:url(../images/searchbox.png) no-repeat; width:154px; height:29px; }
ul#search li .sbut{background:url(../images/searchbutton.png) no-repeat center center; width:20px; height:25px; border:0px; text-indent:-9999em; display:block; cursor:pointer; margin:0 5px;}
ul#search li a.advsea { margin:6px 12px 0 0; float:left; color:#fff}

ul#topnav {  padding: 0; list-style: none; font-size: 1.1em; clear: both; float: left; font-size:12px; margin-top:4px; width:100%;  *margin-top:7px }
ul#topnav li { margin: 0; padding: 0; overflow:hidden; float:left; height:44px; min-width:128px; padding:0px }
ul#topnav li:hover {background:url(../images/navbg.png) center bottom no-repeat; }
ul#topnav a, ul#topnav span { padding: 10px 0px 10px 24px; float:left; text-decoration:none;  clear:both; height:20px; line-height:20px; color:#666; cursor:pointer;   }
ul#topnav a { color:#C80000; font-size:12px; padding-left:10px; }
ul#topnav span { display: none; }
ul#topnav li.v1 span { background:url(../images/headrest-icon-h.png) no-repeat 0 7px; padding-left:32px }
ul#topnav li.v2 span { background:url(../images/factory-icon-h.png) no-repeat 0 12px;  padding-left:28px;  }
ul#topnav li.v3 span { background:url(../images/indash-icon-h.png) no-repeat 0 12px; padding-left:40px  }
ul#topnav li.v4 span { background:url(../images/rawpanel-h.png) no-repeat 0 10px; padding-left:32px;  }
ul#topnav li.v5 span { background:url(../images/flip-icon-h.png) no-repeat 0 12px; padding-left:26px }
ul#topnav li.v6 span { background:url(../images/acce-h.png) no-repeat 0 10px; padding-left:36px }
ul#topnav li.v7 span { background:url(../images/login-h.png) no-repeat 0 10px; padding-left:36px }



ul#topnav li a.headrest {background:url(../images/headrest-icon.png) no-repeat left; padding-left:32px  }
ul#topnav li a.factory{background:url(../images/factory-icon.png) no-repeat left; padding-left:28px; width:150px  }
ul#topnav li a.indash{background:url(../images/indash-icon.png) no-repeat left; padding-left:40px; width:100px }
ul#topnav li a.rawpanel{background:url(../images/rawpanel.png) no-repeat left; padding-left:32px; width:90px }
ul#topnav li a.flip{background:url(../images/flip-icon.png) no-repeat left; padding-left:24px; width:120px   }
ul#topnav li a.acce{background:url(../images/acce.png) no-repeat left; padding-left:36px   }
ul#topnav li a.login{background:url(../images/login.png) no-repeat left; padding-left:36px   }




/*Middle part include left and content*/
#mpart.mparthome { background:none}
#mpart { margin:0 auto; padding:0px 0px 70px 0px; clear:both; color:#444444; width:980px; min-height:540px; background:url(../images/mpartbg.jpg) repeat-y top left}
.mpartinner { border:#ccc 1px solid}
#hero {margin:0; padding:0;  clear:both;  }
.hlpart {width:292px; float:left; margin:12px 0 0 0}
.hlpart h3 {font-size:16px; color:#c80000; text-transform:uppercase; padding:22px 0 0 8px; margin:0;}
.hlpart span {padding:0 0 0 8px; float:left; margin:0}
.address {font-size:14px}
.apply {padding:3px 0; font-weight:bold}


.hrpart { float:right; width:675px}
.eventsnews { width:100%; min-height:116px; padding:20px 0px 0px 0px; float:left; margin:0 0 0 5px }
.eventsnews h1{ font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#c80000; margin:0 0 17px 0; padding:7px 0 7px 15px; border-bottom:#ccc 1px solid}
.date{color:#c80000; margin:0 0 0 18px}
.datein{color:#c80000;}
.newscont {margin:0 0 0 18px}


.fix:after, .box:after, .boxD:after, .boxG:after, .boxH:after, .boxI:after  {content: "#"; display: block; clear:both; height:1px; visibility:hidden}

/*Left Part*/

#lpart { width:221px; float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 7px; }
#lpart h3 { font-size:18px; color:#434343; background:url(../images/lpartheadbg.jpg) repeat-x top left; width:204px; height:30px; padding:5px 0 0 15px; float:left; margin:0px; color:#fff; border:#f00 1px solid; font-weight:normal }
ul.leftnav{ background:url(../images/leftlinkbg.jpg) repeat-x top left; float:left }
ul.leftnav li { padding:2px 0 0 20px; background:url(../images/lefmenusap.jpg) bottom left repeat-x; float:left; width:200px; }
ul.leftnav li a {padding:10px;  width:200px; float:left; margin-left:0 auto 0 5px; background:url(../images/leftmenuarrow.jpg) left center no-repeat; }
ul.leftnav li a:hover {color:#c80000 !important; }

ul#news { float:left}
ul#news span { font-size:11px}
ul#news b { color:#666}
ul#news a {color:#666}
ul#news h3{ font-size:18px; text-transform:uppercase; color:#c80000; margin:0; padding:0; background:none; border:0; font-weight:bold; padding-left:15px}
ul#news li {margin:0; padding:0; float:left; width:207px; padding:5px 0 5px 15px}
.light {background:#f7f7f7}
.dark { background:#f1f1f1}
.readmorenews { clear:both; margin:6px 0 0 140px; float:left; width:82px}


/*Content Part*/

/*product list*/

#cpart {float:left; padding:0; margin:0px 0px 0px 0px; color:#333; width:722px;}
.cmpart {margin:10px 22px; float:left; width:675px;}
#cpart h1 { width:711px; background:url(../images/cpartheaderbg.jpg) left top repeat-x; padding:12px 0 12px 12px; color:#c80000; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0}
.bredcrub { background:url(../images/bradcrubbg.jpg) repeat-x top left; width:708px; margin:0; padding:0; float:left; height:31px; padding:5px 0 5px 14px}
.bredcrub a { font-size:11px; padding:0 7px}


ul.prolist {float:left; margin-left:-22px}
ul.prolist li a.protitle{ display:block; background:none; clear:both; text-align:center; padding:5px 0; color:c80000; font-weight:bold; color:#c80000; width:175px}
ul.prolist li{ margin:22px 0 0 50px; height:227px; overflow:hidden; float:left; width:175px}
ul.prolist dd a.listaddtocart {font-size:11px; background:url(../images/h-addtocart.png) top left no-repeat; padding:2px 7px 3px 5px; margin-top:1px; float:left}

#cpart .breadcrumbs {background:url(../images/bradcrubbg.jpg) repeat-x top left; width:703px; margin:0; padding:0; float:left; height:31px; padding:8px 0 5px 20px}
#cpart .breadcrumbs a{ color:#909090; font-size:12px; padding:4px 2px;}
#cpart .breadcrumbs b{margin-left:7px;}

table.allborder td {border:#ccc 1px solid; padding:5px; border-collapse:collapse}
.prodethead {font-size:14px; font-weight:bold; color:#449c06; padding:7px}
.darkbg {background:#F3F3F3 none repeat scroll 0 0;}
.lightbg {background:#F8F8F8 none repeat scroll 0 0;}

/*list page sorting*/
.pageing { width:671px; margin:0 auto}
ul#sort{margin:0; padding:0 5px 0 5px ; list-style:none;}
#sort li{margin:0 15px 0 0; padding:0 0px 3px 5px; list-style:none; float:left; font-weight:700;}
#sort li a{ color:#c80000;  font-size:12px; font-weight:400;}
#sort li a:hover{ color:#000;}
#sort li.select, #sort li.select a{ color:#fff;font-weight:700; background:url(../images/bg-sort.jpg); }
.goActive{ display:inline-block; color:#ffffff; font-weight:bold; background:url(../images/bg-sort.jpg); width:37px; padding:1px 3px 1px 5px;   margin:0px; text-align:right; }
.gopage  { display:inline; width:42px; z-index:2; border:1px solid #e7e7e7; position:absolute; background-color:#E8E7E7; text-align:right; margin:20px 0 0 0; visibility:hidden; }        
.gopage a:link, .gopage a:visited, .gopage a:active { display:block; color:#616161; font-weight:normal; background-color:#E8E7E7; padding-right:10px;}        
.gopage a:hover {color:#515151;  background-color:#fed1d1; padding-right:10px; }
img.normalimg {  margin:0px; max-height:175px; max-width:175px; border:1px solid #999999; height:175px; }



/*product detail*/
#prodview {float:left; margin:10px 0 0 0px}
#prodview img {float:left; border:#dee2e5 1px solid; clear:both}
#prodview a.viewlarge {clear:both; float:left; margin:10px 0 0 120px; background:url(../images/magnify.png) left top no-repeat; padding-left:20px}
#prodview .tumbimg { float:left; clear:both; margin:10px 0 0 -3px}
#prodview .tumbimg a{ float:left; margin-left:8px; }

#detailview { float:right; margin:10px 15px 0 0; width:320px; background:#f5f5f5; min-height:350px}
.detailtop { background:#c80000; width:310px; padding:3px 0 0 10px; float:left}
#detailview h2 { font-size:20px; color:#fff; margin:0 0 0px 0px; padding:0px; font-weight:bold; line-height:30px; padding:0}
#detailview h3{ background:none; width:310px; color:#fff; font-size:16px; clear:both; padding:7px 0 ; margin:0}
.protitle { background:#ddd; padding:10px; clear:both; float:left; width:300px }
ul.prodetdis { margin:15px 0 0 20px; float:left}
ul.prodetdis li { padding:5px 10px 5px 10px ; background:url(../images/leftmenuarrow.jpg) 0px 9px no-repeat; }

/*Footer Part*/

#fpart {clear:both; margin:0; height:60px; background:#f5f5f5;  padding:0 0; position:absolute; bottom:0; color:#909090; font-weight:400; width:100%; left:0; text-align:left; font-size:11px; border-top:#c5c5c5 1px solid;  }
#fpart .infbox{width:980px; margin:0 auto; padding:10px 0 2px 0; }
#fpart a {font-size:11px; color:#707070; padding:0 5px }
#fpart a:hover{color:#C80000}

/* Static master Footer part styles */

.footer { border-top: 1px solid #c75640; width:100%; height: 20px; background:#f4f4f4;  vertical-align: middle; color:#000;   }
.footer a{color:#000}
.footer td{ color:#000 ;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active { color:#70645c; text-decoration:none; }
a.footerlink:hover { color:#70645c; text-decoration:none; }


/* General Class */
.clear{clear:both}
.left{float:left}
.right{float:right}
.PL22{padding-left:22px}
.PR30{padding-right:30px}
.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}
.padding{padding:6px;}
.alinc{text-align:center;}
.txtbig{font-size:24px; padding:10px;}
.rounded {text-decoration: none; background:#868686; }
#newssec table {background: url(../Images/prolisttopbg.png) repeat-x;}
#newssec table table {background:none}
#newssec table h2{ font-size:16px; font-weight:bold }

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

h1 span {background:transparent url(../images/gradient.png) repeat-x scroll 0 0;display:block; height:31px;position:absolute;width:70%; margin:20px 0px;}
h1 {color:#353535;font-family:"Trebuchet MS";font-size:34px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:bold;line-height:normal;margin:20px 0px; padding:0px;}
h2 {margin:0px; font-size:16px; font-weight:normal; color:#333; float:left; padding:15px 0 7px 0; display:block; float:left; clear:both}
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 */



/* 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:216px; 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 #f00; color:#fff; font-size:12px; font-weight:700; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 8px; cursor:pointer; }
.cssform p.required b{font-weight:400}

.button{background: url(../Images/btnbg.gif) #ec7e14; border:1px solid #f00; color:#fff; font-size:12px; font-weight:700; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 8px; cursor:pointer; }


/*CODA*/
#featpro{width:675px; margin:15px 10px;}
#featpro h1{ font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#c80000; margin:0; padding:7px 0 7px 15px; border-bottom:#ccc 1px solid}

/* 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-weight:bold; color:#c80000; font-size:13px }

span.img{ background:#fff; display:block;  width:180px; height:190px;border:#ccc 0px solid; text-align:center }
span.img img { margin:10px auto; float:none  }
span.imgdetail img{ margin:0px auto; float:none  }
span.imgdetail{width: 350px; height: 350px; overflow: hidden; border: #dee2e5 1px solid; text-align:center; background:#fff; display:block;}