/*global*/
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form{
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
html,body {
	height: 100%;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	color: #222;
	background: url(images/bg.jpg) repeat-x #00ae36;
	background-position: center;
	margin: 0 auto;
}
#content{
font-family: verdana, arial, sans-serif;
position: relative;
}
/*text*/
p {line-height: 1.4em; margin-bottom: 12px;}
h1 {line-height: 2em; font-size: 1.8em; font-weight: normal; font-family: verdana, arial, sans-serif; }
h2 {line-height: 2.5em; font-size: 1.7em; font-weight: normal; font-family: verdana, arial, sans-serif; }
h3 {line-height: 1.4em; font-size: 1.2em; font-weight: normal; font-family: verdana, arial, sans-serif; }
h4 {line-height: 2em; font-size: 1.5em; font-weight: normal; font-family: verdana, arial, sans-serif; }
li { line-height: 1.8em; }
hr { color: #dcdcdc; margin-top: -2px; }
.center {text-align: center;}
.bold {font-weight: bold;}
a {
text-decoration: none;
}
#content a {
text-decoration: underline;
color: #227aff;
}
#content a:hover {
text-decoration: none;
color: #1b52a6;
}
#content a:active {
color: #a8cbff;
}
#content a:visited {
}
#footer a {
text-decoration: underline;
color: #ecf4ff;
}
#footer a:hover {
text-decoration: none;
color: #a8cbff;
}
#footer a:active {
color: #fff;
}
#footer a:visited {
}
.selected {
text-shadow: 1px 1px #555;
}
/*box classes*/
.clearer {
	clear: both;
	height: 0px;
	overflow: hidden;
}
/* Form Styling */
#form_div {
}
#form_div label {
font-size: 14px;
float: left;
width: 130px;
margin-top: 18px;
}
.input {
	width: 175px;
	height: 15px;
	font-size:12px;
    border: 1px solid #cccccc;
    background: url(images/formgradient.jpg) repeat-x #ffffff;
	margin-bottom: 5px;
	padding: 5px;
	}
.input:hover {
    border: 1px solid #aaaaaa;
}
.textarea {
	font-family: verdana, arial, sans-serif;
	padding: 0px; line-height: 14px; margin: 0px;
	width: 350px;
	height: 150px;
	line-height: 16px;
	font-size:12px;
    border: 1px solid #cccccc;
    background: url(images/formgradient.jpg) repeat-x #ffffff;
	margin-bottom: 10px;
	padding: 5px;
}
.textarea:hover {
    border: 1px solid #aaaaaa;
}
.submit {
position: relative;
left: 388px;
}
/*-------------------------------*/
/*---------- START -------------*/
/*-----------------------------*/
body {
text-align: center;
}
#container {
width: 780px;
margin: 0 auto;
text-align: left;
}
#nav {
margin: 20px 0 0;
width: 758px;
height: 63px;
background: url(images/navbar.png) no-repeat;
position: relative;
z-index: 100;
}
#nav li {
position: relative;
z-index: 110;
float: left;
list-style: none;
}
#nav li:active {
position: relative;
top: 1px;
left: 1px;
text-shadow: 0px 0px #333;
}
#homeButton {
padding: 10px 42px;
}
#homeButton:hover {
background: url(images/homebutton.png) no-repeat;
}
#stockButton {
padding: 10px 45px;
margin-right: 2px;
}
#stockButton:hover {
background: url(images/contactbutton.png) no-repeat;
}
#contactButton {
padding: 10px 45px;
}
#contactButton a {
margin: 0 0 0 -15px;
}
#contactButton:hover {
background: url(images/contactbutton.png) no-repeat;
}
#nav a {
color: #dcf7ff;
}
#nav a:hover {
color: #fff;
}
#nav h3 {
font-size: 1.5em;
text-transform: uppercase;
}
#nav p {
font-size: 0.92em;
}
#search {
padding: 6px;
position: relative;
left: 20px;
}
#searchLabel {
color: #fff;
font-size: 1.5em;
}
#searchLabelBlack {
color: #222;
font-size: 1.17em;
font-weight: bold;
}
#searchBox {
border: 1px solid #555;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;
}
#searchSubmit {
background: url(images/search.png) no-repeat top left;
border: none;
width: 16px;
height: 16px;
margin-left: 5px;
cursor: pointer;
}
#searchBox:focus {
background: #ffffe4;
}
#categorySelect {
float: left;
margin: 10px 0 0 0;
}
#header {
background: url(images/header.png) no-repeat;
width: 774px;
height: 215px;
margin: 10px 0 0 -8px;
position: relative;
}
#header h1 {
font-weight: bold;
font-style: italic;
font-size: 24px;
}
#header a {
color: #fff;
margin: 7px 0 0 7px;
padding: 137px 4px 23px 465px;
position: absolute;
text-shadow: 2px 2px #333;
}
#header a:active {
text-shadow: 0px 0px #333;
top: 1px;
left: 1px;
outline: none;
}
#content {
background: url(images/bodyslice.png) repeat-y;
width: 774px;
margin-left: -8px;
padding: 0px 28px 30px 28px;
}
#contentBottom{
background: url(images/contentbottom.png) no-repeat;
width: 774px;
height: 9px;
margin: 0 0 0 -8px;
}
#intro {
float: left;
width: 360px;
margin: 10px 0 0 0;
}
#homePhoto {
float: left;
padding: 4px;
background: #d0e5f1;
border: 1px solid #91d6f9;
position: relative;
top: 50px;
left: 35px;
}
#homePhoto:hover {
background: #ebf8ff;
}
#arrivingSoon h2 {
float: left;
}
#arrivingSoon small {
float: left;
margin: 20px 0 0 5px;
}
#arrivingSoon table {
width: 720px;
}
table * {
margin: 0
}
#arrivingSoon th {
text-align: left;
background: #86c9ef;
padding: 6px;
color: #333;
margin: 0;
font-size: 1.2em;
}
#arrivingSoon td {
background: #444;
padding: 4px;
color: #ececec;
}
#viewStockList {
float: right;
margin: 14px 63px -10px 0;
}
#viewStockList img {
position: relative;
top: 3px;
left: 5px;
}
#footer {
color: #f5f5f5;
}
#footer li {
color: #a8cbff;
margin-left: 10px;
}
#col1, #col2, #col3 {
float: left;
width: 230px;
padding: 15px;
background: url(images/footerdivider.png) no-repeat;
height: 300px;
font-size: 0.9em;
}
#col1 {
margin-left: 0;
}
#footer h4 {
font-size: 18px;
}
acronym {
cursor: help;
}
iframe {
padding: 4px;
background: #d0e5f1;
border: 1px solid #91d6f9;
}
/* STOCK LIST */
#stockList {
width: 720px;
}
.stockListing {
background: #fff;
padding: 20px;
width: 684px;
height: 171px;
background: url(images/stocklistingcontainer.png);
margin: 0 0 5px -4px;
position: relative;
}
.stockListing h4 {
margin: 0;
line-height: 1em;
font-size: 20px;
font-weight: normal;
color: #363636;
}
.stockListingImage {
float: left;
padding: 7px 0 0 10px;
}
.stockListingInfo {
width: 434px;
float: left;
margin: 5px 0 0 20px;
color: #7a7a7a;
}
.soldIcon {
position: absolute;
top: 0;
right: 0;
}
.model span, .year span {
color: #363636;
}
.model, .year {
float: left;
margin: 6px 20px 0 0;
font-size: 14px;
}
p.stockListingDescription {
margin: 12px 0 0 0;
line-height: 18px;
}
a.readMore {
background: url(images/readmore.png) no-repeat;
width: 99px;
height: 31px;
float: left;
text-indent: -99999px;
display: block;
outline: none;
}
a.readMore:hover { background-position: 0 -31px; }
a.readMore:active { background-position: 0 -62px; }
a.enquire {
background: url(images/enquire.png) no-repeat;
width: 99px;
height: 31px;
float: left;
text-indent: -99999px;
display: block;
outline: none;
margin: 0 0 0 10px;
}
a.enquire:hover { background-position: 0 -31px; }
a.enquire:active { background-position: 0 -62px; }
.stockListingCTA {
position: absolute;
bottom: 16px;
right: 20px;
}
.stockListingImage img {
width: 207px;
height: 152px;
}

