/* blackhillsvacations.com main stylesheet */

@import url(/_css/reset.css);
@import url(/_css/admin_fe.css);

body {
	margin: 0; padding: 0;
	background-color: #fff;
	color: #000;
	font-family: verdana, arial, sans-serif;
	font-size: .75em;
	line-height: 1.2;
}
#popupcontent {
	height: 100%;
	width: 100%;
	padding: 0;
	background: #e9e1cc;
}

/* LAYOUT ELEMENT STYLES */

div#supermasthead {
	margin: 0; padding: .4em 0;
	text-align: center;
	font-size: 11px;
	background: #3e4130 url(images/bg_supermasthead.gif) left bottom repeat-x;
	color: #fff;
}
	div#supermasthead a {color: #fff !important;}

div#masthead {
	margin: 0; padding: 3px 0;
	background: url(images/bg_masthead.gif) left top repeat-x;
}
	div#masthead div.wrapper {
		position: relative;
		margin: 0 auto; padding: 0;
		width: 998px;
		background: url(images/bg_mastheadimage.jpg) left top no-repeat;
	}

div#navigation {
	margin: 0; padding: 0;
	background: #e9e1cc url(images/bg_navigation.gif) left top repeat-x;
}

div#maincontent {
	margin: 0; padding: 10px 0;
	background: #e9e1cc;
}
	div#maincontent div.wrapper {
		margin: 0 auto; padding: 0;
		width: 990px;
		/*background: yellow;*/
	}

div#footerlinks {
	margin: 0; padding: 20px 0 6px 0;
	background: #868c65 url(images/bg_footerlinks.gif) left top repeat-x;
	border-bottom: 2px solid #b8804d;
}
	div#footerlinks div.wrapper {
		margin: 0 auto; padding: .5em 0;
		width: 900px;
		text-align: center;
	}
	div#footerlinks div.wrapper a {font-size: smaller; color: #fff !important;}

div#footer {
	margin: 0; padding: 10px 0 4em 0;
	background: #fff url(images/bg_footer.gif) left top repeat-x;
	border-top: 1px solid #3e412f;
	font-size: smaller;
	color: #494009;
	text-align: center;
}
	div#footer div.wrapper {
		margin: 0 auto; padding: 0;
		width: 800px;
	}

/*	HOMEPAGE COLUMN LAYOUT STYLES */
div#homepage_leftcolumn {
	float: left; display: inline;
	margin: 0 13px 0 10px; padding: 0;
	width: 305px;
	/*background: red;*/
}
div#homepage_rightcolumn {
	float: left;
	margin: 0; padding: 0;
	width: 650px;
	/*background: green;*/
}
div#homepage_rightcolumn_left {
	float: left;
	margin: 0 13px 0 0; padding: 0;
	width: 320px;
	/*background: purple;*/
}
div#homepage_rightcolumn_right {
	float: left;
	margin: 0; padding: 0;
	width: 317px;
	/*background: orange;*/
}

/* INTERIOR COLUMN LAYOUT STYLES */
div#interior_leftcolumn {
	float: left; display: inline;
	margin: 0 23px 0 0; padding: 0;
	width: 305px;
	/*background: red;*/
}
div#interior_rightcolumn {
	float: left;
	margin: 0; padding: 0;
	width: 662px;
	/*background: green;*/
}
div#interior_rightcolumn_left {
	float: left;
	margin: 0 21px 0 0; padding: 0;
	width: 420px;
	/*background: purple;*/
}
div#interior_rightcolumn_right {
	float: left;
	margin: 0; padding: 0;
	width: 220px;
	/*background: orange;*/
}
div#interior {
	margin: 0 auto; padding: 8px;
	width: 94%;
}
	div#interior h1 {
		background: #F8F5EE;
		border: 1px #AFA67F solid;
		padding: 4px 8px;
		font-weight: bold;
	}
	div#interior .blueborder { border: 1px #809EBA solid; }
	div#interior .small { width: 50px }
	div#interior .medium { width: 150px }
	div#interior .large { width: 250px }
	div#interior .required { color: #99622F;}
	div#interior label {
		font-weight: bold;
		display: block;
		clear: both;
		padding: 4px 0;
	}
	div#interior input {
		display: block;
	}
	div#interior textarea {
		display: block;
	}
	

/* SPECIFIC OBJECT STYLES */

