/********************************************************************************
* Copyright 2008 - 2009 indual GmbH (www.indual.ch)                             *
* Developer: Emanuel Zuber (emanuel.zuber@indual.ch)                            *
********************************************************************************/






.dropdown {
	float: right;
	margin-right: 22px;
	text-align: right;
	position: relative;
}


.dropdown a {
	text-decoration: none;
	color: gray;
	display: block;
}
.dropdown a span {
	color: black;
}

.dropdown-options {
	display: block;
	position: absolute;
	left: 0;
	margin: 0px;
	z-index: 1000 !important;
	background: #f5f4f4;
	border: 1px solid #ccc;
	text-align: right;
}

.dropdown-options a {
	display: block;
	color: #555;
	text-decoration: none;
	padding: 1px 15px 1px 5px;
}
.dropdown-options a.current,
.dropdown-options a:hover {
		background: #CCC;
	color: white;
}

* html .dropdown-options { margin-top: 0; }
*+html .dropdown-options { margin-top: 0; }
* html .dropdown-options li { margin: 0; }
*+html .dropdown-options li { margin: 0; }






/************************ content *****************************/
h1 {
	color: #ca001c;
	font-size: 22px !important;
	margin-top: 7px;
}

h2 {
	color: #bd2732;
	font-size: 120%;
	font-weight: bold;
}

p {
	margin: 0px;
	padding: 2px 0px 2px 0px;
}







/* MESSAGES */

#container .status,
#container .warning,
#container .error,
#container .info {
	background: url(img/message_error_new.png) no-repeat;
	width: 700px;
	min-height: 40px;
	margin: 10px 15px 20px 0px;
}
#container .status {
	background: url(img/message_status_new.png) no-repeat;
}


#container .status .message_content,
#container .warning .message_content,
#container .error .message_content,
#container .info .message_content {
	padding: 15px 10px 10px 40px;
	line-height: 18px;
	font-weight: bold;
	color: black;
}


#container .status .message_footer,
#container .warning .message_footer,
#container .error .message_footer,
#container .info .message_footer {
	background: white url(img/message_error_new_bottom.png) bottom left no-repeat;
	height: 5px;
	width: 700px;
}
#container .status .message_footer {
	background: white url(img/message_status_new_bottom.png) bottom left no-repeat;
}

#container .status p,
#container .warning p,
#container .error p,
#container .info p {
	padding: 2px 0px 2px 0px;
	margin: 0px;
	font-weight: bold;
}



#container-modalbox .status {
	border: 1px solid green;
	background: #ACDAAC;
	padding: 5px;
	line-height: 18px;
	margin-right: 15px;
	margin-bottom: 10px;
}
#container-modalbox .warning {
	border: 1px solid orange;
	background: #F4DDB2;
	padding: 5px;
	line-height: 18px;
	margin-right: 15px;
	margin-bottom: 10px;
}
#container-modalbox .error {
	border: 1px solid red;
	background: #F4C3C2;
	padding: 5px;
	line-height: 18px;
	margin-right: 15px;
	margin-bottom: 10px;
}
#container-modalbox .info {
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
	padding: 5px;
	line-height: 18px;
	margin-top: 3px;
	margin-bottom: 6px;
	margin-bottom: 10px;
}
#container-modalbox .status p,
#container-modalbox .warning p,
#container-modalbox .error p,
#container-modalbox .info p {
	padding: 2px 0px 2px 0px;
	margin: 0px;
}


/* END MESSAGES */



#container-modalbox {
	padding: 5px;
}

#container-modalbox fieldset {
	padding: 12px 8px 12px 8px !important;
}
#container-modalbox fieldset {
	margin-bottom: 0px !important;
}
#container-modalbox form {
	padding: 0px;
	margin: 0px;
}
#container-modalbox legend {
	color: black;
}


.rental-price-view1,
.rental-price-view2 {
		color: #b91824;
	font-weight: bold;
}





.table {
	border-collapse: collapse;
}
.table th {
	text-align: left;
	background: #DDD;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	vertical-align: top;
	padding: 2px;
}
.table td {
	border-bottom: 1px solid gray;
	vertical-align: top;
	padding: 2px;
}

.clear {
	clear: both;
}

.profile_box {
	background: #fafafa;
	margin-right: 15px;
}

