/**********************************
STRAITLINE STYLESHEET
"I'm an animal trapped in your hot car" - sploosh digital
***********************************/

body {
	background:#e9e9e9 url('../images/bg-main.jpg') repeat-x 0 0;
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

a, a img { border:0; outline:0;}

a {color:#cc0000; text-decoration:none;}
a:hover {color:#cc0000; text-decoration:underline;}

#siteWrapper {
	width:960px;
	margin:0 auto;
	overflow:auto;
}

#contentWrapper {
	width:960px;
	text-align:left;
	clear:both;
}
#contentWrapper2COL {
	width:935;
	padding:0px 0px 60px 25px;
	text-align:left;
	background:url('../images/bg-media-riders-2col.gif'); background-repeat:repeat;
	overflow:auto;
	clear:both;
}

ul.standard { padding:0px 0px 0px 10px;}
ul.standard li { margin:0px 0px 8px 0px;}

/*LOGO AND TOP NAV
******************/
#topBar {
	background:url('../images/bg-topbar.jpg') no-repeat 0 0;
	width:100%;
	margin:0px 0px 35px 0px;
	overflow:auto;
}

.mainLogo { /*CHANGED 12 MARCH AT 5:00PM*/
	float:left;
	width:263px;
	padding:0px 0px 0px 0px;
}

.mainHeader {
	background: url('../images/bg-header.jpg') no-repeat 0 0;
	padding:22px 0px 21px 18px; margin:0px 0px 5px 0px;
	border-bottom:4px solid #696969;
}

.mainHeaderSubnav {
	background: url('../images/bg-header.jpg') no-repeat 0 0;
	padding:12px 0px 21px 18px; margin:0px 0px 0px 0px;
	border-bottom:4px solid #696969;
	height:45px;
}

/*HOME FEATURED BANNER
**********************/
#homeFeature {
	background: #000 url('../images/home-feature/bg-homebanner.jpg') no-repeat 0 0;
	border-bottom:5px solid #afafaf;
	padding:20px 0px 0px 40px; margin:0px 0px 12px 0px;
	width:920px; height:286px;
	overflow:auto;
}

.homeFeatureLeft {
	float:left;
	padding:20px 0px 0px 0px;
	width:430px;
}
.homeFeatureRight {float:left;}

.homeFeatureHeader, .homeFeatureStrap {width:400px; margin:0px 0px 30px 0px;}

/*HOME BLOCKS
*************/
.twoBlocks {
	width:280px;
	margin:0px 1px 0px 0px;
	float:left;
}

.largeBlock {
	width:338px; height:231px;
	margin:0px 1px 0px 0px;
	float:left;
}

.boxgridHeader {
	position:absolute; top:15px; left:18px; z-index:999;
}

.boxgridButton {
	width:115; height:25px;
	margin:18px 0px 0px 22px;
	position:relative; z-index:555;
}

/*PRODUCT SLIDER
****************/
#productWrapper {
	position:relative; overflow:auto;
	height:415px; width:960px;
	border-bottom:5px solid #c0c0c0;
	margin:0px 0px 10px 0px;
	background:url('../images/bg-product-slider.jpg') no-repeat 0 0;
}

/*safari only hack. remove scrollbars on product slider*/
@media screen and (-webkit-min-device-pixel-ratio:0){
#productWrapper {
	position:relative;
	height:430px; width:960px;
	margin:0px 0px 10px 0px; padding:0;
	border:none;
	background:url('../images/bg-product-slider.jpg') no-repeat 0 0;
}
}


.panelWrapper {
	margin:0px 0px 0px 0px; padding:0px 0px 0px 100px;
}

/* NOT USING THIS ANYMORE BUT LETS LEAVE IT HERE CUZ WE ALL KNOW HOW THINGS CAN GO BALLS UP IN AN INSTANT
.productInfoslider {
	width:230px;
	padding:35px 0px 0px 0px;
	color:#FFFFFF; font-size:13px;

}*/

