﻿body
{
    background-repeat: repeat-x;
    background-color: #abd3ec;
    
    
    font-family: Georgia;
    color: #ffffff;
        min-width: 750px;
}


body, html
{
    margin: 0;
    padding: 0;
    height:100%
}
form
{
   height:100% 
}

img
{
    border: none;
}
#nonFooter
{
    position:relative;
    min-height:100%;
}

#nonFooter_watchtv /*added by Barbara */
{
    position:relative;
    min-height:100%;
	margin:auto;
	/*width:100%;*/
	/*background-repeat: no-repeat;
    background-image: url(../img/watchtv/watchtv_background.jpg);
	background-position: 0px 80px;*/
	/*background-image:url(../img/watchtv/watchtv_background_repeated.jpg);
	background-repeat:repeat-x;
	background-position: 0px 80px;*/
	/*background-color: #abd3ec;*/
}

* html #nonFooter_watchtv /*added by Barbara */
{
    height:100%;
}



* html #nonFooter
{
    height:100%;
}



#wrap
{
    background-repeat: repeat-x;
    /*background-image: url(../img/cntr_background_1px.png);*/
    /*background-color: #ffffff;*/
    background-color: #abd3ec;
    margin: 0 auto;
    padding: 0 auto;
    width: 1024px;
    padding-bottom:9em;
}
#wrap_watchtv  /*added by Barbara */
{
    margin: 0 auto;
    padding: 0 auto;
    width: 960px;
    padding-bottom:9em;
}
#header
{
    z-index: 100;
    font-size: 14px;
    color: #136394;
    text-align: center;
    position: absolute;
    top: 0px;
}

.header_background
{
   
    background-repeat: repeat-x;
    background-image: url(../img/Header_shadow.png);
    
    font-size: 14px;
    color: #136394;
    text-align: center;
    position: absolute;
    width:100%;
    height:80px;
    top: 0px;
    left:0px;
}

.footer_background
{
   
    background-repeat: repeat-x;
    background-image: url(../img/Footer_Shine.png);
    z-index: 50;
    font-size: 14px;
    color: #136394;
    position: relative;
    width:100%;
    height:100px;
    left:0px;
	float:left; /*added by Barbara */
}

#MenuBorder
{
    display: inline;
    width: 1px;
    height: 55px;
}

#canvas
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 1024px;
    margin: 0 auto;
}

#canvas_watchtv /*added by Barbara */
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 960px;
	height:670px;
    margin: 0 auto;
	
}

#canvas_watchtv div /*added by Barbara */
{
   /* position: absolute;*/
}

#canvas div
{
    position: absolute;
}


#main_wrapper
{
    float: left;
    margin: 0;
    padding: 0;
}

