/*
=====================
Global
=====================
*/
html {
	background:#191919;
}
body {
	font:13px/1.3 'Lato', Arial, sans-serif;
	color:#333;
}
#wrapper {
	padding-top:100px;
	background:url(/Images/bg-carbon-fade.jpg) top center no-repeat;
}
#content {
	width:960px;
	margin:auto;
}
h1, h2 {
	font-size:30px;
	line-height:1;
	margin-bottom:.7em;
}
h2 {
	font-size:19px;
	margin-bottom:1em;
}
h3 {
	font-size:17px;
	font-weight:700;
	margin-bottom:.6em;
}
p {
	margin-bottom:1em;
}
a {
	color:#d35b19;
}
img {
	-ms-interpolation-mode:bicubic;
}

/*
=====================
Header
=====================
*/
#header {
	width:960px;
	height:90px;
	margin:auto;
	position:relative;
}
#logo {
	width:204px;
	height:33px;
	padding-top:108px;
	color:#fff;
	background:#000 url(/Images/logo-mik.png) top no-repeat;
	position:absolute;
	top:0; left:0;
	box-shadow:0 0 7px rgba(0,0,0,0.5);
	border-radius:0 0 3px 3px;
	overflow:hidden;
	text-decoration:none;
}
#logo span {
	display:block;
	height:33px;
	line-height:33px;
	text-align:center;
	background:#7f3811;
	font-size:21px;
	letter-spacing:1px;
}
#logo:hover {
	box-shadow:0 0 20px rgba(0,0,0,0.5);
}
#logo strong {
	display:none;
}
#nav {
	position:absolute;
	top:50px; left:244px;
}
.hideNav #nav {
	display:none;
}
#nav li {
	float:left;
}
#nav a, #website {
	float:left;
	color:#ddd;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 20px;
	font-size:15px;
	line-height:25px;
	border-radius:5px;
}
#website {
	display:none;
}
.hideNav #website {
	display:block;
	float:none;
	position:absolute;
	top:50px; right:0;
}
#nav li.active a {
	color:#aa5323;
}
#nav a:hover, #website:hover {
	color:#fff;
	background:#7f3811;
}
#nav li.active a:hover {
	color:#aa5323;
	background:none;
	cursor:default;
}
#hamburger, #close, #phone {
	display:none;
}

/*
=====================
Home
=====================
*/
#carousel {
	height:300px;
	background:url(/Images/bg-carbon.jpg) no-repeat;
	margin-bottom:30px;
}
#carousel .content {
	width:960px;
	margin:auto;
	position:relative;
}
#carousel .text {
	position:absolute;
	top:97px; left:0;
	width:570px;
	color:#fff;
	text-shadow:0 1px #222;
}
#carousel h1 {
	font-weight:bold;
	font-size:32px;
	font-style:italic;
	height:46px;
	margin:0;
}
#carousel p {
	font-size:15px;
	height:77px;
	margin:0;
}
#carousel a {
	float:left;
	width:150px;
	height:36px;
	border-radius:4px;
	margin-right:12px;
	background-color:#cecece;
	background-repeat:no-repeat;
	background-position:center;
}
#carousel a.trademe    { background-image:url(/Images/button-trademe.png) }
#carousel a.aa         { background-image:url(/Images/button-aa.png) }
#carousel a.rentals2go { background-image:url(/Images/button-rentals2go.png) }

