/* -------------------------------------------------------------- 

	Theme Name: Industrial Forklift
	Theme URI: http://www.kangomedia.com
	Description: A custom theme for Industrial Forklift.
	Author: KangoMedia Web Design
	Author URI: http://kangomedia.com
	Version: 0.1

-------------------------------------------------------------- */
body{
	padding:0;
	margin:0;
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#333;
	background:#89b0ce;
}

.entry p { font-size:13px; }
.entry ul { font-size:13px; }

div, ul, img, p, h1, h2, h3, h4, form, input{
	margin:0;
	padding:0;
}
a{
	outline:none;
}
ul{
	list-style-type:none;
}
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
}
#container{
	width:980px;
	margin:0 auto;
}

/* Top Header panel style */

div.topHeader{
	position:relative;
	background:url(images/top-header-bg.gif) 0 0 repeat-x #89b0ce;
	padding:40px 15px 0;
	height:85px;
	overflow:hidden;
}
.topHeader img.logo{
	position:absolute;
	top:46px;
	left:0;
}

/* Navigation panel style */

#navigation{
	float:right;
	width:506px;
	height:71px;
}
#navigation div.navLeft{
	float:left;
	width:6px;
	height:31px;
	background:url(images/nav-round-left.gif) 0 0 no-repeat;
	margin:40px 0 0 0;
}
#navigation div.navRight{
	float:left;
	width:6px;
	height:31px;
	background:url(images/nav-round-right.gif) 0 0 no-repeat;
	margin:40px 0 0 -5px;
	display:block;
}
#navigation div.navMiddle{
	float:left;
	width:auto;
/*	color:#fff;
	background-color:#196CAC;*/
}
.navMiddle ul{
	font-size:13px;
	line-height:31px;
}
.navMiddle ul li{
	float:left;
	width:auto;
	background:url(images/nav-divider.gif) 100% 100% no-repeat;
	padding:0;
	margin:0;
}

.navMiddle ul li a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:0 25px;
	background:url(images/nav-divider.gif) 100% 0 no-repeat #196CAC;
	margin:40px 0 0 0;
}
.navMiddle ul li a:hover, .navMiddle ul li a.active{
	color:#fff;
	background:url(images/nav-hover.jpg) 50% 0px no-repeat #000;
	padding:40px 25px 0;
	margin:0;	
}

/* Body panel style */

#bodypan{
	padding:0 15px 15px;
	background-color:#fff;
	color:inherit;
	height:100%;
	overflow:hidden;
}
#bodypan div.callPanel{
	float:left;
	width:292px;
	height:250px;
	background:url(images/header-left-bg.gif) 0 0 no-repeat;
}
.callPanel p{
	font-size:0;
	line-height:0;
	text-indent:-5000px;
	width:241px;
	height:125px;
	background:url(images/call-us-text-trans.png) 27px 38px no-repeat;
	padding:38px 0 0 27px;
}
#bodypan div.headerPic{
	float:left;
	background:url(images/header-pic.jpg) 0 0 no-repeat;
	width:655px;
	height:250px;
}

/* Left panel start */
#leftPan{
	float:left;
	width:283px;
	background:url(images/dot-divider.gif) 100% 0 repeat-y;
	padding:10px 12px 45px 0;
}

#leftPan img.thumbnail{
	float:left;
	margin:0 8px 0 0;
}
#leftPan p{
	padding:0 0 10px 0;
}
#leftPan p.partsTitle{
	font-weight:bold;
	font-size:13px;
	color:#B61122;
	background-color:inherit;
	padding:10px 0 10px 0;
}
#leftPan p.line{
	font-size:0;
	line-height:0;
	height:1px;
	background:url(images/dot-divider2.gif) 0 0 repeat-x;
	clear:both;
}
#leftPan a.more{
	display:block;
	width:79px;
	height:21px;
	background:url(images/read-more-bg.gif) 0 0 no-repeat;
	line-height:21px;
	font-weight:bold;
	color:#F2F2F2;
	background-color:inherit;
	text-align:center;
	clear:both;
	text-decoration:none;
	margin:0 0 60px 108px;
}
#leftPan a.more:hover{
	color:#FFEBED;
	background-color:inherit;
}
#leftPan div.contactPanel{
	position:relative;
	color:inherit;
	background:url(images/contact-pan-top.gif) 0 0 no-repeat #B61122;
	width:233px;
	padding:20px 22px;
}
.contactPanel div.conBottom{
	position:absolute;
	bottom:-1px;
	left:0;
	background:url(images/contact-pan-bottom.gif) 0 100% no-repeat;
	height:5px;
	width:277px;
}
div.cf_info {
	color:#333;
	display:none;
	padding:4px 15px!important;
	width:195px;
	line-height:1.3em;
	margin:-30px auto;
	position:absolute;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}
