/* ------ MAIN LAYOUT STYLES FOR TRIUMPH SITE - (c)2004 Triumph ----- */
/*** *** *** *** *** *** *** - START Set Up Page - *** *** *** *** ***/
.reddot { /* CMS FONT */
 font: 9px verdana, arial, helvetica, sans-serif;
 font-weight: bold;
 color: #ff0000;
 }
 
.whitedot { /* CMS FONT */
 font: 9px verdana, arial, helvetica, sans-serif;
 font-weight: bold;
 color: #ffffff;
 }

html { 
 scrollbar-face-color: #4E85C5; 
 scrollbar-shadow-color: #FFF; 
 scrollbar-highlight-color: #FFF; 
 scrollbar-3dlight-color: #666; 
 scrollbar-darkshadow-color: #20226D; 
 scrollbar-track-color: ; 
 scrollbar-arrow-color: #FFF; 
}
 
html, body {
 margin: 0;
 padding: 0;
 }
html body {
 margin: 0;
 padding: 0;  
 background: #000115 url(/stylesheet_images/livingBG2.jpg) top left no-repeat;  
 }   
body { 
 font: 10px verdana, arial, helvetica, sans-serif;
 text-align: left;
}
 
table { font-size: 10px; /*ie 5.5*/ } 
body * { text-align: left; } 
ul {
 margin: 0;
 padding: 0;
 list-style: none;
 } 
img { border: 0;} 
form {
 margin: 0;
 padding: 0;
 }  
input, select, textarea { 
 margin: 0;
 padding: 2px;   
 font: 10px verdana, arial, helvetica, sans-serif;
 }  
#wrapper { /* Centering */  
 width: 761px;
 } 
  
/* LINK STYLES */  
a { text-decoration: none; color: #fff;}  
a:hover { cursor: pointer; text-decoration: underline;} 
form a:hover, #menu a:hover {	text-decoration: none;	}
  
/*** *** *** *** *** *** *** - END Set Up Page - *** *** *** *** ***/    
/*** *** *** *** *** *** *** - START header - *** *** *** *** ***/
 h1 {
 display: block;  
 margin: 0;
 height: 69px;
 width: 485px;
 overflow: visible;  
 background: url(/stylesheet_images/logo.gif)  0 0 no-repeat; 
 float: left;
 } 
h1 a {
 display: block;
 height: 69px;
 width: 150px;
 text-indent: -9999px;
 } 
 #topRight {
 	float: left;
	width: 273px;
 	}
 	
 	#topRight #globalSearchForm {
		visibility:hidden;
		display:none;
 	}
	#topRight #strapWrapper {
		padding: 23px 0 8px 0;
		text-align: right;
		}
	#topRight form {
		text-align: right;
		margin: 0;
		padding: 0;
		}	
		#topRight form #searchQuery {
			border: 1px solid #417cc5;
			background: #102650;
			color: #fff;
			margin: 0;
			width: 150px;			
			voice-family: "\"}\"";
			voice-family:inherit;
			width: 145px;
			voice-family: "\"}\"";
			}
		#topRight form .gsSubmit {
			margin: 0 0 -2px 0;
			/*\*/
			margin: 0 0 -5px 0;
			/**/
			padding: 0;
			}	
 
 
 
h2 { /* Page Header Style */
 font: 23px verdana, arial, Helvetica, sans-serif;
 color: #70CAF0;
 margin: 0; 
 padding: 22px 0 7px 17px;
 line-height: 25px;
 background: #fff;  
 letter-spacing: -1px;  
 }  
h2.h2Title2006 {
	color: #4e85c5;
	font: 18px verdana,arial,helvetica,sans-serif;
	background: none;	
	} 
* html {
	height: 1%;
	}	
h3, .subheader { /* Page Sub-Headers - spans change colour to dark blue*/
 font: 12px  Arial, Helvetica, sans-serif;
 font-weight: bold;  
 padding: 1px 0 4px 17px;   
 margin: 0;  
}
   
h3 { font-size: 14px }    
p {
 margin: 0;
 padding: 5px 17px;
 }  
q {
 display: none;   
 }   
  