.profile_box h2 {
	color: #666;
	font-size: 12px;
	line-height: 24px;
	height: 28px;
	margin: 0px;
	padding: 0px 0px 0px 12px;
	background: url(img/profile_box_heading.jpg) repeat-x;
}

.profile_box h2 a {
	text-decoration: none;
	color: #666 !important;
}
.profile_box h2 a:hover {
	color: #b91824 !important;
}


.profile_box_content {
	padding: 5px 12px 12px 12px;
}





.movie {
	width: 129px;
	float: left;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 4px;
}
.movie a,
.movie span,
.movie a span,
.movie a:hover {
	border: none !important;
	text-decoration: none !important;
}
	
.movie h2 a,
.movie h2 {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.movie h2 {
	padding-bottom: 3px;
}

.movie img {
	border: 1px solid #cacaca;
	width: 127px;
}

.movie a:hover img {
	border: 1px solid #666;
}

a.link-button {
	width: 129px;
	height: 26px;
	background: url(img/buttons.gif) 0px -26px;
	text-align: center;
	font-weight: normal;
	color: white;
	display: block;
	line-height: 26px;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 3px;
}
a.link-button:hover,
a.link-button:active {
	background: url(img/buttons.gif) 0px 0px;
}

.inactive-button {
	background: url(img/buttons.gif) 258px -26px !important;
	color: #555 !important;
	cursor: default;
}



a.link-button-big {
	width: 258px;
	height: 26px;
	background: url(img/buttons.gif) -258px -78px;
	text-align: center;
	font-weight: normal;
	color: white;
	display: block;
	line-height: 26px;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 3px;
}
a.link-button-big:hover,
a.link-button-big:active {
	background: url(img/buttons.gif) -258px -52px;
}






a.small-button {
	width: 120px;
	height: 20px;
	background: url(img/small_button.gif) 0px 0px no-repeat;
	text-align: center;
	font-weight: normal;
	color: white !important;
	display: block;
	line-height: 20px;
	text-decoration: none;
	margin-top: -2px;
}
a.small-button:hover,
a.small-button:active {
	background: url(img/small_button.gif) 0px -20px no-repeat;
}






.movie-link {
	display: block;
	width: 129px; 
}

.reservation {
	background: url(img/buttons.gif) 387px -26px !important;
}
.reservation:hover,
.reservation:active {
	background: url(img/buttons.gif) 387px 0px !important;
}

.turbo-reservation {
	background: url(img/buttons.gif) 387px -52px !important;
}
.turbo-reservation:hover,
.turbo-reservation:active {
	background: url(img/buttons.gif) 387px -78px !important;
}



.movie-preview {
	display: block;
	margin: 1px;
	width: 127px;
	height: 23px;
	line-height: 23px;
	position: absolute;
	text-align: center;
	color: #ca001c;
	font-size: 13px;
	font-weight: bold;
	background: url(img/movie_preview.png);
	text-decoration: none !important;
	border: none !important;
}





.movie-details-image {
	float: left;
}
.movie-details-image img {
	border: 1px solid #cacaca;
	width: 127px;
}

.movie-details-overview {
	width: 370px;
	float: left;
	margin-left: 15px;
}





.movie-details-description {
	width: 514px;
	min-height: 300px;
	margin-top: 20px;
}
.movie-details-description-header {
	background: url(img/movie_details_description_header.gif) no-repeat;
	width: 514px;
	height: 40px;
	padding: 1px 1px 0px 1px;
}
.movie-details-description-content {
	width: 492px;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	padding: 10px;
	display: none;
}
.movie-details-description-content.current {
	display: block !important;
}


.movie-details-description-navigation:active,
.movie-details-description-navigation:focus {
	outline: none;
	font-weight: bold;
}

.movie-details-description-navigation {
	padding-left: 5px;
	text-align: center;
	display: block;
	float: left;
	height: 40px;
	width: 116px;
	color: #555;
	text-decoration: none;
	line-height: 24px;
	font-weight: bold;
	background: url(img/movie_details_navigation.gif) no-repeat;
}
.movie-details-description-navigation.current:hover,
.movie-details-description-navigation.current {
		background: url(img/movie_details_navigation_active.gif) no-repeat;
}
.movie-details-description-navigation:hover {
	background: url(img/movie_details_navigation_hover.gif) no-repeat;
}



.movie-details-description-big {
	width: 950px;
	min-height: 300px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.movie-details-description-header-big {
	background: url(img/movie_details_description_header_big.gif) no-repeat;
	width: 950px;
	height: 40px;
	padding: 1px 1px 0px 1px;
}
.movie-details-description-content-big {
	width: 928px;
	height: 240px;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	padding: 10px;
	display: none;
	background: url(img/movie_details_description_content_big.gif) repeat-x;
}
.movie-details-description-content-big.current {
	display: block !important;
}








.link-with-arrows {
	/* background: url(img/link_arrow.gif) no-repeat right 3px; */
	color: #666;
	font-weight: normal;
}
.link-with-arrows:hover {
	color: #333;
	text-decoration: none;
}

.trailer-link {
	background: url(img/trailer_link.gif) no-repeat;
	padding-left: 28px;
	line-height: 20px;
	color: #333;
	font-weight: bold;
	display: block;
	height: 20px;
	line-height: 20px;
}
.trailer-link:hover {
	color: #666;
	text-decoration: none;

}


.no-border-table {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

.no-border-table td {
	padding: 0px;
	vertical-align: top;
	padding-right: 5px;
}


div.rating_id a,
div.my_rating_id a {
	background: url(img/stars.gif) no-repeat 0px -17px;
	float: left;
	width: 18px;
	height: 18px;
	padding-left: 7px;
	margin: 0px;
}
div.rating_id a {
	cursor: default;
}

div.rating_id .general-rating,
div.my_rating_id .general-rating {
	background: url(img/stars.gif) no-repeat 0px 0px;
}
div.rating_id .active,
div.my_rating_id .active {
	background: url(img/stars.gif) no-repeat 0px -34px;
}


.my_rating_id_info {
	float: left;
	line-height: 20px;
}











.movie-filter {
	height: 25px;
}


.back-forward {
	float: left;
	width: 300px;
	line-height: 20px;
}
.back-forward a {
	color: #666;
	text-decoration: none;
}
.back-forward a.current,
.back-forward .current {
	color: #666;
	font-weight: bold;
	text-decoration: none;
	display: inline !important;
	background: none;
}

.page-count {
	display: inline;
	background: none;
}

.browse-back {
	background: url(img/browse_back.gif) no-repeat 0px 1px;
	width: 22px;
	height: 11px;
}
.browse-forward {
	background: url(img/browse_forward.gif) no-repeat 0px 1px;
	width: 22px;
	height: 11px;
}


.record-ordering {
	float: left;
	width: 150px;
	line-height: 20px;
}


.record-view {
	float: right;
	width: 40px;
}


.records-per-page {
	float: left;
	line-height: 20px;
}

.rental-price {
	color: #b91824;
	font-weight: bold;
	font-size: 110%;
}

.rental-price-view2 {
	color: #b91824;
	font-weight: bold;
}













.sortable-list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.sortable-list li {
	margin: 0px;
	padding: 5px 5px 5px 0px;
	margin-top: 0px;
	background: url(img/icon_box_move.gif) right 5px no-repeat;
	border-bottom: 1px solid #999;
}

.sortable-list li.wishlist-li {
	background: url(img/icon_box_move.gif) right 11px no-repeat;
	border-bottom: 1px solid #999;
}


.sortable-list a {
	text-decoration: none;
	color: #555;
}

.sortable-list a.link-button {
	color: white;
}

.sortable-list a:hover {
	color: black;
}

.sortable-list-remove-icon {
	float: right;
	width: 10px;
	margin: 0px;
	text-align: right;
	text-decoration: none;
	color: #555;
	font-size: 110%;
}



.unsortable-list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #999;
}

.unsortable-list li {
	margin: 0px;
	padding: 5px 5px 5px 0px;
	margin-top: 0px;
	border-top: 1px solid #999;
}

.unsortable-list a {
	float: right;
	width: 15px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	color: #555;
}

.unsortable-list .standard-link {
	float: none;
	width: auto;
	margin: 0px;
	text-decoration: none;
}

.content-wrapper {
	width: 85%;
}

.movie-details-left-column {
	float: left;
	width: 525px;
}
.movie-details-right-column {
	float: left;
	width: 193px;
}


.identification {
	background:url(img/identification.png);
	width: 344px;
	height: 217px;
	float: left;
	margin-right: 20px;
}

/************************ /content ****************************/



/****************** additional-content ************************/
#additional-content {
	padding: 30px 0px 0px 0px;
}

#additional-content h2 {
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	text-transform: uppercase;
	color: #666;
}

