html, body {
	margin: 0px;
	padding: 0px;
	background: #fff;
}

#container {
	position: relative;
	padding: 0px 20px 0px 20px;
}

body.on, html.on { overflow: hidden; }
body.on #container { padding: 0px 37px 0px 20px; }
div.off { display: none; }
div.on { display: block; }

html, body, select, input, textarea {
	font-family: "arial", tahoma, verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #222;
}

a { color: #0066ff; text-decoration: none; }
a:hover { color: #0066cc; text-decoration: underline; }
a img { border: none; }

p {
	padding: 6px;
	margin: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

p.bad, p.good, p.notice {
	padding: 5px 10px;
	margin: 0px;
	float: left;
	clear: both;
}
p.bad { border: 1px solid #cc0000; background: #ffdfdf; }
p.good { border: 1px solid #00cc00; background: #e9f9d7; }
p.notice { border: 1px solid #cccc00; background: #fef9c2; }

div.header {
	position: relative;
	height: 350px;
	background: url(../img/header.gif) repeat-x;
}

div.header div#logo {
	position: absolute;
	width: 310px;
	height: 60px;
	left: 0px;
	top: 0px;
	background: url(../img/headerlogo.gif) no-repeat;
}

div.header div#logo a {
	display: block;
	width: 310px;
	height: 60px;
}

div.header div#title {
	position: absolute;
	left: 20px;
	top: 78px;
}

div.header div#title h1 {
	margin: 0px;
	padding: 0px;
	font-size: 31px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #ddd;
	width: 370px;
	float: left;
}

div.header div#title strong {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	color: #96e164;
	width: 600px;
	float: left;
}


div.header div#tytext {
	color: #b2b2b2;
	position: absolute;
	right: 105px;
	top: 20px;
}

div.header div#tytext span {
	color: #fff;
}


div.header div#tybutton {
	position: absolute;
	right: 20px;
	top: 18px;
}

div.header div#tybutton input.submit2 {
	margin: 0px;
	border: none;
	padding: 0px;
	cursor: pointer;
	height: 21px;
	width: 77px;
	background: url(../img/thanks.gif) no-repeat !important;
}

div.header div#pleamessage {
	position: absolute;
	width: 310px;
	height: 202px;
	left: 20px;
	top: 110px;
	background: url(../img/pleamessage.gif) no-repeat
}

div.header div#pleamessage div {
	height: 26px;
}

div.header div#pleamessage p {
	color: #eee;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 290px;
}

div.header div#pleamessage p span {
	color: #96e164;
}

div.header div#breadcrumb {
	position: absolute;
	left: 20px;
	top: 314px;
}

div#feedback {
	float: left;
	padding: 3px 0px 0px 100px;
}

div.header div#trailnav {
	float: left;
}
div.header div#trailleft {
	float: left;
	width: 20px;
	height: 42px;
	background: url(../img/trailleft.gif) no-repeat;
}
div.header div#trailcenter {
	float: left;
	height: 42px;
	background: #fff;
}

div.header div#trailcenter h1 {
	font-size: 31px;
	font-weight: normal;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	letter-spacing: -1px;
	color: #124ec2;
}

div.header div#trailright {
	float: left;
	width: 20px;
	height: 42px;
	background: url(../img/trailright.gif) no-repeat;
}

div.header div#addwheel {
	position: absolute;
	left: 330px;
	top: 110px;
	padding-top: 47px;
	background: url(../img/helpdonate.gif) no-repeat;
}

div.header div#addwheel table,
div.header div#addwheel table td {
	margin: 0px;
	padding: 0px;
	border: none;
	position: relative;
}

div.header div#addwheel td div.awbg {
	height: 155px;
}

div.header div#addwheel .awcolumn1 div.awbg {
	width: 27px;
	background: url(../img/adddivide1.gif) no-repeat;
}

div.header div#addwheel .awcolumn2 div.awbg,
div.header div#addwheel .awcolumn4 div.awbg {
	background: url(../img/adddividebg.gif) repeat-x;
}

div.header div#addwheel .awcolumn3 div.awbg {
	width: 20px;
	background: url(../img/adddivide2.gif) no-repeat;
}

div.header div#addwheel .awcolumn5 div.awbg {
	width: 105px;
	background: url(../img/adddivide3.gif) no-repeat;
}

div.header div#addwheel div.awbg div {
	padding: 5px 5px 0px 5px;
}


div.header div#addwheel table input.input {
	margin: 0px;
	padding: 2px 1px;
	border: 1px solid #a5acb2;
	background: #fff !important;
	color: #000 !important;
	width: 200px;
}