.productSliderInfo {
	width:240px;
	margin:0px 5px 0px 0px; padding:20px 0px 0px 0px;
	color:#FFFFFF; font-size:13px;
	float:left;
}

.productSliderInfo h2 {margin:7px 0px 5px 0px; padding:0;}
.productSliderInfo p { margin:0; padding:0px 0px 12px 0px;}

.productSliderHero {
	float:left;
}

.productInfoslider h2 {
	color:#FFFFFF; font-weight:bold; font-size:20px;
	margin:15px 0px 10px 0px;
}

.productInfoslider p {margin:0px 0px 15px 0px;}

/*product submenu*/
ul#productSliderMenu {
	list-style:none;
	padding:0; margin:0px 0px 0px -24px;
	text-align:center;
	clear:both;
}

ul#productSliderMenu li {
	float:left;
}

ul#productSliderMenu li a {
	text-decoration:none; font-weight:bold; font-size:11px; color:#cfcfcf;
	background:url('../images/bg-product-submenu.png') no-repeat center 5px;
	height:22px;
	padding:11px 10px 0px 8px; margin-top:17px;
	float:left;
}

ul#productSliderMenu li a:hover {
	text-decoration:none; font-weight:bold; font-size:11px; color:#fff;
	background:url('../images/bg-product-submenu.png') no-repeat center 5px;
	height:22px;
	padding:11px 10px 0px 8px;
	float:left;
}

ul#productSliderMenu li a.HERE {
	text-decoration:none; font-weight:bold; font-size:11px; color:#fff;
	background:url('../images/bg-product-submenu.png') no-repeat center -29px;
	height:22px;
	padding:11px 10px 0px 8px;
	float:left;
}


/*PRODUCT DETAIL TECH
*********************/
#productDetailLEFT {
	width:460px; height:410px;
	float:left;
	position:relative;
}

#productDetailRIGHT {
	width:460px;
	float:left;
	position:relative;
	font-size:12px; font-weight:bold; color:#FFFFFF;
}

#productDetailRIGHT h1 {
	background-color:#1c1c1c;
	font-size:26px; color:#FFFFFF; font-weight:bold;
	padding:4px; margin:20px 0px 0px 0px;
	display:inline-block;
}

#productDetailRIGHT p {margin:10px 0px 15px 0px;}

ul#productDetailRIGHTmenu { list-style:none; margin:0; padding:0; height:20px;}
ul#productDetailRIGHTmenu li {
	margin:0px 1px 0px 0px;
	float:left;
}

ul#productDetailRIGHTmenu li a {
	background: url('../images/bg-trans60.png') no-repeat 0 0;
	display:block;
	font-size:16px; font-weight:bold; color:#FFFFFF; text-decoration:none;
	padding:5px 15px 5px 15px;
}
ul#productDetailRIGHTmenu li a.light {
	background: url('../images/bg-trans30.png') no-repeat 0 0;
	display:block;
	font-size:16px; font-weight:bold; color:#FFFFFF; text-decoration:none;
	padding:5px 15px 5px 15px;
}

.productDetailBOX {
	background: url('../images/bg-trans60.png') no-repeat 0 0;
	margin:0; padding:10px 15px 25px 15px;
	clear:both;
	overflow:auto;
}

.horizontalRule {
	border-bottom:2px solid #6c6c6c;
	margin:0px 0px 14px 0px; padding:0;
	height:5px; font-size:5px;
}

/*.productDetailBOX ul {
	list-style:url('../images/bullet-reddot.gif');
	margin:0px; padding:0px 0px 0px 20px;
	width:345px;
	float:left;
}

.productDetailBOX ul li {
	font-size:12px; color:#CCCCCC; font-weight:normal;
	padding:0px 0px 4px 0px; margin:0;
	width:100%;
	clear:left;
}*/

ul.productDetailBOXlist { 
	list-style:url('../images/bullet-reddot.gif');
	margin:0px; padding:0px 0px 0px 20px;
	width:345px;
	float:left;
}