ol.cf-ol li.cf_li_err {
	background:#000;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:0px 0!important;
	margin:0px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	margin:0 0 0 10px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:#000;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}
.cform fieldset{
	border:none;
	width:232px;
	margin:0;
	padding:10px 0 0 0;
}
.cf-ol {
	margin:0;
	padding:0;
	list-style:none;
}

.contactPanel legend{
	font-size:22px;
	line-height:24px;
	color:#fff;
	background-color:inherit;
}
.contactPanel label {
	float:left;
}
.contactPanel label span{
	display:block;

	width:70px;
	line-height:20px;
	color:#fff;
	background-color:inherit;
}
.contactPanel input.single{
	width:157px;
	height:20px;
	border:solid 1px #fff;
	color:#000;
	background-color:#FFEBED;
	margin:0 0 4px 0;
	padding:0 0 0 3px;
	font:12px/16px Arial, Helvetica, sans-serif;	
}
.contactPanel textarea.area{
	float:right;
	width:157px;
	height:55px;
	border:solid 1px #fff;
	color:#000;
	background-color:#FFEBED;
	margin:0 0 8px 0;
	padding:0 0 0 3px;
	font:12px/16px Arial, Helvetica, sans-serif;	
}
.contactPanel input.sendbutton{
	margin:-34px 0 -10px 70px;
	background:url(images/submit-button.gif);
	width:57px;
	height:21px;
	display:block;
	border:none;
	text-indent:-5000px;
}
.linklove {
	display:none;
}

/* Right panel style */
#rightPan{
	float:left;
	width:652px;
}
#rightPan p{
	padding:0 0 16px 0;
}
#rightPan h2.weSell{
	font-size:0;
	line-height:0;
	text-indent:-5000px;
	width:652px;
	height:52px;
	background:url(images/we-sell-baner.gif) 0 0 no-repeat;
}

/* Middle panel style */
#rightPan div.middlePan{
	float:left;
	width:310px;
	background:url(images/dot-divider.gif) 100% 0 repeat-y;
	padding:0 20px 0 20px;
	margin:15px 22px 0 0;
}
h2.rightTitle{
	font-size:24px;
	line-height:26px;
	color:#B50000;
	background-color:inherit;
	padding:0 0 12px 0;
}

h4.rightTitle{
	font-size:18px;
	line-height:20px;
	color:#B50000;
	background-color:inherit;
	padding:0 0 12px 0;
}


.middlePan ul li{
	padding:0 0 15px 24px;
	background:url(images/arrow.gif) 0 4px no-repeat;
}

/* Right panel 2 style */
#rightPan div.rightPan2{
	float:left;
	width:277px;
	margin:15px 0 0 0;
}
.rightPan2 h2{
	font-size:24px;
	line-height:26px;
	color:#142896;
	background-color:inherit;
	padding:0 0 12px 0;
}
.rightPan2 img.forkPic{
	float:left;
	margin:0 15px 15px 0;
}
.rightPan2 p.forkTitle{
	font-weight:bold;
	font-size:16px;
	line-height:19px;
	color:#000;
	background-color:inherit;
	padding:0 0 10px 0 !important;
}
.rightPan2 span.forkText{
	color:#1C52B4;
	background-color:inherit;
}
a.readMore{
	display:block;
	width:79px;
	height:21px;
	background:url(images/read-more-bg.gif) 0 0 no-repeat;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	line-height:13px;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	margin:10px 0 22px 0;
	text-indent:-5000px;
}
a.readMore:hover{
	color:#FFEBED;
	background-color:inherit;
}


/* Single Page Meta panel start */
.post-meta li {
	margin:10px 0;
}

.post-meta-key {
	font-weight:bold;
}


/* Footer panel start */

