colorStore{
	/* 5% green */
	background-color:#F6FBF6;
	/* 10% green */
	background-color:#EDF6ED;
	/* green */
	background-color:#339933;
	/* light green (tabs) */
	background-color:#AAE2AA;
}





/*==========================================================*/
/*     														*/
/*     integrated css file for ALL scripts				 	*/
/*     														*/
/*     tested in ie 6 , opera 7 , mozilla firefox demo 		*/
/*     														*/
/*==========================================================*/


body {
	/*margin:0px;*/		/* works for ie, mozilla NOT OPERA !! */
	/*padding:0px;*/	/* opera ONLY !! */
	/* SO.... use both methods!!*/
	margin:0px;padding:0px;
	background-color:#ffffff;	/* force bg color for opera */
	/*
	background-image:url(../images/generic/bg.gif); background-repeat:repeat-x;
	*/
	}

#contentAligner {
	/* designed to align specified non full-width content on page */
	/*text-align:center; */		/* works on ie only, assign inside div instead!!	*/
	}

#contentEdge { 
	/* designed as a place to specify content border/padding etc.. */
	padding:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:20px;
	/*background-color:#eeffee;*/
	/*border:1px solid black;*/
}
#contentSize { 
	/* designed as a place to declare width of content */
	/*width:570px;*/ /* define in page */
	min-width:600px;
}






/*==========================================================================*/
/*	general text sizes, fonts & variations etc.             								*/
/*==========================================================================*/

/*--------------------------------------------------------------------------*/
/*	base font sizes										      				*/
/*--------------------------------------------------------------------------*/

body,td,a,pre,input,select,textarea {
	/*font-family:Verdana, Arial, Helvetica, sans-serif; */
	font-family:Arial, Helvetica, sans-serif;
}


/*	when using font-size as percentage%, 				*/
/*	sub ellements scale by that percentage so must		*/
/*	be carefull to declare in a specific way...			*/

body{ 
	/*font-size:12px;*/
	/*font-size:smaller;*/
	font-size:80%;
}

/*td{ font-size:inherit; }*/
textarea{ font-size:inherit;/* for firefox, otherwise will appear larger */ }



/* headings */
h5,.t5,#t5{font-size:120%;padding:0;margin:0;}
h4,.t4,#t4{font-size:130%;padding:0;margin:0; color:#339933;}
h3,.t3,#t3{font-size:140%;padding:0;margin:0;}
h2,.t2,#t2{font-size:150%;padding:0;margin:0; color:#339933;}
h1,.t1,#t1{font-size:160%;padding:0;margin:0;}


/*--------------------------------------------------------------------------*/
/*	general												      				*/
/*--------------------------------------------------------------------------*/

td{
	vertical-align:top;
	}

/* smallprint block */
#smallprint{
	/*font-size:90%;*/
	/*font-size:smaller;*/
	font-size:inherit;
	font-size:80%;
	/*font-family:"MS Sans Serif", Arial, Helvetica, sans-serif;*/
}


b,strong,.bold,.strong{font-weight:bold;}
em,.em{
	font-style:italic;
	}
hr{
	/*border: 1px solid #eeeeee;*/
	height: 1px;
	background-color:#dddddd; /* NOT in IE */
	color:#dddddd; /* IE ONLY.. so use both methods */
	}





/*======================================================*/
/*	form input formatting and associated tools      			*/
/*=====================================================*/

form{ padding:0; margin:0; }/* stops form tags creating page space */

input,select,textarea { border:1px solid #aaaaaa; }
/* creates border around image buttons!!  so... use a noBorder class on sensitive elements.... */
.noBorder{border:0px;}

input { 
	/*padding:0px;*/	/*leave as default*/
	}






/*==========================================================================*/
/*	html header and footer tools ( generic page surrounds )      			*/
/*==========================================================================*/

.graphicGenericEdgeT td{background-image:url(../images/generic/edgeT.gif); background-repeat:repeat-x;}
.graphicGenericEdgeB td{background-image:url(../images/generic/edgeB.gif); background-repeat:repeat-x;}



#shellBottomLinks{ 
	text-align:center;
	/*background-color:#CCFFFF;*/
	padding-top:10px;
	padding-bottom:10px;
	font-size:80%;
	color:#339933;
	}

	/*  Note															 */
	/*  setting font size percentage affects any a tags within the div , */
	/*  but font family will not affect these a tags... so these must be  */
	/*  done seperately to avoid having the font scale affect child/parent combinations..  */
	/*  .. eg, setting  #shellBottomLinks,#shellBottomLinks a{font-size:50%} will create */
	/* 2 different font sizes for the text and any a tag text */

