body 
{
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    background-image: url('../img/curtains.png');
    margin:0px 0px;
    font-family: Arial, '@Arial Unicode MS';
    font-size:12px;
    behavior:url("csshover.htc");
}
/* stops annoying focus-selection boxes in FF3 */
*:active, *:hover, *:link, object:focus, embed:focus, *
{
    outline: none;
    outline-color:#000000;
    outline-style:none;
    outline-width:0px;
}
/* CSS DEBUGGER */

.debug 
{
    /*background-image: url('../tmp/placeholder.png');
    background-position:left top;*/

}

/* 
    sfAll is necessary so we can apply the dropshadow effect to the entire page.
    It contains all the visible elements on the page except for the bg "curtains".

*/

.deleteBtn
{
    background-image: url('../img/main_buttons.png');
    background-repeat: no-repeat;
    background-position: -95px -447px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}
.deleteBtn:hover
{
    background-position: -95px -459px;
}
.deleteBtnEmpty
{
    background-color:Transparent;
    width:20px;
    height:20px;
}

.playBtn
{
    background-image: url('../img/main_buttons.png');
    background-repeat: no-repeat;
    background-position: 0px -406px;
    width:17px;
    height:17px;
    cursor:pointer;
}
.playBtn:hover
{
    background-position:-17px -406px;
}

.dmBtn
{
    background-image: url('../img/main_buttons.png');
    background-repeat: no-repeat;
    background-position:0px -489px;
    width:24px;
    height:16px;
    cursor:pointer;
}
.dmBtn:hover
{
    background-position: -24px -489px;
}

.sfAll
{
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
/*
    background-image: url('../img/topshadow.png');
    background-repeat:repeat-x;
    background-position:left top;
*/
}

.dj_gecko .sfAll, .dj_ff2 .sfAll, .snf_ff .sfAll
{
     background-position:left bottom;
}

/* Header Row Items - Logos and Logins */

.sfHead 
{
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height: 120px;

}
.sfHeadItem
{
    position:absolute;
    top:25px;
}

.sfLogo 
{
    left:20px;
}

.sfPartner
{
    left:520px;
}


.sfLogin
{
    left:650px;
    width:300px;
    height:90px;
}

/* Body Items - Navigation and Content */


.sfBody 
{
    position:relative;
    left:0px;
    top:0px;
    width:100%;
}

.sfNirav
{
    width: 734px; 
    position:absolute; 
    left: 220px;
    padding-bottom: 10px;
}


.sfNavigationPane
{
    position:absolute;
    left:22px;
    top:0px;
    width:193px;/*215*/
    height:500px;
    /* PLACEHOLDER 
    background-image: url('../tmp/navTemplate.png');
    background-position:left top;
    background-repeat: no-repeat;*/
}

.sfSearch 
{
        left:0px;
    top:0px;
    position:relative;
    width:170px;
    height:38px;
    padding-left:10px;
    /* PLACEHOLDER 
    background-image: url('../img/search.png'); 
    background-position:left top;
    background-repeat: no-repeat;*/
}

.sfSearchResults 
{
        left:0px;
    top:0px;
    margin-top:10px;
    position:relative;
    width:220px;
    height:38px;
    padding-left:10px;
    /* PLACEHOLDER 
    background-image: url('../img/search.png'); 
    background-position:left top;
    background-repeat: no-repeat;*/


}



.sfCategories
{
    color: #FFFFFF;
    position:relative;/**/
 
}
.sfCategory1,.sfCategory2,.sfCategory3 
{
    padding-bottom:20px;
}


.gold 
{
    color: #fed63b;
    font-weight:bold;
}
.white 
{
    color: #FFFFFF;
    font-weight:bold;
}
.whitethin
{
    color: #FFFFFF;
    font-weight:normal;
}

.sfCategory1
{
    font-weight:bold;
}
a{
    color: #fed63b;
    text-decoration:none;
	text-align: right;
}
a:hover
{
    color: #fed63b;
    text-decoration:underline;
}

/* Body Items - Legal and Contact */
.sfContentPane
{
    position:absolute;
    left:215px;
    top:0px;
    width:734px;
}
.sfContent
{
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    /*height: 200px;*/
}
.sfFoot 
{
    position:relative;
    width:734px;
    /*height: 20px;*/
    border-top-style: solid;
    border-top-color: #aa4000;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #aa4000;
    border-bottom-width: 1px;
   /* background-image: url('../tmp/footer.png');
    background-position:left top;
    background-repeat: no-repeat;*/
    margin-top: 10px;
    margin-bottom: 16px;
}


.sfFootLinks
{
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    color: #aa4000;
    width: 100%;
    font-weight:lighter;
 }
 
.sfFootSingleLink{
    color: #fed63b;
    font-weight:bold;
    text-decoration:none;
    text-align: center;
}


.sfFootSingleLink:hover {
    color: #F38636;
    font-weight:bold;
    text-decoration:none;
}

.sfFootSingleSelectedLink, .sfFootSingleSelectedLink:hover {
    color: White;
    font-weight:bold;
    text-decoration:none;
}

#rssLinkImg 
{
    /*position:absolute;*/
    display:inline-block;
    width: 13px;
    height: 13px;
    overflow:hidden;
    background-image: url('../img/main_buttons.png');
    background-position: 0px -393px;    
    background-repeat: no-repeat;
}

#rssLinkImgW
{
    /*position:absolute;*/
    display:inline-block;
    width: 13px;
    height: 13px;
    overflow:hidden;
    background-image: url('../img/main_buttons.png');
    background-position: -25px -393px;
    background-repeat: no-repeat;
}

#rssLinkTxt
{
    padding-left: 10px;
}


.sfFootLinks a:hover #rssLinkImg 
{
    background-position: -13px -393px;
}

*.sfFoot.debug
{
    /* PLACEHOLDER */
    background-image: url('../tmp/footer.png');
    background-position:left top;
    background-repeat: no-repeat;

}
/**************************  MAIN CONTENT *********************************/

#MainContent
{
    position:relative;
    display:block;    
}


/**************************  PROMO LAYOUT  ********************************/

/* Container for all Promos */
#MainPromo
{
    position:relative;
    width: 734px;
    height: 412px;
    margin-bottom:16px;
}

.detail
{
    position:relative;
    width: 734px;
    height: 392px;
    margin-bottom:16px;
}

.PromoLayout
{
    position:absolute;
    display:block;
    width: 734px;
    height: 392px;
    top:0px;
    left:0px;
}

/* Common class for all individual Promos */
.Promo
{
    position:relative;
    width: 734px;
    height: 392px;
    top:0px;
    left:0px;

}
/*********** PROMO LAYOUTS **************/
.PromoLayoutA, .PromoLayoutB, .PromoLayoutC, .PromoLayoutD, .PromoLayoutE, .PromoLayoutF
{
}

/*********** PROMO STYLES **************/
.PromoStyleA 
{
    width: 734px;
    height: 392px;
}

.PromoStyleB 
{
    width: 434px;
    height: 392px;
}
.PromoStyleC 
{
    width: 134px;
    height: 194px;
}

.PromoStyleD 
{
    width: 284px;
    height: 188px;
}

.PromoStyleE 
{
    width: 134px;
    height: 392px;
}


/************** PROMO POSITIONING ****************/

.PromoPos1 
{
    position:absolute;
    left: 0px;
    top: 0px;
}

.PromoPos2 
{
    position:absolute;
    left: 450px;
    top: 0px;
}

.PromoPos3 
{
    position:absolute;
    left: 600px;
    top: 0px;
}
.PromoPos4 
{
    position:absolute;
    left: 450px;
    top: 196px;
}

.PromoPos5 
{
    position:absolute;
    left: 600px;
    top: 196px;
}
/************** GENRE THUMB STYLING ****************/

.ContentData{
	width:100%;
	text-align:center;
	vertical-align:bottom;
}

.GenreThumb 
{
    /*position:absolute;*/
    left: 0px;
    top: 0px;
    width: 750px;
}

.thumb 
{
    position:relative;
    width: 134px;
    height: 400px;
    BORDER: #000000 0px solid;
	overflow:hidden;
}
.thumbContainer
{
    position:relative;
    width: 134px;
	float: left;
    BORDER: #000000 0px solid;
	overflow:visible;
	MARGIN: 0px 16px 16px 0px;
}

.list 
{
    position:relative;
    width: 734px;
    height: 41px;
    BORDER: #000000 0px solid;
	MARGIN: 0px 0px 2px 0px;
	overflow:hidden;
	/*float: left;*/
	position:relative;
}

