/* CSS Document for Hallmark Cars */
							
							/*** General ***/							
*							{ margin: 0; padding: 0; }

html						{ width: 100%; height: 100%; }

body						{ background: url(../images/bg-pattern.jpg) repeat #666666; font-family: Arial, Helvetica, sans-serif; height: 100%; }

img							{ border: none; }

a,a:active,a:visited,a:focus{ outline: none; }

div#wrapper1				{ width: 100%; height: auto; float: left; background: url(../images/wrapper1-bg.png) top center repeat-x; }

div#wrapper2				{ width: 992px; height: auto; margin: 0 auto; }

							/*** Header Area ***/
div#header					{ width: 992px; height: 250px; float: left; background: url(../images/header-bg.png) center top no-repeat; position: relative; overflow: visible; }

div#steeringwheel			{ width: 125px; height: 125px; position: absolute; left: 40px; top: 56px; background:url('../images/steering-wheel.png')}

a#hallmarklogo				{ width: 521px; height: 110px; position: absolute; left: 176px; top: 59px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/hallmarklogo.png) left top no-repeat; }

ul#contactbox				{ width: 235px; height: 161px; position: absolute; right: 15px; top: 29px; list-style: none; background: url(../images/contactbox-bg.png) left top no-repeat; }
ul#contactbox li			{ width: 235px; height: 40px; line-height: 40px; float: left; color: #ffffff; font-size: 18px; text-transform: uppercase; font-weight: bold; text-indent: 70px; }
ul#contactbox li#EU			{ background: url(../images/email-us.png) left top no-repeat; }
ul#contactbox li#BH			{ background: url(../images/business-hours.png) left top no-repeat; }
ul#contactbox li#FU			{ background: url(../images/find-us.png) left top no-repeat; }
ul#contactbox li#PN			{ background: url(../images/phone-number.png) left top no-repeat; }
ul#contactbox li a			{ color: #ffffff; text-decoration: none; font-size: 16px; height: 40px; line-height: 40px; width: 235px; float: left; }
ul#contactbox li a:hover	{ text-decoration: none; color: #999999; }

ul#topnav					{ width: 962px; height: 50px; list-style: none; background: url(../images/topnav-bg.png) left top no-repeat; position: relative; margin: 200px 0 0 15px;z-index: 999999999; }
ul#topnav li				{ float: left; height: 50px; line-height: 50px; text-transform: uppercase; font-size: 12px; font-weight: bold; display: inline; position: relative;z-index: 10; }
ul#topnav li#HO				{ margin-left: 8px; }
ul#topnav li a				{ float: left; height: 50px; line-height: 50px; color: #ffffff; text-decoration: none; padding: 0 5px;z-index: 9999 !important; position: relative; }
ul#topnav li a:hover		{ text-decoration: none; }

.blank {
	height: 230px;
	width: 255px;
	float: right;
}

.stockupdates {
	display: block;
	width: 235px;
	height: 120px;
	background: url('../images/stockupdates4.jpg') no-repeat 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 102px;
	outline: none;
	border: none;
}

.stockupdates:hover {
	background-position: 0px -120px;
}

.stockupdates:active {
	background-position: 0px -240px;
}

#stockalerts {
display: inline-block;
position: relative;
width: 470px;
height: 60px;
margin: 0px 0 10px 30px;
}
a#stockupdatesthin {
	display: block;
	width: 470px;
	height: 60px;
	background: url('../images/stockupdates5.jpg') no-repeat 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	outline: none;
	border: none;
	z-index: 9999px;
}

a#stockupdatesthin:hover {
	background-position: 0px -60px;
}

a#stockupdatesthin:active {
	background-position: 0px -120px;
}

.facebook {
	display: block;
	width: 235px;
	height: 45px;
	background: url('../images/facebook.jpg') no-repeat 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	position: absolute;
	right: 0;
	top: -5px;
	border: none;
}

.facebook:hover {
	background-position: 0px -45px;
}

.facebook:active {
	background-position: 0px -90px;
}

.trusted {
	display: block;
	width: 235px;
	height: 55px;
	background: url('../images/trustedtrader.jpg') no-repeat 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	position: absolute;
	top: 43px;
	right: 0;
	border: none;
}

.trusted:hover {
	background-position: 0px -55px;
}

.trusted:active {
	background-position: 0px -110px;
}


							/*** Lavalamp Styles ***/
