@charset "utf-8";

/*	Parker TyreSaver STYLES
	Author:	Joey Buys, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	=RESETS
 	----------------------------------------------------*/

/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; outline: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
	img { border: 0; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }


/*	=GENERIC
	----------------------------------------------------*/
	body { width: 756px; background: url(../img/body_bg.gif) no-repeat top right #030304; }
	#page-box { position: relative; width: 735px; margin: 0 auto; }
	#branding { padding: 22px 0 18px 0; }

	#change-language { position: absolute; top: 8px; right: 0; padding: 2px; color: #fff; text-decoration: none;  background: #000; }
	#change-language label { float: left; padding: 3px 30px 0 0; color: #d4d4d4; }
	#change-language select { width: 100px; }
	#change-language input.sbmt { border: none; background: none; font-weight: bold; color: #fff; }

/*	=MENU-BAR
	----------------------------------------------------*/
	#menu-bar { display: inline; float: left; width: 136px; margin: 0 0 0 5px; padding: 17px 5px 0 5px; background: url(../img/menu-bar_bg.jpg) no-repeat; } 
	#nav-main { font-size: 0; line-height: 0; }
	#nav-main li { list-style: none; }
	#nav-main li a { display: block; font-size: 11px; line-height: 14px; padding: 6px 0 6px 5px; color: #e4e4e4; text-decoration: none; background: url(../img/nav-main_a_bg.gif) repeat-x bottom left; }	
	#nav-main li a:hover { text-decoration: underline; }
	#nav-main li a.selected { font-weight: bold; }
	#menu-bar .product-movie { margin: 15px 0; }
	#menu-bar .product-movie h3 { margin: 0 0 5px 0; color: #9b9a9a; font-weight: normal; } 


/*	=CONTENT
	----------------------------------------------------*/	
	#content { float: right; width: 555px; padding: 11px 0 15px 10px; background: url(../img/content_bg.jpg) no-repeat; } 		
	#content h1 { padding: 8px 0 5px 0; font-size: 15px; color: #fdb813; }
	#content h2 { margin: 0 0 2px 0; font-size: 12px; color: #fdb813; }
	#content p { margin: 0 0 15px 0; line-height: 17px; color: #d4d4d4; }
	#content a { color: #d4d4d4; font-weight: bold; text-decoration: underline; }
	#content a:hover { text-decoration: none; }
    #content ul.normal { margin: 0 0 15px 0; }
	#content ul.normal li { list-style: square inside; line-height: 17px; color: #d4d4d4; }
	#content sub { font-size: 9px; }

/*	=HOMEPAGE
	----------------------------------------------------*/			
	#homepage_banner { margin: 0 0 15px 0; }


/*	=page.WHY-NITROGEN
	----------------------------------------------------*/
	.why-nitrogen .col-a { float: left; width: 380px; }
	.why-nitrogen .col-b { float: right; width: 150px; overflow: hidden; height: 100%; }
	.why-nitrogen .col-b #why-nitrogen_flash { margin: -11px 0 0 0; }
	.why-nitrogen .col-b h3 { font-size: 13px; color: #fff; padding: 10px 0; }
	.why-nitrogen .col-b div.text { padding: 10px 0; font-size: 10px; color: #fff; }
	.why-nitrogen .col-b div.text.bg { background: url(../img/col-b_hr.gif) no-repeat bottom left; }
	
/*	=page.GENERATOR-RANGE
	----------------------------------------------------*/	
	.tyre-inflation-range .vsl { float: right; margin: 0 0 0 20px; }


/*	=page.PROFIT-INVESTMENT
	----------------------------------------------------*/	
	.profit-investment .graph { margin: 25px 0 0 -11px; padding: 25px 0 0 10px; background: url(../img/content_bg.jpg) no-repeat; }


/*	=page.DOWNLOADS
	----------------------------------------------------*/
	.downloads form { margin: 20px 0 0 0; }
	.downloads form label { float: left; padding: 3px 25px 0 0; color: #d4d4d4; }
	.downloads form select { width: 100px; }
	.downloads form input.sbmt { border: none; background: none; font-weight: bold; color: #d4d4d4; }
	.downloads .lists { margin: 20px 0 0 -11px; background: url(../img/downloads_lists_bg.jpg) no-repeat; }
	.downloads .lists ul { float: left; padding: 0 25px 0 11px; }
	.downloads .lists ul li { list-style: none outside !important; }
	.downloads .lists ul li.title { padding: 12px 0 20px 0; color: #d4d4d4; font-weight: bold; }
	.downloads .lists ul li a { color: #d4d4d4; text-decoration: none; }
	.downloads .lists ul li a:hover { text-decoration: underline; } 


/*	=page.CONTACT-DETAILS
	----------------------------------------------------*/	
	.form ol, .contact-details ol {
		margin: 0 0 0 -11px;
		width: 470px;
	}
	.form ol li, .contact-details ol li { 
		font-size: 0; 
		line-height: 0; 
		padding: 6px 0 7px 11px; 
		background: url(../img/content_block_bg.jpg) no-repeat;
		vertical-align:top; 
	}
	.form ol li.last , .contact-details ol li.last { background: none; }
	.form ol li label, .contact-details ol li label { float: left; width: 120px; line-height: 14px; padding: 6px 0 0 0; color: #d4d4d4; }
	.form ol li .txt , .contact-details ol li .txt { float: left; width: 225px; height: 19px; padding: 5px 0 0 5px; color: #929292; border: 1px solid #36322c; background: #12100f; }
	.form ol li .checkbox , .contact-details ol li .checkbox { float: left; padding: 5px 0 0 5px;  }
	.form ol li textarea, .contact-details ol li textarea { 
		float: left; 
		width: 225px; 
		height: 100px; 
		padding: 5px 0 0 5px; 
		color: #929292; 
		border: 1px solid #36322c; 
		background: #12100f; 
	}
	.form p{
		width:450px;
	}
	.form ol li .error , .contact-details ol li .error { border: 1px solid #4f1d1c; } 
	.form ol li .error-txt , .contact-details ol li .error-txt { 
		width:210px;
		float: right; 
		margin: 0 0 0 12px;
		padding: 6px 0 0 0; 
		line-height: 14px; 
		color: #b81b1b; 
	}
	.form ol li .sbmt , .contact-details ol li .sbmt { padding: 2px 8px; color: #d4d4d4; border: 1px solid #3a3632; background: url(../img/contact-details_sbmt_bg.jpg) no-repeat #1f1c19; }
	.form .adress, .contact-details .adress { margin: 25px 0 0 -11px; padding: 10px 0 0 11px; background: url(../img/content_bg.jpg) no-repeat; }
	.form ol li label.check, .contact-details ol li label.check {
		padding-left: 10px; 
		line-height: 17px; 
		width: 420px;
	}
	.form ol li input.checkbox, .contact-details ol li input.checkbox {
		margin-top:8px;
		width:auto;
	}
	.form ol li select {
		 margin-right:3px;
		 float:left;
	}


/*	=page.FAQ
	----------------------------------------------------*/
	.faq ul { width: 470px; }
	.faq ul li { font-size: 0; line-height: 0; list-style: none; color: #d4d4d4; background: url(../img/content_block_bg.jpg) no-repeat; }
	.faq ul li  * { font-size: 11px; line-height: 16px; }
	.faq ul li a { display: block; padding: 10px; font-weight: bold; cursor: pointer; }
	.faq ul li div p { padding: 0px 5px 10px 15px; margin: 0 !important; color: #b7b7b7; }


/*	=page.SALES OFFICES
	----------------------------------------------------*/
	.sales-offices ul li { font-size: 0; line-height: 0; list-style: none; color: #d4d4d4; background: url(../img/content_block_bg.jpg) no-repeat; }
	.sales-offices ul li * { font-size: 11px; line-height: 16px; }
	.sales-offices ul li a { display: block; padding: 10px; font-weight: bold; cursor: pointer; }
	.sales-offices ul li li { margin: 0 0 0 25px; list-style: square; background: none;  }
	.sales-offices ul li li a { padding: 3px 5px 3px 0px; font-weight: normal; }
	.sales-offices ul li li div { background: url(../img/content_block_bg.jpg) no-repeat; }
	.sales-offices ul li li div p { padding: 5px 5px 10px 10px; margin: 0 !important; color: #bbbbbb; }	
	.sales-offices ul li li div p span { float: left; width: 45px; }