/*-----------------------------------------------------------------
Global
------------------------------------------------------------------*/

body		{
		margin:			0px;
		font-family:		Arial, Arial, Helvetica, sans-serif;
		font-size:		9pt;
		color:			#666666;
		background-image:	url(../images/bg.gif);
		background-repeat:	repeat-x;
		background-color:	#ffffff;
		background-position:	top left;
		}		
input, select, textarea
		{
		font-family:		Arial, Arial, Helvetica, sans-serif;
		font-size:		9pt;
		}		
img		{
		margin:			0px;
		}		
a 		{
		text-decoration:	none;
		}
p 		{
		font-family:		Arial, Arial, Helvetica, sans-serif;
		line-height:		17px;
		}
img 		{
		border:			0px;
		margin:			0px;
		}
.italic 	{
		font-style: 		italic;
		}
		
/*-----------------------------------------------------------------
Surrounding Container
------------------------------------------------------------------*/

#divContainer 	{
 		width:			906px;
 		margin:			0 auto;
		}
#divWrapper 	{
 		width:			904px;
		}
#main-container
		{
		float:			left;
		width:			902px;
		}
/*-----------------------------------------------------------------
Template
------------------------------------------------------------------*/

.top-border 	{
		float:			left;
 		width:			900px;
 		height:			0px;
		}
/*-----------------------------------------------------------------
Navigation
------------------------------------------------------------------*/

#navigation 	{
		clear:			both;
		float:			left;
 		width:			900px;
 		height:			70px;
		}
#navigation .left
		{
		float:			left;
		clear:			both;
 		width:			900px;
 		height:			35px;
 		background-color:	#cb4e70;
		}
#navigation .left ul
		{
		list-style-type:	none;
		margin:			0px;
		padding:		0px;
		}
#navigation .left ul li
		{
		float:			left;
		padding-right:		15px;
		margin-top:		11px;
		}
#navigation .left ul li a
		{ 
		color:			#ffffff;
		}
#navigation .left ul li a:hover
		{ 
		color:			#000000;
		}
#navigation .left .on
		{ 
		color:			#ffffff;
		}
#navigation .right
		{
		float:			left;
		clear:			both;
 		width:			900px;
 		height:			35px;
 		background-color:	#f89cb5;
		}
#navigation .right ul
		{
		float:			left;
		list-style-type:	none;
		margin:			0px;
		padding:		0px;
 		}
#navigation .right ul li
		{
		float:			left;
		padding-right:		15px;
		margin-top:		11px;
		}
#navigation .right ul li a
		{ 
		color:			#ffffff;
		}
#navigation .right ul li a:hover
		{ 
		color:			#000000;
		}
#navigation .right .on
		{ 
		color:			#000000;
		}
#navigation .right .last
		{
		padding-right:		0px !important;
		}
/*-----------------------------------------------------------------
Logo header
------------------------------------------------------------------*/
	
#header		{
		float:			left;
		width:			900px;
		height:			132px;
		}
.logo		{
		float:			left;
 		width:			450px;
 		}
.logo img	{
		padding-top:		40px;
 		}
.tagline	{
		float:			left;
 		width:			450px;
 		text-align:		right;
 		color:			#8f8f8f;
 		font-size:		10pt;
 		padding-top:		55px;
 		letter-spacing:		4px;
 		}
/*-----------------------------------------------------------------
Title header
------------------------------------------------------------------*/
	
#title-header	{
		clear:			both;
		float:			left;
		width:			900px;
		height:			110px;
		background-image:	url(../images/header-bg.gif);
		background-repeat:	no-repeat;
		background-position:	top left;
		}
#title-header h1
		{
		font-size:		28pt;
		font-weight:		normal;
		color:			#f89cb5;
		padding-left:		20px;
		padding-top:		35px;
		padding-bottom:		0px;
		margin:			0px;
		}

/*-----------------------------------------------------------------
Home Page
------------------------------------------------------------------*/
	
#home-header	{
		clear:			both;
		float:			left;
		width:			900px;
		height:			239px;
		background-image:	url(../images/home-main-bg.jpg);
		background-repeat:	no-repeat;
		background-position:	top left;
		margin-bottom:		40px;
		}
#home-header h1
		{
		font-size:		32pt;
		font-weight:		normal;
		color:			#f89cb5;
		padding-left:		20px;
		padding-top:		35px;
		padding-bottom:		0px;
		margin:			0px;
		}
#home-header h2
		{
		font-size:		14pt;
		font-weight:		normal;
		color:			#f89cb5;
		padding-left:		20px;
		padding-top:		10px;
		padding-bottom:		0px;
		margin:			0px;
		}
#home-header img
		{
		padding-top:		30px;
		padding-right:		3px;
		}
#home-header .first
		{
		padding-left:		20px;
		}
		
