/* CYBEX - BIGGEST LOSER 6/10 */

body  {
	font: 14px Arial, Helvetica, sans-serif;
	color: #555555;
	background: #ffffff url(images/common/bg.jpg) top center repeat-x;
	margin: 0;
	padding: 0;
	text-align: center; /* center for IE 5* - text aligned left in #content */
}

#wrapper { 
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: left; /* override text-align: center on body element */
	/*border-right: 10px solid white;*/
	/*border-bottom: 10px solid white;*/
	/*border-left: 10px solid white;*/
}

#header {
	margin: 0 0 10px;
	padding: 0;
}



/* LEFT COLUMN */


#leftcolumn {
	/*background: green;*/
	float: right;
	width: 190px;
	margin: 0;
	padding: 0;
}

/**************** NOTE: some common styles for left and right columns ****************/

#leftcolumn img, #rightcolumn img {margin: 0; padding: 0;}

#leftcolumn .section, #rightcolumn .section {margin-bottom: 10px;}

#leftcolumn .section .linkwrap,
#rightcolumn .section .linkwrap {font-size: 12px;}
#leftcolumn .section .linkwrap p,
#rightcolumn .section .linkwrap p {margin: 0; border-bottom: 2px solid white;}
#leftcolumn .section .linkwrap a {display: block; padding: 6px 10px 6px 84px; color: #555555; text-decoration: none; background-position: 0 center; background-repeat: no-repeat;}
#leftcolumn .section .linkwrap a:hover,
#rightcolumn .section .linkwrap a:hover {background-color: white;}


#leftcolumn .section#payitforward .linkwrap {background: #d0ebfb; border-right: 2px solid #3a88c2; border-left: 2px solid #3a88c2;}
#leftcolumn .section#getfit .linkwrap {background: #fad5b7; border-right: 2px solid #ed6b00; border-left: 2px solid #ed6b00;}


#leftcolumn .section .linkwrap a#cybex {background-image: url(images/left/icon_cybex_bl.png);}
#leftcolumn .section .linkwrap a#pink {background-image: url(images/left/icon_pink.png); padding-top: 10px; padding-bottom: 10px;}
#leftcolumn .section .linkwrap a#letsmove {background-image: url(images/left/icon_lets_move.png);}
#leftcolumn .section .linkwrap a#tip {background-image: url(images/left/icon_bl.png); padding-top: 10px; padding-bottom: 10px;}
#leftcolumn .section .linkwrap a#club {background-image: url(images/left/icon_cybex.png);}


/****************** moved to left column ******************/
#leftcolumn .section#exp .linkwrap {background: #ebfad2; border-right: 2px solid #6cc547; border-left: 2px solid #6cc547;}
#leftcolumn .section#exp .linkwrap a {background-image: url(images/right/arrow_exp.png); background-position: 0px 6px; padding: 6px 10px 6px 20px;}

#leftcolumn .section#webvideo .linkwrap {background: #fae9c5; border-right: 2px solid #efbd53; border-left: 2px solid #efbd53;}
#leftcolumn .section#webvideo .linkwrap a {background-image: url(images/right/arrow_video.png); background-position: 0px 6px; padding: 6px 10px 6px 20px;}


/* RIGHT COLUMN */

#rightcolumn {
	/*background: #66FFFF;*/
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
}

#rightcolumn .section .linkwrap a {display: block; padding: 6px 10px 6px 20px; color: #555555; text-decoration: none; background-position: 0 6px; background-repeat: no-repeat;}

#rightcolumn .section#buzz .linkwrap {background: #ffece5; border-right: 2px solid #ff0000; border-left: 2px solid #ff0000;}
#rightcolumn .section#buzz2 .linkwrap {background: #e4f0fa; border-right: 2px solid #021ba9; border-left: 2px solid #021ba9;}
#rightcolumn .section#exp .linkwrap {background: #ebfad2; border-right: 2px solid #6cc547; border-left: 2px solid #6cc547;}
#rightcolumn .section#goals .linkwrap {background: #ede5f6; border-right: 2px solid #8560a8; border-left: 2px solid #8560a8;}