#carousel a span {
	display:none;
}
#carousel #rotator {
	position:absolute;
	top:23px; right:0;
	width:339px;
	height:254px;
	box-shadow:0 0 12px #000;
	background:#000;
}
#carousel #rotator img {
	position:absolute;
	top:0; left:0;
	width:339px;
	height:254px;
	opacity:0;
	z-index:1;
}
#carousel #rotator img.current {
	z-index:2;
}
#resultsWrapper h2 {
	font-style:italic;
	font-size:26px;
}
#sidebar {
	float:left;
	width:204px;
}
#ticker {
	float:left;
	width:164px;
	padding:20px;
	background:#2a2a2a url(/Images/icon-quote.gif) 88px 10px no-repeat;
	border-radius:3px;
	position:relative;
}
#ticker ul {
	position:relative;
	height:192px;
}
#ticker li {
	font-size:12px;
	position:absolute;
	top:26px; left:0;
	width:164px;
	display:none;
	color:#fff;
}
#ticker li.active {
	display:block;
}
#ticker q {
	display:block;
	margin-bottom:8px;
}
#ticker cite {
	display:block;
	color:#d35b19;
	font-style:italic;
	font-size:13px;
}
#ticker #shim {
	position:absolute;
	z-index:1;
	background:#2a2a2a;
	top:44px; left:15px;
	width:174px;
	height:174px;
}

/*
=====================
Content
=====================
*/
#box {
	padding:30px;
	background:#fff;
	border-radius:4px;
}

/*
=====================
Search
=====================
*/
#search {
	float:left;
	width:172px;
	padding:16px;
	background:#7f3811;
	border-radius:3px;
	margin-bottom:20px;
}
#search p {
	margin-bottom:12px;
}
#search label {
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	line-height:15px;
	margin-bottom:3px;
}
#search select {
	display:block;
	border:0;
	padding:3px;
	width:172px;
	margin:0;
	border-radius:2px;
}
#search select.short {
	float:left;
	width:70px;
}
#search span.to {
	float:left;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	text-align:center;
	width:32px;
	line-height:24px;
}
#search input {
	display:block;
	border:0;
	padding:6px 16px;
	color:#fff;
	background:#aa5323;
	text-transform:uppercase;
	font-size:15px;
	position:relative;
	top:12px;
	border-radius:2px;
	margin:auto;
	cursor:pointer;
}

/*
=====================
Results
=====================
*/
#resultsWrapper {
	float:right;
	width:716px;
	color:#fff;
}
#resultsWrapper ul a {
	display:block;
	background:rgba(255,255,255,0.08);
	border-radius:3px;
	position:relative;
	text-decoration:none;
	color:#aaa;
}
#resultsWrapper img {
	position:absolute;
	border-radius:2px;
	background:#aaa;
}
#resultsWrapper strong {
	display:block;
	margin-bottom:2px;
	color:#fff;
}
#resultsWrapper span.price {
	color:#d35b19;
}
#resultsWrapper span.bullets {
	display:block;
	color:#fff;
}
#resultsWrapper span.bullet {
	font-size:10px;
	padding:0 2px;
	color:#d35b19;
}
#resultsWrapper span.description {
	display:block;
	margin:9px 0 8px 0;
}
#resultsWrapper #results img {
	top:11px; left:11px;
}
#resultsWrapper #results span.sold {
	position:absolute;
	top:11px; left:11px;
	color:#fff;
	background:#d00;
	display:none;
	width:200px;
	line-height:30px;
	text-align:center;
}
#resultsWrapper #results li.sold span.sold {
	display:block;
}
#resultsWrapper #results a:hover {
	background:rgba(255,255,255,0.13);
}

/* LIST styles */

#results.list li {
	height:172px;
	margin-bottom:20px;
}
#results.list a {
	height:151px;
	padding:23px 23px 0 230px;
}
#results.list strong {
	font-size:19px;
	font-weight:700;
}
#results.list strong.shortTitle {
	display:none;
}
#results.list span.price {
	font-size:17px;
	font-weight:700;
}

/* GRID styles */

#results.grid {
	width:741px;
	margin-right:-25px;
}
#results.grid li {
	float:left;
	width:222px;
	height:218px;
	margin:0 25px 25px 0;
}
#results.grid a {
	width:200px;
	height:46px;
	padding:172px 11px 0 11px;
}
#results.grid span.listInfo {
	display:none;
}

