/* ******************************
Overview Template
Copyright (c) 2005 - 2009 Kodiak Outdoor Gear, All Rights Reserved
****************************** */




/* ******************************
Reset Code - An overall, master reset to make code behave and to cut down on repetitive declarations
****************************** */

html, body,
div,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input,
img,
p, blockquote {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	font-weight:normal;
	font-style: normal;
}
ul, ol {
	list-style: none;
}

img {
	border:none;
}

fieldset {
	border:none;
}

strong, label {
	font-weight: bold;
}
em {
	font-style: italic;
}

/* ******************************
Preset Classes - Classes that are universally available and applied
****************************** */

/*--------------- Layout --------------------*/
.float {
	float:left;
}
.floatOpposite {
	float:right;
}

.clear {
	clear:both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}


.offPage {
	position:absolute;
	left:-999em;
}

/*--------------- Text --------------------*/
.price {
	font-weight:600;
	color:#065e25;
}
.bonus {
	font-weight: bold;
	color:#f00;
}

.bigger {
	font-size:120%;	
}
.smaller {
	font-size:76%;
}

.strike {
	text-decoration:line-through;
	font-weight:600;
}

.error {
	color:#f00;
}

.alignStyle1 {
	text-align:center;
}
.alignStyle2 {
	text-align:right;
}
.alignStyle3 {
	text-align:left;
}

.extraLine {
	margin-bottom:1.4em;
}

/*--------------- Lists --------------------*/
.ulStyleSpaced li {
	margin-bottom:.6em;
}
	.ulStyleSpaced li p {
		padding:.6em 0 0 0;
	}
.olStyleSpaced li {
	margin-bottom:.6em;
}
	.olStyleSpaced li p {
		padding:.6em 0 0 0;
	}

/* ******************************
Basic CSS - groundwork appearance code for this template
****************************** */

body {
	font-family:arial, helvetica, sans-serif;
	font-size:80%;

	color:#333;
	
	background:#444 url('/images-layout/site-bg.jpg') 50% 0 repeat;
}

p {
	margin:0 0 1.4em 0;
	line-height:1.4em;
}

a:link {
	color:#666;
	text-decoration:underline;
}
a:visited, a:active {
	color:#888;
}
a:hover { 
	color:#e19e2a;
	text-decoration:none;
}

h1 {
	margin-bottom: .5em;
	font-size:180%;
	color:#e19e2a;
}

h2 {
	margin-bottom:.3em;
	font-size:140%;
	color:#e19e2a;
}

h3 {
	margin-bottom:.3em;
	font-size:120%;
	color:#333;
}

img {
	
}

.hr {
	margin:1.4em 0;
	border-bottom:1px solid #2e3556;
}

.hr2 {
	margin:1.4em 0;
	border-bottom:1px solid #e19e2a;
}

ul, ol {
	margin-bottom:.6em;
}



#container {
	
}
#content {
	
}
#columnWrapper {
	padding-bottom:8px;
}


.ulStyle1 {
	margin-left:10px;
}


.ulStyle1 li {
	background:transparent url('images-layout/bullet.gif') no-repeat scroll 0 2px;
	padding-left:15px;
}
	/* prevent nested lists from having gaps */
	.ulStyle1 .ulStyle1 {
		margin-bottom:0px;
	}
/* ******************************
Column Styles
****************************** */

.columnStyle1 {
	margin:0 0 0 20px;
}
	.columnStyle1 .columnTopLeft {
		background:transparent url('/images-layout/main-column-top-left.gif') 0 0 no-repeat;
		height:58px;
	}
		.columnStyle1 .columnTopRight {
			background:transparent url('/images-layout/main-column-top-right.gif') 100% 0 no-repeat;
			height:58px;
			font-size:0;
		}
	.columnStyle1 .columnBody {
		padding:2px 20px 1px 20px;
		background:transparent url('/images-layout/main-column-back.gif') 0 0 repeat-y;
	}
	
	.columnStyle1 .columnBottomLeft {
		background:transparent url('/images-layout/main-column-bottom-left.gif') 0 0 no-repeat;
	}
		.columnStyle1 .columnBottomRight {
			background:transparent url('/images-layout/main-column-bottom-right.gif') 100% 0 no-repeat;
			height:11px;
		}

	
