@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: #e9e4db url(../_img/bg_pg.png) repeat-x 0 0;
}

#logo, #slogan {
	text-indent: -99999px;
}

#container {
	width: 960px;
	margin: auto;
	border: 1px solid #fff;
	background: #fff;
}

#header {
	background: url(../_img/bg_header.gif) repeat-x 0 0;
	height: 99px;
}

#logo {
	float: left;
	width: 340px;
	height: 65px;
	background: url(../_img/logo.gif) 0 0 no-repeat;
	position: relative;
	top: 20px;
	left: 20px;
}

#slogan {
	float: right;
	clear: none;
	height: 50px;
	width: 395px;
	background: url(../_img/slogan.gif) 0 0;
	position: relative;
	top: 30px;
	right: 20px;
}

ul#nav {
	display: block;
	background: url(../_img/bg_nav.gif) repeat-x 0 0;
	list-style-type: none;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 11px;
}

ul#nav li {
	display: inline;
	padding: 0 32px;
	background: url(../_img/nav_sep.gif) 0 0 no-repeat;
}

ul#nav li.first {
	background: none;
}

ul#nav a:link, ul#nav a:visited {
	color: #fff;
	text-decoration: none;
}

ul#nav a:hover, ul#nav a:active {
	color: #fff;
	text-decoration: underline;
}

#middle {
	height: 270px;
	background: url(../_img/bg_middlenew.jpg) no-repeat 0 0;
	margin: 1px 0 0 0;
}

#middle p {
	float: right;
	position: relative;
	right: 0;
	top: 75px;
	text-align: center;
	width: 300px;
	color: #152e5a;
	font-weight: bold;
}

span#middle_text {
	display: block;
	position: relative;
	top: 8px;
	margin: 0 0 0 0;
}

#middle img {
	border: none;
}

#middle a {
	color: #152e5a;
}

#body {
	padding: 10px 0 20px 0;
}

#content {
	float: left;
	width: 630px;
	padding: 0 10px 0 20px;
	margin-bottom: 60px;
}

/*ul.columns {
	float: left;
}

ul.columns li {
	width: 40%;
	float: left;
}*/

ol.columns li {
	/* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;
	/* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
	padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ol.columns li {
	position: relative;
}

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

ol.columns li.k {
	margin-top: -12em;
}

/* horizontal position of each column */
ol.columns li.a, ol.columns li.b, ol.columns li.c, ol.columns li.d, ol.columns li.e, ol.columns li.f, ol.columns li.g, ol.columns li.h, ol.columns li.i, ol.columns li.j {
	margin-left: 0em;
}

ol.columns li.k, ol.columns li.l, ol.columns li.m, ol.columns li.n, ol.columns li.o, ol.columns li.p, ol.columns li.q, ol.columns li.r, ol.columns li.s, ol.columns li.t {
	margin-left: 50%;
}

/*ol.columns li.k, ol.columns li.l, ol.columns li.m, ol.columns li.n, ol.columns li.o, ol.columns li.p {
	margin-left: 20em;
}*/

/* anchor styling */
ol.columns li a {
	display: block;
	width: 7em;
	text-decoration: none;
}

ol.columns li a:hover {
	color: #FFF; /* white */
	background-color: #A52A2A; /* brown */
}

/* ======================== UL ========================*/


ul.columns li {
	/* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;
	/* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
	padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ul.columns li {
	position: relative;
}

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

ul.columns li.k {
	margin-top: -3.5em;
}

/* horizontal position of each column */
ul.columns li.a, ul.columns li.b, ul.columns li.c, ul.columns li.d, ul.columns li.e, ul.columns li.f, ul.columns li.g, ul.columns li.h, ul.columns li.i, ul.columns li.j {
	margin-left: 0em;
}

ul.columns li.k, ul.columns li.l, ul.columns li.m, ul.columns li.n, ul.columns li.o, ul.columns li.p, ul.columns li.q, ul.columns li.r, ul.columns li.s, ul.columns li.t {
	margin-left: 50%;
}

/*ul.columns li.k, ul.columns li.l, ul.columns li.m, ul.columns li.n, ul.columns li.o, ul.columns li.p {
	margin-left: 20em;
}*/

/* anchor styling */
ul.columns li a {
	display: block;
	width: 7em;
	text-decoration: none;
}

ul.columns li a:hover {
	color: #FFF; /* white */
	background-color: #A52A2A; /* brown */
}

/*======================= END UL ======================== */

.quote {
	font-size: 16px;
	color: #8a0909;
	background: url(../_img/quotes_open.gif) 0 0 no-repeat;
	padding: 20px 0 0 0;
	position: relative;
	z-index: 2;
}

.author {
	text-align: right;
	padding: 35px 20px 10px 0;
	background: url(../_img/quotes_close.gif) right top no-repeat;
	position: relative;
	margin-top: -50px;
	z-index: 1;
}

#content img {
	float: left;
	border: 1px solid #ccc;
	padding: 3px;
	margin: 0 20px 20px 0;
}

#content img.right {
	float: right;
}

