/********** 
Tesco Diets Success Stories Stylesheet
Developed by PS - June 2009
Contains:
- General SS Rules
- Structure
- Female & Male Colour Schemes
**********/

h1 { font-size: 2.2em; line-height: 1em; font-weight: normal; margin-bottom: 20px; width: 620px; }
p { margin-bottom: 10px; }
ul h4 { font: 1.2em Georgia, "Times New Roman", Times, serif; }
#introjoinnow { margin-top: 10px; width:98%;}

.soty-logo { margin-left: 40px; }
.soty {height: 200px; }
.soty h3 { margin: 50px 0 0 145px; }
.soty p { margin: 10px 0 0 145px; }
#m .soty p { margin: 43px 0 0 145px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; }
.successImg { float: left; margin: 0 10px 10px 0; }
.search-success-ctr {padding: 10px; }

.sub-success-stories h3 { font: 1.4em Georgia, "Times New Roman", Times, serif; }
.memberforlife h3 { font: 1.8em Georgia, "Times New Roman", Times, serif; padding-top: 20px; }
#success-like-you h3 { font: 1.4em Georgia, "Times New Roman", Times, serif; }

.otherSuccessesCtr { border-bottom: 1px dotted #ccc; margin-bottom: 10px; padding-bottom: 10px; }
#m .otherSuccessesCtr { border-bottom: 0; padding:10px;}

.otherSuccessesCtr img { float: left; margin: 5px 10px 20px 0; }
#m .otherSuccessesCtr img { float: left; margin: 0 10px 10px 0; }

#success-container .otherSuccessesCtr h4 { font-family: Georgia, "Times New Roman", Times, serif; }
#m #bmiSignup{margin-top:47px;}

/********** Success Head Video Container **********/

#successStoryHead { width: 620px;  margin-bottom: 20px;padding:0;  }
#successStoryHead h2 { font-size: 1.4em; width: 600px; padding: 5px 10px; }
#m #successStoryHead h2{ display:none;}
#successStoryHead h3 { font: 1.8em Georgia, "Times New Roman", Times, serif; width: 130px; padding-left: 5px; margin-bottom: 10px; }
#successStoryHead p { font-size: .9em; width: 130px; padding-left: 5px; }
#successStoryHead .success-details { float: right; margin-left: 10px; width: 140px; }
#successStoryHead .innervidbtn { position: relative; top: 52px; left: 65px; font-weight: bold; }
#successStoryHead h5 { font-size: 1em; width: 428px; padding: 5px 10px; font-weight: bold; position: relative; top: 205px; }
#successStoryHead h5 a { display: block; }
#successStoryHead .quote { font: 1.4em Georgia, "Times New Roman", Times, serif normal; color:#506604; }

#tabbedPromo.success {width: 620px; height:300px; margin:0 !important;  padding:0 !important;}
#successStoryHead #tabbedPromo dl.wj-t1, #successStoryHead #tabbedPromo dl.wj-t2, #successStoryHead #tabbedPromo dl.wj-t3, #successStoryHead #tabbedPromo dl.wj-t4, #successStoryHead #tabbedPromo dl.wj-t5, #successStoryHead #tabbedPromo dl.wj-t6 {width:600px; padding:0 0 0 10px !important; background:none !important;}
/*#successStoryHead dl.active{display:inline;}*/
#successStoryHead #successstories-karen { padding:0 0 10px 0; margin: 0 0 0 10px; float: left; width: 448px; height: 250px; }
#successStoryHead #successstories-collette {padding:0 0 0 0; margin: 0 0 0 0; float: left; width: 448px; height: 250px; }
#successStoryHead #successstories-natalie {padding:0 0 0 0; margin: 0 0 0 0; float: left; width: 448px; height: 250px; }
#successStoryHead #successstories-donna {padding:0 0 0 0; margin: 0 0 0 0; float: left; width: 448px; height: 250px; }
#successStoryHead #successstories-stephanie {padding:0 0 0 0; margin: 0 0 0 0; float: left; width: 448px; height: 250px; }
#successStoryHead #successstories-sally {padding:0 0 0 0; margin: 0 0 0 0; float: left; width: 448px; height: 250px; }
#successStoryHead #successstories-mandy {padding:0 0 0 0; margin: 0 0 0 0; float: left; width: 448px; height: 250px; }
#successStoryHead #successstories-john { padding:0 0 0 0; margin: 0 0 0 0; float: left; width: 380px; height: 280px;}
#successStoryHead #successstories-kevin {padding:0 0 0 0; margin: 0 0 0 0; float: left; width: 380px; height: 280px; }
#successStoryHead #successstories-karl {padding:0 0 0 0; margin: 0 0 0 0; float: left; width: 380px; height: 280px; }
#successStoryHead #successstories-bryan { padding:0 0 0 0; margin: 0 0 0 0; float: left; width: 380px; height: 280px;}
#successStoryHead #successstories-chris { padding:0 0 0 0; margin: 0 0 0 0; float: left; width: 380px; height: 280px;}

#tabbedPromo.success ul{padding:10px 0 0 10px; float:left; width:400px;}
#successStoryHead p.readStory a{color:#000; }
#tabbedPromo dl.active { display: block; }

#m #successStoryHead { width: 620px; /*height:300px;*/ margin-bottom: 20px;}
#m #successStoryHead #tabbedPromo dl.wj-t1, #m #successStoryHead #tabbedPromo dl.wj-t2, #m #successStoryHead #tabbedPromo dl.wj-t3{padding:0 !important;}
#m #successStoryHead h3 { width: 200px; padding-left: 0;}
#m #successStoryHead p { width: 200px; padding-left: 0; }
#m #successStoryHead .success-details { margin-left: 10px; width: 200px; margin-top:40px; }
#m #tabbedPromo.success {background:#fff; border:10px solid #666;}
#m #tabbedPromo.success ul {float:left;left:635px; margin-top:20px;padding:0;position:absolute;width:150px; z-index:1000;}
#m #tabbedPromo.success ul li a{background:#7F9504; width:20px; height:20px; padding:0;text-indent:-9999px; overflow:hidden; display: block; float: left; margin-right: 5px;}
#m #tabbedPromo.success ul li.active a{ background:#C2D269; text-indent:-9999px; overflow:hidden;}

#tabbedPromo.success { height:280px; width:600px; }

#behindScenes{background:#ffffff url(/design/structure/img/successstories/group_bg.jpg) no-repeat; margin-bottom:20px; width:610px; height:200px; float:left; border:5px solid #f4f4f4;}
#behindScenes div{padding:0; margin:0 !important;}
#behindScenes #behindDetails{float:right; width:260px; padding-top:10px;}
#behindScenes #behind-scenes, #behindScenes #behind-scenes-2010 {width:335px; height:200px; float:left; }
#behindScenes #behind-scenes .play-video, #behindScenes #behind-scenes-2010 .play-video {position:relative; top:90px; left:330px;}
#f #behindScenes #behind-scenes.nobg, #f #behindScenes #behind-scenes-2010.nobg {background:#FFFFFF !important; padding:15px 0 0 20px;width:315px; height:185px;}


/********** Success Article Pages **********/
.successBA { margin: 0 10px 5px 0; }
#success-like-you li { margin-bottom: 10px; font-size: .9em; }



/********** Success Search **********/
.other-stories-ctr { border-bottom: 1px dotted #ccc; margin-bottom: 10px; }
.alsoOnSuccess { padding: 10px 5px 3px 10px; line-height: 1.8em; margin-bottom: 20px; font-weight: bold; }
#f .alsoOnSuccess { background: #faf7eb; }
#m .alsoOnSuccess { background: #f4f4f4; }


/********** Male & Female Colour Schemes **********/

#f #successStoryHead { background: #d6e69f; }
#f #successStoryHead h2, #f #successStoryHead h5 { background: #7b9d06; color: #fff; }
#f #successStoryHead h3 { color: #506604; }
#m #successStoryHead { background: #d6e69f; }
#m #successStoryHead h2, #m #successStoryHead h5 { background: #7F9504; color: #fff; }
#m #successStoryHead h3 { color: #506604; }
#f #successStoryHead h5 a, #m #successStoryHead h5 a { background: url(/design/structure/bg/icons/playvideo-maincontainer.gif) 0 0 no-repeat; color: #fff; }

#f #successStoryHead #successstories-karen { background:#fff url(/design/structure/img/successstories/success-main-video-karen.jpg) no-repeat right top; }
#f #successStoryHead #successstories-collette { background:#fff url(/design/structure/img/successstories/success-main-video-colette.jpg) no-repeat right top; }
#f #successStoryHead #successstories-natalie { background:#fff url(/design/structure/img/successstories/success-main-video-natalie.jpg) no-repeat right top; }
#f #successStoryHead #successstories-donna { background:#fff url(/design/structure/img/successstories/success-main-video-donna.jpg) no-repeat right top; }
#f #successStoryHead #successstories-mandy { background:#fff url(/design/structure/img/successstories/success-main-video-mandy.jpg) no-repeat right top; }
#f #successStoryHead #successstories-stephanie { background:#fff url(/design/structure/img/successstories/success-main-video-stephanie.jpg) no-repeat right top; }
#f #successStoryHead #successstories-sally { background:#fff url(/design/structure/img/successstories/success-main-video-sally.jpg) no-repeat right top; }
#m #successStoryHead #successstories-john { background:#fff url(/design/structure/img/successstories/success-main-video-john.jpg) no-repeat left top; }
#m #successStoryHead #successstories-kevin { background:#fff url(/design/structure/img/successstories/success-main-video-kevin.jpg) no-repeat left top; }
#m #successStoryHead #successstories-karl { background:#fff url(/design/structure/img/successstories/success-main-video-karl.jpg) no-repeat left top; }
#m #successStoryHead #successstories-chris { background:#fff url(/design/structure/img/successstories/success-main-video-chris.jpg) no-repeat left top; }
#m #successStoryHead #successstories-bryan { background:#fff url(/design/structure/img/successstories/success-main-video-bryan.jpg) no-repeat left top; }

#successStoryHead #successstories-john.nobg, #successStoryHead #successstories-kevin.nobg, #successStoryHead #successstories-karl.nobg,#successStoryHead #successstories-chris.nobg, #successStoryHead #successstories-bryan.nobg { position:absolute; z-index:0; background:#000 !important;width:460px; height:250px; padding:15px 70px;margin:0; }
/*#m .sub-success-stories{ background:#E8EAEE; padding:10px;}*/
#m .sub-success-stories div{padding:0px; margin:0; }

#f .search-success-ctr { background: #FAF7EB;}
#f .soty { background: url(/design/structure/img/bg/soty_09.jpg) no-repeat left; }
#m.search-success-ctr { background: #fff;}
#m #success-like-you h3{ color:#333;}
#m .soty h3 a{color:#333;}
#m .soty { background: url(/design/structure/img/bg/soty_09.jpg) no-repeat left; }
#m .soty p a{color:#fff !important;}

#m .otherSuccessesCtr { background:#E8EAEE;}