/**********************************************************************************************

	Title: Gardner Bender
	Author: XHTMLized
	Date: March 2008 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
			1.5 Sticker Footer
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Primary content
			3.4 Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; 	font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; 	font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }*/


body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }

table {
	border-collapse: separate; 
	border-spacing: 0;
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; 
	position: relative;
	color: #303030;
	background: #000;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	
h2 {
	font-size: 1.8em;
	color: #303030;
	margin-bottom: 3px;
}
	#main-content-top h2 { color: #fff; padding: 25px 30px 0px 0px; font-weight: normal; text-align: right;}
h3 {
	color: #EEB21E!important;
	font-size: 1.4em;
	text-transform:uppercase;
	padding: 10px 0 3px 26px;
	font-weight: normal; 
}
	h3 a { color: #EEB21E!important; border: none;}
		h3 a:hover { text-decoration: underline; }
	h3 span { color: #fff!important; font-weight: bold; }
	.subpage #side-content h3 { font-size: 1.2em; padding-top: 14px; }
	
	.subpage #main-content h3 { color: #CF0000!important; padding: 0; font-weight: bold; }
.subpage h4 { font-weight: bold; font-size: 1.2em; margin-bottom: 10px; }
	
p { margin: 0 0 15px 0; line-height: 1.3em; color: #303030; }
	#side-content p { color: #797773; }


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

label {
	font-size: 1.2em;
}

input, textarea, select {
	font: 1.1em Arial, Helvetica, sans-serif;
	float: left;
}
#search-field {
	width: 203px;
	margin-right: 10px;
}




/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a {
	color: #666666;
	text-decoration: none;
}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide label {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.container: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 */

.last-item {
	border: none!important;
}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
#container{
	margin: 15px auto 0 auto;
	width: 786px;
}
	
#header {
	position: relative;
	color: #fff;
	height: 107px;
	background: url(../images/bgr_header.jpg) top left no-repeat;
}

#content-wrapper {
	padding-top: 5px;
	border: 2px solid #CCC;
	border-top: none;
	background-color: #fff;
	float: left;
	width: 782px;
	display: inline;
}
	.subpage #content-wrapper {
	padding-top: 10px;
	padding-bottom: 10px;
}

#top-menu {
	position: absolute; 
	top: 3px;
	right: 20px;
	font-size: .9em;
}
#search-box {
	position: absolute; 
	top: 35px;
	right: 20px;
	font-size: .9em;
}

#main-menu { 
	position: absolute;
	bottom: 8px;
	left: 25px;
}

#main-content {
	padding: 5px;
	width: 529px;
	margin-right: 5px;
	float: left;
	display: inline;
}
	#main-box {
	height: 242px;
	position: relative;
}
	#flash-box { background: url(../images/bgr_flash.jpg); height: 57px; }
	#text-content {
		padding: 15px 25px; 
	}
	.subpage #text-content { 
	padding: 10px 20px; 
	clear:both;
	display:block;
	}
	#text-content p a {
		text-decoration: underline;		
	}
	#text-content p a:hover {
		text-decoration: none;		
	}
	#main-content-top {
		clear:both;
		display:block;
		background: url(../images/bgr_news.jpg);
		height: 72px;
		margin-bottom: 10px;
	}
.subpage #main-content {
	width: 558px;
	margin-right: 0;
	padding-top: 0;
	overflow: hidden;
}

#side-content {
	width: 215px;
	float: left;
}
	.subpage #side-content {
		width: 200px;
		margin-left: 5px;
		margin-right: 5px;
	}

#footer {
	text-align: center;
	clear: both;
	color: #fff;
	padding-top: 15px;
}
	
/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

.accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/		
	/* Logo -> Image replacement. */
	#header h1 {
		width: 100px;
		cursor: pointer;
		position: absolute;
		top: 10px;
		left: 20px;
	}
		#header h1 a { 
			display: block;
			height: 60px;
			border: none;
		}
		#header h1 a span {	display: none; }
		
	#top-menu li {
		float: left;
		padding: 10px 5px 2px 5px;
		border-right: 1px dashed #fff;
	}
		#top-menu li.last-item { border: none; }
	#top-menu a {
		color: #fff;
		text-decoration: none;
		display: block;
		border: none;
	}
		#top-menu li a:hover { text-decoration: underline; }
		#top-menu a#signup { background: url(../images/img_letter.gif) center left no-repeat; padding-left: 22px; }
		
	#main-menu li { 
		padding: 0 19px;
		float: left;
		border-right: 1px solid #fff;
		border-left: 1px solid #000;
	}
		#main-menu li.first-item { border-left: none;}
		#main-menu li.last-item2 { border-right: none; border-left: 1px solid #000;!important}
	#main-menu li a {
		color: #000;
		text-transform: uppercase;
		border: none;
		font-weight: bold;
	}
		#main-menu li a:hover { color: #666; }
		
		
		
/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	
#learn-more { position: absolute; bottom: 35px; right: 20px; width: 100px; height: 25px; border: none; }
#products {
	border-top: 2px solid #E5E5E5;
	position: relative;
	margin-top: 25px;
}
	#products .col {
		border-right: 1px solid #E5E5E5;
		float: left;
		padding-left: 20px;
		width: 140px;
		margin-top: 20px;
	}
	#products #col1 { padding-left: 5px; }
	#products #col3 { border: none; }
	#products li { margin-bottom: 8px; color: #666; }
	#products li a { color: #666; border: none; }
	#products a:hover { text-decoration: underline; }
	#products p { 
		position: absolute;
		top: -0.7em;
		left: 0;
		padding-right: 8px;
		color: #D51F1F;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: bold;
		background-color: #fff;
	}

.side-box {
	width: 234px;
	margin-bottom: 10px;
	position: relative;
	margin-top: 5px;
}
.side-box-head { background: url(../images/side_box_head_middle.jpg); }
	.side-box-head-top { background: url(../images/side_box_head_top.jpg); height: 5px; overflow: hidden; }
	.side-box-head-middle {
	padding-bottom: 5px;
	background-image: url(../images/side_box_head_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.side-box-body { background: url(../images/side_box_middle.jpg); padding-top: 8px;}
	.side-box-body-middle { background: url(../images/side_box_bottom.jpg) bottom left no-repeat; padding-bottom: 10px;  }
		.side-box-body-middle img {float: right;}
	.side-box p { padding: 0 13px; font-size: .9em; }
	.side-box p a {
	color: #797774;
	text-decoration: underline;
	border: none;
}
		.side-box p a:hover { border: none; 
		text-decoration: none;
		}
	#box3 {
		background: url(../images/img_man.jpg);
		position: absolute;
		bottom: 1px;
		right: 0px;
		width: 97px;
		height: 84px;
	}

.subpage #side-content a { color: #666!important; border: none!important; }
.subpage #side-content a:hover { text-decoration: underline!important; }

#side-menu { background: url(../images/bgr_menu_middle.jpg) top left repeat-y; width: 201px; margin: 5px 0; }
#side-menu-top { background: url(../images/bgr_menu_top.jpg); height: 36px; }
#side-menu-bottom { 
background: url(../images/bgr_menu_bottom.jpg) bottom left no-repeat;
width:100%; 
}
	#side-menu ul { 
	margin: 15px 0 0 20px;  /* margin: 15px 0 0 40px; */
	padding-bottom: 10px;  /* padding-bottom: 20px; */
	}
	#side-menu li { 
	margin: 0 0 7px 0; 
	}
/* JC Code */
#side-menu-bottom ul li ul {
	list-style-type: none;
	margin: 0px 0px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
