/*
 *
 * Stylesheet
 * (C) 2008 Meridian 86
 *
 * WEBSITE PAGE ELEMENTS.
 *
 */


/** Front Page **/

.quotes{
	margin-bottom:40px;
	position:relative;
	
}

.quotes h3{
	margin-bottom:10px;
}

.quotes h4{
	font-size:15px;
	padding:8px;
	padding-top:9px;
	color:#274B73;
	margin-bottom:0px;
	background-color:#D6EBF8;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position:relative;
	text-shadow:-1px -1px 1px rgba(255,255,255, .25);
}

.quotesFeatures h4{
	font-size:20px;
}

.quotes .item{
	float:left;
	padding-left:20px;
	padding-right:25px;
	position:relative;
}

.quotes .item div{
	
}

.quotes .last{
	padding-right:0;
}

.quotes .first{

}

.quotes span{
	background-image:url('../graphics/structure/speechBubbleBg.gif');
	background-repeat:no-repeat;
	background-position: top right;
	margin-right:10px;
	padding-top:12px;
	display:block;
	text-align:right;
	position:relative;
}




#front-topRow{
	position:relative;
	height:340px;
	width:100%;
	margin-bottom:30px;
	margin-top:6px;
}
#front-topRow h1{
	margin-top:10px;
	font-size:26px;
}
#front-topRow-left{
	position:absolute;
	width:611px;
	height:340px;
}


#front-topRow-right{
	position:absolute;
	right:0;
	top:0;
	background-image:url(../graphics/structure/topRow-purple-bg.png);
	background-repeat:no-repeat;
	width:319px;
	height:340px;
	
	
}

.topRowContainer{

	width:310px;
}

.purpleContainer{
	padding-left:30px;
	width:280px;
}



.topRowContainer p{
	font-size:14px;
	line-height:1.2em;
	margin-top:10px;
}



.purpleContainer h1{
	color:#4C3379;
}

.topRowContainer .buttonsHolder{
	position:absolute;
	bottom:15px;
	left:15px;
}






/** Content Pages **/

#articleContent{
	position:relative;
	width:550px;
}

.faqList{
	margin: 0;
	padding: 0;
	list-style-type: none;
}







.feature_contentContainer{
	position: relative;
	background-image: url(../graphics/front/background.jpg);
	
	background-repeat:repeat-x;
	background-position: -20px -20px;
	height:900px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left:20px;
	/*padding-right:20px;*/
	padding-top: 20px;
	z-index:1;

}

.wideBluePanelTop{
	position: absolute;
	background-image: url(../graphics/wideBluePanelTop.jpg);
	width: 770px;
	height: 10px;
	background-repeat:no-repeat;
	top: 0;
	left: 0;
	
}






/*** NEW STYLES ***/

/* Page Components ******************************************************************/

.sectionNavigation{
	position:absolute;
	top:-70px;
	right:5px;
	font-size:16px;
	font-weight:bold;
	font-weight: normal; font-style: normal; line-height:normal; font-family: 'MyriadProSemibold';
	text-transform:lowercase;
	width:500px;
	text-align:right;
}

.sectionNavigation a, .sectionNavigation span{
	margin-left:16px;
	text-decoration:none;
	color:#003366;
}

.sectionNavigation a:visited{
	color:#003366;
}

.sectionNavigation span{
	color:#6CAACC;
}

.hPageDivider,.hPageDividerMargin{
	width:930px;
	border:none;
	text-align:center;
	border-top: 1px solid #ddd;
	background-color:#fff;
	clear:both;
}

.hPageDividerMargin{
	margin-top:20px;
	margin-bottom:20px;
}

/* Feature Page Sliding Content ******************************************************************/

.featuresContent{
	margin-bottom:0px;
	min-height:380px;
}

.featuresContent .text{
	float:left;
	width:292px;
	margin-left:5px;
}

.featuresContent h2{
	font-size:26px;
}

.featuresContent .image{
	margin-left:322px;
	height:360px;
}

.featuresContent .navigation{
	text-align:center;
	font-size:28px;
	color:#999;
}

