/************************ GENERAL ************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-position: top center !important;
	background-repeat: no-repeat !important;
}

p {

}

h1, h2, h3, h4, h5, h6 {

}

h4, h5, h6 {

}

h1 { font-size: 24px; margin-bottom: 15px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

a {
}

a:hover {

}

pre {
	background: #fff;
	font-family: Courier;
	color: #000;
	border: solid 1px #f00;
	padding: 10px;
	margin: 10px;
}

/************************ STRUCTURE ************************/

#header {
	height: 125px;
}

#header .inner {
	width: 957px;
	margin: 0 auto;
	position: relative;
}

#header .logo {
	position: absolute;
	top: 14px;
	left: 0px;
}

#header .brands {
	position: absolute;
	top: 57px;
	right: 30px;
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
}

#header .brands a {
	color: #fff;
	text-decoration: none;
}

#header .brands li {
	display: inline;
	margin-left: 10px;
}

#header .menu {
	position: absolute;
	top: 95px;
	right: 20px;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}

#header .menu li {
	display: inline;
	margin-left: 20px;
}

#header .menu li a {
	color: #000;
	text-decoration: none;
}

#container {

}

#shrinkheader {
	width: 957px;
	margin: 0 auto;
	height: 10px;
}

#content.shrinkable {
	background-position: bottom !important;
	padding-bottom: 80px;
}

#content {
	background-repeat: no-repeat !important;
	position: relative;
}

#content,
#footer {
	width: 957px;
	margin: 0 auto;
}

#footer {
	margin-top: 10px;
	margin-bottom: 40px;
	color: #fff;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer .copyright {
	margin-right: 10px;
}

/************************ HOME ************************/

#page-home #container {
	margin-top: 460px;
}

#page-home #content {
	width: 957px;
	height: 700px;
	background-repeat: no-repeat !important;
}

#page-home #content .inner {
	position: relative;
}

#page-home #content .featured,
#page-home #content .wheelhighlights,
#page-home #content .showusyourride,
#page-home #content .facebook,
#page-home #content .newsandupdates {
	position: absolute;
	background-repeat: no-repeat !important;
}

#page-home #content .featured {
	top: 5px;
	left: 5px;
	width: 548px;
	height: 366px;
}

#page-home #content .featured .items {
	width: 548px;
	height: 366px;
}

#page-home #content .wheelhighlights {
	top: 390px;
	left: 5px;
	width: 548px;
	height: 256px;
}

#page-home #content .wheelhighlights .inner {
	position: relative;
}

#page-home #content .wheelhighlights .wheels {
	position: absolute;
	height: 160px;
	overflow: hidden;
	width: 534px;
	top: 50px;
	left: 7px;
}

#page-home #content .wheelhighlights .wheel {
	width: 178px;
	height: 159px;
	position: relative;
}

#page-home #content .wheelhighlights .wheel .thumb {
	margin-left: 15px;
	width: 145px;
	height: 120px;
	text-align: center;
}

#page-home #content .wheelhighlights .wheel .title {
	position: absolute;
	font-weight: bold;
	top: 139px;
	left: 8px;
	font-style: italic;
	text-transform: uppercase;
}

#page-home #content .wheelhighlights .wheel .title a {
	text-decoration: none;
	color: #000;
}

#page-home #content .wheelhighlights .nav .prev,
#page-home #content .wheelhighlights .nav .next {
	position: absolute;
	top: 227px;
	width: 60px;
	height: 25px;
	cursor: pointer;
}

#page-home #content .wheelhighlights .nav .prev {
	left: 5px;
}

#page-home #content .wheelhighlights .nav .next {
	right: 5px;
}

#page-home #content .newsandupdates {
	top: 5px;
	right: 15px;
	width: 386px;
	height: 148px;
}

#page-home #content .showusyourride {
	top: 430px;
	right: 15px;
	width: 382px;
	height: 180px;
}

#page-home #content .facebook {
	top: 160px;
	right: 15px;
	width: 382px;
	background: #fff;
}


/************************ WHEELS ************************/

#page-wheels #container {
	margin-top: 10px;
}