.overview 
{
    position:relative;
    width: 734px;
    height: 217px;
    BORDER: #000000 0px solid;
	MARGIN: 0px 0px 16px 0px;
	overflow:hidden;
	/*float: left;*/
	position:relative;
}

.GenreThumbEnd 
{
    clear:both;
}
/************** LOGIN STYLES ****************/
#login_container
{
	position: absolute;
	top: 25px;
	left:680px;
    width:270px;
    height:90px;
    cursor: default;
}

#loginLabel
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
}

#memberLabel
{
	position: absolute;
	top: 7px;
	right: 0px;
	height: 10px;
	color: #fed63b;
	font-size: 10px;
	cursor: pointer;
	font-weight:700;
	
}
#memberLabel:hover
{    
    color: #F80;
}
#memberLabel:active
{
    color: #D60;
}

#usernameInput
{
	position: absolute;
	top: 30px;
	left: 0px;
	color: #666;
	height: 13px;
	width: 120px;
}

#passwordInput
{
	position: absolute;
	top: 30px;
	right: 17px;
	color: #666;
	height: 13px;
	width: 120px;
}

#loginArrow
{
	position: absolute;
	top: 29px;
	right: -1px;
	width: 17px;
	height: 19px;
	background-image: url(../img/main_buttons.png);
	background-position : 0px 0px;
    background-repeat: no-repeat;
	cursor: pointer;
}

#loginArrow:hover
{
    background-position: -17px 0px;
    
}

#loginArrow:active
{
    background-position: -34px 0px;
    
}


#searchArrow
{
	position:absolute;
	top:0px;
	left:127px;
	/*width: 31px;*/
	height: 22px;
	text-align:center ;
	vertical-align:middle ;
	/*background: url(../img/searchBtn2.png) no-repeat;*/
	cursor: pointer;
	padding-top:0px;
	padding-left: 3px;
}

.snf_ff #searchArrow
{
    left:120px;
    top:-1px;
}

#cartNumber
{
	color: #FFF;
	font-weight: normal;
}

#loginQuestionMark
{
	position: absolute;
	top: 60px;
	left: 85px;
	width: 12px;
	height: 12px;
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: -95px -155px;
	cursor: pointer;
}

#forgotLabel
{
	position: absolute;
	top: 60px;
	right: 0px;
	height: 13px;
	color: #fed63b;
	font-size: 10px;
	cursor: pointer;
	font-weight: 700;
	clear:left;
}
#forgotLabel:hover
{
    color: #F80;
}
#forgotLabel:active
{
    color: #D60;
}


.boldYellow
{
	color: #fed63b;
	font-weight: bold;
	font-size: 10px;	
}

#usernameLabel
{
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 10px;
	color: #FFF;
}

#accountLabel
{
	color: #fed63b;
	cursor: pointer;	
}

#accountLabel:hover
{
	color: #D60;
	cursor: pointer;	
}

#loginTopDivider
{
	position: absolute;
	top: 20px;
	left: 0px;
}

#loginBottomDivider
{
	position: absolute;
	top: 53px;
	left: 0px;
}

.loginSeparator
{
	background-color: #F00;
	height: 1px;
	width: 100%;
}

#filmsLabel
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: -90px -609px;
	position: absolute;
	top: 30px;
	cursor: pointer;
    text-indent: 20px;
    color: #fed63b;
}
#filmsLabel:hover
{
  	background-position: -90px -625px;
    color:#F80;
}

#tvLabel
{
	position: absolute;
	top: 30px;
	left: 120px;
	cursor: pointer;
}

.largeBoldYellow, .largeBoldYellowA
{
	font-size: 14px;
	color: #fed63b;
	font-weight: bold;
}

.midBoldYellow
{
	font-size: 14px;
	color: #fed63b;
	font-weight: bold;
}

#finlandFlag
{
	position: absolute;
	top: 75px;
	left: 265px;
	width: 30px;
	height: 16px;
	background: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: 0px -593px;
	cursor: pointer;
}

#swedishFlag
{
	position: absolute;
	top: 75px;
	left: 230px;
	width: 30px;
	height: 16px;
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: 0px -377px;
	cursor: pointer;
}




/* Genre Thumb Buttons remember to yank img refs out of genre page aspx!!!*/
.SortDropDown
{
	padding-left: 10px;
	float: right;
	position: relative;
	margin-right:10px;
	top: -3px;
/*	border-style:none;
	background:#000000;
	color: #fed63b;
	left: 580px;*/
}

.ThumbDesc, .DescOnly
{
	/*position: absolute;*/
	height: 17px;
	width:20px; 
	cursor:pointer;
    float: right;
    margin-right:5px;
    margin-top: 2px;
}

.ThumbOnly
{
	/*position: absolute;*/
	height: 18px;
	width:21px; 
	cursor:pointer;
    float: right;
    margin-right:5px;
    margin-top: 2px;
}

.ThumbDesc
{
	/*left: 470px;*/
	background-image: url('../img/main_buttons.png');
	background-repeat: no-repeat;
	background-position: 0px -342px;
}

.ThumbOnly
{
	background-image: url('../img/main_buttons.png');
	background-repeat: no-repeat;
	background-position: 0px -359px;
	/*left: 500px;*/
}

.DescOnly
{
	background-image: url('../img/main_buttons.png');
	background-repeat: no-repeat;
	background-position: 0px -460px;
	/*left: 530px;*/
}

.DescOnly:hover
{
    background-position: -20px -460px;
}

.ThumbDesc:hover
{
    background-position: -20px -342px;

}

.activeDescOnly
{
    background-position: -40px -460px;

}

.activeThumbDesc
{
    background-position: -40px -342px;

}

.ThumbOnly:hover
{
    background-position: -21px -359px;

}
.activeThumbOnly
{
    background-position: -42px -359px;

}


.PageBar
{
	height: 25px; 
	width:734px;
	margin-bottom: 10px; 
	padding-top: 10px;
	color: #fed63b;
	font-size: 12px; 
	font-weight: bold;
	text-decoration: none;
}

.PageBarDiv
{
    background-image: url('../img/black50.png');
    background-position:left top;
    height: 25px; 
	width:734px;
	margin-bottom: 10px; 
	padding-top: 10px;
	color: #fed63b;
	font-size: 12px; 
	font-weight: bold;
	text-decoration: none;
}

.PageBarDiv:hover
{
    color: #F38636;
}

.PageBar:hover
{
    color: #F38636;
}

.PageBarContainer
{
	padding-left: 5px;
	padding-right: 5px;
    position:absolute;
    width:100%;
    height:24px;
}

.PageBarPrev
{
	color: #fed63b;
    position: absolute;
    left:8px;
    top:0px;
    cursor:pointer;
    padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
    /*right: 593px;*/
}

.PageBarPrev:hover {
    color: #F38636;
    font-weight:bold;
    text-decoration:none;
}

