/* --------------------------------------------------- 
TEMPLATE.CSS contains the default styles for websites
built in the anytime system.
--------------------------------------------------- */



/* MAIN ELEMENTS 
Main page elements, page layout, links and other common
styles. */
html, body { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;  
text-align:center;
color:#363636;
background-color:#9a9a9a;
background-image:url(../new_images/background.gif);
background-position:top;
background-repeat:repeat-x;
clear:both;
margin:0 auto;
}


/* DEFAULT LINKS */
a         {text-decoration:none;color:#3f9300;}
a:visited {text-decoration:none;}
a:hover   {text-decoration:underline;color:#153100;}
a img     {border:none;}
a:focus, a:active {color:#153100;}

/* DEFAULT HEADERS */
h1, h2, h3, h4, h5, h6 {
margin:0px 0px 0px 0px;
}

h1 {font-size:22px;line-height:24px;padding:4px 0 4px 0;}
h2 {font-size:14px;line-height:22px;padding:4px 0 4px 0;}
h3 {font-size:18px;line-height:20px;padding:4px 0 4px 0;}
h4 {font-size:16px;line-height:18px;padding:4px 0 4px 0;}
h5 {font-size:14px;line-height:16px;padding:4px 0 4px 0;}
h6 {font-size:12px;line-height:14px;padding:4px 0 4px 0;}



/* OTHER DEFAULT ELEMENTS */
acronym {border:none;}
p {padding-top:0;margin-top:0;}


.clearer {
clear:both;
font-size:0;
line-height:0;
height:0;
padding:0 0 0 0;
margin:0 auto;
border:none;
}

.divider {
clear:both;
font-size:0;
line-height:5px;
height:5px;
padding:0 0 0 0;
margin:5px 0 0 0;
border-top:solid #CCCCCC 1px; 
}


/* GAPS
Gaps to space elements */
.gap1 {float:left;width:10px;}
.gap2 {float:left;width:15px;}


/* IMAGE HOLDERS
hold images to the left or right */
.img-left {float:left;margin-right:15px;margin-top:4px;margin-bottom:6px;}
.img-right {clear:right;float:right;margin-left:15px;margin-top:4px;margin-bottom:6px;}
.img-main {display:none;text-align:center;}


/* LIST ELEMENTS
list elements */
ul {
margin-top:6px;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
margin-left:0;
padding-left:0;
}
	li {
	line-height:18px;
	list-style:none;
	margin-top:0;
	padding-top:0;
	padding-bottom:3px;
	margin-left:0;
	padding-left:20px;
	background-image:url(../images/point.gif);
	background-position:5px 5px;
	background-repeat:no-repeat;
	}




/* STANDARD PAGE ELEMENTS 
Standard page elements for laying out the main content of a website. */
#container1 {
width:960px;
text-align:left;
background-image:url(../new_images/main_bg.gif);
background-position:center top;
background-repeat:no-repeat;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}

#container2 {
width:920px;
text-align:left;
background-color:#ffffff;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}


	/* MAIN HEADER */
	#header {
	height:99px;
	background-color:#000000;
	background-image:url(../new_images/header_logo.gif);
	background-position:left top;
	background-repeat:no-repeat;
	}
	
	
	
	#flash {
	height:316px;
	background-image:url(../new_images/flash_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin-bottom:5px;
	position:relative;
	}
		#flash .over-outdoor {
		position:absolute;
		left:338px;
		top:48px;
		width:197px;
		height:95px;
		}
			#flash .over-outdoor a {
			display:block;
			line-height:95px;
			background-image:url(../new_images/outdoor_over.jpg);
			background-position:0px -100px;
			background-repeat:no-repeat;
			}
				#flash .over-outdoor a:hover {
				background-image:url(../new_images/outdoor_over.jpg);
				background-position:0px 0px;
				}
				
		#flash .over-camping {
		position:absolute;
		left:350px;
		top:172px;
		width:250px;
		height:92px;
		}
			#flash .over-camping a {
			display:block;
			line-height:92px;
			background-image:url(../new_images/camping_over.jpg);
			background-position:0px -100px;
			background-repeat:no-repeat;
			}
				#flash .over-camping a:hover {
				background-image:url(../new_images/camping_over.jpg);
				background-position:0px 0px;
				}
	
	
	
	#tabs1 {
	height:45px;
	text-align:right;
	background-image:url(../new_images/ol_ce_tabs.gif);
	background-position:center 0px;
	background-repeat:no-repeat;
	padding:0 5px 0 5px;
	}
	
	#tabs2 {
	height:45px;
	text-align:right;
	background-image:url(../new_images/ol_ce_tabs.gif);
	background-position:center -45px;
	background-repeat:no-repeat;
	padding:0 5px 0 5px;
	}
	
	#tabs3 {
	height:45px;
	text-align:right;
	background-image:url(../new_images/ol_ce_tabs.gif);
	background-position:center -90px;
	background-repeat:no-repeat;
	padding:0 5px 0 5px;
	}
	
	
	
	#content {
	padding:0 5px 5px 5px;
	}
		
		
		
	/* MAIN NAVIGATION */
	#main-navigation {
	width:200px;
	line-height:22px;
	color:#454545;
	font-weight:bold;
	font-size:15px;
	}
		#main-navigation ul {
		padding:10px 0 0 0;
		margin:0 0 0 0;
		background-image:url(../new_images/nav_top.gif);
		background-position:top;
		background-repeat:no-repeat;
		}
			#main-navigation li {
			padding:0 10px 0 10px;
			margin:0 0 0 0;
			line-height:22px;
			border-left:solid #b4b6b8 1px;
			border-right:solid #b4b6b8 1px;
			}
			
			#main-navigation .navlast {
			line-height:10px;
			background-image:url(../new_images/nav_bot.gif);
			background-position:bottom;
			background-repeat:no-repeat;
			border:none;
			}
	
	
		#main-navigation li a {
		clear:left;
		float:left;
		display:inline-block;
		line-height:22px;
		color:#454545;
		padding:0 5px 0 5px;
		}
			#main-navigation li a:hover, #main-navigation .on {
			color:#ffffff;
			background-color:#54c200;
			text-decoration:none;
			}
			
			
		#main-navigation .menu-prods a {
		font-size:12px;
		line-height:20px;
		}
			
			
		#main-navigation li li a {
		clear:left;
		float:left;
		display:block;
		font-size:12px;
		line-height:18px;
		color:#454545;
		padding:0 5px 0 5px;
		}
			
			#main-navigation li ul {
			padding:0 0 0 0;
			margin:0 0 0 0;
			background:none;
			}
				#main-navigation li li {
				padding:0 0 0 10px;
				margin:0 0 0 0;
				line-height:22px;
				border:none;
				}
				
				
		.pdf-link-box {
		margin-top:2px;
		height:86px;
		line-height:16px;
		color:#ffffff;
		background-image:url(../new_images/pdf_bg.gif);
		background-position:center;
		background-repeat:no-repeat;
		}
			.pdf-link-box a {
			display:block;
			height:60px;
			padding:26px 0 0 95px;
			color:#ffffff;
			}
			.pdf-link-box a p {
			color:#ffffff;
			}
			
			
			
			
			
		.outdoorliving-rollover {
		display:block;
		height:480px;
		position:relative;
		background-image:url(../new_images/outdoor_rollover_bg.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		}
			.outdoorliving-rollover a {position:absolute;}
			.outdoorliving-rollover a:hover {text-decoration:none;}
		
			.outdoorliving-rollover .charmate-link {left:483px;top:18px;width:142px;height:107px;}
			.outdoorliving-rollover .lighting-link {left:479px;top:126px;width:68px;height:200px;}
			.outdoorliving-rollover .heating-link {left:551px;top:172px;width:62px;height:162px;}
			.outdoorliving-rollover .portable-link {left:22px;top:350px;width:101px;height:127px;}
			.outdoorliving-rollover .trolley-link {left:162px;top:350px;width:129px;height:127px;}
			.outdoorliving-rollover .grills-link {left:306px;top:338px;width:180px;height:139px;}
			.outdoorliving-rollover .accessories-link {left:490px;top:359px;width:137px;height:120px;}
			
			
			.outdoorliving-rollover .over-images {
			position:absolute;
			top:0px;
			left:0px;
			width:460px;
			height:340px;
			background-image:url(../new_images/outdoor-overs.jpg);
			background-position:left 360px;
			background-repeat:no-repeat;
			}
				.outdoorliving-rollover .over-images td {
				width:460px;
				height:340px;
				font-size:16px;
				color:#707070;
				text-align:center;
				}
				
				
				
		.camping-rollover {
		display:block;
		height:480px;
		position:relative;
		background-image:url(../new_images/camping_rollover_bg.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		}
			.camping-rollover a {position:absolute;}
			.camping-rollover a:hover {text-decoration:none;}
		
			.camping-rollover .campsite-link {left:41px;top:344px;width:153px;height:132px;}
			.camping-rollover .backpack-link {left:260px;top:325px;width:91px;height:152px;}
			.camping-rollover .canisters-link {left:410px;top:354px;width:161px;height:126px;}
			
			
			.camping-rollover .over-images {
			position:absolute;
			top:0px;
			left:0px;
			width:630px;
			height:330px;
			background-image:url(../new_images/camping-overs.jpg);
			background-position:left 360px;
			background-repeat:no-repeat;
			}
				.camping-rollover .over-images td {
				width:630px;
				height:330px;
				font-size:16px;
				color:#707070;
				text-align:center;
				}

		
	
	
	/* MAIN CONTENT */
	#main {
	color:#363636;
	line-height:18px;
	padding:20px 30px 20px 40px;
	}
		#main h1, #main h1 font {color:#50ba00;text-align:left;}
		#main h4, #main h4 font {color:#1c3e0a;text-align:left;}
		#main p, #main p font {color:#363636;}

	
	
	
	/* MAIN FOOTER */
	#footer {
	line-height:26px;
	font-size:11px;
	color:#9f9f9f;
	text-align:left;
	padding:20px 28px 20px 28px;
	background-color:#101010;
	background-image:url(../new_images/footer_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
		#footer a {color:#9f9f9f;}
		#footer a:hover {color:#50ba00;text-decoration:none;}
		
		#footer .footer-right {
		float:right;
		width:115px;
		height:24px;
		background-image:url(../new_images/gasmate_footer.gif);
		background-position:right top;
		background-repeat:no-repeat;
		}