.tabTitle{
	display:none;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {
	height: 200px;
	overflow: auto !important;
	padding-right: 20px
}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {
	width: 930px;
}

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
	width: 950px;
}
.coda-slider-wrapper.arrows .coda-slider {
	margin: 0 0px
}

/* Tab nav */
.coda-nav ul li a.current {
	background: #fff;
	color: #5F9EDF;
}

/* Panel padding */
.coda-slider .panel-wrapper {
	padding: 20px;
}

.coda-slider .panel {
}

/* Preloader */
.coda-slider p.loading {
	padding: 20px;
	text-align: center
}

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul {
	clear: both;
	display: block;
	margin: auto;
	overflow: hidden;
	text-align: center;
	padding: 0;
	padding-right: 55px;
}
.coda-nav ul li {
	display: inline ;
}
.coda-nav ul li a {
	background: #fff;
	color: #ddd;
	display: inline;
	margin-right: 1px;
	padding: 0px;
	text-decoration: none;
	font-size: 28px;
	outline: none;
}

/* Miscellaneous */
.coda-slider-wrapper {
	clear: both;
	overflow: hidden
}
.coda-slider {
	float: left;
	overflow: hidden;
	position: relative
}
.coda-slider .panel {
	display: block;
	float: left
}
.coda-slider .panel-container {
	position: relative
}
.coda-nav-left {
	position: absolute;
	top: 160px;
	left: -20px;
}
.coda-nav-right {
	position: absolute;
	top: 160px;
	right: -20px;
}
.coda-nav-left a, .coda-nav-right a {
	display: block;
	text-align: center;
	text-decoration: none ;
	color: #ccc;
	font-size: 50px;
	outline:none;
}

.coda-nav-left a:hover, .coda-nav-right a:hover {
	color:#999;
}



/* Feature Thumbs Row ************************************************************************************/


.featureBoxes{
	height:180px;
	margin-bottom:10px;
}

.featureBoxes div{
	width:231px;
	height:160px;
	float:left;
	margin-right:1px;
	text-align:center;
	position:relative;
	
}

.featureBoxes .container{
	text-align:center;
}

.featureBoxes .last{
	margin-right:0;
}

.featureBoxes a{
	outline:none;
	width:150px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	height:110px;
	position:relative;
	border:1px solid #ddd;
	padding:1px;
}

.featureBoxes h3{
	font-size:15px;
	color:#444;
	margin-top:5px;
}


/* Content Row ************************************************************************************/

.threeBoxRow{
	padding:0;
	margin:5px;
	margin-top:20px;
	margin-bottom:30px;
}

.threeBoxRow .container{
	float:left;
	width:279px;
	margin-right:40px;
	line-height:16px;
}

.threeBoxRow .last{
	margin-right:0;
}

/* Coach Page Pricing ******************************************************************************/

.pricingContainer{
	height:180px;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;	
}

.pricingContainer .container{
	width:130px;
	height:173px;
	
	background-image: url(../graphics/coach/priceBoxBG.png);
	background-repeat:no-repeat;
	
	float:left;
	text-align:center;
	position:relative;
	
	margin-right:20px;
	
}

.pricingContainer .first{
	
}
.pricingContainer .last{
	margin-right:0;
}

.pricingContainer h2{
	font-size:20px;
	color:#fff;	
	margin-top:8px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:-2px;	
	padding:0px;	
	text-shadow:1px 1px 1px rgba(0,0,0, .5);	
	font-weight: normal; font-style: normal; line-height:normal; font-family: 'MyriadProSemiboldItalic';
}

.pricingContainer .stars{
	margin-bottom:20px;
}

.pricingContainer h3{
	margin:0;
	padding:0;
	display:inline-block;
	margin-bottom:6px;
	color:#5D458E;
	font-size:26px;
}

.pricingContainer .users{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:16px;
	color:#000;	
}

.pricingContainer .users span{
	font-size:12px;
	display:block;
	font-weight:normal;
}

.pricingContainer .start{
	text-align:center;
	display:block;
}