ul#topnav li.backLava 		{ background: url(../images/nav-slider-right.png) no-repeat top right; width: 15px; z-index: 5; position: absolute; }
ul#topnav li.backLava .leftLava{ background: url(../images/nav-slider-bg.png) no-repeat top left; height: 50px; margin-right:15px; z-index: 5; }
ul#topnav li.backLava .cornerLava{ display: none; }
ul#topnav li.backLava .bottomLava{ display: none; }

							/*** Nav Dropdowns ***/
	
		/* submenu, it's hidden by default */
ul#topnav ul 				{ position: absolute; left: 0; display: none; list-style: none; background: url(../images/nav-dropdown.png) no-repeat; z-index: 9999999; height: 60px!important; width: 200px!important; }
		
ul#topnav li ul li 			{ width: 200px!important; float: left!important; height: 25px!important; }
ul#topnav li ul li a		{ color: #ffffff; text-decoration: none; height: 25px!important; line-height: 25px!important; width: 200px!important; display: block!important; padding: 0!important; font-size: 10px!important; text-indent: 15px; }
ul#topnav li ul li a:hover	{ color: #999999; text-decoration: none; height: 25px!important; line-height: 25px!important; width: 200px!important; display: block!important; }
		
		/* display block will make the link fill the whole area of LI */
ul#topnav ul a 				{ display: block; height: 15px; padding: 8px 5px; color: #666; }
		
ul#topnav ul a:hover 		{ text-decoration: underline; }							

							/*** Content Area **/
div#mainarea				{ width: 992px; height: auto; float: left; background: url(../images/main-bg.png) left top repeat-y; }

							/*** Dealer Utilities Area ***/
div#dealerutils				{ width: 962px; height: 220px; float: left; margin: 5px 15px 0 15px; display: inline; }

