﻿/*video player styles*/


#showVideoTipContainer
{
	position: relative;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#showVideoTipContainer .videoTipPop
{
	background: url(../../images/bg-showVideoPop.png);
	background-repeat: no-repeat;
	position: absolute;
	/*margin: 50px 0px 0px 200px;*/
	display: none;
	width: 486px;
	height: 400px;
}

#showVideoTipContainer .close
{
	position: absolute;
	margin: 30px 0px 0px 420px;
}
#showVideoTipContainer .swf
{
	margin: 0px 0px 0px 0px;
	padding: 59px 0px 0px 20px;
	width: 486px; /*height: 400px;*/
	
}
#showVideoTipContainer .copy
{
	margin: 3px 0px 0px 0px;
	color: #000;
	font-size: 11px;
}
#showVideoTipContainer .prevNext
{
	position: absolute;
	margin: 360px 0px 0px 395px;
	color: #ffffff;
	font-size: 11px;
}
#showVideoTipContainer .prevNext a
{
	color: #ffffff;
}

.box {
	float: left;
	padding: 0px 10px 0px 0px;
}

#intro .box .copy
{
	padding: 5px 0px 0px 5px;
	width: 130px;
	font-size: 11px;
	color: #605f5d;
}

/*end video player styles*/



body#souperyou {
    background-image: url(/images/bg-default.jpg);
    background-repeat: no-repeat;
    background-color: #d4863e;
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #605f5d;
    font-size: 11px;
    line-height: 16px;
}

/*remove link dots FF*/
:active, :focus {outline:0;}

#divContentWrapper {
    margin: 0px auto;
    width: 946px;
    /*height: 1370px;*/
    height: 1773px;
    /*_height: 1835px;*/

}

#generalPage {
    margin: 0px auto;
    margin-top: 31px;
    width: 946px;
    background: none;
    height: 502px;
    _height: 502px;
}
  
#generalPage #content {
    position: absolute;
    margin: 0px 0px 0px 0px;
    width: 946px;
    height: 500px;
    background: #fddfa4;
}

#rulesPage {
    margin: 0px auto;
    margin-top: 31px;
    width: 946px;
    background: none;
    height: 2432px;
    _height: 2480px;
}
  
#rulesPage #content {
    position: absolute;
    margin: 0px 0px 0px 0px;
    width: 946px;
    height: 2432px;
    _height: 2480px;
    background: #fddfa4;
}

#rulesPage h2 {color: #0164a3; font-size: 12px;}
#rulesPage h3 {color: #0164a3; font-size: 12px;}
#rulesPage h4 {color: #0164a3; font-size: 11px; text-decoration: underline; }

img {
    border: none;
}

a {color: #0164a3;}

a:hover {text-decoration: none;}

#souperYouTop {
    position: absolute;
    margin: 0px 0px 0px 0px;
    width: 946px;
    height: 756px;
    background: url(/souperyou/images/beauty-shot.jpg) no-repeat;
    z-index: 0;
}

#souperYouTop #content {
    float: right;
    width: 555px;
    position: relative;
}

#coupon {
    float: right;
    height: 117px;
}

#intro {
    float: right; 
    padding-top: 17px;
}

#intro p {
    width: 525px;
    font-size: 13px;
    color: #666666;
    line-height: 17px;
    font-family: Trebuchet MS, Verdana, Sans-Serif;      
    margin: 0;
    padding: 0px 30px 10px 0px; 
}
#intro ul {
   float: left;
    line-height: 13px;
    font-size: 13px;
    font-family: Trebuchet MS, Verdana, Sans-Serif;     
    margin: 0;
    padding: 5px 0px 15px 57px; 
    color: #666666;
}

#intro ul li {padding-bottom: 5px;}
#buttons {
    float: left; 
    width: 523px; 
    padding-left: 390px;
}
    
#share {
    background: url(/souperyou/images/share-this.png) no-repeat;
    width: 128px;
    height: 32px;
    margin-top: 10px;
}

#share #fb {
   position: relative;
   padding-top:7px;
   padding-left: 75px;
}

.delicious {
    float: left; 
    position: relative;
    padding-left: 296px;
    width: 430px;
    padding-top: 92px;
}
.delicious img {margin: 0; padding: 0;}
.delicious p {margin: 0; padding: 0px 0px 0px 0px;}
.delicious a {text-decoration: underline;}
.delicious a:hover {text-decoration: none;}

#souperYouIntro a {color: #0164a3;}

#souperYouBottom {
    background: url(/souperyou/images/stories-bg.jpg) repeat-y #f3e8d2;
    position: absolute;
    margin-top: 756px;
    /*min-height: 575px;*/
    min-height: 800px;
    _height: 850px;
    width: 946px;
}

h2 {
    color: #b0aca4; 
    font-size: 14px;
}

