/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	/*font-size: 100%;*/	vertical-align: baseline;	background: transparent;
}
body {	line-height: 1;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}

/* Body */
body {
	background: #494542 url(../images/background.png) top left repeat-x;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Generic Typography */
a {
	color: #924a1a;
	text-decoration: underline;
	font-weight: bold;
}
p.big {
	font-weight: bold;
	font-size: 14px;
}

/* Page Template Layout */
#container {
	width: 990px;
	margin: 0 auto;
}
#header {
	width: 990px;
	height: 100px;
	background: #62615d url(../images/background-header.png) top left repeat-x;
	position: relative;
}
#header img {
	float: left;
	margin: 26px 0 0 28px;
}
#header .header_nav {
	float: right;
	margin: 28px 0 0 0;
	font-size: 10px;
	font-weight: bold;
	color: white;
	height: 22px;
	line-height: 22px;
	width: 650px;
	overflow: hidden;
}
#header .header_nav span {
	display: block;
	float: left;
}
#header .header_nav a, #header .header_nav a:visited, #header .header_nav a:hover, a:active {
	color: white;
	text-decoration: none;
}
#header .header_nav #welcome {
	margin: 0 30px 0 0;
	width: 386px;
	text-align: right;
}
#header .header_nav #welcome a {
	text-decoration: underline;
}
#header .header_nav #account {
	margin: 0;
	background: transparent url(../images/icon-account.png) 0 3px no-repeat;
	padding: 0;
	width: 92px;
}
#header .header_nav #account a {
    display: block;
    width: 92px;
    text-indent: 25px;
}
#header .header_nav #cart {
	margin: 0;
	padding: 0;
	background: transparent url(../images/icon-cart.png) 0 3px no-repeat;
	width: 57px;
}
#header .header_nav #cart a {
    display: block;
    width: 57px;
    text-indent: 20px;
}
#header .header_nav #help {
	padding: 0;
	background: transparent url(../images/icon-help.png) 0 3px no-repeat;
	margin: 0;
	width: 75px;
	overflow: hidden;
}
#header .header_nav #help a {
    display: block;
    width: 75px;
    text-indent: 20px;
}
#header .search {
	float: right;
	margin: 10px 38px 0 0;
	height: 26px;
	border: none;
	width: 318px;
	padding: 0;
	display: inline;
}
#header .search input, #header .search button {
	border: none;
	margin: 0;
	padding: 0;
}
#header .search .box {
	width: 224px;
	height: 18px;
	float: left;
	background: #eeeeee url(../images/background-searchbox.png) top left no-repeat;
	color: #5a5f5b;
	line-height: 18px;
	padding: 4px 6px 2px 6px;
}
#header .search .btn {
	width: 66px;
	height: 24px;
	background: #886811 url(../images/button-search.png) top left no-repeat;
	text-indent: -9999px;
	float: left;
	cursor: pointer;
}
#store-details {
    position: absolute;
    top: 14px;
    left: 290px;
    width: 260px;
    padding: 10px;
    color: #ffffff;
    font-size: 10px;
}
#store-details a {
    color: #ffffff;
    text-decoration: underline;
}
#navbar {
	width: 990px;
	height: 40px;
	background: #b6b6b6 url(../images/background-navbar.png) top left repeat-x;
	font-weight: bold;
	font-size: 11px;
}
#navbar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 990px;
	height: 40px;
}
#navbar ul li {
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	background: transparent url(../images/divider-navbar.png) top right no-repeat;
	padding: 0;
	list-style-type: none;
}
#navbar ul li a {
	color: black;
	text-decoration: none;
	padding: 0 30px;
	line-height: 40px;
	height: 40px;
	display: block;
}
* html #navbar ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
ul li#genres {
	padding: 0 30px;
}