p.dealerutiltitle			{ color: #ffffff; font-size: 16px; text-transform: uppercase; font-weight: normal; height: 43px; line-height: 43px; text-indent: 15px; }

div#stocksearch1			{ width: 235px; height: 220px; float: left; background: url(../images/dealerutils-sml.png) left top no-repeat; position: relative; }

#stocksearch1 a				{ position: absolute; bottom: 15px; left: 35px; z-index: 100; color: #cccccc; text-decoration: underline; font-size: 11px; }
#stocksearch1 a:hover		{ text-decoration: underline; color: #ffffff; }

div#stocksearch2			{ width: 230px; height: 220px; float: left; margin-bottom: 10px; background: url(../images/dealerutils-sml2.png) left top no-repeat; }
div#stocksearch2 li {width: 210px !important;}

div#stocktran				{ width: 482px; height: 220px; float: left; display: inline; margin: 0 5px; overflow: hidden; position: relative; }

img#stocktranoverlay		{ position: absolute; left: 0; top: 0; z-index: 10; }

div#specialoffers			{ width: 235px; height: 220px; float: right; background: url(../images/dealerutils-sml.png) left top no-repeat; }

div#contentwrap				{ width: 962px; height: auto; float: left; margin: 5px 15px 0 15px; display: inline; }
div#contenttop				{ width: 962px; height: 15px; float: left; background: url(../images/contenttop-bg.png) center bottom no-repeat; }
div#content					{ width: 962px; height: auto; float: left; min-height: 500px; background: #1636b9; }
* html div#content			{ height: 500px; }

							/*** Special Offer Slider ***/
#slider 					{ width: 235px; position: relative; }

.scroll 					{ height: 176px; width: 205px; overflow: hidden; position: relative; clear: left; }

.scrollContainer div.panel 	{ height: 176px; width: 205px; }

ul.navigation 				{ list-style: none; position: absolute; right: 0; top: 0; width: 30px; }

ul.navigation li 			{ display: inline; }

ul.navigation a 			{ width: 30px; height: 29px; line-height: 29px; text-align: center; color: #ffffff; text-decoration: none; display: block; background: #000000; font-weight: bold; }
ul.navigation li#offerlink a{ width: 30px; height: 32px; line-height: 32px; text-align: center; color: #ffffff; text-decoration: none; display: block; background: url(../images/offerlink.png) left top no-repeat; font-weight: bold; }

ul.navigation a:hover 		{ background-color: #151515; }
ul.navigation li#offerlink a:hover{ background: url(../images/offerlink.png) left bottom no-repeat; }

ul.navigation a.selected 	{ background: #151515; }
ul.navigation li#offerlink a.selected{ background: url(../images/offerlink.png) left bottom no-repeat; }

.scrollButtons 				{ position: absolute; top: 150px; cursor: pointer; }

.scrollButtons.left 		{ display: none; }

.scrollButtons.right 		{ display: none; }

.hide 						{ display: none; }

ul#showroom-pics			{ margin: 25px 0 0 66px; list-style: none; }
ul#showroom-pics li			{ float: left; margin-right: 40px; }

							/*** Footer Area ***/
div#footer					{ width: 992px; height: auto; float: left; background: url(../images/footer-bg.png) center top no-repeat; }

ul#footnav					{ list-style: none; margin: 40px 0 10px 0; width: 992px; float: left; }
ul#footnav li				{ float: left; }
ul#footnav li#FO			{ margin-left: 25px; }
ul#footnav li a				{ color: #cccccc; text-decoration: none; font-size: 12px; text-transform: uppercase; margin: 0 10px; }
ul#footnav li a:hover		{ color: #ffffff; text-decoration: none; }

p#footaddy					{ font-size: 12px; color: #ffffff; width: 992px; text-align: center; text-transform: uppercase; float: left; }
p#footaddy strong			{ color: #666666; font-weight: normal; }

div#logos					{ width: 962px; height: 175px; float: left; margin: 10px 15px; display: inline; border-bottom: 1px dotted #222222; }

img#creditcards				{ margin-left: 133px; }
img#variouslogos			{ margin-left: 38px; }

div#ukw						{ float: right; font-size: 12px; color: #999999; background: url(../images/ukw-globe.png) top right no-repeat; height: 50px; padding-right: 18px; text-transform: uppercase; margin-right: 15px; }
div#ukw a					{ text-decoration: none; color: #999999; }
div#ukw a:hover				{ text-decoration: none; color: #ffffff; }

							/*** Text Styling - General ***/
h1							{ font-size: 24px; color: #999999; margin: 10px 30px; font-weight: normal; text-transform: uppercase; border-bottom: 1px dotted #8b9bdc; }
h1 strong					{ color: #ffffff; }
h1 em						{ color: #000000; font-size: 16px; }

h2							{ font-size: 20px; color: #111111; margin: 20px 30px; font-weight: normal; text-transform: uppercase; }

h3							{ font-size: 16px; color: #222222; margin: 10px 30px; font-weight: normal; text-transform: uppercase; }

p.normP						{ font-size: 12px; text-align: justify; color: #ededed; margin: 12px 30px; letter-spacing: 1px; }

p.normP a					{ font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; border-bottom: 1px dashed #000000; }

p.normP a:hover				{ text-decoration: none; color: #000000; border-bottom-color: #ffffff; }

ul.normUL					{ color: #ffffff; font-size: 14px; }
ul.normUL li				{ list-style: none; margin: 0 30px 0 55px; padding: 5px 0 5px 20px; background: url(../images/normUL-bullet.jpg) left top no-repeat; }

img#slogan					{ margin-left: 230px; }

.floatright					{ float: right; margin: 0 30px 10px 15px; }

div.editwrap				{ width: 902px; margin: 10px 30px; }
div.editwrap *				{ color: #ffffff!important; font-family: Arial, Helvetica, sans-serif!important; font-size: 12px!important; }
div.editwrap p				{ margin: 15px 0!important; }

.viewall {
	display: block;
	float: left;
	color: #DDD;
	font-size: 12px;
	margin: 14px 0px 0px 6px;
}

.viewall:hover {
	color: #FFF;
}

.privacy {
	color: #999;
	font-size: 12px;
	text-transform: uppercase;
	margin-left: 20px;
	text-decoration: none;
	margin-top: -2px;
}

.privacy:hover {
	color: #FFF;
}

#dotw {
	position: relative;
	margin-top: 172px;
}

#dotw a {
	display: block;
	outline: none;
}

#dotw img {
	position: absolute;
	left: 15px;
	bottom: 10px;
	border: 2px solid #FFF;
}

#dotw .dotwMakeMod {
	font-weight: bold;
	font-size: 11px;
	position: absolute;
	left: 105px;
	display: block;
	width: 95px;
	height: 40px;
	top: -66px;
	text-decoration: none;
	color: #FFF;
}

#dotw .dotwPrice {
	font-weight: bold;
	font-size: 11px;
	position: absolute;
	left: 105px;
	display: block;
	width: 95px;
	height: 40px;
	top: -28px;
	text-decoration: none;
	color: #FFF;
}