div#wishlist {
	position: absolute; top: -.6em; right: 0;
	margin: 0; padding: 6px 40px;
	width: 244px; line-height: 16px;
	background: url(images/bg_wishlist_small.gif) center bottom no-repeat;
	text-align: center;
	color: #fff;
	vertical-align: middle;
}
	div#wishlist img {vertical-align: middle;}

div#mastheadlinks {
	position: absolute; top: 32px; right: 37px;
	margin: 0; padding: 0;
	width: 250px;
	text-align: center;
	color: #266d9b;
}
	div#mastheadlinks a {color: #266d9b !important;}
	
#sitesearch {
	position: absolute; top: 70px; right: 20px;
	margin: 0; padding: 0;
}
	#sitesearch label { display: none; }
	#sitesearch input {font-size: 10px; vertical-align: middle;}
	#sitesearch img {vertical-align: middle;}

div.mainnavigationdropdown
{
	position:absolute;
	top:38px;
	left:0px;
	width:320px;
	z-index:50;
	text-align:left;
	font-size:11px;
}

div.mainnavigationdropdownHide
{	
	visibility:hidden;
	display:none;
}

ul#mainnavigation li.hover a.mainnavigationdropdown 
{
	font-size:12px;
	font-weight:normal;
	color:#0e5684;
	padding:4px;
	padding-top:4px;
	padding-bottom:6px;
	background:url('/_images/dropdown_arrow.gif');
	background-repeat:no-repeat;
	background-position-x:left;
	background-position-y:center;
	background-position:left center;
	padding-left:20px;
	text-align:left;
	
}
ul#mainnavigation li.hover a.mainnavigationdropdown:hover {
	color:#0e5684;
}

div.navCurrentPageText
{
	font-size:12px;
	font-weight:bold;
	color:#0e5684;
	padding:4px;
	padding-top:4px;
	padding-bottom:6px;
	background:url('/_images/dropdown_arrow.gif');
	background-repeat:no-repeat;
	background-position-x:left;
	background-position-y:center;
	background-position:left center;
	padding-left:20px;
	text-align:left;
	cursor:default;
}

li.navCurrentPageText
{
	font-weight:bold;
	color:#0e5684;
	cursor:default;
}

ul#mainnavigation {
	margin: 0 auto; padding: 0;
	list-style-type: none;
	width: 990px;
	border-top: 2px solid #394f4c;
}
	ul#mainnavigation li {
		float: left;
		margin: 0; padding: 0 0 0 4px;
		background: #719cb5 url(images/bg_navitem_left_off.gif) left bottom no-repeat;
	}
	ul#mainnavigation li a {
		display: block;
		position: relative;
		margin: -2px 0 0 0; padding: 16px 4px 16px 0;
		text-align: center;
		font-weight: bold;
		background: url(images/bg_navitem_right_off.gif) right bottom no-repeat;
		color: #fff;
	}
	
	ul#mainnavigation li.hover {
		background: #b2804b url(images/bg_navitem_left_on.gif) left bottom no-repeat;
	}
	ul#mainnavigation li.hover a {
		height: 100%;
		background: url(images/bg_navitem_right_on.gif) right bottom no-repeat;
	}

ul.sitemap {margin: .5em 2em; padding: 0; list-style-type: disc;}
ul.sitemap li {line-height: 1.1;}

div.inntopiasearch {
	margin: 0 0 1em 0; padding: 0;
	background: #f8f5ee;
	border: 4px solid #3e412f;
}
	div.inntopiasearch hr {margin: .75em 0; padding: 0; background-color: #d9dbc1; color: #d9dbc1; height: 1px; border: 0px solid #f8f5ee;}
	div.inntopiasearch form {margin: 0; padding: 10px; font-size: smaller; line-height: 1.5;}
	div.inntopiasearch form input {font-size: 10px;}
	div.inntopiasearch form img {vertical-align: middle;}
	div.inntopiasearch form table {}
	div.inntopiasearch form table td {padding-right: .5em; vertical-align: top;}

div.inntopiasearch2 {
	margin: 0 0 1em 0; padding: 0;
	background: #f8f5ee;
	border: 4px solid #3e412f;
}
	div.inntopiasearch2 div.gap {margin: 10px;}
	
div#localtravelexperts {
	margin: 0 0 1em 0; padding: 0;
	background: url(/_images/gr_localtravelexperts_bg.gif) left bottom no-repeat;
	line-height: 38px;
}
	div#localtravelexperts2 {margin: 0 0 1em 0; padding: 0;
		background: url(/_images/gr_localtravelexperts_bg2.gif) left bottom no-repeat;
		line-height: 38px;
	}
	div#localtravelexperts3 {margin: 0 0 1em 0; padding: 0;}
	div#localtravelexperts p,
		div#localtravelexperts2 p {margin: 0; padding: 0 1em;}
	div#localtravelexperts img,
		div#localtravelexperts2 img {vertical-align: middle;}