#main_wrapper_watchtv /*added by Barbara */
{
    float: left;
    margin: 0;
    padding: 0;
	height:670px;
	margin-top: 80px;
	background-image:url(../img/watchtv/watchtv_background2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:960px;
}


#footer
{
    position: relative;
     margin-top:-100px;
}

.FooterLink
{
    text-align: left;
    
}
.FooterLink_Right
{
    text-align: right;
     background-color:#abd3ec
}

#footer p
{
    padding: 5px;
    margin: 0;
}

#Menu, #Menu_Canvas
{
    height: 55px;
    width: 612px;
}
#Menu
{
    width:100%;
     text-align:center;
}


#Menu_Canvas
{
    width: 612px;
    position:relative;
    margin:0 auto; text-align:left;
    z-index:50;
}
a.Home, a.Home_Active
{
    background-image: url(../img/Nav_Home_Up.gif);
    display: block;
    height: 55px;
    width: 78px;
    position: absolute;
    left: 0px;
    top: 0px;
}
a.Home:hover
{
    background-image: url(../img/Nav_Home_Over.gif);
}
a.Home_Active
{
    background-image: url(../img/Nav_Home_Active.gif);
}
a.Home_Active:hover
{
    background-image: url(../img/Nav_Home_up.gif);
}
a.Watch, a.Watch_Active
{
    /*background-image: url(../img/Nav_DrnkThnkWin_Off.gif);*/
    background-image: url(../img/Nav_Watch_Up.gif);
    display: block;
    height: 55px;
    width: 108px;
    position: absolute;
    left: 81px;
    top: 0px;
}
a.Watch:hover
{
    background-image: url(../img/Nav_Watch_Over.gif);
}
a.Watch_Active
{
    background-image: url(../img/Nav_Watch_Active.gif);
}
a.Watch_Active:hover
{
    background-image: url(../img/Nav_Watch_Up.gif);
}
a.DrinkThinkWin, a.DrinkThinkWin_Active
{
    background-image: url(../img/Nav_DrinkThinkWin_Up.gif);
    display: block;
    height: 55px;
    width: 112px;
    position: absolute;
    left: 192px;
    top: 0px;
}
a.DrinkThinkWin:hover
{
    background-image: url(../img/Nav_DrinkThinkWin_Over.gif);
}
a.DrinkThinkWin_Active
{
    background-image: url(../img/Nav_DrinkThinkWin_Active.gif);
}
a.DrinkThinkWin_Active:hover
{
    background-image: url(../img/Nav_DrinkThinkWin_Up.gif);
}

a.drench, a.drench_Active
{
    background-image: url(../img/Nav_Drench_Up.gif);
    display: block;
    height: 55px;
    width: 61px;
    position: absolute;
    left: 307px;
    top: 0px;
}
a.drench:hover
{
    background-image: url(../img/Nav_Drench_Over.gif);
}
a.drench_Active
{
    background-image: url(../img/Nav_Drench_Active.gif);
}
a.drench_Active:hover
{
    background-image: url(../img/Nav_Drench_Up.gif);
}
a.JuicyDrench, a.JuicyDrench_Active
{
    background-image: url(../img/Nav_JuicyDrench_Up.gif);
    display: block;
    height: 55px;
    width: 126px;
    position: absolute;
    left: 371px;
    top: 0px;
}
a.JuicyDrench:hover
{
    background-image: url(../img/Nav_JuicyDrench_Over.gif);
}
a.JuicyDrench_Active
{
    background-image: url(../img/Nav_JuicyDrench_Active.gif);
}
a.JuicyDrench_Active:hover
{
    background-image: url(../img/Nav_JuicyDrench_Up.gif);
}
a.SmartHydration, a.SmartHydration_Active
{
    background-image: url(../img/Nav_SmartHydration_Up.gif);
    display: block;
    height: 55px;
    width: 111px;
    position: absolute;
    left: 500px;
    top: 0px;
}
a.SmartHydration:hover
{
    background-image: url(../img/Nav_SmartHydration_Over.gif);
}
a.SmartHydration_Active
{
    background-image: url(../img/Nav_SmartHydration_Active.gif);
}
a.SmartHydration_Active:hover
{
    background-image: url(../img/Nav_SmartHydration_Up.gif);
}
.MenuSpacer
{
    position: absolute;
    top: 0px;
    width: 1px;
    height: 55px;
    z-index: 100;
}

.FooterSpacer
{
    position: absolute;
    top: 13px;
    width: 1px;
    height: 13px;
}



.FootBar
{
    z-index: 100;
        margin: 0 auto;
        top: 50px;
    position:relative;
    height: 20px;
    width:900px;
    left:50px;
    border-top-color: #0365A6;
    border-top-style:dotted;
    border-top-width:1px;
}


.FootBar a
{
    top: 10px;
     text-decoration:none;
    position:absolute;
    color:#0365A6;
        position:absolute;
        border-top-color: #0365A6;
        border-top-style: none;
        border-top-width:thin;

}

.FooterLink
{
    position:absolute;
    top: 5px;
}


.SmallA
{
    position:absolute;
    top: 5px;
    left:370px;
    width:13px;
    height:27px;
    
}

.MediumA
{
    position:absolute;
    top: 5px;
    left:390px;
    width:17px;
    height:27px;
    
}

.LargeA
{
    position:absolute;
    top: 5px;
    left:415px;
    width:22px;
    height:27px;
    
}

.AccessibleText
{
    position:absolute;
    left:240px;
    top:15px;
    
}
       A:link {text-decoration: none; color: #0365a6;}
       A:visited {text-decoration: none; color: #0365a6;}
       A:active {text-decoration: none; color: #0365a6;}
       A:hover {text-decoration: underline; color: #0365a6;}
       .DrinkThinkWin 
       {cursor: pointer; cursor: hand;}
       
/************ the styles below were added by Barbara: *************/

/*****watchtv styles*****/
#watchtv_thumbnails_container {
	width: 510px;
	height:360px;
	float:left;
	position:absolute;
	left:0px;
	top:290px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
#watchtv_vidPreviews_container {
	width: 442px;
	height:670px;
	float:left;
	position:absolute;
	left:518px;
	top:0px;
}	   	   
.watchtv_thumbnails_ind {
	width: 245px;
	height: 147px;
	float:left;
	position:relative;
}
.watchtv_thumbnails_name {
	width: 215px;
	height: 17px;
	float:left;
	position:relative;
}
.watchtv_thumbnails_name img {
	margin-left: 35px;
}
.watchtv_thumbnails_pic {
	width: 140px;
	height: 120px;
	float:left;
	position:relative;
}
.watchtv_thumbnails_pic img {
	margin-left: 35px;
}
.watchtv_thumbnails_bio {
	width: 105px;
	height:130px;
	float:left;
	text-align:left;
	color:#4F515D;
	position:relative;
	
}
#watchtv_ttl_meetBand {
	margin-left:35px;
	margin-bottom:19px;
	float:left;
	width:500px;
}
#watchtv_but_auditions {
	position:absolute;
	top:20px;
	left:206px;
	width:180px;
	height:105px;
}
#watchtv_but_auditions img {
	border:none;
}
#watchtv_eCardButton {
	position:absolute;
	top:0px;
	left:0px;
	width:400px;
	height: 373px;
	float: left;
}

#watchtv_otherButtons {
	position:absolute;
	top:452px;
	left:0px;
	width:400px;
	height: 373px;
	float: left;
}

