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


/** Front Page **/

.quotes{
	margin-bottom:40px;
	
}

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

.quotes h4{
	font-size:16px;
	text-indent:-8px;
	color:#4C9DDF;
	margin-bottom:0px;
}

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

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

.quotes .item div{
	
}

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

.quotes .first{

}

.quotes span{
	padding-left:10px;
}




#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:140px;
	height:173px;
	
	background-image: url(../graphics/coach/priceBoxBG.png);
	background-repeat:no-repeat;
	
	float:left;
	text-align:center;
	position:relative;
	
	margin-right:47px;
	
}

.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:386px;
	position:relative;
	margin-left:40px;
	margin-top:20px;
	margin-bottom:30px;
}

.clientPricing .heading{
	background-color:#245281;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#417DA7', endColorstr='#1D4A76');
	background: -webkit-gradient(linear, left top, left bottom, from(#417DA7), to(#1D4A76)); 
	background: -moz-linear-gradient(top,  #417DA7,  #1D4A76);
	
	height:27px;
	border-bottom: 1px solid #0B1428;
	
	-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:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0, .2);
	font-size:14px;	
	font-weight: normal; font-style: normal; line-height:normal; font-family: 'MyriadProSemiboldItalic';
	
	/** IE7 HACK */
	*height:1%;
	*display:inline;
	zoom:1;
}

.clientPricing .heading .left{
	width:196px;
	text-align:left;
	margin-left:10px;
}

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

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


.clientPricing .table{
	border:1px solid #ddd;
	padding:1px;
}

.clientPricing .table .row{
	position:relative;
	background-color:#ddd;
	
}

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

.clientPricing .table .row .odd{
	background-color:#F9FCFE;
}

.clientPricing .table .row .price{
	
	font-size:18px;	
	font-weight: normal; font-style: normal; font-family: 'MyriadProSemibold';
	line-height:36px;
	height:36px;
}

.clientPricing .table .row .left{
	width:204px;
	margin-right:1px;
	border-right: 1px solid #fff;
	text-indent:8px;
}

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

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

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