@import url("css/menu.css");
@import url("css/global.css");

/*-------------- CONTENT AREA --------------*/
 #content_area 
 {
    margin:0 auto;
    margin: 5px 0 7px 0;
	padding: 10px 7px 10px 7px;
	background: #FFFFFF url(images/detail_top_border.jpg) repeat-x top; 
 }
 
#content_area .main_content
{
       padding:0;
       margin:0;
       width:720px;
       text-align:left;
       float:left;
} 
 
#content_area .sidebar
{
       padding:0;
       margin: 15px 0 0 0;
       width:217px;
       text-align:center;
       vertical-align:top;
       float:right;
       /**background: #FFFFFF url(images/product_sidebar_background.gif) no-repeat top left;**/ 
}

#content_area .sidebar .sidebar_item
{
       padding:0;
       margin: 7px 0 0 1px;
       width: 217px;
}



 #ContentPane {
	margin:0;
	padding:0;
}
 #ContentPane h2 {
	color: #333333;
	font-weight: bold;
	font-size:14px;
}
 #ContentPane .featured_products {
	margin: 0;
	padding: 0;
	width: 420px;
	float:left;
}
 #ContentPane .featured_products .left {
	margin:0;
	padding:0;
	float:left;
	width: 200px;
	font-weight:bold;
}
 #ContentPane .featured_products .right {
	margin:0;
	padding:0;
	float:right;
	width: 200px;
	font-weight:bold;
}
 #ContentPane .featured_products .product_background {
	margin:0;
	padding: 3px 4px 3px 4px;
	float:left;
	background: url(images/product_thumb_background.gif) no-repeat;
	width:80px;
	height:100px;
}
 #ContentPane .featured_products .product_detail {
	margin:0;
	padding:0;
	float:right;
	vertical-align:top;
	width:110px;
}
 #ContentPane .price {
	color: #333333;
}
 #ContentPane .videos {
	margin: 0;
	padding: 25px 0 0 0;
	float:left;
	width: 276px;
	text-align:center;
}
 #ContentPane .newsletter_signup {
	margin:0;
	padding: 0;
	float:right;
	width: 225px;
}
 #ContentPane .newsletter_signup h2 {
	color: #557C5D;
	font-weight: bold;
	font-size:14px;
}
 #ContentPane .newsletter_signup #rss {
	margin:0;
	padding: 0;
	width: 225px;
	border-bottom: 1px solid #CFCFCF;
	line-height: 40px;
	height: 40px;
	vertical-align:middle;
}
 #ContentPane .newsletter_signup #rss .rss_title {
	margin:0;
	padding: 0;
	font-weight:bold;
	color: #557C5D;
	font-size:14px;
	float:left;
	width:100px;
}
 #ContentPane .newsletter_signup #rss .rss_image {
	margin:0;
	padding: 7px 0 0 0;
}
 #ContentPane .newsletter_signup #handi_newsletter {
	margin: 10px 0 0 0;
	padding: 0;
}
 #ContentPane .newsletter_signup #handi_newsletter .newsletter_title {
	margin:0;
	padding: 0;
	font-weight:bold;
	color: #557C5D;
	font-size:14px;
}
 #ContentPane .newsletter_signup #handi_newsletter .form {
	margin:0;
	padding: 0 0 7px 0;
}
 #ContentPane .newsletter_signup #handi_newsletter .left {
	margin:0;
	padding: 0;
	float:left;
	font-weight:bold;
	height:22px;
	line-height:22px;
	vertical-align:middle;
	width:50px;
}
 #ContentPane .newsletter_signup #handi_newsletter .right {
	margin:0;
	padding:0;
	font-weight:bold;
}
 #ContentPane .newsletter_signup #handi_newsletter .sign_up{
	margin:0;
	padding:0;
	float:left;
}
 #ContentPane .newsletter_signup #handi_newsletter .learn_more{
	margin:0;
	padding:0;
	height: 20px;
	line-height:20px;
	vertical-align:middle;
}

/*-------------- Float Style --------------*/
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clear{
	clear:both;
	margin:0;
	padding:0;
}
/*-------------- Color Style --------------*/
.black {
	color:#333333;
}
.black_bold {
	color:#333333;
	font-weight:bold;
}
img {
	border:none;
}


/***  NAVIGATION CLASSES ***/

/*-------------- FMA PANE STYLE --------------*/
#navigation_container .dnn_wide_fma_page {
	margin:0;
	padding:0;
	border:0;
	border-right: 3px solid #ffffff;
	padding-top:1px;
	background:#ffffff;
	width:268px;
	height: 218px;
	float:left;
}

/*--------- dnn menu style ----------*/
/* main menu td */
.mm_MenuBar
{
	cursor:pointer;
}

/*  Main Menu Normal  */
.mm_MenuItem 
{	
	color:#C4C4C4; 
	font-size:11px;
	text-align:left; 
	padding: 0 7px 0 7px;
	text-transform:uppercase; 
}

/*  Main Menu Icon Formatting  */
.mm_MenuIcon
{
    cursor: pointer; 
    background-color:#E27137;
    width:12px;
    text-align:center;
}

/*  Main Menu Mouse Over  */
.mm_MenuItemSel
{	
    text-decoration:underline;
	padding: 0;
}

/*  Main menu hover  */
.mm_RootMenuItemHover
{  
	color:#C4C4C4; 
	font-size:11px;
	line-height:16px;
	padding: 0 7px 0 7px;
}

/*  Main menu selected  */
.mm_RootMenuItemSelected
{
	color:#333333;
	/**background-color:#B0C1AE;**/
	font-weight:bold;
	font-size: 11px;
	line-height:16px;
	padding: 0 7px 0 7px;
}

/*  SUB Menu Normal */
.mm_SubMenu
{
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#E27137;
	width:190px;
	margin:0;
	padding:0;
	z-index: 1000; 
	cursor: pointer; 
	text-transform:uppercase; 
}

/*  SUB Menu hover & selected */
.mm_SubMenuItemSel
{
	color:#333333;
	font-weight:bold;
	font-size: 11px;
	line-height:16px;
	padding: 0;	
}

/** Menu Arrows **/
.mm_RootMenuArrow 
{
    display: none; 
}

a:hover
{
    padding:0;
    margin:0;
    text-decoration:underline;
}

/** LINK LIST CLASSES **/
.dashboard_table_td
{
    padding: 0 0 0 20px;
    margin:0;
}

a.dashboard_link { color:#E27137; text-decoration:underline; font-size:11px; padding:2px 0 0 0; }
a.dashboard_link:hover { text-decoration:underline; color:#E27137; padding:2px 0 0 0; }
a.dashboard_link:visited { color:#E27137; text-decoration:underline; font-size:11px; padding:2px 0 0 0; }