#side-menu-bottom ul li ul li { 
	margin: 0px 0px 0px 0px;
}
#side-menu-bottom ul li ul li ul {
	color: #000000;
	margin: 0px 0px 0px 20px;
	list-style-type: none;
	padding-bottom: 3px;
}
#side-menu-bottom ul li ul li ul li {
	color: #000000;
}
#side-menu-bottom ul li ul li ul li a {
}
#side-menu-bottom ul li ul li ul li a:hover {
	text-decoration: none;
}
/* End JC Code */
#sidebox { background: url(../images/bgr_sidebox_middle.jpg) top left repeat-y; width: 201px;}
#sidebox-top { background: url(../images/bgr_sidebox_top.jpg); height: 36px; }
#sidebox-bottom { background: url(../images/bgr_sidebox_bottom.jpg) bottom left no-repeat; padding: 10px; }
	#sidebox p { font-size: .95em; }

.subpage p#main-copy { color: #303030; }

.product-detail {
	border-top: 2px solid #ccc;
	padding-top: 15px;
}
	.product-detail .image-box { float: left; margin: 0 10px; width: 210px; min-height: 180px; text-align: center; }
	.product-detail .text-box { float: left; width: 280px; font-size: .95em;margin-bottom: 20px; }
		.product-detail .text-box li { margin-bottom: 5px;}
		.product-detail .text-box li a { padding-left: 3px; color: #666!important; border: none; text-decoration: underline;}
			.product-detail .text-box li a:hover { text-decoration: none;}
/* 3.4	Footer
-----------------------------------------------------------------------------------------------*/
#footer {
	color: #B5B4B6!important;
	font-size: .9em;
}	
#bottom-menu {
	margin-left: 60px;
}
#bottom-menu li {
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 3px;
	margin-bottom: 10px;
}
	#bottom-menu li.last-item { border: none; }
#bottom-menu li a {
	border: none;
	color: #ccc;
}
#bottom-menu li a:hover { text-decoration: underline; }
#footer p { font-size: .9em;color: #B5B4B6!important; }


/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/			

/* standard sIFR styles */

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	.sIFR-replaced {
		visibility: visible !important;
	}
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
	.sIFR-flash + div[adblocktab=true] {
		display: none !important;
	}
	/* 5. Jeffs Stuff
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#content_below_header_wrapper {
	margin: 0px;
	padding: 0px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#top_products_wrapper {
	float: left;
	display: inline;
	width: 514px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border-bottom: 1px solid #999999;
}
#top_products {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 514px;
	height: 102px;
	overflow: hidden;
}
#top_products_text {
	float: left;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 20px 0px;
	width: 514px;
}
#top_products_text p a {
	color: #666666;
	text-decoration: underline;	
}
#top_products_text p a:hover {
	text-decoration: none;	
}
#btm_content_wrapper {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 514px;
}
#btm_content_left_column {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 150px;
}
#btm_content_right_column {
	float: left;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	width: 349px;
}
#btm_content_right_column table tr td {
	padding: 3px;
}
.product_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
}
#btm_content_wrapper a {
	text-decoration: underline;
}
#btm_content_wrapper a:hover {
	text-decoration: none;
}
.image_right {
	float: right;
	margin: 0px 0px 7px 3px;
}
#main-content #text-content div.product-detail div.text-box ul.bullets {
	margin: 0px 0px 0px 11px;
	list-style-position: outside;
	list-style-type: disc;
}
#main-content #text-content div.product-detail div.text-box ul.bullets li {
	margin: 0px 0px 0px 5px;
}
#promo_header {
	margin: 0px;
	padding: 0px;
	height: 30px;
	background-image: url(../images/promo_header_bkgd.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	/*border-top: 1px solid #CF0000;*/
}
#promo_header h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
.product_headiingMedium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #CF0000;
}
.BodyText_Small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	color: #303030;
}
.BodyText_Small a {
	text-decoration: underline;
}
.BodyText_Small a:hover {
	text-decoration: none;
}

.BodyText_Link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	color: #303030;
}
.BodyText_Link a {
	text-decoration: underline;
}
.BodyText_Link a:hover {
	text-decoration: none;
}


#main-content #text-content ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0px 0px 0px 22px;
	line-height: 16px;
	color: #333333;
}
#main-content #text-content ol li {
	margin: 0px 0px 6px 0px;
}