#content ul {
	list-style: inside;
}

#right {
	float: right;
	width: 265px;
	padding: 0 20px 0 10px;
	border-left: 1px #f2f3f6 solid;
}

#right ul {
	margin: 0 0 20px 0;
	list-style: inside;
	font-size: 12px;
}

#right img {
	display: block;
	margin: auto;
}

#right h2 {
	border-top: 1px solid #e6e8ed;
	padding: 10px 0 0 0;
	margin: -10px 0 0 0;
}

#footer {
	width: 960px;
	margin: 20px auto;
	clear: both;
	text-align: center;
	color: #898f9b;
}

/* DEFAULTS */

p, h1, h2, h3, h4, h5, h6, h7 {
	margin: 0 0 20px 0;
}

h1 {
	margin: 0;
}

h2 {
	font-size: 25px;
	margin: 0;
}

h2.blue {
}

h3 {
	color: #2c529a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h4 {
	font-size: 15px;
}

h5 {
	font-size: 12px;
}

ul, ol {
	margin: 0 0 20px 40px;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

/* MISC. */

*.starter {
	margin-top: 20px;
}

/* MISC. ALIGNMENT */

*.left {
	text-align: left;
	float: left;
}

*.right {
	text-align: right;
	float: right;
}

*.center {
	text-align: center;
	margin: auto;
}

/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* sIFR */

h1, h2, #right .quote, #right .author {
	visibility: hidden;
}

/* FAQ */

ul#faqs {
	list-style-type: none;
}

ul#faqs li {
	margin: 0 0 -10px 0;
}

#faqs h3 a:link, #faqs h3 a:active, #faqs h3 a:visited {
	color: #2c529a;
	font-size: 12px;
}

/* FORM */
label {
	width: 160px;
	margin: 0 20px 0 0;
	float: left;
	display: inline;
}

label.error {
	float: none;
	color: #fff;
	clear: none;
	width: auto;
	background: #c00;
	border: 1px dotted #c00;
	margin: 0 0 0 10px;
}

input, textarea, select {
	border: 1px #aaa solid;
}

input {
	height: 20px;
	padding: 2px;
}

.example {
	color: #aaa;
}

select {
	height: 26px;
	padding: 2px;
}

fieldset {
	border: 1px #ccc solid;
	padding: 0 10px;
	margin: 20px 0;
}

legend {
	color: #666;
	font-size: 1.5em;
	padding: 0 10px 0 0;
	margin: 0 auto;
}

form p {
	margin: 20px 0;
}

input[type=radio] {
	position: relative;
	top: 7px;
	border: none;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #eee;
	padding: 5px;
	font-size: 10px;
	border: #666 1px solid;
}

#tooltip h3, #tooltip div {
	margin: 0;
}

#tooltip h3 {
	font-size:10px;
	line-height: normal;
	color: #666;
}

.logos img {
	border: none;
}

#content img.no_border {
	border: none;
}

ul#coupons {
	list-style-type: none;
}

ul#products {
	font-size: 18px;
	margin:0;
	margin-bottom: 20px;
}

ul#products li {
	display: inline;
	float: left;
}

ul#products img {
	margin: 5px;
}

ul#prodlist {
	list-style: none outside;
	margin: 0;
	padding: 0;
	color: #ddd;
	font-size: 11px;
	background: #ccc;
}

ul#prodlist a:link, ul#prodlist a:visited {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

ul#prodlist li {
	height: 40px;
	padding: 10px;
	background: url(../_img/bg_prodlist_li1.gif) repeat-x 0 0;
	margin: 0;
}

ul#prodlist li.l2 {
	height: 40px;
	padding: 10px;
	background: url(../_img/bg_prodlist_li2.gif) repeat-x 0 0;
	margin: 0;
}

.thb {
	float: left;
	clear: none;
	display: inline;
}

#body { position: relative; }

.nate_logo { height: 10px; 
	padding-bottom: 23px
}

.nate_logo img { border: none;
}

#right img.sidebar_logo  {
	display: inline;
	vertical-align: middle;
	margin-left: 16px;
}