@charset "utf-8";
img
{
	border-style:none;
}

body
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#fff;
}

#tpl_wrapper
{
	height:100%;
	width:100%;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}

.hundred{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.hundred-three{
	width: 1340px;
	margin: 0 auto;
	position: relative;
}

/*HEADER*/

#tpl_header{
	position:relative;
	width:100%;
	height:135px;
	padding:0;
	margin:0;
	background:#000;
}

#header{
	position:relative;
	width: 1000px;
	height:135px;
	margin:0 auto;
}

#topMenu{
	height: 45px;
	width:100%;
	min-width: 1340px;
	background: url('../images/general/head-45.png') repeat-x;
}

#bottomMenu{
	height: 90px;
	width:100%;
	min-width: 1340px;
	background: url('../images/general/head-90.png') repeat-x;
}

#grad{
	background: url('../images/general/head-gradient.png') no-repeat;
	margin: 0 auto;
	width: 1340px;
	height: 88px;
}

#grad .hundred{
	height: 90px;
}

#program{
	width: 210px;
	height: 132px;
	background: url('../images/general/program-button.png');
	position: absolute;
	bottom: 3px;
	right: -57px;
	cursor: pointer;
}

#program:hover{
	background: url('../images/general/program-button-hover.png');
}

#programOpen{
	width: 941px;
	height: 409px;
	background: url('../images/general/program-open.png');
	position: absolute;
	z-index: 99;
	right: 0px;
	display: none;
}

#program-close{
    position: absolute;
    bottom: 10px;
    right: 152px;
}

#programOpen .left{
	text-align: right;
	width: 400px;
	float: left;
}
#programOpen .left .ihs-logo{
	font-family: 'Times New Roman';
	font-style: italic;
	color:#fff;
	font-size: 90px;
	height: 90px;
    line-height: 90px;
    text-align: right;
    padding-top: 20px;
}
#programOpen .left .white{
	color: #fff;
	padding: 10px 0px 0px 135px;
	font-size: 16px;
}
#programOpen .left .blue{
	color: #41c1ee;
	padding-left: 135px;
	font-size: 14px;
}
#programOpen .right{
	float: left;
	width: 360px;
	color: #fff;
	padding: 40px;
}
#programOpen .right .white{
	font-size: 11px;
	line-height: 12px;
	margin-top: 25px;
}
#programOpen .right .blue{
	font-size: 34px;
	line-height: 34px;
	color: #41C1EE;
	font-family: 'avantgarde_bk_bt2';
}

#logo{
	float:left;
	padding:15px 0px 0px 20px;
}

/* top menu */
#menu{
	position:absolute;
	height:43px;
	padding:0;
	margin-right:5px;
	right:0px;
}

.spacer{
	padding:0px 10px 0px 10px;
	float:left;
	color: #fff;
}

.navSubmenu{
	list-style:none;
	margin:0;
	left:0;
	position:absolute;
	z-index:100;
	visibility:hidden;
	padding:0;
}
.navSubmenu li{
	float:none !important;
	width:200px;	
}
.navSubmenu li a div{

}
.navSubmenu li.special{
	border-top:1px solid #e0c483;
}

.lavaLampBottomStyle {
    position: absolute;
    height: 44px;
    overflow: hidden;
    right: 0px;
}
.lavaLampBottomStyle li {
    float: left;
    color: #fff;
    list-style: none;
    margin-right: 50px;
}
.lavaLampBottomStyle li.back {
    border-bottom: 4px solid #41c1ee;
    width: 9px;
    height: 40px;
    z-index: 8;
    position: absolute;
}
.lavaLampBottomStyle li a {
    font: 14px 'avantgarde_bk_bt';
    text-transform: none;
    color: #fff;
    text-align: center;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    overflow: hidden;
    margin: 10px;
}   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
    border: none;
}


/* bottom menu */
#botMenu { padding: 0px; }
#botMenu li { list-style: none; float: left; height: 44px; margin: 0 22px; }
#botMenu li.no-pad { list-style: none; float: left; height: 44px; margin: 0 0 0 22px; }

#botMenu .bottomMenu a div.menu { font-family: 'arial'; font-size: 14px; color: #fff; padding: 46px 20px 20px; font-weight: bold;}
#botMenu .bottomMenu a div.menu:hover { background: url('../images/general/bottom-menu-hover.png') repeat-x; }
#botMenu .bottomMenu a div.menu.selected { color: #41c1ee; }

/*banner*/
#bannerBig{ width: 100%; background: url('../images/banner/banner-bg.png'); }
#bannerPage{ width: 100%; background: url('../images/banner/page-banner-bg.jpg') repeat-x; }
#banner{ width: 1341px;	margin: auto; }

