/* connection fitness static page styles */

/* brand guide new nav */
.brandGuideNav{width:565px; height:185px; position:relative; margin:auto}
.brGMenu{width:281px; height:185px; float:left; position:relative; background:url(../img/brandGuides/brGMenu_bg.jpg) 0 0 no-repeat}
.brGMenuTall { height:226px; background:url(../img/brandGuides/brGMenuTall_bg.jpg) no-repeat 0 0; }
.brGImg{float:left; width:284px; height:185px; text-align:center; background:url(../img/brandGuides/brGImg_bg.gif) 0 0 no-repeat}
.brGImgTall { height:226px; background:url(../img/brandGuides/brGImgTall_bg.jpg) no-repeat 0 0; margin-top:-1px;}
.brGImg img{margin-top:8px}
.brGImgTall img { margin-top:20px; }
.brandGuideNav h3{color:#fff; padding:15px; margin:0}
.brandGuideNav ul{width:241px; position:relative; list-style-type:none; margin:0 0 0 15px; padding:0}
.brandGuideNav li{position:relative; width:241px; background:url(../img/brandGuides/brGLi_bg.gif) 2px bottom repeat-x; margin:0; padding:0}
.brandGuideNav li a{display:block; padding-left:18px; line-height:25px; color:#fff; background:url(../img/brandGuides/brGLink_bg.gif) 0 8px no-repeat; text-decoration:none}
.brandGuideNav li a:hover, .brandGuideNav li a.on{text-decoration:underline}
.brandGuideNav li span{position:absolute; top:0; right:2px; cursor:pointer; padding-right:15px; background:url(../img/brandGuides/brGView_bg.gif) right 9px no-repeat}
.brandGuideNav li a:hover span, .brandGuideNav li a.on span{text-decoration:underline}
.bannerbox3 {width:581px;height:112px;	position:relative;margin:0 0 5px 0}
.recommendfooter {width:582px;height:51px;	position:relative; margin:0 0 5px 0}
.recommendtext {position:relative}
.recommendtext a {color:#676868}
.recommendwhoson{position:absolute;top:60px;left:350px; width:229px; height:177px}

.recommendbox{position:relative; z-index:10; width:582px; height:165px; margin-bottom:20px; background:url(../img/weRecommend/recPanel_bg.jpg) 0 0 no-repeat}
.recommendbox.inner{background-image:url(../img/weRecommend/recPanelInner_bg.jpg)}
.recommendbox h2{padding-top:10px; text-indent:35px; color:#fff}
.recommendbox h2 a{color:#fff; text-decoration:none}
.recommendbox .recommendboxtext, .recommendbox .recommendboximage{position:relative; width:281px; height:165px; float:left}
.recommendbox .recommendboxtext{width:301px}
.recommendbox .fatburning{background:url(../img/weRecommend/loseWeight_bg.jpg) 0 0 no-repeat}
.recommendbox .improvinghealth{background:url(../img/weRecommend/fitnessBest_bg.jpg) 0 0 no-repeat}
.recommendbox .weighttraining{background:url(../img/weRecommend/muscleSize_bg.jpg) 0 0 no-repeat}
.recommendbox p{padding:5px 5px 0 13px; color:#fff}
.recommendboxtext strong{display:block; width:89px; height:18px; text-indent:20px; line-height:1.4; position:absolute; bottom:13px; left:12px}
.recommendboxtext strong a{display:block; height:18px; color:#fff; text-decoration:none}
.recommendboximage a{width:219px; height:18px; position:absolute; bottom:10px; left:34px; color:#233c76; text-indent:24px; text-decoration:none; line-height:1.4}
.recommendboximage a:hover{color:#fff}

h2.first, h2.second{height:28px; position:relative; z-index:10; padding:0; margin:0 -1px 0 0; line-height:2.4; text-indent:29px; colo:#000; background:url(../img/weRecommend/h2.gif) 0 0 no-repeat}
h2.second{background-image:url(../img/weRecommend/h2_2.gif)}
p.advice{width:564px; position:relative; z-index:11; margin:-1px -1px 0 0; line-height:1.4; padding:10px 10px 16px 10px; color:#233c76; background:url(../img/weRecommend/advice_bg.gif) 0 0 repeat-y}
p.advice img{display:block; margin:16px auto 0 auto}
.toTop{position:relative; margin:0 -1px 10px 0; height:28px; background:url(../img/weRecommend/topBar_bg.gif) 0 0 no-repeat}
.toTop a{position:absolute; padding-right:15px; top:8px; right:17px; color:#244472; text-decoration:none}

.brandindexnav{width:582px; position:relative; height:282px}
.brandindexnavright{position:absolute; top:5px; left:10px}
.brandindexnavleft{position:absolute; top:5px; left:296px}
div.brandlink {	background-image:url(../img/brandGuides/indexlink_bg.gif); background-repeat:no-repeat; display:block; width:275px;	height:35px; margin:5px 20px 0 0; position:relative}
.imagelink{	position:absolute; top:1px; left:1px; margin:0; padding:0; height:33px; width:113px}

a.textlink, a:link.textlink, a:active.textlink, a:visited.textlink{display:block; line-height:25px; color:#fff; text-decoration:none; position:absolute; top:5px; left:125px }
a:hover.textlink{text-decoration:underline}
a.textlink span{position:absolute; top:0; left:100px; cursor:pointer; padding-right:15px; background:url(../img/brandGuides/brGView_bg.gif) right 9px no-repeat}
a:hover.textlink span{text-decoration:underline}

/* weber pdf guides */
#hide_me,{display:none}

#pdf_guides_header{width:354px; height:427px; background:url(../img/workoutPDFs/header.jpg) no-repeat; position:absolute; right:1px; top:27px; z-index:2}
.form-container{height:646px; width:582px; background:url(../img/workoutPDFs/formContainerBG.gif) repeat-x; position:relative; z-index:0}
.form-container span{display:block; width:25px; height:646px; position:absolute; z-index:1}
.form-container span.left{left:0; top:0; background:url(../img/workoutPDFs/formContainerLeft.gif) no-repeat}
.form-container span.right{right:0; top:0; background:url(../img/workoutPDFs/formContainerRight.gif) no-repeat}

.form-container h2{z-index:2; margin:0; color:#fff; font-size:13px; position:relative; top:10px; left:20px; padding:0; text-align:left}
.text{position:relative; z-index:3; left:7px; top:15px}
.top{width:230px}
.middle{width:297px}
.bottom{width:320px}
.text p{color:#1a356a; font-size:11px}
.guide-list{padding-left:18px; margin:23px 0 -10px; position:relative; z-index:3; width:275px}
.guide-list li{list-style-type:none; background:url(../img/workoutPDFs/bullet.gif) no-repeat 0 3px; padding-left:15px; color:#1a356a; font-weight:bold; margin-bottom:10px}
.enjoy{background:url(../img/workoutPDFs/enjoy.gif) no-repeat; padding-top:30px; width:185px; position:relative; z-index:3; top:29px; left:15px}
.enjoy p{color:#fff; font-weight:bold; padding-left:0}
.form{position:absolute; bottom:69px; left:15px; z-index:3; clear:both; width:412px}
.form p{font-weight:normal; color:#fff; font-size:11px; padding:14px 0 9px 0; text-align:right}
.form label{display:block; width:101px; color:#fff; font-size:11px; font-weight:bold; float:left; margin:2px 8px 0 0; text-align:right}
.form input, .form select{width:300px; height:16px; border:1px solid #2f4b74; padding:0; float:left; margin-bottom:9px; font-size:11px; color:#1a356a}
.form select{width:302px}

div.form-container p.form-message{left:18px; position:absolute; bottom:12px; text-align:center; font-weight:bold; color:#1a356a; padding:0 60px}
.submit-button{background:url(../img/workoutPDFs/submit.gif) no-repeat; width:84px; padding:3px 0 5px 40px; height:13px; position:absolute; bottom:79px; right:15px; z-index:3; color:#3a3a3a; font-weight:bold; font-size:10px; border:0}
.submit-button:hover{text-decoration:underline}

.form-container #mail_error{background-color:transparent; border:none; left:390px; width:160px; position:absolute; top:24px; padding-top:3px}
.form-container .error-container ul li{list-style-type:none; color:#fff; font-weight:bold; padding:0 0 3px 20px; background:url(../img/workoutPDFs/errorSmall_nobg.gif) no-repeat 0 0}

.page-container{width:584px; background:url(../img/workoutPDFs/contentContainerBG.gif) repeat-y; position:relative; margin:20px 0 0 -2px; z-index:0}
.page-container span{display:block; width:584px; height:9px; position:absolute; z-index:1}
.page-container span.top{background:url(../img/workoutPDFs/contentContainerTop.gif) no-repeat; top:0; left:0}
.page-container span.bottom{background:url(../img/workoutPDFs/contentContainerBottom.gif) no-repeat; bottom:0; left:0}

.page-container h2{font-size:13px; color:#1a356a; background:url(../img/workoutPDFs/topDivider.gif) repeat-x 0 100%; z-index:2; width:560px; margin:0 auto; position:relative; top:7px; padding-bottom:5px}

.guide-container{width:546px; margin:20px auto 0; background:url(../img/workoutPDFs/innerDivider.gif) no-repeat 0 100%; padding-bottom:20px}
.guide-container .placeholder{background:url(../img/workoutPDFs/placeHolder.gif) no-repeat; width:127px; height:101px; float:left; position:relative; margin-right:15px}
.guide-container .placeholder img{position:absolute; top:6px; left:19px}
.guide-container .guide-info{float:left; width:396px}
.guide-info h2{color:#1a356a; background:none; display:inline; left:0; top:-3px}
.guide-info p{color:#3b3b3b; padding:0}
.last{background:none}

/* guides thanks page */
.thanks{background:url(../img/workoutPDFs/thanks.jpg) no-repeat; width:586px; height:398px; margin-bottom:30px}
.thanks.confirmed{background-image:url(../img/workoutPDFs/confirmed.jpg)}
.thanks p{color:#1a356a; margin-left:3px; line-height:1.4}
.thanks-top{margin-top:55px; width:240px}
.thanks-bottom{width:265px}
.thanks p.thanks-team{color:#fff; margin:50px 0 0 3px; font-weight:bold}
.confirmation{background:url(../img/workoutPDFs/thanks.jpg) no-repeat; width:586px; height:300px; margin-bottom:30px}
.confirmation p{color:#1a356a; margin-left:3px}
.confirmation-top{margin-top:55px; width:240px}
.confirmation-bottom{width:265px}
.confirmation p.thanks-team{color:#fff; margin:35px 0 0 3px; font-weight:bold}
.back{font-weight:bold; color:#1a356a; padding-right:12px; background:url(../img/workoutPDFs/back.gif) no-repeat 100% 3px; text-decoration:none; margin-left:14px}
.back:hover{text-decoration:underline}