/********Master Style Sheet********/

HTML{
	FONT: 75%/1.5 Arial, Helvetica, sans-serif; COLOR: #ccc
	}

*{
	margin: 0px;
	padding: 0px;
}

body{
background: #000000 url("../images/bg.gif") repeat;
	background-position: center;
	margin: 0px;
	padding: 0px;
	height:100%;
		
	
}
hr{
	height: 1px;
}
h2{
	width: 100%;
	border-bottom: 1px solid  #999;
	border-top: 1px solid #98171C;
	
}
h3 {clear:all;}
/****Site Wrap****/

#siteWrap{
	width:755px;
	height:100%;
	margin: 0px auto;	
	background-color:#000000;
	
}
/***Header***/
#header{
	width:755px;
	height:240px;	
	MARGIN: 0px auto;
	background:#000000 url("../images/finalHeader.jpg") no-repeat top left;	
	border-right: 2px solid #98171C;
	border-left: 2px solid #98171C;

	
}
/*Logo*/
#logo{
	margin: 3px 0 0 7px;
	float:left;
	border: 0px;
}
/*tag*/
#tag{
	float:right;
	margin: 192px 30px 0px 0;
	
}
/**Navigation**/
#navWrap{	
	width: 100%;
	float:left;
	
}
#navWrap ul{
	padding: 0px;
	margin: 2px 0 0 40px;
}
#navBar li{
	float: left;
	list-style-type:none;
	margin: 0px;
	padding-right: 20px;
	padding-bottom: 3px;	
}
#navBar li a{
	color: #FDDF29;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
	text-decoration:none;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #98171C;
	
}
#navBar li a:hover{
	color:#cccccc;
	border-bottom: 2px solid #cccccc;
}
#navBar li .selected{
	color:#fff;	
}
/****Content****/
/***Wrapper***/
#pageCell{
	margin:0px;	
	background-color:#000000;
	padding: 0px;
	width: 100%;
	float:left;
	border-right: 2px solid #98171C;
	border-left: 2px solid #98171C;
	
}
/***one col layout***/
#oneCol{
	
	margin: 0 10px 0 10px;
	height: 100%;
}
/**one col sytles**/
#oneCol a{
 	color:#ccc;		
}

#oneCol a:hover{
 	background-color:#666666;
}
/***Right Col Layout***/
#rightCol{
	float:right;
	width: 250px;
	margin: 0 10px 0 0px;
	height: 100%;
}
/***Left Col Layout***/
#leftCol{
	float: left;
	width: 440px;
	margin: 0 10px 0 10px;
	height: 100%;
}
/**RightCol Styles**/
#rightCol ul{
	margin: 5px 0 5px 30px;
}
#rightCol li{
	list-style-image:url(../images/shuriken.gif)
}

#rightCol li a{
 	color:#ccc;	
	
}
#rightCol li a:hover{
 	background-color:#666666;
}

#rightCol label{
	padding-left: 30px;
}
/*Take a Look Layout*/
p.joinNow{
	padding: 0px;
	margin-top: -12px
}
p.joinNow a{
	display: block;
	height: 30px;
	width: 97px;
	background: transparent url(../images/btn_joinNow.png) no-repeat;
	text-indent: -10000px;
	border: none;
}	
p.joinNow a:hover{
	background-position: 0 -30px;
	}
p.memberLogin{
	padding: 0px;
	margin-top: -12px
}
p.memberLogin a{
	display: block;
	height: 30px;
	width: 97px;
	background: transparent url(../images/btn_Member.png) no-repeat;
	text-indent: -10000px;
	border: none;
	}
	
p.memberLogin a:hover{
	background-position: 0 -30px;
	}
	
p.joinAffiliate{
	padding: 0px;
	margin-top: -12px
}
p.joinAffiliate a{
	display: block;
	height: 30px;
	width: 97px;
	background: transparent url(../images/btn_joinAffiliate.png) no-repeat;
	text-indent: -10000px;
	border: none;
	}
	
p.joinAffiliate a:hover{
	background-position: 0 -30px;
	}
	
p.learnMore{
	padding: 0px;
	margin-top: -12px
}
p.learnMore a{
	display: block;
	height: 30px;
	width: 97px;
	background: transparent url(../images/btn_Learn.png) no-repeat;
	text-indent: -10000px;
	border: none;
}
p.learnMore a:hover{
	background-position: 0 -30px;
}
	


