/**
 * Header
 */

.header {
	padding-bottom: 15px }

.header h1.logo {
	display: block;
	width: 410px;
	height: 99px;
	background: url('../images/logo-njutafilms-3.gif') 0 0 no-repeat }

.header .nav {
	float: right;
	padding-top: 13px; }
	
	.header .nav li {
		display: block;
		float: left;
		padding-left: 5px }
	
	.header .nav li#twitter {
		padding-left: 0 }
	
	.header .nav li.search {
		padding-left: 15px }
	
	.header .nav .icon {
		margin-top: 3px	}
	
	.safari .header .nav .icon,
	.chrome .header .nav .icon {
		margin-top: 4px	}


/**
 * Modules
 */

.module {
	margin-bottom: 15px }
	
.module.slideshow {
	margin-bottom: 5px;
	padding-bottom: 25px;
	background: url('../images/shadow-banner-1.gif') 0 100% no-repeat }

.module.navigation {
	margin-bottom: 20px }

.module.news li {
	padding-bottom: 10px }

.module.retailers h2 {
	padding-bottom: 2px }

.module.retailers p {
	padding-bottom: 10px }

.module.retailers li {
	padding-bottom: 10px }

.module.banners {
	clear: left }

.js-active .wholesale .module.movie-list {
	display: none }

.module.movie-list {
	list-style: none;
	margin-bottom: 4px;
	padding: 0 0 15px 0;
	background: url('../images/background-list-1.gif') 0 100% no-repeat }
	
	.wholesale .module.movie-list {
		margin-bottom: 20px	}
	
	.single .module.movie-list {
		background: none }
	
	.module.movie-list.one-row {
		background: url('../images/background-list-2.gif') 0 100% no-repeat }
	
		.single .module.movie-list.one-row {
			background: none }
	
	.module.movie-list ul {
		padding-left: 10px }
		
		.single .module.movie-list ul {
			padding-left: 0	}
		
	.module.movie-list li {
		overflow: hidden;
		float: left;
		width: 130px;
		border: 1px solid #FFF;
		padding: 7px 0px 5px 0;
		margin: 5px 2px 2px 5px }
		
		.single .module.movie-list li {
			width: 126px;
			margin: 5px 2px 2px 5px }
			
			.single .module.movie-list li.first {
				margin-left: 0 }
		
		.module.movie-list li.hover {
			cursor: pointer;
			/*background: #fff9f9;
			border-color: #ffc6c9;*/
			background: #fefefe;
			border-color: #ececec }
		
		.module.movie-list li.hover.click,	
		.module.movie-list li.click {
			background: #fefefe;
			border-color: #ececec }
		
	.module.movie-list li img {
		margin-bottom: 0 }
	
	.module.movie-list li p {
		padding-bottom: 0 }

.empty-image {
	position: relative;
	background: #eeeded;
	width: 95px;
	height: 129px;
	margin: 5px auto 9px auto }
	
	.empty-image.large {
		width: 160px;
		height: 214px;
		margin-bottom: 28px }

.empty-image p {
	position: absolute;
	width: 100%;
	top: 38% }
	
	.empty-image.large p {
		top: 42% }

.module.top-chart li.first {
	margin-left: 70px }
	
.footer .module {
	margin-bottom: 0 }

.module.top-list ol {
	list-style: decimal;
	list-style-position: outside;
	padding-left: 20px; }
		
.footer .module.puff {
	margin-left: -20px;
	padding-left: 20px;
	border-left: 1px solid #656565 }
	
	.footer .module.puff img {
		margin-top: 8px;
		margin-bottom: 2px }

.module.blockbusters li {
	padding-bottom: 10px }


/**
 * Page
 */

table {
	margin: 0 }

table th {
	padding-right: 20px }

.content {
	padding-bottom: 30px }

.content object {
	display: block;
	float: left }

.content object,
.content img {
	margin-bottom: 20px }

	.content img.cover {
		margin-bottom: 10px	}

/**
 * Archive
 */

.archive .content ul li {
	padding-bottom: 10px }

.archive .content .module.movie-list ul li {
	padding-bottom: 5px }


/**
 * Wholesale
 */

.wholesale #wholesalesort {
	display: none }

.js-active .wholesale #wholesalesort {
	display: block }

.wholesalesort {
	padding: 0 0 20px 0 }


/**
 * Slideshow
 */
 
.slideshow {
	position: relative }
		
	.slideshow img {
		float: left }

	.slideshow h3 {
		padding-bottom: 12px;
		padding-top: 0 }

	.slideshow li {
		background: transparent;
		clear: left }
	
	#prev,
	#next {
		display: none;	
		position: absolute;
		top: 50%;
		margin-top: -10px;
		width: 19px;
		height: 19px }
	
	.js-active #prev,
	.js-active #next {
		display: block }
	
	a#prev {
		left: -10px;
		background: url('../images/btn-left-1.gif') 0 0 no-repeat }
		
		.slideshow a:hover#prev {
			background-position: 0 0 }
	
	a#next {
		text-align: right;
		right: -10px;
		background: url('../images/btn-right-1.gif') 0 0 no-repeat }
		
		a:hover#next {
			background-position: 0 0 }