/*
=====================
Newsletter
=====================
*/
#resultsWrapper .newsletterContent {
	color:#333;
	margin-bottom:30px;
	border-bottom:10px solid #aa5323;
}
#resultsWrapper .newsletterContent h2.title {
	font-size:36px;
	font-weight:bold;
	margin-bottom:7px;
}
#resultsWrapper .newsletterContent h3.date {
	font-style:italic;
	margin-bottom:32px;
}

/*
=====================
Toolbar
=====================
*/
#toolbar {
	margin-bottom:25px;
	height:17px;
	line-height:17px;
	padding:11px;
	background:rgba(255,255,255,0.15);
	border-radius:3px;
}
#toolbar span {
	float:left;
	margin-right:9px;
}
#toolbar select {
	float:left;
	border:0;
	padding:2px;
	border-radius:2px;
	margin:0;
	position:relative;
	top:-3px;
	background:#666;
	color:#fff;
	outline:none;
}
#toolbar a.view {
	float:right;
	margin-left:11px;
	width:27px;
	height:17px;
	background:url(/Images/icon-grid.gif) no-repeat;
	opacity:.5;
}
#toolbar a.active,
#toolbar a.view:hover {
	opacity:1;
}
#toolbar a.list {
	background-image:url(/Images/icon-list.gif);
}

/*
=====================
Paging
=====================
*/
.pager span.disabled,
.pager span.divider {
	display:none;
}
.pagerControl {
	float:right;
}
.pagerControl span.active,
.pagerControl a {
	float:left;
	margin-left:3px;
	padding:0 7px;
	line-height:24px;
	color:#fff;
	text-decoration:none;
	border-radius:3px;
}
.pagerControl a:hover {
	background:#333;
}
.pagerControl span.active {
	background:#d35b19;
}

/*
=====================
Featured Carousel
=====================
*/
#featuredWrapper {
	height:474px;
	position:relative;
	margin-bottom:30px;
}
#featured {
	width:716px;
	height:422px;
	position:absolute;
	top:52px; left:0;
	z-index:1;
	background:url(/Images/loader.gif) center no-repeat;
}
#featured li {
	position:absolute;
	top:0; left:0;
	width:716px;
	height:422px;
	opacity:0;
}
#featured a {
	width:716px;
	height:422px;
	background:#2a2a2a !important;
}
#featured img.image1 {
	top:11px; left:11px;
}
#featured img.image2 {
	top:11px; right:11px;
}
#featured img.image3 {
	top:189px; right:11px;
}
#featured .infobar {
	display:block;
	position:absolute;
	top:367px; left:60px;
	width:580px;
}
#featured strong {
	font-size:19px;
	font-weight:700;
}
#featured span.price {
	position:absolute;
	bottom:0; right:0;
	font-size:17px;
	font-weight:700;
}
#featuredWrapper span.slide {
	width:45px;
	height:45px;
	position:absolute;
	bottom:10px;
	cursor:pointer;
	opacity:.3;
	z-index:2;
}
#featuredWrapper span.slide:hover {
	opacity:1;
}
#featuredWrapper span.prev {
	background:url(/Images/slide-prev.png) center no-repeat;
	left:6px;
}
#featuredWrapper span.next {
	background:url(/Images/slide-next.png) center no-repeat;
	right:6px;
}

/*
=====================
Breadcrumb
=====================
*/
#breadcrumb {
	float:right;
	width:716px;
	height:40px;
}
#breadcrumb a {
	float:left;
	background:rgba(255,255,255,0.12);
	height:25px;
	line-height:25px;
	padding:0 8px;
	color:#fff;
	border-radius:4px;
	text-decoration:none;
}
#breadcrumb a:hover {
	background:rgba(255,255,255,0.18);
}
#breadcrumb a.edit {
	float:right;
}
#breadcrumb span {
	float:left;
	width:22px;
	height:25px;
	background:url(/Images/arrow.gif) center no-repeat;
}