div.header div#addwheel table input.submit {
	margin: 0px;
	border: none;
	padding: 0px;
	cursor: pointer;
	height: 25px;
	width: 104px;
	background: url(../img/addcar.gif) no-repeat !important;
}

div.header div#addwheel table select.select {
	margin: 0px;
	padding: 1px;
	border: 1px solid #a5acb2;
	background: #fff !important;
	color: #000 !important;
}

div#column1 {
	width: 100%;
	height: 60px;
	margin: 20px 0px 0px 0px;
	border: none;
	border-right: 1px solid #c2cede;
	background: url(../img/column1.gif) repeat-x;
}

div#column2 {
	width: 100%;
	padding: 20px 0px 0px 0px;
}

div.footer {
	width: 100%;
	height: 80px;
	display: block;
	clear: both;
	background: url(../img/footer.gif) repeat-x;
	position: relative;
}

ul#wheels {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

ul#wheels li {
	margin: 4px 4px 0px 0px;
	padding: 0px;
	float: left;
	width: 220px;
	height: 220px;
	background: url(../img/thumb_bg.gif) no-repeat;
	display: block;
	position: relative;
	z-index: 0;
}

ul#wheels li#noresults {
	padding: 0px;
	margin: 0px;
	border: 1px solid #cc0000;
	background: #ffdfdf;
	width: 295px;
	line-height: 26px;
	height: 26px;
	text-indent: 10px;
}

ul#wheels li div.wheelthumb {
	width: 200px;
	height: 150px;
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1;
}

ul#wheels li div.wheelpicture {
	width: 200px;
	height: 150px;
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 3;
}

ul#wheels li div.wheelpicture a {
	width: 200px;
	height: 150px;
	display: block;
	background: url(../img/zoom.png) right top no-repeat;
}

ul#wheels li div.wheelname {
	width: 200px;
	display: block;
	position: absolute;
	left: 10px;
	top: 170px;
	z-index: 1;
}

ul#wheels li div.wheelname span {
	font-size: 11px;
}

div#ayzine {
	width: 430px;
}

form.ayzinelink input {
	color: #0066ff; !important;
	margin: 0px;
	padding: 0px;
	border: none;
	border-bottom: 1px solid #0066ff; !important;
	text-indent: 0px;
	background: #fff !important;
	cursor: pointer;
}

#wrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background: url(../img/shade_black.png);
	z-index: 97;
}

#wrapper a#closelink {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	display: block;
	cursor: pointer;
	z-index: 98;
}

#wrapper table#wrapcontent {
	width: 100%;
	height: 100%;
}
#wrapper table#wrapcontent td.wraptd {
	width: 33%;
	position: relative;
}

#wrapper table#wrapcontent,
#wrapper table#wrapcontent td.wraptd {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: none;
}

#wrapper table#wrapcontent td div.style1,
#wrapper table#wrapcontent td div.style2 {
	position: relative;
	background: #fff;
	border: 1px solid #111;
	border-bottom: 2px solid #111;
	padding: 9px;
	float: left;
	z-index: 99;
}
#wrapper table#wrapcontent td div.style2 { line-height: 0px;}

#wrapper table#wrapcontent td div.style2 div#bigimage {
	width: 800px;
	text-align: center;
	background: #444;
}

.style1 td,
.style2 td {
	padding: 5px;
}

#wrapper table#wrapcontent td div a#closeicon {
	position: absolute;
	right: -21px;
	top: -1px;
	height: 27px;
	width: 21px;
	display: block;
	cursor: pointer;
	background: url(../img/close.gif);
	z-index: 99;
}

#wrapper div#infobar {
	position: absolute;
	left: 9px;
	top: 9px;
	height: 30px;
	width: 800px;
	background: url(../img/bar.png);
	z-index: 100;
}


#wrapper div#infobar div.wheelsearch {
	width: 200px;
	height: 24px;
	display: block;
	position: absolute;
	left: 10px;
	top: 6px;
	z-index: 100;
	background: url(../img/wheelsearch.png) no-repeat; 
}
#wrapper div#infobar div.wheelsearch form.googleus {
	position: absolute;
	left: 43px;
}
#wrapper div#infobar div.wheelsearch form.googleuk {
	position: absolute;
	left: 70px;
}
#wrapper div#infobar div.wheelsearch input {
	border: none !important;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	overflow: visible;
	width: 26px;
	height: 19px;
}
#wrapper div#infobar div.wheelsearch input.us { background: url(../img/submit_flagus.png) repeat-x !important; }
#wrapper div#infobar div.wheelsearch input.uk { background: url(../img/submit_flaguk.png) repeat-x !important; }

