@charset "UTF-8";
/* CSS MAIN STYLES

COLORS:
Title: #c5a030
nav up: #a99a6f
nav over: #d3c28f
BRIGHT BLUE (FOOTER TEXT): #d3c28f
SUBHEAD BLUE: #0063BE
EATON LOGO BLUE: #007AC3
CTA button gradient: #5F7FB8 to #5977A9 (this is questionable)

*/

/* Structural */

*{font-size:100.01%}
html {
	height:100%;
	font-size:62.5%;
}

img {
	display:block;
	margin:0;
	padding:0;
	border:none;
}

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:url(../img/bgtile.jpg) repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:center;
}

.outer_container {
	margin:40px auto 0 auto;
	padding:0;
	width:820px;
	position:relative;
}

.topborder {
	width:820px;
	height:12px;
	display:block;
	background:url(../img/bg_top.png) no-repeat left top;
	margin:0;
	padding:0;
}

.container {
	margin:0;
	padding:0;
	width:820px;
	height:auto;
	background:url(../img/bg_repeater.png) repeat-y left top;
	color:#000;
	position:relative;
}

.topnav {
	width:800px;
	height:auto;
	margin:0 10px -5px 10px;
	padding:10px 0 0 0;
	display:block;
}

.header {
	width:802px;
	margin:0 9px;
	height:160px;
	background:transparent url(../img/header_bg.gif) no-repeat left top;
	display:block;
	position:relative;
}
	
	.gohome {
		position:absolute;
		width:126px;
		top:0;
		left:36px;
		height:160px;
		display:block;
		margin:0;
		padding:0;
	}
	.goapa {
		position:absolute;
		left:175px;
		top:55px;
		width:60px;
		height:50px;
		display:block;
		margin:0;
		padding:0;
	}
	.gopurchase {
		position:absolute;
		width:126px;
		height:134px;
		right:36px;
		top:10px;
		display:block;
		margin:0;
		padding:0;
	}

.content_outer {
	width:800px;
	display:block;
	margin:0 10px;
	padding:0 0 10px 0;
	min-height:390px;
	height:auto !important;
	height:390px;
}

.content_inner {
	width:690px;
	display:block;
	height:auto;
	margin:0 auto;
	text-align:left;
}
.headline {
	display:block;
	text-align:center;
	width:400px;
	margin:32px 0 10px 0;
}
.headline_home {
	display:block;
	text-align:left;
	/*width:344px;*/
	margin:32px 0 10px 0;
	padding:0 0 0 56px;
}

.apa_logo {
	background:url(../img/apa_logo.gif) no-repeat left top;
	width:53px;
	height:45px;
	display:block;
	position:absolute;
	right:10px;
	top:180px;
	margin:4px 0 0 0;
	padding:0;
}
	

#flashcontent {
	margin:0 10px;
	padding:0;
	width:670px;
	height:330px;
}

.footer {
	width:680px;
	display:block;
	margin:0 0 0 20px;
	position:absolute;
	bottom:13px;
	left:62px;
	font-size:0.9em;
	color:#d3c28f;
}
.cust_service {
	width:680px;
	display:block;
	margin:0 0 0 20px;
	position:absolute;
	bottom:28px;
	left:212px;
	color:#d3c28f;
	font-size:0.9em;
}

.bottomborder {
	width:820px;
	height:13px;
	display:block;
	background:url(../img/bg_bottom.png) no-repeat left top;
}

span.copyright {
	margin:0 0 0 20px;
	padding:0;
	float:left;
	display:block;
	color:#d3c28f;
}

/* Nav */
.topnav ul {
	display:block;
	vertical-align:middle;
	margin:0 50px 0 0;
	padding:0;
	float:right;
}

.topnav ul li, .footer ul li {
	display:inline;
	padding:0;
	border-left:1px solid #d3c28f;
	float:left;
	width:auto;
	margin:0;
}

.topnav ul li.first_li, .footer ul li.first_li {
	border-left:0px solid #d3c28f;
}

.cust_service ul li {
	display:inline;
	padding:0;
	border-left:1px solid #d3c28f;
	float:left;
	width:auto;
	margin:0;
}

.cust_service ul li.first_li {
	border-left:0px solid #d3c28f;
}

.topnav a {
	display:block;
	color:#d3c28f;
	text-decoration:none;
	text-align:center;
	padding:0 10px;
	margin:0;
}

