/*
Dinosoles Dealers Master Stylesheet - Richard Geddes - Skinzie - November 2008

/*-------------------------------------------------------------------------------------------------------FOUNDATIONS
*/
* {
	margin: 			0;
	padding: 			0;
	border: 			0;
	outline: 			0;
}
body {
	background: 		#000;
	text-align:			center;
	font:				67.5% Arial, sans-serif;
}
div#container {
	width:				960px;
	margin:				0 auto;
	text-align:			left;
}
div#wrap {
	float:				left;
	background:			#7D6E55;
}
div#access {
	visibility:			hidden;
	height:				30px;
	margin-bottom:		-30px;
}

/*-------------------------------------------------------------------------------------------------------HEADER
*/
div#header {
	height:				144px;
	width:				960px;
	background:			#000 url('../images/header.jpg') left top no-repeat;
	overflow:			hidden;
}
div#header h1 a {
	float:				left;
	width:				230px;
	height:				135px;
	background:			url('../images/logo.jpg');
	text-indent:		-9999px;
}
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:				#6A5C44;
	background:			#E7D08A;
	border:				1px solid #6A5C44;
	padding:			5px;
}
div#header p.logout a {
	color:				#000;
	text-decoration:	none;
	font-weight:		bold;
	padding:			0 5px;
}
div#header p.logout a:hover {
	color:				#6A5C44;
}

/*-------------------------------------------------------------------------------------------------------FORMS
*/
form, label, input, select, textarea, button {
	color:				#C3AD87;
	font:				1em Arial, sans-serif;
}
form {
	float:				left !important;
	float:				none; /* FIX IE */
	width:				430px;
	margin:				4px 0 25px 40px;
	font-size:			1.1em;
	background:			#615644;
	border-bottom:		1px solid #6A5C44;
	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;
}
legend {
	text-indent:		-9999px;
}
div#content form p {
	float:				none;
	margin:				10px 40px 5px 45px !important;
}
div#content form p.error {
	color:				#CB0000;
	background:			#E7D08A;
	border:				1px solid #6A5C44;
	padding:			5px;
	font-weight:		bold;
}
div#content form p.success {
	color:				#009900;
	background:			#E7D08A;
	border:				1px solid #6A5C44;
	padding:			5px;
	font-weight:		bold;
}
div#content form p.success a {
	color:				#009900;
}
div#content form h3 {
	float:				left;
	clear:				left;
	margin:				20px 0 0 50px;
}
form ol {
	margin-left:		15px !important;
}
form ol li {
	list-style-type:	none;
}
form ol li img {
	float:				left;
	margin:				10px 10px 5px 50px;
}
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 #C3AD87;
}
label, input, select, textarea, button, span.warning {
	float:				left;
	width:				335px;
	padding:			2px;
	margin:				2px 0;
}
form.signup label {
	text-indent:		-9999px;
}
form.signup input {
	margin:				15px 0 0 15px;
	font-size:			1.8em;
	border:				0;
	background:			#FFF !important;
	color:				#625646 !important;
}
select {
	width:				342px;
}
label {
	background:			transparent;
	margin:				2px 15px 0 0;
}
label em {
	font-size:			0.8em;
}
em.warning {
	color:				#CB0000;
}
input, select, textarea, button {
	background:			#6A5C44 !important;
	border:				1px solid #DCC069;
}
input:focus, select:focus, textarea:focus {
	border:				1px solid #C3AD87;
}
textarea {
	overflow:			auto;
}
span.warning {
	margin:				2px 0 0 !important;
	padding:			0;
	color:				#CB0000;
	background:			#E7D08A;
	border:				1px solid #6A5C44;
	padding:			2px 5px;
	width:				325px;
}
label span.warning {
	margin:				2px 0 -2px !important;
}
button {
	font-weight:		bold;
	font-size:			0.9em;
	width:				auto;
	margin:				10px 15px 0 45px !important;
	text-transform:		uppercase;
	background:			#DCC069 !important;
	border:				1px solid #DCC069;
	color:				#0E0E0E;
	cursor:				pointer;
	padding:			5px;
}
button:hover {
	border:				1px solid #6A5C44;
}
form.signup button {
	text-indent:		-9999px;
	width:				90px;
	height:				50px;
	margin:				5px 0 0 15px !important;
	background:			transparent !important;
	border:				0;
}