#wrapper div#infobar div.wheelsearch a {
	display: block;
	position: absolute;
	width: 26px;
	height: 19px;
}

#wrapper div#infobar div.wheelsearch a.ebayus {
	background: url(../img/submit_flagus.png) repeat-x !important;
	left: 147px;
	top: 0px;
}
#wrapper div#infobar div.wheelsearch a.ebayuk {
	background: url(../img/submit_flaguk.png) repeat-x !important;
	left: 174px;
	top: 0px;
}

#wrapper div#infobar div.wheellinks {
	width: 450px;
	height: 24px;
	display: block;
	position: absolute;
	left: 230px;
	top: 6px;
	z-index: 100;
	background: url(../img/wheellinks.png) no-repeat; 
}

#wrapper div#infobar div.wheellinks input.pagelinkinput {
	width: 178px;
	border: 1px solid #4b85c5 !important;
	background: #fff !important;
	font-size: 11px !important;
	color: #74a7da !important;
	position: absolute;
	left: 19px;
	top: 0px;
}

#wrapper div#infobar div.wheellinks input.piclinkinput {
	width: 178px;
	border: 1px solid #9d7339 !important;
	background: #fff !important;
	font-size: 11px !important;
	color: #b1965c !important;
	position: absolute;
	left: 230px;
	top: 0px;
}

div#imageguide {
	padding-top: 5px;
}

ul#mainnav {
	padding: 0px;
	margin: 0px;
	list-style: none;
	width: 488px;
	display: block;
	height: 60px;
	background: url(../img/menuarrow.gif);
	float: left;
}

ul#mainnav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#mainnav a, #mainnav div {
	display: block;
	text-decoration: none;
	position: relative;
	width: 121px;
	height: 26px;
	line-height: 26px;
	text-indent: 10px;
}

#mainnav a.navouter {
	height: 33px;
	line-height: 32px;
	background: url(../img/navouter1.gif) repeat-x;
	color: #fff;
	font-weight: bold;
}

#mainnav div.navouter {
	height: 33px;
	line-height: 32px;
	background: url(../img/navouter2.gif) repeat-x;
	color: #aaa;
	font-weight: bold;
}


#mainnav  li ul li a, #mainnav li ul li div {
	width: 182px;
}

#mainnav li {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#mainnav li.navouter {
	margin: 0px 1px 0px 0px;
}

#mainnav li ul {
	position: absolute;
	padding: 0px;
	display: none;
	z-index: 99;
}

#mainnav li:hover ul, #mainnav li.sfhover ul {
	display: block;
}

#mainnav li ul li.inactive div {
	background: #444;
	border-top: 1px solid #555;
	border-bottom: 1px solid #333;
	color: #666;
}

#mainnav li ul li.selected div {
	background: #2d3e2d url(../img/tick_green.png) 160px 8px no-repeat;
	border-top: 1px solid #2d3e2d;
	border-bottom: 1px solid #112211;
	color: #fff;
	font-weight: bold;
}

#mainnav li ul li.available a {
	background: #333;
	border-top: 1px solid #444;
	border-bottom: 1px solid #111;
	color: #ccc;
}

#mainnav li ul li.available a:hover {
	background: #444;
	border-top: 1px solid #555;
	border-bottom: 1px solid #222;
	color: #b1deff;
	text-decoration: none;
}

#mainnav li ul li.sole div {
	background: #444 url(../img/tick_grey.png) 160px 8px no-repeat;
	border-top: 1px solid #555;
	border-bottom: 1px solid #333;
	color: #b1deff;
}

#mainnav li ul li.cancel a {
	background: #333;
	border-top: 1px solid #444;
	border-bottom: 1px solid #111;
	color: #ccc;
	font-style: italic;
}

#mainnav li ul li.cancel a:hover {
	background: #444;
	border-top: 1px solid #555;
	border-bottom: 1px solid #222;
	color: #b1deff;
	text-decoration: none;
	font-style: italic;
}

div#advert1, div#advert2 {
	float: left;
	width: 235px;
	height: 60px;
	background: #fff;
}

div#advert2 {
	border: none;
	border-right: 1px solid #c2cede;
}


div.col_aylis {
	float: right;
	padding-top: 30px;
	font-size: 11px;
	
}

div.col_aylis a {
	display: block;
	padding: 9px 7px 7px 7px;
	width: 233px;
	color: #777;
	text-decoration: none;
	background: url(../img/ttl_aylis.png) right no-repeat;
}

div.col_aylis a:hover {
	color: #999;
	text-decoration: none;
}