/*
Master Stylesheet - Richard Geddes - Skinzie - October 2009

/*-------------------------------------------------------------------------------------------------------FOUNDATIONS
*/
* {
	margin: 			0;
	padding: 			0;
	border: 			0;
	outline: 			0;
}
body {
	background: 		#7D2308 url('../images/bg.jpg') center top repeat-x;
	text-align:			center;
	font:				67.5% Arial, sans-serif;
}
div#container {
	width:				966px;
	margin:				0 auto;
	text-align:			left;
}
div#wrap {
	float:				left;
	background:			#000;
}
div#access {
	visibility:			hidden;
	height:				30px;
	margin-bottom:		-30px;
}

/*-------------------------------------------------------------------------------------------------------HEADER
*/
div#header {
	height:				150px;
	width:				966px;
	background:			url('../images/header.jpg') 14px 10px no-repeat;
	overflow:			hidden;
}
div#header h1 a {
	float:				left;
	width:				743px;
	height:				123px;
	background:			url('../images/logo.jpg') left top no-repeat;
	text-indent:		-9999px;
	margin:				32px 0 0 14px;
}
div#header h1 a:hover {
	background:			url('../images/logo.jpg') left -123px no-repeat;
}
div#header p {
	float:				right;
	color:				#FFF;
	font-size:			1.4em;
	margin:				80px 25px 0;
}
div#header p span {
	margin:				0 0 0 12px;
}
div#header p.logout {
	position:			absolute;
	top: 				10px;
	right:				50%;
	text-align:			right;
	margin:				0 -468px 0 0;
	font-size:			1em;
	color:				#FFF;
	padding:			5px;
}
div#header p.logout a {
	color:				#FFF;
	text-decoration:	none;
	font-weight:		bold;
	padding:			0 5px;
}
div#header p.logout a:hover {
	color:				#EEE;
}

/*-------------------------------------------------------------------------------------------------------FORMS
*/
form, label, input, select, textarea, button {
	color:				#FFF;
	font:				1em Arial, sans-serif;
}
form {
	float:				left !important;
	float:				none; /* FIX IE */
	width:				420px;
	margin:				4px 0 25px 50px;
	font-size:			1.1em;
	padding:			0 0 30px;
}
form.signup {
	margin:				4px 0 10px;
	background:			url('../images/listing-banner.jpg') left top no-repeat;
	width:				466px;
	height:				96px;
	border:				1px solid #625646;
	padding:			0;
}
fieldset {
	float:				left;
	margin:				0;
	padding:			0;
}
legend {
	text-indent:		-9999px;
}
div#content form p {
	float:				none;
	margin:				10px 4px 5px 0 !important;
}
div#content form p.error {
	color:				#CB0000;
	border:				1px solid #CB0000;
	padding:			5px;
	font-weight:		bold;
}
div#content form p.success {
	color:				#009900;
	border:				1px solid #009900;
	padding:			5px;
	font-weight:		bold;
}
div#content form p.success a {
	color:				#009900;
}
div#content form h2 {
	margin:				0 !important;
}
div#content form h3 {
	float:				left;
	clear:				left;
	margin:				20px 0 0;
}
form ol {
	float:				left;
	margin:				0px !important;
	padding:			0px !important;
}
form ol li {
	list-style-type:	none;
}
form ol li img {
	float:				left;
	margin:				10px 10px 5px 0;
}
form ol li h6 {
	float:				left;
	width:				172px;
	font-size:			1em;
	font-weight:		normal;
	margin:				10px 0 0 !important;
	padding:			5px !important;
	border: 			1px solid #333;
}
label, input, select, textarea, button, span.warning {
	float:				left;
	width:				402px;
	padding:			2px;
	margin:				2px 0;
}
form.signup label {
	text-indent:		-9999px;
}
form.signup input {
	margin:				18px 0 0 12px;
	padding:			2px;
	font-size:			1.8em;
	border:				1px solid #333;
	width:				368px;
	background:			#FFF !important;
	color:				#333 !important;
}
select {
	width:				414px;
}
label {
	background:			transparent;
	margin:				2px 15px 0 0;
}
label em {
	font-size:			0.8em;
}
em.warning {
	color:				#CB0000;
}
input, select, textarea, button {
	background:			#0C0C0C !important;
	border:				1px solid #666;
	padding:			5px;
}
input:focus, select:focus, textarea:focus {
	border:				1px solid #333;
}
textarea {
	overflow:			auto;
}
span.warning {
	margin:				2px 0 0 !important;
	padding:			0;
	color:				#CB0000;
	font-weight:		bold;
	font-size:			0.9em;
	padding:			2px 0;
	width:				408px;
}
label span.warning {
	margin:				2px 0 -2px !important;
}
button {
	font-weight:		bold;
	font-size:			0.9em;
	width:				auto;
	margin:				10px 15px 0 0 !important;
	text-transform:		uppercase;
	background:			#666 !important;
	border:				1px solid #666;
	color:				#FFF;
	cursor:				pointer;
	padding:			5px;
}
button:hover {
	border:				1px solid #333;
}
form.signup button {
	text-indent:		-9999px;
	width:				70px;
	height:				60px;
	margin:				5px 0 0 5px !important;
	background:			transparent !important;
	border:				0;
}