.columnStyle2 {
	margin-top:50px;
}
	.columnStyle2 .columnTopLeft {
	}
		.columnStyle2 .columnTopRight {
			margin:-0px -0px 0 -0px;
			height:29px;
			background:transparent url('/images-layout/side-column-top.gif') 0 0 no-repeat;
		}
			
	.columnStyle2 .columnBody {
		padding:0px;
		background:black;
		border:solid white;
		border-width:0 2px 2px;
	}
		.columnStyle2 .columnBody h2 {
			color:white;
		}
		.columnStyle2 img {
			padding:0;
			margin:0;
		}
	
	.columnStyle2 .columnBottomLeft {
	
	}
		.columnStyle2 .columnBottomRight {
		
		}
		
		
		.freebies img{
			width:245px;
			
		}
		
		.freebies img.tb {
			border-top:2px solid white;
		}

		div.clearer {
			height:0;
			clear:left;
			line-height:0;
		}
		
		
	
.columnStyle3 {
padding:0;margin:0;
}

.columnStyle3 a, .columnStyle3 img {
padding:0;margin:0;
display:block;
float:left;
}

.columnStyle3 .home1 {
	margin-right:15px;
}

.columnStyle3 .home3, .columnStyle3 .home4 {
	margin-right:25px;
}

.columnStyle3 .home3, .columnStyle3 .home4 , .columnStyle3 .home5{
	padding-top:20px;
}

/* ******************************
Selected Button Styles
****************************** */

/* ******************************
Selected Table Styles
****************************** */

/* ******************************
Selected Form Styles
****************************** */

/* ******************************
Selected List Styles
****************************** */

/* ******************************
Default Blob Styles
****************************** */

.blobDefault {
	margin-bottom:12px;
}

.blobImage {
	margin-bottom:0;
	padding-bottom:0;
}
.blobImage img {
	float:left;
}

.blobStyleNav {
}
	.blobStyleNav .blobTopLeft {
		position:absolute;
		top:52px;
		left:35px;
		text-align:center;
		width:210px;
	}
		.blobStyleNav .blobTopRight {
		}
	.blobStyleNav .blobBody {
		
	}
	.blobStyleNav ul {
		margin-bottom:0px;
	}
	
	.blobStyleNav li {
		margin-right:0;
		margin-left:0;
		padding:0;
		text-align:right;
		color:#fff;
		width:100%;
		border-bottom:1px solid #333;
	}
		.blobStyleNav li a:link, .blobStyleNav li a:visited {
			display:block;
			padding:8px 20px 10px 0;
			width:225px;
			text-decoration:none;
			color:#fff;
		}
		.blobStyleNav li a:hover, .blobStyleNav li a:active {
			text-decoration:underline;
			color:#e19e2a;
		}
	.blobStyleNav li.first{
		
	}
	.blobStyleNav li.current{
		
	}
		.blobStyleNav li.current a:link, .blobStyleNav li.current a:visited {
			text-decoration:underline;
			color:#e19e2a;
		}
		.blobStyleNav li.current a:hover, .blobStyleNav li.current a:active {
		}
		
	.blobStyleNav .blobBottomLeft {
		display:none;
		line-height:0px;
		height:0px;
	}
	
	.columnStyle1 .productHeader {
		position:absolute;
		top:12px;
		left:330px;
		width:600px;
		margin:0;
		padding:0;
	}