#shellBottomLinks,#shellBottomLinks a{
	/* choose font more suitable for smaller text */
	/* font-family:Verdana, Arial, Helvetica, sans-serif;	*/
	font-family:"MS Sans Serif", Arial, Helvetica, sans-serif;
	}
#shellBottomLinks a{
	font-weight:normal;
	}
#shellBottomLinks .strong{
	font-weight:bold;
	}







/*--------------------------------------------------------------------------*/
/*	colour tools											      			*/
/*--------------------------------------------------------------------------*/
.tWhite{color:#FFFFFF;}
.tGreen{color:#339933;}
.green{background-color:#339933;}
.green10{background-color:#EDF6ED;}
.green5{background-color:#F6FBF6;}
.shadow{background-image:url(../images/nGeneric/nGenericShadow1.gif); background-repeat:repeat-x;}




/*--------------------------------------------------------------------------*/
/*	hyperlinks												      			*/
/*--------------------------------------------------------------------------*/
#a{
	color:#339933;
}

a,a:link,a:hover,a:visited,a:active{
	color:#339933;
	font-weight:bold;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}





/*==========================================================================*/
/*	print media tools										       			*/
/*==========================================================================*/
@media print
{
#noprint,.noprint,hr{display:none;}
}	









/*==========================================================================*/
/*	specifics for each section of the site					       			*/
/*==========================================================================*/






/*--------------------------------------------------------------------------*/
/*	login												      				*/
/*--------------------------------------------------------------------------*/

.warning{color:#ffff66; font-weight:bold;}




/*--------------------------------------------------------------------------*/
/*	tabs												      				*/
/*--------------------------------------------------------------------------*/

#tabs td,#tabs a{ 
	font-weight:normal; 
	/*font-size:11px; */
	vertical-align:bottom;
	}

/* use divs for text color - cant seem to force background colours of tds within div !!! - so... */
#tabs #norm a{ color:#339933;}
#tabs #active{ color:#339933; font-weight:bold; }
#tabs #greyed{ color:#003300; }
#tabs #top{ color:#336633; }
/* ....must use classes for td tab backgrounds!!*/
#tabs .norm{ background-color:#aae2aa;}
#tabs .active{ background-color:#ffffff; font-weight:bold;}
#tabs .greyed{ background-color:#3a7f3a;}
#tabs .top{ background-color:#79ae79;}



.tabTitle{
	font-weight:bold; color:#000000;
}



/*--------------------------------------------------------------------------*/
/*	application												      			*/
/*--------------------------------------------------------------------------*/

#application{
}

	#applicationForm{
		padding-left:10px;
		padding-right:10px;
	}

	#applicationForm td{
		/*border:1px solid #999999;*/
	}
	
	#applicationForm table{
		/*
		padding-left:10px;
		padding-right:10px;
		*/
	}
	
	#applicationForm td{
		/*border:1px solid #999999;*/
		padding:2px;	/* equivelent of cellpadding,	*/
	}
	
	
	/* modify smalllprint block for specific use here */
	#applicationForm #smallprint{
		padding:0px;
		color:#888888;
	}
	#applicationForm #smallprint strong{
		color:#339933;
	}
	
	
	#applicationForm #title {
		padding-top:30px;
		padding-bottom:0px;
	}
	#applicationForm #title h1{
		padding-bottom:0px;
	}
	
	
	#applicationForm #note {
		padding-top:20px;
		padding-bottom:20px;
		font-style:italic;
	}
	
	#applicationFormEnd #info1 {
		padding-top:20px;
		padding-bottom:20px;
		padding-left:20px;
		font-style:italic;
	}
	/*
	#applicationPageInfo1 {
		padding-top:5px; 
		padding-bottom:20px;
	}
	#applicationForm h1{ 
		padding-left:20px;
		padding-right:20px;
	}
	#applicationForm td #info1{ 
		padding-bottom:20px;
		padding-left:20px;
		padding-right:20px;
	}
	*/






/*--------------------------------------------------------------------------*/
/*	employeeDetails											      			*/
/*--------------------------------------------------------------------------*/

#employeeDetails {
	/*overflow:scroll;*/
}


#employeeDetails table{ 
	/*width:100%;*/
}

#employeeDetails td{
	padding:2px; 
}

