/***GENERAL STYLES******/

*
{margin:0;
padding:0;
}


body
{	
	font-family:arial, verdan, sans-serif;
	font-size:12px;
	color:#fff;
	background-color: #000; 
	background-image:url(../images/bg_stripes.gif);
	background-position: 0px  109px;  
	background-repeat:repeat-x;
}

p
{		line-height:1.4em;	}


a img, img a{	border:0;}

a {
	color:#31669b;
	text-decoration:none;
	font-weight:normal; 
	text-decoration:none;}
	
a:hover {text-decoration:underline;}

h2
{	color:#818181;	font-family:arial narrow, arial, sans-serif;
	font-size:22px;	font-weight:normal;	margin-top:22px;
	margin-left:10px;	margin-bottom:18px;
	}
	
h3
{	
	font-size:16px;	font-weight:normal; margin-left:10px;
		}
		
h4{
	font-size:12px;	margin-top:15px;	margin-left:10px;}
	
h5{	margin-left:10px; margin-bottom:10px; font-size:11px;}


/**********TOP AREA************/

/***THE CONTAINER THAT HOLDS EVERYTHING*/
#container_top{
	width:817px;
	margin:0 auto;
	position:relative;
}

/******CONTAINS THE TOP AREA*********/
#top_holder{
			
		width:817px;
		margin:0;
		height:109px;
}

/***THE CONTAINER THAT HOLD EVERYTHING IN THE MAIN SECTION OF THE PAGE***/
#container_content{
	width:100%;
}

/**THE FIELD THAT SPANS THE ENTIRE PAGE ON IN THE TOP OF THE MAIN SECTION OF THE HOME***/
#top_hero
{
	height:199px;
	width:100%;
	margin-bottom:16px;
	}
	
/**THIS HOLDS THE HOMEPAGE IMAGE AND PRODUCT LOCATOR ON HOME**/
#top_content
{
	height:197px;
	width:817px;
	margin:0 auto;
	background:#3b3b3b;
	border-bottom:1px solid #171717;
	padding-top:1px;
	}

/***DISTRIBUTOR LOGIN*******/
#dist_login	{	position:absolute;	top:0;	right:0; }

#dist_login a
{	display:block;
	width:90px;
	height:18px;
	background:#181818 url(../images/img_key_gray.gif) bottom left no-repeat;
	font-size:11px;
	color:#fff;
	font-weight: bold;
	text-decoration:none;
	padding-left:30px;
	padding-top:7px;
}

#dist_login a:hover
{	background:#181818 url(../images/img_key_gold.gif) bottom left no-repeat; color:#d1bc0e;}

#top_text{
	position: absolute; top: 25px; right: 0; width: 150px; font-size: 10px;	
}

/***BOX FOR THE TWO LOGO IMAGES*****/
#logo_box
{	position:absolute;	left:40px;	top:23px;	text-align:center;		}



/*PRODUCT LOCATOR*/
#locator_top
{	
	height:23px;
	width:246px;
	background:#000 url(../images/gradient_blacktogray.gif) top left repeat-x;
	color:#fff;
	border-left:1px solid #000;
	text-transform:uppercase;
	font-weight:normal;
	padding-left:9px;
	padding-top:12px;
	font-family:'arial narrow' 'helvetica narrow'  sans-serif;
	letter-spacing:2px;
	font-size:14px;
	float:right;
	margin-top:-12px;
	margin-bottom:0;}
	
#locator_top a {color:#fff; font-weight:normal;}
#locator_top a {text-decoration:none;}

img#locator_down
{	height:27px;
	float:right;
	margin-top:-8px;
	width:17px;
	margin-right:3px;
}

#left
{float:left;}
/***********/


/*****HOMEPAGE*****/

.mainpage
{	
	border:1px solid #000;	
	border-right:0;	
	float:left;	
	height:195px;	
	width:559px;
}

#top_right_content
{
	float:right;
	height:195px;
	width:256px;
	border:1px solid #000;
	border-left:0;
	background:#141414;
	overflow:hidden;
}