.PageBarPrevSelected
{
	color: White;
    position: absolute;
    left:10px;
    top:0px;
    cursor:default;
    padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

.PageBarPrevSelected:hover {
    color: #F38636;
    font-weight:bold;
    text-decoration:none;
}


.PageBarNext
{
	color: #fed63b;
    position: absolute;
    right:10px;
    top:0px;
    cursor:pointer;
    padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
    /*left: 590px;*/
}

.PageBarNext:hover {
    color: #F38636;
    font-weight:bold;
    text-decoration:none;
}

.PageBarNextSelected
{
	color:White;
    position: absolute;
    right:10px;
    top:0px;
    cursor:default;
    padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

.PageBarNextSelected:hover {
    color: #F38636;
    font-weight:bold;
    text-decoration:none;
}

.PageBarPages
{
   /* position: absolute;*/
    top:0px;
    /*left:45%;
    right:50%;*/
    text-decoration: none;
    white-space:nowrap;
}

.PageBarPages .PageBar
{
    margin:0px 5px 0px 5px;
    text-decoration: none;

}
.CartTextLabel
{
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	left: 440px;
}

.CheckoutLabel
{
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	left: 555px;	
}

.CheckoutLabelDivs
{
	width:200px;
	float:left;
}

.ReceiptLabel
{
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	left: 650px;
}

.TotalPriceTax
{
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	left: 610px;
	top: 493px;
}

.loader
{
    position: fixed;
    display: block;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url('../img/black50.png');
    background-position:left top;
    padding: 0px;
}

.loadercenter
{
	height: 10px;
	width: 165px;
	position: absolute;
	top: 100px;
	left: 30px;
	/*background: url(../img/spinner.gif);*/	
	background: url(../img/CandyCane.gif);

}
.error
{
	position: fixed;
	top: 45%;
	left: 20%;
	color: #fed63b;
	background-color: #000;
	width: 60%;
	border: solid 5px #000;
	border-top: solid 5px #fed63b;
	text-indent: 30px;
	font-weight:900;
	font-size:12px;
	margin-bottom: 15px;
	padding: 10px 5px 10px 5px;
	z-index: 100;
}

.errorLabel
{
    font-weight:900;
    color: #F00;
    padding-left: 16px;
}


.errorClose
{
	position: absolute;
	right: 5px;
	cursor: pointer;
	font-size: 8pt;	
    background-image: url('../img/main_buttons.png');
    background-repeat: no-repeat;
    background-position: -95px -447px;
    height: 12px;
    cursor: pointer;
    text-indent: 15px;
}
.errorClose:hover
{
    background-position: -95px -447px;
}

/*********************************************
  VIDEO PLAYER
*********************************************/
#EntriqWMP
{
    height:80%;
    width: 100%;
    position:relative;
    margin-top:30px;
    display:block;
}

#videoplayer
{
     position: fixed;
     visibility: hidden;
     display: block;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background-image: url('../img/black50.png');
     background-position:left top;
}

#videoplayer_centerer 
{
    text-align: left;
    width: 640px;
    margin-left: auto;
    margin-right: auto;
    background-color: #000000;
}


#video_background 
{
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    
    padding: 0px;
}

#videoplayer_container 
{	
    position: relative;
    display: block;
    height: 578px;
    width: 640px;
    background-color: #000000;
}


#title_container
{
	position: absolute;
	display: block;
	top: 5px;
	left: 0px;
	height: 18px;
	width: 100%;
	margin: 0px;
	/*border:solid 1px #111;*/
}

#player_container
{
	position: absolute;
	display: block;
	top: 18px;
	left: 0px;
	height: 480px;
	width: 100%;
	 margin: 0px;
	/* border:solid 1px #111;*/
}

#controls_container
{
	position: absolute;
	display: block;
	top: 500px;
	left: 0px;
	height: 52px;
	width: 100%;
	background-color: #000;
	margin:0px;
	border:solid 1px #111;
}

#player_status_area
{
	width: 100px;
	height: 15px;
	position: absolute;
	top: 8px;
	left: 5px;
	font-family: Verdana;
	font-size: 7pt;
	color: #FFF;
	overflow: hidden;
	text-align: center;
}

#title_label
{
	width:100%;
	font-weight:bold; 
	font-size:12px; 
	margin-left:10px; 
	color:#ffffff; 
	font-family:Verdana;
	height: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#captions
{
    background-color: #000;
    color:#fff; 
	position: absolute;
	top: 552px;
	left: 0px;
	width: 100%;
	text-align:center;
	margin:0px;
    border:solid 1px #111;
    display:none;
}

#mute_button_volume_on
{
	height: 18px;
	width: 16px;
	position: absolute;
	top: 16px;
	left: 400px;
}

.mute_button_volume_on_active
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: -32px -278px;
	width: 16px;
	height: 20px;
	cursor: pointer;
}
#ccBtn
{
	background-image: url(../img/player/Subtitles_Aa.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	position:absolute;
	left: 595px;
	top: 516px;
	width: 19px;
	height: 14px;
	background-position: -44px -28px;
}
#ccBtn:hover
{
	background-position: -79px -28px;
}
#ccBtn:active
{
    background-position: -79px -53px;
}
#ccBtn.inactive
{
    background-position: -44px -53px;
    cursor: default;
}


.mute_button_volume_on_highlight
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: -0px -278px;
	width: 16px;
	height: 20px;
	cursor: pointer;
}

.mute_button_volume_on_disabled
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: -16px -278px;
	width: 16px;
	height: 20px;
	cursor: not-allowed;
}

#mute_button_volume_off
{
	height: 20px;
	width: 12px;
	position: absolute;
	top: 16px;
	left: 400px;
}

.mute_button_volume_off_active
{
	background: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: -24px -298px;
	cursor: pointer;
}

.mute_button_volume_off_highlight
{
	background: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: 0px -298px;
	cursor: pointer;
}

.mute_button_volume_off_disabled
{
	background: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: -12px -298px;
	cursor: not-allowed;
}

#volume_bar_container
{
	height: 20px;
	width: 130px;
	position: absolute;
	top: 16px;
	left: 420px;
	background: url(../img/player/vp_volbar_base.png) no-repeat;
	
}

#volume_bar_fill
{
	height: 10px;
	background-color: #555555;
	background-repeat: repeat-x;
	position: absolute;
	top: 5px;
	left: 9px;
	display: inline;
	overflow: hidden;
}

#rewind_button
{
	height: 18px;
	width: 18px;
	position: absolute;
	top: 7px;
	left: 235px;
}

.rewind_button_active
{
	background: url(../img/player/vp_btn_rwd_up.png) no-repeat;
	cursor: pointer;
}

.rewind_button_highlight
{
	background: url(../img/player/vp_btn_rwd_over.png) no-repeat;
	cursor: pointer;
}

.rewind_button_disabled
{
	background: url(../img/player/vp_btn_rwd_inactive.png) no-repeat;
	cursor: not-allowed;
}

#play_button
{
    background-image: url('../img/main_buttons.png');
    background-repeat:no-repeat;
	height: 17px;
	width: 17px;
	position: absolute;
	top: 16px;
	left: 26px;
}

.play_button_active
{
    background-position: 0px -406px;
	cursor: pointer;
}

.play_button_highlight
{
    background-position:-17px -406px;
	cursor: pointer;
}

.play_button_disabled
{
    background-position:-51px -406px;
	cursor: not-allowed;
}

#pause_button
{
	height: 20px;
	width: 17px;
	position: absolute;
	top: 16px;
	left: 26px;
}

.pause_button_active
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: 0px -258px;
	cursor: pointer;
}

.pause_button_highlight
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: -17px -258px;
	cursor: pointer;
}

.pause_button_disabled
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: -34px -258px;
	cursor: not-allowed;
}

#stop_button
{
	height: 18px;
	width: 17px;
	position: absolute;
	top: 7px;
	left: 320px;	
}

.stop_button_active
{
    
	background: url(../img/player/vp_btn_stop_up.png) no-repeat;
	cursor: pointer;
}

.stop_button_highlight
{
	background: url(../img/player/vp_btn_stop_over.png) no-repeat;
	cursor: pointer;
}

.stop_button_disabled
{
	background: url(../img/player/vp_btn_stop_inactive.png) no-repeat;
	cursor: not-allowed;
}

#fastforward_button
{
	height: 18px;
	width: 20px;
	position: absolute;
	top: 7px;
	left: 360px;
}

.fastforward_button_active
{
	background: url(../img/player/vp_btn_ffwd_up.png) no-repeat;
	cursor: pointer;
}

.fastforward_button_highlight
{
	background: url(../img/player/vp_btn_ffwd_over.png) no-repeat;
	cursor: pointer;
}

.fastforward_button_disabled
{
	background: url(../img/player/vp_btn_ffwd_inactive.png) no-repeat;
	cursor: not-allowed;
}

#full_screen_button
{
	height: 24px;
	width: 28px;
	position: absolute;
	top: 15px;
	left: 560px;	
}

.full_screen_button_active
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: 0px -318px;
	cursor: pointer;
}

.full_screen_button_highlight
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: -28px -318px;
	cursor: pointer;
}

.full_screen_button_disabled
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: -56px -318px;
	cursor: not-allowed;
}

#progress_bar_container
{
	height: 20px;
	width: 325px;
	position: absolute;
	background: url(../img/player/vp_playbar_base.png) no-repeat;
	top: 15px;
	left: 55px;
	overflow: hidden;
}

#progress_bar_fill
{
	height: 10px;
	background-color: #555555;
	background-repeat: repeat-x;
	position: absolute;
	top: 5px;
	left: 9px;
	display: inline;
	overflow: hidden;
}

.slider
{
	position: absolute;
	top: 1px;
	left: 1px;
	height: 18px;
	width: 14px;
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: 0px -240px;
	cursor: pointer;
}
.slider:hover
{
    background-position: -14px -240px;
}
.hiddenPlayerElement
{
	display: none;	
}

#close_button
{
    cursor: pointer;
	height: 12px;
	position: absolute;	
	left: 620px; 
	width: 12px; 
	top: 5px;
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: -95px -447px;
}

#close_button:hover
{
	background-position: -95px -459px;
}


#close_button:active
{
	background: -95px -471px;
}


.videoplayerReportErrorLink, .videoplayerReportErrorLink a
{
    font-size:9px;
    color:#666;
    font-weight:700;
}
.videoplayerReportErrorLink
{
    top:20px;
    left:5px;
    position:absolute;
    width:200px;
    height: 12px;
}

