@import url('navigation.css');
@import url('home.css');
@import url('media.css');
@import url('register.css');
@import url('cart.css');

/*

css schema

.frame
	.frame-head
	.frame-content
	
.list
	.list-head
	.first-item+
	.other-item?
	.item?
		.head
		.img?
			a? img
			.img-link?
		.text
			*
		.link?
			a*
			.first?
			
		*
	.item.other-item.active-item
	.item.last-item	
	
	.text
		*



*/

* { Xoverflow: auto;  } 
 
.demo  { -moz-opacity:0.6; filter:Alpha(Opacity=60); }

.clr:after {
     clear: both;
     content: ".";
     display: block;
     height: 0;
     visibility: hidden;
}

.clr {
     display: block;
     height: auto !important;
}
 

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


body {
  background: #fff url('/images/walden_header_bg.jpg') repeat-x top center;
  color: #ffffff;
  font-size: 10px;
  font-family: Verdana, Arial, sans-serif;
}

dt { float:left; font-weight: bold;}
dd { margin-left: 9em;} 


a img,:link img,:visited img { border: none; }

a { text-decoration: underline; color: #000; }

a:hover { text-decoration: underline; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 text-decoration:none;
}

h3 a {
font-family: Arial, sans-serif;
font-size: 15px;
color: #333;
font-weight: bold;
margin: 0px;
}


h2 { /* TOP HEADLINE MOVIE DETAIL */
display: block;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
}


h3 { /* Text headlines */
color: #007FB8;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
padding: 0px;
margin: 0px;
}

h4 { /* Text subheadline */
font-family: Arial, sans-serif;
color: #007FB8;
font-size: 13px;
font-weight: bold;
margin: 0px;
padding: 0px;
}

h6 { /* Media HEADLINE HOME */
color: #007FB8;
margin: 4px 5px 0px 4px;
padding-bottom:0px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}

.list h2,
.panel h2 {
	color: #000; /* Panel headlines */ 
}

#tab_box_info h2 {
	position: absolute;
	font-style: normal;
	text-transform: uppercase;
	top: -236px;
	left: 0px;
	color: #fff; /* Panel headlines */ 
}		

.item h2,
.panel-content h2 {
	color: #fff; /* Panel headlines */ 
}	



.wide-box { 
float: left;
clear: left;
width: 642px;
margin-left: 3px; /* FIXME: IE6 doubles margin size */ 
}

#tab_box>.wide-box {
margin-left: 5px;  /* backfix */
}

.small-box {
float: left;
width: 316px;
}



/* ---- XXX  */




a.black {
font-weight: normal;
font-size: 11px;
color: #000;
}

a.black:HOVER {

font-weight: normal;
font-size: 11px;
color: #6D6D6D;
}



div#wrapper {
position: relative;
width: 970px;
margin: 0px auto;
padding: 0px;
text-align: left;
}

#header {
position: relative;
z-index:2;
width: 970px;
height: 140px;
background: none;
display:block;
background: url('/images/walden_header.jpg') no-repeat top center;  
}

#right_menu {
margin-top: 36px;
float: right;
width: 416px;
height: 104px;
}

#breadcrumb_navi {
text-align: left;
display: block;
width: 970px;
background: none;
color: #fff;

font-weight: normal;
font-size: 11px;
}

.breadcrumb_top {
padding: 5px 0px 5px 0px;
}

.breadcrumb_top a {
color: #fff;

font-weight: normal;
font-size: 11px;
text-decoration: none;
}

.breadcrumb_top a:HOVER {
color: #000;
font-weight: normal;
font-size: 11px;
text-decoration: none;
}

#menu_back_right {
display: block;
float: right;
width: 385px;
height: 104px;
background: none;
}

#top_navigation {
position: relative;
top:-17px;
margin: 0px 0px -12px 0px;
Xbackground: white;
width: 968px;
height: 33px;
z-index: 200;
}

div.insert {
font-size: 1px;
margin-left: 5px;
background: none;
width: 2px;
height: 33px;
float: left;
}

div.control_insert {
font-size: 1px;
margin: 0px 10px 0px 10px;
background: url('../images/control_insert.gif') no-repeat;
width: 2px;
height: 23px;
float: left;
}

h1 { /* BOX HEADLINES */
float: left;
display: block;
padding: 4px 0px 0px 6px;
margin: 0px;
color: #000;
font-family: arial, sans-serif;
font-size: 14px;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
}

h5 { /* WHITE HEADLINE HOME */
display: block;
margin: 0px;
padding: 6px 7px 6px 0px;
color: #ffffff;

font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}



/* HOME AREAS */

.left_box {
clear: both;
width: 638px;
float: left;
padding: 0px;
margin: 0px;
}

.right_box {
font-size: 1px;
float: right;
width: 316px !important;
width: 308px;
}

.middle_box {
text-align: center;
font-size: 1px;
float: left;
width: 638px;
}

/* MOVIE DETAIL AREAS */

.left_box_detail {
clear: both;
float: left;
width: 638px;
padding: 0px;
margin: 0px;
}

.right_box_detail {
font-size: 1px;
float: right;
width: 316px !important;
width: 308px;
}

.inner_padding {
padding: 10px;
}

/* LOGIN FORM */

#registered {
display: block;
width: 385px;
height: 21px;
}

#login_form {
float: right;
padding-right: 3px;
display: block;
height: 57px;
width: 291px;
font-size: 1px;
}

#login_back {
display: block;
width: 291px;
height: 50px;
margin: 0px;
padding: 0px;
background: url('../images/login_form.gif') repeat-x;
}

#login_info {
display: block;
width: 385px;
height: 21px;
}

#control_buttons {
display: block;
float: right;
padding-right: 14px;
}

#control_left {
width: 93px;
padding: 7px 0px 0px 0px;
display: block;
float: left;
}

#control_right {
width: 63px;
padding: 7px 0px 0px 0px;
display: block;
float: left;
}

.welcome {

text-align: right;
font-weight: bold;
font-size: 12px;
display: block;
padding: 3px 9px 0px 0px
}

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

#uname {
padding: 5px 0px 0px 0px;
width: 215px;
height: 25px;
}

#passwd {
padding: 0px 0px 0px 0px;
width: 215px;
height: 25px;
}

#uname input,
#passwd input {
padding-top: 1px !important;
margin-left: 142px;
width: 143px;
border: none;
background: none;
color: #000;

font-size: 12px;
font-weight: bold;
}

.already_registered {
display: block;
float: right;
background: url('../images/already_registered.gif') no-repeat;
width: 225px;
height: 10px;
margin: 6px 5px 0px 0px;
}

.white_box_registration_home {
clear: both;
display: block;
margin: 0px;
padding: 0px;
width: 638px;
height: 22px;
background: url('../images/white_box_registration_home.gif') no-repeat;
}

.white_box_register_content {
margin-left: 0px;
text-decoration: none;
display: table-cell;
background: #1C272B;
width: 626px;
}

/* SEARCH FORM */


#search {
margin: 4px 0px 0px 4px;
float: right;
width: 215px;
}

#search_field {
float: left;
font-size: 1px;
background: url('../images/form/search.gif') no-repeat;
padding: 5px 0px 0px 0px;
width: 195px;
height: 20px;
}

#search_field input {
padding-top: 1px !important;
margin-left: 10px;
width: 180px;

font-size: 12px;
background: none;
border: none;
font-weight: bold;
}

.panel h2, .panel dt { color: #333; }