/*
Theme Name: Montana X-Treme
Version: 1.0
Author: MMSC
*/

body {
	background-color: #444;
	color: #000;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
}


/**************************** Page ****************************/
#page {
	background-color: #FFF;
	border: 1px solid #000;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 960px;
}
#main {
	background-color: #000;
}
/**************************** Page ****************************/


/**************************** Header ****************************/
#header {
	background: #9B0520 url(images/header.png) scroll no-repeat 0 0;
	border-bottom: 1px solid #f0e3d8;
	height: 106px;
	position: relative;
	width: 960px;
}
	#header #bear {
		background: transparent url(images/bear.png) scroll no-repeat 0 7px;
		height: 106px;
		width: 238px;
	}
	#header #tag {
		background: transparent url(images/tagline.png) scroll no-repeat 0 0;
		height: 20px;
		position: absolute;
		right: 0;
		top: 2px;
		width: 720px;
	}
	#header #name {
		background: transparent url(images/name.png) scroll no-repeat 0 0;
		height: 44px;
		position: absolute;
		right: 0;
		top:36px;
		width: 710px;
	}
#subheader {
	background: #f99d1c url(images/subheaderleft.png) scroll no-repeat 0 0;
	border-bottom: 3px solid #f0e3d8;
	height: 23px;
	position: relative;
	width: 960px;
}
	#homeBtn {
		padding-left: 170px;
		line-height: 23px;
		font-weight: bold;
	}
		#homeBtn a {
			color: #b45314;
		}
	#subheader #tag2 {
		background: transparent url(images/tagline2.png) scroll no-repeat 0 0;
		height: 12px;
		position: absolute;
		left: 250px;
		top: 6px;
		width: 642px;
	}
/**************************** Header ****************************/


/**************************** Content ****************************/
#content {
	background-color: #D8BBA8;
	border-left: 3px solid #f0e3d8;
	position: relative;
	font-size: 11px;
	margin-left: 244px;
	min-height: 380px;
	text-align: left;
	width: 713px;
}
#content a {
	color: #90002C;
}
	#pagePad {
		height: 1px;
	}
#content.bear_back {
	background: #FFF url(images/bear_bg.jpg) scroll no-repeat 0 0;
}
#content.elk_back {
	background: #FFF url(images/elk_bg.jpg) scroll no-repeat 0 0;
}
#content.buffalo_back {
	background: #FFF url(images/buffalo_bg.jpg) scroll no-repeat 0 0;
}
#content.ram_back {
	background: #FFF url(images/ram_bg.jpg) scroll no-repeat 0 0;
}
#content.moose_back {
	background: #FFF url(images/moose_bg.jpg) scroll no-repeat 0 0;
}
/**************************** Content ****************************/


/**************************** Footer ****************************/
#footerTop {
	border-top: 3px solid #f0e3d8;
	position: relative;
}
	#cleaning {
		background-color: #d8bba8;
		border-right: 3px solid #f0e3d8;
		width: 244px;
		float: left;
	}

	#footerarea {
		background-color: #D8BBA8;
		float: right;
		height: 85px;
		padding: 5px 10px;
		left: 244px;
		width: 693px;
	}
		#footerareacontent {
			width: 553px;
		}
		#homefttopright {
			position: absolute;
			right: 0;
			top: 0;
		}