.pricingDetails{
	text-align:center;
	padding:5px;
	margin-bottom:10px;
	margin-top:15px;
	line-height:20px;
	padding-bottom:0px;
	color:#555;
}

/* Lifetick Page ********************************************************************************/

.clientPricing{
	width:405px;
	position:relative;
	margin-left:20px;

	margin-bottom:30px;
	color:#1F4975;
}

.clientPricing .heading{
	
	
	height:27px;
	
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.clientPricing .heading .left,
.clientPricing .heading .center,
.clientPricing .heading .right{
	display: inline-block;
	
	position:relative;
	padding-top:6px;
	
	text-align:center;
	color:#000;
	
	/** IE7 HACK */
	*height:1%;
	*display:inline;
	zoom:1;
}

.clientPricing .heading .left{
	width:226px;
	text-align:left;
	text-indent:5px;
}

.clientPricing .heading .center{
	width:87px;
}

.clientPricing .heading .right{
	width:87px;
}


.clientPricing .table{
	
}

.clientPricing .table .row{
	position:relative;
	
	
	
	
}

.clientPricing .table .row .left,
.clientPricing .table .row .center,
.clientPricing .table .row .right{
	display: inline-block;
	
	position:relative;
	
float:left;	
	background-color:#D6EBF8;
	line-height:26px;
height:26px;

margin-bottom:1px;


}

.clientPricing .table .row img{
*	margin-top:4px;
}

.clientPricing .table .row .odd{
	
}

.clientPricing .table .row .price{
	
}



.clientPricing .table .row .left{
	width:231px;
	border-right: 1px solid #EBF5FC;
	text-indent:8px;
	
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.clientPricing .table .row .center{
	width:86px;
	text-align:center;
	border-right: 1px solid #EBF5FC;
}

.clientPricing .table .row .right{
	width:86px;
	text-align:center;
	
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.clientPricing .table .row .action{
	background-color:#fff;
	border:none;
}



.keyPoint3{
	font-size:14px;
	text-shadow:-1px -1px 1px rgba(255,255,255, .5);	
	font-weight: normal; font-style: normal; line-height:normal; font-family: 'MyriadProSemiboldItalic';
	color:#462471;
	
	padding:10px;

	background-color:#D7D5F6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius:6px;
	
}



.magPageRow h2{
	margin-top:0 !important;
}




.magPageRow{
	
/*	width:890px;*/
	margin-top:20px;
	margin-left:0px;
	position:relative;
	padding-top:30px;
	padding-bottom:10px;
	border-top:1px solid #ddd;
}

.magPageRow .imageInsert{

}

.magPageRow .breakAfter{
	display:block;
	-webkit-column-break-after:always;
	-moz-column-break-after:always;
	column-break-after:always;
}

.magPageRow .breakBefore{
	display:block;
	-webkit-column-break-before:always;
	-moz-column-break-before:always;
	column-break-before:always;
}

.magPageRow3 .columns{
	
	-webkit-column-count: 3;
	-webkit-column-gap: 40px;
	-moz-column-count: 3;
	-moz-column-gap: 40px;
	float:left;
}

.magPageRow3 .image{
	float:right;
	width:300px;
	
}

.magPageRow .break{
	float:none;
	clear:both;
}

.magPageRow2 .columnLeft{
	width:595px;
	float:left;
	-webkit-column-count: 2;
	-webkit-column-gap: 40px;
	-moz-column-count: 2;
	-moz-column-gap: 40px;

}
.magPageRow2 .columnRight{
	width:280px;
	float:right;

}

.magPageRow1 .columnLeft{
	width:280px;
	float:left;

}

.magPageRow1 .columnRight{
	width:600px;
	float:right;

}

.magPageRow4 .columns{
	
	-webkit-column-count: 4;
	-webkit-column-gap: 20px;
	-moz-column-count: 4;
	-moz-column-gap: 20px;
	
}

.magPageRow ol{
	list-style-position: inside;
	padding-left:0;
}

.magPageRow4 ol li{
	font-weight:bold;
	margin-top:35px;
}

/* Front Page ***********************************************************************************/