

/* ===================================================================



	Copyright Revolver Group 2008-2009.

	

	Last updated 15-05-2009

	

	SINGLE LINE STYLING CONVENTION:

	#styleReference {Z-INDEX AND POSITIONING; FLOATS: WIDTH and HEIGHT; MARGIN and PADDING; FONT and TEXT STYLES; DISPLAY; MISC; BACKGROUND STYLES; }

		#styleReference h1 {RELATED CHILD ELEMENT INDENTED LIKE SO, UNDERNEATH PARENT}

		

======================================================================*/



/*Cascading OVERWRITES FROM PROIOR STYLESHEETS IN PAGE */









/* .ui-widget {background-color:#ffffff;} */



.ui-widget-header {font-family: Helvetica, Verdana, Arial, sans-serif; padding:8px 2px 0px 10px; text-transform:small-caps; font-size: 15px; text-align:left; border:0; color:#FFFFFF; font-weight: bold;}

	

	.ui-widget-header a, .ui-widget-header a:visited {color:#FAFAFA;}

	.ui-widget-header a:hover {text-decoration: none; color:#FF3F3F;}

	

	

	.large-widget-header {height:23px;}

	.medium-widget-header {height:23px; overflow:hidden; }

	.listing-widget-header {height:23px; overflow:hidden; background:url(../images/bg_subnav-D2.png) 50% 50% repeat-x ;}

	.sidebar-widget-header { font-size: 10pt; height:20px; background:url(../images/bg_panel.png) 50% 50% repeat-x ; font-weight:normal; color:#515151;}

	.cart-widget-header { font-size: 10pt; height:20px; background:url(../images/bg_subnav-D2.png) 50% 50% repeat-x ;}

	.small-widget-header {height:23px; /* background:url(../images/bg_panel-title-small-C.png) no-repeat; */}

	

.ui-widget-content {margin:0px; font-size:11px; font-weight:normal;}





	.ui-widget-content a {color: #265890;}



.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:helvetica,verdana,arial,sans-serif;}



/*============ TABLE OF CONTENTS! ==============



=0: CORE

=1: HEADER

=2: MAIN NAV

=3: MAIN CONTENT

=4: SIDEBAR

=5: GENERIC CONTENT

=6: HOMEPAGE

=7: OTHER SECTIONS

=8: FORMS

=9: FOOTER

=10: CAROUSEL



===============================================*/

/*============== =0 MAIN/CORE ====================*/



html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, div {margin:0; padding:0;}



body {

text-align: center;
 min-width: 952px;
  margin:0px 0px 0px 0px;
   font-family: tahoma;
    font-size: 10pt;
     line-height: 1.2em;
      color:#525252;
       background: #ffffff url(../images/to_heart.jpg) no-repeat 50% 0% ;
      -webkit-background-position-x: center;

}




#facebook {

	float:right;

	margin-top: -8px;

	margin-bottom: -15px;
	
	padding-right: 1px;

}

#twitter {

	float:right;

	margin-top: -8px;

	margin-bottom: -15px;
	
	padding-right: 1px;

}

#youtube {

	float:right;

	margin-top: -8px;

	margin-bottom: -15px;
	
	padding-right: 1px;

}

#invisible {

	float:right;

	margin-top: -8px;

	margin-bottom: -15px;

}

#mailinglist {

	float:right;

	margin-top: -8px;

	margin-bottom: -15px;
	
	padding-right: 1px;

}

#likebutton {

	position: absolute;
right: 235px;

top:32px;

	margin-top: -8px;

	margin-bottom: -15px;
	
	padding-right: 1px;


} 
form { margin:0px;}

p { margin-top:0px}

img {margin: 0px; padding: 0px; border: 0px;}

/*li {font-size: 10pt;}*/

 

