/* layout elements */

BODY {
	margin: 0px;
	padding: 0px;
	background: #94AACF;
	font: 12px Arial, Helvetica, sans-serif;	
}

.layout {
	width: 742px;
}

#container {
	margin: 0px auto;
	background: #FFFFFF;
	border: 1px solid #000000;
}

#header {
	height: 79px;
	background: url(../bkg/header.jpg) no-repeat -10px top;
}

#hdr {
	float: right;
	padding: 10px;
	text-align: right;
}

#arcs {
	margin: 1px;
	padding-bottom: 30px;
	background: url(../bkg/arcs.jpg) no-repeat left top;
}

#content {
	padding-top: 9px;
	background-position: 177px top;
	background-repeat: no-repeat;
}

.products {
	background-image: url(../banners/products.jpg);
}

.resources {
	background-image: url(../banners/resources.jpg);
}

.support {
	background-image: url(../banners/support.jpg);
}

.about {
	background-image: url(../banners/about.jpg);
}

#left-col,
#main {
	padding-top: 70px;
}

#left-col {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 75px;
	width: 156px;
	border-right: 1px solid #CACACA;
}

#main {
	margin-left: 176px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #CACACA;
}

.home #main {
	padding-top: 0px;
	background: url(../bkg/home.jpg) repeat-x top;
}

.one-col #left-col {
	display: none;
}

.one-col #main {
	margin-left: 0px;
	border: 0px;
}

.joe {
	padding-right: 160px;
	min-height: 387px;
	height: auto !important;
	height: 387px;
	background: url(../margins/joe.gif) no-repeat right 30px;
}

.joeknows {
	padding-right: 250px;
	min-height: 387px;
	height: auto !important;
	height: 387px;
	background: url(../margins/joeknows.gif) no-repeat right 30px;
}


/* global nav */

#navbar {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background: #000000;
	border-top: 2px solid #666666;
	border-bottom: 2px solid #666666;
}

#navbar UL {
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	display: table;
}

#navbar LI {
	display: inline;
	margin: 0px;
	padding: 0px;
	line-height: 25px;
}

#navbar A {
	padding: 4px 8px;
	color: #EAEAEA;
	text-decoration: none;
}

#navbar A:active,
#navbar A:hover,
#navbar LI.active A {
	color: #FFFFFF;
	background: #CC2229;
}


/* subnav elements */

.subnav {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
	font-size: 11px;
	border-bottom: 1px solid #CACACA;
}

.subnav LI {
	position: relative;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #CACACA;
}

.subnav A {
	display: block;
	padding: 4px 3px;
	background-color: #FFFFFF;
	text-decoration: none;
	height: 1%;
}

.subnav A:active {
	background: transparent;
}

.subnav LI UL {
	display: none;
	position: absolute;
	top: -1px;
	left: 156px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: #DFE5F1;
	border-right: 1px solid #777777;
	border-bottom: 1px solid #777777;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction=135, Strength=3);
}

.subnav LI.snhover UL {
	display: block;
}

.subnav LI UL LI {
	border-top: 1px solid #DFE5F1;
	border-left: 1px solid #CACACA;
}

.subnav LI UL LI.first {
	border-top: 1px solid #CACACA;
	border-left: 0px;
}

.subnav LI A.pdf {
	background-image: url(../icons/page_white_acrobat.gif);
	background-position: 98%;
	background-repeat: no-repeat;
}

.subnav LI A.active {
	font-weight: bold;
	color: #000000;
	background: #E8E8E8 url(../icons/arrow_right_black.gif) no-repeat 98%;
	text-decoration: none;
}

.subnav LI.snhover A,
.subnav LI.snhover UL LI A {
	font-weight: normal;
	color: #00338C;
	background-color: #DFE5F1;
}

.subnav LI.snhover UL LI A:hover {
	background: #C4CFE5;
}

.subnav LI.snhover A.active {
	font-weight: bold;
	color: #000000;
	background-image: url(../icons/arrow_right_black.gif);
}


/* common elements */

H1,H2,H3,H4,P {
	margin: 0px 0px 10px 0px;
	zoom: 1;
}

H1 {
	font-size: 22px;
	color: #00348C;
}

H2 {
	font-size: 16px;
}

H3 {
	font-size: 14px;
	color: #666666;
}

H4 {
	font-size: 12px;
}

H1.underline,
H2.underline,
H3.underline,
H4.underline {
	padding-bottom: 3px;
	border-bottom: 1px solid #CACACA;
}

A {
	color: #00338C;
	text-decoration: underline;
}

A:active,
A:hover {
	color: #000000;
	background-color: #DFE5F1;
	text-decoration: none;
}