ul.productDetailBOXlist li {
	font-size:12px; color:#CCCCCC; font-weight:normal;
	padding:0px 0px 4px 0px; margin:0;
	width:100%;
	clear:left;
}

.spec {
	float:left;
	font-size:12px; color:#CCCCCC; font-weight:normal;
	margin:0;
	width:28px;
}

/*PRODUCT DETAIL COLOURS
***********************/
#slideshow {
	width:373px; height:373px;
	margin:0 0px 0px 15px;
	position:absolute; top:5px; left:25px; z-index:555;
}
#slideshow a { border:0; text-decoration:none;}


#thumbs ul { list-style:none; height:200px; margin:10px 0px 0px 0px; padding:0; clear:both;}
#thumbs li {float:left; margin:0px 4px 0px 0px;}

ul.thumbs { margin:0; padding:0;}

.loader {
	position: absolute; top: 15px; left: 20px; z-index:1;
	background-image: url('../images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	background-color:#FFFFFF;
	width: 415px;
	height: 380px; /* This should be set to be at least the height of the largest image in the slideshow */
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#666666;
	padding:2px 5px;
	color:#fff; font-size:12px;
	display:none;
	}	


/*ABOUT STRAITLINE
*******************/
.aboutStraitline {
	width:925px; height:310px;
	padding:30px 0px 0px 35px; margin:0px 0px 5px 0px;
	background: url('../images/bg-about-straitline.jpg') no-repeat 0 0;
	border-bottom:5px solid #aeaeae;
}

.aboutCopyheader {float:left; margin:0px 30px 0px 0px;}

.aboutStraitlineCopy {
	width:265px; height:275px;
	margin:0; padding:0px 0px 0px 25px;
	float:left;
	color:#333333;
}

.aboutStraitlineCopy p { padding:0; margin:0px 0px 15px 0px;}

.aboutRidingShot {
	width:679px; height:231px;
	margin:0px 1px 0px 0px;
	float:left;
}

.aboutblocksRight {
	float:left;
	height:235px; width:279px;
}

/*ADDED 10 FEB 2010*/
ul.about {
	list-style:disc;
	padding:0px 0px 0px 10px; margin:0;
}

ul.about li { margin:0px 0px 7px 0px;}

/*DISTRIBUTORS
**************/

h1.distributorCountry {
	color:#000000; font-size:16px; font-weight:bold; text-transform:uppercase;
	display:inline;
	padding:0px 20px 0px 0px; margin:30px 0px 0px 0px;
	background: url('../images/arrow-small-down.gif') no-repeat right center;
	clear:both;
}

.borderline {
	width:100%; height:2px; font-size:3px;
	border-bottom:1px solid #b7b7b7;
	margin:0px 0px 10px 0px; padding:0;
}

.distributor {
	width:318px; height:250px;
	background-color:#e1e1e1;
	color:#666666;
	float:left;
	margin:0px 1px 10px 0px;
}

/*EDITED 10 FEB 2010*/
.distributor h1 {
	background-color:#1d1d1d;
	color:#FFFFFF; font-size:18px; font-weight:bold;
	padding:10px 0px 10px 15px; margin:0px 0px 8px 0px;
	width:303px;
	clear:both;
}

.distributorContactDetails {
	width:160px;
	float:left;
	margin:5px 0px 0px 15px;
}

.distributorLogo {
	float:right;
	margin:-10px 0px 0px 0px;
}

/*FORM STYLES
*************/

/*contact form*/
#contactFormBlock {
	background: #f6f6f6 url('../images/bg-contact-form.jpg') repeat-x 0 0;
	width:649px; height:427px;
	padding:20px 0px 0px 30px; margin:0px 0px 0px 0px;
	float:left;
}

.straitlineForm {margin:0; padding:20px 0px 0px 0px;}

.straitlineForm input {
	border:1px solid #cecece;
	background-color:#FFFFFF;
	width:230px; height:22px;
	color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif;
	padding:3px 0px 0px 4px; margin:0px 0px 8px 0px;
}
.straitlineForm input.small {
	border:1px solid #cecece;
	background-color:#FFFFFF;
	width:50px; height:22px;
	color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif;
	padding:3px 0px 0px 4px; margin:0px 0px 8px 0px;
}