/**
 * Infinit loader
 */
 
#infscr-loading {
	display: block;
	float: left;
	width: 520px;
	background: #e3e3e3;
	border: 1px solid #bdbdbd;
	padding: 7px 10px 7px 10px;
	margin: 0 10px 5px 18px }
	
	#infscr-loading em {
		line-height: 12px }
	
	#infscr-loading img {
		display: none }


/**
 * Pagination
 */
 
.pagination {
	clear: left;
	padding: 7px 0 }


/**
 * Footer
 */

.footer {
	clear: left;
	display: block;
	width: 100%;
	float: left;
	padding: 25px 0;
	background: #080808 url('../images/background-footer-1.gif') 0 0 repeat-x }


/**
 * Left sidebar
 */

.left-sidebar {}

.navigation li {
	display: block;
	padding: 3px 0 5px 0;
	background: url('../images/border-navigation-1.gif') 50% 100% no-repeat }
	
	.navigation li.first {
		padding-top: 0 }
	
	.navigation li.last {
		background: none }

.navigation li a {
	padding: 6px 7px }

.navigation li.current-cat a,
.navigation li.current-menu-item a {
	background: #f4c504 }


/**
 * Icons
 */

.icon.facebook,
.icon.twitter {
	display: block;
	width: 22px;
	height: 22px;
	background: url('../images/icons/sprite-icons-2.gif') 0 0 no-repeat }

.icon.facebook {
	background-position: 0 0 }
	
	.icon.facebook:hover {
		background-position: 0 -27px }
		
.icon.twitter {
	background-position: 0 -54px }
	
	.icon.twitter:hover {
		background-position: 0 -81px }

a.icon.enlarge {
	padding: 2px 0 2px 19px;
	background: url('../images/icons/icon-enlarge-1.gif') 0 1px no-repeat }

a:hover.icon.enlarge {
	background-position: 0 -24px }


/**
 * Overlay
 */
 
/* the overlayed element */
.overlay {
	display: none;
	z-index: 10000;
	background-color: #FFF;
	padding: 20px;
	min-height: 200px;
	-moz-box-shadow: 0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000; }

	.overlay img {
		display: block;
		float: left;
		margin: 0;
		padding: 0 }
		
/* close button positioned on upper right corner */
.overlay .close {
	background-image: url('../images/overlay/close.png');
	position: absolute;
	right: -12px;
	top: -12px;
	cursor: pointer;
	height: 28px;
	width: 28px }


/**
 * Twitter widget
 */

.twitter-timeline {
	margin-left: -10px;
	margin-bottom: 20px }


/**
 * Effects
 */

.module.movie-list li {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px }

#infscr-loading,
.overlay,
.newsletter .input-text {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px }

.search .input-text {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px }