/*big home banner*/
#homepage-slider-wrap { position: relative; top: 0; left: 0; height: 425px; width: 1340px; overflow: hidden; margin: 0 auto;}
#homepage-slider-wrap div.slide { display: none; position: absolute; top: 0; width: 100%; height: 100%; height: 425px; overflow: hidden; width: 1500px; }
#homepage-slider-wrap div.slide.car { }
#homepage-slider-wrap div.slide.moto { z-index: 1; margin-left: -196px; }
#homepage-slider-wrap div.slide.offroad { z-index: 2; margin-left: -245px; }

#homepage-slider-wrap div.slide div.bg { position: absolute; top: 0; left: 160px; height: 425px; width: 1400px; }
#homepage-slider-wrap div.slide.car div.bg { left: 0; }
#homepage-slider-wrap div.slide div.bg2 { position: absolute; top: 0; left: 0; height: 425px; width: 160px; }
#homepage-slider-wrap div.slide div.bg3 { position: absolute; top: 0; height: 425px; width: 100%; }
#homepage-slider-wrap div.slide.moto div.bg3 { left: 343px; }
#homepage-slider-wrap div.slide.offroad div.bg3 { left: 345px; }

#homepage-slider-wrap div.slide.car div.label { margin: 125px 0 0 330px; }
#homepage-slider-wrap div.slide.moto div.label { margin: 125px 0 0 220px; }
#homepage-slider-wrap div.slide.offroad div.label { margin: 125px 0 0 280px; }

#homepage-slider-wrap div.slide .bg .label h2{ font-family: "avantgarde_bk_bt"; font-size: 45px; text-transform: uppercase; color: #fff; width: 260px; line-height: 50px; height: 100px; }
#homepage-slider-wrap div.slide .bg .label div.catalog{ width: 183px; height: 28px; padding: 7px 0px 0px 20px; background: url('../images/general/banner-button.jpg'); }
#homepage-slider-wrap div.slide .bg .label div.catalog:hover{ background: url('../images/general/banner-button-hover.jpg'); }
#homepage-slider-wrap div.slide .bg .label div.catalog a{ font-family: "avantgarde_bk_bt"; color: #fff; width: 203px; height: 35px; }

/*home table story*/
#homeTable{	margin-top: -60px; background: url('../images/general/homeTable-bg.png') repeat-x; height: 244px; }
#homeTable-wrap{
	background: url('../images/general/homeTable.png') repeat-x;
	height: 224px;
    margin: 0 auto;
    padding: 20px 194.5px 0;
    width: 951px;
}
#homeTable .info{
	overflow-y:hidden;
	position: relative;
	width: 317px;
	height: 180px;
	float: left;
}
#homeTable .title{
	z-index: 2;
	height: 70px;
	width: 317px;
	top:70px;
	position: absolute;
	background: url('../images/general/homeTable-title.png') no-repeat;
}
#homeTable .hov{
	z-index: 1;
	position: absolute;
	top:70px;
	height: 70px;
	width: 317px;
	background-color: #1e252c;
}
#homeTable .more{
	position: absolute;
	bottom: 0px;
	z-index: 99;
	height: 40px;
	width: 317px;
	background: url('../images/general/homeTable-more.png') no-repeat;
}

#homeTable .footer{
	width: 951px;
	height: 25px;
	background: url('../images/general/info-footer.png');
}

#homeTable .title-img{
		float: left;
		margin: 5px 20px;
	}
#homeTable .title-txt{
		float: left;
		font-weight: bold;
		color: #41c1ee;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 16px;
		margin: 19px 0px 0px 10px;
		width: 200px;
	}
#homeTable .more-txt{
		font-weight: bold;
		color: #fff;
		font-size: 14px;
		margin: 8px 0 0 20px;
	}
#homeTable .hov-txt{
		color:#aaa;
		font-size: 12px;
		padding: 10px 30px 10px 20px;
		line-height: 15px;
	}

/*information*/
.info-tile{
	width: 300px;
	float: left;
	margin: 16px;
	border-top : 2px solid #ececec;
	padding-top: 10px;
	height: 350px;
}
.info-tile .info-title{
	height: 47px;
	line-height: 20px;
	text-transform: uppercase;
	color: #4d687d;
	font-size: 16px;
	font-weight: bold;
}
.info-tile .info-content{
	color: #666666;
	font-family: 'arial';
	line-height: 20px;
}
.info-tile .info-more {
	background: url('../images/general/info-button.png') no-repeat;
	height: 35px;
	padding: 5px 0px 0px 45px;
	color: #41c1ee;
	font-weight: bold;
}
.info-tile .info-more:hover {
	text-decoration: underline;
	background: url('../images/general/info-button-hover.png') no-repeat;
}