/*	
.blobProduct {
	position:relative;
	width:648px;
}
	.blobProduct .blobTopLeft {
		display:none;
	}
		.blobProduct .blobTopRight {
		
		}
	.blobProduct .blobBody {
		
	}*/
		.productHeader {
			position:absolute;
			top:-48px;
			left:35px;
			width:600px;
		}
		.productPrice {
			position:absolute;
			top:12px;
			right:35px;
			
			margin:0;
			padding:0;
			
			width:620px;
			
			text-align:right;
			color:white;
		}
		.bigLetters {
			position:absolute;
			top:30px;
			left:375px;
			margin:0;
			width:300px;
			font-size:130px;
			font-weight:lighter;
			color:#888;
			z-index:0;
		}	
		.frontWords {
			position:relative;
			float:left;
			padding-top:30px;
			padding-left:20px;
			
			height:60px;
			width:275px;
			
			font-size:23px;
			color:black;
			z-index:2;
		}
		.imageArea {
			float:right;
			text-align:center;
			width:350px;
		}
			.imageArea a {
				margin:0;
				padding:0;
			}
			.imageWrap {
				width:350px;
				height:350px;
				text-align:center;
			}
			
			.imageArea .hidden {
				display:none;
			}
			
		.competitorsPrice {
			position:absolute;
			right:10px;
		}
	
	#buyArea label {
		width:70px;
		float:left;
		clear:left;
		padding-right:10px;
	}
	
	#buyArea input, #buyArea select {
		margin-bottom:4px;
		width:70px;
	}
/*	
	.blobProduct .blobBottomLeft {
		display:none;
		line-height:0;
		height:0;
	}
	
		.blobProduct div.clearer {
			height:0;
			clear:both;
			line-height:0;
		}*/
	
.buttonStyle4 {
	background-image:url('images-layout/graybutton.gif');
	width:178px;
	height:36px;
	font-size:1.4em;
	text-align:center;
	margin-bottom:8px;
}

	.buttonStyle4 a:link, .buttonStyle4 a:visited {
		padding-right:7px;
		padding-top:2px;
		margin:0;
		color:#fff;
		text-decoration:none;
		width:100%;
	}
	.buttonStyle4 a:hover, .buttonStyle4 a:active {
		color:#e19e2a;
		text-decoration:underline;
		width:100%;
	}



.productSummary {
margin-left:110px;

}

.productSummary .productName {
	padding-left:5px;
	border-bottom:3px double black;

}
.productSummary .productName a:hover,
.productSummary .productName a:link,
.productSummary .productName a:visited{
	color:#E19E2A;
	text-decoration:none;
}
.productSummary .summaryPrice{
	float:right;
	color:black;
}
/* ******************************
Selected Blob Styles
****************************** */


/* ******************************
Selected Header Design and Theme
****************************** */

#header {
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-480px;
	height:85px;
	width:960px;
}
#headerWrapper {
	height:85px;
	width:960px;
}
	#siteLogo {
		position:absolute;
		top:11.5px;
		left:11.5px;
		height:62px;
		width:266px;
		z-index:5;
	}
/* ******************************
Selected Navigation Design and Theme
****************************** */

#navigation {
	position:absolute;
	top:30px;
	right:0px;
	height:29px;
	border:0px solid ;
	background:#302E31 url('/images-layout/navigation-bg.jpg') 0 0 no-repeat;
}
	#navigation ul {
		
	}
		#navigation ul li {
			position:relative;
			float:left;
			z-index:1;
			background:url('/images-layout/navigation-item-bg.jpg') no-repeat scroll top right;
		}
		#navigation ul li.last {
			background-image:none;
		}
		#navigation ul li.first {
			
		}
			#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {
			float:left;
				display:block;
				padding:5px 25px 0 16px;
				height:24px;
				font-size:115%;
				font-weight:bold;
				text-align:center;
				text-decoration:none;
				color:#fff;
			}
			#navigation ul li.first a { padding:5px 25px 0 20px; }
			#navigation ul li.last a {  padding:5px 16px 0 16px; }
			
			#navigation ul li a:hover {
				text-decoration:underline;
				color:#e19e2a;
			}
		#navigation ul li:hover,
		#navigation ul li.over {
			
		}
			#navigation ul li:hover a:link, #navigation ul li:hover a:visited, #navigation ul li:hover a:hover, #navigation ul li:hover a:active,
			#navigation ul li.over a:link, #navigation ul li.over a:visited, #navigation ul li.over a:hover, #navigation ul li.over a:active {
				text-decoration:underline;
				color:#e19e2a;
			}
			
		#navigation ul li.current {
			color:#e19e2a;
		}
			#navigation ul li.current a:link, #navigation ul li.current a:visited, #navigation ul li.current a:active {
				text-decoration:underline;
				color:#e19e2a;
			}
			#navigation ul li.current a:hover {
				text-decoration:underline;
				color:#e19e2a;
			}



