/*
Colours Used in Site

BG:#996633
header:#B89471
content: #DCCAB8

*/

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0;	outline: 0; }
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {	background-color:#996633; margin: 0px auto; }
html {	height:101%; margin: 0px auto; font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:130%; color:#333;}
.clear{	clear:both; }

td {  }
td a:link, td a:visited, td a:active { color:#FF0000; text-decoration:none; border-bottom:1px dashed #C60000;}
td a:hover { color:#FFF; text-decoration:none; border-bottom:1px dashed #FFF;}
/******************************************************************************************/
/*************************************** Img **********************************************/
/******************************************************************************************/
img {margin:0px;padding:0px;border: 0px;}

/******************************************************************************************/
/*************************************** Text *********************************************/
/******************************************************************************************/
p { font-size:75%;padding:0px 0 12px 0; margin:0px; }
h1 {font-size:95%; color:#fff;text-transform:uppercase;padding:0px 0 25px 0;}
h2 {font-size:85%; color:#002148;text-transform:uppercase;padding:15px 0 10px 0;}

p a:link, p a:visited, p a:active { color:#7C4A18; text-decoration:none; border-bottom:1px dashed #7C4A18;}
p a:hover { color:#333; text-decoration:none; border-bottom:1px dashed #333;}

#text { margin:0px 170px 0 20px;padding:0px;}
#text ul {padding: 0px 0 10px 0px; margin:0px; list-style:none; display:block;}
#text li {padding: 0px 0px 4px 20px; margin: 0px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position:left 6px;font-size:75%;}
#text a:link, #text a:visited, #text a:active { color:#FF0000; text-decoration:none; border-bottom:1px dashed #C60000;}
#text a:hover { color:#FFF; text-decoration:none; border-bottom:1px dashed #FFF;}

#form_container { margin:0px 20px 0 20px;padding:0px;}
#text_po { clear:both;margin:0px 20px 0 20px;padding:0px;}
#text_new { margin:0px 110px 0 20px;padding:0px;}

#avail { height:280px;margin: 0px 0px 10px 0px;background:#B89471; padding:10px 0px 10px 10px;color:#333333;font-size:75%;}
#avail p { margin: 0px 0 10px 0px;padding:0px;background:#B89471;}
#availh { height:215px;margin: 0px 5px 10px 0px;background:#B89471; padding:10px 10px 10px 10px;color:#333333;font-size:75%;}
#availh p { margin: 0px 0 10px 0px;padding:0px;background:#B89471;}
.line1 { padding: 0 0 10px 0;}

.thumb { padding:0px 0px 10px 15px; float:right;}
.blurb { padding: 25px 0 15px 0px;margin:0px;}
.conditions { font-size:65%;line-height:110%; color:#999;}
.top {font-size:70%;float:right;}
.intro {font-size:80%; color:#462F17;padding:0px 20px 20px 20px; }


/******************************************************************************************/
/************************************ Structure *******************************************/

#container { width: 868px; margin: 0px auto;padding:0 16px; background-color:#DCCAB8;background:url(../images/bg_content.jpg) repeat-y;}
#header { height:137px; padding:0px 15px 0 15px; margin:0px; position:relative; background:#B89471; }
#logo { float:left;width:80px; padding:20px 25px 20px 25px; }
#content { padding:15px 0px 15px 0px; margin:0px 0 0px 0; height:100%;border-top:5px solid #B89471;}
#hero { width:850px;height:237px; padding:10px 10px 10px 10px;margin:0px;}
#titles { width:632px; float:right; height:85px; text-align:right; padding:0px 10px 0px 0px; margin:0px;}


#hm_left_col { width:490px;float:left;margin:0px 0px 0px 10px; padding:0px;}
#hm_right_col { width:335px;float:right;margin:0px 10px 0px 0px; padding:0px; }

#left_col { width:460px;float:left;margin:0px; padding:0px 0px 0px 20px;}
#left_col ul { margin:0px; padding:0px 0px 5px 20px;font-size:75%;list-style:none;}
#left_col li {padding: 0px 0px 10px 20px; margin: 0px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position:left 6px;}

#left_col li a:link, #left_col li a:visited, #left_col li a:active { color:#7C4A18; text-decoration:none; border-bottom:1px dashed #7C4A18;}
#left_col li a:hover { color:#333; text-decoration:none; border-bottom:1px dashed #333;}

.coll { float:left; width:220px;}
.colr { float:right; width:220px;}

#leftnav { float: left; width:450px;margin:0px 0px 15px 0; padding:0px }
#leftnav ul {padding: 0px; margin:0px; list-style:none; }
#leftnav li {padding: 0px; margin:0px; display:inline;list-style:none;background:none; }
#leftnav li img { padding: 0px 10px 10px 0px; }

#leftnav li a:link, #left_col li a:visited, #left_col li a:active { text-decoration:none; border-bottom:none;}
#leftnav li a:hover { text-decoration:none; border-bottom:none;}

#right_col { width:315px;float:right;margin:0px 10px 10px 0px;background:#002148;padding:10px; }
#right_col h1 { margin: 0px 0 0px 0px;padding:0px 0 15px 0;}
#right_col h2 { margin: 0px 0 0px 0px;padding:5px 0 5px 0;color:#fff;font-size:80%;border-top:1px dashed #fff;font-family:Arial, Helvetica, sans-serif;}
#right_col p { margin: 0px 0 10px 0px;padding:0px;color:#fff;font-size:70%;line-height:120%;}
#right_col p a:link, #right_col p a:visited, #right_col p a:active { color:#00B9C5; text-decoration:none; border-bottom:1px solid #00B9C5;}
#right_col p a:hover { color:#fff; text-decoration:none; border-bottom:1px solid #fff;}

#right_col2 { width:313px;float:right;margin:0px 10px 0px 0px;padding:10px;font-size:95%;border:1px dashed #462F17;}
#promo { text-align:left; width:350px;float:right;margin:0px 0 0 -80px;}


#footer {height:135px;padding:20px 10px 10px 10px; margin:0px;background:#B89471; color:#FFFFFF;}
#footer ul {padding: 0px; margin:0px; list-style:none; }
#footer li {padding: 0px; margin:0px; display:inline;list-style:none; }
#footer li img { padding: 0px 5px 0 0;margin:0px; }
#footer p a:link, #footer p a:visited, #footer p a:active { color:#7C4A18; text-decoration:none; border-bottom:1px dashed #7C4A18;}
#footer p a:hover { color:#FFF; text-decoration:none; border-bottom:1px dashed #FFF;}
.details { width:555px;float:right; padding: 5px 10px 0px 5px;}

.float_left { float:left;}
.float_right { float:right; }


/******************************************************************************************/
/************************************ ANAV *******************************************/
/******************************************************************************************/
#anav { float: right; width:580px;margin:15px 25px 0 0; padding:0px }
#anav ul {padding: 0px; margin:0px; list-style:none; }
#anav li {padding: 0px; margin:0px; display:inline;list-style:none; }
#anav li img { padding: 0px 0px 6px 8px; }


#bottom_anav { width:868px; background:#B89471;padding:10px 0 10px 0; margin:0px 0 10px 0;text-align:center;font-size:80%;color:#FFFFFF; }
#bottom_anav ul {padding: 0px; margin:0px; list-style:none; }
#bottom_anav li {padding: 10px 0px 10px 0px; margin:0px; display:inline;list-style:none; }

#bottom_anav li a:link, #bottom_anav li a:visited, #bottom_anav li a:active {padding: 10px 10px 10px 10px; margin:0px; display:inline;list-style:none;color:#FFFFFF;text-decoration:none; }
#bottom_anav li a:hover { color:#7C4A18; text-decoration:none;}

/******************************************************************************************/
/************************************ BNAV *******************************************/
/******************************************************************************************/
#bnav { float: right; width:280px;margin:0px 25px 0 0;padding:40px 0 0 0;}
#bnav ul {padding: 0px; margin:0px; list-style:none; display:block;}
#bnav li {height:41px; display: inline; padding: 0px; margin: 0px;}
#bnav li img { padding: 10px 0px 6px 8px; margin:0px;}

#bnav2 { float: right; width:280px;margin:0px 25px 0 0;padding:40px 0 0 0;}
#bnav2 ul {padding: 0px; margin:0px; list-style:none; display:block;}
#bnav2 li {height:41px; display: inline; padding: 0px; margin: 0px;}
#bnav2 li img { padding: 10px 0px 6px 8px; margin:0px;}


/******************************************************************************************/
/************************************ Home Buttons *******************************************/
/******************************************************************************************/

#home_btns { float: left; margin:0px;padding:0px;}
#home_btns ul {padding: 0px; margin:0px; list-style:none;}
#home_btns li { display:inline; padding: 0px; margin: 0px;}
#home_btns li img { padding: 0px 5px 7px 0px; margin:0px;}


/* **************************************************************** */
/* ************************ Forms  ******************************** */
/* **************************************************************** */
.form input, form textarea, form select{ font-family: Arial, Helvetica, sans-serif; color: #333;font-size:90%; }
.form { padding:10px;}
.formcell { width: 145px; display: block; float: left; margin: 3px 5px 0px 0px;padding:0px; text-decoration: none;}
.formcellr { width: 145px; display: block; float: right; margin: 3px 0px 0px 0px;padding:0px; text-decoration: none;}
.send { width: 145px; display: block; float: left; margin: 10px 0px 0px 0px;padding:0px; text-decoration: none;}
.newcar_hdr {color: #fff; font-size:90%;}
.field{ height:20px; background-color: #1E2428; border:none; width:147px; color: #ffffff; }
.select { background-color: #1E2428; border:none; color: #ffffff; width:147px; padding:5px; }
.button { background-color:#DCCAB8; border:none; color: #784512; padding:2px;font-family: Arial, Helvetica, sans-serif;font-weight:bold;}

/* **************************************************************** */
/* ************************ Lightbox  ******************************** */
/* **************************************************************** */
img_rollover, a.img_rollover { float: left; padding: 1px;  margin: 0 5px 10px 5px; background-color: #FFFFFF;	display: block;	display: inline; border: 1px solid #FFFFFF;	}
a.img_rollover:hover { border: 1px solid #00B9C5; display: block; display: inline; }


/* lightbox styles - these are to style the  pop-over */
#lightbox{	padding: 10px;	border: 2px solid #ffffff;	background: url(../images/img_bg_popover.jpg) #FFFFFF bottom left no-repeat;	}
#lightboxDetails{	font-size: 70%;	padding: 5px 0 0 0;	}
#lightbox a { color: #666666; text-decoration: underline; margin: 0; padding: 0; }
#lightbox a:hover { color: #00B9C5; text-decoration: underline; }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; margin: 10px 10px 0 0; height:11px; width:11px; }
#lightbox img{ border: none; clear: both; padding: 0 0 5px;}
#overlay img{ border: none; }
#overlay{ background-image: url(../images/overlay.png); }