/*** *** *** *** *** *** *** - END header - *** *** *** *** ***/   
/*** *** *** *** *** *** *** - START breadcrumbs - *** *** *** *** ***/  
#breadcrumbs { 
 color: #fff; 
 border-bottom: 1px solid #5690B6;  
 float: left;
 width: 759px;
 padding-left: 9px;
 line-height: 19px;
 height: 19px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 749px;
 voice-family: "\"}\"";
 }
#breadcrumbs li {
 float: left;
 margin-right: 3px;
 color: #fff;   
 } 
#breadcrumbs li a {
 color: #fff;  
 } 
#breadcrumbs li a:hover {
 text-decoration: underline;
 }   

  
/*** *** *** *** *** *** *** - END breadcrumbs - *** *** *** *** ***/  
/*** *** *** *** *** *** *** - START menu - *** *** *** *** ***/ 
#menu {      
   	width: 127px;   
  	margin-top: -1px;
   	float: left;  
   	overflow: hidden; /* ie5 fix */   
  	border-bottom: 1px solid #5C89A8; 
   	}    
 
/* Hide and show children*/ 
#menu li ul, 
#menu li.parent ul li ul {   
   display:none; 
  }     
#menu li.parent ul, 
#menu li.parent ul li.parent ul {
  width: 126px;
  display:block; 
  } 

 /* Colours */ 
#menu li.parent a {
	background-color: #32518D;
	} 
#menu li.parent li a {
	background-color: #3477B3;
	border-top-color: #C5D3E3;
	}	
#menu li.parent li li a {
	background-color: #709FD4;
	}		
 
/* Links */ 
#menu a {  
 float: left; /* ie5 fix */  
   border-top: 1px solid #6A87A2;  
   border-left: 1px solid #8A8E99;
   border-bottom: 1px solid #0A4E79;    
   color: #fff;  
   width: 127px;
   padding: 0 8px; 
   line-height: 18px;
   display: block;
   background-image: url(/stylesheet_images/arrow.gif);
   background-position:  118px 7px;
   background-repeat: no-repeat;
   cursor: pointer;
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 109px;
   float: none;
   voice-family: "\"}\"";
   /*\*/
    width: 110px;
   /**/
   } 
#menu a:hover{  
   	color: #fff !important;  
 	background-color: #A8C4EC !important;
   	}
  
  #menu li li a {
  	padding-left: 16px;
	voice-family: "\"}\"";
   	voice-family:inherit;
   	width: 127px;  
   	voice-family: "\"}\"";
	width: 101px;
	/*\*/
	width: 102px;
	/**/
  	} 
 #menu li li li a {
  	padding-left: 24px;
	voice-family: "\"}\"";
   	voice-family:inherit;
   	width: 127px;  
   	voice-family: "\"}\"";
	width: 93px;
	/*\*/
	width: 94px;
	/**/
  	} 
 
/*** *** *** *** *** *** *** - END menu - *** *** *** *** ***/ 
/*** *** *** *** *** *** *** - START main containers - *** *** *** *** ***/  
#container {
 width: 762px;
 float: left;
 /*background: url(/stylesheet_images/menuBG.gif) left bottom repeat-y;   */
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 761px;
 voice-family: "\"}\"";   
 } 
#content {  
 width: 631px;    
 float: left; 
 overflow: hidden; 
 }   
#minHeightShim { /* Simulate min-height for those that don't do it */
 height: 306px;   
 width: 0px; 
 float: left;  
 /*\*/
 width: 1px; 
 /**/
 } 
 
/*** *** *** *** *** *** *** - END main containers - *** *** *** *** ***/  
/*** *** *** *** *** *** *** - START footer - *** *** *** *** ***/   
#footer {
 float: left;  
 margin-right: -3px; /* MSIE!*/
 width: 759px;
 height: 21px;
 line-height: 21px;
 color: #4E85C5; 
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 759px;
 voice-family: "\"}\"";  
 }  
#footer li#footerLeftLink {
 float: left;
 width: 290px;
 padding: 0 10px; 
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 270px;
 voice-family: "\"}\"";  
 } 