#header A:active,
#header A:hover,
#footer A:active,
#footer A:hover {
	background: transparent;
}

A IMG {
	border: 0px;
}

UL,OL {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: square;
}

OL {
	padding: 0px 0px 0px 25px;
	list-style-type: decimal;
}

LI {
	margin: 0px 0px 5px 0px;
}

.back-to-top {
	float: right;
	margin-left: 10px;
}

.answer {
	font-weight: bold;
	color: #000000;
}

.back-to-top,
.answer {
	padding-top: 20px;
}

UL.crumbs {
	margin: -10px 0px 10px 0px;
	padding: 0px;
	list-style: none;
	font-size: 11px;
}

UL.crumbs LI {
	display: inline;
}


/* button styles */

.btn,
.btnover,
a.btn, a.btn:link, a.btn:visited { /* BUTTON DEFAULT STATE */
	vertical-align: middle;
	overflow: visible;
	margin: 0px;
	padding: 1px 8px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #EAEAEA;
	background: #01348D url(../btn/btn.gif) repeat-x left center;
	border: 1px solid #000000;

}

.btnover,
a.btn:hover, a.btn:active { /* BUTTON HOVER STATE */
	color: #FFFFFF;
	background: #000000 url(../_btn/btn_on.gif) repeat-x center;
	border: 1px solid #000000;
	cursor: pointer;
}

/* link-specific button styling */
a.btn, a.btn:link, a.btn:visited {
	height: 1%;
	text-align: center;
	white-space: nowrap;
	padding: 3px 8px;
	text-decoration: none;
	zoom: 1;
}

a.btn:hover, a.btn:active  {
	text-decoration: none;
}


/* box elements */

.boxlabel {
	font-weight: bold;
	color: #01348D;
}
	
.box {
	padding: 10px;
	margin: 0px 0px 10px 0px;
	background: #F4F4F4;
	border: 1px solid #B2B2B2;
}

/* form elements */

.form-box {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background: #F4F4F4;
	border: 1px solid #B2B2B2;
	border-collapse: separate;
	border-spacing: 10px;
  *border-collapse: expression('separate', cellSpacing = '10px'); /* IE-specific hack */
}

FORM {
	margin: 0px;
}

INPUT,
SELECT,
TEXTAREA {
	vertical-align: middle;
	font: 12px Arial, Helvetica, sans-serif;	
}

LABEL {
	color: #555555;
	font-weight: bold;
	font-size: 11px;
}


/* home elements */

.home-btm {
	padding-top: 15px;
}

.home-btm .joe-image {
	float: left;
	margin-right: 10px;
	text-align: center;
}

.home-btm .joe-image IMG {
	display: block;
	margin-bottom: 5px;
}

.home-btm .joe-pledge {
	zoom: 1;
}

.home-btm .joe-pledge P {
	font-style: italic;
}

.home-btm .flv-player {
	float: right;
	margin-left: 8px;
	border: 1px solid #CACACA;
}

.home-btm .headlines {
	float: right;
	width: 39%;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	margin-left: 15px;
}

.home-btm .headlines UL {
	margin: 0px;
	padding: 5px 10px;
	list-style: none;
	font-size: 11px;
	background: #EAEAEA;
}


/* products elements */

.category-list,
.product-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.category-list {
	margin-top: 10px;
}

.category-list LI {
	padding-bottom: 20px;
}

.category-list A {
	font-weight: bold;
}

.category-list IMG {
	float: left;
	margin-right: 10px;
}

.perf-rating {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #01348D;
}

.product-list {
	float: left;
	width: 545px;
}

.product-list LI.item-row {
	margin: 0px;
	padding: 0px;
	min-height: 125px;
	height: auto !important;
	height: 125px;
}

.product-header {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7D98C5;
	border-top: 1px solid #7D98C5;
}