/*info full*/
.info-full .left{
	float: left;
	width: 630px;
}
.info-full .left .title{
	margin: 15px 0px;
	text-transform: uppercase;
	color: #4d687d;
	font-size: 26px;
}
.info-full .left .headPar p span, .info-full .left .headPar p{
	font-size: 16px;
	color: #666;
}
.info-full .left .bodyPar p span, .info-full .left .bodyPar p{
	font-size: 12px;
	color: #666;
}
.info-full .left hr{
	border: 1px solid #ebebeb;
}
.info-full .right{
	float: left;
	border: 1px solid #ebebeb;
	margin-left: 25px;
	width: 340px;
}
.info-full .right .inner{
	background: url('../images/general/other-information.png') no-repeat;
	margin: 48px auto;
	width: 300px;
	padding-top: 85px;
}
.info-full .right .inner hr{
	border: 1px solid #ebebeb;
}
.info-full .right .inner .other-title{
	text-transform: uppercase;
	color: #4d687d;
	font-size: 16px;
	padding: 0px 10px;
	font-weight: bold;
}
.info-full .right .inner .other-title:hover{
	color: #41c1ee;
}

.info-full .right .inner .other-content{
	margin: 15px 0px;
	color: #666;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 10px;
}

/*content*/
#tpl_content{
	position:relative;
	width:100%;
	padding:0;
	background-color:#fff;
}

.content{
	position:relative;
	width:1000px;
	padding:0px 0 30px 0;
	padding:0px 170px;
	margin:0 auto;
}

.contentbig{
	position:relative;
	width:100%;
	padding:0px 0 30px 0;
	margin:0 auto;
}

.contentTop{
	width:1000px;
	margin:auto;
	text-align:center;
}

.contentTable{
	position:relative;
	margin:0 auto;	
}

