@charset "UTF-8";
/* CSS Document */

body
{
	margin:0px;
	padding:0px;
}

div#container
{
	background: url(images/main_bg.png) top left repeat-x #FFF;
	margin:0px;
	padding:0px;
	top:0px;
}

div#content
{	
	width:998px;
	margin-left:auto;
	margin-right:auto;	
}

div#navigation_tabs
{
	height:38px;
	padding-top:15px;
}

div#navigation_tab div.nav_tab_open_active, div#navigation_tab div.nav_tab_open_inactive
{
	background: url(images/nav_tab_open_active.png) top left no-repeat;
	width:9px;
	height:38px;
	float:left;
}

div#navigation_tab div.nav_tab_open_inactive
{
	background: url(images/nav_tab_open_inactive.png) top left no-repeat;
}

div#navigation_tab div.nav_tab_close_active, div#navigation_tab div.nav_tab_close_inactive
{
	background: url(images/nav_tab_close_active.png) top left no-repeat;
	width:9px;
	height:38px;
	float:left;
	margin-right:4px;
}

 div#navigation_tab div.nav_tab_close_inactive
{
	background: url(images/nav_tab_close_inactive.png) top left no-repeat;
}

div#navigation_tab div.nav_tab_active, div#navigation_tab div.nav_tab_inactive
{
	background: #3094CE;
	height:38px;
	float:left;
	text-align:center;
	vertical-align:middle;
}

div#navigation_tab div.nav_tab_inactive
{
	background: #2175A7;
}

div.nav_tab_active a, div.nav_tab_inactive a
{
	line-height:38px;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	margin-left:4px;
	margin-right:4px;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

 div.nav_tab_inactive a
{
	color: #CAE2FD;
}

div#navigation_submenu
{
	height:35px;
	padding-left:17px;
}

div#navigation_submenu a
{
	line-height:35px;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	color:#CAE2FD;
	float:left;
	margin-right:40px;
	text-decoration:none;
}

div#navigation_submenu a.active
{
	font-weight:bold;
}

div#header
{
	height:103px;
}

div#logo
 {
	height:74px;
	width:305px;
	margin-top:15px;
	margin-bottom:-15px;
	margin-left:10px;
	float:left;
}

div#heeader_relax {
	width:298px;
	height:103px;
	background: url(images/relax_now_bg.png) top left repeat-x;
	float:right;
	margin-right:35px;
}

div#heeader_relax_left
{
	width:100px;
	float:left;
}

div#heeader_relax_right
{
	width:190px;
	float:right;
}

div#heeader_relax img
{
	float:left;
	margin-top:8px;
	margin-left:8px;
}

div#heeader_relax p
{
	font-family:Trebuchet MS, Helvetica, Sans-serif;
	font-size:14px;
	color:#3094CE;
	text-align:center;
}

a.faq
{
	width:160px;
	height:38px;
	display:block;
	background:url(images/relax_now_button.png) no-repeat center center;
	line-height:38px;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	
}

div#title_bar
{
	height:106px;
	width:100%;
}

div#title_bar h3
{
	line-height:106px;
	margin:0px;
	margin-left:30px;
	padding:0px;
	font-size:28px;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	color:#CAE2FD;
}

div#content_body
{
	line-height:150%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
}

#body_right
{
	float:right;
	width:322px;
	background: url(images/white_overlay_shadow.png) top left no-repeat;
	margin-top:-65px;	
	margin-right:23px;
	display:block;
}

#body_right_header, div.info_header
{
	height:65px;
	margin-top:25px;
	margin-left:18px;
	margin-right:18px;
	background: url(images/tip_header_bg.png) top left repeat-x;
	line-height:65px;
}



#body_right_content, div.right_content
{
	padding-left:25px;
	padding-right:25px;
	font-size:.8em;
	display:block;
	margin-bottom:15px;
}

#body_left
{
	width:640px;
	margin-left:12px;
	float:left;
	display:block;
	margin-bottom:15px;	
}

#learn_more_bar
{
	display:block;
}