li#genres span {
	display: block;
	float: left;
	padding: 0 10px 0 0;
}
#genres ul {
	margin: 0;
	padding: 0;
	width: 150px;
}
ul#genrelist {
	text-align: left;
	border: 1px solid #949494;
	width: 150px;
	height: 17px;
	display: block;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 17px;
	background: #eeeeee url(../images/background-arrow-down.png) right top no-repeat;
	list-style-type: none;
}
ul#genrelist a {
	color: black;
	text-decoration: none;
	height: 17px;
	line-height: 17px;
}
ul#genrelist li {
	width: 150px;
	height: 17px;
	line-height: 17px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 5px;
	position: relative;
	background-image: none;
	display: block;
	float: none;
	z-index: 1000;
}
ul#genrelist li ul {
	display: none;
	position: absolute;
	margin: 0 0 0 0;
	padding: 0;
	width: 150px;
	height: 17px;
	left: -1px !important;
	top: 18px !important;
	z-index: 500;
}
ul#genrelist li ul li {
	display: block;
	width: 150px;
	height: 17px;
	padding: 0;
	margin: 0;
	background: #eeeeee;
	border-left: 1px solid #949494;
	border-right: 1px solid #949494;
	border-bottom: 1px solid #949494;
}
ul#genrelist li ul li a {
	display: block;
	width: 150px;
	height: 17px;
	line-height: 17px;
	padding: 0;
}
ul#genrelist li ul li a:hover, ul#genrelist li ul li a:active, ul#genrelist li ul li a.active {
	background: #ecead5;
}
#content {
	background: #ecead5;
	width: 990px;
	padding: 20px 0 20px 0;
}

#main-content {
	min-height:300px;
	height:auto !important;
	height:300px;
	margin: 0 0 0 18px;
	padding: 0;
}
.col, .leftcol, .rightcol {
	margin: 0;
	padding: 0 14px 0 14px;
	float: left;
	background: white;
	display: inline; /*double-float bug avoidance*/
}
#main-content h2 {
	background: #797272;
	margin: 0 -14px 14px -14px;
	padding: 0 0 0 14px;
	color: white;
	height: 34px;
	line-height: 34px;
	font-size: 12px;
}
#footer {
	width: 990px;
	height: 44px;
	background: #797272;
	font-size: 10px;
	color: white;
	margin: 0 0 20px 0;
	clear: both;
}
#footer p {
	margin: 0;
	padding: 0;
	text-indent: 30px;
	line-height: 40px;
}
#footer a {
    color: White;
}


/* Layouts */
.cols-5 { /* Search & Browse pages */
	background: transparent url(../images/background-5-column.png) top left repeat-y;
}
.cols-5 .leftcol {
	width: 138px;
	background: white;
}

.cols-4 { /* Homepage */
    background: transparent url(../images/background-4-column.png) top left repeat-y;
}
.cols-4 .leftcol {
    width: 269px;
    background: white;
}
.cols-4 .rightcol {
    width: 183px;
    margin: 0 0 0 8px;
}
.cols-2-left { /* Details page */
	background: transparent url(../images/background-2-column-left.png) top left repeat-y;
}
.cols-2-left .leftcol {
	width: 707px;
}
.cols-2-left .rightcol {
	width: 183px;
	margin: 0 0 0 8px;
}

.cols-2-equal { /* Register page */
	background: transparent url(../images/background-2-column-equal.png) top left repeat-y;
	margin: 20px 8px 0 18px;
}
.cols-2-equal .col {
	width: 444px;
	margin: 0 10px 0 0;
}

.cart { /* Cart page */

}
.cart .leftcol {
	width: 707px;
	padding-bottom: 16px;
	min-height: 296px;
	height: auto !important;
	height: 296px;
}
.cart .rightcol {
	margin: 0 0 0 8px;
	width: 183px;
}

.cols-3 { /* Checkout page */
	background: transparent url(../images/background-3-column.png) left top repeat-y;
	margin: 20px 0 0 18px;
}
.cols-3 .col {
	width: 284px;
	margin: 0 9px 0 0;
}