#employeeDetails .formArea td{
	background-color:#F6FBF6;
	padding:5px;
}





#employeeDetails #results{ 
	font-size:90%;
	padding-left:10px;
	/*overflow:scroll;*/
	}

#employeeDetails #results a{ 
	font-weight:normal;
	}




#employeeDetails .headingsRow td{
	font-weight:bold;
	/*color:#339933;*/
	}
#employeeDetails .oddRow td{ 
	line-height:150%;
	/*background-color:#F7FBF7;*/
	}
#employeeDetails .evenRow td{
	line-height:150%;
	/*color:#003300;*/
	/*background-color:#E9F4E9;*/
	}

#employeeDetails .subCatRow td{
	/*background-color:#009999;*/
	line-height:200%;
	font-size:180%;
	font-weight:bold;
	color:#339933;
	/*margin-left:-5px;
	border-left:-5px;*/
	}




/*--------------------------------------------------------------------------*/
/*	find a car / bike / dealer								      			*/
/*--------------------------------------------------------------------------*/
#findCarBikeDealer {
	}

#findCarBikeDealer table{
	/*border:1px solid #cccccc;*/
	}
#findCarBikeDealer td	{
	/*border:1px solid #eeeeee;*/
}


#findCarBikeDealer #divider{
	height:15px;
}
#findCarBikeDealer #divider2{
	height:2px;
}




/* content padding*/
#findCarBikeDealer{
}

#findCarBikeDealer #searchForm{
	padding-left:0px;
	padding-right:0px;
}
#findCarBikeDealer #searchForm #note{
	padding-left:10px;
	padding-right:10px;
}
#findCarBikeDealer #searchResults{
	padding-left:10px;
	padding-right:10px;
}
#findCarBikeDealer #detailResults{
	padding-left:10px;
	padding-right:10px;
}




/* text sizes*/
#findCarBikeDealer #searchForm #formElements{
	font-size:80%; 
}
#findCarBikeDealer #searchForm #formElements select, #findCarBikeDealer #searchForm #formElements input, #findCarBikeDealer #searchForm #formElements textarea{
	font-size:100%;/* forces inhertance in ie - "inherit" doesnt work", not required in firefox..*/
}
#findCarBikeDealer #searchResults{
	font-size:90%; 
}
#findCarBikeDealer #searchResults{
	line-height:120%;
	/*background-color:#339933;*/
}




/* specific generic styles */

#findCarBikeDealer #searchForm #note{
	font-style:italic;
	padding-bottom:20px;
}

#findCarBikeDealer #searchForm #formElements table{ 
	background-color:#EDF6ED;
	padding:10px;
	padding-top:10px;
}

#findCarBikeDealer #goButton{
	/*padding:5px;*/
	padding-top:10px;
}


#findCarBikeDealer #pageLinks{
	padding-left:10px;
	padding-top:20px;
	padding-bottom:10px;
	font-size:90%;
	font-weight:bold;
}

#findCarBikeDealer #pageLinks a{
	font-weight:bold;
}

#findCarBikeDealer #searchResults #noResults{
	height:100px;
	color:red;
	color:#339933;
	font-size:130%;
	font-style:italic;
}




/* car search */

#findCarBikeDealer #searchResults #car table{
}
#findCarBikeDealer #searchResults #car a{
	/*font-weight:normal;*/
	color:#339933;
	color:#000000;
}
#findCarBikeDealer #searchResults #car .titlesRow td{
	font-weight:bold;
	color:#339933;
	padding:5px;
	padding-left:1px;
	padding-bottom:10px;
	background-color:#ffffff;
	/*background-color:#339933;*/
	/*border-top:2px solid #339933;*/
}
#findCarBikeDealer #searchResults #car td{
	background-color:#EDF6ED;
	padding:2px;
	padding-top:10px;
	padding-bottom:20px;
	/*border:1px solid #ffffff;*/
	border-bottom:3px solid #ffffff;
}





/* dealer search */

#findCarBikeDealer #searchResults #dealer td{
	/* v1 */
	/*
	background-color:#EDF6ED;
	padding:2px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #ffffff;
	*/
	/* v2 */
	padding:2px;
	line-height:150%;
}

