﻿/*
NOTES: Font used for header, Verdana Bold, size 74 Hinting and antialiasing.
Red Color: #7f0704;
*/
html, body, div, h1, h2, h3, img, ol, ul, li
{
	border: 0;
	margin: 0;
	padding: 0;
}

h1, h2
{
    padding: 5px 0px;
}

body
{
	/*background: Black url('../../Images/TiledBackground.jpg') repeat-x 50% 484px fixed;*/
	background-color: Black;
	color: White;
	font-family: "Lucida Sans Unicode", Verdana, Arial;
}

/* For the background effect of the curtains hanging. */
#Curtains
{
    /*background: transparent url('../../Images/RedCurtains.gif') repeat-x top left fixed;*/
    background-color: Black;
    height: 484px;
    position: fixed;
    width: 100%;
    z-index: -1;
}

#MainDropShadow
{
    background: transparent url("../../Images/BackgroundShadow.png") repeat-y scroll top left;
    margin: 0px auto;
    width: 990px;
}

#MainContainer
{
	background-color: transparent;
	margin: 0px auto;
	width: 960px;
	-moz-box-shadow: 0px 0px 10px 10px #280404;
	-webkit-box-shadow: 0px 0px 10px 10px #280404;
    box-shadow: 0px 0px 10px 10px #280404;
}

#Header, #Nav
{
	margin: 0px auto;
	width: 960px;
}

#Header
{
	background-color: transparent;
	height: 113px;
}

#AddressBar
{
    background: transparent url('../../Images/AddressBar.jpg') no-repeat top left scroll;
    padding: 0px 10px;
    height: 42px;
}

#AddressImg
{
    height: 25px;
    margin: 7px 0px;
}

#NavBar
{
    background: transparent url('../../Images/BodyBg.jpg') repeat-y top left scroll;
	height: 48px;
	overflow: visible;
	position: relative;
}

.NavLink
{
    margin: 0;
}

.NavLinkSelected
{
    position: absolute;
    top: -5px;
}

.SearchResultsList
{
    width: 400px !important;
    z-index: 1000;
}

.SearchBox
{
    height: 38px;
    line-height: 38px;
    width: 480px; 
}

.SearchBox span, .SearchBox input
{
    float: left;
}

.SearchBox input[type=text]
{
    margin-top: 9px;
    margin-left: 5px;
}

.SearchBox input[type=image]
{
    margin: 4px 0px 0px 6px;
}

#Content
{
	background: transparent url('../../Images/BodyBg.jpg') repeat-y top left scroll;
	border-bottom: solid 1px #0f0f0f;
	padding: 10px;
	position: relative;
	min-height: 500px;
}

#ContentInner
{
    padding: 10px;
}

#Footer
{
	background: #7b7878;
	border-top: 1px solid white;
	clear:both;
	color: White;
	font-weight: lighter;
	padding: 10px;
}

.FooterMapLink
{
    color: White;
    text-decoration: none;
    vertical-align: top;
}

.FooterMapIconLink
{
    display: inline-block;
    vertical-align: top;
}

.FooterAddressInfo
{
    float: left;
    width: 240px;
}

.FooterContactInfo
{
    float: left;
}

.FooterLinks 
{
    float: left;
    margin-left: 20px;
    width: 500px;
}

.FooterLinks ul li, .FooterLinks ul li a
{
    color: White;
    float: left;
    list-style-type: none;
    margin: 0px 5px 5px 5px;
    width: 90px;
}

.FooterLinks ul li
{
    
    width: 90px;
}

.FooterLinks ul li:hover
{
    background-color: Black;
    color: White;
}

.Middle
{
	margin: 0px auto;
	height: 530px;
	width: 800px;
}

.Map
{
	float: left;
	height: 500px;
	width: 500px;
}

.MapContact
{
    background-color: Gray;
    border: solid 1px white;
    padding: 10px;
    width: 420px;
}

.Message
{
    color: black;
}

#GoogleMap
{
    border: solid 3px black;
}

.Larger
{
    font-size: 1.1em;
}

.DeepBoldText
{
	color: #403F3F;
	font-size: 24px;
	font-family: Arial Black;
	font-weight: bold;
	text-shadow: #BFBFBF 5px 3px 1px;
}

.HeaderLink
{
	border: 0;
	display: block;
	height: 100%;
	width: 100%;
}

/***********************************************
            Cross Page Styles
***********************************************/
.BoxShadow
{    
    -moz-box-shadow: 5px 5px 5px #121212;
    -webkit-box-shadow: 5px 5px 5px #121212;
    box-shadow: 5px 5px 5px #121212;
}

.ContactBoxShadow
{
    -moz-box-shadow: 0px 0px 10px 5px #121212;
    -webkit-box-shadow: 0px 0px 10px 5px #121212;
    box-shadow: 0px 0px 10px 5px #121212;
}

.NetworkLink
{
    display: block;
    height: 24px;
    text-decoration: none;
    font-size: 16px;
}

.NetworkLink span
{
    height: 24px;
    margin: 0px;
    top: 0;
}

.List
{
    margin: 20px;
}

.Bold
{
	font-weight: bold;
	font-size: 1.8em;
}