.cols-1 { /* Thanks page */
	width: 954px;
}
.cols-1 .col {
	width: 926px;
	padding-bottom: 14px;
	min-height: 286px;  
}

.cols-2-right { /* Help page */
	background: transparent url(../images/background-2-column-right.png) left top repeat-y;
}
.cols-2-right .leftcol {
	width: 136px;
}
.cols-2-right .rightcol {
	width: 754px;
	margin: 0 0 0 8px;
}

/* Page Content Layout */
.home .leftcol .also-link a {
    background: transparent url(../images/arrow-right-green.png) 270px 6px no-repeat;
    display: block;
    height: 30px;
    width: 297px;
    margin: 0 -14px;
    text-indent: 14px;
    line-height: 30px;
    border-top: 8px solid #ecead5;
    color: #666666;
    text-decoration: none;
}
.home .leftcol p {
    line-height: 18px;
    margin-top: 6px;
}
.home .rightcol .also-link a {
    background: transparent url(../images/arrow-right-green.png) 170px 10px no-repeat;
    display: block;
    height: 36px;
    width: 187px;
    margin: 0;
    line-height: 36px;
    color: #666666;
    text-decoration: none;
}


.browse .leftcol p {
	font-weight: bold;
	border-bottom: 1px solid #d2d2d2;
	padding: 8px 0 16px 0;
	margin: 0;
}
.browse .leftcol ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.browse .leftcol ul li {
	margin: 0;
	padding: 0;
	height: 26px;
	line-height: 26px;
	display: block;
	border-bottom: 1px solid #d2d2d2;
}
.browse .leftcol ul li a {
	color: #666666;
	text-decoration: none;
	text-indent: 33px;
	display: block;
	height: 24px;
	background: transparent url(../images/background-item-unchecked.png) top left no-repeat;
	font-size: 11px;
}
.browse .leftcol ul li a.selected {
	background: transparent url(../images/background-item-checked.png) top left no-repeat;
}
.browse .results {
	float: left;
	width: 788px;
	margin: 0;
	min-height: 261px;
	height: auto !important;
	height: 261px;
}
.browse .thumb-movie {
	float: left;
	margin: 0 0 0 8px;
	padding: 10px 10px 0 10px;
}
.browse .results-footer {
    clear: both;
	width: 780px;
	margin: 0 0 0 166px;
	padding: 8px 0 0 8px;
}
.browse .thumb-movie .button-view {
	top: 92px;
	left: 91px;
}
.browse .thumb-movie span.coming-soon, .browse .thumb-movie span.out-of-stock {
	top: 14px;
	left: 10px;
}