/* stock item */
#stockItem {
position: relative;
top: 20px;
float: left;
width: 390px;
margin: 0 25px 0 0;
}
#galleryContainer {
padding: 4px;
border: 1px solid #ccc;
background: #eee;
width: 380px;
}
#controller {
width: 390px;
}
.jFlowControl img:hover {
background: #bbb;
border: 1px solid #555;
}
.jFlowControl img {
margin: 10px 3px 20px;
padding: 2px;
border: 1px solid #ccc;
background: #eee;
cursor: pointer;
}
.jFlowSelected img {
background: #777 !important;
border: 1px solid #555;
}
.ajaxTable {
width: 710px !important;
}
#back {
float: right;
margin: 25px 25px 0 25px;
}
.red {
color: #af2b2b
}
.green {
color: #298f08;
}
p.zoom-mouse {
text-align: center;
margin: 10px 0 0 0;
}
#info {
position: relative;
top: 50px;
float: left;
width: 290px;
margin: 0 30px 0 0;
}
#info td {
vertical-align: top;
padding: 6px 6px 6px 10px;
}
#info .tralt {
background: #a5cfff;
}
#info tr {
background: #def5ff;
color: #5a686b;
}
#info td.label {
font-weight: bold;
border-right: 2px solid #3391a8;
color: #004a5d;
padding: 6px 10px 6px 6px;
}
#stockEnquire .enquire {
float: right;
position: relative;
top: -8px;
}
#stockEnquire #backButton {
margin: 0 4px 0 0;
}
#stockEnquire {
position: absolute;
bottom: 22px;
right: 97px;
}
/*--------------------------*/
/*-----FANCYBOX STYLES-----*/
/*------------------------*/

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Copyright (c) 20010 Janis Skarnelis
 * Examples and documentation at: http://fancybox.net
 *
 * Version: 1.3.0 (02/02/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
 
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fancybox/fancy_loading.png') no-repeat;
	display: none;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url('images/fancybox/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('images/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('images/fancybox/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('images/fancybox/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('images/fancybox/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url('images/fancybox/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('images/fancybox/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_nw.png') no-repeat;
}


/* ENQUIRY FORM */

.enquirebox {
width: 400px;
text-align: left;
}
.enquirebox h4 {
line-height: 1em;
margin: 0 0 12px;
padding: 0;
}
.enquirebox p {
color: #666;
}
form.enquiryform {
margin: 25px auto 10px;
width: 360px;
}
.enquiryform input, .enquiryform textarea {
width: 350px;
padding: 5px;
font-size: 14px;
border: 1px solid #bbb;
font-family: verdana, arial, sans-serif;
}
.enquiryform textarea {
height: 100px;
}
.enquiryform .submit {
width: 120px;
padding: 3px;
margin: 10px 0 0 0;
left: 0;
float: right;
}
.enquiryform label {
font-size: 14px;
margin: 15px 0 -12px 0;
display: block;
}
.enquiryform #subject {
font-size: 12px;
}

/* SEARCH */
.highlight {
background: #ffcb2e;
}