/*------------------------------------------BODY---------------------*/
/*Define Body, so that the WYISWYG has a default font color and size */
/*-------------------------------------------------------------------*/

body {
	background: #cacaca;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
}

a, button, input {outline: none !important;}


/*------------------------------------------LAYOUT DIVS---------------------*/
/*These are completely up to you... use your own layout divs if you want to */
/*-- see styles for menus below.. these are built assuming they are in the  */
/*-- sidebar DIV... so if you change that, change them too                  */
/*--------------------------------------------------------------------------*/

#container {
	width: 980px;
	background-color: #FFF;
	margin: 0;
	padding: 0;
}

#header {
	background: #FFF url(images/header_bg.png) 100% 0 no-repeat;
	width: auto;
	min-width: 950px;
	height: 140px;
	position: relative;
}

#logo {height: 87px; width: 302px; position: absolute; top: 30px; left: 50px; background: url(images/logo.png) 0 0 no-repeat; cursor: pointer;}

#right_menu {float: right; height: 40px; width: 370px;}
#join_now {float: right; width: 180px; height: 35px; padding-top: 5px;}
#cart_btn {float: right; width: 110px; height: 40px; margin: 0; padding: 0 0 0 36px; background: url(images/menu_cart.png) 0 8px no-repeat; overflow: hidden; font-size: 10px; text-align: center; color: #FFFFFF; line-height:45px; cursor: pointer;}
#cart_btn:hover {background: url(images/menu_cart_on.png) 0 8px no-repeat;}

#content {
	width: auto;
	margin: 50px;
	background: #FFF;
}

#home_page_left_column {
	width: 580px;
	float:left;
	padding: 0;
	margin: 0;
}

#home_page_right_column {
	width: 280px;
	float: right;
	padding: 0;
	margin: 0 0 0 20px;
}

#home_page_left_column div {margin: 0 25px 0 0; padding: 0 25px 0 0;}

#full_column {
	width: 100%;
	float:left;
	padding: 0;
	margin: 0;
}

#left_column {
	width: 60%;
	float:left;
	padding: 0;
	margin: 0;
}

#right_column {
	width: 40%;
	float: right;
	padding: 0;
	margin: 0;
}

#left_column div {margin: 0 25px 0 0; padding: 0;}

#sidebar { /* NOT USED? */
	width: 200px;
	float: left;
	margin: 5px 0px;
	}

#main {
	width: 580px; 
	float: right; 
	margin: 5px 5px 5px 0;
	}

#footer {
	width: auto;
	margin: 2em 0 0 0;
	text-align: left;
	padding: 16px 50px 12px 50px;
	border-top: 1px solid #cacaca;
	background: #f9f9f9;
	font-size: 10px;
}

.clear {clear: both;}

/*-------------------------GENERIC DESIGN OPTIONS for WYSIWYG -------------------------*/
/*You have to define these so that when people style content with the WYISWYG, it works*/
/*also, some common definitions needed by all designs, like <a> link colors            */
/*-------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, .title_bar {margin: 0 0 .8em 0; font-weight: normal;}
h1, h2, .title_bar {color: #444; font-size: 26px;}
h3, h4, h5, h6 {font-size: 18px;}

h3 span { font-size: 10px; font-weight: bold;}

a:link,
a:visited{color: #3e55a4; text-decoration: none;}
a:hover,
a:active{color: #444; text-decoration: none;}

hr {color: #dadada;}

input:focus, textarea:focus {background-color: #FFF !important; background-image: none !important;}


/*----------------------------------EO2 SITE CLASSES--------------------------------*/
/*Define these classes and IDs to control the look of reg site content generated by */
/*Carl's PHP programming... lists of webinars, shopping cart, checkout forms, etc.  */
/*--------------------------------------------------------------------------------- */

/* -------- series (Listings on the home page) ----------*/

#home_page_right_column .series,
#home_page_right_column .session {border: none; background: none; padding: 0; margin: 0;}
#home_page_right_column .series a,
#home_page_right_column .session a {display: block; border: solid 1px #cacaca; background: #f9f9f9; padding: 10px; margin: 0 0 1em 0;}
#home_page_right_column .session_summary {margin: 0; padding: 0;}