.details .leftcol .movie-image {
	float: left;
	width: 275px;
	height: 394px;
	margin: 0;
}
.details .leftcol .movie-details {
	float: left;
	width: 398px;
	margin: 0 0 0 34px;
}
.details .leftcol .movie-details h1 {
	font-size: 14px;
	color: black;
	line-height: 16px;
	height: 24px;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
}
.details .leftcol .movie-details .attrib {
	display: block;
	width: 398px;
	clear: both;
	line-height: 24px;
}
.details .leftcol .movie-details .attrib .attrib-header {
	font-weight: bold;
	display: block;
	float: left;
	width: 84px;
}
.details .leftcol .movie-details .attrib .attrib-details {
	font-weight: normal;
	display: block;
	float: left;
}
.details .leftcol .movie-details .attrib.actors {
    padding-top: 24px;
    height: 38px;
    line-height: 12px;
    overflow: hidden;
    position: relative;
}
.details .leftcol .movie-details .attrib.directors {
    padding-top: 12px;
    height: 26px;
    line-height: 12px;
    overflow: hidden;
    position: relative;
}
.details .leftcol .movie-details .attrib.actors .attrib-header {
    height: 36px;
}
.details .leftcol .movie-details .attrib.directors .attrib-header {
    height: 24px;
}
.details .leftcol .movie-details .attrib.actors .attrib-details, .details .leftcol .movie-details .attrib.directors .attrib-details {
    position: relative; left:0px;
    float: none;
}
.details .leftcol .movie-details .attrib.actors .attrib-details a, .details .leftcol .movie-details .attrib.directors .attrib-details a {
    font-weight: normal;
    text-decoration: underline;
}
.details .leftcol .movie-description {
	clear: both;
	padding: 10px 0 10px 0;
	font-size: 11px;
	line-height: 20px;
}
.details .rightcol .thumb-movie {
	width: 183px;
	margin: 10px 0 0 0;
}
.details .rightcol .button-view {
	width: 93px;
	height: 17px;
}
.details .nav {
	clear: both;
	width: 956px;
	height: 38px;
	margin: 10px 0 0 0;
}
.details .nav a {
	float: left;
	padding: 10px 0;
	margin: 0 14px;
	font-size: 11px;
	color: #797272;
	line-height: 17px;
	display: block;
	_display: inline-block;
	text-decoration: none;
	border-top: 1px solid #d2d2d2;
}
.details .nav .nav-back {
	width: 683px;
	padding-left: 24px;
	background: transparent url(../images/arrow-left-red.png) left 10px no-repeat;
}
.details .nav .nav-forward {
	width: 159px;
	margin-left: 22px;
	padding-right: 24px;
	background: transparent url(../images/arrow-right-green.png) right 10px no-repeat;
}

.register fieldset {
	width: 352px; /*added 30px extra width to avoid the IE6 duplicated content bug */
	margin: 20px 0 20px 47px; /* removed right margin to avoid duplicated content bug... it's not really necessary anyway */
}
.register fieldset label {
	width: 100px;
}
.register input {
	width: 218px;
}
.register input.sign-in {
	width: 59px;
	height: 17px;
	margin: 0 0 10px 100px;
	clear: both;
}
.register input.register {
	width: 73px;
	height: 17px;
	margin: 0 0 10px 100px;
	clear: both;
}

.cart .leftcol span {
	display: block;
	float: left;
}
.cart .leftcol h2.column-header {
	margin-bottom: 0 !important;
}
.cart .leftcol .column-details {
	width: 390px;
	margin: 0 0 0 0;
}
.cart .leftcol .column-type {
	width: 110px;
	font-weight: bold;
}
.cart .leftcol .column-price {
	width: 110px;
	font-weight: bold;
}
.cart .leftcol .column-not-returned {
	width: 90px;
	font-weight: bold;
}
.cart .leftcol .cart-entry {
	width: 703px;
	height: 100px;
	padding: 12px 0 12px 0;
	clear: both;
	border-bottom: 1px solid #d2d2d2;
	line-height: 16px;
}
.cart .leftcol .cart-entry a {
	border: 0;
}
.cart .leftcol .column-details img {
	width: 71px;
	height: 100px;
	float: left;
	margin: 0;
	padding: 0;
}
.cart .leftcol .column-details .movie-details {
	float: left;
	width: 260px;
	height: 72px;
	overflow: hidden;
	margin: 0 0 0 16px;
}
.cart .leftcol .column-details .movie-details .movie-title {
	width: 260px;
	font-weight: bold;
}
.cart .leftcol .column-details .movie-details .movie-format {
	width: 260px;
	margin: 8px 0 0 0;
}
.cart .view-options {
	margin: 12px 0 0 16px;
}
.cart .rightcol p {
	margin: 14px 0 0 0;
	padding: 0 0 14px 0;
}
.cart .rightcol p.items {	
	border-bottom: 1px solid #d2d2d2;
	font-weight: bold;
}
.cart .rightcol p.total {	
	color: #666666;
	padding-bottom: 18px;
}
.cart .rightcol p.terms {	
	margin-top: 0;
}
.cart .rightcol a {
	color: black;
}
.cart .message {
    display: block;
    margin: 10px 0 0 0;
}
.cart input {
    float: none;
    margin: 0;
}

