@import url("/css/print.css");
@import url("/css/handheld.css");

/* Styles for everything */

img {
	vertical-align:middle;
}

a img {
	border:none;
}

ol li {
	margin-bottom:1.2em;
}

.buttons {
	padding:5px;
	color:#FFFFFF;
	background-color:#004881;
	text-align:center;
}

.buttons input {
	margin:0em 0.5em 0em 0.5em;
}

.buttons a:link, .buttons a:visited, .buttons a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.buy_plate, .buy_steps {
	margin-bottom:20px;
	text-align:center;
}

.error {
	padding:0.4em;
	color:#FF0000;
	background-color:yellow;
	font-size:120%;
	font-weight:bold;
	text-align:center;
}

.errornote {
	color:#FF0000;
	background-color:yellow;
}

.plate_sw {
	width:102px;
	height:21px;
	background-image:url(/images/plates/plate_small_white.png);
	text-align:center;
}

.plate_sy {
	width:102px;
	height:21px;
	background-image:url(/images/plates/plate_small_yellow.png);
	text-align:center;
}

.plate_sy img, .plate_sw img {
	vertical-align:top;
	margin:4px 0px 0px 1px;
}

.plate_lw {
	width:156px;
	height:32px;
	background-image:url(/images/plates/plate_large_white.png);
	text-align:center;
}

.plate_ly {
	width:156px;
	height:32px;
	background-image:url(/images/plates/plate_large_yellow.png);
	text-align:center;
}

.plate_ly img, .plate_lw img {
	vertical-align:top;
	margin:6px 0px 0px 2px;
}

.plate_ly a, .plate_lw a, .plate_sy a, .plate_sw a {
	display:block;
	width:100%;
	height:100%;
}

.column .plate_ly, .column .plate_lw {
	margin-bottom:4px;
}

form.order label {
	width:12em;
	padding-right:1em;
	float:left;
	clear:left;
	text-align:right;
}

form input, form select {
	font-size:100%;
	margin-bottom:1px;
}

form.order .graphic label {
	float:left;
	clear:none;
	width:103px;
	padding:0px;
	text-align:center;
}

form.order .graphic {
	padding:10px;
	color:inherit;
	background-color:#FFFFFF;
	border:solid 1px #808080;
}

form.order fieldset {
	padding:0px 10px 10px 10px;
	margin:2em 0em 2em 0em;
	background-color:#EEEEEE;
	border:solid 1px #880000;
}

form.order fieldset legend {
	padding:5px;
	margin-bottom:10px;
	color:#FFFFFF;
	background-color:#CC0000;
	border:solid 1px #808080;
	font-weight:bold;
}

form.order .textarea {
	width:14em;
}

form.order .textareamedium {
	width:6em;
}

form.order .textareasmall {
	width:3em;
}

form.order p {
	padding:0em 0em 1em 0em;
	margin:0em;
}

form.order .note {
	padding:0px 0px 0em 14.5em;
	margin:0em 0em 0em 0em;
	font-size:90%;
}

form.order .graphic .note {
	padding:0em;
}

form.order fieldset .amend {
	float:right;
	margin-top:-15px;
	cursor:pointer;
}

form.order hr {
	display:block;
	height:1px;
	color:#808080;
	background-color:#808080;
	border:0 none;
	overflow:hidden;
}

.video {
	text-align:center;
}

.center {
	text-align:center;
}

.cleaner {
	clear:both;
	font-size:0pt;
	height:1px;
	overflow:hidden;
}