div.roundheader {margin: 0; padding: 0; background: url(images/bg_roundheader_right.gif) right top no-repeat;}
	div.roundheader h1 {margin: 0; padding: 12px; background: url(images/bg_roundheader_left.gif) left top no-repeat;}
	
div#packagescroll_container {
	position: relative;
	margin: 0 10px;
	height: 500px;
	background: url(images/bg_scrollbar.gif) right top no-repeat;
}
	div#packagescroll_content table td {padding-bottom: 1em; vertical-align: top;}
	div#packagescroll_content table td p {margin: .25em 0 0 0; font-size: smaller;}
	div#packagescroll_content table td.price {padding-right: 1em; text-align: right; color: #ab672a; font-weight: bold;}
	img.scrollbutton {cursor: pointer;}
	img#packagescroll_up {position: absolute; top: 200px; right: -1px;}
	img#packagescroll_stop {position: absolute; top: 239px; right: -1px;}
	img#packagescroll_down {position: absolute; top: 267px; right: -1px;}
	
div.whiteframe {
	margin: 0 0 1em 0; padding: 5px;
	border: 1px solid #b0a57e;
	background: #f8f5ee;
}

div.cmsnavigation {
	position: relative;
	margin: 0 0 2em 0; padding: 0;
}
	div.cmsnavigation ul {margin: 0 0 0 1em; padding: 0; list-style-type: none;}
	div.cmsnavigation ul li {margin: 0; padding: 0 0 1em 20px; background: url(images/bullet_brownarrow.gif) left .25em no-repeat;}
	div.cmsnavigation ul li.on {font-weight: bold;}
	div.cmsnavigation img.icon {position: absolute; top: 1em; right: 1em;}
	div.cmsnavigation h1 {padding-right: 2em;}
	