/**Left Col Styles**/
#leftCol ul{
	margin: 5px 0 5px 20px;
}
#leftCol li{
list-style-image:url(../images/shuriken.gif)
}
#leftCol li a{
 	color:#ccc;		
}
#leftCol li a:hover{
 	background-color:#666666;
}
#leftCol a{
 	color:#ccc;		
}
#leftCol .selected {
	color:#F40811;
}
#leftCol a:hover{
 	background-color:#666666;
}
/*Right Col Buttons*/

p.addDVD{
	padding: 0px;
	margin-top: 5px
}
p.addDVD a{
	display: block;
	height: 30px;
	width: 97px;
	background: transparent url(../images/btn_Add.png) no-repeat;
	text-indent: -10000px;
	border: none;
}
p.addDVD a:hover{
	background-position: 0 -30px;
}

p.inWishlist{
	padding: 0px;
	margin-top: 5px;
}

p.inWishlist a{
	display: block;
	height: 30px;
	width: 97px;
	background: transparent url(../images/btn_inWishlist.png) no-repeat;
	text-indent: -10000px;
	border: none;
}
/*Sort Bar*/

.sortBar a{
 	color:#ccc;	
	padding: 0 3px 0 3px;
	
}
.sortBar a:hover{
 	background-color:#666666;
}

/*Movie Catalogue display*/
.movie{	
	border: 1px solid #cccccc;
	margin: 0 0 5px 0;
	padding: 0px;
	float:left;
	width: 438px;
}
.movie p{
	padding : 5px;
}

.movie img{
	padding : 5px;
	float: right;
}
.movie a img {
	border : none;
}
/*Review*/
.review{
	width: 100%;
	border: 1px solid #cccccc;
	margin: 5px 0 0px 0;
	padding: 5px;
	float:left;
}
#frmReview{
		display: none;
		width: 100%;
		border: 1px solid #cccccc;
		margin: 5px 0 0px 0;
		padding: 5px;
		float:left;
}
#frmReview dt{
	font-weight:bold;
}

p.addReview{
	padding: 0px;
	margin-top: 5px
}
p.addReview a{
	display: block;
	height: 30px;
	width: 97px;
	background: transparent url(../images/btn_review.png) no-repeat;
	text-indent: -10000px;
	border: none;
}
p.addReview a:hover{
	background-position: 0 -30px;
}
.movie img{
	float: right;
	padding-left: 5px;
}

/* how it works */
#step1{
	float:left;
	width: 100px;
	height: 100px;
	border-bottom: 1px solid  #999;
	border-top: 2px solid #98171C;
	margin: 5px 14px 5px 0px;
	background: #000 url("../images/gr_step1.png") no-repeat top left;
}
#step2{
	float:left;
	width: 100px;
	height: 100px;
	border-bottom: 1px solid  #999;
	border-top: 2px solid #98171C;
	margin: 5px 12px 5px 0px;
	background: #000 url("../images/gr_step2.png") no-repeat top left;
}
#step3{
	float:left;
	width: 100px;
	height: 100px;
	border-bottom: 1px solid  #999;
	border-top: 2px solid #98171C;
	margin: 5px 13px 5px 0px;
	background: #000 url("../images/gr_step3.png") no-repeat top left;
}
#step4{
	float:right;
	width: 100px;
	height: 100px;
	border-bottom: 1px solid  #999;
	border-top: 2px solid #98171C;
	margin: 5px 0px 5px 0px;
	background: #000 url("../images/gr_step4.png") no-repeat top left;
}
/**** Footer****/

#footer{
	width:755px;
	height:65px;	
	MARGIN: 0px auto;
	background:#000000 url("../images/footer.jpg") no-repeat bottom left;	
	border-right: 2px solid #98171C;
	border-left: 2px solid #98171C;
	border-bottom: 2px solid #98171C;
	float:left;
	color:#ccc;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 10px;
}
#footer ul{
	padding: 0px;
	margin: 0px 0 0 20px;
}
#footer li{
	float: right;
	list-style-type:none;
	margin: 0px;
	padding-left: 5px;
	padding-top: 50px;
}
#footer li a{
	color:#ccc;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 10px;
	text-decoration:none;
}
#footer li#coreDev{
	float:left;
	text-align:left;
}
#footer li#copyright{
float:right;
text-align:left;


}
#footer li#pp{
padding-right:20px;


}



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 18px;
	margin: 5px 0 5px 0;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 15px;
	margin: 5px 0 5px 0;

	
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}