.topnav a:hover, .footer a:hover, .cust_service a:hover  {
	color:#a99a6f;
}

.footer ul, .cust_service ul {
	display:block;
	margin:0;
	padding:0;
}

.footer a, .cust_service a {
	display:block;
	color:#d3c28f;
	text-decoration:none;
	text-align:center;
	padding:0 6px;
}
.cust_service span {
	padding:0 6px;
}

/* Content Styles */
.content_bar_top, .content_bar_bottom {
	width:690px;
	min-height:8px;
	height:auto !important;
	height:8px;
	display:block;
	background:url(../img/content_bar.gif) no-repeat left top;
	margin:0;
	padding:0;
}
.content_bar_bottom {
	padding:0 0 50px 0;
}

.content_left {
	width:387px;
	float:left;
	margin:0;
	padding:5px 0 0 0;
	position: relative;
	min-height:266px;
	_height:266px;
	text-align:left;
}
.content_left_home {
	width:259px;
	float:left;
	margin:0;
	padding:5px 0 0 40px;
	position: relative;
	min-height:366px;
	_height:366px;
	text-align:left;
}
.content_left_full {
	float:left;
	margin:0;
	padding:5px 0 0 0;
	position: relative;
	min-height:266px;
	_height:266px;
	text-align:left;
}
.content_right {
	width:293px;
	float:right;
	margin:0 10px 0 0;
	padding:0 0 0 0;
	display:block;
	background-color:#e6e1d3;
	min-height:271px;
	height:auto !important;
	height:271px;
}
.content_right_home {
	width:467px;
	float:right;
	margin:-70px 0 0 0;
	padding:0 0 0 0;
	display:block;
	background-color:#e6e1d3;
	min-height:371px;
	height:auto !important;
	height:371px;
}
.purchase_padding {
	padding:20px 0 20px 0;
}

.product_shot {
	/*position:absolute;
	bottom:-1px;
	left:0;*/
	float:left;
	width:98px;
	height:137px;
	display:block;
}
.apa_logo_content {
	/*position:absolute;
	bottom:-1px;
	left:0;*/
	float:right;
	width:52px;
	height:47px;
	display:block;
	margin:0 10px 0 5px;
}

.twenty_percent {
	/*position:absolute;
	bottom:-1px;
	left:80px;*/
	width:220px;
	height:184px;
	display:block;
	margin:0 0 0 80px;
}

/* Text Styles */
p {
	font-size:11px;
	margin:0 15px 15px 15px;
	padding:0;
	color:#808080;
	line-height:15px;
}
.pay {
	text-align:center;
	width:auto;
	margin:5px auto;
}
.paydivider {
	margin:10px auto;
}

h1, h1.hometitle {
	color:#c5a030;
	font-family: "Futura Heavy", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:0;
}
h2 {
	font-size:11px;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	margin:5px 15px;
	padding:0;
	color:#8A2003;
}
.content_left ul, .content_left_full ul {
	margin:0;
	padding:0;
}
.content_left ul li, .content_left_full ul li {
	line-height:15px;
	list-style-type:none;
	background:url(../img/list_bullet.gif) no-repeat left 4px;
	padding:0 0 0 15px;
	margin:5px 15px;
	color:#808080;
	font-size:11px;
}
.content_left a:link, .content_left a:active, .content_left a:visited, .content_left_full a:link, .content_left_full a:active, .content_left_full a:visited {
	color:#8A2003;
	text-decoration:none;
}
.content_left a:hover, .content_left_full a:hover {
	text-decoration:underline;
}

/* misc styles */
.clearfix {
	font-size:0.01em;
	height:0;
	clear:both;
}

.topnav a.active, .footer a.active {
	color:#a99a6f;
}

/* quantity btn */
input.quantity {
	width:15px;
	float:left;
	display:inline;
	margin:4px 0px 0 0;
}
select.country {
	float:left;
	display:inline;
	margin:4px 10px 0 0;
}
form label {
	float:left;
	display:inline;
	height:15px;
	/* width:30px; */
	margin:8px 5px 0 40px;
}
.button_img {
	float:left;
	display:inline;
}

.footnote {
	position:absolute;
	font-style:italic;
	font-size:9px;
	bottom:0;
	left:0;
}
.paypal_label {
	margin:2px 0 0 0;
	letter-spacing:0.5px;
}