/***************************************************************
Appearance and Location for Dropdowns
***************************************************************/

#navigation ul li ul {
	display:none;
	background-color:#302E31;
}

#navigation ul li:hover ul,
#navigation ul li.over ul {
/* style of the drop down menu */
	display:block;
	position:absolute;
	top:29px;
	left:-1px;
	padding-top:0px;
	
	height:auto; /* Don't delete me; makes sure you can see any borders in Firefox. */
	width:160px;

	border-bottom:1px solid #a4a4a4;
	z-index:5;
}
/* make the rigth most items drop down, align to the right side */
#navigation ul li.last ul {
	left:auto;
	right:-1px;
}
	/* link container stuff */
	#navigation ul li:hover ul li,
	#navigation ul li.over ul li {
		display:block;
		float:left;
		margin:0;
		padding:0;
		width:158px;
		height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
		
		border:solid #aaa;
		border-width:0 1px;
		
		background:#302E31;
		z-index: 5;
	}
	#navigation ul li:hover ul li.first, #navigation ul li.over ul li.first { border-top:none; }
	#navigation ul li:hover ul li.last, #navigation ul li.over ul li.last { }
		
		/* normal item */
		#navigation ul li:hover ul li a:link, #navigation ul li:hover ul li a:visited,
		#navigation ul li.over ul li a:link, #navigation ul li.over ul li a:visited {
			display:block;
			float:none;
			
			margin:0;
			padding:6px 0 6px 12px;
			height:auto;
			width:146px;
			
			font-weight:normal;
			font-size:90%;
			text-align:left;
			text-decoration:none;
			color:#fff;
			background:#211B1F;
			font-style:normal;
			border:0;
		}
		/* normal item, hovered */
		#navigation ul li:hover ul li a:hover, #navigation ul li:hover ul li a:active,
		#navigation ul li.over ul li a:hover, #navigation ul li.over ul li a:active {
			text-decoration:underline;
			color:#e19e2a;
			background:#414141;
		}
		
		/* items in current group */
		#navigation ul li.current:hover ul li a:link, #navigation ul li.current:hover ul li a:visited {
			text-decoration:none;
			color:#fff;
			background:#211B1F;
		}
		
		/* item's current group, hovered */
		#navigation ul li.current:hover ul li a:hover, #navigation ul li.current:hover ul li a:active {
			text-decoration:underline;
			color:#e19e2a;
			background:#414141;
		}
		
		/* item for current page */
		#navigation ul li.current ul li.current a:link, #navigation ul li.current ul li.current a:visited {
			text-decoration:none;
			color:#e19e2a;
			background:#211B1F;
		}
		
		/* item for current page, hovered */
		#navigation ul li.current ul li.current a:hover, #navigation ul li.current ul li.current a:active {
			text-decoration:underline;
			color:#e19e2a;
			background:#414141;
		}
		
		
		
		
/***************************************************************
Appearance and Location for Flyouts
***************************************************************/