#breadCrumbArea{padding:30px 0;}
.shoppingCartIcon{
	float:right;
	width:150px;	
}
/*customer*/
.hover-item{ position:absolute; top:0px; background: url('../images/general/port-hover.png'); width: 300px; height: 175px; display: none; }
.hover-item .hover-item-txt{ position:absolute; width:264px; left:16px; top: 60px; }
.hover-item .hover-item-txt #title{ color: #41c1ee; font-family: 'avantgarde_bk_bt2', text-align: center; font-size: 22px; text-align: center; }
.hover-item .hover-item-txt hr{ border: 1px solid #6f6f6f; }
.hover-item .hover-item-txt #smallTitle{ color: #fff; text-align: center; }
.port-line{ background: url("../images/general/port-line.png") repeat-x; float: left; margin: 33px 0 0 16px; width: 727px; }
.port-title{ margin-top: 33px; font-family: 'avantgarde_bk_bt2'; font-size: 28px; float: left; color: #999; }

/* multi header */
.bannerMulti{
	width: 100%;
	background: url('../images/banner/banner-multi-bg.jpg');
}
.multiImg{
	width: 1340px;
	margin: 0 auto;
}
.multicontent table td{
	padding: 0px 30px 0px 0px;
}
.multititle{
	font-family: 'avantgarde_bk_bt2';
	font-size: 26px;
	text-transform: uppercase;
	color: #4d687d;
}
.multihor{
	border: 1px solid #ececec;\
	margin-bottom: 25px;
}

/*IHS Career*/
.cleft{
	float: left;
	width: 430px;
	height: 72px;
	background: url(../images/general/bg-career.png);
	position: relative;
}
.cleft .number{
	font-family: 'avantgarde_bk_bt2';
	font-size: 32px;
	color: #d5d5d5;
	position: absolute;
	bottom: 15px;
}
.cleft .title{
	font-family: 'avantgarde_bk_bt2';
	font-size: 26px;
	color: #4d687d;
	position: absolute;
	bottom: 15px;
	left: 105px;
}
.cright{
	float: left;
	width: 540px;
	margin: 0px 0px 0px 30px;
}
.cright .title{
	color: #47c2ee;
	font-family: 'avantgarde_bk_bt2';
	font-size: 22px;
}
.career-hr{
	width: 100%;
	background: url(../images/general/career-hr.png) repeat-x;
	height: 4px;
}

/*IHS Contact*/
.contact-header{
	background: url('../images/general/contact-header.png') no-repeat Center;
	width: 950px;
	height:114px;
	margin: 0 auto;
}
.contact-header div{
	font-size: 28px;
	color: #999;
	text-align: center;
	padding-top: 40px;
}
.top-contact{
	border: 1px solid #ececec;
	margin: 20px 0px;
}
.contact-no{
	width: 348px;
	height: 280px;
	float: left;
}
.map{
	float: left;
}
.bigBlue{
    color: #4D687D;
    font-family: 'avantgarde_bk_bt2';
    font-size: 32px;
    margin: 40px 30px 10px 0;
    text-align: right;
}
.bigBlue.big{    
    font-size: 48px;
    margin: 0px 30px 0px 0;
}
.contactText{
	color: #666;
	margin: 0 30px 0 0;
    text-align: right;
}
textarea.input{
	width: 616px;
	height: 100px;
	background-color: #f8f7f7;
	border: 1px solid #E1E1E1;
	color: #999;
	font-family: 'arial';
	font-size: 14px;
}
input.input{
	background-color: #f8f7f7;
	border: 1px solid #E1E1E1;
	color: #999;
}
input.submit{
	width: 203px;
	height: 35px;
	background: url('../images/general/send-contact.png');
}
input.submit:hover{
	background: url('../images/general/send-contact-hover.png');
}
td.line{
	text-align: center;
	background: url("../images/general/bg-contact.png") no-repeat center;
}
.formMessage td{
	padding-bottom: 10px;
}

/*customer testimonial*/
.landscape{
	width: 998px;
	border: 1px solid #e7e7e7;
	margin-bottom: 20px;
}
.landscape .testi-title{
	background-color: #eee;
	padding: 50px 0px 125px 0px;
	float: left;
	width: 275px;
	height: 87px;
	position: relative;
}
.landscape .testi-title .img{
	position: absolute;
	right: 30px;
}
.landscape .testi-title .cust-name{
	position: absolute;
	right: 30px;
	font-size: 24px;
	color: #41c1ee;
	top: 100px;
}
.landscape .testi-title .cust-posi{
	position: absolute;
	right: 30px;
	top: 125px;
	font-family: 'avantgarde_bk_bt2';
	font-size: 14px;
}
.landscape .testi-content{
	float: left;
	width: 643px;
	padding: 17px 40px;
	color: #666;
	font-size: 14px;
	line-height: 20px;
}
.portait{
	width: 480px;
	float: left;
	border: 1px solid #e7e7e7;
	margin-bottom: 20px;
}
.portait .testi-title{
	background-color: #eee;
	padding: 20px 0px 25px 60px;
}
.portait .testi-content{
	height: 360px;
	color: #666;
	font-size: 14px;
	line-height: 20px;
	padding: 40px 60px;
}
.portait .testi-title .cust-name{
	font-size: 24px;
	color: #41c1ee;
	margin:10px 0px 2px 0px;
}
.portait .testi-title .cust-posi{
	font-family: 'avantgarde_bk_bt2';
	font-size: 14px;
}

/*product tile*/
.tile-wrapper{
	float: left;
    height: 200px;
    position: relative;
    width: 125px;
    margin-right: 20px;
}
.product-tiles{
	margin: 40px auto;
    position: relative;
    width: 1000px;
}
.product-footer{
	background: url('../images/product/bg-repeat.png') bottom repeat-x;
	height: 255px;
	min-width: 1340px;
}
.product-tile{
	background: url('../images/product/bg-inactive.png');
	width: 125px;
	height: 203px;
	position: absolute;
}
.product-tile.selected{
	background: url('../images/product/bg-active.png');
}
.product-tile .txt-wrap .txt{
	color: #41C1EE;
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    padding: 10px;
    position: absolute;
    bottom: 0px;
}
.product-tile .txt-wrap{
	width: 125px;
	height: 70px;
	position: relative;
}
.icon-img{
	margin: 50px 0px;
}

/*footer*/
#tpl_footer{
	position:relative;
	width:100%;
	min-width: 1340px;
	height:52px;
	padding:0;
	margin:0;
	background:url(../images/general/footer-bg.png) repeat-x;
}

#footer{
	position:relative;
	width:980px;
	padding:0;
	margin:0 auto;
}

#footer #left{ float: left; color: #999; padding-top: 13px; }
#footer #right{ float: left; position: absolute; right: 0px; }
#footer #right #ic-ho { float: left; width: 32px; height: 32px; background: url('../images/general/ic-home.png') no-repeat; margin: 10px 0px 0px; }
#footer #right #ic-fb{ float: left; width: 32px; height: 32px; background: url('../images/general/ic-fb.png') no-repeat; margin: 10px 0px 0px 20px; }
#footer #right #ic-fb:hover{ background: url('../images/general/ic-fb-hov.png') no-repeat; }
#footer #right #ic-ho:hover{ background: url('../images/general/ic-home-hov.png') no-repeat; }

/*GENERAL*/
.clear{clear:both;}
.none{display:none;}
.active{cursor:pointer;}

ul{
	padding:0px;
	margin:0px;	
}

ul li{list-style:inside;}
.noSpace li{padding:0px;}

input.error, select.error 
{
	 border: 1px solid red; 
}
label.error 
{ 
	color:red; 
	margin-left: 10px; 
}
input 
{ 
	padding: 5px; 
	border: 1px solid #999; 
}
textarea
{
	padding: 3px; 
	border: 1px solid #999; 
}