.videoplayerReportErrorLink:hover, .videoplayerReportErrorLink a:hover
{
    color:#FFF;
}



/***************************************
My Videos
***************************************/
.highstream 
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat; 
    background-position: 0px -505px;
    width:100px;
    cursor: pointer;
    color: #000;
    text-decoration:none;
    height:20px;
    text-align:center;
    padding: 2px 0px 0px 0px;
    font-weight:bold;
}

.mediumstream 
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat; 
    background-position: 0px -505px;
    width:100px;
    cursor: pointer;
    color: #000;
    text-decoration:none;
    height:20px;
    text-align:center;
    padding: 2px 0px 0px 0px;
    font-weight:bold;
}

.lowstream 
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat; 
    background-position: 0px -505px;
    width:100px;
    cursor: pointer;
    color: #000;
    text-decoration:none;
    height:20px;
    text-align:center;
    padding: 2px 0px 0px 0px;
    font-weight:bold;
}

.download 
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat; 
    background-position: 0px -505px;
    width:100px;
    cursor: pointer;
    color: #000;
    text-decoration:none;
    height:20px;
    text-align:center;
    padding: 2px 0px 0px 0px;
    font-weight:bold;
}

.purchased 
{
}

.downloadButton
{
    width: 100px; 
    display:block;
    float:left;
}
.download:hover,.lowstream:hover,.mediumstream:hover,.highstream:hover, .purchased:hover
{
	background-position: 0px -527px;
	text-decoration: none;
	color: Black;
}

/***************************************
PURCHASE
***************************************/
.LinkButton
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat; 
    background-position: 0px -505px;
    width:100px;
    background-position: 0px 0px;
    cursor: pointer;
    color: #000;
    text-decoration:none;
    height:20px;
    text-align:center;
    padding: 5px 10px 2px 10px;
    font-weight:bold;
}

.LinkButton:hover
{
	background-position: 0px -527px;
	text-decoration: none;
	color: Black;
}

.labelClass
{
	width: 100px;
}
.cartFormBackground 
{
    background-image: url('../img/black50.png');
    background-position:left top;
    margin-bottom: 5px; 
    padding-top:16px; 
    padding-bottom:26px; 
    color: white;	
}
.cartItem
{
	border-style:none;
	border-width:0px;
	padding-top:5px; 
	padding-left: 16px;
	height:auto; 
	font-weight:bold;
	position:relative;
	height:30px;
	border-bottom:solid 1px #693333;
}

#itemClass2
{
	font-size: large;
}

.cartItemContainer
{
	position:absolute;
	height:20px;
	width:100%; 
}

#itemClass1
{
	width: 100px;	
	left: 20px;
	position: absolute;
	top:0px;
}

#itemClass2
{
	width: 500px;	
	left: 120px;
	position: absolute;
	top:0px;
}

#itemClass3
{
	width: 80px;	
	left: 630px;
	position: absolute;
	top:0px;
}

.sumDisplay
{
    width: 125px;
	left: 595px;
	position: absolute;
	top:0px;
	color: White;
	text-align: left;
}

/*****************************************
   REGISTRATION
*****************************************/

#userRegistration 
{
    margin-left: 10px;
    background-image: url('../img/black50.png');
    background-position:left top;
}
.regDescription 
{
}
.regPopup
{
}
.regLabel
{
}
.regEntryField 
{
}

.regCheckBox 
{
}

.regCheckBoxLabel
{
}

.regNext 
{
}

.regRequiredWarning 
{
}



.regInfoLabel 
{
}

.regInfoEntry 
{
}

.regShemale 
{
}
.regPopupMenu 
{
}


.regDOBLabel 
{
}
.regDOBEntry 
{
}

.regPasswordEntry 
{
}

.regLanguageEntry 
{
}

/*****************************************
    ERROR CONDITIONS
*****************************************/

.error_container
{
    display:block;
    position: absolute;
    top: 0px;
    left:650px;
    width:300px;
    height:80px;
    cursor: default;
    border-top-color:#fed63b;
    border-top-style:solid;
    border-top-width: 2px;
    background: url(../img/alert.png) no-repeat;
    background-color:#000000;
    background-position: 5px 8px;
}

.error_title
{
	position: absolute;
	color:#fed63b;
	left: 40px;
	top: 14px;
	font-weight:bolder;
	font-size:17px;
	
}
.error_body
{
	position: absolute;
	color:#FFFFFF;
	left: 12px;
	top: 50px;
	width:95%;
	font-size:11px;
}

/* Specific Errors

Error handling is managed by comparing two classes, one is the root and the other on the error
handler div(s). When the root error shows, the handler div displays. Pretty straightforward.

sniff.js will post specific errors as classes in the <HTML> tag. When these "error condition classes"
are present (or in some cases, when absent), you turn on the display:block attribute of the specific 
div class you want to show. Like magic the error div for the condition will appear.

By convention, all error conditon classes start with "snf" (for sniffler) followed by additional
params relating to the specific error. The param labels and specific errors can be configured 
within sniff.js.


            <div class="error_container error_flash">
                <div class="error_title">Flash v.9.0.115</div>
                <div class="error_body">SF Anytime requires Flash Player version 9.0.115 or greater. <a href="#">CLICK HERE</a> to install it.</div>
            </div>

In general, multiple errors will stack on top of each other in this particular interface, so it's
important that you place 100% fatal errors AFTER less critical ones in the HTML, so that they get 
a higher z-index... there's no point telling the user he needs to upgrade Flash, for instance, if
he's running on a Mac, and no point warnng him he's on a mac if he's in africa and can't be a 
customer anyways.



By default, we start by turning off ALL the Errors:

*/


.error_region,
.error_mac,
.error_os,
.error_javascript,
.error_cookies,
.error_os,
.error_online,
.error_browser,
.error_activex,
.error_wmp,
.error_flash,
.error_security
{
     display:none;
}


/* Turn on these checks for specific conditions if applicable. The first value in 
any pair refers to a <HTML class=""> class, written dynamically by sniffler,
while the second is a static error class/es somewhere in the DOM of the page. 
Where both conditions exist, the error shows.*/

/* temporary fix  */
.snf_cookies_fail .error_cookies{
    display:none;
}
/*.snf_cookies_fail .error_cookies, */
.snf_online_fail .error_online,
.snf_fl_fail .error_flash,
.snf_wmp_fail .error_wmp,
.snf_browser_fail .error_browser,
.snf_os_fail .error_os
{
    display:block;
}

/* This error conditon defaults to being on, unless proven otherwise. Since it
takes javascript to turn it off again, the error will show only when js isn't
active... cute, eh? */
.error_javascript
{
    display:block;
}

.snf_js_true .error_javascript
{
    display:none;
}


.sfContent
{
    color:#FFFFFF;
    
}


.sfContent img
{
    border: 0px;
}

.helpSectionLinks, .sectionLinks
{
    width:734px;
    height: 30px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom-style: solid;
    border-bottom-color: #aa4000;
    border-bottom-width: 1px;

}
.helpSectionLink,.sectionLink
{
    float:right;
    margin-left: 32px;
    
    margin-top:16px;
}
.helpSectionTitle, .sectionTitle

{
        float:left;
         

}

.helpBoxes
{
    position: relative;
    width: 734px;
    height: 76px;
    font-size: 12px;
}

.helpBox
{
    border: 1px solid white;
    width: 220px;
    height: 60px;
    margin: 5px;
    padding: 3px;
}

.helpBoxLeft
{
    float:left;
}
.helpBoxMid
{
   float:left;
}
.helpBoxRight
{
    float:left;
}

.helpImgSteps
{
    margin:0px 0px 15px 20px;
    float:right;
}

.HelpDeskNumber
{
    font-size:18px;
}

.formBackground 
{
    background-image: url('../img/black50.png');
    background-position:left top;
    margin-bottom: 5px; 
    padding:16px; 
    color: white;	
}
.formBackgroundDark 
{
    background-image: url('../img/black70.png');
    background-position:left top;
    color: white;	
    height: 45px; 
    padding: 0px;
}

.FormLabel
{
    width: 150px;
}


/*********************************************
  SENDMAIL PLAYER
*********************************************/
#SendMail
{
     position: fixed;
     display:none;
     top: 5%;
     left: 0px;
     
}

#SendMail_centerer 
{
    text-align: left;
    width: 510px;
    margin-left: auto;
    margin-right: auto;
   /*background-color: #000000;*/
}


#SendMail_background 
{
    position: fixed;
    display: block;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url('../img/black90.png');
    background-position:left top;
    padding: 0px;
}