.checkout p {
	padding: 0 0 14px 0;
	line-height: 16px;
}
.checkout h2.creditcard {
	background: #797272 url(../images/icon-cards.png) right top no-repeat !important;
}
.checkout fieldset label {
	width: 90px;
}
.checkout fieldset p {
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
}
.checkout input {
	width: 188px;
}
.checkout input.cvv {
	width: 40px;
	margin: 0 10px 10px 0;
}
.checkout input.apply {
	margin: 0 0 10px 90px;
	border: 0;
	width: 59px;
	height: 17px;
}
.checkout input.payment {
	margin: 0 0 10px 90px;
	border: 0;
	width: 115px;
	height: 20px;
}

.viewq .thumb-movie {
	width: 284px;
	font-size: 11px;
	float: left;
	margin: 10px 22px 0 14px;
	border-bottom: 1px solid #d2d2d2;
}
.viewq .thumb-movie .movie-details {
	font-size: 11px;
	width: 185px;
	display: block;
}
.viewq .thumb-movie .movie-details .movie-title {
	font-weight: bold;
	width: 185px;
}
.viewq .view-options {
	margin-left: 10px;
}
.viewq .results-footer {
	width: 954px;
}
.viewq .message {
    width: 926px;
    background: white;
    display: block;
    height: 271px;
    margin: 0 0 -11px 0;
    padding: 14px;
}
.thanks p {
	line-height: 16px;
	padding: 0 0 14px 0;
}
.thanks ul {
	line-height: 16px;
	margin-left: 14px;
	margin-bottom: 16px;
}
.help .leftcol h2 {
	margin-bottom: 0 !important;
}
.help .leftcol ul {
	margin: 0 -14px 0 -14px;
	width: 164px;
	list-style-type: none;
}
.help .leftcol ul li {
	border-bottom: 1px solid #d2d2d2;
	width: 164px;
}
.help .leftcol ul li a {
	width: 136px;
	display: block;
	color: black;
	text-decoration: none;
	padding: 6px 14px 6px 14px;
}
.help .leftcol ul li a.current, .help .leftcol ul li a:hover {
	background: #c6c6c6;
}
.help .rightcol {
	padding: 0 14px 14px 14px;
}
.help h3 {
	line-height: 18px;
}
.help p {
	line-height: 16px;
	padding: 0 0 14px 0;
}
.help .rightcol ol, .help .rightcol ul {
    line-height: 16px;
    padding: 0 0 14px 18px;
}
.history table {
}
.history table th {
    padding: 10px;
    background: #797272;
    color: #ffffff;
    font-weight: bold;
}
.history table td {
    padding: 10px;
}
.history table tr.alt td {
    background: #d4ceb3;
}

/* Form Elements */
fieldset {
	display: block;
	font-size: 11px;
	border: 0;
	padding: 0;
}
fieldset label {
	display: block;
	float: left;
	line-height: 20px;
	margin: 0 0 10px 0;
}
input {
	float: left;
	border: 1px solid #7c97af;
	height: 18px;
	margin: 0 0 10px 0;
	display: inline;
}
input.hidden {
    display: none;
}
span.check input {
	margin: 3px 6px 10px 100px;
	width: 14px;
	height: 14px;
	padding: 3px;
	border: 0;
}
select {
	float: left;
	border: 1px solid #7c97af;
	height: 18px;
	margin: 0 0 10px 0;
	display: inline;
	padding: 0;
	font-size: 11px;
}


