@import url("reset.css");
@import url("home.css");
@import url("nav.css");

/* general styles */
html, body {
	background:  #ffffff url("/img/style/amarok/background/amarok-tough-and-smart.jpg") no-repeat center top;
	font: 11px/150% Arial, Helvetica, sans-serif;
	color: #444B5B;
}
body {
	padding-bottom: 20px;
}
h2 {
	color: #3D598E;
	font-size: 16px;
	font-weight: bold;
}
h3 {
	font-weight: bold;
	margin: 1em 0;
}
strong {
	font-weight: bold;
}
a:link {
	color: #27365C;
	text-decoration: underline;
}
a:focus, a:hover, a:active {
	color: #304B81;
/*	text-decoration: underline; */
}
a:visited {
	color: #566381;
/*	text-decoration: underline; */
}
#content ul {
	list-style: disc outside;
}
#content ul li {
	margin-left: 1.5em;
	padding-left: 0;
}
#wrapper {
	xbackground: url("/img/style/amarok/background/amarok-bg-wrapper.jpg") no-repeat right top transparent;
	xbackground: url("/img/style/amarok/background/amarok-smart-bg.jpg") repeat-x transparent;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#inner-wrapper {
	background: #FFF;
	position: relative;
	padding-bottom: 20px;
}
#link-amarok {
	background: url("/img/style/amarok/background/amarok-link.jpg") no-repeat transparent;
	position: absolute;
	top: 587px;
	left: 962px;
	overflow: hidden;
	width: 204px;
	height: 126px;
	text-indent: -99999px;
}
#header {
	height: 79px;
	background: url("/img/style/common/bg-header.png") repeat-x;
	padding: 22px 25px 3px 23px;
}
#header span {
	background: url("/img/style/common/logo.gif") no-repeat right top;
	height: 79px;
	width: 912px;
	padding: 21px 0 0;
	display: block;
}
#header span a {
	display: block;
	background: url("/img/style/common/headings/volkswagen-commercial-vehicles.gif") no-repeat;
	height: 35px;
	width: 436px;
	overflow: hidden;
	text-indent: -9999em;
}

#container {
	overflow: hidden;
	background: #FFF;
}
#content {
	width: 743px;
	border-left: 217px solid #FFF; /* The width and color of the rail */
	margin-left: -217px; /* Hat tip to Ryan Brill */
	float: right;
}
#centre-column { /* centre column */
	width: 470px;
	padding-left: 7px;
	float: left;
}
#nav-primary { /* left column */
	width: 217px;
	float: left;
}
#nav-secondary { /* right column */
	float: right;
	width: 229px;
	margin-right: 22px;
}

/* left hand side testimonial */
#testimonial {
	width: 173px;
	float: left;
	color: blue;
	font-size: 15px;
	line-height: 165%;
	margin: 17px 25px 0 19px;
}
#testimonial p {
	background: no-repeat right top;
	padding: 0;
	margin: 0;
	text-align: left;
	overflow: hidden;
	text-indent: -9999em;
	width: 173px;
}
#amarok {
	width: 173px;
	float: left;
	line-height: 165%;
	margin: 17px 25px 0 0px;
}
#amarok p {
	background: no-repeat right top;
	padding: 0;
	margin: 0;
	text-align: left;
	overflow: hidden;
	width: 173px;
}

#amarok-sidebar p {
	background: no-repeat right top;
	padding: 0;
	margin: 0;
	text-align: left;
	overflow: hidden;
	padding-left:10px;
	width: 173px;
}
/*#testimonial.pullquote-flexirent p {
	background-image: url("/img/style/testimonials/pullquote-flexirent.gif");
	height: 155px;
}*/
/*#testimonial.pullquote-propack p {
	background-image: url("/img/style/testimonials/pullquote-propack.gif");
	height: 203px;
}
#testimonial.pullquote-dhl p {
	background-image: url("/img/style/testimonials/pullquote-dhl.gif");
	height: 231px;
}
*/
/* footer styles */
#footer {
	background: url("/img/style/amarok/background/bg-footer-wrapper.png") no-repeat left bottom;
	color: #666;
	padding: 17px 14px 60px 36px;
	overflow: hidden;
	width: 910px;
	margin: 0 auto;
}
#footer p {
	float: left;
	clear: none;
}
#footer p#terms {
	float: right;
}

/* content styles */
#content h1 {
	background: url("/img/style/common/background/bg-headline.gif") repeat-x;
	line-height: 30px;
	margin-right: 22px;
	margin-bottom: 13px;
	padding: 11px 14px 5px;
	font-size: 20px;
	font-weight: bold;
}
.rollup #content h1 {
	margin-bottom: 0;
}
#content h1 span, #content h2 {
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}
#content h1 span {
	height: 30px;
}
#content h2 {
	margin: 1em 0;
}
#content p {
	margin: 1em 0;
}
#content em {
	font-style: italic;
}

/* basic form element styles */
input, select, textarea {
	font: 11px/150% Arial, Helvetica, sans-serif;
	color: #384255;
	border: 1px solid #A9AEB9;
}
input, select, option {
	background: transparent url("/img/style/common/background/bg-select.gif") repeat-x;
	padding: 5px 4px 4px;
}

option {
	background: none;
	background-color: #FFF;
	border: 0px none;
	padding: 0;
}
optgroup {
  background:white;
}
div#recaptcha_area {
  margin: auto;
}