/*-------------------------------------------------------------------------------------------------------NAVIGATION
*/
ul#nav {
	position:			relative;
	float:				left;
	width:				935px;
	background:			#615643 url('../images/nav_bg.jpg') left top no-repeat;
	padding:			0 0 0 25px;
}
ul#nav li {
	float:				left;
	list-style-type:	none;
	padding:			0 0 10px;
}
ul#nav li a {
	float:				left;
	font-size:			1em;
	color:				#FFF;
	text-decoration:	none;
	margin: 			10px 0 0;
	text-align: 		center;
	text-indent:		-9999px;
}
ul#nav li a.nav_home {
	background:			url('../images/nav_home.gif') center top no-repeat;
	width:				110px;
	height:				20px;
}
ul#nav li a.nav_store-list {
	background:			url('../images/nav_store.gif') center top no-repeat;
	width:				180px;
	height:				20px;
}
ul#nav li a.nav_dinosoles {
	background:			url('../images/nav_dinosoles.gif') center top no-repeat;
	width:				160px;
	height:				20px;
}
ul#nav li a.nav_articles {
	background:			url('../images/nav_articles.gif') center top no-repeat;
	width:				160px;
	height:				20px;
}
ul#nav li a.nav_faq {
	background:			url('../images/nav_faqs.gif') center top no-repeat;
	width:				100px;
	height:				20px;
}
ul#nav li a.nav_contact {
	background:			url('../images/nav_contact.gif') center top no-repeat;
	width:				200px;
	height:				20px;
}
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_dinosoles:hover, body#dinosoles ul#nav li a.nav_dinosoles, 
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 {
	background-position:center -20px;
}
ul#nav li.subnav a:hover, 
ul#nav li.subnav.active, 
ul#nav li.subnav.active a {
	color:				#C3AD87 !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:				40px;
	float:				left;
	clear:				left;
	margin:				0 0 0 8px;
	padding:			5px 0 0;
	background:			#615643;
	width:				162px;
	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:				142px;
	text-align:			left;
	background:			transparent !important;
	text-indent:		0;
	font-size:			1.2em;
}
ul#nav li.subnav ul li a:hover {
	color:				#DCC069 !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;
	background:			#615644;
	width:				220px;
	margin:				15px 0 0 15px !important;
	margin:				15px 0 0 8px; /* FIX IE */
}
ul#subnav li {
	float:				left;
	list-style-type:	none;
}
ul#subnav li a, ul#subnav li h2 {
	float:				left;
	padding:			10px;
	margin:				0;
	text-decoration:	none;
	color:				#DCC069;
	width:				200px;
	border-bottom:		1px solid #0E0E0E;
	font-size:			1.1em;
}
ul#subnav li h2 {
	background:			transparent;
	font-size:			1.3em;
}
ul#subnav li a:hover, ul#subnav li a.active {
	background:			#7D6E55;
	color:				#FFF;
}
ul#subnav li.extra a {
	padding-left:		30px;
	width:				180px;
}

