* {
	margin: 0;
	padding: 0;
}
a {
	color: #000000;
}
a:hover {
	color: #000000;
}
body {
	background: #EEE url(/images/siteart/bg.gif);
	color: #444;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0;
}
input {
	color: #555;
	
}
p,ul {font-size: 1.2em; padding-bottom: 1.2em; margin-top: 10px}

h1 {
	font-size: 1.8em;
	margin-bottom: 4px;	
	color: #000000;	 
	padding-top: 6px;
}	   

h2 {
	font-size: 1.6em;
	color: #000000;
	padding-top: 6px;	  
	margin-bottom: 4px;	
}

h3 {
	font-size: 1.4em;
	color: #000000;
	padding-top: 6px;
	margin-bottom: 8px;	
}
   
hr {height:1px}

img {border:none;}

.clearer {
	clear: both;
}

.makeModelTable {font-size: 1.4em;}

.makeModelTable tr th {}

/*containers*/
.container {
	background: url(/images/siteart/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	padding-bottom: 6px;
	width: 1015px;
}
.header {

	height: 350px; 
	margin-bottom: 8px;
	border: 1px solid #E5E5E5;
}

/* title */
.title {margin: 8px; background: url(/images/siteart/banner_eclipse.jpg); font: normal 3em Verdana,sans-serif; text-align: center; height: 280px}  

/* top nav bar */
.topLeftNav {float: left; margin-left: 8px; margin-top: 10px; font-size: 1.4em; background: url(/images/siteart/bgnav.jpg); height: 22px; border-right: 1px solid #DCDCDC; border-left: 1px solid #DCDCDC; padding-left: 5px; padding-right: 5px; padding-top: 3px;}	  
.topLeftNav a {text-decoration: none; margin-right: 15px; margin-left: 15px; color: white} 

.topRightSearch {float: right; margin-right: 8px}	
	
.topRightSearch span{padding-right:5px; margin: 0px}

.topRightSearch span input{margin: 0px; padding: 0px; vertical-align:middle}

.topRightSearch span{padding-right:5px; margin: 0px}

.topRightSearch span input.searchText {border:1px solid #ddd; height:17px; padding:4px }
	
	 
.help {text-align: right; padding: 0px 10px 0px 0px; font-size: 1.0em;}
.help a {text-decoration: none; color: white} 

/* navigation */
.navigation {
	margin-bottom: 4px;
}
.navigation a {
	background-color: #000000;
	color: #FFF;
	float: left;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	padding: 8px 0;
	width: 19%;
	border-right: 1px solid #FFF;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background-color: #000;
	color: #FFF;
}
	  
table.formtable {border-width: 1px; border-spacing: ; border-style: none; border-color: transparent; border-collapse: collapse}
table.formtable th {border-width: 1px; padding: 2px; border-style: none; border-color: transparent; background-color: white}
table.formtable td {border-width: 1px; padding: 5px; border-style: none; border-color: transparent; background-color: white}	


/* main */
.main {
	clear: both;
	padding: 8px 18px;
}

/* main left */	 
.sidenavcontainer{
	float: left;
}		

.sidenavimage{margin-top:15px;}

.sidenavimagetop {margin-bottom:12px;}

.sidenav h1,.sidenav h2,.sidenav ul {
	padding-left: 12px;
}
.sidenav {
	background: #EEE;
	border: 1px solid #E5E5E5;
	width: 200px;
}		


.sidenav h1 a{
	color: #000000;
	height: 20px;
	text-decoration: none;
}

.sidenav h1{
	color: #000000;
	font-size: 1.2em;
	height: 20px;
	text-decoration: none;
}

.sidenav h2 a{
	color: #000;
	font-size: 0.7em;
    text-decoration: none;
	font-weight:normal;
}

.sidenav h2 a:hover{
    text-decoration: underline;
}

.sidenav ul {border-top: 1px solid #E5E5E5; margin: 0; padding: 0; background-color: white}
.sidenav li {
	border: 1px solid #E5E5E5;
	border-top: none;
	list-style: none;
	margin: 0;
}
.sidenav li a {
	color: #555;
	display: block;
	font-size: 0.8em;
	padding: 3px 6px 3px 14px;
	text-decoration: none;
}
.sidenav li a:hover {
	color: #111;
}

/* content */
.content {
	float: right;
	width: 768px;
}
.content .item {padding: 6px 12px; border: 1px solid #EEE; margin-bottom: 8px; background-color: white; zoom: 100%; /* peekaboo bug fix for IE6 */ min-width: 0; /* peekaboo bug fix for IE7 */}
.content .descr {
	color: #333;
	margin-bottom: 6px;
}
.content li {
	margin-left: 18px;
}

/* search form */
form {
	padding: 0 0 6px 8px;
}
.styled {
	border: 1px solid #DDD;
	padding: 4px;
}
.button {
	background: url(/images/siteart/search.gif) no-repeat left bottom;
	border: none;
	height: 27px;
	width: 27px;
}

/* footer */
.footer {
	background: #FFF;
	border: 1px solid #EEE;
	color: #666;
	font-size: 1.1em;
	margin: 0 auto;
	text-align: center;
	padding: 6px;
	width: 965px;
}
.footer a {
	color: #36C;
	text-decoration: none;
}
.footer a:hover {
	color: #06F;
	text-decoration: underline;
}	  					 

table.searchForm {border-width: 1px; border-spacing: ; border-style: none; border-color: transparent; border-collapse: collapse}
table.searchForm th {border-width: 1px; padding: 2px; border-style: none; border-color: transparent; background-color: white}
table.searchForm td {border-width: 1px; padding: 5px; border-style: none; border-color: transparent; background-color: white}	

.brakedisc {
border:none;
} 

.brakedisc td {
border:none;
} 



table {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
}
table th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: gray;
	background-color: white;
}
table td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: gray;
	background-color: white;
}

 
table.formtable {border-width: 1px; border-spacing: ; border-style: none; border-color: transparent; border-collapse: collapse}
table.formtable th {border-width: 1px; padding: 2px; border-style: none; border-color: transparent; background-color: white}
table.formtable td {border-width: 1px; padding: 5px; border-style: none; border-color: transparent; background-color: white}	
 	 

 
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
line-height:18px;
z-index:100;
background-color: white;
width: 150px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; 
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
} 

/* product page */
.image {background-color: #EEEEEE; border: 1px solid #E5E5E5; width: 262px; float: left; margin: 5px}
.image img {border: 1px solid #E5E5E5; margin: 5px}

.price {float: right; width: 340px; margin: 5px; font: 10px sans-serif; text-align: right} 
.pricesub {margin-bottom: 5px} 
.pricesub span {font: 18px sans-serif; color: #C80000}	 

.pricelist {font: 1.4em sans-serif; margin-bottom: 8px} 
.pricelistsub {margin-bottom: 5px} 
.pricelistsub span {font: 16px sans-serif; color: #C80000}	 

input.quantity{border: 1px solid #4E4E4E; height: 20px; margin-right: 5px; font: 14px sans-serif; width: 20px}
input.buy{font: 14px sans-serif; background-color: #89B87B; border: 1px solid #699E5A; color: white; font-weight: bold; height:22px;} 
select.dropdown{border: 1px solid #4E4E4E; margin-bottom:8px; margin-top:8px;}  

.delivery{margin-top: 10px; font: 12px sans-serif;}
.stock{padding: 5px; text-align: center; font: 14px sans-serif; background-color: #89B87B; border: 1px solid #699E5A; color: white; font-weight: bold; float: right; margin-top: 10px;}

.spare {padding: 2px; text-align: center; font: 10px sans-serif; background-color: #FF4D27; border: 1px solid red; color: white; font-weight: bold; float: right; margin-top: 10px; width: 80px}
.spare a {color: white; text-decoration: none}
.spare a:hover {color: white; text-decoration: underline}   
   
.moreinfo {padding: 2px; text-align: center; font: 10px sans-serif; background-color: #FF4D27; border: 1px solid red; color: white; font-weight: bold; margin-top: 10px; width: 80px}
.moreinfo a {color: white; text-decoration: none}    
.moreinfo a:hover {color: white; text-decoration: underline}  
   
.spareInfo{font: 10px sans-serif;}

.rrp {color: red; line-height: normal; font: 12px sans-serif; color: #C80000; font-weight: bold; margin-top: 10px;}
.make {width: 100px; text-align: center; margin-top: 20px; float: right}
.make img {width: 100px}
		   							 
		   
.path {margin-bottom: 8px; color: #AAAAAA} 
.path a{color: #AAAAAA} 

.reviewleft{float: left; margin-right: 15px; margin-bottom: 10px; width: 150px}
.reviewright{float: left; font-size: 1.2em;}	 
.reviewreply {margin-top: 15px; color: black}	   

.related{float: left; width: 110px; border: 1px solid #EEEEEE; text-align: center; padding: 5px; margin: 10px}
.related a img {border: none}	 

.multiImage{float: left; margin-bottom: 15px; padding-right: 15px;} 
.multiImage div{border: 1px solid #E5E5E5; padding: 5px; background: #EEEEEE;} 
.multiImage div a img {border: 1px solid #E5E5E5; width: 250px; text-align: center;  background: white}

.multiCentral {float: left; width: 320px;}	 
.multiHeading {height: 125px}  
.multiTitle {font: bold 1.0em sans-serif; text-decoration: none}
.multiTitle a{font: bold 1.0em sans-serif; text-decoration: none}
.multiPrice {float: right; width: 120px;}
		
.multistock {font-weight: bold; color: #C80000; margin-top: 10px}		
				   
span.searchShade{BACKGROUND-COLOR: #DBDBDB}		

.searchbox{text-align: center}			   

.order {margin-bottom: 15px}						   

#gallery {border: 1px solid #A5A5A5; width: 720px; position: absolute; margin-top: -100px; left: 50%; top: 50%; margin-left: -360px; z-index: 999; background-color: white; height:550px}
.galleryHeading{text-align: center; font-weight: bold}
.galleryImage {text-align: center; height: 400px; margin: 5px; vertical-align: middle}				
.viewGallery{text-align: center}			   
.viewGallery a {font: bold 1.4em sans-serif; text-decoration: none; font-weight: bold}	
.center{text-align: center}   		   

/* ######### Style for Category page ######### */

.categoryOuter{float: left; border: 1px solid #E5E5E5; padding: 5px; background: #EEEEEE; margin: 10px;}
.categoryInner{border: 1px solid #E5E5E5; width: 175px; text-align: center;  background: white;}
.categoryInnerImage{height: 100px; padding-top: 15px; padding-bottom:10px;}	
.categoryInnerTitle{font: bold 1.6em sans-serif; margin-bottom: 5px}
.categoryInnerDesc{height: 35px}	  

/* ######### Style for front page ######### */   

.newsImage{float: left; margin-bottom: 20px}
.newsImage img{border: 1px solid #999999}
.newsPost{float: right; padding-left: 20px; width: 600px}
.newsPostTitle{color: black; font: normal 1.6em sans-serif;} 

.frontPageBanner{text-align: center}
.itemCenter {text-align: center; padding: 6px 12px; border: 1px solid #EEE; margin-bottom: 8px; background-color: white; zoom: 100%; /* peekaboo bug fix for IE6 */ min-width: 0; /* peekaboo bug fix for IE7 */}

.frontPageNav{width: 700px; text-align: center}		
.frontPageNavItem{width: 150px; float: left; margin: 10px; border: 1px solid #EEEEEE; background-color: white}
.frontPageNavItemT{text-align: left; padding: 5px}
.frontPageNavItemB{text-align: right; padding: 5px}