/* HEADER SECTION*/
body, #html{
	margin:0; padding:0; width:100%; height:100%;
}

body{background:url(/assets/graphics/web-back.jpg) repeat-x}

#header{
	width:940px;
	margin:0 auto;
	vertical-align:middle;
	padding:10px 30px 0 30px;
}

#header .header-button{
	margin:4px 0;
}

.header-scan, .header-buy{
	width:197px; 
	line-height:22px;
	height:22px;
	display:block;
}

	.header-scan{margin:4px 0 10px 0;}
	.header-buy{width:268px;}

	.header-scan:link, .header-scan:visited{background:url(/assets/graphics/header-scan-off.jpg) no-repeat;}
	.header-scan:hover, .header-scan:active{background:url(/assets/graphics/header-scan-on.jpg) no-repeat;}
		
	.header-buy:link, .header-buy:visited{background:url(/assets/graphics/header-buy-off.jpg) no-repeat;}
	.header-buy:hover, .header-buy:active{background:url(/assets/graphics/header-buy-on.jpg) no-repeat;}		
/* END HEADER */

/* MENU SECTION */
#menu{
	width:100%;
	background:url(/assets/graphics/menu-back.gif) repeat-x;
	height:47px;
	text-align:center;
}

#nav-menu{
	margin:0 auto;
	width:1000px;
	height:47px;
	background:url(/assets/graphics/menu-back-bottom.jpg) repeat-x;
	background-position:bottom;
}
#nav-menu ul{
	list-style: none;
	padding: 0;
	margin: 0 0 0 30px;
	width:970px;
}

#nav-menu li{
	float: left;
	height:47px;
}

#nav-menu li a, #nav-menu li a:link, #nav-menu li a:visited{
	height: 35px;
	line-height: 35px;
	float: left;
	padding:0 20px;
	display: block;
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-decoration: none;
	text-align: center;
}

	/* Hide from IE5-Mac \*/
	#nav-menu li a{float: none}
	/* End hide */

#nav-menu li a:hover, #nav-menu li a:active{
	background:#484848;
}

#nav-menu li.menu-active{
	background:url(/assets/graphics/menu-arrow.jpg) no-repeat;
	background-position:bottom center;
	background-color:#222;
}

#nav-menu li.menu-active a:hover, #nav-menu li.menu-active a:active{
	background-color:#222;
}
/* END MENU */

/* CONTENT AREA*/

#content-container-outer{
	width:1000px;
	margin:0 auto;
}

#content-container{
	background:url(/assets/graphics/content-back.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#242424;
}

	#content-container.normal{width:940px; padding:0 30px;}
	#content-container.less-padding{width:960px; padding:0 20px;}
	#content-container.no-padding{width:1000px; padding:0;}
	
#content{
	padding: 30px 0;
}

	#content-container.less-padding #content{padding:30px 10px;}	
	#content-container.no-padding #content{padding:30px;}