/* Generic Page Elements */
.message {
    margin: 14px 0 0 14px;
}
.thumb-movie {
	width: 169px;
	height: 111px;
	padding: 0;
	margin: 10px 0 0 0;
	border-bottom: 1px solid #d2d2d2;
	color: black;
	position: relative;
	z-index: 0;
}
.thumb-movie a {
	text-decoration: none;
	color: black;
	font-weight: bold;
}
.thumb-movie img {
	width: 71px;
	height: 100px;
	margin: 0;
	float: left;
	z-index: 0;
	position: relative;
}
.thumb-movie span.coming-soon, .thumb-movie span.out-of-stock {
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	z-index: 100;
	width: 71px;
	height: 94px;
}
.thumb-movie span.coming-soon a, .thumb-movie span.out-of-stock a, .thumb-movie span.coming-soon img, .thumb-movie span.out-of-stock img {
	width: 71px;
	height: 94px;
	z-index: 100;
	visibility: visible;
}
.thumb-movie img.out-of-stock {
	filter: gray;
	opacity: .5;
	-moz-opacity: .5;
}
.thumb-movie .movie-details {
	float: left;
	margin: 0 0 0 10px;
	font-size: 10px;
	width: 88px;
	overflow: hidden;
	height: 77px;
	line-height: 11px;
}
.movie-details a {
	color: black;
	text-decoration: none;
}

.thumb-movie .movie-title {
	display: block;
	width: 88px;
}
.thumb-movie .movie-format {
	font-weight: normal;
	margin: 11px 0 0 0;
	display: block;
}
.thumb-movie .button-view {
	width: 43px;
	height: 17px;
	position: absolute;
	top: 82px;
	left: 81px;
	border: 0;
}

.add-to-cart {
	width: 398px;
	clear: both;
	margin: 60px 0 10px 0;
}
.add-to-cart h3 {
	font-size: 12px;
	display: block;
	width: 398px;
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #d2d2d2;
	margin: 0;
	padding: 0;
}
.add-to-cart .cart-option {
	border-bottom: 1px solid #d2d2d2;
	height: 38px;
	width: 398px;
	line-height: 38px;
	font-weight: bold;
}
.add-to-cart .cart-option span {
	display: block;
	float: left;
}
.add-to-cart .cart-option .cart-option-name {
	width: 123px;
}
.add-to-cart .cart-option .cart-option-price {
	width: 168px;
}
.add-to-cart .cart-option .cart-button {
	width: 107px;
	height: 20px;
	margin: 9px 0 0 0;
	line-height: 20px;
}
.add-to-cart .cart-option .cart-button a {
	width: 107px;
	height: 20px;
	display: block;
}

.view-options {
	float: left;
	width: 185px;
	color: #924a1a;
}
.view-options a {
	color: #924a1a;
	text-decoration: underline;
}

.results-footer {
	background: #ecead5;
	/* width specified by individual page layout */
	/* margin specified by individual page layout */
	margin: 0 18px 0 18px;
	height: 31px;
	clear: both;
	padding: 8px 0 0 0;
	position: relative;
	top: -1px;
}
.results-pager {
	background: white;
	padding: 0 10px 0 0;
	height: 31px;
	margin: 0;
	line-height: 31px;
	text-align: right;
	font-size: 11px;
}
.results-pager a {
	color: black;
	font-weight: normal
}
.results-pager .current {
	color: #94751a;
	font-weight: bold;
}


/* General Classes */
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.error {
    color: Red;
    line-height: 16px;
}
.nav-back {
    line-height: 17px;
	padding: 1px 0 1px 24px;
	background: transparent url(../images/arrow-left-red.png) left top no-repeat;
}
.disabled {
    background-color: #cccccc;
}
table {
    /*border-top: 1px solid black;
    border-left: 1px solid black;*/
    border: 0;
    margin: 0 0 16px 16px;
    padding: 0;
}
td {
    /*border-bottom: 1px solid black;
    border-right: 1px solid black;*/
    border: 0;
    margin: 0;
    padding: 4px;
}
.message-full {
    background: white;
    width: 748px;
    height: 268px;
    display: block;
    margin-left: 8px;
    float: left;
    font-size: 24px;
    font-weight: bold;
    padding: 16px;
}
input#__EVENTTARGET, input#__EVENTARGUMENT, input#__VIEWSTATE, input#__EVENTVALIDATION {
    display: none;
}