/*-------------------------------------------------------------------------------------------------------NAVIGATION
*/
ul#nav {
	position:			relative;
	float:				left;
	width:				918px;
	margin:				5px 14px 5px 14px !important;
	margin:				5px 14px 5px 7px; /* FIX IE */
	padding:			0 0 0 20px;
	background:			#F67601;
}
ul#nav li {
	float:				left;
	list-style-type:	none;
	padding:			0 0 8px;
}
ul#nav li a {
	float:				left;
	font-size:			1.2em;
	font-weight:		bold;
	text-transform:		lowercase;
	color:				#000;
	text-decoration:	none;
	padding: 			8px 18px 0;
	text-align: 		center;
}
ul#nav li a.nav_home:hover, body#home ul#nav li a.nav_home, 
ul#nav li a.nav_store-list:hover, body#store-list ul#nav li a.nav_store-list, 
ul#nav li a.nav_shop:hover, body#shop ul#nav li a.nav_shop, 
ul#nav li a.nav_articles:hover, body#articles ul#nav li a.nav_articles, 
ul#nav li a.nav_faq:hover, body#faq ul#nav li a.nav_faq, 
ul#nav li a.nav_contact:hover, body#contact ul#nav li a.nav_contact {
	color:				#FFF;
}
ul#nav li.subnav a:hover, 
ul#nav li.subnav.active, 
ul#nav li.subnav.active a {
	color:				#FFF !important;
}
ul#nav li.subnav ul {
	display:			none;
}
ul#nav li.subnav:hover ul, 
ul#nav li.subnav.active ul {
	display:			block;
}
ul#nav li.subnav ul {
	position:			absolute;
	top:				32px;
	float:				left;
	clear:				left;
	margin:				0 0 0 8px;
	padding:			5px 0 0;
	background:			#F67601;
	border-width:		0 2px 2px;
	width:				260px;
	z-index:			9999;
}
ul#nav li.subnav ul li {
	position:			relative;
	float:				left;
	clear:				left;
}
ul#nav li.subnav ul li a, 
ul#nav li.subnav.active ul li a {
	padding:			0 10px 2px;
	margin:				0;
	width:				240px;
	text-align:			left;
	background:			transparent !important;
	text-indent:		0;
	font-size:			1em;
}
ul#nav li.subnav ul li a:hover {
	color:				#000 !important;
}
ul#nav li.subnav ul li.subsubnav ul {
	display:			none;
}
ul#nav li.subnav ul li.subsubnav:hover ul, 
ul#nav li.subnav ul li.subsubnav.active ul {
	display:			block;
}
ul#nav li.subnav ul li.subsubnav ul {
	top:				0;
	left:				0;
	margin:				-1px 0 0 142px;
}
ul#subnav {
	float:				left;
	width:				926px;
	margin:				10px 0 0 48px;
}
ul#subnav li {
	float:				left;
	list-style-type:	none;
}
ul#subnav li a, ul#subnav li h2 {
	float:				left;
	padding:			0 10px 0 5px;
	margin:				0;
	text-decoration:	none;
	color:				#FFF;
	font-size:			1em;
}
ul#subnav li h2 {
	font-size:			1.3em;
}
ul#subnav li a:hover, ul#subnav li a.active {
	color:				#666;
}
ul#subnav li.extra a {
}