#findCarBikeDealer #searchResults #dealer .evenRow td{
	background-color:#EDF6ED;
	/*background-color:#F6FBF6;*/
}
#findCarBikeDealer #searchResults #dealer .oddRow td{
	background-color:#EDF6ED;
	/*background-color:#F6FBF6;*/
}
#findCarBikeDealer #searchResults #dealer .dividerRow td{
	/*background-color:#ffffff;*/
	background-color:#EDF6ED;
	padding:0px;
	height:8px;
	border-bottom:3px solid #ffffff;
}
#findCarBikeDealer #searchResults #dealer .titlesRow td{
	font-weight:bold;
	color:#339933;
	padding:5px;
	padding-left:1px;
	padding-bottom:10px;
	background-color:#ffffff;
	/*background-color:#339933;*/
	/*border-top:2px solid #339933;*/
}

#findCarBikeDealer #searchResults #dealer #dealerName{
	font-weight:bold;
}
#findCarBikeDealer #searchResults #dealer #dealerAddress{
	color:#336633;
}







/* car detail */

#findCarBikeDealer #detailResults{
	line-height:120%;
}


#findCarBikeDealer #detailResults #image{
	padding-right:10px;
}
#findCarBikeDealer #detailResults #image img{
	/*border:3px solid #666666;*/
}
#findCarBikeDealer #detailResults #title{
	font-size:100%; 
	font-weight:bold;
	padding-bottom:10px;
}
#findCarBikeDealer #detailResults #details{
	padding-bottom:10px;
}
#findCarBikeDealer #detailResults #desc{
	padding-bottom:10px;
}
#findCarBikeDealer #detailResults #price{
	font-size:100%;
	font-weight:bold;
	padding-bottom:10px;
}
#findCarBikeDealer #detailResults #apply{
	font-size:100%;
	font-weight:bold;
	padding-bottom:10px;
}
#findCarBikeDealer #detailResults #contact{
	display:none;
	font-size:90%;
	font-weight:bold;
	padding-bottom:10px;
}




/*--------------------------------------------------------------------------*/
/*	enquiry form											      			*/
/*--------------------------------------------------------------------------*/

/* content padding */
#enquiryForm td{
	/*border:1px solid #999999;*/
}

#enquiryForm{
	padding-left:10px;
	padding-right:10px;
}
#enquiryForm #formElements { 
	
	/* negate content padding */
	
	margin-left:-10px; 
	margin-right:-10px;
	
	/* reassign content padding */
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

#enquiryForm #formElements td{ 
	padding:1px;
}





/* font sizes*/
#enquiryForm #formElements { 
	font-size:90%; 
}
#enquiryForm #formElements select, #enquiryForm #formElements input, #enquiryForm #formElements textarea{ 
	font-size:100%; /* forces inhertance in ie - "inherit" doesnt work", not required in firefox..*/
}






/* specific styles */
#enquiryForm #formElements{ 
	background-color:#EDF6ED;
}
#enquiryForm #note,#enquiryForm .note{
	padding-bottom:20px;
	padding-right:200px;
	font-style:italic;
}
#enquiryForm #formElements #note,#enquiryForm #formElements .note {
	font-style:italic;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}
#enquiryForm #formElements #subNote,#enquiryForm #formElements td .subNote {
	font-style:italic;
}

#enquiryForm h2{
	padding-bottom:20px;
}
#enquiryForm  #goButton{
	/*padding:5px;*/
	padding-top:10px;
	padding-bottom:5px;
}

#enquiryForm #resetUrl{
	padding-top:30px;
	padding-bottom:30px;
}
#enquiryForm #formElements br{
	/*line-height:50%;*/
}






/*==========================================================================*/
/*	REFERENCE & development									       			*/
/*==========================================================================*/


/*--------------------------------------------------------------------------*/
/* 		#testTable 		a table nested within <div id="testTable">			*/
/*--------------------------------------------------------------------------*/
#testTable { 
	padding:10px; 
	}

#testTable table{
	background-color:#CCCCCC;
	width:100%;
	
	/*padding:40px; */
	/* 		NOT IE !!! applies padding to the perimeter of the nested table */
	}

#testTable td{
	padding:10px;
	/* 		equivalent to cellpadding, Overrides cellpadding within table tag */
	}


/*--------------------------------------------------------------------------*/
/* 		#testTd 		a td nested within <div id="testTd">				*/
/*--------------------------------------------------------------------------*/
#testTd td{ 
	background-color:#00CCCC;
	/* 		NO EFFECT		 */

	width:400px;
	/* 		NO EFFECT		 */

	}

#testTd td{ 
	background-color:#00CCCC;
	/* 		NO EFFECT		 */
	}