/*****watchauditions styles*****/

#nonFooter_watchauditions 
{
    position:relative;
    min-height:100%;
	margin:auto;
	
}

* html #nonFooter_watchauditions 
{
    height:100%;
}

#wrap_watchauditions  
{
    margin: 0 auto;
    padding: 0 auto;
    width: 960px;
    padding-bottom:9em;
}
#canvas_watchauditions 
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 960px;
	height:670px;
    margin: 0 auto;
	
}

#canvas_watchauditions div 
{
   /* position: absolute;*/
}
#main_wrapper_watchauditions 
{
    float: left;
    margin: 0;
    padding: 0;
	height:670px;
	margin-top: 80px;
	background-image:url(../img/watchtv/watchtv_background2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:960px;
}

#watchauditions_vidPreviews_container {
	width: 960px;
	height:315px;
	float:left;
	position:absolute;
	left:0px;
	top:0px;
}	

#watchauditions_thumbnails_container {
	width: 925px;
	height:355px;
	float:left;
	position:absolute;
	left:0px;
	top:302px;
	margin-left:30px;
	
}
.watchauditions_thumbnails_ind {
	width: 91px;
	height: 125px;
	float:left;
	position:relative;
}
.watchauditions_img_ttl {
	margin-bottom:7px;
	margin-top:26px;
	height:8px;
	float:left;
}
.watchauditions_thumbnails_ind img {
	border:none;
}




/*****hamster xmas styles*****/


#main_wrapper_watchtv_xmas
{
	float: left;
	margin: 0;
	padding: 0;
	height:670px;
	margin-top: 80px;
	background-image:url(../img/watchtv/xmas/watchtv_xmas_background2.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:960px;
}

#watchtv_xmas_thumbnails_container {
	width: 490px;
	height:300px;
	float:left;
	position:absolute;
	left:0px;
	top:290px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
#watchtv_xmas_vidPreviews_container {
	width: 450px;
	height:670px;
	float:left;
	position:absolute;
	left:518px;
	top:0px;
}	   	   
.watchtv_xmas_thumbnails_ind {
	width: 245px;
	height: 129px;
	float:left;
	position:relative;
}
.watchtv_xmas_thumbnails_name {
	width: 215px;
	height: 34px;
	float:left;
	position:relative;
}
.watchtv_xmas_thumbnails_name img {
	margin-left: 35px;
}
.watchtv_xmas_thumbnails_pic {
	width: 215px;
	height: 95px;
	float:left;
	position:relative;
}
.watchtv_xmas_thumbnails_pic img {
	margin-left: 35px;
}
.watchtv_xmas_thumbnails_bio {
	width: 105px;
	height:130px;
	float:left;
	text-align:left;
	color:#4F515D;
	position:relative;
	
}
#watchtv_xmas_ttl_meetBand {
	margin-left:35px;
	margin-bottom:19px;
	float:left;
	width:455px;
}
#watchtv_xmas_form {
	position:absolute;
	top:318px;
	left:0px;
	width:390px;
	height:330px;
}
#watchtv_xmas_form img {
	border:none;
	padding: 8px 0px 0px 0px;
}

.ecardForm_fieldSets {
	width: 395px;
	height: 20px;
	position: absolute;
}
ecardForm_fieldSets img {
	border:none;
	padding: 5px 0px 0px 0px;
}

.ecardForm_txtField {
	background: url(../img/watchtv/xmas/form_txt-field-bkgd.gif) left top no-repeat;
	border: none;
	width: 223px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	color: #8fc0c3;
	font-weight: bold;
	text-transform:uppercase;
	font-size:0.8em;
	padding:2px 3px 0px 5px;
}

.ecardForm_txtField_error {
	background: url(../img/watchtv/xmas/form_txt-field-bkgd_red.gif) left top no-repeat;
	border: none;
	width: 223px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	color: #8fc0c3;
	font-weight: bold;
	text-transform:uppercase;
	font-size:0.8em;
	padding:2px 3px 0px 5px;
}

.ecardForm_submitButtons {
	width: 92px;
	height: 92px;
	margin: 10px 10px 10px 0px;
}



/*****eCard styles*****/

#nonFooter_eCard 
{
    position:relative;
    min-height:100%;
	margin:auto;
	
}

* html #nonFooter_eCard
{
    height:100%;
}

#wrap_eCard  
{
    margin: 0 auto;
    padding: 0 auto;
    width: 960px;
    padding-bottom:9em;
}
#canvas_eCard 
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 960px;
	height:670px;
    margin: 0 auto;
	
}

#canvas_eCard div 
{
   /* position: absolute;*/
}
#main_wrapper_eCard
{
	float: left;
	margin: 0;
	padding: 0;
	height:670px;
	margin-top: 80px;
	background-image:url(../img/watchtv/eCard/watchtv_ecard_background.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:960px;
}

#main_wrapper_eCard_thanks
{
	float: left;
	margin: 0;
	padding: 0;
	height:670px;
	margin-top: 80px;
	background-image:url(../img/watchtv/eCard/watchtv_ecard_thanks_background.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:960px;
}