#footer {
	background-color: #d8bba8;
	border-top: 3px solid #f0e3d8;
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 960px;
}
	#footerBottom {
		background: transparent url(images/footer.png) scroll repeat-x 0 0;
		height: 95px;
		position: relative;
		width: 960px;
	}
		#retail {
			background: transparent url(images/retailBack.png) scroll repeat-x 0 0;
			border-right: 3px solid #f0e3d8;
			height: 95px;
			width: 244px;
		}
			#madeinusatxt {
				width: 125px;
				margin: 0 auto;
				padding: 10px 0 0;
			}
			#retailsearch {
				margin: 8px auto;
				width: 197px;
			}
				#retailsearch select {
					width: 197px;
				}
			#retail .footer_retail_links {
				margin: 0 auto;
				width: 127px;
			}
				#retail .links_bottom {
					padding-top: 4px;
				}

		#productsBy {
			height: 95px;
			position: absolute;
			right: 10px;
			top: 0;
			width: 500px;
		}
			#copyright {
				color: #000;
				margin: 5px 0 5px 3px;
				font-size: 10px;
			}
			#otherProducts {
				color: #FFF;
				font-style: italic;
				font-weight: bold;
				margin-bottom: 8px;
				margin-left: 3px;
			}
			#productLogos {
				bottom: 0px;
				left: 0;
				position: absolute;
			}
				#productLogos img {
					margin: 0 3px;
				}
/**************************** Footer ****************************/


/**************************** Sidebar ****************************/
#sidebar {
	background-color: #000;
	color: #fff;
	float: left;
	width: 244px;
}
	#sidebar a {
		color: #FFF;
	}
	
#sidebar .sideNavCenter {
	margin: 30px auto 10px;
	width: 196px;
}
/**************************** Sidebar ****************************/


/**************************** Page ****************************/
#homeContent {
		background: transparent url(images/home.jpg) scroll no-repeat 0 0;
		height: 393px;
		position: relative;
		width: 713px;
}
	#madeinusa {
		position: absolute;
		right: 40px;
		top: 10px;
	}
	#newBottles {
		position: absolute;
		left: 20px;
		top: 20px;
	}
/**************************** Page ****************************/


/**************************** Other ****************************/
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
}

h1, h2, h3 {
	font-weight: bold;
}

h1 {
	font-size: 4em;
	text-align: center;
	margin: 0;
	padding-top: 70px;
}

h2 {
	font-size: 1.6em;
	margin: 30px 0 0;
}

h3 {
	padding: 0;
	margin: 30px 0 0;
}

h3.title {
	padding: 0;
	margin: 5px 0;
	font-size: 16px;
}

h3.extra {
	margin-top: 25px;
}

a {
	text-decoration: none;
}

a:hover {
	color: #147;
	text-decoration: underline;
}

.clear {
	clear: both;
}

hr {
	display: none;
}


/**************************** Other ****************************/


/**************************** Images ****************************/
a img {
	border: none;
}

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
/**************************** Images ****************************/


/**************************** Navigation ****************************/
#navigation {
	margin: 25px 0;
	position: relative;
	z-index: 1000;
}
#navigation a {
	outline: none;
}
	#navigation li {
		list-style: none;
		padding: 0;
		position: relative;
		text-align: right;
	}
		#navigation li ul {
			background-color: #fcbb75;
			border: 1px solid #000;
			display: none;
			left: 195px;
			margin: 0;
			padding: 0 10px;
			position: absolute;
			top: -7px;
		}
		#navigation li ul li {
			background-color: #fcbb75;
			text-align: left;
			padding: 5px 10px 5px 0px;
			margin: 0px;
			white-space: pre;
			border-bottom: 1px solid #000;
		}
		#navigation li ul li:last-child {
			border: none;
		}
		
		#navigation li ul li a {
			color: #000;
		}

#navigation li:hover ul {
	display: block;
}

.menubar {
	background: transparent url(images/menu/menubar.jpg) scroll no-repeat -15px 0;
	height: 1px;
	margin: 0;
}
.mainmenu {
	margin-right: 20px;
}

.mainmenu div{
	cursor: pointer;
	height: 10px;
	padding: 5px 0;
	width: 195px
}
.menu_products div.menuitem {
	background: transparent url(images/menu/menu_products.jpg) scroll no-repeat right 6px;
}
	.menu_products.activemenu div.menuitem {
		background: transparent url(images/menu/products_active.jpg) scroll no-repeat right 6px;
	}
	.menu_products:hover div.menuitem {
		background: transparent url(images/menu/products_hover.jpg) scroll no-repeat right 6px;
	}