/* -------- series (may contain a list of sessions) ----------*/
.series {border: 1px dotted #dadada; margin: 0 0 2em 0; padding: 0 0 2em 0;}

.series_title {color: #444; font-size: 20px; font-weight: normal; margin: 0 0 .5em 0;}

.series_summary {padding: 3px 0;}

/* ------------------- session listings ------------------- */
.session_list {}

.session {border: solid 1px #cacaca; background: #f9f9f9; padding: 20px; margin: 0 0 2em 0;}

.session_image {width: 180px; margin: 0 30px 0 0; padding: 0; float: left;}
.session_image img {width: 180px;}

.session_tools {width: 260px; margin: 0 30px 0 0; padding: 0; float: left;}

.session_title,
.solo_session_title {color: #444; font-size: 20px; font-weight: normal; margin: 0 0 .5em 0;}

.session_datetime {font-style: italic; font-size: 10px; margin: 0 0 1em 0;}

.session_summary {padding:4px 0 1em 0;}

.smalltext {font-size: 10px;}

/* Tabbed Session Data*/

div.tabbed {}

.tab_addtocart {width: 220px; border: 1px solid #cacaca; padding: 20px; margin: 33px 0 0 0; float: right;}

.tabs {width: auto; height: 33px; list-style-type: none; margin: 0; padding: 0; background: url(images/tab_bg.png) 0 0 repeat-x;}
.reg_tabs {
	margin:0 25px 0 0;
}
.tabs li {float: left; margin: 0 4px 0 0; padding: 0;}
.tabs li a {
	display: block;
	height: 32px;
	margin: 0;
	padding: 0 20px;
	font-size: 11px;
	line-height: 35px;
	font-weight: bold;
	border-left: 1px solid #cacaca !important;
	border-top: 1px solid #cacaca !important;
	border-right: 1px solid #cacaca !important;
}
.tabs li a:link,
.tabs li a:visited {
	background: url(images/tab_off.png) 0 0 repeat-x;
	color: #444;
}
.tabs li a:hover,
.tabs li a:active,
.tabs li a.active {
	background: url(images/tab_in.png) 0 100% repeat-x;
	color: #3e55a4;
}

.tabcontent {
	width: auto;
	padding: 20px !important;
	margin: 0 !important;
	border-left: 1px solid #cacaca !important;
	border-bottom: 1px solid #cacaca !important;
	border-right: 1px solid #cacaca !important;
}

.reg_tabcontent {
	margin: 20px;
}

/*--buttons--*/
/*-- Button Styles are in the file round-button.css now --*/


/*--Cart Table --*/
.cart_table {margin: 0 0 2em 0;}

/* These are the carts item styles */
.item {padding: 10px 0; border-top: 1px solid #cacaca;}

.item_discount {margin: 20px 0 0 0; padding: 20px 0 0 0;}

.item_image {width: 100px; padding: 0 20px 0 0;}
.item_image img {width: 100px; border: none;}

.item_wrap {width: auto;}

.first_item_top {width: auto; padding: 0 0 6px 0;border-bottom: 1px dotted #dadada;}
.item_top {width: auto; padding: 6px 0 6px 0;border-bottom: 1px dotted #dadada;}
.item_name {width: 80%; float: left; margin: 0; font-size: 14px;}
.item_price {width: 20%; float: left; padding: 0 0 6px 0; text-align: right; font-weight: bold; font-size: 12px;}

.item_bottom {width: auto; margin: 0; padding: 6px 0 0 0;}
.item_summary {width: 80%; float: left; margin: 0; font-size: 11px;}
.item_tools {width: 20%; float: left; padding: 0 0 6px 0; text-align: right; font-size: 11px; color: #cacaca;}

div.login_text_HOLD {
	display:block;
	background-color:#f9f9f9;
	border: 1px solid #cacaca;
	padding: 0px;
	margin-top:0px;
}
div.login_text {
	display:block;
	border: 0;
	padding: 0;
	margin-top:0;
}

/* Cart Total */
.cart_total {margin: 0px 0 0 0; padding: 10px 20px; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca;}
.total_button {width: 60%; float: left; margin: 0;}
.total_discounts_subtotal {width: 40%; float: left; padding: 0 0 6px 0; text-align: right; font-size: 11px;}
.total_summary {width: 60%; float: left; margin: 0; font-size: 11px;}
.total_price {width: 40%; float: left; padding: 0; text-align: right; font-size: 16px;}


/*--Checkout table colors --*/
.checkout_form {width: auto;}
.checkout_form table {background-color: #FFF;}
.col_label {text-align: right; padding-right: 5px;}
.col_label_req {color: #3e55a4; font-weight: bold; text-align: right; padding-right: 5px;}

/* Cart / Table Classes */
input.text_field {background: #FFF url(images/input_bg.png) 0 100% repeat-x; border: 1px solid #dadada; padding: 4px 6px; margin: 0px;}
.discount {color: #c34c4c; font-weight: bold;}




/* Horizontal Menu Styles*/
div#menubar {width: auto; height: 40px; overflow: hidden; white-space: nowrap; margin: 0; padding: 0 50px; background: #FFF url(images/menu_bg.png) 0 100% repeat-x;}

div#menubar ul,
div#menubar li
{
margin: 0;
padding: 0;
display: block;
height: 40px;
list-style-type: none;
float:left;
position:relative;
}

div#menubar a {display: block; height: 40px; width: auto; margin: 0; padding: 0 20px; font-size: 11px; font-weight: bold; color: #444; text-decoration: none; line-height: 42px;}

div#menubar a:link,
div#menubar a:visited {}

div#menubar a:hover,
div#menubar a:active,
div#menubar li.current a {background: url(images/menu_on.png) 50% 34px no-repeat; color: #3e55a4;}

/* Vertical Menu Styles*/
div#vertmenubar {width: 200px; white-space: nowrap; margin: 0; padding: 0; background: #FFF;}

div#vertmenubar ul,
div#vertmenubar li
{
margin: 0;
padding: 0;
display: block;
height: 40px;
list-style-type: none;
background: #FFF url(images/menu_bg.png) 0 100% repeat-x;
}

div#vertmenubar a {display: block; height: 40px; width: auto; margin: 0; padding: 0 20px; font-size: 11px; font-weight: bold; color: #444; text-decoration: none; line-height: 42px;}

div#vertmenubar a:link,
div#vertmenubar a:visited {}

div#vertmenubar a:hover,
div#vertmenubar a:active,
div#vertmenubar li.current a {background: url(images/menu_on.png) 50% 34px no-repeat; color: #3e55a4;}