/* CSS Document */


*{ padding: 0; margin: 0; }


/**************/
/* Tag Styles */
/**************/

body { background: url(../images/bg.png) center top; font-family: Arial, sans-serif; font-size: 80%; color: #333 }

a:link {  color: #9F0A0E; text-decoration: none }
a:visited {  color: #9F0A0E; text-decoration: none }
a:active {  color: #9F0A0E; text-decoration: underline }
a:hover {  color: #D0732C; text-decoration: underline }

p { padding: 0 0 1em 0 }

h1 { padding: 0 0 .5em 0; font-size: 150% }



/*******************/
/* Division Styles */
/*******************/

#page { width: 754px; margin: 0 auto; padding: 0px; background-color: #fff }


#header { width: 754px; margin: 0 auto; padding: 0px; position:relative; }

#footer { clear: both; font-size: 80%; text-align: center; border-top: 5px solid #9F0A0E; padding: 10px; background: #eee }

#content { background-color: #fff; padding: 5px 22px 15px 22px }

#content_main { float: left; width: 310px; text-align: justify }

#content_main2 { width: 510px; float: right }

#content_sub { width: 375px; float: right; margin: 5px 0 15px 0 }
#content_sub img { border: 1px solid #666; margin: 0 0 8px 0 }
#flash { border: 1px solid #666; margin: 0 0 8px 0 }

#content_sub2 { width: 180px; float: left }

#contact { background-color: #eee; border: 1px solid #a9a9a9; line-height: 200%; padding: 5px; text-align: center; clear: both }

#detail_images {  }

.fullimage { float: left; width: 404px }

.fullimage img { border: 1px solid #000; margin-bottom: 1em }

.thumbnails { float: right; width: 80px; text-align: center }
.thumbnails img { border: 1px solid #333; margin-bottom: 3px }

img.thumb_selected { border: 3px solid #000 }


/**************/
/* Navigation */
/**************/

.nav { color: #eee; height: 56px; z-index: 2; position: absolute; margin:0; top:154px; left:1px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 120% }
.nav li { color: #eee; display: block; list-style-type: none; line-height: 56px; float: left; height: 56px; width: 115px }
.nav li a { float: left; color: #eee; text-decoration: none; height: 56px; text-align: center; width: 115px } 
.nav li a:hover { color: #ffc; text-decoration: none; background: url(../images/btn_hover.png) repeat-x; height: 56px !important; line-height: 56px }

.logo { z-index: 1 }

.nav_inventory li { list-style-type: none }
.nav_inventory li a { display: block; background: url(../images/btn_2.png) repeat-y; height: 25px; line-height: 25px; color: #333; margin: 0 0 3px 0; padding: 0 0 0 5px }
.nav_inventory li a:hover { color: #fff; background: url(../images/btn_1_hover.png) repeat-y; text-decoration: none }

/**********/
/* Tables */
/**********/


table.details { border: 1px solid #a9a9a9; margin: 0; clear: both }
table.details th { background: url(../images/bg_feature_title.png) repeat-x; text-align: left; padding: 4px; font-size: 110%; border-bottom: 1px solid #a9a9a9 }
table.details tr { background-color: #f1f1f1 }
table.details tr.oddrow { background-color: #d6d6d6 }
table.details td { padding: 3px }

table.hosts img { margin-right: 10px }

table.feedback td { padding: 0 0 3px 0 }

table#browse_inventory { border: 1px solid #666; background: url(../images/inventory_bg.png) repeat-x; height: 39px; font-size: 90%; width: 375px }

table#feature { border: 1px solid #a9a9a9; clear: both; margin: 0 0 20px 0 }

.feature_img { width: 200px; border-right: 1px solid #a9a9a9; background-color: #a9a9a9 }
.feature_get { width: 170px; height: 28px; border-top: 1px solid #a9a9a9; vertical-align: top; background-color: #f1f1f1 }
.feature_description { width: 336px; border-right: 1px solid #a9a9a9; padding: 5px }
.feature_title { border-bottom: 1px solid #a9a9a9; height: 24px; font-weight: bold; padding-left: 5px; background: url(../images/bg_feature_title.png) repeat-x }

.year1, .year2, .model1, .model2 { background-color: #f1f1f1; height: 24px; padding-left: 5px }

.make1, .make2,  .price1, .price2 { background-color: #d6d6d6; height: 24px; padding-left: 5px }

.make1, .model1, .year1, .price1 { font-weight: bold; border-right: 1px solid #a9a9a9 }
 
div#inquire { background-color: #f1f1f1; border: 1px solid #a9a9a9; padding: 8px }
table.inquire td { padding: 2px }

table.hours td { padding: 0 0 .5em 0 }

td.fields { width: 210px }



/****************/
/* Form Objects */
/****************/

#textfield, #textfield2, #textfield3, #textfield4, textarea { width: 210px; background-color: #fff; border: 1px solid #333; padding: 3px }
.textfield { width: 210px; background-color: #fff; border: 1px solid #333; padding: 3px }



/****************/
/* Miscelaneous */
/****************/

.browse { padding-left: 5px }

#map { border: 1px solid #333; margin-bottom: 2em }

img.inquire { margin: 5px 0 2em 0; float: right; border: 1px solid #a1a1a1 }