#additional-content h3 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #666;
}

#additional-content p {
	font-size: 12px;
	color: #888;
}
#additional-content-help a,
#additional-content-coupon a {
	padding-right: 15px;
	font-size: 12px;
	color: #888;
	text-decoration: underline;
	background: transparent url(img/link_arrows.jpg) right 3px no-repeat;
}


#additional-content-help {
	width: 315px;
	float: left;
}

#additional-content-recension {
	width: 315px;
	float: left;
}

#additional-content-carousal {
	width: 320px;
	float: left;
}

#additional-content-coupon {
	width: 315px;
	float: left;
}

/****************** /additional-content ***********************/




/*  sidebar */

.sortable-sidebar {
	width: 226px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.sortable-sidebar li {
	margin: 0px;
	padding: 0px;
	border-top: 10px solid white;
}

.sortable-sidebar li h2 {
	margin: 0px;
	padding: 0px 5px 2px 5px;
	background: white url(img/sidebar_header.gif);
	color: #666;
	font-weight: normal;
	font-size: 12px;
	line-height: 24px;
	cursor: move;
	font-weight: bold;
}

.sortable-sidebar li p.content {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px;
	font-size: 11px;
	line-height: 15px;
}
.sortable-sidebar li p.footer {
	height: 5px;
	background: url(img/sidebar_footer.gif);
}

.sortable-sidebar a {
	text-decoration: none;
	color: #555;
}

.sidebar-remove-icon {
	color: #555;
	text-decoration: none;
	float: right;
	font-size: 12px;
	line-height: 15px;
}
.sidebar-show-all {
	color: #555;
	padding-right: 10px;
	background: url(img/sidebar_show_all.gif) no-repeat right 3px;
	text-decoration: underline !important;
	line-height: 20px;
	font-weight: bold;
}
.sidebar-show-all:hover {
	color: #b91824;
	text-decoration: none;
}



#sidebar_banner h2 {
	padding: 0px 5px 0px 5px;
	line-height: 23px;
	cursor: default;
	font-weight: bold;
}