#banner {width:860px; margin:0 auto; }

	#content-container.less-padding #banner{width:960px;}
	#content-container.no-padding #banner{width:1000px;}

	/* STYLE FOR HOME PAGE */
	#banner .home-banner{padding:15px 0;}	


	#banner div.home-banner{
		float:left;
		display:inline-block;
		text-align:center;
	}
	
		#banner div.middle img{
			margin:38px 0 0 52px;
		}
		
		#banner .middle a.img-link, #banner .middle a.img-link:visited{
			background:url(/assets/graphics/tour-off.jpg) no-repeat;
			height: 32px;
			line-height: 32px;
			display: block;
			text-decoration: none;
			text-align: center;
			margin:0 0 0 52px;
			width:287px;
		}
		
		#banner .middle a.img-link:hover, #banner .middle a.img-link:active{background:url(/assets/graphics/tour-on.jpg) no-repeat;}
	
		#banner div.quotediv{
			font-size:15px;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			color:black;
			text-align:left;
			line-height:1.6em;
			margin:38px 0 0 52px;
			width:250px;
		}	
		
		#banner .quote{
			margin:0 6px;
		}		
		
		#banner .banner-button{
			margin:32px 0 0 0;
		}

	.col-one, .col-two, .left-col, .right-col{float:left; display:inline-block;}
	#content .content-home .left-col{width:570px;}
	#content .content-home .right-col{width:370px;}	
	
		#content .content-home .left-col .col-one {width:378px;}
		#content .content-home .left-col .col-two {width:192px;}
		
		#content .content-home .img-col, #content .content-home .txt-col{float:left; display:inline-block;}
		#content .content-home .img-col{width:40px; text-align:left;}
		#content .content-home .txt-col{width:330px; text-align:left;}	
		#content .content-home .img-col img.padd{margin:8px 0 0 0;}
		
	#content .content-product .left-col{width:350px; text-align:right; padding:0 14px 0 0; border-right:1px dotted #e5e5e5;}
	#content .content-product .right-col{width:560px; padding:0 0 0 15px;}
	
	#content .content-product .right-col a{color:#0083C2;}
	#content .content-product .right-col a:hover, #content .content-product .right-col a:active{color:black;}		
	
	#content .content-product .right-col .info-text{color:#002C77; font-weight:bold; background:url(/assets/graphics/info-icon.gif) no-repeat; background-position:top left; padding:0 0 0 16px; margin:30px 0 0 0;}
		
		#content .content-product .right-col div.img-ref{margin:15px 0 0 0; width:100%; text-align:left;}
			#content .content-product div.right-col img{margin:0 0 0 45px;}
			 div.img-ref div{float:left; display:inline-block; text-align:left;}
			 div.img-ref div.img{width:8%;}
 				 #content .content-product div.right-col div.img-ref div.img img{margin:0;}
			 div.img-ref div.text{width:92%; text-align:left;}
			 
			 
		#content .content-product .left-col ul{list-style: none; padding: 0; margin: 0;}
		#content .content-product .left-col ul li{height:30px;}
		#content .content-product .left-col ul li a:link, #content .content-product .left-col ul li a:visited{
			height: 30px;
			line-height: 30px;
			padding:0 20px;
			display: block;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-size:12px;
		}
		#content .content-product .left-col ul li.menu-unactive a:link, #content .content-product .left-col ul li.menu-unactive a:visited{color: #666; text-decoration:underline;}
		#content .content-product .left-col ul li a:hover, #content .content-product .left-col ul li a:active{color:black;}
		#content .content-product .left-col ul li.menu-active a, #content .content-product .left-col ul li.menu-active a:link{
			background:url(/assets/graphics/submenu-back.gif) no-repeat;
			background-position:bottom center;
			color:white;
			text-decoration:none;
		}
		
	/* STYLE FOR THE PRODUCT PAGE */
	#banner .product-banner{padding:22px 0 0 0;}
			
	#content .content-product .left-col .image{
		background-color:white;
		background-image:url(/assets/graphics/product-banner.jpg);
		background-repeat:no-repeat;
		width:330px;
		height:180px;
		z-index:998;
		border:10px solid #ccc;
		margin:0 0 20px 0;
	}

		/* IMAGE ZOOM OPTION 
		#content .content-product .left-col .zoom{z-index: 999; width:106px; height:34px; margin:10px 0 0 234px; position:absolute;}
		#content .content-product .left-col .zoom a{
			background:url(/assets/graphics/zoom.jpg) no-repeat;
			width:106px;
			height:34px;
			display:block;
			line-height:34px;
			opacity:0.8;
			filter:alpha(opacity=80);
		}
	
			#content .content-product .left-col .zoom a:hover, #content .content-product .left-col .zoom a:active{opacity:1.0; filter:alpha(opacity=100);}
		*/
			
			#content .content-product .right-col {line-height:1.5em;}
	
	/* STYLE FOR THE HOW-IT-WORKS PAGE*/
	/*#banner .howitworks-banner{}*/
	
		.howitworks-banner ul{
			list-style: none;
			padding: 6px 0 0 0;
			margin:0;
			width:980px;
		}
		
		.howitworks-banner ul li{
			float: left;
			height:200px;
			width:25%;
		}
		
			.howitworks-banner ul li a{
				background-position:center;
				background-repeat:no-repeat;
				width:227px;
				height:200px;
				line-height:196px;
				display:block;
			}
			
			.howitworks-banner ul li.menu-works-one a{background-image:url(/assets/graphics/works-1-off.jpg);}
			.howitworks-banner ul li.menu-works-one a.menu-active{background-image:url(/assets/graphics/works-1-on.jpg);}
			
			.howitworks-banner ul li.menu-works-two a{background-image:url(/assets/graphics/works-2-off.jpg);}
			.howitworks-banner ul li.menu-works-two a.menu-active{background-image:url(/assets/graphics/works-2-on.jpg);}			
			
			.howitworks-banner ul li.menu-works-three a{background-image:url(/assets/graphics/works-3-off.jpg);}
			.howitworks-banner ul li.menu-works-three a.menu-active{background-image:url(/assets/graphics/works-3-on.jpg);}			
			
			.howitworks-banner ul li.menu-works-four a{background-image:url(/assets/graphics/works-4-off.jpg);}	
			.howitworks-banner ul li.menu-works-four a.menu-active{background-image:url(/assets/graphics/works-4-on.jpg);}		
		
		
		.howitworks-banner ul.arrow{padding:0; margin:0;}
					
		.howitworks-banner ul.arrow li{
			margin:24px 0 0 0;
			background-position:center;
			background-repeat:no-repeat;		
			height:17px;
		}
		
		.howitworks-banner ul.arrow li.menu-active{background-image:url(/assets/graphics/works-arrow.jpg);}
		
	/* STYLE FOR AWARDS PAGE*/
	#banner .awards-banner{background:url(/assets/graphics/awards-banner-back.jpg) no-repeat; height:230px; min-height:230px;}	
	
		#banner .awards-banner div{width:630px; padding:20px 0 0 310px; line-height:1.4em; color:black;}
	
	#content .content-awards .left-col{width:710px; padding:0 15px 0 0;}
	#content .content-awards .right-col{width:200px; padding:0 0 0 14px; border-left:1px dotted #e5e5e5; text-align:center;}	

		#content .content-awards .review1 img, #content .content-awards .review2 img, #content .content-awards .review3 img, #content .content-awards .review4 img, #user-reviews img{margin:0 5px;}

		#content .content-awards .review1 .review-img{margin:0 20px 0 0;}
		#content .content-awards .review2 .review-img{margin:0 20px 10px 0;}
		#content .content-awards .review3 .review-img{margin:0 20px 0 0;}
		#content .content-awards .review4 .review-img{margin:0 20px 40px 0;}
		
		#user-reviews p {color:#333;}
				
	/* STYLE FOR SUPPORT PAGE*/
	.support-banner{
		padding-bottom:20px;
	}
		.support-banner ul{
			list-style: none;
			padding: 6px 0 0 0;
			margin:0;
			width:860px;
		}
		
		.support-banner ul li{
			float: left;
			height:200px;
			width:33%;
			text-align:center
		}
		