.product-header UL {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.product-header LI {
	float: left;
	width: 30%;
	margin: 0px;
	padding: 2px 4px;
}

.product-header LI.more-info {
	float: none;
}

.product-header A {
	color: #FFFFFF;
}

.product-header A:active,
.product-header A:hover {
	background: transparent;
}

.product-thumb {
	float: left;
	width: 80px;
}

.product-details {
	float: left;
	padding-top: 5px;
	min-height: 95px;
	height: auto !important;
	height: 95px;
	width: 380px;
}

.product-details UL {
	font-size: 11px;
	margin: 0px 0px 5px 0px;
}

.product-details LI {
	margin: 0px;
	padding: 0px;
}

.product-rating {
	margin-left: 460px;
	padding-top: 26px;
	height: 74px;
	text-align: center;
}


/* locator elements */

.search-domestic {
	float: left;
	margin-right: 10px;
}

.sortby {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	list-style: none;
}

.sortby LI {
	display: inline;
	padding: 0px 5px;
	border-left: 1px solid #CACACA;
}

.sortby LI.label {
	padding: 0px;
	border: 0px;
	font-weight: bold;
}

.sortby LI.first {
	border: 0px;
}

.dealer-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.dealer-list LI {
	min-height: 70px;
	height: auto !important;
	height: 70px;
}

.dealer-header {
	margin: 0px 0px 4px 0px;
	padding: 2px 4px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7D98C5;
	zoom: 1;
}

.dealer-name {
	float: left;
}

.dealer-type {
	text-align: right;
}

.dealer-details {
	padding-bottom: 5px;
}

.dealer-address,
.dealer-photo {
	float: left;
	width: 50%;
	padding: 0px 0px 5px 5px;
}

.dealer-photo IMG {
	margin-right: 30px;
	vertical-align: middle;
}

.dealer-contact,
.dealer-hours {
	text-align: left;
}


/* contact elements */

.contact-address {
	float: left;
	margin-right: 50px;
}

.contact-numbers {
	zoom: 1;
}

.contact-staff {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.contact-staff LI {
	float: left;
	width: 270px;
	height: 95px;
	margin-bottom: 10px;
}

.contact-staff LI IMG {
	float: left;
}

.staff-info {
	padding-top: 20px;
}

.staff-info A {
	font-size: 11px;
}

.press-releases {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.press-releases LI {
	padding: 0px 0px 10px 0px;
}

.press-releases A {
	padding: 2px 2px 2px 20px;
	background-image: url(../icons/page_white_acrobat.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.press-releases .press-date {
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
}


/* membership list elements */

.memberlist {
	clear: both;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	list-style: none;
}

.memberlist LI {
	float: left;
}


/* footer elements */

#footer {
	padding: 10px;
	font-size: 11px;
	color: #DEDEE0;
	background: #000000;
	border: 1px solid #FFFFFF;
}

#footer A {
	font-weight: bold;
	color: #DEDEE0;
}

#footer A:active,
#footer A:hover {
	color: #FFFFFF;
	background: transparent;
}

#ftr-left {
	float: left;
}

#ftr-right {
	text-align: right;
	padding-top: 5px;
	zoom: 1;
}

#footer UL {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#footer li {
	float: left;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 8px;
	border-left: 1px solid #A7ABAD;
}

#footer li.first {
	padding-left: 0px;
	margin-left: 0px;
	border-left: 0px;
}

#footer .copyright {
	clear: left;
	padding-top: 2px;
	font-size: 11px;
}


/* overrides */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.clear-right {
	clear: right;
}

UL.simple {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}

UL.simple LI {
	margin-bottom: 2px;
}

/* pagination elements */

.pagination {
	margin: 25px 0px 10px 0px;
	background-color: #F4F4F4;
	font-size: 11px;
}

.pagination DIV {
	padding: 8px 5px;
}

.pagination UL {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.pagination LI {
	display: inline;
	margin: 0px 1px;
	font-weight: bold;
}

.pagination LI a {
	padding: 2px 2px;
}

.pagination LI a:active,
.pagination LI a:hover,
.pagination a.on {
	color: #37342C;
	background-color: #94AACF;
	text-decoration: none;
}

.pagination .previous,
.pagination .next {
	z-index: 90;
	position: relative;
	width: 90px;
	font-weight: normal;
}

.pagination .previous {
	float: left;
}

.pagination .next {
	float: right;
	text-align: right;
}

.pagination .pages {
	float: none;
	text-align: center;
}

.arrow_left,
a.arrow_left:active,
a.arrow_left:hover {
	padding-left: 18px;
	background: transparent url(../icons/arrow_left_link.gif) no-repeat left;
}

.arrow_right,
a.arrow_right:active,
a.arrow_right:hover {
	padding-right: 18px;
	background: transparent url(../icons/arrow_right_link.gif) no-repeat right;
}

SPAN.arrow_left {
	background-image: url(../icons/arrow_left.gif);
}

SPAN.arrow_right {
	background-image: url(../icons/arrow_right.gif);
}

/* Nutch search results */

SPAN.highlight {
	font-weight: bold;
}

.url {
	color: #7D98C5;
}

.ellipsis {
	font-weight: bold;
}

.results LI {
	margin-bottom: 12px;
}

.results a {
	font-weight: bold;
}

.results LI a:active,
.results LI a:hover,
.results LI a.on {
	text-decoration: none;
}