#footer{
	position:relative;
	color:#000;
	background:url(images/footer-round-top.gif) 0 0 no-repeat #EBEBEB;
	height:95px;
	width:950px;
	margin:40px 0 0 0;
}
#footer div.footerBottom{
	position:absolute;
	bottom:0;
	left:0;
	background:url(images/footer-round-bottom.gif) 0 100% no-repeat;
	width:950px;
	height:4px;
}
#footer div.footerInner{
	height:95px;
	background:url(images/footer-logo1.gif) 18px 50% no-repeat;
}
#footer ul{
	padding:22px 0 0 0;
	width:260px;
	margin:0 auto;
}
#footer ul li{
	float:left;
	width:auto;
	padding:0 4px;
	background:url(images/footer-nav-divider.gif) 100% 3px no-repeat;
}
#footer ul li.noBg{
	background:none;
}
#footer ul li a{
	color:#112488;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#000;
	background-color:inherit;
}
#footer p{
	clear:both;
	padding:10px 0 0 0;
	color:#000;
	background-color:inherit;
	text-align:center;
}

/* Inner page style */

#bodypan div.headerLeft{
	float:left;
	width:292px;
	height:167px;
	background:url(images/header-left-pic.jpg) 0 0 no-repeat;
}
#bodypan div.InnerheaderPic{
	float:left;
	background:url(images/inner-header.jpg) 0 0 no-repeat;
	width:655px;
	height:167px;
}
#rightPanInner{
	float:left;
	width:628px;
	padding:10px 0 0 24px;
}
#rightPanInner p{
	padding:0 0 15px 0;
}

.productPan{
	float:left;
	width:300px;
	margin:0 13px 0 0;
	border-right:solid 1px #E7E7E0;	
}
.productPanNoMar{
	margin:0 !important;
	border:0;
}
.productPan img{
	display:block;
	float:left;
	width:auto;
	border:solid 1px #F0F0EC;
	margin:0 15px 22px 0;
}
.productPan p{
	font-size:11px;
	line-height:15px;
}
.productPan p span{
	font-size:13px;
	line-height:14px;
	color:#B50000;
	background-color:inherit;
	margin-bottom:-7px;
}
.productPan p.productTitle{
	font-size:18px;
	line-height:20px;
	color:#234971;
	background-color:inherit;
}
p.price{
	float:right;
	width:78px;
	margin: 0 20px 15px 0;
	height:20px;
	font-size:12px;
	line-height:20px;
	background:url(images/price-bg.gif) 0 0 no-repeat;
	color:#fff;
	background-color:inherit;
	padding:0 0 0 23px !important;
}
.lineDivider{
	font-size:0;
	line-height:0;
	background:url(images/line-divider.gif) 0 50% repeat-x;
	height:1px;
	padding:15px 0;
	clear:both;
}
.inner_page img {
	float:right;
}

/* Special feature baner style */

div.specialFeature{
	position:relative;
	background:url(images/feature-baner-bg.gif) 0 0 no-repeat;
	height:207px;
	width:264px;
	margin:0 0 24px 0;
	padding:0 13px 0 0;
}
.specialFeature h3{
	font-size:0;
	line-height:0;
	background:url(images/special-feature.gif) 13px 15px no-repeat;
	width:215px;
	height:47px;
	text-indent:-5000px;
	padding:15px 0 0 13px;
}
.specialFeature ul{
	float:right;
	width:auto;
	font-size:11px;
	line-height:19px;
	color:#414141;
	background-color:inherit;
	padding:28px 0 0 0;
}
.specialFeature ul li{
	background:url(images/arrow-2.gif) 0 8px no-repeat;
	padding:0 0 0 10px;
}
.specialFeature a{
	display:block;
	font-size:0;
	line-height:0;
	height:11px;
	width:180px;
	background:url(images/more-info.gif) 10px 18px no-repeat;
	text-indent:-5000px;
	clear:both;
	padding:18px 0 0 10px;
}
.specialFeature img.off{
	position:absolute;
	top:103px;
	left:38px;
	background:url(images/off.gif) 0 0 no-repeat;
}	

/*-----------------------
	FAQ
-------------------------*/
ol.faq {
	list-style: none;
	margin-left:-40px;
}
ol.faq li {
	list-style: none;
}
ol.faq li:hover {
	background-color: transparent;
	background-image: none;
}
ol.faq h3 { 
	padding-bottom: 5px; 
	cursor:  pointer; 
	padding-left:20px; 
	background: url(../images/open.gif) top left no-repeat; 
	font-size:14px;
}
ol.faq h3.active { 
	background: url(../images/close.gif) top left no-repeat; 
}
ol.faq div.answer { 
	display: none; 
	padding-left: 10px; 
}
ol.faq div.answer p {
	font-size: 12px;
}
ol.faq div.faq_approve {
	display: none;
}
