body{ background:url(../img/layout/bg01.gif) repeat-x #dbdbdb; padding:0px 8px 10px 8px; margin:0px; font-family:verdana,tahoma,arial; font-size:12px; color:#444954; vertical-align:top;}
td,th{ font-family:verdana,tahoma,arial; font-size:12px; color:#444954;}

a, a:visited{ font-family:verdana,tahoma,arial; font-size:12px; color:#0066cc;}
a:hover{ color:#E28605; text-decoration:none;}
a:active{ color:#0066cc;}
input, button, select{ vertical-align:middle;}
form{ margin:0px;}
p{ padding:0px; margin:4px 0px 8px 0px;}

#headText{ font-size:10px; color:#03306f; text-align:center; margin:2px 0px 4px 0px;}
#headLogo{ background:url(../img/layout/head.jpg) no-repeat; height:113px; width:958px;}

.topButton a:link, .topButton a:visited{ display:block; height:20px; margin:0px; padding-top:8px; color:white; font-weight:bold; text-decoration:none; font-size:12px; text-align:center;}
.topButton a:hover{ background:url(../img/layout/top-nav-bg.gif) repeat-x #6f0303;}

#mainForm{ clear:both; margin:3px 0px 3px 0px; padding:8px 0px 0px 18px; font-size:11px; color:#333333; background:url(../img/layout/head-nav-bg.png) no-repeat; height:33px; width:958px;}
#mainForm form{ float:left; margin:0px; padding:0px;}
#mainForm label{ font-weight:bold; margin:0px 6px 0px 0px; vertical-align:middle;}
#mainForm input[type=text]{ border:1px solid #B4B4B4; background-color:#F5F5EA; vertical-align:middle;}
#mainForm input[type=password]{ border:1px solid #B4B4B4; background-color:#F5F5EA; vertical-align:middle;}
#mainForm select{ border:1px solid #B4B4B4; background-color:#F5F5EA; vertical-align:middle;}
#mainForm input[type=image]{ vertical-align:middle;}
#mainForm option.topLevel{ background-color:#ffde83;}


#headerMenu{ font-size:10px; text-align:right; color:#AAAAAA; padding-bottom:10px;}
#headerMenu a, #headerMenu a:visited{ font-size:10px; text-decoration:none; color:#0066CC;}
#headerMenu a:hover{ font-size:10px; text-decoration:underline; color:#E18403;}

.com01{ background:url(../img/layout/com02b.gif) repeat-y #ffcc00; margin:0px 0px 3px 0px; padding:0px 0px 0px 0px; width:748px;}
.com01a{ background:url(../img/layout/com02a.gif) no-repeat top left;}
.com01c{ background:url(../img/layout/com02c.gif) no-repeat; height:13px;}

.com02{ background:url(../img/layout/com01b.gif) repeat-y #ffcc00; margin:0px 0px 3px 0px; padding:0px 0px 0px 0px; width:748px;}
.com02a{ background:url(../img/layout/com01a.gif) no-repeat top left;}
.com02c{ background:url(../img/layout/com01c.gif) no-repeat; height:13px;}


/* mod 01 */
.mod01{ background:url(../img/layout/mod02b.gif) repeat-y #ffcc00; margin:0px; padding:0px; width:208px;}
.mod01a{ background:url(../img/layout/mod02a.gif) no-repeat top left;}
.mod01c{ background:url(../img/layout/mod02c.gif) no-repeat; height:13px;}
.mod01 h1{ color:#03306f; padding:13px 5px 4px 15px; margin:0px 4px 0px 4px; font-size:13px; font-weight:bold; border-bottom:1px solid #ffae00;}
.mod01 .comContent{ padding:16px 12px 6px 16px;}
.mod01 a, .mod01 a:visited{ text-decoration:underline; color:#003279;}
.mod01 a:hover{ text-decoration:none; color:#790000;}
.mod01 h2{ margin-bottom:2px; margin-top:8px; font-size:12px; color:white; font-weight:bold;}

.mod01 .customerInfoContent h1{ font-size:13px; font-weight:bold; padding:0px; margin:6px 0px 6px 0px;}
.mod01 .customerLoginContent{ margin:5px 0px 0px 0px;}

.mod01 .formMovieCategory{padding:0px; margin:0px 0px 0px 0px;}
.mod01 .formMovieCategory select{padding:0px; margin:0px 1px 0px 0px; font-family:arial,tahoma,verdana;}
.mod01 .formMovieCategory select option{padding:0px; margin:0px; font-family:arial,tahoma,verdana;}

/* helle content felder */
.mod02 .movieRelations ul { padding:0px; margin:0px; list-style-type:none;}
.mod02 .movieRelations .comContent ul li img{ border:1px solid black; margin:0px 7px 10px 0px; float:left;}
.mod02 .movieRelations .comContent li{ border:0px; clear:left; display:block;}
.mod02 .movieRelations li:hover{ border:0px;}
.mod02 .movieRelations li a{ padding:0px; font-family:tahoma; font-weight:normal; text-decoration:underline;}
.mod02 .movieRelations li:hover a{ padding:0px; text-decoration:none; font-weight:normal;}
.mod02 .movieRelations .comFoot{ clear:left;}


.mod02{ margin-bottom:12px;}
.mod02 .comContent{ padding:12px;}
.mod02 a, .mod02 a:visited{ text-decoration:underline; color:#0066cc;}
.mod02 a:hover{ text-decoration:none; color:#E28605;}
.mod02 h1{background:url(../img/layout/mod02a.png) no-repeat; background-color:#AF5B00; color:white; padding:3px 5px 4px 15px; margin:0px; font-size:13px; font-weight:bold; border-bottom:1px solid #AEADAD;}
.mod02 .comContent{ background:url(../img/layout/mod02b.gif) repeat-x; background-position:bottom; background-color:white; border-left:1px solid #AEADAD; border-right:1px solid #AEADAD; border-bottom:1px solid #AEADAD;}

.mod02 .modChart .comContent img{ border:0px; margin:0px 5px 0px 5px;}
.mod02 .modChart .comContent h2{ margin:0px 5px 5px 5px;}

/* mod03 for menus */
.mod03{ background:url(../img/layout/mod01b.gif) repeat-y #03306f; margin:0px 0px 3px 0px; padding:0px 0px 0px 0px; width:208px;}
.mod03a{ background:url(../img/layout/mod01a.gif) no-repeat top left;}
.mod03c{ background:url(../img/layout/mod01c.gif) no-repeat; height:13px;}
.mod03 .comContent{ padding:0px;}
.mod03 ul{ margin:0px 0px 0px 0px; padding:14px 0px 1px 0px;}
.mod03 li{ display:block; margin:0px;}
.mod03 li:hover{ display:block; background:url(../img/layout/mod03b.gif) repeat-y; margin:0px;}
.mod03 li a, .mod03 li a:visited{ display:block; border-top:1px solid #2c5185; border-bottom:1px solid black; width:161px; color:white; margin:0px 6px 0px 6px; padding:5px 0px 6px 35px; font-weight:bold; font-size:11px; text-decoration:none; font-family:Verdana,Arial,Helvetica,sans-serif;}
.mod03 li:hover a, .mod03 li:hover a:visited{ display:block; color:white; border-top:1px solid #c84031; border-bottom:1px solid #890000; padding:5px 0px 6px 35px; font-weight:bold; font-size:11px; text-decoration:none; font-family:Verdana,Arial,Helvetica,sans-serif;}


.movieSearchContent{ padding-top:5px;}
.cuNavContentFoot{ padding-bottom:8px;}

.mainCom .comHead, .com02 .comHead{ padding:8px 12px 16px 12px;}
.mainCom h1, .com02 h1{ padding:16px 16px 16px 16px; color:#00458e;}
.mainCom legend, .com02 legend{ padding:6px 10px 6px 10px; color:#00458E; font-weight:bold;}

.mainCom .comContent .numberedLinks{ padding-bottom:8px;}
.mainCom .comContent img{ margin-right:0px; margin-bottom:0px; border:0px solid black;}
.mainCom .comContent .saleFormInfoBox{ border:1px solid silver; background-color:white;}


.com01 .comCatSearch .comHead{ background:url(../img/layout/com01head.png); padding:12px 18px 0px 18px;}

.com01  .comCharts .h1 td{ padding:12px 12px 5px 12px; margin:0px; font-size:16px; color:#891817; font-weight:bold;}
.comCharts img{ border:0px solid black; margin-right:20px; margin-bottom:10px;}
.comCharts form{ padding:0px; margin:0px;}
.comCharts .comContent .rank{ color:#E86407; font-weight:bold; font-size:14px; padding-bottom:16px;}
.comCharts .comContent .numberedLinks{ padding-bottom:12px;}
.comCharts .comContent .numberedLinks a:link, .com01b .comNovelties .novContent .numberedLinks a:visited, .com01b .comNovelties .novContent .numberedLinks a:hover{ font-weight:bold;}
.comCharts .comContent .mTitle{ font-weight:bold;}
.comCharts .comContent .chartName{ padding:8px 0px 10px 0px; margin:0px; color:#BA6306; font-size:14px; font-weight:bold;}


.com01 .letterNavi{ border-left:1px solid white; border-top:1px solid white; border-bottom:1px solid white; font-size:11px; margin-top:3px;}
.com01 .letterNavi td.a1 a:link, .com01 .letterNavi td.a1 a:visited{ background-color:#d0d0d0; display:block; border-right:1px solid white; height:16px; color:black; text-align:center; padding-top:3px; text-decoration:none;}
.com01 .letterNavi td.a1 a:hover{ background-color:#FEA616; height:16px; color:white; text-decoration:none;}
.com01 .letterNavi td.a2 a:link, .com01 .letterNavi td.a2 a:visited{ background-color:#FEA616; border-right:1px solid white; text-align:center; height:16px; display:block; color:#4b4c7a; text-decoration:none; min-width:15px; padding-top:3px; font-size:11px;}
.com01 .letterNavi td.a2 a:hover{ background-color:#b70606; display:block; border-right:1px solid white; color:white; text-align:center; text-decoration:none;}
.com01 .letterNavi td.a3{ font-size:11px; background-color:#FEA616; border-right:1px solid white; text-align:center; height:16px; color:silver; text-decoration:none; min-width:15px;}
/*.com01 .letterNavi td.a3 a:link, .com01 .letterNavi td.a3 a:visited{ background-color:#F49800; text-align:center; height:16px; display:block; color:silver; text-decoration:none; min-width:15px; padding-top:3px;}
.com01 .letterNavi td.a3 a:hover, .com01 .letterNavi td.a3:hover{ background-color:#FEA616; height:16px; color:silver; text-decoration:none; min-width:15px;}*/

.com02 .coverWall{ padding:16px;}

.com01 .comFilminfo .specialIcons img{ text-align:right; padding:16px 18px 0px 0px; border:0px;}
.comFilminfo .h1div{ background:url(../img/layout/com01head.png); padding:0px 5px 4px 0px;}
.comFilminfo .comContent .oResInfo{ background-color:white; border:1px solid #AEADAD;}
.comFilminfo .comContent .oResInfo th{ background-color:#ffcc00; color:#00458f; text-align:center; padding:3px; border:1px solid #ffb400;}
.comFilminfo .comContent .oResInfo img{ border:0px; margin:0px;}
.comFilminfo .comContent .oSaleInfo{ background-color:white; border:1px solid #AEADAD; margin-bottom:15px;}
.comFilminfo .comContent .oSaleInfo th{ background-color:#ffcc00; color:#00458f; text-align:center; padding:3px; border:1px solid #ffb400;}
.comFilminfo .comContent .oSaleInfo td{ text-align:center;}

.comCart .comContent .oSaleInfo{ background-color:white; border:1px solid #AEADAD; margin-bottom:15px;}
.comCart .comContent .oSaleInfo th{ background-color:#ffcc00; color:#00458f; text-align:center; padding:3px; border:1px solid #ffb400;}
.comCart .comContent .oSaleInfo td{ text-align:center;}
.mainCom .comMovieSale .comContent .priceInfo { text-align:center; border:1px solid #D0D0D0; background-color:#E0E0E0; padding:9px 5px 9px 5px;}

.comMemo .comContent a.memoCmd, .comMemo .comContent a.memoCmd:visited{ text-decoration:none; color:#E38B12;}
.comMemo .comContent a.memoCmd:hover{ text-decoration:underline; color:#891817;}

.comNews .comContent{ border-bottom:1px dotted silver;}

.mainCom .comCustomerContent .comHead{ background:url(../img/layout/com01head.png); padding:12px 18px 12px 18px;}
.mainCom .comCustomerContent h1{ padding:0px 0px 8px 0px; margin:0px; font-size:16px; color:#00458e; font-weight:bold;}

.mainCom .comNovelties .comContent img.coverImage{ border:1px solid black; margin-right:20px; margin-bottom:10px;}
.mainCom .comMovieSale .comContent img.coverImage{ border:1px solid black; margin-right:20px; margin-bottom:10px;}
.mainCom .comContent img.coverDiv{ border:1px solid black; margin-right:20px; margin-bottom:10px;}

.mainCom .comContent .saleFormInfoBox{ background:url(../img/layout/td_ores01.gif) repeat-x; background-color:#AF5B00;}
.mainCom .comContent .saleFormInfoBox td{ color:white;}
.mainCom .comContent{ padding:16px 16px 0px 16px;}

.mainCom .comContent h1{ padding:0px 0px 16px 0px;} 
.mainCom h1, .com01 .h1 td{ padding-bottom:5px; margin:0px; font-size:16px; color:#00458e; font-weight:bold;}
.mainCom .comContent .coverDiv{ position:relative; margin:0px 18px 10px 0px;}
.mainCom .comContent .coverImage{ border:1px solid black;}
.mainCom .comContent .coverButton img{ border:0px; padding:0px; margin:0px 6px 12px 0px;}
.mainCom .comContent .fsk{ position:absolute; bottom:3px; right:3px; border:0px;}
.mainCom .comContent .coverZoom{ position:absolute; bottom:3px; left:3px; border:0px;}
.mainCom .comContent .ico{ border:0px; padding:0px; margin:0px;}
.mainCom .comContent .iconTrailer{ border:0px; padding-left:130px;}
.mainCom .comContent .icoHelp{ border:0px; vertical-align:middle; cursor:help; margin:0px 0px 0px 6px;}
.mainCom .comContent .icoMovieAvailable{ color:#068100;}

.mainCom .infoBox{ padding:6px; border:1px solid silver; margin:0px 0px 12px 0px; background-color:#FFDEB1;}

.mainCom .frontpageTable{ padding:0px 12px 0px 12px;}
.mainCom .frontpageTd{ border:1px solid #AEADAD; border-top:3px solid #00458e; padding:6px; background:url(../img/layout/com_td_bg.gif) repeat-x; background-color:white;}

.mainCom .comContent .mTitle{ font-weight:bold;}


.numberedList li{ margin-bottom:8px;}



/* com content felder */
.lightMod{
	margin-bottom:8px;
}
.lightMod .navContent, .lightMod .cuNavContent{
	margin-bottom:25px;
}

/* warnings and errors */
.orError, .sGbWarning{
	color:#C11616;
}

h2{
	font-size:14px;
	color:#444954;
	font-weight:bold;
}






/* second menu buttons */
.secButton a:link, .secButton a:visited, .cuNavButton a:link, .cuNavButton a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	background:url(../img/layout/nav02.gif) no-repeat;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	color:black;
	text-align:left;
	padding:5px 0px 2px 35px;
	margin:0px 0px 0px 0px;
	height:17px !important;
	width:165px;
	text-decoration:none;
}
.secButton a:hover, .cuNavButton a:hover{
	background:url(../img/layout/nav02.gif) no-repeat;
	background-position: 0px -24px;
	text-decoration:none;
	color:white;
}

/* footer */
.footerCom{ text-align:center; color:#707070; margin:18px;}
.footerCom a:link, .footerCom a:visited{ color:#0066CC; text-decoration:underline; font-weight:normal;}
.footerCom a:hover{ color:#E18403; text-decoration:none; font-weight:normal;}

/* lightbox */
#lightbox{ position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img{ border:none;}
#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer{ padding:10px;}
#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{ width:49%; height:100%; background:transparent url(../../../includes/js/lightbox/img/blank.gif) no-repeat; display:block;}
#prevLink{ left:0; float:left;}
#nextLink{ right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover{ background:url(../../../includes/js/lightbox/img/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{ background:url(../../../includes/js/lightbox/img/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;}
#imageData{	padding:0 10px; color:#666; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }	
#imageData #caption{ font-weight:bold;	}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;	}			
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em;	}	
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000;}

/* forms */
form.f1{ padding-bottom:8px;}
form.f1 input, form.f1 select{ margin:3px;}
form.f1 label, form.f1 .helpIcon{ margin:5px 3px 3px 3px;}
form.f1 label.l{ float:left; text-align:left; width:150px; margin-right:.3em; font-weight:bold;}
form.f1 input[type=text], form.f1 select{ float:left;}
form.f1 input.r{ float:left; width:auto; clear:both; margin-left:5.3em; margin-right:.3em;}
form.f1 input[type=checkbox].r, form.f1 input[type=radio].r, form.f1 input[type=submit].r{ margin-left:6.3em;}
form.f1 textarea{ margin:3px; float:left;}
form.f1 br{ clear:both;}
form.f1 .block br{ clear:none;}