/* Styles for screen */
@media screen {

	body {
		margin:0em;
		padding:0em;
		background-image:url(/images/body.jpg);
		background-repeat:repeat-x;
		font-family:verdana,arial,helvetica,sans-serif;
		font-size:100%;
		text-align:center;
	}

	a:link,a:visited {
		color:#000099;
		text-decoration:none;
	}

	a:hover {
		color:#CC0000;
		text-decoration:underline;
	}

	h1 {
		margin:10px 0px 0px 0px;
		padding:5px 14px 5px 14px;
		color:#FFFFFF;
		background-color:#0676CC;
		background-image:url(/images/h1.gif);
		font-family:arial,helvetica,sans-serif;
		font-size:140%;
		font-weight:bold;
		text-align:left;
	}

	h1.home {
		text-align:center;
	}

	.alternate h1 {
		background-image:url(/images/h1_wide.gif);
	}

	h2 {
		color:#CC0000;
		font-size:100%;
		font-weight:bold;
	}

	h3 {
		color:#000000;
		font-size:100%;
		font-weight:bold;
		margin-bottom:0em;
	}

	form {
		display:block;
		margin:0em;
		padding:0em;
	}

	input,textarea {
		font-family:sans-serif;
		font-size:100%;
	}

	h2.featured {
		padding:4px 10px 4px 10px;
		color:#FFFFFF;
		background-color:#0676CC;
		background-image:url(/images/h2.gif);
		background-repeat:no-repeat;
	}

	.hr {
		height:1px;
		background-image:url(/images/dots.gif);
		overflow:hidden;
	}

	.hr hr {
		display:none;
	}

	#container {
		width:919px;
		margin-top:46px;
		margin-left:auto;
		margin-right:auto;
		color:#000000;
		background-color:#EFEFEF;
		background-image:url(/images/shadow.gif);
		background-repeat:repeat-y;
		background-position:top;
		text-align:left;
	}

	#container.alternate {
		background-image:url(/images/shadow2.gif);
	}

	#header {
		position:relative;
		height:94px;
		padding:0em;
		padding:0px 6px 0px 6px;
		color:#FFFFFF;
		background-color:#004881;
		background-image:url(/images/header.gif);
	}

	#logo {
		display:none;
	}

	#car {
		position:absolute;
		top:-9px;
		right:16px;
		width:246px;
		height:103px;
		background-image:url(/images/car.jpg);
	}

	#body {
		padding:0px 8px 0px 8px;
		background-image:url(/images/shadow_top.gif);
		background-position:top;
		background-repeat:no-repeat;
	}

	#nav {
		width:100%;
		color:#000000;
		background-color:#FECE44;
		background-image:url(/images/navback.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		border-top:solid 1px #FFFF91;
		border-bottom:solid 1px #BD8D09;
		font-size:70%;
		font-weight:bold;
	}

	#nav ul {
		display:block;
		list-style-type:none;
		margin:0em;
		padding:0em;
	}

	#nav ul li {
		float:left;
	}

	#nav ul li a {
		position:relative;
		display:block;
		padding:8px 10px 8px 40px;
		background-image:url(/images/navdivide.gif);
		background-position:left top;
		background-repeat:no-repeat;
		color:#404040;
	}

	span.searchbox { 		/* Note, this can only be a <span> element for inline-block to work in IE */
		display:-moz-inline-stack; 	/* Mozilla uses this instead of inline-block */
		display:inline-block;
		width:193px;
		height:27px;
		overflow:hidden;
		background-image:url(/images/searchbox.gif);
		background-position:center;
		background-repeat:no-repeat;
		vertical-align:middle;
		margin-top:-1px;
	}

	span.searchbox input {
		width:189px;
		font-size:11px;
		border:0px solid;
		color:#000000;
		background-color:transparent;
		margin:0px;
		padding:6px 0px 0px 0px;
		text-align:center;
		font-family:verdana,arial,helvetica,sans-serif;
		font-weight:bold;
		outline:0 none; /* Remove blue highlight from Safari */
		overflow:visible; /* For IE5.5 */
	}

	span.searchbox label {
		display:none;
	}

	#column1 {
		margin-left:-713px;
		float:left;
	}

	#column2 {
		float:right;
	}

	.alternate #column1 {
		margin-left:-903px;
	}

	.column {
		width:190px;
		font-size:70%;
		padding:0em 0em 2em 0em;
	}

	.column h2 {
		position:relative;
		margin:11px 8px 0px 6px;
		padding:4px 10px 4px 10px;
		color:#FFFFFF;
		/* background-color:#0676CC; */
		background-image:url(/images/tab.gif);
		background-repeat:no-repeat;
	}

	.column h2 .price1, .column h2 .price2, .column h2 .price3 {
		display:block;
		position:absolute;
		right:-8px;
		top:-10px;
		width:49px;
		height:49px;
		line-height:200px;
		overflow:hidden;
	}

	.column h2 .price1 {
		background-image:url(/images/price_makeaplate.gif);
	}

	.column h2 .price2 {
		background-image:url(/images/price_newstyle.gif);
	}

	.column h2 .price3 {
		background-image:url(/images/price_cheap.gif);
	}

	.column ul {
		list-style-type:none;
		margin:0px 8px 0px 6px;
		padding:0em;
		color:#000000;
		background-color:#FFFFFF;
		font-family:arial,helvetica,sans-serif;
		font-weight:bold;
	}

	.column ul li {
		background-image:url(/images/dots.gif);
		background-position:bottom left;
		background-repeat:repeat-x;
	}

	.column ul li a:link, .column ul li a:hover, .column ul li a:visited {
		height:1%; /* IE bug fix */
		display:block;
		padding:6px 5px 6px 10px;
		color:#606060;
		background-image:url(/images/bullet.gif);
		background-position:left;
		background-repeat:no-repeat;
	}

	.column ul li.prominent a:link, .column ul li.prominent a:hover, .column ul li.prominent a:visited,

	.column ul li a:hover {
		color:#CC0000;
	}

	.column .inner {
		margin:0px 8px 24px 6px;
		padding:10px;
		background-color:#FFFFFF;
		background-image:url(/images/column_innerback.gif);
		background-position:bottom;
		border-top:solid 3px #FFFFFF;
	}

	.column .inner p {
		width:150px;
		margin:0px 0px 5px 0px;
		padding:0em;
		line-height:110%;
	}

	.column fieldset {
		float:left;
		width:50px;
		padding:1px 0px 28px 0px;
		background-position:bottom;
		background-repeat:no-repeat;
		border:0 solid;
		text-align:center;
	}

	.column fieldset.selectletter {
		background-image:url(/images/selectaletter.gif);
		margin-left:0px;
		margin-right:1px;
	}

	.column fieldset.select2letters {
		background-image:url(/images/select2letters.gif);
		margin-left:0px;
		margin-right:1px;
	}

	.column fieldset.selectnumber {
		background-image:url(/images/selectanumber.gif);
		margin-left:1px;
		margin-right:1px;
	}

	.column fieldset.enterletters {
		width:48px;
		background-image:url(/images/enter3letters.gif);
		margin-left:1px;
		margin-right:0px;
	}

	.column fieldset legend, .column fieldset label {
		display:none;
	}

	.column select {
		margin:0px;
		font-size:11px;
		text-transform:uppercase;
		/* border:solid 1px #7F9DB9; */
	}

	.column input.textarea {
		width:40px;
		margin:0px;
		padding-left:0px;
		padding-right:0px;
		border:solid 1px #7F9DB9;
		font-size:11px;
		text-transform:uppercase;
	}

	.column .searchbutton {
		position:relative;
		left:86px;
		margin:5px 0px 0px 0px;
	}

	#mainbody {
		display:inline; /* IE double margin bug fix */
		overflow:visible; /* This is the default anyway, but specifying it cures the italic text bug in IE */
		margin-left:199px;
		margin-right:12px;
		width:502px;
		float:left;
		font-size:70%;
	}

	.alternate #mainbody {
		width:695px;
		margin-right:9px;
	}

	#mainbody .inner {
		min-height:750px;
		padding:14px;
		margin:0px 0px 10px 0px;
		color:#000000;
		background-color:#FFFFFF;
		border-left:solid 1px #338FD6;
		border-right:solid 1px #338FD6;
		border-bottom:solid 1px #338FD6;
	}

	.first { /* Damn IE for no supporting proper child selectors */
		margin-top:0em;
	}

	#footer {
		padding:53px 0px 20px 0px;
		color:#808080;
		background-color:#FFFFFF;
		background-image:url(/images/footer.gif);
		background-repeat:no-repeat;
		font-size:65%;
		text-align:center;
	}

	#footer ul {
		list-style-type:none;
		margin:0em 0em 1.5em 0em;
		padding:0em;
	}

	#footer ul li {
		height:1%;
		display:inline;
		margin:0em 1em 0em 1em;
	}

	#search {
		margin:11px 0px 0px 0px;
		text-align:center;
		background-color:#004881;
		background-image:url(/images/searchback_top.gif);
		background-position:top;
		background-repeat:no-repeat;
	}

	#search form {
		padding:8px;
		background-image:url(/images/searchback_bottom.gif);
		background-position:bottom;
		background-repeat:no-repeat;
	}

	#search .searchbutton {
		margin-left:5px;
		vertical-align:middle;
		color:#FFFFFF; /* In case the user disables images */
	}

	#search select {
		margin-top:5px;
		font-size:100%;
		font-family:verdana,arial,helvetica,sans-serif;
	}

	#search legend {
		display:none;
	}

	#search fieldset {
		margin:0em;
		padding:0em;
		border:0 solid;

	}

	#search input[type=checkbox] {
		vertical-align:bottom;
	}

	#search label {
		margin-top:5px;
		color:#FFFFFF;
	}

	#search p {
		margin:0px 0px 5px 0px;
		padding:0em;
		color:#FFFFFF;
	}

	.alternate #search {
		background-image:url(/images/searchback_top_wide.gif);
	}

	.alternate #search form {
		background-image:url(/images/searchback_bottom_wide.gif);
	}

	.featuredsearch {
		position:relative;
		width:472px;
		padding:0px 0px 76px 0px;
		color:#FFFFFF;
		background-color:#004881;
		background-image:url(/images/search_bottom.gif);
		background-position:bottom;
		background-repeat:no-repeat;
	}

	.featuredsearch ul {
		list-style-type:none;
		margin:0em;
		padding:0em;
	}

	.featuredsearch ul li {
		float:left;
		width:236px;
		padding:10px 0px 10px 0px;
		text-align:center;
		font-weight:bold;
	}

	.featuredsearch ul li.standard {
		text-indent:40px;
		background-image:url(/images/tab_search1.gif);
	}

	.featuredsearch ul li.advanced {
		background-color:#FECE44;
		background-image:url(/images/tab_search2.gif);
	}

	.featuredsearch ul li.standard a {
		color:#FFFFFF
	}

	.featuredsearch ul li.advanced a {
		color:#404040;
	}

	.featuredsearch ul:after {
		content:".";
		display:block;
		height:0;
		overflow:hidden;
		clear:both;
		visibility:hidden;
	}

	.featuredsearch h2 {
		margin:0em;
		padding:26px 10px 13px 10px;
		color:#FFFFFF;
		background-image:url(/images/search_top.gif);
		font-size:100%;
		font-weight:bold;
		text-align:center;
	}

	.featuredsearch .price {
		display:block;
		position:absolute;
		top:-19px;
		left:-11px;
		width:77px;
		height:77px;
		line-height:200px;
		overflow:hidden;
		background-image:url(/images/mainprice.gif);
	}

	.featuredsearch .searchbox {
		margin-left:99px;
	}

	.featuredsearch .searchbutton {
		margin-left:20px;
		vertical-align:middle;
		color:#FFFFFF; /* In case the user disables images */
	}

	.yellowplate, .whiteplate {
		padding:5px 0px 7px 8px;
		height:19px;
		text-align:center;
		background-image:url(/images/plate_small_white.gif);
	}

	.yellowplate {
		background-image:url(/images/plate_small_yellow.gif);
	}

	#mediapartners {
		text-align:center;
		margin-top:-5px;
	}

	.highlight {
		color:#FFFFFF;
		background-color:#DD0000;
	}

	.noscreen {
		display:none;
	}

	dt {
		padding:1em 0em 0em 0em;
		margin:0em 0em 1em 0em;
		background-image:url(/images/dots.gif);
		background-position:top left;
		background-repeat:repeat-x;
	}

	dt a {
		display:block;
		padding-left:16px;
		background-image:url(/images/icons/bullet_add.gif);
		background-position:left;
		background-repeat:no-repeat;
	}

	ul.gallery {
		list-style-type:none;
		margin:0em;
		padding:0em;
		width:100%;
	}

	ul.gallery li {
		float:left;
		width:164px;
		padding:1em 0em 1em 0em;
		background-image:url(/images/dots.gif);
		background-position:top;
		background-repeat:repeat-x;
		text-align:center;
	}

	ul.gallery li div, ul.gallery li img {
		margin-bottom:5px;
	}

	ul.gallery li div img {
		margin-bottom:0px;
	}

	table.order {
		margin:2em 0em 2em 0em;
		width:100%;
		font-size:100%;
		border-collapse:collapse;
		border:Solid 1px #880000;
	}

	table.order th {
		width:33%;
		padding:5px;
		color:#FFFFFF;
		background-color:#CC0000;
		border:solid 1px #880000;
	}

	table.order td {
		padding:5px;
		color:#000000;
		background-color:#FFFFFF;
	}

	table.order tr.row2 td {
		color:#000000;
		background-color:#EFEFEF;
	}

	table.order td.highlight {
		color:#000000;
		background-color:yellow;
	}

	form.subsearch fieldset {
		margin:0em;
		padding:0em;
		border:0 solid;

	}

	form.subsearch legend {
		display:none;
	}

	form.subsearch label {
		display:none;
	}

	form.subsearch select {
		margin-bottom:2px;
	}

	.notes {
		height:100px;
		padding:10px;
		overflow:auto;
		border:inset 2px #FFFFFF;
	}

	.notes ul li {
		margin-bottom:1em;
	}

	.closed {
		display:none;
	}

	.open {
		display:block;
	}

	.date {
		font-style:italic;
		font-weight:bold;
	}

	.cmsimg {
		float:right;
		margin:1.5em 0em 1.5em 1.5em;
	}

	.ad {
		text-align:center;
		font-weight:normal;
	}

	.photo {
		width:472px;
		height:127px;
	}

	.photo1 {
		background-image:url(/images/photos/audi.jpg);
	}

	.photo2 {
		background-image:url(/images/photos/mini.jpg);
	}

	.photo3 {
		background-image:url(/images/photos/ford.jpg);
	}

	.photo4 {
		background-image:url(/images/photos/smart.jpg);
	}

	.photo5 {
		background-image:url(/images/photos/jaguar.jpg);
	}

	.photo6 {
		background-image:url(/images/photos/bentley.jpg);
	}

	.photo7 {
		background-image:url(/images/photos/corsa.jpg);
	}

	.photo8 {
		background-image:url(/images/photos/astra.jpg);
	}

	table.search {
		font-size:100%;
		width:472px;
		background-image:url(/images/dots.gif);
		background-position:bottom left;
		background-repeat:repeat-x;
	}

	table.search td {
		padding:4px 0px 4px 0px;
	}

	table.search tr {
		background-image:url(/images/dots.gif);
		background-position:top left;
		background-repeat:repeat-x;
	}

	table.search a {
		display:block;
		padding:2px 0px 2px 20px;
	}

	table.search .plt {
		width:122px;
	}

	table.search .price {
		width:70px;
		font-weight:bold;
	}

	table.search .guide_price {
		width:140px;
		font-weight:bold;
	}

	table.search .buy a {
		background-image:url(/images/icons/buy.gif);
		background-position:left;
		background-repeat:no-repeat;
	}

	table.search .buy_disabled span {
		display:block;
		padding:2px 0px 2px 20px;
		color:#D0D0D0;
		background-image:url(/images/icons/buy_disabled.gif);
		background-position:left;
		background-repeat:no-repeat;
	}

	table.search .enq a {
		background-image:url(/images/icons/enq.gif);
		background-position:left;
		background-repeat:no-repeat;
	}

	table.search .friend a {
		background-image:url(/images/icons/friend.gif);
		background-position:left;
		background-repeat:no-repeat;
	}

	.featured_price {
		color:#CC0000;
		font-weight:bold;
	}

	#opening_times {
		margin:0em;
		padding:0em;
		text-align:center;
	}

	#externalpayment {
		text-align:right;
	}

	#externalpayment form,
	#externalpayment div {
		display:inline;
	}

	#externalpayment input {
		vertical-align:top;
	}

	#news {
		border-top:solid 1px #808080;
		border-bottom:solid 1px #808080;

	}

	#news a:link, #news a:visited {
		color:#000099;
		text-decoration:none;
	}

	#news a:hover {
		color:#CC0000;
		text-decoration:underline;
	}

	#news ul {
		margin:0em;
		padding:0em;
		background:none;
	}

	#news li {
		margin:0em 0em 1em 0em;
		padding:0em;
		background:none;
	}

	#news li a {
		margin:0em;
		padding:0em;
		background:none;
	}

	/* the news box when JavaScript is available */
	#news.hasJS {
		height:120px;
		overflow:hidden;
		position:relative;
	}

	/* The nested UL when JavaScript is available */
	#news.hasJS ul {
		position:absolute;
		top:120px;
		left:0;
		margin:0em;
		padding:0em;
	}
}