@import url(form.css);

.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; }
* { margin: 0px; padding: 0px; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:link, a:visited { color: #3a047d; }
a:hover, a:active { color: #bf7061; }
html,body { height: 100%; }
body { background-color: #F8F8F8; font-size: 0.7em; color: #000000; line-height: 1.6em; }
div.hr { padding-top: 2px; margin-bottom: 4px; border-bottom-style: solid; border-bottom-width: 1px; }
div.hr hr { display: none; }
h1 { font-size: 1.5em; font-weight: bold; margin-bottom: 0.7em; }
h2 { font-size: 1.2em; font-weight: normal; padding-top: 1em; margin-bottom: 0.7em; }
hr { display: none; }
img { border: 0px; }
input { vertical-align: middle; }
input.text, input.text-ghosted { padding: 2px; border: 1px solid #808080; }
input.text-ghosted { color: #808080; }
input.text { color: #000000; }
a.button, input.button { text-decoration: none; background-color: #4C687B; color: #FFFFFF; font-weight: bold; border: 0px; padding: 2px 4px; }
ol, ul { margin-left: 1.5em; padding-left: 1.5em; }
p, li { margin-bottom: 1em; }
select { vertical-align: middle; }

ul.specifications li { margin-bottom: 0.4em; }

#root { width: 835px; margin: 10px auto; border: 1px solid #969696; background-color: #FFFFFF; }
#credit { width: 835px; margin: 0px auto; padding-bottom: 10px; text-align: right; font-size: 0.9em; }
	#credit a { color; #404040; }

	#headerbanner { float: left; width: 543px; padding-left: 3px; }
	#headerlogo { float: right; width: 275px; text-align: right; padding-right: 5px; }

	#navigation { }
		#navigation ul { list-style-type: none; margin-left: 0px; padding: 0px 0px 0px 10px; }
			#navigation li { display: inline; margin: 0px; }
				#navigation a { display: block; float: left; text-decoration: none; padding: 4px 6px; color: #404040; border-top: 1px solid #969696; border-bottom: 1px solid #969696; }
					#navigation a span { padding-right: 8px; border-right: 1px solid #969696; }

	#main { padding: 30px; }
		#main h1, #main h2 { padding-bottom: 3px; border-bottom: 1px solid #cdd2cd; }

	#footerlogos { text-align: center; padding: 20px 0px; }
	#footertel { float: left; padding: 0px 0px 10px 10px; }
	#footerwww { float: right; padding: 20px 10px 10px 0px; }


.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }
.float-left { float: left; }
.float-right { float: right; }
.error { color: #ff0000; text-align: center; }

.enquire { text-align: center; margin: 10px 0px; }

#shop-categories { margin-top: 20px; text-align: center; }
	#shop-categories a:link,#shop-categories a:visited { border-bottom: 3px solid white; }
	#shop-categories a:hover,#shop-categories a:active { border-bottom: 3px solid white; }

.shop-browser-category { float: left; width: 150px; height: 220px; margin-right: 30px; margin-bottom: 30px; }

#shop-browser-products { padding-left: 20px; }
.shop-browser-product { float: left; width: 355px; min-height: 250px; height: auto !important; height: 250px; margin-right: 20px; margin-bottom: 20px; }
.shop-browser-product h3 a:link, .shop-browser-product h3 a:visited { text-decoration: none; color: #800000; font-weight: bold; text-transform: uppercase; }

.waystopay { color: #b51320; font-size: 1.1em; }
.specification { width: 370px; background-image: url(../images/specification.gif); background-repeat: no-repeat; background-position: top left; padding: 0px 0px 0px 40px; }

a#category-citroen:hover { border-bottom: 3px solid #AE0405; }
a#category-fiat:hover { border-bottom: 3px solid #04104C; }
a#category-ford:hover { border-bottom: 3px solid #25338B; }
a#category-mercedes-benz:hover { border-bottom: 3px solid #525252; }
a#category-peugeot:hover { border-bottom: 3px solid #183E85; }
a#category-renault:hover { border-bottom: 3px solid #EEA70D; }
a#category-vauxhall:hover { border-bottom: 3px solid #9E0C16; }
a#category-volkswagen:hover { border-bottom: 3px solid #487EC6; }
a#category-specialoffers:hover { border-bottom: 3px solid #000000; }