/*
=====================
Vehicle Page
=====================
*/
#vehicle {
	float:right;
	width:656px;
	padding:30px;
	background:#fff;
	border-radius:4px;
}
#vehicle .sold {
	color:#fff;
	background:#d00;
	text-align:center;
	border-radius:4px 4px 0 0;
	padding:6px 0;
	margin:-30px -30px 30px -30px;
	font-size:15px;
}
#vehicle h1 {
	margin-bottom:8px;
	font-weight:700;
}
#vehicle h2 span.strike {
	text-decoration:line-through;
	margin-right:8px;
	font-size:17px;
}
#vehicle h2.price {
	font-size:26px;
	font-weight:700;
	color:#d35b19;
}
#images {
	width:656px;
	height:349px;
	position:relative;
	margin-bottom:30px;
}
#images img {
	border-radius:2px;
	display:block;
}
#hero {ccccc
	position:absolute;
	top:0; left:0;
	width:465px;
	height:349px;
}
#hero li {
	position:absolute;
	top:0; left:0;
	opacity:0;
}
#hero li.active {
	opacity:1;
	z-index:1;
}
#hero a {
	outline:none;
}
#thumbs {
	position:absolute;
	top:0; right:0;
	width:183px;
	height:354px;
	overflow:auto;
}
#thumbs ul {
	width:154px;
}
#thumbs li {
	width:72px;
	height:54px;
	float:left;
	margin:0 0 5px 5px;
}
#vehicle #leftcol {
	width:310px;
	float:left;
}
#vehicle dl {
	width:310px;
	margin-bottom:30px;
	border-bottom:1px solid #ddd;
	background:#f9f9f9;
}
#vehicle dt {
	float:left;
	clear:left;
	width:90px;
	padding:4px 0 4px 7px;
	border-top:1px solid #ddd;
	color:#d35b19;
	font-style:italic;
}
#vehicle dd {
	float:left;
	width:208px;
	padding:4px 5px 4px 0;
	border-top:1px solid #ddd;
}
#vehicle #rightcol {
	width:300px;
	float:right;
}
#vehicle #rightcol strong {
	font-weight:900;
}
#vehicle a.button {
	display:inline-block;
	padding:6px 12px;
	color:#fff;
	background:#d35b19;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	font-size:15px;
	border-radius:2px;
	margin:20px 7px 0 0;
}
#vehicle a.button:active {
	background:#aa5323;
}
#vehicle a.gray {
	background:#c2c2c2;
}
#vehicle a.gray:active {
	background:#aaa;
}

/*
=====================
About Us
=====================
*/
img.aboutImage {
	float:right;
	border-radius:4px;
	margin:0 0 30px 30px;
}

/*
=====================
Testimonials
=====================
*/
#testimonials {
	width:102.33%;
	margin:30px -2.33% 0 0;
}
#testimonials li {
	float:left;
	width:31%;
	height:200px;
	margin:0 2.33% 24px 0;
	padding:16px;
	box-sizing:border-box;
	background:#f2f2f2;
	border-bottom:1px solid #eee;
	border-radius:4px;
}
#testimonials q {
	display:block;
	margin-bottom:5px;
}
#testimonials cite {
	display:block;
	color:#d35b19;
	font-style:italic;
	font-size:15px;
}

/*
======================
Lists
======================
*/
ul.bullet {
	margin-bottom:1em;
}
ul.bullet li {
	padding-left:15px;
	background:url(/Images/bullet-small.gif) 1px 6px no-repeat;
}