/*-------------------------------------------------------------------------------------------------------CONTENT
*/
div#content {
	float:				left;
	width:				960px;
	background:			#0E0E0E url('../images/background.jpg') left bottom no-repeat;
	overflow:			hidden; /* FIX IE */
	padding:			0 0 85px;
}
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.jpg') left bottom no-repeat;
	width:				159px;
	height:				34px;
	margin:				0 20px 10px 40px;
}
div.column h1.featured-stuff {
	display:			block;
	text-indent:		-9999px;
	background:			url('../images/featured-stuff.jpg') left bottom no-repeat;
	width:				378px;
	height:				34px;
	margin:				0 20px 10px 40px;
}
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:				#C3AD87;
	margin:				10px 0 10px 40px;
	padding:			0 20px 0 0;
}
div#content h1 {
	font-size:			1.8em;
}
div#content h2 {
	margin:				20px 10px 10px 40px;
	font-size:			1.2em;
}
div#content h4 {
	color:				#B9152E;
}
div#content div.column h2 {
	margin:				10px 10px 10px 15px;
	font-size:			1.5em;
}
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:				#C3AD87;
	margin:				0 0 10px 40px;
}
div#content div.column ul, div#content div.column ol {
	margin:				0 10px 0 40px;
	padding:			10px 30px;
}
div#content div.column ul.sitemap {
	background:			#615644;
}
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;
	margin:				15px 0 0;
}
div#content p.success {
	color:				#009900;
	font-weight:		bold;
	margin:				15px 0 0;
}
div#content p span.updated, div#content ul li span.updated {
	color:				#B9152E;
	font-size:			0.8em;
	font-weight:		bold;
}
div#content a {
	color:				#C3AD87;
}
div#content a:hover {
	color:				#DCC069;
}
div#content a.anchor:hover {
	color:				#C3AD87;
}
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:				#6B6B6B;
	width:				195px;
	border-bottom:		1px solid #E0E0E0;
	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:				435px;
	margin:				9px 0 5px 41px !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 #615643;
}
div#content div.column img {
	margin:				15px 0 0 40px;
}
div#content div.column img#full {
	width:				425px;
	border:				1px solid #615643;
}
div#content div.item {
	float:				left;
	width:				420px;
	margin:				5px 12px 5px 40px !important;
	margin:				5px -3px 5px 20px; /* FIX IE */
	padding:			0 0 10px 10px;
	border:				1px solid #615643;
	clear:				left;
	min-height:			86px;
}
div#content div.item.small {
	width:				152px;
	height:				auto !important;
	height:				211px; /* FIX IE */
	min-height:			211px;
	margin:				10px 8px 5px 0 !important;
	border:				0;
	border-bottom:		1px solid #615643;
	padding:			0 0 8px;
	clear:				none;
	overflow:			hidden;
}
div.item.small img {
	border:				1px solid #615643;
	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;
}
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 -5px 8px 0 !important;
}
div#content div.item.small a {
	font-size:			1em;
	text-decoration:	none;
}
div#content div.item.small a:hover {
	color:				#C3AD87;
}
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:				#B9152E;
	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:				#B9152E;
}
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;
}
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;
}
div#content span.store {
	float:				left;
	visibility:			hidden;
	height:				0;
	overflow:			hidden;
}
div#content div.storelinks {
	float:				left;
	width:				156px;
}
div#content div.storelinks.wide {
	width:				480px;
}
div#content div.storelinks a {
	margin:				4px 0 6px;
	border:				1px solid #615643;
	border-bottom:		2px solid #615643;
}
div#content div.storelinks.wide a {
	margin:				4px 7px 6px 0;
}
div#content div.storelinks a#online_dealers, 
div#content div.storelinks a#street_dealers, 
div#content div.storelinks a#store_directory {
	float:				left;
	width:				151px;
	height:				95px;
	text-indent:		-9999px;
}
div#content div.storelinks a#online_dealers {
	background:			url('../images/dinosoles-online-stores.jpg') left top no-repeat;
}
div#content div.storelinks a#street_dealers {
	background:			url('../images/dinosoles-street-stores.jpg') left top no-repeat;
}
div#content div.storelinks a#store_directory {
	background:			url('../images/dinosoles-store-directory.jpg') left top no-repeat;
}
div#content div.storelinks a#online_dealers:hover, 
div#content div.storelinks a#street_dealers:hover, 
div#content div.storelinks a#store_directory:hover {
	background-position:0 -95px;
}
div#content div#storeMap {
	float:				left;
	margin:				4px 0 0 6px;
	width:				304px;
	height:				312px;
	border:				1px solid #615643;
	overflow:			hidden;
}
div#content div#storeMap h4, div#content div#storeMap h5, div#content div#storeMap p, 
div#content div#largeMap h4, div#content div#largeMap h5, div#content div#largeMap p {
	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:				472px;
	background:			#615643;
	margin:				5px 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:				#DCC069;
}
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;
	border:				1px solid #615643;
}
div#content div.column a.page_video {
	background:			url('../images/video-icon-large.gif') right center no-repeat;
}

/*-------------------------------------------------------------------------------------------------------FOOTER
*/
div#footer {
	float:				left !important;
	float:				none; /* FIX IE */
	width:				960px;
	background:			url('../images/footer_bg.jpg') left top no-repeat;
	font-size:			1.1em;
	padding:			120px 0 0;
	text-align:			center;
}
div#footer a img {
	margin:				0 auto 10px;
}
div#footer p {
	clear:				left;
	margin:				0;
	color:				#C3AD87;
}
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 {
	color:				#C3AD87;
}
div#footer a:hover {
	color:				#D5C4A5;
}
div#footer ul {
	float:				left;
	list-style-type:	none;
	margin:				0 0 0 40px !important;
	margin:				0 0 0 20px; /* FIX IE */
}
div#footer ul li {
	float:				left;
	margin:				0 10px 0 0;
	font-size:			1em;
	font-weight:		bold;
}

/*-------------------------------------------------------------------------------------------------------CREDIT
*/
div#credit {
	float:				left;
	margin:				10px 0 50px 40px !important;
	margin:				10px 0 50px 20px; /* FIXIE */
	color:				#414141;
	font-weight:		bold;
	text-align:			right;
}
div#credit a {
	display:			inline;
	color:				#C3AD87;
	margin:				0 15px 0 0;
}
div#credit a:hover {
	color:				#D5C4A5;
}