#SendMail_container 
{	
    position: relative;
    height: 420px;
    width:  400px;
    overflow:hidden;
    background-color: #000000;
}


/* --------------------------------------
    DYNAMIC BUTTONS
----------------------------------------*/

.MyDynamicButton 
{
    position:absolute;
    left: 250px;
    top: 5px;
}


.DynoBtn, .DynoBtnDisabled{height: 22px; color: #000;}
.DynoBtnW
{
}
.DynoBtnLabel{position: relative; padding: 5px 5px; font-weight: bold;}
.unselectable{ -moz-user-select:none;-khtml-user-select:none;-user-select:none;user-select:none;behavior: url(../js/ieUserSelectFix.htc);}
.DynoBtnL, .DynoBtnM,.DynoBtnR {cursor: pointer; float: left; height: 22px;}
.DynoBtnL{background-image: url(../img/main_buttons.png); background-repeat: no-repeat; background-position: -9px -155px; width:3px;}
.DynoBtnM{background: url(../img/main_buttons.png) repeat-x; background-position: 0px -67px;}
.DynoBtnR{background-image: url(../img/main_buttons.png); background-repeat: no-repeat; background-position: 0px -45px; width:3px;}

.DynoBtn:link .DynoBtnL {background-position: -9px -155px;}
.DynoBtn:link .DynoBtnM {background-position: 0px -67px;}
.DynoBtn:link .DynoBtnR {background-position: 0px -45px;}
/*
.DynoBtn:hover .DynoBtnL {background-position: -6px -155px;}
.DynoBtn:hover .DynoBtnM {background-position: 0px -89px;}
.DynoBtn:hover .DynoBtnR {background-position: -3px -45px;}
*/
.DynoBtnW:hover .DynoBtnL {background-position: -6px -155px;}
.DynoBtnW:hover .DynoBtnM {background-position: 0px -89px;}
.DynoBtnW:hover .DynoBtnR {background-position: -3px -45px;}

.DynoBtn:active .DynoBtnL {background-position: -3px -155px;}
.DynoBtn:active .DynoBtnM {background-position: -0px -111px;}
.DynoBtn:active .DynoBtnR {background-position: -6px -45px;}

.DynoBtnDisabled .DynoBtnL {background-position:  0px -155px;}
.DynoBtnDisabled .DynoBtnM {background-position: -0px -133px;}
.DynoBtnDisabled .DynoBtnR {background-position: -9px -45px;}

.DynoBtnM a, .DynoBtnM a:link, .DynoBtnM a:hover, .DynoBtnM a:active 
{
    color: #000;
    text-decoration:none;
}

/* IE not processing active states at present. Works in FF */

/* Not sure why the cascade doesn't handle this in IE, but we need ALL the states here :( */
*[enabled="false"] .DynoBtnL,
*[enabled="false"] .DynoBtnM,
*[enabled="false"] .DynoBtnR,
*[enabled="false"]:link .DynoBtnL,
*[enabled="false"]:link .DynoBtnM,
*[enabled="false"]:link .DynoBtnR,
*[enabled="false"]:hover .DynoBtnL,
*[enabled="false"]:hover .DynoBtnM,
*[enabled="false"]:hover .DynoBtnR,
*[enabled="false"]:active .DynoBtnL,
*[enabled="false"]:active .DynoBtnM,
*[enabled="false"]:active .DynoBtnR
{background-position: 0px -75px;cursor: default;}
*[enabled="false"] .DynoBtnLabel{color:#888;}


/* --------------------------------------
    BASE BUTTONS
----------------------------------------*/

.BaseButtonMedium
{
    background: url(../img/main_buttons.png);
    background-repeat: no-repeat;
    background-position: 0px -505px;
    width:100px;
    cursor: pointer;
    color: #000;
    text-decoration:none;
    height:20px;
    text-align:center;
    padding: 2px 0px 0px 0px;
    font-weight:bold;
    left: 16px;
    position: relative;
}

.BaseButtonMedium:link
{
    background-position: 0px -505px;
}

.BaseButtonMedium:hover
{
    background-position: 0px -527px;
}

.BaseButtonMedium:active
{
    background-position: 0px -549px;
}


/* -------------------------------------------
    Balloon Help
---------------------------------------------*/

.BalloonHelp
{
	width: 12px;
	height: 12px;
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: -95px -155px;
	cursor: pointer;

}

.BalloonHelp:hover
{
    background-position: -95px  -167px;
}
.BalloonHelp:active
{
    background-position: -95px  -179px;
}

.ChatBalloon
{
    position:absolute;
    top:-10px;
    left:458px;
}

.ShoppingCartPromoBalloon
{
    LEFT: 350px! important;
    POSITION: relative! important;
    TOP: -25px! important;
}
.PurchaseReceiptSpeedBalloon{}
.UserRegistrationMobileBalloon
{
    DISPLAY: block; LEFT: 260px; POSITION: relative; TOP: -15px;
}

.CheckoutExistingCCBalloon{}
.CheckoutBBInvoiceBalloon{}
.CheckoutInvoiceBalloon{}



#ctl00_MainContentPlaceHolder_TotalLabel,
#ctl00_MainContentPlaceHolder_TaxLabel
{
    position:absolute;
    right: 30px;
}


#ctl00_MainContentPlaceHolder_MobileTextBox
{
}
/*
#ctl00_MainContentPlaceHolder_GenderRadioList
{
    LEFT: 100px; WIDTH: 200px; POSITION: relative; TOP: -20px
}
*/
.GenericTypeRadio tr td
{
    LEFT: 150px; POSITION: relative; TOP: -20px
}


.TextBoxDivs
{
	min-height:30px;
}

#logoutLabel
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: -95px -447px;
	position: absolute;
	height: 12px;
	top: 0px;
	right: 0px;
	cursor: pointer;
	text-indent: 16px;
	float:left;
}

#logoutLabel:hover
{
    color:#F80;
    background-position: -95px -459px;
}

#cartLabel
{
	background-image: url(../img/main_buttons.png);
	background-repeat: no-repeat;
	background-position: -87px 0px;
	position: relative;
	top: 60px;	
	height: 12px;
	cursor: pointer;
	text-indent: 24px;
	float:left;
}

#cartLabel:hover
{
    color:#F80;
    background-position: -87px -12px;
}


#cartNumber
{
	color: #FFF;
	font-weight: normal;
}

.loginHelpMain .boldYellow 
{
    background-image: url(../img/main_buttons.png);
    background-repeat: no-repeat;
	background-position: -95px -155px;
	text-indent: 14px;
	height: 12px
}

.loginHelpMain:hover .boldYellow 
{
	background-position: -95px -167px;
	color: #F80;
	text-decoration:none;
}

#helpLabel
{
	position: relative;
	top: 60px;
	left: 10px;
	height: 12px;
	cursor: pointer;
	float:left;
}

#PromoCodeDiv .DynoBtnWrapper
{
    min-width:60px;
}

.sfPartner a img
{
    border: none;
}

.subscribeNewsletter
{
    width:180px;
    min-height: 130px;
    position:relative;
    top: 160px;
    color: #FFFFFF;
    font-size:9px;
    font-weight:700;
    border-style: none;
}

.subscribeField, .subscribeField input
{
    font-size:9px;
    font-weight:700;
}
.subscribeField input
{
    width:90%;
}
#subscribeNewsletterBG
{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000000;
    opacity: .5;
	filter: alpha(opacity=50);
}
.subscribeNewsletterBgInternal
{
    padding:10px;
}

#subscribe_title
{
    font-weight: normal;
    position: relative;
    left:5px;
    margin-top: 5px;
    font-size: 11px;
    font-weight: bold;
}
#subscribe_phone
{
    font-weight: normal;
    position: relative;
    left:8px;
    margin-top: 5px;
    font-size: 11px;
}
#subscribe_email
{
    font-weight: normal;
    position: relative;
    left:8px;
    margin-top: 5px;
    font-size: 11px;
}

#subscribe_submit
{
    position: relative;
    margin-right:15px;
    text-align:right;
    margin-top: 2px;
    cursor:pointer;
    font-weight:bold;
    font-size: 11px;
    color: #fed63b;
    text-decoration:underline;
}
#subscribe_submit:hover
{
    color: #FFDD00;
}

.subscribeSubmitDisabled
{
    color: #808080;
    text-decoration:none;
    cursor: default;
}


/*********************************************
  SubscribeResponse Iframe
*********************************************/
#SubscribeResponse, #SendMail
{
     position: fixed;
     display: block;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     visibility:hidden;
}

#SubscribeResponse_centerer, #SendMail_centerer
{
    text-align: left;
    width: 600px;
    top:10%;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #000000;*/
    position:relative;
}

#SendMail_centerer
{
    width: 510px;
}


#SubscribeResponse_background, #SendMail_background
{
    display: block;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url('../img/black50.png');
    background-position:left top;
    padding: 0px;
}

#SubscribeResponse_container 
{	
    position: relative;
    display: block;
    height: 400px;
    width: 600px;
    background-color: #000000;
}


#SubscribeResponse_iframe
{
    width:600px;
    height:400px;
    position:absolute;
    top:20px;
}

.SubscribeResponse_TitleBar
{
    width:100%;
    background-color:#000;
}

.SubscribeResponse_close_button
{
    cursor: pointer;
	height: 12px;
	position: absolute;	
	right: 10px; 
	width: 12px; 
	top: 5px;
	background-image: url(../img/main_buttons.png);
    background-repeat: no-repeat;
	background-position: -95px -447px;
}

.SubscribeResponse_close_button:hover
{
    background-image: url(../img/main_buttons.png);
    background-repeat: no-repeat;
	background-position: -95px -459px;
}


.SubscribeResponse_close_button:active
{
	background-image: url(../img/main_buttons.png);
    background-repeat: no-repeat;
	background-position: -95px -471px;
}


.MyAccountGender
{
    height:20px;
    padding-top: 5px;
}


.MyInfoTabs
{
   height: 22px;
}

.MyInfoLabel
{
    float:left;
    margin-top: -2px;
}
.MyInformationLink, .MyPurchaseHistoryLink, .MyCCDetailsLink, .MyPurchaseReceipt, .MyCheckout, .MyCart
{
    padding-left:10px; 
    padding-right:10px; 
    color: #fed63b;
    padding-top: 10px;
    float:right;
}
.MyPurchaseReceipt, .MyCheckout, .MyCart
{
    padding-left:10px; 
    padding-right:10px; 
    color: #fed63b;
    padding-top: 10px;
    float:right;
}
.MyCartStageId
{
    padding-left:10px; 
    color: #fed63b;
    float:right;
    font-size:xx-large;
}
.MyInfoTabs a:hover, .MyCCDetailsLink:hover, .MyPurchaseHistoryLink:hover, .MyInformationLink:hover
{
    color: #F38636;
    text-decoration: none;
}

.MyInformation .MyInformationLink,
.MyPuchaseHistory .MyPurchaseHistoryLink,
.ManageCreditCard .MyCCDetailsLink
{
    color: White;
}

.largeBoldYellow:hover, #logoutLabel:hover, #accoutLabel:hover
{
    color:#F80;
}


#TotalLabel, #TaxLabel
{
    position: absolute;
    right: 30px;        
}

span.BalloonHelp
{
    position:absolute;
}

.backgroundShader
{
    background-image: url('../img/black50.png');
    background-repeat:repeat;
    background-position:left top;
}

/* This next pseudocode is necessary to fix any floating elements 
that appear in the div using backgroundShader. What it does is make
the backgroundShader enclose the floating elements in FF/Moz browsers,
while IE handles this correctly just by iteself */
.backgroundShader:after
{
     content: ""; 
     display: block; 
     height: 0; 
     clear: both;
}

.GenreBucketBar
{    
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
    padding:10px 0;
    width:100%;
    text-decoration:none;
}

.GenreFilters
{
    width:100%;
    height: 28px; 
    margin-bottom: 16px; 
    padding-top: 6px; 
    color: White; 
/*    font-size:larger; */
    font-weight: bold;
    text-decoration:none;
}

.BucketBar
{
	color: #fed63b;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	float:left;
	position: relative;
	white-space: nowrap;
	text-decoration:none;	
}


.BucketBar:hover {
    color: #F38636;
    font-weight:bold;
    text-decoration:none;
}

.BucketBarSelected
{
	color: White;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	float:left;
	position: relative;
	white-space: nowrap;
	font-weight:bold;
	text-decoration:none;	
}

.BucketBarSelected:hover {
    color: #F38636;
    font-weight:bold;
    text-decoration:none;
}

.BucketBarViewAll
{
	right: 10px;
	float: right;
}

.snf_ie .BucketBarViewAll
{
	right: 10px;
	float: right;
}

.ErrorContent
{
    width: 734px;
    MARGIN-TOP: 16px; 
    MARGIN-BOTTOM: 16px;
    padding-bottom: 16px;
}

.ErrorTextTitle
{
    color:White;
    font-size:14px;
    margin:10px;
    font-weight:bolder;
}

.ErrorTextContent, .ErrorTextPage
{
    color:White;
    font-size:12px;
    margin:10px;
}

.paymentmethods
{
    position: relative;
    display: block;
    top: 5px;
    width: 100%;
}

.paymentmethods input
{
    position: relative;
    left: 0px;
}

#videoSpeeds
{
    height:30px;
    width:300px;
    position:absolute;
    top:20px;
    left:205px;
    /*border: 1px white solid;*/
    
}

.BitRateLink
{
    float:left;
    color:#888;
    margin-right: 10px;
    font-size:9px;
    font-weight:700;
}


.buffering
{
    font-size: 50px;
    font-weight: normal;
    color: White;
}

.BitRateLink a
{
    color:#888;
}
.BitRateLink a:hover
{
    color:#FFF;
}
.BitRateClear
{
    clear:left;
}
.genreListSeparator
{
    height: 12px; 
    width: 1px; 
    float:left;
    padding-top:7px;
    background:#693333;    
}
.mainSelectableMenu
{
    padding-left:10px;
    padding-bottom:1px;
    padding-top:1px;
}
.removeUnderline:hover
{
    text-decoration:none;
}
.mainSelectableSelectedMenu
{
    font-weight:bold;
    width:165px;
    color: #fed63b;
    padding-left:10px;
    padding-bottom:1px;
    padding-top:1px;
}
.stdYellowLink
{
	color: #fed63b;
}
.registerFormInput
{
    width: 150px;
}
.shadedTextBox
{
	/*background-image: url('../img/textBoxBg.jpg');*/
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
}
.registerFormLeftOffset
{
    padding-left: 119px;
}

.checkoutFormLeftOffset
{
    padding-left: 196px;
}

.sortDropDownArrow
{
	background-image: url('../img/main_buttons.png');
	background-repeat:no-repeat;
	background-position: 0px -437px;
	width: 27px;
	float:right;
	margin-right:10px;
	border-style:none;
	height: 23px;
}
.sortDropDownTextWrapper
{
	background-image: url('../img/DropDownBody.png');
	background-repeat:no-repeat;
	padding-left: 10px;
	padding-bottom: 10px;
	position:relative;
	float: right;
	width:150px;
	border-style:none;
	height: 27px;
}
.sortDropDownText
{
	border-style:none;
	height: 19px;
    color: White;
    padding-top: 3px;
    float:left;
}
.sortDropDownTextTitle
{
	border-style:none;
	height: 19px;
    padding-top: 3px;
    float:left;
    color: #fed63b;
}
.sortDropDownMenu
{
    position:absolute;
    background-color:Black;
    color: #fed63b;
    white-space:nowrap;   
    float:left;
    width: 128px;
    left: 595px;
    top: 112px;
    z-index:1;
}
.sortDropDownMenu ul 
{  
    margin:0px;  
    padding:0px;  
    list-style-type:none;
}
.sortDropDownMenu ul li 
{  
    cursor:arrow;  
    padding-left:5px;      
    margin-top: .3em;
    border-bottom: solid 1px #222222;
}  
.sortDropDownMenu ul li:hover
{  
    color:#F38636;
    cursor: pointer;
    text-decoration: none;
}  
.sortDropDownMenuHighLight 
{  
    background-color:#fed63b;  
    color:Black;
}
.invisibleItem
{
    display:none;
}
.visibleItem
{
}
.expanderBtn
{
    background-image: url('../img/main_buttons.png');
    background-repeat: no-repeat;
    margin-top: 2px;
    width:10px;
    height:10px;
    cursor:pointer;
    border-width:0px;
    position:absolute;
}
.expanderBtnCollapsed
{
    background-position: 0px -424px;
}
.expanderBtnCollapsed:hover
{
    background-position: -10px -424px;
}
.expanderBtnExpanded
{
    background-position: -30px -424px;
}
.expanderBtnExpanded:hover
{
    background-position: -20px -424px;
}
.myMoviesDropDown
{
    float:right; 
    padding-right: 10px; 
    padding-top: 11px;
}
.myMoviesLargeFont
{
    font: normal normal 600 30px arial;
}
.myMoviesRentalTitle
{
    font-size: 65%; 
    padding-top: 3px; 
    padding-left: 10px;
}
.purchaseHistoryPagerLeft
{
    margin-left: 0px;
}
.purchaseHistoryPagerRight
{
    margin-left: 590px;
}
.manageCCLabel
{
    min-width: 100px;
    padding-right: 8px;
}

#DivCardsLogo
{
    position: absolute;
    margin-top:10px;
    left:600px;
}

.visalogo
{
    width: 90px;
    height: 60px;
}

.mastercardlogo
{
    width: 90px;
    height: 60px;
    margin-top: 5px;
}
.thumbBackground
{
    background-color:Black;
}
.thumbImage
{
    height: 194px;
    width: 134px;
    min-height: 194px;
}
.thumbImageBorder
{
    height: 188px;
    width: 128px;
    border: solid 3px White;
    background-color:Transparent;
    z-index:1;
    position:absolute;
    top: 0px;
    left: 0px;
    display:none;
}
.thumbNumber
{
    padding-top: 8px; 
    position: absolute; 
    background-image: url('/Content/img/top.png'); 
    background-position: left top; 
    width: 30px; 
    height: 22px;
    text-align:center;
}
.thumbStarContainer
{
    margin-top: 2px;
}
.thumbStar
{
    width: 12px;
    height: 8px;
    background-image:url('../img/PromoStar.png');
    float:left;
}
.thumbStarYellow
{
    background-position: 0px -8px;
}
.thumbStarWhite
{
    background-position: 0px -16px;
}
.thumbStarHalfWhite
{
    background-position: 0px -24px;
}
.thumbTitleLink
{
	word-wrap: break-word;
    color:White;
}
.thumbTitleLink:hover
{
    color:White;
}
.thumbData
{
    width:122px;
    height:194px;
    padding:6px;
    font-weight:bolder;
}
.thumbCategoryLink
{
	word-wrap: break-word;
    color:Gray;
}
.thumbCategoryLink:hover
{
    color:Gray;
}
.thumbTextSeparator
{
    height: 2px;
}
.thumbYear
{
    color:Gray;
    width: 40px;
    float:right;
}
.thumbBottom
{
    position:absolute;
    bottom: 6px;
    width: 122px;
}
.thumbWhiteBuyRent
{
}
.thumbWhiteBuyRent a
{
    color: White;
    padding-left: 2px;
    background-color:Transparent;
}
.thumbWhiteBuyRent:hover a
{
    color: White;
    text-decoration:none;
}
.thumbBuyRent
{
}
.thumbBuyRent a
{
    color: #00cc00;
    padding-left: 2px;
    background-color:Transparent;
}
.thumbBuyRent:hover a
{
    color: #007200;
    text-decoration:none;
}
.thumbBuyRent:hover div
{
    background-position: 0px -15px;
}
.thumbRent
{
    height: 15px;
    background-image:url('../img/PromoRent.png');
    background-repeat:no-repeat;
    width: 15px;
    float:left;
    padding:0px 0px 0px 0px;
}
.thumbBuy
{
    height: 15px;
    background-image:url('../img/PromoBuy.png');
    background-repeat:no-repeat;
    width: 15px;
    float:left;
    padding:0px 0px 0px 0px;
}
.thumbWhiteRent, .thumbWhiteBuy
{
    background-position: 0px -30px;
}
.thumbRentText
{
    color:White;
}
.thumbOldRentText
{
    color:Gray;
    border-bottom: 1px solid;
    display: inline-block;
    height: 7px;
    /*text-decoration:line-through;*/
}
.thumbBuyRentSeparator
{
    height: 2px;
}
.thumbViewTrailer
{
    height: 15px;
    color: #fed63b;
    background-image:url('../img/PromoTrailer.png');
    background-repeat:no-repeat;
    padding-left: 15px;
}
.thumbViewTrailerLocation
{
    position:absolute;
    top: 295px;
}
.thumbViewFullLocation
{
    position:absolute;
    top: 340px;
}
.thumbViewMovieLocation
{
    position:absolute;
    top: 310px;
}
.list .thumbViewTrailerLocation
{
    position:absolute;
    top: 12px;
    left: 330px;
    width: 110px;
    text-align:left;
}
.thumbViewTrailer:hover
{
    color: #ea7107;
    background-position: 0px -15px;
    text-decoration:none;
}
.thumbDeleteItem
{
    background:url('../img/PromoDelete.png') no-repeat top left;
    width: 19px;
    height: 19px;
    float:right;
}
.thumbDeleteItem:hover
{
    background-position: 0px -19px;
}
.thumbList
{
    font-weight:bold;
}
.thumbListStar
{
    padding-left: 12px;
    padding-top: 15px;
    float: left;
}
.thumbListBackground
{
    background-image:url('../img/black50.png');
}
.thumbTitle
{
	word-wrap: break-word;
    text-align:left;
    color: #fed63b;
}
.thumbTitle:hover
{
    color: #fed63b;
}
.thumbListTitle
{
    padding-left: 14px;
    padding-top: 13px;
    width: 235px;
    float:left;
}
.thumbListBuyLocation
{
    position:absolute;
    left: 460px;
    top: 12px;
    width: 120px;
    text-align:left;
}
.thumbListRentLocation
{
    position:absolute;
    left: 585px;
    top: 12px;
    width: 145px;
    text-align:left;
}
.thumbOverviewImage
{
    float:left;
}
.thumbOverviewText
{
    float:left;
    font-weight: bold;
}
.thumbOverviewTitle
{
    padding-left: 14px;
    padding-top: 10px;
    font-size:x-large;
    float:left;
    width: 570px;
}
.thumbOverviewTextLeft
{
    float:left;
    width: 150px;
    padding-left: 14px;
}
.thumbOverviewStar
{
    padding-top: 6px;
}
.thumbOverviewTextRight
{
	font-size: 12px;
    float:left;
    width: 420px;
}
.thumbOverviewTextDuration
{
    padding-top: 4px;
    font-weight:bolder;
}
.thumbOverviewListTitle
{
    font-weight:bolder;
    padding-top: 4px;
    padding-bottom: 4px;
}
.thumbOverviewListElement, .thumbOverviewListElement:hover
{
    color: #fed63b;   
}
.thumbOverviewSummary
{
	word-wrap: break-word;
    padding-top: 8px;
    font-weight: normal;
    padding-bottom: 4px;
}
.thumbOverviewTrailer
{
    width: 140px;
    padding-top: 8px;
    float:left;
}
.thumbViewB
{
    height: 287px;
    width: 434px;
    position:absolute;
}
.thumbViewBSummary
{
    padding:8px;
    top: 287px;
    position:absolute;
    height:87px;
    width: 418px;
}
.thumbViewBTitle
{
    font-size:large;
}
.thumbViewBText
{
	word-wrap: break-word;
    padding-top:4px;
}
.thumbViewA 
{
    width: 734px;
    height: 300px;
    position:absolute;
}
.thumbViewASummary
{
    padding:8px;
    top: 300px;
    position:absolute;
    height:105px;
    width: 718px;
}
.thumbViewAButtons
{
    float: right;
    width: 210px;
    height:118px;
    font-weight:bold;
}
.thumbViewAText
{
	word-wrap: break-word;
    padding-top:4px;
}

.carouselHead {
    font-weight:normal;
    margin-bottom:17px;
    min-height:36px;
    padding:2px 16px 2px 8px;
}

.carouselTitle
{
    font-family: Arial;
    font-size:18px;
    font-weight:bold;
    font-size:20px;
    float:left;
    padding-left: 8px;
    padding-right: 8px;
}

.carouselImage
{
    float:left;
}

.carouselTitleBlock
{
    float:left;
    padding-top: 6px;
}
.carouselShowAll
{
    float: left;
    padding-top: 6px;
    color:white;
    font-weight:bold;
} 
.carouselSubhead:hover {
    color: #F38636;
    text-decoration:none;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    width: 734px;
    position: relative;
}
.jcarousel-navigation
{
    padding-top: 10px;
    float:right;
    position: relative;
}
.jcarousel-clip {
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-item {
    width: 134px;
	MARGIN: 0px 16px 8px 0px;
	float:left;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
 .jcarousel-next, .jcarousel-prev, .jcarousel-prev-disabled, .jcarousel-next-disabled
 {
    float:left;
    width:25px;
    height:23px;
    background-repeat:no-repeat;
 }
.jcarousel-next, .jcarousel-next-disabled {
    background-image:url('../img/CarouselNext.png');
    background-position:left top;
}

.jcarousel-prev, .jcarousel-prev-disabled {
    background-image:url('../img/CarouselPrev.png');
    background-position:top right;
}

.jcarousel-prev-disabled {
    background-position:2px -23px;
}
.jcarousel-next-disabled {
    background-position:0px -23px;
}
.jcarousel-prev:hover {
    background-position:2px -46px;
}
.jcarousel-next:hover {
    background-position:0px -46px;
}
.jcarousel-prev:active {
    background-position:2px -69px;
}
.jcarousel-next:active {
    background-position:0px -69px;
}
.jcarousel-control
{
    width: 100px;
    float:left;
}
.jcarousel-control-content
{
    margin-left:auto;
    margin-right:auto;
}
.jcarousel-control-element
{
    width:13px;
    height:23px;
    background-image:url('../img/CarouselCenter.png');
    float:left;
}
.jcarousel-control-element-selected
{
    background-position:0px -23px;
}
.jcarousel-control-element:hover
{
    background-position:0px -46px;
}
.jcarousel-content-holder
{
    position: absolute;
}
.floatSeparator
{
    height:0px;
    clear:both;
}
.subscriptionBlock
{
    font-weight:bold;
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 8px;
    float:left;
}
.subscriptionPicture
{
    height: 21px;
    background:url(../img/CarouselSubscribe.png) no-repeat left -2px;
    padding-left: 17px;
    padding-top: 2px;
}
.subscriptionOverrideDynoBtn
{
    padding-top: 0px !important;
}
.subscriptionLabel
{
    float:left;
    padding-top: 2px;
    padding-left: 12px;
}
.subscriptionBynoBtn
{
    float:left;
}
.multyimage-navigation
{
    position:absolute;
    bottom: 0px;
    width: 100%;
    height: 26px;
    padding-top: 2px;
}
.multyimage-control
{
}
.multyimageImage, .multyimageItem, .multyimageSelectedItem
{
    position:absolute;
    top: 0px;
    left: 0px;
}
.multyimage-next {
    float:right;
}
.multyimage-prev {
    float:left;
}
.multyimage-black
{
    background:Black;
}

.thumbDynoBtnL, .thumbDynoBtnM, .thumbDynoBtnR, .thumbDynoBtnGreenL, .thumbDynoBtnGreenM, .thumbDynoBtnGreenR
{
    cursor: pointer; 
    height: 23px;
}
.thumbDynoBtnL
{
    background-image: url(../img/DynoBtn_L.png); 
    background-repeat: no-repeat; 
    background-position: top left; 
}
.thumbDynoBtnM
{
    background: url(../img/DynoBtn_M.png) repeat-x; 
    background-position: top left;
    margin-left:3px;
    margin-right:3px;
}
.thumbDynoBtnM div
{
    padding: 5px;
}
.thumbDynoBtnR
{
    background-image: url(../img/DynoBtn_R.png); 
    background-repeat: no-repeat; 
    background-position: top right; 
}
.thumbDynoBtnL:hover, .thumbDynoBtnM:hover
{
    background-position: 0px -25px;
}
.thumbDynoBtnR:hover
{
    background-position: right -25px;
}
.thumbDynoBtnGreenL
{
    background-image: url(../img/DynoBtn_L.png); 
    background-repeat: no-repeat; 
    background-position: left -100px; 
}
.thumbDynoBtnGreenM
{
    background: url(../img/DynoBtn_M.png) repeat-x; 
    background-position: left -100px;
    margin-left:3px;
    margin-right:3px;
}
.thumbDynoBtnGreenR
{
    background-image: url(../img/DynoBtn_R.png); 
    background-repeat: no-repeat; 
    background-position: right -100px; 
}
.thumbDynoBtnGreenL:hover, .thumbDynoBtnGreenM:hover
{
    background-position: 0px -125px;
}
.thumbDynoBtnGreenR:hover
{
    background-position: right -125px;
}
.thumbDynoBtnGreenM .thumbButtonBox
{
    padding-top: 4px;
    padding-left: 4px;
}
.thumbViewATrailer
{
    height: 23px;
    color: #450300;
    background-image:url('../img/CarouselSubscribe.png');
    background-repeat:no-repeat;
    background-position: 0px -5px;
    padding-left: 15px;
}
.thumbViewATrailer:hover
{
    color: #450300;
    text-decoration:none;
}
.thumbViewAButton
{
    width:100%;
    height: 26px;
}
.thumbDetailImage
{
    height: 286px;
    width: 432px;
    position:absolute;
}
.thumbDetailText
{
    float:right;
    font-weight: bold;
}
.thumbDetailRightBlock
{
    font-weight: bold;
    width: 276px;
    padding-left: 16px;
    padding-right: 8px;
    float:right;
}
.thumbDetailRightTopBlock
{
    min-height: 292px;
    padding-bottom: 8px;
}
.thumbDetailRightBottomBlock
{
    min-height:80px;
}
.thumbDetailRightColumn
{
    float:left;
    width:130px;    
}
.thumbDetailTitle
{
    text-align:left;
    color: White;
    padding-top: 10px;
    font-size:x-large;
    overflow:hidden;
}
.thumbDetailListTitle
{
    padding-top: 6px;
    padding-bottom: 2px;
    font-size:larger;
}
.thumbDetailTextDuration
{
    font-weight:bolder;
}
.thumbDetailBottomBlockLeft
{
    padding-left: 8px;
}
.thumbDetailImageBottom
{
    height: 88px;
    width: 60px;
}
.thumbDetail
{
    position:relative;
    width: 734px;
    min-height: 300px;
    padding-bottom: 8px;
    margin-bottom: 16px;
}
.thumbDetailLeftBlock
{
    width: 432px;
    float:left;
}
.thumbDetailLower
{
    padding-top:300px;
}
.thumbBookmark
{
    color: #fed63b;   
    background-image:url('../img/ThumbBookmark.png');
    background-repeat:no-repeat;
    background-position: 0px 0px;
    padding-left: 15px;
}
.thumbSendMail
{
    color: #fed63b;   
    background-image:url('../img/ThumbSendMail.png');
    background-repeat:no-repeat;
    background-position: 0px 0px;
    padding-left: 15px;
    margin-left: 16px;
}
.thumbBookmark:hover, .thumbSendMail:hover
{
    text-decoration:none;
    color: #F38636;
    background-position: 0px -15px;
}
.thumbDetailBottomLink
{
}
.thumbPromoFiller
{
    width:100%;
    height:100%;
}
.transparentImage
{
    filter:alpha(opacity=0);
    opacity:0;
}
.downloadParamMenu
{
    font-weight:bold;
    cursor: pointer;
}
.downloadParamMenuSelected
{
    background-image:url('../img/DropDownBody.png');
    background-position:left top;
    height:23px;
    width:99px;
    float:left;
}
.downloadParamMenuSelectedText
{
    overflow:hidden;
    padding-top:4px;
    white-space: nowrap;
}
.downloadParamMenuArrow
{
    background-image:url('../img/DropDownArrow.png');
    background-position:left top;
    float:left;
    width:23px;
    height:23px;
}
.downloadParamMenu:hover .downloadParamMenuArrow, .downloadParamMenu:hover .downloadParamMenuSelected .downloadParamMenuSelectedText
{
    color:#F38636;
    background-position: 0px -23px;
}
.downloadParamSubmenu
{
    position:absolute;
    margin-left:0px;
    margin-right:4px;
    background-color:Transparent;
    cursor: pointer;
    z-index:1;
}
.downloadParamItem
{
    border-top:solid 1px #333333;
    width: 120px;
    background-color:Black;
}
.downloadParamBottom
{
    width: 120px;
    height: 2px;
    background-image:url('../img/DownloadOption.png');
    background-position:left top;
    background-color:Transparent;
}
.downloadParamItem:hover
{
    color:#F38636;
    text-decoration:none;
}
.downloadParamBuffer
{
    height : 20px;
    background-color: Black;
}
.downloadOptionButton
{
    margin-left: 17px;
    margin-top: 4px;
    margin-bottom : 8px;
}
.purchaseErrorTitle
{
    font-weight:bold;
}
.purchaseErrorMessage
{
    color:Red;
}
.rentEnddate
{
    font-weight: bold; 
    padding-top: 4px;
    padding-left: 4px;
}

.releaseDesc
{
	color: #fed63b;
	font-style: oblique;
	padding-left: 10px;
}

.releaseDate
{
	text-align: right;
}

#PressReleaseLabel
{
	padding-top: 10px;
	font-weight: bold;
	font-size: x-large;
}

.splashImage
{
    left: 290px;
    top: 0px;
    position: relative;
    /*z-index: 9999;*/
}
.splashImageText
{
    color: White;
	font-weight: bold;
	text-align: center;
    top: -68px;
    right: 165px;
    position: relative;
}