.ClearBoth
{
	clear: both !important;
}

.Left
{
    float: left;
}

.Right
{
    float: right;
}

.InfoMessage
{
    font-size: .7em;
}

.Breadcrumbs
{
    margin-bottom: 10px;
}

/***********************************************
            Home Page Specific
************************************************/
#Specials
{
    background-color: #7f0704;
    float: left;
    height: 293px;
    width: 700px;
}

#FinancingAndModels
{
    background-color: #7F0704;
    float: left;
    margin-left: 20px;
    height: 293px;
    width: 220px;
}

#SpecialsHeader
{
    margin-left: 10px;
}

#SpecialsBox
{
    height: 100%;
    width: 100%;
}

#SpecialsNav
{
    float: right;
    padding: 15px;
}

.SpecialCar
{
    float: left;
    height:215px;
    padding: 10px;
    width: 210px;
}

.SpecialCar a
{
    color: White;
}

.SpecialLink
{
    height: 150px;
}

.SpecialImage
{
    border: solid 3px white;
    height: 150px;
    width: 200px;
    
}

#TopFinanceHeader
{
    color: Black;
    padding: 10px;
}

#MakesList
{
    list-style-type: none;
    line-height: 20px;
    margin: 0px 10px;
}

#MakesList li
{
    border-bottom: dotted 1px #858583;
    padding: 0px 0px 2px 0px;
}

#MakesList li a
{
    color: White;
    display: block;
    text-decoration: none;
    width: 100%;
}

#MakesList li a:hover
{
    background-color: Black;
    color: white;    
}

#ViewOurInventory
{ 
    background-color: #7f0704;
    float: left;
    height: 67px;
    margin: 10px 0px;
    width: 400px;
}

#Inventory
{
    
}

.SortButtons
{
    background-color: #7f0704;
}

.SortButtons a
{
    background-color: #7f0704;
    color: White;
    display: inline-block;
    padding: 5px 5px;
}

.SortButtons a:hover
{
    background-color: Black;
    color: White;
}

.InventoryCarInformation
{
    background-color: White;
    border: solid 1px gray;
    height: 150px;
    margin: 5px 0px;
}

.PhotoCount
{
    color: Black;
}

.InventoryCarImageCount
{
    float: left;
    margin: 5px 5px;
    text-align: center;
    width: 130px;
}

.InventoryCarInformation:hover
{
    background-color: #D1D1D1;
}

.InventoryCarDetails
{
    color: Black;
    float: left;
    font-size: .9em;
    margin: 5px;
    width: 575px;
}

.InventoryCarActionPrice
{
    color: Black;
    float: left;
    width: 200px;
}

.CarFaxLink
{
    display: block;
    height: 35px;
    margin-top: 5px;   
    width: 132px;
}

.InventoryBold
{
    font-weight: bold;
}

.InventoryCarPicLink
{
    border: solid 2px gray;
    height: 90px;
    margin: 5px;
    width: 115px;    
}

.InventoryCarPic
{
    height: 90px;
    width: 115px;
}

#PhoneNumber
{
    height: 67px;
    margin: 10px 0px;
    width: 450px;
}

#ViewOurInventory img
{
    margin-top: 10px;
}

/* **************************************************
                Car Information Page 
*****************************************************/
.ContentBackground
{
    background-color: #7f0704;
    width: 100%;
}

#TopCarPrice
{
    color: White;
    padding: 10px;
}

#CarInfoTopImage
{
    border: solid 2px white;
    width: 320px;    
}

.CarInformation
{
    line-height: 1.5em;
    width: 350px;
}

.CarOptionsTable
{
    width: 100%;
}

#CarComments
{
    padding: 10px;
    min-height: 50px;
}

#CarOptions, #CarComments
{
    background-color: #7f0704;
    border: solid 1px Black;
    font-size: .7em;
    margin: 10px auto;
}

#CarOptions li
{
    float: left;
    list-style-type: none;
    margin: 10px;
    width: 212px;
}

.SmallCarListing
{
    float: left;
    height: 190px;
    margin: 10px 0px;
    width: 313px;
}

.SmallCarListing div
{
    margin: 0 auto;
    width: 200px;
}

.SmallCarListingImg
{
    border: solid 2px white;
    height: 150px;
    width: 200px;
}

#AdditionalImages
{
    background-color: #7f0704;
    margin-top: 10px;
}

#AdditionalImages div.AdditionalImage
{
    float: left;
    margin: 10px;
    width: 250px;
}

#AdditionalImages div img
{
    border: solid 2px white;
    height: 150px;
    width: 200px;
}

.AdditionalImage
{
    margin: 0 auto;
    width: 250px;
}

#BottomDisclaimer
{
    background-color: #7f0704;
    margin: 10px 0px;
    padding: 5px;
}

/* **************************************************
                Contact Page
*****************************************************/
#ContactForm
{
    background-color: Gray;
    padding: 10px;
    width: 600px;
}

#ContactTable td
{
    padding: 5px 0px;
}

#ContactTable tr td input, #ContactTable tr td select
{
    width: 100%;
}

.CommentBox
{
    height: 150px;
    width: 100%;
}