#top_right_content h2
{
	height:23px;
	width:247px;
	background:#000 url(../images/gradient_blacktogray.gif) top left repeat-x;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	padding-left:9px;
	padding-top:12px;
	font-family:'arial narrow', helvetica,  sans-serif;
	letter-spacing:2px;
	font-size:14px;
	 margin:0!important;
	}

#top_right_content_box
{
	margin-top:8px;
	width:240px;
	margin-left:auto;
	margin-right:auto;
	height:143px;
	background: #2a2a2a url(../images/img_wheel.gif) bottom right no-repeat;
}
	
	
/****PRODUCT LOCATION FORM FOR THE HOMEPAGE*/
#top_right_content_box form
{	margin-left:10px; padding-top:9px; color:#6b6a6a; font-size:10px;}

#top_right_content_box p
{	margin:0!important;}

input#product_loc, input#keywords
{	height:16px;
	width:182px;
	border:1px solid #a5acb2;
	margin-bottom:14px;
	color:#000;
	padding-top:1px;
	padding-left:3px; }

input#product_loc_submit
{	height:26px;
    width:80px;
    border-left:1px solid #2a2a2a;
    border-top:1px solid #2a2a2a;
    border-right:1px solid #222;
    border-bottom:1px solid #222;
    margin-top:14px;
    background:url(../images/button_search_yellow.gif) top left no-repeat;
}
	
input#product_loc_submit:active
{	
    border-left:1px solid #222;
    border-top:1px solid #222;
    border-right:1px solid #2a2a2a;
    border-bottom:1px solid #2a2a2a;
    }
/***************/

#mid_hero
{
	width:817px;
	/*temp*/height:373px;
	margin:0 auto;
	padding-left:2px;
	font-size:11px;
	}
	
#left_column
{	float:left;
	width:540px;}
	
#right_column
{	float:right;
	width:255px;
	margin-right:2px;}
	
#midbox_farleft
{
	float:left;
	width:168px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	height:152px;
	background:#383838 url(../images/back_promo2.gif) bottom right no-repeat;
	overflow:hidden;
	}	
	



#left_column #midbox_farleft p, #left_column #midbox_middle_content p, #midbox_farright_content p, #left_column #midbox_bottomleft p
{	margin:10px;
	line-height:1.4em;
	}

#midbox_farleft h2, #midbox_middle h2, #midbox_farright h2, #midbox_bottomleft h2
{
	background:#000 url(../images/gradient_blacktogray.gif) top left repeat-x;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	padding-left:9px!important;
	padding-top:7px!important;
	padding-bottom:5px!important;
	font-family:'arial narrow' 'helvetica narrow'  sans-serif;
	letter-spacing:1px;
	font-size:12px;
	margin:0!important;
	}
	
	
#midbox_farleft h2
	{margin-right:-10px!important;
	margin-left:-10px!important;
	margin-top:-10px!important;
	margin-bottom:10px!important;
	}	

#midbox_middle
{
	float:left;	margin-left:21px;	width:330px;	}	
	
#midbox_middle_content
{
	height:136px;
	border:1px solid #f5dc0b;
	border-top:0;
	border-bottom:0;
	color:#4c4c4c;
	background:#f5dc0b url(../images/gradient_graytoyellow.gif) top right repeat-x;
	overflow:hidden;}

#midbox_middle_content p 
{
	margin-left:115px!important;}

#midbox_middle h2
{
	border-bottom:1px solid #f5dc0b;	}
	
#midbox_middle h3
{	text-transform:uppercase;
	font-size:10px!important;
	margin-top:5px;
	margin-left:10px;
	font-weight:bold;	
	}
	
#midbox_farright
{	float:right;
	width:254px;
}

#midbox_farright_content
{
	height:329px;
	background:#fff url(../images/gradient_graytowhite.gif) top right repeat-x;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;	}

#midbox_bottomleft
{
	float:left;
	width:539px;
	/*height:162px;*/
	margin-top:19px;
	background:#000 url(../images/gradient_blacktogray.gif) top right repeat-x;
	color:#7d7d7d;
	letter-spacing:1px;
	line-height:1.6em;
	font-size:11px;
	}	

#midbox_bottomleft h2
{ margin-bottom:15px!important;
	
	}
#midbox_bottomleft .imgbox
{
	background:#201d1d;
	padding:3px;
	float:left;
	margin:-5px 20px 0 8px;
	}

#whitebox_content
{
	width:90%;
	height:314px;
	background: transparent url(../images/img_wheel_white.gif) bottom left no-repeat;
	margin-bottom:-1px;
	margin-left:-1px;
	color:#4c4c4c;
	oveflow:hidden;
	padding-left:20px;
	}
#whitebox_content p
{	}

#whitebox_content h4 {	margin-left:0; margin-bottom:-5px;}


#centerbutton
{	display:block;
	width:100%;
	text-align:center;}

/******END HOMEPAGE******/

/*****FOOTER****/

#footer
{	margin:30px 0;
	width:100%;
	height:15px;
	background:#141414;
	color:#535353;
	padding-top:4px;
	overflow:hidden;
	}
	
.footertext
{	display:block;
	float:left;
}
#footer_text
{	width:817px;
	margin:0 auto;
	font-size:10px;}

#footer_menu
{	margin-left:14px;
	float:left;}


#footer_menu a
{
	color:#858585;
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
	font-weight:normal;
}

/*******END FOOTER******/


/***GIVES A LINK THE LITTLE READMORE GRAPHICS****/	
#whitebox_content a
{    padding-right:13px;
	background:transparent url(../images/img_readmore.gif) bottom right no-repeat;
	color:#31669b;
	margin-left:3px;
	text-decoration:none;
	font-weight:normal; }
	
#whitebox_content a:hover
{	text-decoration:underline;
	}
	
#whitebox_content a:visited
{ background:transparent url(../images/img_readmore.gif) bottom right no-repeat;
	color:#31669b;
	margin-left:3px;
	font-weight:normal; }

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


#top_maincontent_holder
{
	width:817px;
	margin:0 auto;
	background:#000;
	margin-top:-215px;
	border-top:1px solid #3b3b3b;
	}

/****THE WHITE FIELD THAT HOLDS NOT-HOMEPAGE CONTENT***/
#maincontent
{
	width:815px;
	background:#fff;
	border:1px solid #000;
	padding-bottom:20px;
	}
	
/***THE YELLOW FIELD THAT SHOWS A PAGE TREE******/	
#maincontent_menu
{	float:left;
	width:800px;
	height:23px;
	margin-top:0;
	background:#f5dc0b;
	color:#000;
	font-size:10px;
	padding-top:12px;
	padding-left:15px;
	border-right:1px solid black;
}

/*keeps the product box aligned*/span.tree

	{	float:left;}

span.tree a
{color:#000; text-decoration:none;}

span.tree a:hover {text-decoration:underline;}

span.tree a:visited {color:#000; text-decoration:none;}
span.tree a.menu-active {font-weight:bold;}

h2.maincontent
{	color:#818181;
	font-family:arial narrow, arial, sans-serif;
	font-size:22px;
	font-weight:normal;
	margin-top:22px;
	margin-left:21px;
	margin-bottom:18px;
	}
	
img.left
{	float:left;
	margin:5px 3px 0 3px;}
	
.cleaner
{clear:both; font-size:1px;}

div.hr
{	width:100%;
	background:transparent;
	border-top:1px solid #ededed;
	margin-bottom:10px;
	color:#fff;
	height:0;}
	


/*TABLE THAT HOLD THE CATALOG***/
table.catalog 
{	
	border-left:1px solid #ededed;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	color:#4c4c4c;
}

table.catalog td
{	width:200px;
	vertical-align:top;}

.main_cell img.product_image, .main_cell_new img.product_image
{		margin-top:25px;
		margin-bottom:23px;}
	
/*BOX FOR CATALOG ITEM (ALL)*/
.main_cell, .main_cell_new {
	width:160px;
	padding: 0 20px;
	margin-bottom:15px;
	background:#fff;
	border-right:1px solid #ededed;
}

/*BOX FOR NEW CATALOG ITEM (NEW)*/
.main_cell_new 
{	background:url(../images/new_flag.gif) top left no-repeat;}

.main_cell h4, .main_cell_new h4
{
	text-align:left;
	font-size:12px;
	width:150px;
	margin-left:0px;
	margin-bottom:-5px!important;
}

span.quick_prod_info
{	display:block;
	text-align:left;
	font-size:11px;
	line-height:1.3em;
	width:160px;
	word-spacing:1px;
	margin-top:10px;
}

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


/*COLUMN VERSION */
#small_column_left
{	float:left;	width:223px; padding:0 18px; line-height:1.4em; }
#small_column_right
{   float:right;    width:223px;    padding:0 18px;}
#big_column_right
{   float:right;    width:480px;    margin-right:15px; padding:0 20px; line-height:1.6em; }
#big_column_left
{	float:left;	width:480px; padding:0 20px;  font-size:11px;	line-height:1.6em;}
#big_column_full
{	float:left;	width:765px; padding:0 20px;  font-size:11px;	line-height:1.6em;}

#big_column_left p, #big_column_right p, #big_column_full, #product_column p 
{	line-height:1.6em; /*this is left because the standard is 1.4, thus text will look the same with or w/o p-tag*/}


.rightsmall_image
{	float:right;     margin-right:10px;     margin-bottom:20px;   }     
 
.rightsmall_text
{
	width:237px;	float:right;	margin-right:10px;
	font-size:11px;	margin-bottom:20px;	}

#smallgraybox
{
	margin: 0 0 0 20px; padding:10px 20px;
	float:right;
	background:#f5f5f5;
	width:129px;
	font-size:11px;
}
#smallgraybox a 
{   
	margin: 0 0 5px 0; padding: 0 13px 0 0;
	background:transparent url(../images/img_readmore.gif) bottom right no-repeat;
	color:#31669b;
	text-decoration:none;
	font-weight:normal; 
}
#smallgraybox a:hover 
{text-decoration:underline;}
       

/**Big GRAYBOX**/
span.p_graybox
{	display:block;
	background:#ededed;
	width:80%;
	margin-left:20px;
	margin-bottom:20px;
	padding:10px;
	font-size:11px;
	line-height:1.6em;
	color:#4c4c4c;
	margin-top:20px;
	margin-bottom:15px;
}
.p_graybox h4
{	margin-top:0;	font-size:12px;	}
.p_graybox ul
{	list-style-type:square;	margin-top:10px;	margin-left:30px;	}
.p_graybox ul li
{	font-size:11px;	margin-bottom:5px;	}


/*-------------- =PRODUCT PAGE --------------*/
#product_box
{	
	margin: 0; padding: 22px 0 0 0;
	width:814px;
	border-top:1px solid #ededed;
	color:#000;
}
#product_box ol
{	margin: 5px 0 5px 20px; }
#product_box ol li
{	list-style-type:decimal!important;	}
#product_box ul
{	margin: 5px 0 10px 20px; list-style-type:square;	}
#product_box ul li
{	margin-left:0px;}
#product_box li
{	list-style-type:square; margin-left:20px; padding: 2px 0}
#product_box ul ul
{	list-style-type:circle;	}
#product_column
{   
	margin: 0 10px 0 0;
	padding: 0;
	width: 525px;
	float: right;
	line-height: 1.6em; 
	/*border: 1px solid red;*/
}
#product_column_left
{	
	margin: 0; padding: 0 20px;
	width: 223px;
	float: left; 
	line-height:1.4em;
	/*border: 1px solid green;*/
}
.product_view
{	
	margin: 0; padding: 0;
	width:217px;
}

.product_preview_large
{
	margin: 0; padding: 10px 0;
	width:215px;
	background:#fff;
	text-align:center;
	border:1px solid #f1f1f1;
}

.product_preview_menu
{	
	margin: 2px 0 0 0; padding: 6px;
	width: 205px;
	background: #f1f1f1;
}
.product_preview_menu_item
{	
	margin: 0 2px 2px 0; padding: 0;
	float:left;
	height:38px;
	width:38px;
	border:1px solid #e0e0e0;
	border-top:0;
	border-left:0;
	background:#fff;
}
/*--------------------------------------------------*/


#big_column_right h3, #big_column_full h3
{	
	font-size:13px!important;	font-weight:normal; margin-left:10px; margin-bottom:10px;
		}
		
#big_column_right ul
{
	list-style-type:square;	margin-top:5px;	margin-left:25px; margin-bottom:15px;
	}

#big_column_right li
{
	font-size:11px;
	padding-top:3px;
	padding-bottom:3px;
	}
	
table#product_listing
{	
	margin: 20px 0 0 268px; padding: 0;
	border:0;
	width:525px;
	font-size:11px;
	border-collapse: collapse;
	line-height:1.6em;
}

table#product_listing td
	{border:0;
	padding:3px;}
	
tr.categories
	{	background:#000;	color:#fff;	font-weight:bold;}
	
tr.bgcolor0
	{	background:#fff;	color:#000;}

tr.bgcolor1
	{	background:#f0f0f0;	color:#000;}
	
	
	



/*------------------------------------*/
/* PRODUCT LOCATOR */
#productLocator
{
	margin:0 0 0 0;
	width:240px;
	height:153px;
	background: #2a2a2a url(../images/img_wheel.gif) bottom right no-repeat;
	border: 8px solid #000;
	z-index: 1000;
	float: right;
	position:absolute;
	top:145px;
	left:560px;
	overflow:hidden;

}
#productLocator form
{
	margin-left:10px; 
	padding-top:9px; 
	color:#6b6a6a; 
	font-size:10px;
}
#productLocator p
{
	margin:0!important;
	text-transform:none;
	letter-spacing:1px;
}
#productLocatorClose
{
	margin: 15px 5px 0 0;
	float: right;
	color:#6b6a6a; 
}
#productLocator a
{
	color:#6b6a6a; 
	text-decoration: none;
}
.showme { display: block; }
.hideme { display: none; }






/*------------------------------------*/
/* TABS MENU */
#top_menu
{
	position:absolute;	
	display:block;
    top:76px;	
    right:1px;	
    height:33px;
}
#top_menu ul
{ 	
	position:relative;
	display:inline;
	border-bottom:1px solid #000;
	z-index: 500;
}

#top_menu ul li
{	
	display:block;
	float:right;
	text-align:center;
	margin-left:1px;
	text-decoration:none;
	position:relative;
	height:22px;
	width:110px;
	color:#fff;
	background:#191919 url('../images/topmenu_gradient_dark.gif') top left repeat-x;
	letter-spacing:1px;
	font-size:12px;
	font-weight:normal;
	padding-top:10px;
}

#top_menu ul li a
{
	text-decoration:none;	
	color:#fff;
	font-size:12px;	
	font-weight:normal;
}

#top_menu ul li:hover
{	
	color:#fff;
	background:#343434 url('../images/topmenu_gradient_light.gif') top left repeat-x;
}

#top_menu ul li .top_lt
{	position:absolute;
	top:0;	left:0;
	background:url(../images/corner_upmenu_topleft.gif) top left no-repeat;
	width:2px;	height:2px;
	font-size:1px;
}

#top_menu ul li .top_rt
{	position:absolute;
	top:0;	right:0;
	background:url(../images/corner_upmenu_topright.gif) top right no-repeat;
	width:2px;	height:2px;
	font-size:1px;
}

#top_menu ul li:hover .top_lt
{
	position:absolute;
	background:url(../images/corner_upmenu_hover_topleft.gif) top left no-repeat;
}
#top_menu ul li:hover .top_rt
{	position:absolute;
	background:url(../images/corner_upmenu_hover_topright.gif) top right no-repeat;
	font-size:1px;
}
#top_menu ul li#active:hover;
{	background:#1a1a1a url(../images/topmenu_list_active.gif)  top right repeat-x!important;			}
#top_menu ul li#active .top_lt
{	position:absolute;	background:url(../images/corner_upmenu_link_left.gif) top left no-repeat;		}
#top_menu ul li#active .top_rt
{	position:absolute;	background:url(../images/corner_upmenu_link_right.gif) top right no-repeat;		}

#top_menu ul li#active
{	
	background:#1a1a1a url(../images/active_bg.gif)  top right no-repeat ;
	width:110px;
	margin-top:-4px;
	padding-top:14px;
	padding-bottom:1px;
}
#top_menu ul li#active a
{	margin-top:3px;	margin-bottom:1px;}
	
	
/*MENU SECOND LEVEL (KEEP AT BOTTOM OF STYLESHEET)*/
	
#top_menu ul li ul {
	position: absolute;
	left: -999em;
	width:170px;
	height: auto;
	background: #535353;
	z-index:200000;
	list-style-type:none;
	border:0;
	padding-bottom:2px;
}
#top_menu li.sfhover ul { left: 0; margin-top:22px; width:170px; padding:0; border-top:1px solid #000;}
#top_menu li:hover ul { left: 0; margin-top:22px; width:170px; padding:0; border-top:1px solid #000;}

#top_menu li.ul { right: 0;}
#top_menu ul ul li {
	z-index:200000;
	float: left;
	clear: both;
	background-color: transparent;
	font-size: 11px;
	text-align:left;
	background-image:none;
	padding:2px 4px 2px 5px;
	margin:0;
	width:100%;
	height:auto;
}

#top_menu ul ul li.sfhover{ background-image:none; background-color:#535353; }
#top_menu ul ul li:hover{ background-image:none; background-color:#535353; }

#top_menu ul ul a {
	display: block;
	padding:8px!important;
	font-size:11px;
	margin:0!important;
	/* width: auto; height: 5em; */

}
div>#top_menu ul ul a { width: auto; height: auto; }
#top_menu ul li ul li a:hover { background: #000!important; }


/**********************    PODCASTS    **********************/

.pod-container { padding: 20px 25px 25px 25px; color: #000; }
.pod-container a{ border-bottom: none !important; }
.pod-container a:hover { border-bottom: none !important; text-decoration: none; }
.pod-container a:visited { border-bottom: none !important; text-decoration: none; }

.podcast { margin-bottom: 50px; }

.dist-main-heading {
	margin-bottom: 15px; 
	color: #000; 
	font-size: 21px;
}

.pod-heading { 
	margin-bottom: 8px; padding-bottom: 4px;
	color: #555; 
	font-size: 18px; 
	border-bottom: 1px solid #BBB;
}
.pod-heading a { color: #555 !important; text-decoration: none !important; border: none !important;}
.pod-heading a:hover { color: #005DBD !important; text-decoration: none !important; border: none !important;}

.pod-post-date { font-size: 11px; }

.pod-synopsis { margin: 20px 0 0 0; }

.pod-more { margin: 15px 0 20px 0; }
.pod-more a { color: #00008C !important; }
.pod-more a:hover { text-decoration: underline !important; }

.pod-play { margin-bottom: 5px; }
.pod-play a { color: #00008C !important; }
.pod-play a:hover { text-decoration: underline !important; }

.pod-footer { 
	border-top: 1px solid #BBB;
	padding-top: 4px;
	font-size: 11px;
}
.pod-footer a { color: #00008C !important; }
.pod-footer a:hover { text-decoration: underline !important; }

.error-full {
	border: 1px solid #f00;
	margin: 15px 0px 10px 0px;
	padding: 10px;
	background-color: #eee;
}
.error-full strong{	color: #f00; }
.error-full img {
	margin: 0;
	padding: 0;
	float: left;	
}
.error-full p {
	margin: 0 0 0 30px;
	padding: 0;
}

.success-full{
	border: 1px solid #0f0;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	background-color: #eee;
}
.success-full strong{	color: #0f0; }