.menu_procedures div.menuitem {
	background: transparent url(images/menu/menu_procedures.jpg) scroll no-repeat right 6px;
}
	.menu_procedures.activemenu div.menuitem {
		background: transparent url(images/menu/procedures_active.jpg) scroll no-repeat right 6px;
	}
	.menu_procedures:hover div.menuitem {
		background: transparent url(images/menu/procedures_hover.jpg) scroll no-repeat right 6px;
	}

.menu_cleaning div.menuitem {
	background: transparent url(images/menu/menu_cleaning.jpg) scroll no-repeat right 6px;
}
	.menu_cleaning.activemenu div.menuitem {
		background: transparent url(images/menu/cleaning_active.jpg) scroll no-repeat right 6px;
	}
	.menu_cleaning:hover div.menuitem {
		background: transparent url(images/menu/cleaning_hover.jpg) scroll no-repeat right 6px;
	}

.menu_faq div.menuitem {
	background: transparent url(images/menu/menu_faq.jpg) scroll no-repeat right 6px;
}
	.menu_faq.activemenu div.menuitem {
		background: transparent url(images/menu/faq_active.jpg) scroll no-repeat right 6px;
	}
	.menu_faq:hover div.menuitem {
		background: transparent url(images/menu/faq_hover.jpg) scroll no-repeat right 6px;
	}

.menu_endorsements div.menuitem {
	background: transparent url(images/menu/menu_endorse.jpg) scroll no-repeat right 6px;
}
	.menu_endorsements.activemenu div.menuitem {
		background: transparent url(images/menu/endorse_active.jpg) scroll no-repeat right 6px;
	}
	.menu_endorsements:hover div.menuitem {
		background: transparent url(images/menu/endorse_hover.jpg) scroll no-repeat right 6px;
	}

.menu_about div.menuitem {
	background: transparent url(images/menu/menu_about.jpg) scroll no-repeat right 6px;
}
	.menu_about.activemenu div.menuitem {
		background: transparent url(images/menu/about_active.jpg) scroll no-repeat right 6px;
	}
	.menu_about:hover div.menuitem {
		background: transparent url(images/menu/about_hover.jpg) scroll no-repeat right 6px;
	}

.menu_contact div.menuitem {
	background: transparent url(images/menu/menu_contact.jpg) scroll no-repeat right 6px;
}
	.menu_contact.activemenu div.menuitem {
		background: transparent url(images/menu/contact_active.jpg) scroll no-repeat right 6px;
	}
	.menu_contact:hover div.menuitem {
		background: transparent url(images/menu/contact_hover.jpg) scroll no-repeat right 6px;
	}



/**************************** Navigation ****************************/


/**************************** Page Layout ****************************/
#pagecontent {
	min-height: 325px;
	padding: 60px 20px;
	position: relative;
}
	#leftImage {
		float: left;
	}
		#leftImage img{
			border: 2px solid #231f20;
		}
		#leftImage.noborder img{
			border: none;
		}

	#titleimage {
		margin-bottom: 10px;
	}

	#contentmain {
		margin-left: 190px;
		width: 420px;
	}
	
	#contenttxt {
		border-bottom: 2px solid #231f20;
		border-top: 2px solid #231f20;
		padding: 5px 0 10px;
	}

		#prodBtn {
			margin: 0 0 10px 0;
		}
			#prodBtn span {
				cursor: pointer;
			}
			#prodBtn #descBtn {
				margin-right: 10px;
			}

		#directions {
			display: none;
		}
			#directions ol {
				margin-left: -15px;
			}
			#directions li {
				padding: 3px 0;
			}

		#available {
			margin-top: 5px;
			color: #90002C;
		}

		#nextprod {
			position: absolute;
			bottom: 0px;
			right: 0px;
		}
/**************************** Page Layout ****************************/

.faq ul {
	padding: 0 0 0 25px;
}
.faq li {
	list-style-image: url(images/q.png);
	margin: 10px 0;
}