.straitlineForm label {
	color:#333; font-size:12px; font-weight:bold;
	padding:6px 0px 0px 0px;
	width:155px;
	float:left;
}

.straitlineForm label.textArea {
	color:#333; font-size:12px; font-weight:bold;
	padding:10px 0px 0px 0px;
	width:155px;
	float:left;
}

.straitlineForm textarea {
	border:1px solid #cecece;
	background-color:#FFFFFF;
	width:295px; height:120px;
	color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif;
	padding:3px 0px 0px 4px; margin:10px 0px 0px 0px;
	overflow:auto;
}

.straitlineForm input.sendButton {
	width:53px; height:24px;
	margin:0px 0px 0px 152px;
	border:none;
}

.mandatoryDisclaimer {font-style:italic; color:#717171; font-size:11px; padding:12px 0px 8px 155px;}

/*warranty registration form*/
#registrationFormBlock {
	background: #f6f6f6 url('../images/bg-contact-form.jpg') repeat-x 0 0;
	width:649px; height:912px;
	padding:20px 0px 0px 30px; margin:0px 0px 0px 0px;
	float:left;
}

#registrationFormBlock p {
	margin:20px 0px 20px 0px;
}

.straitlineForm input.registerButton {
	width:141px; height:28px;
	margin:0px 0px 0px 152px;
	border:none;
}

/* FORM ERROR */
input.error,
select.error,
textarea.error
 { background-color:pink; border:1px solid red; }

/*PRODUCT SUPPORT
*****************/
#supportcontentWrapper {
	margin:5px 0px 0px 0px; padding:0;
	background-color:#f8f8f8;
	width:100%;
	overflow:auto;
	clear:both;
}

.productSupportSectionHeader {
	background:#000 url('../images/bg-productsupport-section-header.jpg') repeat-x 0 0;
	padding:14px 0px 14px 15px;
}


/*to replace download block start*/
table.supportBlock{
	background-color:#cecece;
	width:480px;
	padding:20px 0px 20px 30px; margin:0px 0px 1px 0px;
	color:#7e7e7e; font-size:14px; font-weight:bold;
	position:relative; top:0; left:0;
	border-bottom:3px solid #bbbbbb;
}

table.supportBlock h2{
	color:#000000; font-size:18px; font-weight:bold;
	margin:0; padding:0px 0px 5px 0px;
}