#sidebar_banner p.content {
	padding: 5px;
	border-left: 1px solid #ccc !important;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0px;
}


#sidebar_custom_banner h2 {
	padding: 0px 5px 0px 5px;
	line-height: 23px;
	cursor: default;
	font-weight: bold;
}

#sidebar_custom_banner p.content {
	padding: 5px;
	border-left: 1px solid #ccc !important;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0px;
}


#sidebar_sub_navigation_logged_out h2 {
	cursor: default;
	font-weight: bold;
}



.box-move {
	float: right;
	width: 13px;
	height: 13px;
	margin: 5px;
	background: url(img/icon_box_move.gif);
}

.box-close {
	float: right;
	width: 13px;
	height: 13px;
	margin: 5px;
	background: url(img/icon_box_close.gif);
}

.box-open {
	float: right;
	width: 13px;
	height: 13px;
	margin: 5px;
	background: url(img/icon_box_open.gif);
}



.sub-genre {
	display: block;
	color: #666;
	text-decoration: none;
	font-size: 11px;
	line-height: 14px;
}
.sub-genre.current {
	font-weight: bold;
	color: #ca001c;
	background: #fff6e5;
}


/* end sidebar */









/* minibox */

.movie-also-available-as-bluray {
	padding: 40px 23px 10px 26px;
	display: block;
	width: 130px;
}
.movie-also-available-as-bluray-text {
	display: block;
	text-align: center;
	width: 130px;
	color: gray;
}

.minibox {
	width: 180px;
	margin-right: 15px;
}

.minibox h2 {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: url(img/minibox_header.gif);
	margin: 0px;
	padding: 0px 5px 0px 5px;
	line-height: 22px;
	height: 25px;
	font-weight: bold;
	color: #555;
	font-size: 12px;
}

.minibox .content {
	padding: 5px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #f5f5f5;
	text-align: center;
}

.minibox .footer {
	background: url(img/minibox_footer.gif);
}

.info-i {
	display: block;
	float: right;
	width: 12px;
	height: 18px;
	background: transparent url(img/info.gif) no-repeat 0px 6px;
}

.minibox .link-button {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* end minibox */




.trailer-first-letter {
	font-weight: bold; 
	color: #b91824; 
	font-size: 110%;
}