#page-wheels #content {
	width: 957px;
	background-repeat: no-repeat !important;
}

#page-wheels #content .inner {
	position: relative;
}

#page-wheels #content .search,
#page-wheels #content .wheels {
	background-repeat: no-repeat !important;
}

#page-wheels #content .search {
	width: 332px;
	height: 741px;
	margin: 20px 0 0 20px;
	position: relative;
}

#page-wheels #content .search .diameters {
	position: absolute;
	top: 60px;
	left: 20px;
}

#page-wheels #content .search .showall {
	position: absolute;
	top: 10px;
	right: 30px;
	
	padding: 10px;
	margin-top: 10px;
	background: #ddd;
	text-transform: uppercase;
	font-size: 10px;
	cursor: pointer;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#page-wheels #content .search .diameters .field {
	margin-top: 5px;
	margin-left: 5px;
}

#page-wheels #content .wheels {
	width: 550px;
	margin: 20px 0 0 20px;
}

#page-wheels #content .wheels .wheel {
	float: left;
	width: 178px;
	height: 159px;
	position: relative;
}

#page-wheels #content .wheels .wheel .thumb {
	margin-left: 15px;
	width: 145px;
	height: 120px;
	text-align: center;
}

#page-wheels #content .wheels .wheel .title {
	position: absolute;
	font-weight: bold;
	top: 139px;
	left: 8px;
	font-style: italic;
	text-transform: uppercase;
}

#page-wheels #content .wheels .wheel .title a {
	text-decoration: none;
	color: #000;
}

/************************ WHEELS ************************/

#page-wheel #container {
	margin-top: 10px;
}

#page-wheel #content {
	width: 957px;
	background-repeat: no-repeat !important;
}

#page-wheel #content .inner {
	position: relative;
	padding: 20px;
}

#page-wheel #content .pictures {
	width: 327px;
	margin-right: 20px;
}

#page-wheel #content .data {
	width: 565px;
	height: 830px;
	margin-top: 1px;
}

#page-wheel #content .mainimage {
	cursor: pointer;
}

#page-wheel #content .pictures .mainimage {
	height: 325px;
	border: solid 1px #000;
}

#page-wheel #content .pictures .enlarge {
	margin: 2px 0;
	padding: 4px;
	border: solid 1px #000;
}

#page-wheel #content .pictures .enlarge .zoom {
	cursor:pointer;
}

#page-wheel #content .pictures .enlarge a {
	color: #000;
	text-decoration: none;
}

#page-wheel #content .pictures .thumbnails {
	background: #fff;
	border: solid 1px #000;
}

#page-wheel #content .pictures .thumbnails .inner {
	padding: 4px;
}

#page-wheel #content .pictures .thumbnails .thumb {
	margin: 5px;
	cursor: pointer;
}

#page-wheel #content .data h2 {
	margin: 10px 10px 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px #000;
	height: 20px;
	width: 536px;
	overflow: hidden;
}

#page-wheel #content .data .dataheader {
	padding-bottom: 5px;
	margin: 10px 10px 5px;
	width: 536px;
	height: 20px;
	overflow: hidden;
}

#page-wheel #content .data .datacontent {
	margin: 0px 10px 10px;
}

#page-wheel #content .data .inner {
	padding: 0;
}

#page-wheel #content .data .heading {
	text-align: left;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	height: 32px;
	overflow: hidden;
}

#page-wheel #content .data .heading h1 {
	margin-bottom: 0;
}

#page-wheel #content .data .description {
	background: #fff;
	border: solid 1px #000;
	margin: 0 0 5px 0;
}

#page-wheel #content .data .description .datacontent {
	height: 70px;
	overflow: auto;
}

#page-wheel #content .data .description p {
	line-height: 1.3em;
}

#page-wheel #content .data .selectedfinish {
	border: solid 1px #000;
	margin: 0 0 5px 0;
}

#page-wheel #content .data .selectedfinish .title {
	font-weight: bold;
}

#page-wheel #content .data .finishes {
	height: 131px;
	border: solid 1px #000;
	margin: 0 0 5px 0;
}