div.pagetrail {margin: 0 0 2em 0; padding: 0;}
	div.pagetrail a {white-space: nowrap;}
	div.pagetrail span {white-space: nowrap;}
	div.pagetrail span.currentpage {color: #996130; font-weight: bold;}
	
table.packagelist {}
	table.packagelist td {padding: 0px .5em 2em 0px; font-size: smaller; vertical-align: top;}
	table.packagelist tr.tight td {padding-bottom: .5em;}
	table.packagelist tr td.hr {padding: 0; height: .5em; line-height: .5em; border-top: 1px solid #b0a57e;}
	table.packagelist td.price {font-size: 9px; white-space: nowrap; text-align: right;}
		table.packagelist td.price span {font-size: 2.5em; font-weight: bold; vertical-align: middle; color: #aa7545;}
	table.packagelist td.actions {padding-right: 0; text-align: right;}
	table.packagelist input {vertical-align: middle;}
	
div.tabcontainer {
	position: relative; z-index: 5;
	margin: 1em 0; padding: 0 24px;
	height: 62px;
	background: url(images/bg_tabcontainer.gif) left top repeat-x;
}
	div.tabcontainer div.left {position: absolute; top: 0; left: 0;
		width: 10px; height: 62px;
		background: url(images/bg_tabcontainer_left.gif) left top no-repeat;
	}
	div.tabcontainer div.right {position: absolute; top: 0; right: 0;
		width: 10px; height: 62px;
		background: url(images/bg_tabcontainer_right.gif) right top no-repeat;
	}
	div.tabcontainer ul.tabs {
		margin: 0; padding: 0;
		height: 62px;
		overflow: hidden;
		list-style-type: none;
	}
		div.tabcontainer ul.tabs li {
			float: left;
			margin: 25px 1px 0 0; padding: 0;
			height: 36px; line-height: 36px;
			background: #e9e1cc url(images/bg_tab_left_off.gif) left top no-repeat;
			border-bottom: 1px solid #3e412f;
		}
		div.tabcontainer ul.tabs li.on {border-bottom: 1px solid #e9e1cc; background-image: url(images/bg_tab_left_on.gif);}
		div.tabcontainer ul.tabs li a {
			display: block;
			margin: 0; padding: 0 2em;
			background: url(images/bg_tab_right_off.gif) right top no-repeat;
		}
		div.tabcontainer ul.tabs li.on a {background-image: url(images/bg_tab_right_on.gif); color: #99622f; font-weight: bold; text-decoration: none;}
ul.tabcontent {
	margin: 15px; padding: 0; list-style-type: none;
}
	ul.tabcontent li {}
	ul.tabcontent li.on {display: block;}
	ul.tabcontent li dl {margin: 0 0 1em 0; padding: .5em 1em; background: #ded2b2; border: 1px solid #3e412f;}/*ded2b2*/
	/*ul.tabcontent li dl.required {background: #ded2b2; border-color: #3e412f;}*/
	ul.tabcontent li dl dt {margin: 0 0 .5em 0; padding: 0;font-weight: bold;}
	ul.tabcontent li dl dd {margin: 0 0 .75em 1em; padding: 0; font-size: smaller;}
	
	ul.tabcontent li ul {margin: 0 0 1em 0; padding: 0 1em;
		background: #ded2b2; border: 1px solid #3e412f;
		list-style-type: none;}
	ul.tabcontent li ul li {display: block; margin: .5em 0;}

div.review {
	line-height: 1.5;
	border-top: 1px solid #B0A57E;
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
}
	div.review blockquote {
		background: #DED2B2;
		border: 1px solid #3E412F;
		padding: 4px;
	}
div.action {margin: 1em 0; padding: .75em 0; text-align: center; border-top: 1px solid #b0a57e; line-height: 1.5;}
div.action2 {margin: 1em 0; padding: .55em 0; text-align: center; border-bottom: 1px solid #b0a57e; line-height: 1.5;}
div.datasort {
	margin: -1em 0 1.5em 0; padding: .5em;;
	background: #f8f5ee;
	border: 1px solid #b0a57e;
	text-align: center;
}

div.brownborder {
	margin: 0 0 1em 0; padding: 0 0 2em 0;
	background: #f8f5ee;
	border: 4px solid #3e412f;
}

table.border {border-collapse: collapse;}
table.border td {padding: .25em 2em .25em .25em; border: 1px solid #ccc;}

div.error {margin: 0 0 1em 0; padding: 1em; border: 1px solid #3e412f; background: #f8f5ee;}
div.error h3 {color: red;}
div.error table {border: 1px solid #3e412f;}
div.error table th {padding: .5em 1em .5em .5em; color: red; font-weight: bold; background: #fff;}
div.error table td {padding: .25em .5em;}

table.inntopiasearch {}
table.inntopiasearch td {padding: .25em .5em;}
table.inntopiasearch input {font-family: verdana, sans-serif; font-size: 9px;}
table.inntopiasearch img {vertical-align: middle;}
		
/* HTML STYLES */

h1 {margin: 0 0 .5em 0; padding: 0; color: #494009; font-size: 1.75em; font-weight: normal;}
h2 {margin: 0 0 .5em 0; padding: 0; color: #494009; font-size: 1.5em; font-weight: normal;}
h3 {margin: 0 0 .5em 0; padding: 0; color: #494009; font-size: 1.4em; font-weight: normal;}
h4 {margin: 0 0 .5em 0; padding: 0; color: #494009; font-size: 1.2em; font-weight: bold;}

p {margin: 0 0 .75em 0; padding: 0;}

a:link {color: #0e5684; text-decoration: underline;}
a:visited {color: #0e5684; text-decoration: underline;}
a:hover {color: #0e5684; text-decoration: none;}
a:active {color: #0e5684; text-decoration: underline;}

h2 a {text-decoration: none !important;}

.linkcolor {color: #0e5684;}
.browncolor {color: #aa7545;}

form input {vertical-align: middle;}

img.frame {padding: 4px; background: #f8f5ee; border: 1px solid #b0a57e;}
img.vgap {margin-bottom: .5em;}

/* for image transitions */
img.transitionable {filter: alpha(opacity=100);}
img.idupe {position:absolute; z-index:30000; visibility:hidden;}

blockquote {margin: 1em 2em;}

div.calendar {z-index: 50;}

.cfdebug {clear: both; /* display: none; */ } 

table.query, table.tip {margin: 5px;}