a {text-decoration: none; color: #265890;}

	a:hover {text-decoration: underline; color: #FF3F3F;}

	a:visited {color:none;} 



hr {display:none; clear:both; visibility:hidden; height:0px;}



/*hack:stops ff/mozilla dotted line around links, doesn't validate */

:focus {-moz-outline-style: none;}



.centered {text-align:center;}	

.alignRight {text-align:right;}

.floatLeft	{float:left;}	

.floatRight {float:right;}

.clear {clear:both; height:0px; font-size:1px; line-height:1px;}



.bold {font-weight:bold}

.italic {font-style:italic}

.uppercase {text-transform:uppercase;}



.imageTitle {display:block; text-indent:-9999px;}

.imageLink a, a.imageLink {display:block; text-indent:-9999px;}



/* skip */

#skipToContent {position:absolute; padding:0; margin:0; height:0; text-indent:-9999px; display:block;}

#road {  width: 1500px; margin-left: auto; margin-right: auto; padding-top: 176px;}

 

#wrapper {width:100%; min-height:750px;  height:auto !important; height:750px; padding:0px; text-align:left; /* background-image: url(../images/bg_header.png); */ background-repeat: repeat-x; position: absolute; left:1px; }



#content {width: 1000px; margin-top: 115px; margin-left: auto; margin-right: auto;  background-color: transparent;  padding-right:10px; padding-left:10px; background-image: url(../images/bg_shadow.png); background-repeat: repeat-y;  -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}



#date {color:#FFFFFF; float:right; margin-right:10px; margin-top:14px; font-size: 9pt; }



.grey_box {background-color: #333333;}



/* ======================= =1 HEADER =============================*/  

#header {position:relative;  background-image: url(../images/bg_header2.png) ; height: 110px; /*border-bottom:1px solid #666666;*/} 

	#logo {position: relative; left: 15px; top: 34px; height: 50px; width:252px;}



	



/*	#register {clear: both;  position: relative; float:right; width:300px; list-style-type:none;}*/

	#banner {position: relative; left: 295px; top: -40px; width:468px; height:85px;}

	

	ul#register {position:absolute; top:10px; right:0px; /*text-align:right; */width:100%;}

	ul#register li {display:inline; float:right; margin:0 5px 0 0; /*width:90px;  position:relative; */}

		

			#register li a#loginButton {width:113px; height:20px; text-indent:-9999px; display:block; background:url(../images/b_login.png) no-repeat; _background:url(../images/b_login-ie6.png) no-repeat;}

			#register li a#registerButton {width:84px; height:20px; text-indent:-9999px; display:block; background:url(../images/b_register.png) no-repeat; _background:url(../images/b_register-ie6.png) no-repeat;}

			#register li a#logoutButton {width:76px; height:20px; text-indent:-9999px; display:block; background:url(../images/b_logout.png) no-repeat; _background:url(../images/b_logout-ie6.png) no-repeat;}

			#register li a#myaccountButton {width:96px; height:20px; text-indent:-9999px; display:block; background:url(../images/b_myaccount.png) no-repeat; _background:url(../images/b_myaccount-ie6.png) no-repeat;}

				

				#register li a#loginButton:hover ,#register li a#registerButton:hover, #register li a#logoutButton:hover, #register li a#myaccountButton:hover {background-position:0 -24px ;}



 

/* ========================== =2 MAIN NAV ========================= */

#topmenu {/* border-color: #acacac; border-width: 1px; border-style: solid; */ position:relative; width:1000px; background:#999 url(../images/bg_main-nav-D.png) repeat-x;  margin-top:-1px; }



ul#nav {/*clear:both;*/font-family: "Lucida Grande", Verdana, Arial, sans-serif; position:relative; list-style:none; height:34px; width:980px; margin:0px; /*padding-left:10px;*/ font-size: 13px; font-weight:normal; color:#515151; padding-left: 10px;}



	ul#nav li {float:left; text-align:center; /*padding-right: 10px;*/ background: url(../images/bg_main-nav-item-D.png) top right;}

	ul#nav a {display:block; text-decoration:none; color: #515151; background:; padding:9px 15px 9px 12px; }

	 ul#nav li a.current  {color: #FFFFFF; background: url(../images/bg_main-nav-item-D.png) right -40px;}

 	ul#nav li a:active, ul#nav li a:focus, ul#nav li a:hover {text-decoration: underline; }



/* --------- Sub Nav --------- */

	ul#nav li.current ul {left:0px; padding-left: 10px;}

	ul#nav ul {padding: 0px; position:absolute; left:-999em; width:990px; list-style:none; background-color: #999999; font-size: 12px; z-index: 99; font-family: "Lucida Grande", Verdana, Arial, sans-serif; margin: 0px; color:#FFFFFF}

	

	ul#nav li ul li.sub {float:left; margin:0 0 0 0; background-color: #999999; background: none;}

	ul#nav li ul li.sub a { font-size:93%;  height:16px; padding:5px 10px 5px 10px;  margin:0px; color:#FFFFFF; background-image: none;}

	

	@media screen and (-webkit-min-device-pixel-ratio:0) {

	/* Safari 3.0 and Chrome rules here */

	ul#nav ul a {font-size:95%; color:#FFFFFF}

	}

	

	ul#nav ul li a.active {font-color:#ffffff; background-color: #3B80F6; background-image: none;}

	ul#nav ul li a:active, ul#nav ul li a:focus, ul#nav ul li a:hover {text-decoration: underline; }

	



/*========================= SEARCH =========================*/

	

	#searchContainer {z-index:555;  position:absolute; top:7px; left:830px;  width:200px;}

	#topsearch { }

		#topsearch input#q {width:130px; height:13px; font-size:10px; color:#666666;}

		#topsearch input#searchSubmit {margin:0 0 -6px 0;}



/* ========================== =3 MAIN CONTENT ========================= */



.hide {display: none;}

.description {margin: 0 0 10px 0; line-height:1.2em;}

.description a {color: #FF3F3F;}

.releaseDate {margin:0 0 6px 0; font-size:9px; text-transform: uppercase;}

.closeDate {font-size: 13px; font-weight: bold; margin-bottom: 10px;}



#front_top {float:left; margin-top:15px; width:980px; margin-left:15px; margin-bottom:15px;}



	#hilight {width: 980px; height: 376px; float: left; margin-bottom:-15px;}



#contentbody, #contentbodyB { float:left; padding-top: 10px; min-height:500px; height:auto !important; height:500px; width:719px; margin:10px 0px 0 0; }

	#contentbody {margin:5px 0px 0 15px;}

	#contentbodyB {margin:35px 0px 0 15px; *margin:20px 11px 0 0; }



	#contentbody h1, #contentbodyB h1 {/* page title */font-size:17px;}

	#contentbody h2, #contentbodyB h2 {/* subtitles */clear:both; font-size:12pt; font-family: Helvetica, arial; font-weight:bold; margin:0 5px 10px 0; color: #FFFFFF; background: url(ui-lightness/images/ui-bg_highlight-soft_75_666666_1x100.png) 50% 50% repeat-x;  background-color: #999999; padding:8px 5px 8px 10px; }

	

	.content_homeA, .content_homeB {float:left; min-height:265px;  height:auto !important; }

		.content_homeA {margin-right:10px; width:717px; margin-bottom:10px;}

		.content_homeB {margin-right:0px; width:348px;}

		.content_homeB:hover {background-color: #f8f8f8}

		

			

			.panelRight {float:right; width:108px;}

				.panelRight h3 {font-weight: bold; font-size: 10pt;}

			.panelLeft {float:left; width:105px; }	

			

			.homeEntLeft {float:left; width:190px; font-size: 9pt; padding-left: 7px; height:170px;}

				.content_homeB h3 {margin:8px 0 2px 0; font-size:11pt;}

			

			.homeEntLeft2 {float:left; width:200px; font-size: 9pt; padding-left: 7px; min-height:130px;}

			

			.homeEntRight2 {float:right; width:120px; text-align: center; margin-right: 10px;}

			

			.homeEntRight {float:right; width:140px; text-align: center;}

				.content_homeB #homePrice {clear:both; float:none; min-height:30px; height:auto !important; height:30px; margin:15px 0 0 0; padding:8px 8px 7px; /* background:#8d8c8c; */}

						#homePrice #homePriceAmount {float:left; width:190px; color:#fff;  font-size:11px; font-weight:bold; }

						#homePrice span.currentPrice {font-size:16px; text-decoration:bold; color:#0D80B0;}

						#homePrice #buyNow {float:right; width:120px; text-align:right;}

							#homePrice #buyNow form	{margin:0 0 0 0;}

							#buyNowButton {text-transform:uppercase; cursor: pointer; font-size:11px; color:#585858; background-color: #f5f5f5; }



 

/*==================== =4 SIDEBAR ===================================*/

#facebook_box {
padding-bottom: 5px;
-webkit-text-size-adjust: 80%;
}

#likebox-frame{
 border:2px solid #fbfbfb;
 width:176px;
 z-index:10;
 height: 243px;
 overflow: hidden;
 position:relative;
 top:-1px;
 left:-2px;
 
}
#likebox-frame iframe{
  left:-5px;
  overflow:hidden;
  position:relative;
  top:-1px;
  padding-bottom: 5px;
  -webkit-text-size-adjust: 80%;
}


.sidebar, #sidebar {float:right; width:240px; margin:15px 15px 10px 10px; }

	#homeSidebar {margin:20px 15px 10px 10px;}

	#dvdSidebar {margin:45px 15px 10px 10px;}

	#cinemaSidebar {margin:18px 15px 10px 10px;}
 	

	p#cartItems { margin: 5px 0px 0px 5px; font-size: 13pt; text-align: center;}

		p#cartItems a {font-size: 13px; color: #0D80B0;}

 	p a#buttonCart {width:195px; height:46px; margin:0pt 0pt 0pt 25px; background:url(../images/b_go-to-cart.png)}

	.sidebox_brand {background-color: #fbfbfb; margin-bottom: 10px;}



 	.sidebox {color: #404040;margin-bottom: 10px; background-color: #fbfbfb; }

 		.sidebox a {font-weight: bold;}

		.sidebox li {border-bottom-color: #cdcdcd; border-bottom-width: 1px; border-bottom-style: solid; list-style-type: none; color: #404040; padding-top: 8px; padding-bottom: 8px; }

		.sidebox li a {font-weight: bold;}

		.sidebox h4 {margin: 0px; margin-bottom: 5px;}

 		.sidebox p {margin-bottom: 10px;}

 

	ul.latest {margin: 0px; list-style-type: disc; padding-left: 10px; padding-right: 10px; }

	div.latest_dvd {margin: 0px; list-style-type: none; padding-left: 5px; padding-right: 5px; min-height: 155px}

	

	

	ul.latest_cinema {margin: 0px; list-style-type: none; padding-left: 12px; }

	ul.latest_trailers { list-style-image: url(../images/film.png); margin-left: 25px; }

	ul.latest_comp {margin: 0px; list-style-type: none; padding-left: 5px; }

	ul.latest_recs {margin: 0px; list-style-type: none; text-align: center; }

	/* ul.latest_comp li a {color:#fff; background-color: #000;} */

 	



 

/*====================== =5 GENERIC CONTENT ========================*/

/* content lists */

div.contentlist {list-style-type: none; margin:0px; }

	div.contentlist h3 {background-color: #1A579D; font-weight: normal; font-family: arial; font-size: 13pt; color: #333333; padding: 2px; padding-left: 12px; margin-bottom: 0px; }

	div.contentlist a.title {font-size: 13pt; font-family: arial; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em;}

		div.contentlist a.title:hover {text-decoration: underline;}

	div.contentlist div.author {font-size: 8pt; color: #999999; width: 400px; text-align: right; float: right;}

	div.contentlist p {clear:right; padding: 5px;}

	div.contentlist li {list-style-type: none; margin-top:10px;}

	 

 

/* content pages */

div.bylinebox {border-top: 1px solid #CCCCCC; background-color: #F5F5F5; font-size: 8pt; color: #333333; padding: 5px; margin:0 0 20px 0; width: 540px;}



div.downloadbox {float:right; border:1px solid #84b758; padding:10px; margin-left:10px; margin-bottom:20px; text-align:center; line-height:2em; font-weight:bold; background-color: #e3f4f3; }

	div.downloadbox a {font-size: 13pt; font-weight: bold; color: #4483ca;}

 

#breadcrumb {margin-bottom:5px; font-size:8pt; color:#333333;}

 

ul.gallery {list-style-type: none; clear:both;}

	ul.gallery li {float: left; display:inline; }

	ul.gallery img {margin: 10px;}

 



 

/* pagination */

ul.paginate { clear:both; float:right; position:relative; list-style-type:none; width:700px; margin:10px 0 20px 0; height:20px; text-align: center;}

	ul.paginate li {position:relative; float:right; display:inline;}

		ul.paginate li a {color: #606060; display:block; text-decoration:none; padding:2px 6px 2px 6px; font-family:arial; font-weight:bold; font-size:8pt; background-color:#FFFFFF; margin-left:8px; height:1%; border-color: #acacac; border-width: 1px; border-style: solid;}

		ul.paginate li a.active { height: 1%; background-color: #CCCCCC; color: #FFFFFF;}

		ul.paginate li a:hover {color: #000000; background-color: #FFFFFF; height: 1%; }





/* comments */

ol.comments a.name {color: #000000; font-weight: bold;}

ol.comments li {padding: 5px;}

ol.comments a.date {font-size: 8pt; padding-bottom: 10px;}

 

 

/* user account manager */

ul.account li {margin-bottom: 7px;}

ul.account li a.add {font-weight: bold;}





table {font-family:tahoma; font-size:9pt; border-collapse:separate; border-spacing:0; margin:0 0 1em; width:100%; color:#000;}

	table input {cursor:pointer; padding:5px; border:1px solid #999999; background-color:#F0F0F1; }

	thead th, thead td, tfoot th, tfoot td {padding:5px; color:#ffffff; background:#47697e; font-weight:bold; border:0px; border-bottom:1px solid #103c58; }

	th {font-weight:bold; line-height:normal; padding:0.25em 0.5em; text-align:left;}



tbody th, td {padding:0.25em 0.5em; text-align:left; padding: 5px; vertical-align:top;}

tbody th {font-weight:normal; white-space:nowrap;}

tbody th a:link, tbody th a:visited {font-weight:bold;}

tbody td, tbody th {border-bottom:1px solid #cccccc; padding:5px; border-width:1px 0;}



tbody tr.odd th,

tbody tr.odd td { padding: 5px; background:#F5F5F5; border-bottom:1px solid #cccccc; border-width:1px 0; border-top: 0px;}

tbody tr:hover td, tbody tr:hover th {background:#e2e8f4; padding: 5px; border-bottom:1px solid #CCCCCC;}

	

div.notice { margin:10px 0 10px 0; padding:15px; font-weight:bold; color:#588cbe; border:1px solid #588c2c; background-color:#e3f0d8;}





.button {float:left; margin-right:15px; font-size: 10pt; text-align: center;}

.button_det {float:right;}



.button2 {width:75px; float:left; padding-top: 4px; border-color: #C9C9C9; border-left: 1px; border-style: solid;}





/*=================== =6 HOMEPAGE ===================================*/

/* vertical tabs */



.ui-tabs-vertical {width:963px; background-color: none;}

.ui-tabs-vertical ul {width:245px;}

.ui-tabs-vertical .ui-tabs-nav {float:right; background: none; margin-bottom:4px; padding:0px; }



	.ui-tabs-vertical .ui-tabs-nav li {clear:left; margin-bottom:3px; padding:0px; border-color: #acacac; border-width: 1px; border-style: solid; white-space: nowrap; /* required in IE 6 */   }

	.ui-tabs-vertical .ui-tabs-nav li a {display:block; width:240px; text-align: right; white-space: nowrap; /* required in IE 6 */  }



.ui-tabs-vertical .ui-tabs-nav li .ui-tabs-selected {background-image: url(ui-lightness/images/ui-bg_highlight-soft_75_red_1x100.png); background-repeat: repeat-x; white-space: nowrap; /* required in IE 6 */  }



.ui-tabs-vertical .ui-tabs-panel {float:left; width:670px; padding:0; -moz-border-radius: 5px; -webkit-border-radius: 5px; white-space: nowrap; /* required in IE 6 */  }







#homeside {margin-bottom: 10px; width: 250px; float: left;}



	h3#titleAdultSwim a {background-repeat: no-repeat; width:227px; height:71px; background: url(../images/adult_logo.gif)}

	

#brands {list-style-type: none; margin:2px;}





/*===================== =7: TRAILERS ===================================*/

/* Panels */

.trailer_top {margin-bottom: 20px; width: 665px; height: 300px; float: left;background: #CCC;padding:10px;-moz-border-radius:5px;}

.trailer_iteml {margin-bottom: 20px;margin-right: 20px;width: 332px; height: 300px; float: left;background: #CCC;-moz-border-radius:5px;}

.trailer_itemr {margin-bottom: 20px;width: 332px; height: 300px; float: left;background: #CCC;-moz-border-radius:5px;}

.trailer_detail {float:left; width:227px; margin-left:10px; margin-top:0px; height:360px; text-align: left; }

.trailer_text {padding:15px;}

.trailer_stills {margin-bottom: 20px;width: 665px;float: left;background: #CCC;padding:10px;-moz-border-radius:5px;}

.trailer_similar {margin-bottom: 20px;width: 665px;height: 300px;float: left;background: #CCC;padding:10px;-moz-border-radius:5px;}

#trailer_frame {width: 719px; height: 380px; border: 0px; }

.trailer_list {margin-bottom: 20px; padding-left: 15px;}





 

 

 /*=================== CINEMA LISTINGS =============================*/



@media screen and (-webkit-min-device-pixel-ratio:0) {

	/* Safari 3.0 and Chrome rules here */

	.cinemaListingPrevious .ui-widget-header {}

	.cinemaSoon {margin-top: 20px;}

	.cinemaNow {margin-top: 0px;}

	}

	

	.cinemaListingPrevious {margin-top: 20px;}

	.cinemaSoon {margin-top: 20px; margin-bottom: 20px; min-height: 340px;}

	.cinemaNow {margin-top: 0px; min-height: 340px;}







.cinemaListingImage {margin:0 0 0 3px;}



 

 /*=================== RELEASES ====================================*/

   

 /* Panels */



img.mediumCinemaPoster {margin:5px 0 5px 0px;}

 

 

.content_cinema {margin-bottom: 20px;width: 312px; height: 450px; float: left;padding-left:10px;padding-right:10px;margin-right: 20px}

.content_home { width:312px; height:450px; float:left; margin-bottom:20px; padding:0 10px 0 10px;}

#content_tom {width:717px; float:left; margin-bottom:20px; margin-right:10px; min-height: 280px;}



#content_top, #content_top_DVD {float:left; width:717px; margin-bottom:10px; margin-right:10px;}

	#content_top { min-height:483px; height:auto !important; height:483px; }

	#content_top_DVD { min-height:183px; height:auto !important; height:183px; }

	.content_top h2 {text-decoration: none;clear:both; font-size:12pt; font-weight:bold; padding:5px; padding-left:7px; color:#fff;background-color: #47697E;margin:3px;}

		.content_top h2 a {color: #fff;}

			.content_top h2:hover {text-decoration: underline;clear:both;font-size: 12pt;font-weight: bold;padding:5px;color: #47697E;border-bottom: 2px solid #47697E;}



#content_bottom {float:left; width:717px; min-height:150px; height:auto !important; height:150px; margin-bottom:10px; margin-right:10px;}



.content_item, #content_item {float: left; margin:0 5px 10px 5px; width:347px; min-height:281px; height:auto !important; height:202px; position: relative;}

		.content_item_thumb {float:left; width:225px; height:200px;  margin:0px 6px 10px 6px; }

		.content_item_trailer {float:left; width:225px; min-height:233px; height:auto !important;  margin:0px 6px 10px 6px; text-align: center; background-color: #999999;}

		.content_item_static {padding-left: 10px; }



.content_itemr {margin-bottom: 20px; width: 332px; height: 300px; float: left;background: #CCC;}

#content_detail { float:left; width: 717px; margin-bottom:10px; position: relative; }

	#content_detail_left {float:left; width:450px; font-size:12px; padding-left: 7px; padding-top:7px; min-height:230px;}

	#content_detail_left2 {float:left; width:350px; font-size:13px; padding-left: 7px; padding-top:7px; margin-right: 10px;}

	#content_detail_left2 li {margin-left:20px;}

	#content_detail_right {float:right; width:220px; margin-top: 10px; margin-left: 20px;}

	#content_detail_right2 {float:left; width:330px; margin-top: 10px;}

	

		#content_detail p {margin:0 0 10px 0;}

	

#content_stills {margin-bottom: 10px;width: 717px; float: left;}



#content_links { clear:both; width:691px; margin-bottom: 10px;}

	#content_links li {float:left;}

		#content_links #content_links_left {float:left; width:470px; padding:2px 0 0 0; list-style:none; margin-bottom: 10px;}

			#content_links #content_links_left li {margin:0 7px 0 0;}

				#content_links_left #buttonOfficial {width:123px; height:19px; background:url(../images/sprite_detail-buttons.png) no-repeat;}

							#content_links #content_links_left li a#buttonOfficial:hover {background-position:0 -19px;}

				#content_links_left #buttonSend {width:123px; height:19px; background:url(../images/sprite_detail-buttons.png) -133px 0 no-repeat;}

							#content_links #content_links_left li a#buttonSend:hover {background-position:-133px -19px;}

		

		#content_links #content_links_right {float:right; list-style:none; margin-bottom: 10px;}

			#content_links #content_links_right li {margin:0 7px 0 0;}

				#content_links_right #iconFacebook {width:24px; height:24px; background:url(../images/sprite_twitter-facebook-lnkdn.png) no-repeat;}

				#content_links_right #iconMyspace {width:24px; height:24px; background:url(../images/sprite_twitter-facebook-lnkdn.png) -24px 0 no-repeat;}

				#content_links_right #iconTwitter {width:24px; height:24px; background:url(../images/sprite_twitter-facebook-lnkdn.png) -48px 0 no-repeat;}

		

			

#content_trailer {float:left; width:717px; margin-bottom:10px; min-height:378px; text-align: left; background-color: #D9D9D9;}



.media {/*height:90px;*/ float:left; }

.media embed {height:400px;}





.content_similar {margin-bottom: 20px;width: 665px;float: left;background: #CCC;padding-left:10px;padding-right:10px;padding-bottom:10px;}

.release_img {float:right; margin-top: 5px; margin-left: 10px; margin-bottom: 10px}

.summary {font-weight: bold;float:left;}

.linksbar { font-weight: bold; height: 20px;}





/* lightbox */

#content_stills ul {list-style:none; margin:10px 0 10px 10px;}

#content_stills ul li { display: inline; margin-right: 4px;}

#content_stills ul img {

	border: 5px solid #3e3e3e;

	border-width: 5px 5px 20px;

}

#content_stills ul a:hover img {

	border: 5px solid #ccc;

	border-width: 5px 5px 20px;

	color: #fff;

}

#content_stills ul a:hover { color: #fff; }





/* =================  SALES/INFO BOXES FROM TOP OF DVD AND CINEMA PAGES ========== */



.price { margin:0 10px 10px 5px; padding:10px; font-size:11px; font-weight:bold; line-height:1.3em; background-color: #DFDFDF; float:left; color: #2F2F2F; width:90%;}

.price_w { margin:0 10px 10px 5px; padding:10px; font-size:11px; font-weight:bold; line-height:1.3em; background-color: #DFDFDF; float:left; color: #2F2F2F; width:95%;}

.price_b {float:left; width:158px; min-height:59px; height:auto !important;  margin:0 10px 10px 0; padding:6px 6px 6px 6px; font-size:11px; font-weight:bold; line-height:1.3em; background: url(../images/bg_detail-store.png) repeat-x bottom left; }

.price_det {float:left; margin-bottom: 5px; margin-top: 5px; width:160px; height:16px;}

.priceLeft2 {padding:5px 10px 9px 6px;}

	.price h3 {margin:0 0 2px 0; font-size:16px; text-decoration:bold;}

	.price .priceLeft {float:left; width:70px;}

	.currentPrice {font-size:16px; text-decoration:bold; color:#CB0000;}

	.price .priceRight {float:right; width:70px; font-size:14px; text-align:right;  }

	.price .priceRightB {float:right; width:70px; font-size:14px; text-align:right; padding-top: 4px}

	

	.price_b h3 {margin:0px; font-size:16px; text-decoration:bold;}

	.price_b .priceLeft {float:left; width:65px;}

	.price_b .priceLeft span.currentPrice {font-size:16px; text-decoration:bold; color:#CB0000;}

	.price_b .priceRight {float:right; width:80px; font-size:14px; text-align:right;}

	.price_b .priceRightB {float:right; width:80px; font-size:14px; text-align:right;}

	

#price_dvd {margin-bottom: 10px; margin-right: 10px;width: 140px; height: 90px; float: left;}

#price_bray {margin-bottom: 10px; margin-right: 10px;width: 140px; height: 90px; float: left;}

#price_download {margin-bottom: 10px; margin-right: 10px;width: 140px; height: 90px; }

#price_cinema {margin-bottom: 20px; width: 140px; height: 90px; float: left;}







/*===================== NEWS =======================================*/

 /* Panels */

 .news_top {margin-bottom: 20px;width: 665px; height: 400px; float: left;background: #CCC;padding:10px;-moz-border-radius:5px;}

 .news_item {list-style-type: none; margin-bottom: 10px;margin-right: 20px; width: 480px;  float: left;}

	 .news_item h3 {}

	 .news_item p {}

	 

 .news_detail {margin-bottom: 10px; padding:10px; font-size: 12px;}

 .news_author {font-size: 8pt; color: #383838; width: 200px; float: right; text-align: right; position: relative; margin-top: -33px; }

 #news_image {float:right; margin-left: 10px; margin-bottom: 10px;}

 .news_text {float: left;}

 .news_date {font-size: 8pt; color: #e7e7e7; width: 200px; float: right; text-align: right; position: relative; margin-top: -16px; }



/*===================== COMP PANELS or "Panels" from competition.css ================================*/

.comp_item {margin-bottom:20px; width:695px; height:200px; float:left; background:#CCC; padding:10px; -moz-border-radius:5px;}

.comp_iteml {margin:0 20px 20px 0; width:332px; height:300px; float:left; background: #CCC; -moz-border-radius:5px;}

.comp_itemr {margin-bottom:20px; width:332px; height:300px; float:left; background:#CCC; -moz-border-radius:5px;}

.comp_detail {margin-bottom:20px; width:665px; float:left; background:#CCC; padding:10px; -moz-border-radius:5px;}

.comp_stills {margin-bottom:20px; width:665px; float:left; background:#CCC; padding:10px; -moz-border-radius:5px;}

.comp_similar {margin-bottom:20px; width:665px; height:300px; float:left; background:#CCC; padding:10px; -moz-border-radius:5px;}

 

 

 

 /*======================== JOBS ====================================*/

 /* Panels */

.job_top {margin-bottom: 20px;width: 665px; height: 400px;float: left;background: #CCC;padding:10px;-moz-border-radius:5px;}

.job_item {margin-bottom: 20px;margin-right: 20px;width: 332px; height: 300px; float: left;background: #CCC;-moz-border-radius:5px;}

.job_detail {margin-bottom: 20px;width: 665px; float: left;background: #CCC;padding:10px;-moz-border-radius:5px;}

.job_stills {margin-bottom: 20px;width: 665px; float: left;background: #CCC;padding:10px;-moz-border-radius:5px;}

.job_similar { margin-bottom: 20px; width: 665px; height: 300px; float: left; background: #CCC; padding:10px; -moz-border-radius:5px;}

 





/*========================== =8 FORMS ==================================*/



.form h2 {clear:both;font-size: 12pt;font-weight: bold;padding: 8px;padding-left: 0px;color: #47697E;border-bottom: 2px solid #47697E;margin-bottom: 5px;}

.form fieldset {border: 1px solid #d9eec6;margin-left: 10px;margin-right: 10px;}

.form legend {padding: 7px;color: #5B7444;font-weight: bold;}

.form ol {margin: 5px;padding-left: 10px;}

.form li {list-style: none;padding-bottom: 10px;margin-bottom: 10px;}

.form li.news {position: relative;left: 145px;}

.form label {font-weight: normal;float: left;display: block;width: 140px;text-align: right;font-weight: bold;font-size: 10pt;padding-right: 10px;}

.form label.below {color: #333333;}

.form input {border: 1px solid #CCCCCC; background-color: #F5F5F5; padding: 4px;}

.form input.submit {position: relative;left: 145px;color: #fff;font-size: 10pt;/*	border: 1px solid #CCCCCC; */margin-top: 7px;/*	background-color: #cdd9e0;*/background-color:#d92406;cursor:pointer;}

.form input. {position: relative;left: 145px;color: #fff;font-size: 10pt;/*	border: 1px solid #CCCCCC; */margin-top: 7px;/*	background-color: #cdd9e0;*/background-color:#d92406;cursor:pointer;}

.form em {color: red;}

.form p {padding: 15px;}

.form div.help {clear:both;position: relative;left: 150px;color: #333333;font-size: 8pt;font-family: arial;width: 300px;}

.form div.error {/* for field-specific errors */clear: both;position: relative;font-family: arial;left: 150px;width: 300px;color: red;font-size: 8pt;font-weight: bold;}

.form div.formerror {/* for form-wide errors, displayed at the top */background-color: #fad5d5;padding: 15px;font-weight: bold;color: #e10606;border: 1px solid #c90303;margin-top: 10px;margin-bottom: 10px;}

.form div.formnotice {/* for form-wide notices, displayed at the top */background-color: #e3f0d8;padding: 15px;font-weight: bold;color: #588c2c;border: 1px solid #588c2c;margin-top: 10px;margin-bottom: 10px;}

#postcomment label {width: 70px;}

#postcomment textarea {width: 300px;height: 110px;}

#postcomment input.submit {left: 80px;}

#postcomment div.help {left: 80px;}



/* for the subscription packages page */

.form input.purchase {background-color: #d9eec6;border: 1px solid #A3C586;color: #5B7444;font-size: 11pt;}

.form div.packagebutton {float: left;width: 100px;text-align: center;padding: 10px;margin-bottom: 15px;}

.form div.packagedescription {float: left;width: 400px;padding: 2px;margin-bottom: 15px;}





/*===================== MY ACCOUNT =======================*/



ul.account {margin:0 0 0 25px;}





/* ========================== =9 FOOTER ========================= */

#footer { clear:both; height:28px; /* border-color: #acacac; border-width: 1px; border-style: solid; */ color:#ffffff; font-size:8pt; background-color:#008cbb; background: url(../images/bg_footer.png) repeat-x; margin-bottom: 10px; width:1000px;}



/* footer menu */

#menu_foot {float:right; width:600px;padding: 5px; list-style-type:none; position: relative; padding-left:10px;}

	#menu_foot li {position: relative; float: right; display: inline; }

	#menu_foot li a {color: #fff; display: block; text-decoration: none; padding-left:15px; padding-right:15px; font-size:8pt; margin: 0px;}

	#menu_foot li a:hover {text-decoration: underline;}

	#menu_foot li a.active {color: #fff;}

 

#menu_foot_left {float:left; width:230px;padding: 5px; list-style-type:none; position: relative; padding-left:10px;}

	#menu_foot_left li {position: relative; float: left; display: inline; }

	#menu_foot_left li a {color: #fff; display: block; text-decoration: none; padding-left:120px; padding-right:15px; font-size:8pt; margin: 0px; background:url(../images/icon_usa.png) no-repeat;}

	#menu_foot_left li a:hover {text-decoration: underline;}

	#menu_foot_left li a.active {color: #fff;}

	#share {float:right; margin-bottom: 10px; text-align: center;}

	#share2 {margin-bottom: 10px; text-align: center;}

	#copyright {font-size: 8pt; text-align: center; margin-bottom: 10px;}



 

/*========================== =10 CAROUSEL =====================*/





        /* slider specific CSS */

        .sliderGallery {

            background: url(http://static.jqueryfordesigners.com/demo/images/productbrowser_background_20070622.jpg) no-repeat;

            overflow: hidden;

            position: relative;

            padding: 10px;

            height: 160px;

            width: 560px;

        }

        

        .sliderGallery ul {

            position: absolute;

            list-style: none;

            overflow: none;

            white-space: nowrap;

            padding: 0;

            margin: 0;

        }

        

        .sliderGallery ul li {

            display: inline;

        }

        

        .slider {

            width: 542px;

            height: 17px;

            margin-top: 140px;

            margin-left: 5px;

            padding: 1px;

            position: relative;

            background: url(http://static.jqueryfordesigners.com/demo/images/productbrowser_scrollbar_20070622.png) no-repeat;

        }

        

        .handle {

            position: absolute;

            cursor: move;

            height: 17px;

            width: 181px;

            top: 0;

            background: url(http://static.jqueryfordesigners.com/demo/images/productbrowser_scroller_20080115.png) no-repeat;

            z-index: 100;

        }

        

        .slider span {

            color: #bbb;

            font-size: 80%;

            cursor: pointer;

            position: absolute;

            z-index: 110;

            top: 3px;

        }

        

        .slider .slider-lbl1 {

            left: 50px;

        }

        

        .slider .slider-lbl2 {

            left: 107px;

        }

        

        .slider .slider-lbl3 {

            left: 156px;

        }



        .slider .slider-lbl4 {

            left: 280px;

        }



        .slider .slider-lbl5 {

            left: 455px;

        }



#accordion a{
font-size: 12px;
}