#rightcolumn .section#buzz .linkwrap a {background-image: url(images/right/arrow_buzz.png);}
#rightcolumn .section#buzz2 .linkwrap a {background-image: url(images/right/arrow_buzz2.png);}
#rightcolumn .section#exp .linkwrap a {background-image: url(images/right/arrow_exp.png);}
#rightcolumn .section#goals .linkwrap a {background-image: url(images/right/arrow_goals.png);}


/****************** moved to right column ******************/
#rightcolumn .section#getfit .linkwrap {background: #fad5b7; border-right: 2px solid #ed6b00; border-left: 2px solid #ed6b00;}
#rightcolumn .section .linkwrap a#tip {background-image: url(images/left/icon_bl.png); background-position: 0 center; background-repeat: no-repeat; padding: 10px 10px 10px 84px;}



/* CONTENT */

#content {
	margin: 0;
	padding: 0;
}

#content #centercolumn { /*background: #ffdefe;*/
	width: 580px;
	margin-left: 190px;
	padding: 0 20px 0;
}

#centercolumn .banner {margin: 0 0 10px;}
#centercolumn .title_img {margin: 20px 0;}

#centercolumn #follow {position: relative; margin: 10px 0; padding: 6px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
#centercolumn #follow p {margin: 0; font-size: 12px; color: #3786c1;}
#centercolumn #follow .imglink {position: absolute; top: 4px; left: 90px;}
#centercolumn #follow .imglink img {margin-left: 4px;}




/* FOOTER */

#footer {margin: 10px 0 0; padding: 0; text-align: center; background: url(images/footer/bg_footer.jpg) top center repeat-x;}
#footer_content {position: relative; width: 1000px; height: 210px; margin: 0 auto; text-align: left; font-size: 12px; color: white;}
#footer p {margin: 0;}
#footer a {color: white;}
#footer .info {position: absolute; top: 130px; left: 280px;}
#footer .links {position: absolute; top: 140px; right: 0;}
#footer #logos {position: absolute; top: 119px; left: 28px;}
#footer .imglink {position: absolute; top: 170px; right: 0;}
#footer .imglink img {margin-left: 10px;}



/* TEXT STYLES */

a {color: #ed6b00; font-weight: bold;}
#centercolumn p {line-height: 20px;}
h1 {font-size: 24px; color: #5a87bf;}
/*h2 {font-size: 20px; color: #3786c1;}*/
h2 {font-size: 20px; color: #ed6b00;}
h3 {font-size: 18px;}

.h2_text {font-size: 20px; color: #ed6b00;}

.first {margin-top: 0;}

#centercolumn p.largetxt {font-size: 18px; line-height: 24px;}
#centercolumn p.largetxt_blue {font-size: 18px; line-height: 24px; color: #5a87bf;}
#centercolumn p.medtxt {font-size: 16px; line-height: 22px;}

.morelink {background: url(images/common/arrow_more.gif) 0 center no-repeat; padding-left: 10px;}
.morelink a {font-size: 10px; font-weight: normal; color: white; text-decoration: none; text-transform: uppercase; background: #b47f37; padding: 2px 4px;}

.jumplink {background: url(images/common/arrow_jump.png) 0 center no-repeat; padding-left: 30px;}
.jumplink a {font-weight: bold; color: #3786c1; text-decoration: none;}
.jumplink a:hover {text-decoration: underline;}

.quote {font-size: 16px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; background: url(images/common/quotes_left.png) 0 3px no-repeat; margin-right: 30px; margin-bottom: 6px; margin-left: 20px; padding-left: 40px;}
.quoteby {margin: 0 0 20px 400px; font-size: 16px; font-weight: bold;}

.blog_date {font-size: 12px;}



/*************** FLOAT ******************/


.float_right {
	float: right;
	margin-left: 8px;
}
.float_left {
	float: left;
	margin: 4px 14px 10px 0;
}
.clearfloat { /* final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clear_left { /* EX: clear left float photo while wrapping right float */
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/*************** LISTS ******************/


ul li {margin: 10px 0 10px -20px; line-height: 20px;}



/*************** FORMS ******************/



.formtable td {padding: 4px;}
.formtable td.header {padding-bottom: 10px; text-align: center;}
.formtable td.ctr {text-align: center;}
.formtable .formtext {text-align: right; /*font-weight: bold;*/}
.formtable .smalltext {font-size: 12px; font-weight: normal; font-style: italic;}