#page-wheel #content .data .finishes .finish {
	margin-right: 5px;
	cursor: pointer;
	border: solid 1px #000;
}

#page-wheel #content .data .finishes .finish.active {
	border-color: #f00;
}

#page-wheel #content .data .specs {
	background: #fff;
	border: solid 1px #000;
	margin: 0 0 5px 0;
}

#page-wheel #content .data .specs .spectableholder {
	margin: 0px 10px 10px;
}

#page-wheel #content .data .specs table {
	width: 100%;
}

#page-wheel #content .data .specs td {
	padding: 3px;
	font-size: 11px;
	text-transform: uppercase;
}

#page-wheel #content .data .specs thead th {
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

#page-wheel .browser {
	background: #fff;
	margin: 5px 0;
	text-transform: uppercase;
	border: solid 1px #000;
	width: 910px;
}

#page-wheel .browser a {
	color: #666;
	text-decoration: none;
	font-size: 14px;
}

#page-wheel .browser .inner {
	padding: 10px !important;
}

#page-wheel .browser .previous,
#page-wheel .browser .all,
#page-wheel .browser .next {
	width: 33.33%;
	float: left;
}

#page-wheel .browser .previous {
	text-align: left;
}

#page-wheel .browser .next {
	text-align: right;
}

#page-wheel .browser .all {
	text-align: center;
}

#page-wheel .gallery {
	background: #fff;
	border: solid 1px #000;
	height: 129px;
	width: 910px;
	overflow: hidden;
	margin-bottom: 5px;
	position: relative;
}

#page-wheel .alllink a {
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
}

#page-wheel .gallery .items {
	position: absolute;
	top: 37px;
	left: 45px;
}

#page-wheel .gallery .nav .next,
#page-wheel .gallery .nav .prev {
	position: absolute;
	top: 65px;
	cursor: pointer;
}

#page-wheel .gallery .nav .next {
	right: 20px;
}

#page-wheel .gallery .nav .prev {
	left: 20px;
}

#page-wheel .gallery .item {
	margin: 0 5px;
	border: solid 1px #000;
	width: 125px;
	height: 80px;
}

/************************ DEALER LOCATOR ************************/

#page-dealer-locator #container {
	margin-top: 10px;
}

#page-dealer-locator #shrinkheader {
	height: 70px;
}

#page-dealer-locator #content {
	width: 957px;
	background-repeat: no-repeat !important;
}

#page-dealer-locator #content .inner {
	position: relative;
	padding: 0px 20px 20px;
}

#page-dealer-locator .search {
	width: 917px;
	height: 70px;
}

#page-dealer-locator .search form {
	padding: 20px;
}

#page-dealer-locator .search form label {
	font-weight: bold;
	margin: 0 20px 0 20px;
}

#page-dealer-locator .search form .input_button {
	margin: 0 20px 0 20px;
}

#page-dealer-locator .dealers {
	height: 200px;
	overflow: auto;
	margin-top: 10px;
	background: #d5d5d5;
	border: solid 1px #000;
	padding: 10px;
	padding-right: 0;
}

#page-dealer-locator .dealers .dealer {
	padding: 5px;
	margin: 0 5px 5px 0;
	width: 204px;
	border: solid 1px #c5c5c5;
	background: #e9e9e9;
	font-size: 11px;
	height: 60px;
}

#page-dealer-locator .dealers .title {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 2px;
}

#page-dealer-locator .mapcontainer {
	padding: 10px;
	border: solid 1px #000;
	background: #fff;
	margin-top: 10px;
}

#page-dealer-locator .mapcontainer #map {
	height: 650px;
	border: solid 1px #000;
}

/************************ GALLERY ************************/

#page-gallery #content {
	width: 957px;
	height: 1150px;
	background-repeat: no-repeat !important;
}

#page-gallery .tabs {
	padding-top: 75px;
}

#page-gallery .tabs .tab {
	height: 40px;
	cursor: pointer;
}

#page-gallery .tabs .tab.manufacturers {
	width: 210px;
	margin-left: 110px;
}