/*-----------------------------------------------------------------
Content
------------------------------------------------------------------*/
	
#content	{
		clear:			both;
		float:			left;
		width:			900px;
		padding-top:		30px;
		padding-bottom:		30px;
		}
#content h1	{
		font-size:		11pt;
		font-weight:		normal;
		color:			#cb4e70;
		margin:			0px;
		padding-bottom:		20px;
		line-height:		23px;
		}
#content p	{
		margin-top:		0px;
		}
#content a	{
		color:			#cb4e70;
		}
#content a:hover
		{
		text-decoration:	underline;
		}
.product	{
		clear:			both;
		float:			left;
		width:			159px;
		padding-top:		7px;
		padding-right:		20px;
		}
.product .image	{
		float:			left;
		width:			159px;
		height:			130px;
		}
.product .name	{
		float:			left;
		width:			130px;
		height:			36px;
		background-image:	url(../images/name-bg.gif);
		background-repeat:	no-repeat;
		background-position:	top left;
		}
.product .name h2
		{
		margin:			0px;
		padding-left:		10px;
		padding-top:		10px;
		color:			#ffffff;
		font-weight:		normal;
		font-size:		9pt;
		}
.product .icon	{
		float:			left;
		width:			29px;
		height:			36px;
		}
.product-description
		{
		float:			left;
		width:			721px;
		padding-top:		8px;
		}
.product-description h2
		{
		margin:			0px;
		color:			#cb4e70;
		font-weight:		normal;
		font-size:		17pt;
		padding-bottom:		12px;
		}
.product-description h2 .price
		{
		padding-bottom:		0px;
		}
.product-description .description
		{
		height:			95px;
		}
.product-description .description p
		{
		margin-top:		0px;
		}
.product-description a
		{
		text-decoration:	none;
		color:			#cb4e70;
		}
.product-description a:hover
		{
		text-decoration:	underline;
		}
.product-description .price
		{
		float:			left;
		color:			#cb4e70;
		font-weight:		normal;
		font-size:		17pt;
		}
.product-description .colour-selector
		{
		float:			left;
		padding-top:		7px;
		padding-left:		10px;
		font-size:		9pt;
		font-weight:		bold;
		}

/*-----------------------------------------------------------------
Hunting
------------------------------------------------------------------*/

.hunting-product
		{
		float:			left;
		width:			159px;
		padding-top:		7px;
		padding-bottom:		7px;
		padding-right:		26px;
		}
.hunting-product .image	
		{
		float:			left;
		width:			159px;
		height:			130px;
		}
.hunting-product .name	
		{
		float:			left;
		width:			130px;
		height:			36px;
		background-image:	url(../images/name-bg.gif);
		background-repeat:	no-repeat;
		background-position:	top left;
		}
.hunting-product .name h2
		{
		margin:			0px;
		padding-left:		10px;
		padding-top:		10px;
		color:			#ffffff;
		font-weight:		normal;
		font-size:		9pt;
		}
.hunting-product .icon	
		{
		float:			left;
		width:			29px;
		height:			36px;
		}
.hunting-table	{
		background-color:	#cb4e70;
		width:			100%;
		color:			#ffffff;
		margin-top:		20px;
		}
.hunting-table .row	
		{
		background-color:	#ffffff;
		color:			#666666;
		}

/*-----------------------------------------------------------------
About Me
------------------------------------------------------------------*/
	
.about-me-images
		{
		float:			left;
		width:			234px;
		padding-right:		35px;
		}
.about-me-images img
		{
		padding-bottom:		20px;
		}
.about-me-right-col
		{
		float:			left;
		width:			630px;
		}

/*-----------------------------------------------------------------
Contact Me
------------------------------------------------------------------*/
	
.contact-me-images
		{
		float:			left;
		width:			234px;
		padding-right:		35px;
		}
.contact-me-images img
		{
		padding-bottom:		20px;
		}
.contact-me-middle-col
		{
		float:			left;
		width:			280px;
		}
.contact-me-right-col
		{
		float:			left;
		width:			350px;
		}
.form-title	{
		float:			left;
		width:			50px;
		padding-top:		6px;
		}
.form-input	{
		float:			left;
		width:			290px;
		padding-bottom:		15px;
		}
.form-input input
		{
		padding:		4px;
		width:			290px;
		}
.contact-me-right-col textarea
		{
		padding:		4px;
		width:			340px;
		}

/*-----------------------------------------------------------------
Footer
------------------------------------------------------------------*/
	
#footer		{
		clear:			both;
		float:			left;
		width:			900px;
		padding-bottom:		30px;
		}
#footer .left	{
		float:			left;
		width:			6px;
		height:			43px;
		background-image:	url(../images/bottom-left.gif);
		background-repeat:	no-repeat;
		background-position:	top left;
		}