#navigation ul li:hover ul li:hover a:link, #navigation ul li:hover ul li:hover a:visited,
#navigation ul li.over ul li.over a:link, #navigation ul li.over ul li.over a:visited {
	text-decoration:underline;
	color:#e19e2a;
	background:#414141;
}
	#navigation ul li:hover ul li ul,
	#navigation ul li.over ul li ul{
		display:none;
		position:absolute;
		top:-1px;
		left:158px;
		
		margin:0;
		padding:0;
		
		height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
		width:160px;
		
		border:solid #a4a4a4;
		border-width:1px 0;
		z-index:5;
	}
	#navigation ul li:hover ul li:hover ul,
	#navigation ul li.over ul li.over ul {
		display:block;
	}
		#navigation ul li:hover ul li:hover ul li,
		#navigation ul li.over ul li.over ul li {
			display:block;
			float:left;
			margin:0;
			padding:0;
			width:158px;
			height:auto;
			border: solid #aaa;
			border-width:0 1px;
			background:#302E31;
			z-index: 5;
		}
			#navigation ul li:hover ul li:hover ul li a:link, #navigation ul li:hover ul li:hover ul li a:visited,
			#navigation ul li.over ul li.over ul li a:link, #navigation ul li.over ul li.over ul li a:visited {
				display: block;
				float: none;
				margin: 0;
				padding:6px 0 6px 12px;
				height: auto;
				width: 146px;
				
				font-weight:normal;
				font-style:normal;
				font-size:90%;
				
				text-align:left;
				text-decoration:none;
				color:#fff;
				
				border:0;
				background:#211B1F;
			}
			#navigation ul li:hover ul li:hover ul li a:hover, #navigation ul li:hover ul li:hover ul li a:active,
			#navigation ul li.over ul li.over ul li a:hover, #navigation ul li.over ul li.over ul li a:active {
				text-decoration:underline;
				color:#e19e2a;
				background:#414141;
			}
			
			
			
			
			/* items in current group */
			#navigation ul li ul li.current:hover ul li a:link, #navigation ul li ul li.current:hover ul li a:visited {
				text-decoration:none;
				color:#fff;
				background:#211B1F;
			}
			
			/* item's current group, hovered */
			#navigation ul li ul li.current:hover ul li a:hover, #navigation ul li ul li.current:hover ul li a:active {
				text-decoration:underline;
				color:#e19e2a;
				background:#414141;
			}
			
			/* item for current page */
			#navigation ul li ul li.current ul li.current a:link, #navigation ul li ul li.current ul li.current a:visited {
				text-decoration:none;
				color:#e19e2a;
				background:#211B1F;
			}
			
			/* item for current page, hovered */
			#navigation ul li ul li.current ul li.current a:hover, #navigation ul li ul li.current ul li.current a:active {
				text-decoration:underline;
				color:#e19e2a;
				background:#414141;
			}
/* ******************************
Selected Bread Crumbs
****************************** */

/* ******************************
Selected Footer Design and Theme
****************************** */

#footer {
	position:relative;
	padding:0 0px 79px 0px;
	width:960px;
	font-size:95%;
	background:url('/images-layout/footer-bg.jpg') 0 100% no-repeat;
}
#footerWrapper {
	margin:auto auto;
}

	#footerLinksWrap {
		margin:auto auto;
	}
	#footerLinks {
		padding-top:8px;
		height:27px;
		list-style:none;
		text-align:center;
	}
		#footerLinks li {
			display:inline;
			padding:0 24px 0 24px;
		}
			#footerLinks li a:link, #footerLinks li a:visited, #footerLinks li a:active {

				font-size:120%;
				font-weight:bold;
				text-decoration:none;
				color:#fff;
			}
			#footerLinks li a:hover {
				text-decoration:underline;
				color:#fff;
			}

	
	#footerCopyright {
		position:absolute;
		top:35%;
		left:0px;
		margin-top:-.5em;
		width:100%;
		text-align:center;
		color:#fff;
	}
	#footerAddress {
		position:absolute;
		top:35%;
		left:0px;
		margin-top:1.0em;
		margin-bottom:6px;
		width:100%;
		text-align:center;
		font-style:normal;
		color:#fff;

	}
		

/* ******************************
Design Layout Code
****************************** */

body {
	min-width:960px;
}
/* this is the fix popup images in the store */
body#popupImage {
	width:auto;
	background:white;
	min-width:0;
}

#siteName {
	position:absolute;
	left:-999em;
}

#container {
	position:relative;
	top:0;
	margin:0 auto;
	width:960px;
	text-align:center;
}

#content {
	position:relative;
	padding:85px 0px 0 0px;
	width:960px;
	text-align:left;
}

#columnWrapper {
	position:relative;
	padding-right:0px;
	padding-left:0px;
	
	min-height:300px;
	/* IE6 Mumbo Jumbo */
	height:auto !important;
	height:300px;
	
	width:960px;
}



/* ******************************
Template Layout Code
****************************** */

.column1 {
	display:inline;
	float:right;
	margin-top:0px;
	width:960px;
}