.productsRelated {
	margin-left: 200px;
	margin-top: -3px;
	position: relative;
	width: 430px !important;
}

#relatedlsit {
	margin: 0 0 0 14px;
	padding: 0;
}
	#relatedlsit li {
		margin: 0;
		padding: 0;
	}
	#relatedlsit li a {
		color: #90002C;
	}

#bottomphoto {
	border-bottom: 2px solid #231F20;
	margin-top: 7px;
}

.caption {
	width: 155px;
}

#notfound {
	border-bottom: 2px solid #000;
	padding-bottom: 4px;
	position: absolute;
	top: 15px;
	left: 60px;
	font-size : 14px;
	color: #90002C;
	font-weight : bold;
	
}

#contenttxt ul {
	padding-left: 15px;
}

.cleandesc {
	display: none;
}

#cleanprodnames {
	padding-left: 0 !important;
}
	.cleanname {
		font-weight: bold;
		list-style: none;
		padding-bottom: 7px;
		cursor: pointer;
	}
	.cleanname.active {
		color: #90002C;
	}

#nextclean {
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	bottom: 20px;
	right: 30px;
}
#nextclean2 {
cursor:pointer;
font-size:11px;
font-weight:bold;
position:relative;
right:0;
text-align:right;
top:10px;
}

#endTitle {
	text-align: right;
	font-weight: bold;
}
#endTitle p {
	margin-bottom: 0px;
}
.end {
	font-style:italic;
}

/**************************** Location ****************************/
.loco {
	padding: 10px 0;

}
.loco .loconame {
	font-weight: bold;
}

.loco .locoaddress {
	padding: 2px 0 2px;
	margin-left: 10px;
}

.loco .locophone {
	margin-left: 10px;
}

/**************************** Home Prod Link ****************************/
.homeprod {
	position: absolute;
	left: 0;
	top: 0;
}
#prod1 {
	height: 132px;
	left: 94px;
	top: 104px;
	width: 56px;
}
#prod2 {
	height: 203px;
	left: 174px;
	top: 59px;
	width: 83px;
}
#prod3 {
	height: 207px;
	left: 317px;
	top: 25px;
	width: 83px;
}
#prod4 {
	height: 141px;
	left: 408px;
	top: 83px;
	width: 56px;
}
#prod5 {
	height: 141px;
	left: 496px;
	top: 135px;
	width: 56px;
}
#prod6 {
	height: 199px;
	left: 573px;
	top: 146px;
	width: 83px;
}
#prod7 {
	height: 140px;
	left: 40px;
	top: 220px;
	width: 56px;
}
#prod8 {
	height: 127px;
	left: 141px;
	top: 209px;
	width: 56px;
}
#prod9 {
	height: 130px;
	left: 255px;
	top: 204px;
	width: 57px;
}
#prod10 {
	height: 141px;
	left: 351px;
	top: 218px;
	width: 57px;
}
#prod11 {
	height: 134px;
	left: 438px;
	top: 218px;
	width: 57px;
}
#prod12 {
	height: 27px;
	left: 458px;
	top: 352px;
	width: 191px;
}
#prod13 {
	height: 27px;
	left: 103px;
	top: 337px;
	width: 191px;
}

/**************************** Cleaning Comp ****************************/
.page_cleaning_comp {
	padding-bottom: 20px !important;
}
.page_cleaning_comp #contenttxt {
	border-bottom: none;
	padding-bottom: 0px;
}

#cleaningPhotoGrid {
	margin: 0 0 0 10px;
}

#cleaningPhotoGrid div {
	float: left;
	font-style: italic;
	font-weight: bold;
	margin-top: 15px;
	width: 220px;
}
#cleaningPhotoGrid div img {
	padding-bottom: 5px;
}

#cleaningbottomText {
	margin-left: 240px;
	padding-top: 10px;
}

#cleaningbottomText .redtext {
	color: #9E0621;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}

#cleaningbottomText .blacktext {
	color: #000;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	padding-top: 10px;
}