#page-gallery .tabs .tab.wheels {
	margin-left: 110px;
	width: 120px;
}

#page-gallery #content .wheels .wheel {
	float: left;
	width: 178px;
	height: 159px;
	position: relative;
	cursor: pointer;
}

#page-gallery #content .wheel .thumb {
	margin-left: 15px;
	width: 145px;
	height: 120px;
	text-align: center;
}

#page-gallery #content .wheel .title {
	position: absolute;
	font-weight: bold;
	bottom: 8px;
	left: 8px;
	font-style: italic;
	text-transform: uppercase;
}

#page-gallery #content .wheel .title a {
	text-decoration: none;
	color: #000;
}

#page-gallery #content .browser {
	height: 477px;
	overflow: auto;
	padding: 10px 0;
	margin: 10px 20px;
	border: solid 1px #000;
	background: #ddd;
}

#page-gallery #content .gallery {
	height: 395px;
	overflow: auto;
	padding: 10px;
	margin: 10px 20px;
	border: solid 1px #000;
	background: #ddd;
}

#page-gallery #content .browser .manufacturers .manufacturer {
	margin: 3px;
	cursor: pointer;
}

#page-gallery #content .gallery .item {
	margin: 9px;
	border: solid 1px #000;
}



/************************ CONTACT ************************/

#page-contact #content {
	height: 1150px;
}

#page-contact .splash {
	position: absolute;
	top: 35px;
	left: 25px;
}

#page-contact #content .contactinfo {
	position: absolute;
	left: 20px;
	top: 600px;
}

#page-contact #content .contactform {
	width: 733px;
	height: 547px;
	position: absolute;
	top: 486px;
	right: 20px;
}

#page-contact #content .contactform .inner {
	padding: 30px;
}

#page-contact #content .contactform td {
	padding: 4px;
	vertical-align: top;
}

#page-contact #content .contactform p {
	font-size: 11px;
	margin-bottom: 10px;
	line-height: 13px;
}

#page-contact #content .contactform label {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}

#page-contact #content .contactform input,
#page-contact #content .contactform select,
#page-contact #content .contactform textarea {
	border: solid 1px #000;
	width: 300px;
	padding: 2px;
}

#page-contact #content .contactform textarea {
	height: 150px;
}

#page-contact #content .contactform .submit {
	text-align: center;
	margin-top: 5px;
}

#page-contact #content .contactform .submit img {
	cursor: pointer;
}

/************************ SPONSORSHIP ************************/

#page-sponsorship .sponsorshipbutton {
	cursor: pointer;
}

/************************ SUBMIT PHOTO ************************/

#page-submit-photo .sponsorshipbutton {
	cursor: pointer;
}

/************************ FAQ ************************/

#page-faq #container {
	margin-top: 10px;
}

#page-faq #content {
	width: 957px;
	background-repeat: no-repeat !important;
}

#page-faq #content .inner {
	position: relative;
	padding: 10px 20px;
}

#page-faq .faqs {
	overflow: auto;
}

div.faqitem, div.glossary {
    padding:10px 10px 10px 10px;
}

div.faqitem:hover, div.glossary:hover {

}

div.faqitem dt, div.glossary dt{
    font-size:16px;
    font-style:italic;
    padding:4px;
    cursor:pointer;
}

div.glossary dt:first-letter {
	text-transform: capitalize;
}

div.faqitem dd, div.glossary dd{
    color:#333;
    font-size:14px;
    padding:4px;
    display:none;
}

/************************ Terms and Conditions ************************/

#page-terms-and-conditions #container {
	margin-top: 10px;
}

#page-terms-and-conditions #content {
	width: 957px;
	background-repeat: no-repeat !important;
}

#page-terms-and-conditions #content .inner {
	position: relative;
	padding: 10px 20px;
}

/************************ Privacy Policy ************************/

#page-privacy-policy #container {
	margin-top: 10px;
}

#page-privacy-policy #content {
	width: 957px;
	background-repeat: no-repeat !important;
}

#page-privacy-policy #content .inner {
	position: relative;
	padding: 10px 20px;
}