body { margin:0; background:#00162e; font-family:Arial,sans-serif; font-size:12px; color:#333333; }

/* on Modal windows body needs to be blank */
body.blank
{
	background: none;
}


.wrapper { position:relative; width:982px; margin:0 auto; }


.fleft { float:left; }
.fright { float:right; }
.fclear { clear:both; }

.aleft { text-align:left;; }
.aright { text-align:right; }
.acenter { text-align:center; }

h1 
{ 
	font-family:'PT Sans Narrow',sans-serif; font-size: 20px; font-weight:bold; line-height:26px; margin: 0 0; padding: 0 0 15px 0;
}
h1 span 
{ 
	font-weight: normal;
	font-size: 18px;
}
h1 span.h1-info
{
	font-size: 11px;
	font-family: Verdana;
	color: #777;
}
h1 a.back-button
{
	float: right;
	font-size: 11px;
	line-height: 18px;
	color: #FFF;
	background: #D6542C;
	border-radius: 10px;
	text-decoration: none;
	font-family: Verdana;
	padding: 1px 10px;
	margin: 0;
}

h2 { font-family:'PT Sans Narrow',sans-serif; font-size:16px; font-weight:bold; line-height:20px; }
h2 span { font-weight:normal; }



p { line-height:16px; }
a { color:#2C518C; }
hr { margin:10px 0; border:0; border-top:1px solid #E5EAF2; }
hr.extra-space { margin:20px 0; }



a 
{ 
	text-decoration: underline; 
	color: #2D518C;
}
a:hover 
{ 
	text-decoration: none;
}


.clear { clear:both; }

.msg
{
	text-align: left;
	background: #FFFFDD;
	color: #555;
	border: 1px solid #CCCC99;
	border-radius: 6px;
	margin: 10px 0;
	font-weight: bold;
	padding: 6px 8px 6px 15px;
	line-height: 170%;
}

.bold
{
	font-weight: bold;
}

.info-text
{
	font-family:'PT Sans Narrow',sans-serif; 
	font-size: 17px; 
	line-height:22px;
}

.user
{
	background: url("../images/icons/user.png") no-repeat left top;
    padding-left: 16px;	
    padding-right: 3px;	
	color: #4572A7;
}


.premium-big 
{ 
	background: url(../images/icons/promotion-big.png) no-repeat left; 
	padding: 3px 0 2px 28px; 
}

.media-file
{
	background: url("../images/icons/film.png") no-repeat left top;
    padding-left: 20px;		
}

.cart
{
	background: url("../images/icons/cart.png") no-repeat left top;
    padding-left: 22px;		
}

.limited
{
	background: #FB7777;
	color: #FFF;
	border: 1px solid #FF0000;
	border-radius: 8px;
	line-height: 32px;
	font-size: 14px;
	font-family: Verdana;
	padding: 4px 15px;
}


.big-text
{
	font-size: 14px;
	line-height: 170%;
}

.info-box
{
	padding: 8px 15px; 
	background: #F8F8F8; 
	border: 1px solid #E8E8E8; 
	border-radius: 8px;
}

a.headset-mobile
{
    background: url("../images/layout/button-headset-mobile.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 45px;
    width: 174px;
}

a.headset {
    background: url("../images/layout/button-headset.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 45px;
    width: 174px;
}

/* ----- General Buttons ------------------------------------------------------------------------------------------------------------------------------------------------ */

a.fancy-button { display:inline-block; font-size:12px; color:#E76A28; text-shadow:1px 1px 2px #FFFFFF; font-weight:bold; text-decoration:none; height:30px; z-index:3500; background:url(../layout/buttons/fancy-button-left.png) no-repeat top left; }
a.fancy-button span { display:inline-block; height:30px; background:url(../layout/buttons/fancy-button-right.png) no-repeat top right; line-height: 30px;  }
a.fancy-button span span { display:inline-block; margin:0 10px 0 10px; height:30px; padding:0 5px 0 5px; text-align:center; text-decoration:none; background:url(../layout/buttons/fancy-button-bg.png) repeat-x top center; line-height: 30px; }
a.fancy-button.green { color:#709E30; }
a.fancy-button.blue { color:#2C518C; }
a.fancy-button:hover { color:#2C518C; }
a.fancy-button.blue:hover { color:#709E30; }

a.fancy-button.inactive
{
	color: #777;
}

a.fancy-button.disabled
{
	cursor: default;
	color: #777;
}

/* ----- Forms Layout ---------------------------------------------------------------------------------------------------------------------------------------------------- */

input.input,
textarea.input, 
select.input 
{ 
	width: 180px; 
	padding: 6px 5px; 
	background: url(../layout/forms/input-text-bg.png) repeat-x; 
	border: 1px solid #B6B6B6; 
	border-radius:7px;	
}
select.input 
{ 
	width:190px; 
	line-height: 24px;
}

.form textarea { width:280px; height:110px; padding:5px; background:url(../layout/forms/textarea-bg.png) repeat-x; border:1px solid #B6B6B6; border-radius:7px; line-height:30px; }
.form label { color:#333333; }
.form label.option { color:#2C518C; margin-right:15px; font-weight:bold; }
.form td.top { vertical-align:top; padding-top:8px; }
.form td.form-label { height:40px; text-align:right; padding-right:10px; }




/***************************************************************************
 * 					LAYOUT STYLING										   *
 ***************************************************************************/

.top-area { width:100%; background:#00162e; }
.mid-area { width:100%; background:url(../layout/bg.jpg) repeat-x center top; }
.bottom-area { width:100%; background:#00162e; }


/*.wuji-brainwave-logo { position:absolute; top:0px; left:0px; width:325px; height:77px; background:url(../layout/wuji-brainwave-logo.png) no-repeat; z-index:1500; }*/
.logo-swirl { position:absolute; top:-0px; left:-43px; width:258px; height:258px; background:url(../layout/logo-swirl.png) no-repeat; z-index:0; }
/****
.dolphin 
{ 
	position: absolute; 
	top: 0px; 
	right: 117px; 
	width: 163px; 
	height: 111px; 
	background: url(../layout/dolphin.jpg) no-repeat; 
	z-index: 999;
}

.dolphin-nose-1 
{ 
	position: absolute; 
	top: 73px; 
	right: 248px; 
	width: 41px; 
	height: 49px; 
	background:url(../layout/dolphin-nose-1.png) no-repeat; 
	z-index: 1000;
}

.dolphin-nose-2 
{ 
	position: absolute; 
	top: 73px; 
	right: 200px; 
	width: 48px; 
	height: 36px; 
	background:url(../layout/dolphin-nose-2.png) no-repeat; 
	z-index: 1000;
}

.dolphin-nose-3 
{ 
	position: absolute; 
	top: 73px; 
	right: 113px; 
	width: 87px; 
	height: 24px; 
	background:url(../layout/dolphin-nose-3.png) no-repeat; 
	z-index: 1000;
}
******/
.header-animation
{
	position: absolute;
	top: -1px;
	left: 320px;
	visibility: hidden;
	z-index: 1000;
}

.container { position:relative; z-index:1; /*background:url(../layout/header-top-bg.png) no-repeat top center;*/ }
.container.header { padding-top:55px; z-index:2; }
.container .container-top { height:35px; background:url(../layout/container-top.png) no-repeat; }
.container .container-bg { padding: 0px 51px 0 51px; background:url(../layout/container-bg.png) repeat-y; }
.container.header .container-bg { position:relative; /*padding-top:70px;*/ height:75px; z-index:1501; }

.mid-area .container .container-bg
{
	padding-bottom: 0px;
}

#layout-logo { position: absolute; left: 27px; top: -21px; width: 126px; height: 101px; background:url(../images/layout/logo.png) no-repeat; z-index: 1001;}
#layout-logo-link { display: block; position: absolute; left: 22px; top: -30px; width: 126px; height: 101px; border-radius: 40px;  z-index: 1501; border: none; text-decoration: none; z-index:1001; }
.menu-container { position:absolute; left: 18px; top:-42px; width:921px; height:142px; background:url(../images/layout/menu-bg.png) no-repeat; font-family:'PT Sans Narrow',sans-serif; z-index:1000; }

.menu { position:absolute; left:160px; top:50px; width:735px; height:42px; z-index:3500; }
.menu a { position:relative; display:inline-block; font-size:22px; color:#FFFFFF; text-decoration:none; height:42px; z-index:3500; }
.menu a span { display:inline-block; height:42px; }
.menu a span span { display:inline-block; margin:0 10px 0 10px; height:35px; padding:7px 0px 0 0px; text-align:center; text-decoration:none; }
.menu a.active,
.menu a:hover { display:inline-block; font-size:22px; color:#FFFFFF; text-decoration:none; height:42px; background:url(../layout/buttons/menu-left.png) no-repeat top left; }
.menu a.active span,
.menu a:hover span { display:inline-block; height:42px; background:url(../layout/buttons/menu-right.png) no-repeat top right; }
.menu a.active span span,
.menu a:hover span span { display:inline-block; margin:0 10px 0 10px; height:35px; padding:7px 0px 0 0px; text-align:center; background:url(../layout/buttons/menu-bg.png) repeat-x top center; text-decoration:none; }
.menu .or { display:inline-block; width:20px; height:30px; margin:0 -5px; background:url(../layout/menu-or.png) no-repeat top; vertical-align:middle; }

.menu .welcome
{
	position: relative; 
	text-align: right; 
	padding: 9px 0 0 0; 
	font-family: Verdana; 
	font-size: 11px;
	color: #777;
}

.container-footer-callout { position:relative; height:150px; padding:20px 0 20px 0; background:url(../layout/container-footer-callout-bg.png) no-repeat; }
a.footer-callout { position:absolute; top:0; left:57px; display:block; width:854px; height:195px; background:url(../layout/callouts/footer-headset.png) no-repeat; }

.container-footer-separator { height:30px; background:url(../layout/container-footer-separator.png) no-repeat; }

.container-footer-bg { min-height:45px; background:url(../layout/container-footer-bg.png) repeat-y; }
.container-footer-bg .box-container { padding-left:50px; }
.container-footer-bg .box { width:270px; margin:0 35px 0 0; font-size:12px; }
.container-footer-bg .box h3 { margin:10px 0 5px 0; font-family:'PT Sans Narrow',sans-serif; font-size:20px; font-weight:normal; color:#333333; }
.container-footer-bg .box p { margin:5px 0 5px 0; color:#666666; line-height:16px; }
.products-box a { display:block; margin:0 0 10px 0; padding:0 0 0 12px; font-family:'PT Sans Narrow',sans-serif; font-size: 20px; color:#2C518C; text-decoration:none; background:url(../layout/footer-arrow.png) no-repeat left center; }
.products-box a:hover { color:#EBA742; }
.social-links { display:inline-block; padding:10px 15px; background:#FFFFFF; border:1px solid #D7DDEA; border-radius:5px; }
.social-links.no-box { padding:0; border:0; }
.social-links a { display:inline-block; width:32px; height:32px; margin:0 3px; text-indent:-999em; }
.social-links a.facebook { background:url(../layout/logos/facebook.png) no-repeat; }
.social-links a.twitter { background:url(../layout/logos/twitter.png) no-repeat; }
.social-links a.youtube { background:url(../layout/logos/youtube.png) no-repeat; }

.container-bottom { position:relative; height:90px; margin-bottom:40px; background:url(../layout/container-bottom.png) no-repeat; }
.container-bottom .footer-logo { position:absolute; left:43px; bottom:48px; width:78px; height:63px; background:url(../images/layout/logo-footer.png) no-repeat; }
.container-bottom .footer-menu { position:absolute; bottom:40px; right:43px; }
.container-bottom .footer-menu a { margin-left:50px; font-family:'PT Sans Narrow',sans-serif; font-size:15px; color:#333333; text-decoration:none; }
.container-bottom .footer-menu a:hover { color:#EBA742; }


#layout-content { min-height: 400px; position: relative; }
.content-box { padding:20px; border:1px solid #E5EAF2; border-radius:5px; }



/* ----- Homepage Layout ------------------------------------------------------------------------------------------------------------------------------------------------- */

/*
.homepage .boxes-left { width:585px; }
.homepage .boxes-left .box { width:280px; margin:0 25px 25px 0; }
.homepage .boxes-left .box.even { margin-right:0; }
.homepage .boxes-left .box img { border:0; border-radius:7px; box-shadow:4px 4px 9px #999; }
.homepage .boxes-left .box h2 { margin:5px 0 0 0; font-family:'PT Sans Narrow',sans-serif; font-size:20px; line-height:22px; color:#2C518C; }
.homepage .boxes-left .box p { margin:5px 0; line-height:16px; }

.homepage .boxes-right { width:285px; margin-right:-10px; }
.homepage .boxes-right a.register { display:block; width:285px; height:258px; background:url(../layout/callouts/home-right-register.png) no-repeat; text-indent:-999em; }
.homepage .boxes-right a.try { display:block; width:285px; height:245px; background:url(../layout/callouts/home-right-try.png) no-repeat; text-indent:-999em; }
.homepage .boxes-right .separator { width:285px; height:8px; background:url(../layout/callouts/home-right-separator.png) no-repeat; }
*/

#homepage .boxes .box1
{
	float: left;
	width: 280px;
	height: 174px;
	background: url(../images/layout/box-register-bg.png) no-repeat;
}

#homepage .boxes .box1 h2
{
	color: #FFF;
	margin: 0;
	padding: 8px 20px;
    font-size: 25px;
	font-weight: normal;
	line-height: 28px;
}

#homepage .boxes .box1 a.link
{
	display: block;
	width: 290px;
	height: 84px;
	margin: 0 0 0 -5px;
	background: url(../images/layout/button-register.png) no-repeat;
}

#homepage .boxes .box2
{
	position: relative;
	float: left;
	width: 290px;
	height: 174px;
	background: url(../images/layout/box-tryit-bg.png) no-repeat;
}

#homepage .boxes .box2 .thumb
{
	position: absolute;
	top: 20px;
	right: 18px;
	width: 139px;
	height: 149px;
	background: url(../images/layout/box-tryit-thumb.png) no-repeat;	
}

#homepage .boxes .box2 a.link
{
	display: block;	
	position: absolute;
	top: 111px;
	left: 18px;
	width: 128px;
	height: 45px;
	background: url(../images/layout/button-tryit.png) no-repeat;
}

#homepage .boxes .box3
{
	position: relative;
	float: left;
	width: 280px;
	height: 174px;
	background: url(../images/layout/box-headset-bg.png) no-repeat;
}

#homepage .boxes .box3 .thumb
{
	position: absolute;
	top: 10px;
	right: 2px;
	width: 105px;
	height: 153px;
	background: url(../images/layout/box-headset-thumb.png) no-repeat;	
}

#homepage .boxes .box3 a.link1
{
	display: block;	
	margin: 60px 0 0 10px;
}

#homepage .boxes .box3 a.link2
{
	display: block;	
	margin: 100px 0 0 10px;
}

#homepage .boxes .separator
{
	display: block;
	float: left;
	width: 15px;
	height: 174px;
}

/* ----- Register Layout ------------------------------------------------------------------------------------------------------------------------------------------------- */




/* ----- Shop Layout ----------------------------------------------------------------------------------------------------------------------------------------------------- */



/* ----- Download Layout ------------------------------------------------------------------------------------------------------------------------------------------------- */
a.download-try { display:block; width:400px; height:243px; background:url(../layout/callouts/download-try.png) no-repeat; }








/***************************************************************************
 * 					FORM STYLING										   *
 ***************************************************************************/

/* form section */
form .section
{
	background: url(../images/table-header.gif) #FDFDFD repeat-x bottom;	
	padding: 6px 12px;	
	font-weight: bold;
	color: #333;	
	font-size: 13px;
	border: 1px solid #E6E7E8;
	border-radius: 6px;
	margin-bottom: 6px;
	line-height: 18px;
}

.form .row
{
	padding: 12px 0;
	clear: both;
}


.form .label
{
	width: 100px;
	line-height: 28px;
	vertical-align: middle;
	float: left;
	text-align: right;
	font-weight: bold;
	color: #333;
	padding: 0 10px 0 0;
}

.form .label.long
{
	width: 150px;
}

.form .field
{
	float: left;
	padding-left: 5px;	
}

.form .buttons
{
	background: #F4F4F4;
	border-radius: 8px;
	padding: 10px 0;
	margin-top: 15px;
}


/***************************************************************************
 *                  TABS                                          *
 ***************************************************************************/

.bw-tabs { font-size: 15px; background: #EEE; padding: 10px 0 0 20px; border-bottom: 1px solid #CCC; }
.bw-tabs a.item { padding: 10px 15px; text-decoration: none; display: block; float: left; font-weight: bold; margin: 0 10px; margin-bottom: -1px;}
.bw-tabs a.item.selected { color: #000; background: #FFF;  border: 1px solid #CCC; border-bottom: 1px solid #FFF; border-top-left-radius: 10px; border-top-right-radius: 10px; }


/***************************************************************************
 * 					TABLE STYLING										   *
 ***************************************************************************/

.grid 
{
	border-collapse: collapse;
	border: 1px solid #AAA;
	text-align: left;
	color: #222;
	font-size: 12px;
	background: #FFF;
}		

.grid thead td,
.grid tfoot td
{
	border: 1px solid #CCC;
	padding: 4px 8px;
	background: url(../images/table-header.gif) #FFF repeat-x bottom;
	font-weight: bold;
	color: #333;
}

.grid tbody td
{
	border: 1px solid #CCC;
	padding: 4px 8px;
}

.grid tbody .odd
{
	background: #F8F8F8;
}

.grid tbody a,
.grid tbody a:hover
{
	font-weight: normal; 
}


/* =================== TABLE STYLING END ================= */



/***************************************************************************
 * 					PAGINATION										   *
 ***************************************************************************/

.paging 
{ 
	background: #F8F8F8; 
	padding: 10px 0 10px 50px; 
	border: 1px solid #DDD;
	border-radius: 4px;
	clear: both;	
}

.paging a 
{ 
	display: inline-block; 
	padding: 3px 5px; 
	border: 1px solid #1C6B85;
	border-radius: 4px; 
	color:#1C6B85; 
	text-decoration:none;
}

.paging a:hover 
{ 
	background: #C5D5E7;
}

.paging a.selected 
{ 
	background-color:#7399C5; 
	color:#FFFFFF; 
	border:1px solid #1C6B85;
}



/***************************************************************************
 * 					REGISTER FORM										   *
 ***************************************************************************/

#register-form #username-check .ok
{
	padding: 4px 0px 4px 20px;
	background: url(../images/icons/checked.png) no-repeat left;
}

#register-form #username-check .fail
{
	font-size: 11px;
	color: #990000;
	padding: 4px 0px 4px 20px;
	background: url(../images/icons/block.png) no-repeat left;			
}

#register-form hr
{
	margin: 20px 0 15px 0;	
}

#register-form .login-box
{
	float: left; 
	width: 250px; 
	margin-right: 40px; 
	margin-left: 10px; 
	background: #FDFDFD; 
	border: 1px solid #EEEEEE; 
	border-radius: 6px 6px 6px 6px;
	padding: 10px 20px 20px 20px;
}

#register-form .login-box h2
{
	margin: 0;
	padding: 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;	
}

#register-form .login-box h2 span
{
    font-size: 18px;
    font-weight: normal;	
}

#register-form .login-box h3
{
	margin: 10px 0 0 0;
	padding: 0;
	font-family: 'PT Sans Narrow',sans-serif;
	font-size: 16px;
    font-weight: normal;
    line-height: 20px;
	text-align: justify;
}

/***************************************************************************
 * 						DASHBOARD										   *
 ***************************************************************************/

#dashboard .box
{
	width: 405px; 
	float:left; 
	margin-right: 20px;
	margin-bottom: 20px;
	font-family: Verdana,sans-serif;
	font-size: 13px;
	border:1px solid #F6D3B6; 
	border-radius: 6px;	
	background: #FFFAF4;
}

#dashboard .box .heading
{
	font-family:'PT Sans Narrow',sans-serif;
	letter-spacing: 1px;
	padding: 6px 0; 
	font-weight: bold; 
	font-size: 17px; 
	border-bottom:1px solid #F6D3B6;
	color: #EB844D;
	margin: 0 10px;
}

#dashboard .box .premium
{
	margin: 0 0 5px 0;
}

#dashboard .box .premium span
{
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 5px 30px;	
	background: url(../images/icons/promotion-big.png) no-repeat left;
	color: #000;		
}

#dashboard .box .content
{
	padding: 10px 10px;
	height: 80px;
	line-height: 150%;
}

#dashboard .box .bottom
{
	padding: 7px 10px;
	color: #777;
	font-size: 13px;
	background: #FFFAF4;
	border-top:1px solid #F6D3B6;
	margin: 10px 0 0 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	font-family: Arial;	
}



#dashboard .box.pos2,
#dashboard .box.pos4,
#dashboard .box.pos6,
#dashboard .box.pos8,
#dashboard .box.pos10
{
	margin-right: 0;
}


/***************************************************************************
 * 					PAYMENT FORM										   *
 ***************************************************************************/


.pay-form
{
	font-size: 13px;
}

.pay-form h3
{
	margin: 6px 0 8px 0;
	padding: 6px 12px;
	background: url(../images/table-header.gif) #FDFDFD repeat-x bottom;
	color: #333;	
	border: 1px solid #E6E7E8;
	border-radius: 5px;	
	line-height: 18px;
	font-size: 13px;
}

.pay-form h3.main
{
	color: #000;
	font-size: 14px;
	line-height: 22px;
}

.pay-form .price
{
	float: left;
	width: 160px; 
	padding-left: 20px;
	font-weight: bold;
	padding-bottom: 6px;
}

.pay-form .description
{
	float: left;
	color: #555;
	font-size: 15px;
}

.pay-form .personal-info
{
	padding-left: 20px;
}

.pay-form .card-info
{
	padding-left: 20px;
}

.pay-form .personal-info table td,
.pay-form .card-info table td
{
	padding: 3px 10px 3px 0;
}

.pay-form .personal-info table td.label,
.pay-form .card-info table td.label
{
	min-width: 150px;
	font-weight: bold;
	color: #333;
}

.pay-form .buttons
{
	background: #F4F4F4;
	padding: 10px;	
	border-radius: 4px;
}




/* ================ PAYMENT CONFIRM INFO ====================== */


.pay-form.confirm-info
{
	padding-left: 15px;
}

.pay-form.confirm-info form
{
	padding-top: 5px;
}

.pay-form.confirm-info table td
{
	padding: 4px 10px 4px 0;
}

.pay-form.confirm-info table td.label
{
	width: 170px;
	font-weight: bold;
	color: #333;
	padding-left: 20px;
	font-size: 13px;
}



/* ================ PAYMENT COMPLETE ====================== */

.pay-form.payment-complete
{
	padding-left: 15px;
	font-size: 13px;
}



/* ================ PAYMENT FAILED ====================== */

.pay-form.transaction-errors
{
	padding-left: 15px;
	font-size: 13px;
}

.pay-form.transaction-errors table.errors
{
	border: 1px solid #DDD;
	padding: 2px;
	border-radius: 4px;
}

.pay-form.transaction-errors table.errors td
{
	padding: 3px 6px;
}

.pay-form.transaction-errors table.errors td.label
{
	font-weight: bold;
	white-space: nowrap;
}

.pay-form.transaction-errors .errors .reason
{
	font-weight: bold;
	padding: 6px;
	background: #E8E8E8;
}



/***************************************************************************
 * 					LOGIN FORM										   *
 ***************************************************************************/

#login-form h1
{
	margin-top: 10px;	
}

#login-form .login-box
{
	width: 270px; 
	float: left;
	margin-left: 90px; 
	margin-right: 100px;
}

#login-form .login-box .form .field
{
	float: right;
}

#login-form .register-box
{
	width:310px; 
	float: left; 
	border: 1px solid #EEE; 
	border-radius: 6px; 
	padding: 0 20px 20px 20px; 
	margin-top: 10px;
	background: #FDFDFD;	
}

#login-form .register-box h2
{
	margin: 10px 0 0 0;
	padding: 0;
    font-family: 'PT Sans Narrow',sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
}

#login-form .register-box h2 span
{
	font-size: 18px;
    font-weight: normal;	
}

/***************************************************************************
 * 					REGISTER FORM										   *
 ***************************************************************************/



/* ====================== STEP 1 ====================== */

#register-form
{
}

#register-form h1
{
	margin: 0;
	padding: 0;
}

#register-form .form .label
{
	width: 150px;
	padding: 0 4px 0 10px;
	text-align: left;
}

#register-form .form .input
{
	width: 240px;
}


/* ====================== STEP 2 ====================== */

#register-step2 
{
	
}

#register-step2 .list>table
{
	font-size: 13px;
	border-collapse: collapse;
	background: #FCFCFC;
}

#register-step2 .list>table td
{
	border: 1px solid #DDD;
	padding: 8px 16px;
}

#register-step2 .list>table thead
{
	font-weight: bold;
	font-size: 16px;
	background: url("../images/table-header.gif") repeat-x scroll center bottom #FEFEFE;
}

#register-step2 .list .feature
{
	width: 370px;
	font-size: 15px;
	font-weight: bold;
	padding-left: 20px;
}

#register-step2 .list .price
{
	font-size: 15px;	
}

#register-step2 .list .yes
{
	width: 38px;
	height: 35px;
	background: url("../images/icons/check-big.png") no-repeat center;
}

#register-step2 .list td.highlight
{
	background: #FFF5E7;
}

#register-step2 .list td.grey
{
	background: #F9F9F9;
}

#register-step2 .fancy-button
{
	font-family: Verdana;
}






/***************************************************************************
 * 					WBW APP DOWNLOAD PAGE
 ***************************************************************************/

#app-download .list
{
	margin-left: 0px;
}

#app-download .list .box
{
	float: left;
	width: 260px;
	border: 1px solid #CED7E6;
	border-radius: 10px;
	margin-right: 25px;
	background: #F5F8FF;
	min-height: 236px;
}

#app-download .list .box .heading
{
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	padding: 8px 10px;
	margin: 0 10px 15px 10px;
	border-bottom: 1px solid #CED7E6;
}


#app-download .list .box .heading .windows
{
	padding-left: 25px;
	background: url(../images/icons/windows.png) no-repeat left;
}

#app-download .list .box .heading .macosx
{
	padding-left: 25px;
	background: url(../images/icons/macosx.png) no-repeat left;
}

#app-download .list .box .heading .ipad
{
	padding-left: 25px;
	background: url(../images/icons/ipad.png) no-repeat left;
}

#app-download .list .box .download
{
	margin: 30px 0;
	text-align: center;
}


#app-download .list .box .bottom
{
	clear: both;
	padding: 10px 10px;
	margin-top: 10px;
}

#app-download .list .box .version
{
	font-weight: bold;
	font-size: 14px;
	color: #555;
	padding-left: 10px;	
	padding-bottom: 4px;	
}

#app-download .list .box .date
{
	font-size: 11px;
	color: #777;
	padding-left: 10px;		
}

#app-download .list .box .size
{
	float: left;
	color: #555;
	background: url(../images/icons/package.gif) no-repeat left;
	margin-top: 14px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 13px;
}

#app-download .list .box .help
{
	border: 1px solid #DDD;
	border-radius: 6px;
	background: #FFF;
	float: right;
	padding: 4px;		
}

#app-download .list .box .help a
{
	display: block;
	width: 50px;	
	text-decoration: none;
	padding-left: 30px;
	padding-right: 6px;
	background: url(../images/icons/help-big.png) no-repeat left;
	font-size: 11px;
}

#app-download .requirements
{
	float: left;
	width: 260px;
	margin-top: 10px;
	margin-right: 25px;
}

#app-download .requirements .title
{
	font-weight: bold;
	font-size: 13px;
	color: #444;
	padding: 6px 10px;
	border-bottom: 1px solid #DDD;
}

#app-download .requirements .content
{
	padding: 6px 10px;
}

#headset-buy .thumb-indent
{
	display: block;
	float: left;
	width: 140px;
	height: 150px;
	background: url('../layout/headset-indent.png') no-repeat 5px -1px;
}


/***************************************************************************
 * 					MINDMEDIASHOP MODULE
 ***************************************************************************/

#mindmedia-shop
{
	
}

#mindmedia-shop .buttons
{
	background: #EBECEE;
	padding: 10px;
}


/* ================ THUMB STYLING ====================== */

#mindmedia-shop .thumb
{
	float: left;
	background: #FFF; 
	border: 1px solid #BBB; 
	border-radius: 10px; 
	padding: 2px;		
	width: 100px;
	height: 100px;
}

#mindmedia-shop .thumb img
{
	border-radius: 8px;
	margin: 0;
	padding: 0;
}

#mindmedia-shop #media-list
{
	width: 560px; 
	float: left;
}

#mindmedia-shop #media-list .thumb
{
	display: block;  
	margin-top: 15px; 
	margin-left: 15px; 
	margin-right: 15px;
	margin-bottom: 15px;
}

#mindmedia-shop .thumb .no-thumb
{
	display: block; 
	float: left; 
	height: 100px; 
	width: 100px; 
	background: #EEE; 
	border-radius: 8px; 
	color: #EABBA2; 
	font-weight: bold; 
	font-size: 20px; 
	font-family: Verdana; 
	text-align: center; 
	text-decoration: none; 
	padding: 0;
}

#mindmedia-shop .thumb .no-thumb div
{
	padding-top: 20px; 
	margin: 2px;
}


/* ================ MEDIA SHOP LIST ====================== */


#mindmedia-shop #media-list .media
{	
	margin-bottom: 25px; 
	background: #F8F8F8; 
	border: 1px solid #DDD;
	border-radius: 7px;
 	font-family: Verdana,Helvetica,sans-serif; 
}

#mindmedia-shop #media-list .media .title
{
	font-family: 'PT Sans Narrow',sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
	padding-top: 15px;
	margin-bottom: 10px;
	margin-right: 75px;
	color: #2D518C;
}

#mindmedia-shop #media-list .media .owner span
{
	padding: 2px 0;
	color: #444;
	font-size: 12px;
	font-weight: bold;	
}

#mindmedia-shop #media-list .media .price 
{ 
	display: inline-block;
	margin:3px 0 0 5px;
	background:url(../layout/buttons/price-right.png) no-repeat right;
}

#mindmedia-shop #media-list .media .price.free 
{ 
	background:url(../layout/buttons/price-free-right.png) no-repeat right;
}

#mindmedia-shop #media-list .media .price.checkout 
{ 
	display:inline-block; background:url(../layout/buttons/price-checkout-right.png) no-repeat right;
}

#mindmedia-shop #media-list .media .price > span { display:block; margin-right:10px; background:url(../layout/buttons/price-bg.png) repeat-x 10px; text-align:justify; }
#mindmedia-shop #media-list .media .price.free > span { background:url(../layout/buttons/price-free-bg.png) repeat-x 10px; }
#mindmedia-shop #media-list .media .price.checkout > span { background:url(../layout/buttons/price-checkout-bg.png) repeat-x 10px; }
#mindmedia-shop #media-list .media .price > span .fancy-button { margin-left:-5px; }
#mindmedia-shop #media-list .media .price > span .fancy-button span span { padding-left:0; padding-right:0; }
#mindmedia-shop #media-list .media .price > span > span { display:inline-block; padding-left:5px; text-align:center; font-weight:bold; }


#mindmedia-shop #media-list .media .purchased
{	
	display: inline-block;
	color: #555;
	font-weight: bold;	
	border: 1px solid #DDD;
	border-radius: 8px;
	background: url("../images/icons/creditcard.png") #FFF no-repeat 5px -2px;
	padding: 4px 7px 4px 35px;
}

#mindmedia-shop #media-list .media .description
{
	color: #444;
	font-size: 13px;
	padding: 0 15px;
	padding-bottom: 6px;
}


#mindmedia-shop #media-list .media .media-buttons
{
	background: #EEE;
	padding: 10px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;	
}

#mindmedia-shop #media-list .no-media
{
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 20px 40px;
	margin: 0 auto;
	width: 400px;
	border-radius: 8px;
	color: #555;
	box-shadow: 0 0 6px #BBB;
}



/* ================ SHOPPING CART ====================== */

#mindmedia-shop #cart
{
	width: 230px;
	float: right;	
	padding: 10px; 
	background:#F9F9F9; border:1px solid #CFCFCF; border-radius:7px; 
	box-shadow:4px 4px 7px #999;
}

#mindmedia-shop #cart .cart-heading 
{ 
	margin: 10px 0 25px 0; 
	min-height: 78px; 
	padding: 0 0 0 120px; 
	font-family:'PT Sans Narrow',sans-serif; 
	font-size:26px; line-height:26px; color:#000000; background:url(../layout/icons/shopping-cart-big.png) no-repeat left center;
}

#mindmedia-shop #cart ul
{
	display: block;
	margin: 0;
	padding: 5px 0 0 0;
	list-style-type: none;
	border-bottom: 1px solid #E5EAF2;	
}

#mindmedia-shop #cart ul li
{
	display: block;
	margin: 0;
	padding: 5px 0;
	font-family:'PT Sans Narrow',sans-serif; 
	font-size: 18px; 
	line-height: 24px; 
	border-top: 1px solid #E5EAF2;	
	color:#2C518C;
}

#mindmedia-shop #cart ul li a.remove 
{ 
	display: none; 
	float: right; 
	width:24px; 
	height:24px; 
	background: url(../layout/icons/shopping-delete.png) no-repeat left; 
}

#mindmedia-shop #cart ul li:hover a.remove
{
	display: block;
}

#mindmedia-shop #cart ul li .price
{
	float: right;
	display: inline;
	font-size: 12px;
	font-family: Verdana;
	color: #444;
}

#mindmedia-shop #cart ul li:hover .price
{
	display: none;
}

#mindmedia-shop #cart .actions
{
	margin: 15px 0 5px 0;
	text-align: right;
}

#mindmedia-shop #cart .empty
{
	color: #555;
	font-size: 14px;
	padding: 15px 5px 15px 5px;
	line-height: 160%;
}

#mindmedia-shop #cart .actions .price { margin:3px 0 0 5px; background:url(../layout/buttons/price-right.png) no-repeat right; }
#mindmedia-shop #cart .actions .price.checkout { display:inline-block; background:url(../layout/buttons/price-checkout-right.png) no-repeat right; }
#mindmedia-shop #cart .actions .price > span { display:block; margin-right:10px; background:url(../layout/buttons/price-bg.png) repeat-x 10px; text-align:justify; }
#mindmedia-shop #cart .actions .price.checkout > span { background:url(../layout/buttons/price-checkout-bg.png) repeat-x 10px; }
#mindmedia-shop #cart .actions .price > span .fancy-button { margin-left:-5px; }
#mindmedia-shop #cart .actions .price > span .fancy-button span span { padding-left:0; padding-right:0; }
#mindmedia-shop #cart .actions .price > span > span { display:inline-block; padding-left:5px; text-align:center; font-weight:bold; font-family: Verdana; }



/* ================ CHECKOUT LIST ====================== */


#mindmedia-shop table.checkout-list td
{
	padding: 8px 8px;
	border-top: 2px solid #DDD;
}


#mindmedia-shop .checkout-list a.remove
{
	display: block;
	width: 24px;
	height: 24px;
	background: url(../layout/icons/shopping-delete.png) no-repeat left;
}

#mindmedia-shop .checkout-list .title
{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
	color: #333;
}

#mindmedia-shop .checkout-list .owner span
{
	background: #CCC;
	padding: 2px 10px;
	border: 1px solid #AAA;	
	border-radius: 12px;	
	color: #FFF;
	font-size: 11px;
	letter-spacing: 1px
}

#mindmedia-shop .checkout-list .description
{
	color: #555;
	font-size: 13px;
}

#mindmedia-shop .checkout-list .price
{
	font-size: 15px;
	font-weight: bold;
	padding-right: 4px;
}

#mindmedia-shop .checkout-list tr.total td
{
	padding-top: 12px;
	padding-bottom: 8px;
	font-size: 17px;
	font-weight: bold;
}



/***************************************************************************
 * 					DISCOVER BRAINWAVE PAGE
 ***************************************************************************/

#discover .video-preview
{
	margin: 0 auto; 
	width: 835px; 
	height: 338px; 
	background: url('../images/layout/discover-video-background.png') repeat-y top center;
	text-align: center;	
}

#discover .video-preview .embed
{
	width: 601px;
	margin: 0 auto;
}


#discover .step
{
	width: 230px;
	height: 150px;
	float: left;
	padding-left: 180px;
	margin-top: 20px;
}

#discover .step h2
{
	padding: 10px 0;
	margin: 10px 0 5px 0;
	font-size: 20px;
	
}

#discover .step h2 a
{
	text-decoration: none;
	padding-right: 15px;
	background: url("../layout/arrow-right.png") no-repeat right;
}

#discover .step h3
{
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-weight: normal;
	font-family: Verdana;
}

#discover .step.s1
{
	background: url("../layout/discover-step1.png") no-repeat left;	
}

#discover .step.s2
{
	background: url("../layout/discover-step2.png") no-repeat left;	
}

#discover .step.s3
{
	background: url("../layout/discover-step3.png") no-repeat left;	
}

#discover .step.s4
{
	background: url("../layout/discover-step4.png") no-repeat left;	
}




/***************************************************************************
 * 					WIZARD BREADCRUMBS
 ***************************************************************************/


#breadcrumbs
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;	
	border-radius: 5px;
	background: #C8D3E4;	
}

#breadcrumbs .step
{
	display: block;
	min-width: 100px;
	float: left;
	height: 34px;
	line-height: 34px;	
	text-align: center;
	padding-left: 5px;
}

#breadcrumbs .step.start
{
	width: 44px;
	min-width: 0;
	border-top-left-radius: 5px;	
	border-bottom-left-radius: 5px;	
	background: url(../images/layout/breadcrumbs-start.png) #5988C1 no-repeat 12px center;
}

#breadcrumbs .step.completed
{
	background: #5988C1;	
}

#breadcrumbs .step.selected
{
	background: #264678;	
}


#breadcrumbs .step .title
{
	display: block;
	float: left;
	padding: 0 10px 0 15px;
	line-height: 34px;	
	color: #FFF;
	font-size: 17px;
	font-family: Arial;
	font-weight: bold;
}

#breadcrumbs .step.completed .title
{	
	color: #FFF;
}

#breadcrumbs .step.selected .title
{	
	color: #FFF;
}

#breadcrumbs .separator
{
	display: block;
	float: right;
	width: 20px;
	height: 34px;
	line-height: 34px;	
	background: url(../images/layout/breadcrumbs-separator.png) no-repeat left;		
}

#breadcrumbs .separator.completed
{	
	background: url(../images/layout/breadcrumbs-separator-completed.png) no-repeat left;	
}

#breadcrumbs .separator.selected
{	
	background: url(../images/layout/breadcrumbs-separator-selected.png) no-repeat left;	
}




/**********************************************************************
 *					SESSION RESPONSE OUTPUT
 **********************************************************************/

.response-output
{
	
}

.response-output .item
{
	font-size: 14px;	
	padding: 10px 25px 10px 25px;
}

.response-output .item .title
{
	font-weight: bold;
	font-size: 15px;
	padding: 0 0 10px 0;
}

.response-output .item .text
{
	line-height: 160%;
}






/**********************************************************************
 *                  MINDMEDIA PROGRESS TRACKING - MINDMEDIA SELECT
 **********************************************************************/


#mindmedia-select-list
{
    margin-left: -10px;
    margin-top: -10px;
}

#mindmedia-select-list a.item
{
    display: block;
    width: 370px;
    height: 100px;
    float: left;
    background: #F8F8F8;
    text-decoration: none;
    padding: 10px;
    margin: 10px;
    border-radius: 4px;
    border: 1px solid #F8F8F8;
    color: #333;
    font-size: 14px;
    line-height: 23px;
}

#mindmedia-select-list a.item:hover
{
    background: #FFFAF4;
    border: 1px solid #F6D3B6;
}

#mindmedia-select-list .item .thumb
{
    float: left;
    margin-right: 10px;
    border: none;
}

#mindmedia-select-list .item .thumb img { border-radius: 4px; } 

#mindmedia-select-list .item .author { margin-bottom: 15px; }

#mindmedia-select-list .item .title { font-weight: bold;  }

#mindmedia-select-list .item .count span 
{
    font-size: 15px;
    background: #F6D3B6;
    border-radius: 12px;
    padding: 4px 8px;
    border: 1px solid #F6D3B6;
}






.mindmedia-profile
{
    display: block;
    height: 100px;
    background: #EEE;
    padding: 10px;
    border-radius: 4px;
    color: #333;
    font-size: 14px;
    line-height: 23px;
}

.mindmedia-profile .thumb
{
    float: left;
    margin-right: 10px;
    border: none;
}

.mindmedia-profile .thumb img { border-radius: 4px; } 

.mindmedia-profile .author { margin-bottom: 10px; }

.mindmedia-profile .title { font-weight: bold;  }

.mindmedia-profile .count span 
{
    font-size: 15px;
	color: #2D518C;
}