/*-------------------------------------------------------------------------------------------------------CONTENT
*/
div#content {
	float:				left;
	width:				960px;
	overflow:			hidden; /* FIX IE */
	padding:			0 0 35px;
}
body#map div#content {
	background:			#0E0E0E;
	padding:			0;
}
div.column {
	float:				left;
	width:				480px;
}
div.column h1.welcome {
	display:			block;
	text-indent:		-9999px;
	background:			url('../images/welcome.png') left bottom no-repeat;
	width:				270px;
	height:				59px;
	margin:				0 20px 10px 40px !important;
}
div#content div.column h1.featured-stuff {
	display:			block;
	float:				left;
	text-indent:		-9999px;
	background:			url('../images/featured-stuff.png') left bottom no-repeat;
	width:				278px !important;
	height:				34px;
	margin:				10px 20px 0 40px !important;
	margin:				10px 20px 0 20px; /* FIX IE */
}
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6, div#content p, 
div#content div.column ul, div#content div.column ol, 
div#content div.column dl {
	color:				#FFF;
	margin:				10px 0 10px 50px;
	padding:			0 20px 0 0;
}
div#content h1 {
	font-size:			1.8em;
}
div#content h1.heading_small {
	display:			none;
}
div#content h2 {
	margin:				20px 10px 10px 50px;
	font-size:			1.2em;
}
div#content h4 {
	color:				#FFF;
}
div#content div.column img.full {
	margin:				0;
}
div#content div.column img.small {
	float:				left;
	margin:				0 10px 10px 0;
	display:			inline;
}
div#content p, div#content div.column ul, div#content div.column ol {
	font-size:			1.2em;
	color:				#FFF;
	margin:				0 0 10px 50px;
}
div#content div.column.page iframe {
	float:				left;
	margin:				0 10px 10px 50px;
}
div#content div.column ul, div#content div.column ol {
	margin:				0 10px 0 40px;
	padding:			10px 30px;
}
div#content div.column ul.latest {
	float:				left;
	clear:				left;
	width:				400px;
	margin:				0;
	padding:			10px 15px;
	list-style-type:	none;
}
div#content div.column ul li.nested, div#content div.column ol li.nested {
	list-style-type:	none;
}
div#content div.column ul.sitemap li.nested {
	list-style-type:	disc;
}
div#content div.column li.nested ul, div#content div.column li.nested ol {
	padding:			0;
	margin:				5px 15px;
	font-size:			1em;
}
div#content div.column dl {
	margin:				10px 10px 10px 0;
}
div#content div.column dl dt {
	font-weight:		bold;
}
div#content div.column dl dd {
	margin:				5px 15px 0 5px;
}
div#content p.error {
	color:				#CB0000;
	font-weight:		bold;
}
div#content p.success {
	color:				#009900;
	font-weight:		bold;
}
div#content p span.updated, div#content ul li span.updated {
	color:				#666;
	font-size:			0.8em;
	font-weight:		bold;
}
div#content a {
	color:				#FFF;
}
div#content a:hover {
	color:				#666;
}
div#content a.anchor:hover {
	color:				#FFF;
}
div#content a.read_more {
	float:				left;
	clear:				left;
	padding:			5px 15px 5px 10px;
	margin:				0 0 0 15px;
	font-size:			1em;
	font-weight:		bold;
	text-decoration:	none;
	color:				#FFF;
	width:				195px;
	border-bottom:		1px solid #FFF;
	background:			url('../images/link_arrow_page.gif') 200px 5px no-repeat;
}
div#content a.read_more:hover {
	color:				#111;
	background:			url('../images/link_arrow_page_hover.gif') 200px 5px no-repeat;
}
div#content ul.thumbs {
	list-style-type:	none;
	float:				left;
	width:				415px;
	margin:				9px 0 5px 51px !important;
	padding:			0 !important;
}
div#content ul.thumbs li {
	float:				left;
}
div#content ul.thumbs li img {
	width:				73px;
	margin:				0 12px 12px 0 !important;
	border:				1px solid #666;
}
div#content div.column img {
	margin:				15px 0 0 50px;
}
div#content div.column img#full {
	width:				415px;
	border:				1px solid #666;
}
div#content div.item {
	float:				left;
	width:				410px;
	margin:				5px 12px 5px 50px !important;
	margin:				5px -3px 5px 25px; /* FIX IE */
	padding:			0 0 10px 10px;
	clear:				left;
	min-height:			86px;
	border:				1px solid #FFF;
}
div#content div.item.small {
	width:				152px;
	height:				auto !important;
	height:				222px; /* FIX IE */
	min-height:			222px;
	margin:				10px 7px 5px 0 !important;
	border:				0;
	border-bottom:		1px solid #A6A6A6;
	padding:			0 0 8px;
	clear:				none;
	overflow:			hidden;
}
div.item.small img {
	border:				1px solid #666;
	margin:				10px 0 0 10px;
}
div#content div.item h2 {
	font-size:			1.8em;
	margin:				5px 0 0;
}
div#content div.item h2 a {
	text-decoration:	none;
	color:				#FFF;
}
div#content div.item h2 a:hover {
	color:				#666 !important;
}
div#content div.item h2.latest {
	margin:				10px 0 0 10px;
}
div#content div.item.small h3, div#content div.item.small p, div#content div.item.small a {
	color:				#A6A6A6;
	font-size:			1em;
	line-height:		1.2em;
	margin:				8px -2px 8px 0 !important;
	width:				150px;
}
div#content div.item.small a {
	font-size:			1em;
	text-decoration:	none;
}
div#content div.item.small a:hover {
	color:				#A6A6A6;
}
div#content div.item.small h3 a {
	float:				left;
	margin:				10px 0;
	font-size:			1.2em !important;
	font-size:			1.5em;
	text-decoration:	underline;
	color:				#A6A6A6 !important;
}
div#content div.item.small p {
	float:				left !important;
	float:				none; /* FIXIE IE */
	clear:				left;
}
div#content div.item a.view {
	float:				right;
	margin:				-13px 0 0;
	font-weight:		bold;
	padding-right:		20px;
	background:			url('../images/link_arrow_page_hover.gif') right -1px no-repeat;
}
div#content div.item a.view:hover {
	background:			url('../images/link_arrow_page.gif') right -1px no-repeat;
}
div#content div.item h3, div#content div.item small {
	color:				#FFF;
	font-size:			0.8em;
	font-weight:		bold;
	margin:				5px 0 0 10px !important;
	margin:				5px 0 0 0; /* FIX IE */
}
div#content div.item h3 a {
	color:				#FFF;
}
div#content div.item img {
	float:				left;
	margin:				0 10px -10px -10px;
}
div#content div.item.small img {
	margin:				0 10px 0 0;
}
div#content div.item p {
	margin:				5px 10px -10px 0;
	padding:			0 0 8px;
	line-height:		1.4em;
	color:				#FFF !important;
}
div#content div.item p a {
	color:				#FFF !important;
}
div#content div.item p a:hover {
	color:				#666 !important;
}
body#store-list div#content div.item p {
	padding:			0 0 8px;
	display:			inline;
}
body#store-list div#content div.item.small p {
	padding:			0 0 8px 0;
}
div#content div.item dl {
	margin:				10px 0 10px 10px;
}
div#content div.column a.banner img {
	margin-left:		0;
	border:				1px solid #666;
}
div#content span.store {
	float:				left;
	visibility:			hidden;
	height:				0;
	overflow:			hidden;
}
div#content h1.heading_half {
	float:				left;
	width:				156px;
	margin:				0;
	padding:			0;
}
div#content h1.heading_half.wide {
	width:				480px;
}
div#content h1.heading_half a {
	margin:				7px 0 6px;
}
div#content h1.heading_half.wide a {
	margin:				7px 9px 6px 0;
}
div#content h1.heading_half a#online_dealers, 
div#content h1.heading_half a#street_dealers, 
div#content h1.heading_half a#store_directory {
	float:				left;
	width:				151px;
	height:				95px;
	text-indent:		-9999px;
}
div#content h1.heading_half a#online_dealers {
	background:			url('../images/online-stores.jpg') left top no-repeat;
}
div#content h1.heading_half a#street_dealers {
	background:			url('../images/street-stores.jpg') left top no-repeat;
}
div#content h1.heading_half a#store_directory {
	background:			url('../images/store-directory.jpg') left top no-repeat;
}
div#content h1.heading_half a#online_dealers:hover, 
div#content h1.heading_half a#street_dealers:hover, 
div#content h1.heading_half a#store_directory:hover {
	background-position:0 -95px;
}
div#content div#storeMap {
	float:				left;
	margin:				4px 0 0 6px;
	width:				304px;
	height:				312px;
	overflow:			hidden;
	border:				1px solid #666;
}
div#content div#storeMap h4, div#content div#storeMap h5, div#content div#storeMap p, div#content div#storeMap a, 
div#content div#largeMap h4, div#content div#largeMap h5, div#content div#largeMap p, div#content div#largeMap a {
	float:				none;
	text-align:			left;
	display:			block;
	color:				#111;
	clear:				both;
	margin:				0 10px 5px;
	font-size:			0.9em;
}
div#content div#storeMap h4, div#content div#largeMap h4 {
	font-size:			1.1em;
}
div#content div#storeMap h5, div#content div#largeMap h5 {
	font-size:			1em;
}
div#content div#addListing {
	float:				left;
	width:				470px;
	margin:				83px 0;
}
div#content div#addListing h2, div#content div#addListing h3, div#content div#addListing p {
	margin:				10px;
}
div#content div#addListing h2, div#content div#addListing h3 {
	color:				#FFF;
}
div#content div#storeMap a, div#content div#largeMap a {
	margin:				0 0 5px;
}
div#content div.column h2.results {
	margin:				0 0 15px 15px;
}
div#content div.column h3.pagination {
	float:				left;
	color:				#B9152E;
	font-size:			1em;
	margin:				5px 0 0 15px !important;
	margin:				5px 0 0 8px; /* FIX IE */
}
div#content div.column h3.pagination a {
	margin:				0 0 0 5px;
}
div#content div.column h3.pagination a.active {
	color:				#B9152E;
}
div#content div.column h3.pagination a.active:hover {
	color:				#6B6B6B;
}
div#content div.column a.page_video {
	float:				left;
	clear:				both;
	width:				400px;
	height:				auto !important;
	height:				45px; /* FIX IE */
	min-height:			45px;
	margin:				5px 12px 5px 40px !important;
	margin:				5px -3px 5px 20px; /* FIX IE */
	padding:			20px 20px 20px 10px;
}
div#content div.column a.page_video {
	background:			url('../images/video-icon-large.gif') right center no-repeat;
}