td.title {border-right:1px solid #a5a5a5; margin:0; padding:0;}

table.supportBlock ul {margin:0; padding:0px 0px 0px 30px;float:left;}
table.supportBlock li {
	margin:0; padding:0;
	list-style-image:url('../images/bullet-arrow-grey.gif');
	font-size:12px; font-weight:normal;
}
table.supportBlock li a {font-size:12px; font-weight:normal; text-decoration:underline;}
table.supportBlock li a:hover {font-size:12px; font-weight:normal; text-decoration:none;}

/*to replace download block end*/





.productSupportDownload {
	width:480px;
	float:left;
}

.downloadBlock {
	background:url('../images/bg-download-pdf.jpg') repeat-x 0 0;
	height:60px; width:450px;
	padding:20px 0px 8px 30px; margin:0px 0px 1px 0px;
	color:#7e7e7e; font-size:14px; font-weight:bold;
	position:relative; top:0; left:0;
	border-bottom:3px solid #bbbbbb;
}

.downloadBlockLEFT { float:left; width:150px;}
.downloadBlockRIGHT { 
	float:left; 
	width:290px; height:55px;
	border-left:1px solid #a5a5a5;
	margin:-5px 0px 0px 0px;
}

.downloadBlockRIGHT ul {
	margin:0; padding:0px 0px 0px 30px;
	float:left;
}

.downloadBlockRIGHT li {
	margin:0; padding:0;
	list-style-image:url('../images/bullet-arrow-grey.gif');
	font-size:12px; font-weight:normal;

}

.downloadBlockRIGHT li a {font-size:12px; font-weight:normal; text-decoration:underline;}
.downloadBlockRIGHT li a:hover {font-size:12px; font-weight:normal; text-decoration:none;}

.downloadPDFButton {
	position:absolute; top:30px; right:25px;	
}

.downloadBlock h2 {
	color:#000000; font-size:18px; font-weight:bold;
	margin:0; padding:0px 0px 5px 0px;
}

.dlThumb {
	float:right;
}




/*download section-OLD
.productSupportDownload {
	width:480px;
	float:left;
}

.downloadBlock {
	background:url('../images/bg-download-pdf.jpg') repeat-x 0 0;
	height:60px; width:450px;
	padding:22px 0px 8px 30px; margin:0px 0px 1px 0px;
	color:#7e7e7e; font-size:14px; font-weight:bold;
	position:relative; top:0; left:0;
	border-bottom:3px solid #bbbbbb;
}

.downloadBlockLEFT { float:left; width:195px;}
.downloadBlockRIGHT { 
	float:left; 
	width:240px; height:55px;
	border-left:1px solid #a5a5a5;
	margin:-5px 0px 0px 0px;
}

.downloadPDFButton {
	position:absolute; top:30px; right:25px;	
}

.downloadBlock h2 {
	color:#000000; font-size:18px; font-weight:bold;
	margin:0; padding:0px 0px 5px 0px;
}*/

/*quick tips section*/
.productSupportQuickTips {
	width:479px;
	float:right;
}

.productSupportQuickTips ul {
	width:400px;
	margin:0; padding:25px 0px 0px 32px;
	color:#333;
}

.productSupportQuickTips ul li {
	margin:0px 0px 15px 0px;
}

.productSupportQuickTips ul li a {text-decoration:underline;}
.productSupportQuickTips ul li a:hover {text-decoration:none;}


/*FOOTER STYLES
**************/
#Footer {
	margin:60px auto 0px auto; padding:0px 0px 60px 0px;
	width:960px;
	background: url('../images/bg-footer-strip.jpg') no-repeat top left;
	clear:both;
	overflow:auto;
}

#Footer ul {
	list-style:none;
	margin:0; padding:38px 0px 0px 0px;
	height:22px;
	float:right;
}

#Footer li {float:left;}

#Footer li a {
	text-decoration:none; color:#494949; font-size:11px; font-weight:bold; 
	margin:0px 0px 0px 18px;
}
#Footer li a:hover {text-decoration:underline;}

.footerLegal {
	color:#999; font-size:11px; font-weight:bold; text-align:right;
	margin:0; padding:0;
	float:right;
	width:300px;
}

#Footer li a.extra {
	text-decoration:none; color:#666666; font-size:11px; font-weight:bold; 
	margin:0px 0px 0px 18px; padding:0px 0px 0px 18px;
	border-left:1px solid #999999;
}
#Footer li a.extra:hover {
	text-decoration:underline; color:#666666; font-size:11px; font-weight:bold; 
	margin:0px 0px 0px 18px; padding:0px 0px 0px 18px;
	border-left:1px solid #999999;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*GENEREAL STYLES
****************/
.clear {clear:both; margin:0; padding:0;}
.floatLeft { float:left;}
.floatRight { float:right;}
.bold {font-weight:bold;}
.black {color:#000000;}
.white {color:#FFF;}
.heightThirty { height:30px;}
/* ERROR */
input.error,
select.error,
textarea.error
 { background-color:pink; border:1px solid red; }
 
a.photosCredit {text-decoration:underline; color:#999;}
a.photosCredit:hover {text-decoration:none; color:#990000;}

/*MEDIA and RIDER STYLES - added 14 May 2010*/
.mediaRidersMAINCOL {
	width:648px;
	margin:0px 1px 0px 0px;
	float:left;
}
 
.mediaRidersRIGHTCOL {
	width:20px;
	background-color:#999999;
}