/*
===================
Forms
===================
*/
.form {
	background:#eee;
	border-radius:4px;
	min-height:1px;
	padding:22px 25px 10px 25px;
}
.financeForm {
	padding-left:120px;
}
.form h3 {
	margin-left:195px;
	font-size:16px;
	font-weight:bold;
}
.form ul.bullet {
	margin-left:195px;
}
.form p,
.form .fieldWrapper {
	position:relative;
	padding-left:195px;
	margin-bottom:8px;
}
.form label {
	position:absolute;
	top:4px; left:0;
	display:block;
	width:180px;
	text-align:right;
	padding:2px;
}
.form p.checkboxes {
	padding-top:4px;
}
.form p.checkboxes label {
	position:static;
	display:inline;
	margin:0 0 0 4px;
}
.form input.text, .form textarea, .form select {
	width:240px;
	margin-right:8px;
	outline:none;
	padding:5px;
	border:1px solid #ccc;
	border-bottom-color:#bbb;
}
.form input.text:focus,
.form textarea:focus {
	border-color:#f60;
}
.form input.medium {
	width:157px;
}
.form input.short {
	width:60px;
}
.form textarea {
	height:80px;
	display:block;
}
.form textarea.small {
	height:50px;
}
.form select {
	font-size:13px;
	padding:4px 3px 3px 3px;
	width:252px;
}
.form span select {
	width:auto;
}
.form input.button {
	display:inline-block;
	padding:6px 16px;
	color:#fff;
	background:#d35b19;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	font-size:15px;
	border:0;
	border-radius:2px;
	margin-top:20px;
}
.form input.button:active {
	background:#aa5323;
}
.success h2 {
	margin:0 0 7px 0;
}
.success p {
	padding:0;
}

/*
========================
Validation
========================
*/
.form .validation-container {
	padding:10px;
	background:#d35b19;
	border-radius:4px;
	color:#fff;
	margin:0 0 30px 195px;
	position:relative;
	line-height:130%;
	width:231px;
}

/*
=====================
Contact Page
=====================
*/
#mainContact {
	float:left;
	width:370px;
}
#mainContact dl {
	margin-bottom:20px;
	width:370px;
	line-height:20px;
}
#mainContact dt {
	float:left;
	width:70px;
}
#mainContact dd {
	float:left;
	width:300px;
}
#mainContact dd strong {
	font-size:16px;
}
#mainContact dd span {
	white-space:nowrap;
}
#mainContact address {
	float:left;
	width:185px;
}
#mainContact address * {
	display:block;
}
#mainContact strong {
	font-weight:bold;
}
#contactForm {
	float:right;
	background:#eee;
	border-radius:4px 4px 0 4px;
	width:468px;
	padding:13px 20px 11px 20px;
	position:relative;
	margin-top:-42px;
}
#contactForm h2 {
	border:none;
	padding:0;
}
#contactForm fieldset {
	float:left;
}
#contactForm p {
	margin-bottom:7px;
}
#contactForm label {
	display:block;
	font-size:11px;
	line-height:15px;
	text-transform:uppercase;
	margin-bottom:3px;
}
#contactForm input.text,
#contactForm textarea {
	padding:5px;
	border:1px solid #ccc;
	width:160px;
	border-bottom-color:#bbb;
}
#contactForm textarea {
	width:262px;
	height:122px;
	resize:none;
}
#contactForm input.button {
	position:absolute;
	right:0; bottom:-33px;
	border:0;
	width:100px;
	height:33px;
	background:#aa5323;
	color:#fff;
	font-size:15px;
	text-transform:uppercase;
	cursor:pointer;
	border-radius:0 0 4px 4px;
}
#contactForm .validation-container {
	margin:6px 0 12px 0;
	color:#d35b19;
}
#contactForm h2 {
	margin:5px 0 8px 0;
}
#map {
	height:400px;
	margin-top:55px;
}

/*
=====================
Footer
=====================
*/
#footer {
	margin-top:70px;
	border-bottom:6px solid #7f3811;
	height:90px;
}
#footer .content {
	width:718px;
	margin:auto;
	padding-left:244px;
}
#footer {
	color:#aaa;
}
#footer .content div,
#footer address {
	float:left;
	margin-right:45px;
}
#footer a {
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer span {
	display:block;
}
#footer .content div span {
	margin-bottom:4px;	
}
#footer strong {
	font-weight:900;
	color:#ddd;
}