dl dt
{
	font-weight:bold;
	font-style:italic;
		font-size:12px;
}

dl dd
{
	font-size:12px;
}

#learn_more_left
{
	color:#4E9822;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	float:left;
	display:block;
	text-align:right;
	padding-top:25px;
	line-height:125%;
	vertical-align:middle;

}
#learn_more_right 
{
	float:right;
	display:block;
	width:840px;
}
	
#learn_more_right_top
{
	background:url(images/learn_more_top.png) top left no-repeat;
	height:21px;
	display:block;
}
#learn_more_right_bottom
{
	background:url(images/learn_more_bottom.png) top left no-repeat;
	height:21px;
	display:block;	
}

#learn_more_right_content
{
	border-left:2px solid #BBE7A0;
	padding-left:20px;
	color:#2175A7;
}

#learn_more_right_content a
{
	color:#2175A7;
	text-decoration:none;
}

div.right_link
{
	width:100%;
	text-align:right;
}

div.right_link a
{
	color:#4E9822;
	text-decoration:none;
}

div.category_left
{
	width:48%;
	float:left;
}
div.category_right
{
	width:48%;
	float:right;
}

#product_category_listing
{
	line-height:125%;
}

a.category_header, .category_header
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#2175A7;
	text-decoration:none;
}

a.tips_header
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#2175A7;
	text-decoration:none;
}

span.category_header
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#2175A7;
	text-decoration:none;
}

a.blue_link
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#2175A7;
}

a.blue_link_2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#2175A7;
}

span.category_header a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#2175A7;
	text-decoration:none;
}

div#body_left_item_left
{
	width:220px;
	padding:10px;
	float:left;
	margin-top:20px;
	border-right:1px solid #DCEAD3;
}

div#body_left_item_right
{
	
	width:375px;
	padding:10px;
	float:right;
	margin-top:20px;
}

ul.blue_arrow 
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	line-height:26px;
	font-size:16px;
	color:#6BCC31;
	margin-bottom:15px;
}

a.big_blu_link
{
	font-weight:bold;
	color:#2175A7;
	font-size:larger;
	text-decoration:none;
}

ul.blue_arrow li
{
	background:url(images/blue_arrow_bullet.png) left center no-repeat;
	padding-left:26px;
}

ul.blue_arrow_sm 
{
    line-height:20px;
    list-style-image: url(images/blue_arrow_bullet_sm.gif);
}

ul.blue_arrow_sm li 
{
    padding-left: 2px;
}

ol.styled {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	font-style:italic;
	color:#2175A7;
	list-style: decimal;
	margin-left:20px;
	margin-right:20px;
	background-color: #DCEAD3;
	padding:10px;
	padding-left:40px;
}
ol.styled li p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:normal;
	font-style:normal;	
	color: #000;
	border-left: solid 1px #6BCC31;
	margin: 0;
	padding: 0 0 1em 1em;
}


#product_price
{
	width:100%;
	text-align:right;
	color:#2175A7;
	font-size:14px;
}

#add_to_cart
{
	width:100%;
	text-align:right;
}

#item_testimonials
{
	margin-top:25px;
	color:#666;
	font-size:12px;
	font-style:italic;
	line-height:16px;
}

.main_testimonials
{
	color:#666;
	padding:10px;
	border-top:1px solid #cccccc;
	margin-bottom:10px;
	clear:both;
}
.main_testimonials p
{
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	line-height:18px;
}

table.prices {
	font-size: .9em;
	line-height: .9em;
	width:100%;
}

table.prices th {
	text-align:center;
	width:50%;
}

div#footer_credits {
	text-align:center;
	border-bottom:2px solid #3c9ad1;
	margin-bottom:10px;
	}

/* SCROLLABLE */
div#scroller_section
{
		width: 200px; 
	margin-left:auto;
	margin-right:auto; 
}
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 200px; 
    height:220px;
	margin-left:auto;
	margin-right:auto; 
	
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:10px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

img { behavior: url(/css/iepngfix.htc) }