/*-------------------------------------------------------------------------------------------------------FOOTER
*/
div#footer_container {
	float:				left;
	width:				100%;
	background:			url('../images/footer_bg.png') center top no-repeat;
}
div#footer, 
div#credit {
	width:				966px;
	font-size:			1.1em;
	margin:				0 auto;
	padding:			10px 0 20px;
	text-align:			center;
}
div#footer a img {
	margin:				0 auto 10px;
}
div#footer p, 
div#credit p {
	clear:				left;
	margin:				0;
	color:				#F67601;
}
div#credit p {
	float:				left;
	font-weight:		bold;
	margin:				0 0 0 40px !important;
	margin:				0 0 0 20px; /* FIX IE */
}
div#footer p span.registered {
	font-size:			0.85em;
}
div#footer p span.url, div#footer p span.tel, div#footer p span.email {
	display:			none;
}
div#footer a, 
div#credit a {
	color:				#F67601;
}
div#footer a:hover, 
div#credit a:hover {
	color:				#FFF;
}
div#footer ul, 
div#credit ul {
	float:				left;
	list-style-type:	none;
	margin:				0 0 0 40px !important;
	margin:				0 0 0 20px; /* FIX IE */
}
div#footer ul li, 
div#credit ul li {
	float:				left;
	margin:				0 10px 0 0;
	font-size:			1em;
	font-weight:		bold;
}