#souperYouBottom .left {
    float: left;
    width: 452px;
    position: relative;
    margin-top: 23px;
    margin-left: 45px;
    _margin-left: 22px;
}

.story {
    border-bottom: 3px solid #feda97; 
    float: left; 
    padding-bottom: 15px; 
    margin-top: 12px;
    width: 400px;
    height: 130px;
}
.storyLast {
    float: left; 
    padding-bottom: 15px; 
    margin-top: 12px;
}

#moreStoriesButton {
    /*float: left; 
    margin-right: 12px; 
    margin-bottom: 10px; 
    margin-left: 275px;
    cursor: pointer;
    margin-top: 10px;*/
}

#yourStoriesButtons {
    float: left;
    margin-top: 17px;
    width: 388px;
    }

.photo-bg {
  /*  background: url(/souperyou/images/photo-bg.gif);*/
    /*width: 96px;*/
    /*height: 102px;*/
    /*float: left;*/
    margin-right: 12px; 
    background: #FFF;
}

.photo-bg img {width: 94px;}

.story img, .storyLast img {
    float: left; 
    padding-left: 7px; 
    padding-top: 7px;
    padding-bottom: 7px;
}

.bloggerTitle {padding-top: 10px; float: left; width: 350px;}

.bloggerTitle a {
    color:#0164a3; 
    font-weight: bold; 
    font-size: 14px;
    text-decoration: none;
    line-height: 18px;
}

#bloggers {
    width: 390px; 
    float: left; 
    margin-left: 22px; 
    padding-top: 23px; 
    border-bottom: 3px solid #feda97;  
    padding-bottom: 15px;
    height: 260px;
}

#bloggerIntro {}

#bloggerIntro .left {
    float: left; 
    width: 55px;
    margin: 0;
}
#bloggerIntro .right {
    float: left; 
    width: 308px; 
    padding-left: 20px;
}

#bloggerIntro .right p {margin: 0; padding: 5px 0px;}


.bloggerQuote {
    color: #998f77; 
    font-style:italic; 
    padding-left: 23px;
}

#divAjaxFeed {float: left; height: 120px;}

#video {
    width: 390px; 
    float: left; 
    margin-left: 22px; 
    padding-top: 23px; 
    padding-bottom: 15px;
}

#video .left {
    float: left; 
    width: 390px;
    margin: 0;
}

#video .left p {
    float: left; 
    width: 390px;
    margin: 0;
    padding-top:10px;
}

#video .video {
    float: left; 
    width: 120px; 
    padding-right: 20px;
}

#storiesIntro {}

#storiesIntro .left {
    float: left; 
    width: 53px;
    margin: 0;
}
#storiesIntro .right {
    float: left; 
    width: 285px; 
    padding-left: 20px;
}

#storiesIntro .right p {margin: 0; padding: 5px 0px;}

#footer {
   background: url(/images/bg-wrapper-bottom.png) no-repeat;
   _background: none;
   width: 981px;
    margin: 0 auto;
    text-align: center;
    padding-top: 10px;
    color: #005399;
    /*line-height: 12px;
    text-align: center;
    margin: 0px auto;
    padding: 0px 0px 10px 0px;
    width: 981px;
 position: relative;
    margin-top: -11px;
    _margin-top: 0;*/
    
}

#footer ul li a {color: #005399;}

.disclaimer {
    font-size: 10px; 
    color: #005399;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.disclaimer a {
    color: #005399;
}

#divWrapperNew {
    background-image: url(/images/bg-wrapper.png);
    margin: 0px auto;
    margin-top: -8px;
    padding: 0px 0px 10px 0px;
    width: 981px;
    border: 0px dotted blue;
    /*position: relative;*/
}

/*header*/
#divNav01 {
    position: absolute;
    margin: 0px 0px 0px 50px;
    padding: 10px 0px 0px 0px;
    width: 210px;
}

#divNav02 {
    position: absolute; 
    margin: 0px 0px 0px 670px;
    padding: 10px 0px 0px 0px;
}

#divNav03 {
    position: absolute;
    margin: 84px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
}

#divNav03 #push {
    float: left;
    width: 374px;
}

#divNav03 .item {
    float: left;
    margin: 6px 0px 0px 0px;
    border: 1px;
}

.a1 {
    text-decoration: none;
    padding: 0px 10px 0px 0px;
    color: #fec952;
}

.a3 {
    text-decoration: none;
    color: #005399;
}

#divHeader{
    background-image: url(/images/bg-header-02.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 6px;
    width: 969px;
    height: 86px;
}

#divLogo {
    z-index: 1;
    position: absolute;
    margin: -47px 0px 0px 350px;
    padding-top: 58px;
    height: 150px;
    text-align: center;
}


.show {display: block;}
.hide {display: none;}