#footer .mid	{
		float:			left;
		width:			888px;
		height:			43px;
		background-image:	url(../images/dark-pink.gif);
		}
#footer .right	{
		float:			left;
		width:			6px;
		height:			43px;
		background-image:	url(../images/bottom-right.gif);
		background-repeat:	no-repeat;
		background-position:	top left;
		}
#footer .mid .contact	
		{
		float:			left;
		width:			450px;
		color:			#ffffff;
		padding-top:		15px;
		padding-left:		10px;
		}
#footer .mid .contact a	
		{
		color:			#ffffff;
		}
#footer .mid .contact a:hover
		{
		text-decoration:	underline;
		}
#footer .mid .copyright	
		{
		float:			left;
		text-align:		right;
		width:			420px;
		color:			#f89cb5;
		padding-top:		15px;
		}

/*-----------------------------------------------------------------
Racing Colours
------------------------------------------------------------------*/


#racing-colors { margin: 0 auto; width: 900px; font-family: Arial; font-size: 12px; }

#racing-colors .selection { width: 900px; height: 216px; margin-bottom: 20px; }

#racing-colors .heading { width: 900px; height: 36px; background: url(../images/heading-bg.gif); }
#racing-colors .heading h1 { font-size: 12px; font-weight: normal; color: #ffffff; padding-top: 10px; padding-left: 11px; margin: 0px; }

#racing-colors .optionscontainer { float: left; clear: both; border-left: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; width: 898px; }
#racing-colors .corners { float: left; clear: both;  width: 900px; height: 8px; background: url(../images/rounded-corners-bg.gif);  }

#racing-colors .options { float: left; clear: both; margin-left: 10px; margin-top: 10px; border-bottom: 1px solid #dddddd; padding-bottom: 10px;  }
#racing-colors .options ul { padding: 0px; margin: 0px; list-style-type: none; }
#racing-colors .options li.arrow { float: left; width: 14px; height: 73px; }
#racing-colors .options li.arrow img { border: none; }
#racing-colors .options li.item { float: left; width: 84px; text-align: center; font-size: 10px; color: #cc4f6d; }
#racing-colors .options li.item img{ border: none; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; }
#racing-colors .options li.item a{ color: #cc4f6d; text-decoration: none; }

#racing-colors .colors { float: left; clear: both; margin-left: 10px; margin-top: 10px; }
#racing-colors .left { float: left; width: 660px; border-right: 1px solid #dddddd; padding-right: 10px; }
#racing-colors .left ul.first { float: left; clear: both; list-style-type: none; margin: 0px; padding: 0px; padding-bottom: 3px; margin-bottom: 5px;border-bottom: 1px solid #dddddd; }
#racing-colors .left ul.first li { float: left; margin-right: 2px; }
#racing-colors .left ul.first li.last { float: left; margin-right: 0px; }
#racing-colors .left ul.second { float: left; clear: both; list-style-type: none; margin: 0px; padding: 0px; }
#racing-colors .left ul.second li { float: left; margin-right: 2px; }
#racing-colors .left ul.second li.last { float: left; margin-right: 0px; }
#racing-colors .left li img { border: none; }

#racing-colors .right { float: left; width: 200px; margin-left: 10px; padding-bottom: 5px; }
#racing-colors .right img { float: left; clear: both; }
#racing-colors .text { float: left; margin-left: 5px; color: #cc4f6d; }
#racing-colors .top { float: left; clear: both; border-bottom: 1px solid #dddddd; padding-bottom: 5px; margin-bottom: 5px; width: 185px; }
#racing-colors .bottom { float: left; clear: both; }

#racing-colors #order-form { float: left; clear: both; width: 900px; }
#racing-colors .summary { float: left; clear: both; margin-left: 108px; margin-bottom: 10px; }
#order-form .summary .summaryText { float: left; color: #000000; width:140px; margin-right: 10px;  }
#order-form .summary .summaryImage { float: left; }
#order-form .summary .summaryImage img { margin-right: 2px; }
#order-form .summary .seperator { float: left; margin-left: 10px; margin-right: 10px; }

#racing-colors #order-form .form { float: left; clear: both; border-left: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; width: 868px; padding: 15px; }

#racing-colors #order-form .formcontainer { float: left; clear: both; margin-bottom: 5px; }
#racing-colors .label { float: left; clear: both; width: 93px; padding-top: 5px; }
#racing-colors .formcontainer input { float: left; height: 20px; width: 769px; }
#racing-colors .formcontainer select { float: left; height: 25px; width: 774px; }

#racing-colors .submit { float: left; width: 868px; font-size: 11px; color: #cc4f6d; }
#racing-colors .checkbox { float: left; }
.SelectedSwatch{
	width:31px; height:17px; float:left;
}