#footer li#footerRightLink { 
 color: #fff;
 float: left;
 text-align: right;
 width: 469px;
 padding: 0 10px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 449px;
 voice-family: "\"}\"";  
 } 
#footer li a {
 color: #fff;
 font-weight: bold;
 background: url(/stylesheet_images/arrow.gif) 100% 5px no-repeat;
 padding-right: 10px;
 } 
#footer li a:hover {
 text-decoration: underline;
 }  
#standardCSSLink {display: none;}  
 
/*** *** *** *** *** *** *** - END footer - *** *** *** *** ***/   
/*** *** *** *** *** *** *** - START classes - *** *** *** *** ***/ 
.subHeadImg {
 padding: 10px 0 4px 17px;
 } 
.hide { display: none; } 
 .clear { clear: both; border-bottom: 0.1px solid #fff; font-size: 0; line-height: 0; }
 .ratclear { clear: both; font-size: 0; line-height: 0; } 
.makeRelative { position: relative; }
.minHeight {  
 height: 310px;
 min-height: 309px;     
 width: 420px;  
 padding: 0;  
 /*\*/  
 display: table-cell; 
 /* Simulates min-height in safari but messes up macie hence macie hack */
 }
.noBG { background: none !important; } 
.submit {  
 background: none !important; 
 color: #fff;
 font: 12px  Arial, Helvetica, sans-serif;
 font-weight: bold;
 }
 .submitRow {
	margin-top: 10px;
 	}
.formRow {
 float:left;
 }  
.whiteBG {
 background: #fff;  
 }  
.plainText h3 {
 margin-top: 8px;
 } 
  
/*** *** *** *** *** *** *** - END classes - *** *** *** *** ***/

/*********************************************** 
	 	Genuine parts
***********************************************/	
#hero.genuineParts {
	color: #fff;
	border-color: #5174AD;
	padding-right: 0;
	}
	#hero.genuineParts #hook1 { width: 200px;}
	#hero.genuineParts h3 {
		color: #fff; 
		margin-right: 0 !Important;
		padding-right: 0 !Important;
		}
.clr { clear: both; height: 0.1px; font-size: 0; line-height: 0; }	
.genuinePartsWrapper { 
	background: #0E294D; 
	color: #fff;
	padding: 11px;	
	}	
	.genuinePartsWrapper h4 {
		font-size: 100%;
		margin: 0 0 7px 0;
		}
	.genuinePartsWrapper p {
		padding: 0 0 10px 0;
		margin: 0;
		}	
		.genuinePartsWrapper form p input, 
		.genuinePartsWrapper form p label { 
			vertical-align: middle;
			}
	.genuinePartsWrapper ul { padding: 0 0 15px 0;}	
		.genuinePartsWrapper ul li {
			background: url(/images/common/whiteBullet.gif) 0 6px no-repeat;		
			padding: 0 0 6px 15px;
			}		
	.genuinePartsWrapper .left {
		float: left;
		width: 305px;	
		}	
	.genuinePartsWrapper .right {
		float: left;
		width: 303px;	
		}	
	.vinresult {
		border-top: 1px solid #304F7D;
		padding: 20px 0;
		}
		.vinresult a {
			font-weight: bold;
			color: #5184C5;
			}	
			
/************************************************************/			
/******* 		Genuine parts VIN enquiry button	  *******/	
/*******			 06-12-06 	Tom B			 	  *******/	
/************************************************************/	
			
.genuinePartsWrapper a.submit {
		color: #fff;
		font-weight: normal;
    	background: url(/images/dealers/submitBut_BG.gif) 100% 0 no-repeat !important;
		padding: 2px 10px 2px 0;
		line-height: 19px;		
		vertical-align: middle; 
		}	
	* html .genuinePartsWrapper a.submit {
		padding: 0px 10px 2px 0;
		}	
	*+html .genuinePartsWrapper a.submit {
		padding: 0px 10px 2px 0;
		}		
		.genuinePartsWrapper a.submit span {
			background: url(/images/dealers/submitBut_left.gif) 0 0 no-repeat !important;
			padding: 2px 0 2px 10px;
			line-height: 19px;			
			}	
	.genuinePartsWrapper a:hover span {
		text-decoration: underline;
		}