/*---------------------------------------------------------------------------------
CSS reset, plus a few other tweaks
-----------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table 										{ border-collapse:collapse; border-spacing:0; } 
fieldset,img 								{ border:0; } 
.clear										{ clear:both; }



/*---------------------------------------------------------------------------------
Layout & Basic styling of background-images etc
-----------------------------------------------------------------------------------*/
body										{ background:#231f20;  }
#wrapper									{ position: relative;width:1000px; margin:0 auto; margin-top:10px; margin-bottom:10px; }
#container									{ position: relative; float:left; width:938px; margin:0 auto; background-color:#ffffff; padding:6px 6px 6px 6px; }
#container-colour							{ position: relative; min-height:1000px; float:left; width:938px; margin:0 auto; background-color:#d71921; background-image:url(../images/navigation_watermark.gif); background-position:left bottom; background-repeat:no-repeat; }
#content-container							{ position: relative; min-height:1000px; float:right; padding-left:4px; width:680px; background-color:#ffffff; }
#content-home								{ float:left; width:674px; min-height:588px; margin-bottom:10px; background-color:#aedfe4; color:#FFFFFF; padding-top:6px; padding-left:6px; background-image:url(../images/home/le-mans-section.jpg); background-position:left top; background-repeat:no-repeat; }

#content-title								{ float:left; padding-left:5px; }
#content-title1,
#content-title2,
#content-title3,
#content-title4,
#content-title5,
#content-title6,
#content-title7,
#content-title8,
#content-title9								{ float:left; width:669px; padding-left:6px; padding-top:10px; margin-bottom:15px; }
#content-title9								{ padding-top:0px; }


#content									{ float:left; width:650px; padding-left:15px; padding-top:6px; font-size:1.0em; }
#content-contact							{ float:left; width:650px; padding-left:15px; padding-top:6px; font-size:1.4em; }
#header										{ float:left; padding-bottom:4px;}

#alsoboughtTitle							{ float:left; padding-top:65px; }
#alsoboughtImage							{ float:right; text-align:right; padding-right:70px; }

#content-alsobought							{ float:left; width:669px; padding-left:6px; padding-top:10px; margin-bottom:15px; }
#alsobought1								{ float:left; width:660px; height:180px; background-image:url(../images/products/alsobought1.jpg); background-repeat:no-repeat; font-size:1.4em; padding-left:10px; }
#alsobought2								{ float:left; width:660px; height:180px; background-image:url(../images/products/alsobought2.jpg); background-repeat:no-repeat; font-size:1.4em; padding-left:10px; }
#alsobought3								{ float:left; width:660px; height:180px; background-image:url(../images/products/alsobought3.jpg); background-repeat:no-repeat; font-size:1.4em; padding-left:10px; }
#alsobought4								{ float:left; width:660px; height:180px; background-image:url(../images/products/alsobought4.jpg); background-repeat:no-repeat; font-size:1.4em; padding-left:10px; }

#homeBanner									{ float:left; padding-top:6px; }




#flashcontent								{ float:left; width:320px; height:197px; text-align:left; margin-right:6px; border:1px solid; border-color:#4e4e4f; background-color:#000000; }
#flashcontent2								{ float:left; width:320px; height:260px; text-align:left; margin-right:6px; border:1px solid; border-color:#4e4e4f; background-color:#000000; }

#titleBar									{ float:left; width:320px;  }
#titleBar2									{ float:left; width:320px;  }


.flashcontentCopy							{ float:left; text-align:left; padding: 10px 10px 10px 10px; color:#FFF; }


/* HOME */
#homeColum1									{ float:left; width:295px; padding-top:200px; padding-left:100px; color:#000; }
#homeColum2									{ float:left; width:230px; padding-top:365px; padding-left:35px; }
#homeVideo									{ float:left; padding-top:10px; }
#homePayPal									{ float:right; width:250px; padding-right:50px; text-align:left; }
#homeQuote									{ float:left; width:670px; text-align:left; padding-left:5px; background-image:url(../images/home/title_bestsellers.jpg); background-position:left top; background-repeat:no-repeat; padding-top:35px; padding-bottom:10px; }

#homeVideo2Container						{ float:left; width:673px; height:400px; padding-bottom:8px; background-image:url(../images/home/dvd_packshots.jpg); background-position:left top; background-repeat:no-repeat; }
#homeVideoCol1								{ float:left; width:330px; padding-top:5px; }
#homeVideoCol2								{ float:right; width:331px; padding-top:30px; }

#homeCol1									{ float:left; width:330px; padding-top:5px; }
#homeCol2									{ float:left; width:314px; padding-top:5px; }


/* Hammond meets - product 9 */
#hmcontent-home								{ float:left; width:674px; min-height:650px; background-color:#000000; color:#FFFFFF; padding-top:6px; padding-left:6px; background-image:url(../images/products/hammond_meets_moss.jpg); background-position:left top; background-repeat:no-repeat; }

#hmBanner									{ float:left; padding-top:6px; }
#hmVideo									{ float:right; width:330px; text-align:left; margin-top:175px; padding-bottom:10px; padding-right:5px; }
#hmCopy										{ float:left; width:640px; padding-top:120px; padding-left:5px; padding-bottom:15px; padding-right:20px;  }
#hmPayPalLeft								{ float:left; width:280px; text-align:left; padding-bottom:5px; }
#hmPayPalRight								{ float:right; width:250px; padding-right:50px; text-align:left; }

#hmVideo2Container							{ float:left; width:673px; height:400px; padding-bottom:8px; background-image:url(../images/home/dvd_packshots.jpg); background-position:left top; background-repeat:no-repeat; }
#hmVideoCol1								{ float:left; width:330px; padding-top:5px; }
#hmVideoCol2								{ float:right; width:331px; padding-top:30px; }

#hmCol1										{ float:left; width:330px; padding-top:5px; }
#hmCol2										{ float:left; width:314px; padding-top:5px; }

.hm_paymentPanel							{ float:left; width:345px; padding-left:15px;}
.hm_paymentPanel input						{ padding-bottom:10px; }





.paymentPanel								{ float:left; width:345px; }
.paymentPanel input							{ padding-bottom:10px; }
.emailPanel									{ float:left; width:300px; text-align:right; }
		
	
	
/*---------------------------------------------------------------------------------
Copy
-----------------------------------------------------------------------------------*/
html, body									{ font: 12px Arial, Helvetica, sans-serif; }
h1											{ display:none; }
h2											{ font-size: 1.1em; font-weight:bold; color:#d71921; padding-bottom:10px; }
h3, h4, h5									{ font-size: 1.1em; font-weight:bold; color:#d71921; padding-bottom:5px; }
p											{ padding-bottom:10px; }	
hr											{ color:#000000; height:1px; }
#footer p									{ font-size: 9px; color:#ffffff; }



/*---------------------------------------------------------------------------------
Links
-----------------------------------------------------------------------------------*/
a											{ color:#000000; font-weight:bold; text-decoration:none; }
#footer a									{ color:#000000; text-decoration:none; }
#footer a:hover								{ color:#d71921; text-decoration:none; }

.black										{ color:#000000; font-weight:bold; }
.alert 										{ color:#ff0000; font-weight:bold; }
.red										{ color:#d71921; font-weight:bold; }
.bestsellersQuote							{ color:#006c64; font-weight:bold; font-size:1.5em; }
.bestsellersBody							{ color:#006c64; font-weight:normal; font-size:1.4em; line-height:2em;}



/*---------------------------------------------------------------------------------
Navigation
-----------------------------------------------------------------------------------*/

#navigation									{ float: left; width: 253px; font-size:0.8em; }
#sys_sidenavigation							{ padding-top:14px; padding-left:12px; font-weight:bold; font-size:1.2em; color:#FFFFFF; }
#sys_sidenavigation a						{ color: #ffffff; text-decoration: none; }
#sys_sidenavigation a:hover					{ color: #fdb913; text-decoration: none; }
#sys_sidenavigation	.current				{ color: #fdb913; }

#sys_sidenavigation ul 						{ list-style:none; padding:0; margin:0; width:230px; }
#sys_sidenavigation li a					{ padding-bottom:30px; font-weight:normal;}

/* Current */
#sys_sidenavigation li a.current			{ color:#fdb913; font-weight:normal; }

#sys_sidenavigation li a#product1			{ display:block; height: 70px; background: url(../images/products/thumb1.jpg) no-repeat; background-position:right top; }
#sys_sidenavigation li a#product2			{ display:block; height: 70px; background: url(../images/products/thumb2.jpg) no-repeat; background-position:right top; }
#sys_sidenavigation li a#product3			{ display:block; height: 70px; background: url(../images/products/thumb3.jpg) no-repeat; background-position:right top; }
#sys_sidenavigation li a#product4			{ display:block; height: 70px; background: url(../images/products/thumb4.jpg) no-repeat; background-position:right top; }
#sys_sidenavigation li a#product5			{ display:block; height: 70px; background: url(../images/products/thumb5.jpg) no-repeat; background-position:right top; }
#sys_sidenavigation li a#product6			{ display:block; height: 70px; background: url(../images/products/thumb6.jpg) no-repeat; background-position:right top; }
#sys_sidenavigation li a#product7			{ display:block; height: 70px; background: url(../images/products/thumb7.jpg) no-repeat; background-position:right top; }
#sys_sidenavigation li a#product8			{ display:block; height: 70px; background: url(../images/products/thumb8.jpg) no-repeat; background-position:right top; }
#sys_sidenavigation li a#product9			{ display:block; height: 70px; background: url(../images/products/thumb9.jpg) no-repeat; background-position:right top; }



/*---------------------------------------------------------------------------------
Access Keys
-----------------------------------------------------------------------------------*/
#accesskeys 								{ padding:0px;margin:0px;margin:0px;text-align:left;}
#skiplinks									{ display:block;position:absolute;top:15px;left:180px;text-align:left;width:220px;height:1.7em;clip:rect(0px, 220px, 1.7em, 0px);}
#skiplinks ul 								{ padding:0;margin:0;list-style:none;}
#skiplinks li 								{ padding:0;margin:0;list-style:none;display:inline;}
#skiplinks a 								{ color:#000000;position:absolute;top:0px;left:0px;overflow:hidden;width:0;height:0;z-index:1000;}
#skiplinks a:active, #skiplinks a:focus 	{ position:absolute;overflow:visible;width:auto;height:auto;margin:auto;padding:3px;background-color:#E7FF44;text-decoration:none;}


/*---------------------------------------------------------------------------------
Copyright
-----------------------------------------------------------------------------------*/

#copyright									{ float:left; width:650px; padding-left:5px; padding-top:6px; font-size:0.7em; }
#copyright a								{ font-weight:normal; text-decoration:none; }
#copyright a:hover							{ color:#d71921; }