h1{
	font-size:22px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 0 10px 0; padding:0;
}

	h1.page-title{
		font-size:22px;
		font-weight:bold;		
		font-family:Geneva, Arial, Helvetica, sans-serif;
		color:black;		
		margin:0 0 15px 0;
		line-height:1.2em;
	}

h2{
	font-size:16px;
	color:#A1480B;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 0 8px 0; padding:0;
}

	h2.list-title{
		width:335px;
		border-bottom:1px solid #e5e5e5;
		font-size:16px;
		color:#A1480B;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		margin:0 0 6px 0; padding:0 13px 4px 0;
		text-align:right;
	}

h3{
	font-size:15px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0; padding:0;
}

h4{
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin:0 0 5px 0; padding:0;
	line-height:1em;
}

h6{
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin:8px 0 0 0; padding:0;
}

hr{
	border-width:0px;
	height:2px;
	background-color:#333;
}

/* END CONTENT*/

/* FOOTER SECTION */
#footer-break{
	height:4px; background-color:#333; width:100%; margin:60px 0 0 0;
}

#footer{
	width:940px;
	margin:0 auto;
	padding:15px 30px;
	background:url(/assets/graphics/footer-img.jpg) no-repeat;
	background-position:96% 25%;
}

#footer, #footer a{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	line-height:1.9em;
}

.large-font{
	font-size:15px;
}


#footer a:hover, #footer a:active{
	color: #000;
	text-decoration:none;
}