/*common styles ****************************/
body { font-family:  Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color: #333333; margin: 0; padding: 0; background: #FFFFFF url(/images/common/bg-red-wave.gif) no-repeat fixed left top; }
html { overflow-y : scroll; } 
A:link { color: #BA0028; text-decoration: none; }
A:active, A:visited { color: #BA0028; text-decoration: none; }
A:hover { color: #CE0036; text-decoration: underline; }

h1 { font-size: 18px; font-weight: normal; color: #000; margin-bottom: 3px; line-height: 1.2em; }
h2 { font-size: 14px; color: #BA0028; font-weight: bold; margin-bottom: 5px; line-height: 1.2em; }
h3 { font-size: 12px; color: #7C140B; font-weight: bold; padding:0; margin-bottom: 2px; }
h4 { font-size: 13px; color: #00699d; font-weight: bold; padding:0; margin: 0px; }
h1 a:link, h1 a:visited { color: #BA0028; text-decoration:none; }
h2 a:link, h2 a:visited { color: #BA0028; text-decoration:none; }
h3 a:link, h3 a:visited { color: #BA0028; text-decoration:none; }
/*h1 a:hover { color: #d8002e; text-decoration:none; }
h2 a:hover { color: #d8002e; text-decoration:none; }
h3 a:hover { color: #cc002c; text-decoration:none; }*/

p {text-align:justify;}
form { padding:0px; margin:0px; }
.errormsg  { color: #BA0028;}
.errormessage { font-size: 16px; font-weight: bold; color: #BA0028; }
.textfield { background-color: #ffffff; border:1px solid #BFBFBF; color: #333; margin: 0; padding: 2px 3px;  }
textarea, select { background-color: #ffffff; border:1px solid #BFBFBF; color: #000000; margin: 0; padding: 0; }
.small { font-size:90%; }
.red { color: #BA0028; }

#border td { border-bottom: 1px solid #DCE2EA; }

/*path */
#path { font-size: 11px; color: #000; }
#path a, #path a:active { color: #BA0028; text-decoration: none; }
#path a:visited { color: #BA0028; text-decoration: none; }
#path a:hover { color: #7C140B; text-decoration: underline; }

/*footer */
#ftr { width:1015px; font-size: 11px; margin: 0 auto; color: #999; padding-bottom:20px; clear:both;}
#ftr a, #ftr a:hover { color: #999; text-decoration: none; }

/* footer  EXTENDED */
#ftrx { width:800px; margin: 15px auto; padding: 0px 0px 15px 0px; text-align: left; color: #656667; font-size:11px;}
#ftrx h1 { margin: 0; padding: 5px 0px 5px 0px; font-size:13px; color: #000; font-weight:bold;}
#ftrx h1 a { color:#000}
#ftrx h1 a:hover { color: #BA0028 /*#40abc9*/; }
#ftrx a { color: #4D4D4D; text-decoration: none; }
#ftrx a:hover { color: #BA0028 /*#40abc9*/;  text-decoration: none; }
#ftrx ul { list-style-type:none; margin:0; padding:0px; }
#ftrx ul li a { display: block; margin: 0; padding: 2px 0px;}
.ftrxbox1 {float:left; width: 210px; padding: 0px;}
.ftrxbox2 {float:left; width: 210px; padding: 0px;}
.ftrxbox3 {float:left; width: 220px; padding: 0px;}
.ftrxbox4 {float:left; width: 160px; padding: 0px;}
/*
.ftrxbox5 {float:left; width: 170px; padding: 0px 0 25px 0; }*/

/*Header  */
#header { margin: 0px auto; padding: 0px; text-align: left; display:block; height:64px; width:1015px; color: #666; font-size: 12px; }
#header h1 { /* The Logo text */ float: left; width: 170px; padding: 0px; margin: 0px; text-indent: -9999px; z-index: 100; /* Places the logo above the Menu Layer */ position:absolute; top:0; font-size:2px; }
#header h1 a { /* The Logo */ display: block; z-index:301; width: 278px; height: 64px; background: url("/images/en/logotop-dynamic-toolbar.gif") no-repeat left top; }
#header a, #ftr a { color: #666; text-decoration: none; }

/* page structure DIVS */
#wrap { background: url(/images/common/bg-container.png) repeat-y scroll center; height: 100%; margin: 0 auto; padding: 0; width: 1039px; text-align:center; overflow:hidden; }
/*main content total all 3 possible columns*/ 
#container { width: 971px; float:left; margin: 0; /*prevents collapse of this container in FF*/ padding: 16px 34px 30px 34px; text-align: left; }
#containerhome { /*main content total all 3 possible columns*/ width: 971px; /* 1039 - 68 px for both side padding*/ float:left; margin: 0;	/*prevents collapse of this container in FF*/ padding: 16px 34px 10px 34px; text-align: left; }

#content { /*center and right column total or one column layout*/ float: right; width: 747px; margin: 0; padding:0; /*border: solid 1px blue;*/ }
#sidebar { float: left; width: 212px; padding:0; margin: 0; }
.rightcolumn { /* right column on 2 columns layout pages */ float: right; width: 200px; padding:0; margin: 0; }
.rightcolumn p { padding-top:0; margin-top:0; }
.rightcolumnhome { /* right column on home 2 columns layout pages */ float: right; width: 260px; padding:0; margin: 0; }
.rightcolumnhome p { padding-top:0; margin-top:0; }
.leftcolumn { /* middle column total */ float: left; width: 535px; padding-top:5px;  }
.leftcolumnfull { /* middle column total */ float: left; width: 735px; padding-top:5px;}
.leftcolumnhome { /* middle column total */ float: left; width: 475px; text-align:left; /*border: solid 1px red;*/ }
/*.leftcolumn img { /* left column  
	text-align:center;
}*/
#wrapbtm { margin: 0 auto; padding: 0; text-align: left; display:block; height:9px; width:1039px; background: url("/images/common/bg-ftr.png") no-repeat left top; }
#wraphrd { margin: 0 auto; padding: 0; text-align: left; display:block; height:12px; width:1039px; background: url("/images/common/bg-hdr.png") no-repeat left top; }

/*Module with top gradient dark bottom to light top*/
div.mod-default div.module { background: url(/images/common/module-br.gif) no-repeat 100% 100%; position: relative; margin-bottom:5px;}
div.mod-default div.module-2 { background: url(/images/common/module-tr.gif) 100% 0 no-repeat; }
div.mod-default div.module-3 { background: url(/images/common/module-bl.gif) 0 100% no-repeat; }
div.mod-default div.module-4 { padding: 10px 15px 20px 15px; margin: 0; background: url(/images/common/module-tl.gif) 0 0 no-repeat; overflow: hidden; }
div.mod-default p { text-align:left; font-size:12px; padding:5px 0; margin:0;}
div.mod-default img { padding-bottom:8px; }
div.mod-default h1 { color: #000 /*7C140B*/; font: bold 14px Arial, Helvetica, sans-serif; padding: 5px 0 10px 0; margin:0; }
div.mod-default h2 { color: #BA0028; font: bold 14px Arial, Helvetica, sans-serif; padding: 5px 0 10px 0; margin:0; }
div.mod-default h3 { color: #BA0028; font: bold 13px Arial, Helvetica, sans-serif; padding: 5px 0 10px 0; margin:0; }
div.mod-default h4 { color: #000; font: bold 13px Arial, Helvetica, sans-serif; padding: 5px 0 10px 0; margin:0; }
/* Top Cat and basic menu Nav in #Sidebar */
#productnav { padding-left:0; text-align:left; }
ul#productabs { list-style-type:none; margin:0; padding:0; }
ul#productabs li a { text-align: left; display: block; margin: 0; padding: 6px 0 6px 6px; color: #666/*b80026*/; text-decoration: none; border-bottom: 1px solid #E6E6E6; background: url(/images/common/bullet-arrow-rnd.png) no-repeat right 50%; }
ul#productabs li a:hover { color: #CE0036; }
ul#productabs ul { text-align: left; list-style-type: none; margin: 0; padding: 5px 0 0 0; }
ul#productabs ul li { padding: 3px 0 3px 0; }
ul#productabs li ul li a { font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height:normal; color: #666/*b80026*/; text-decoration: none; border-bottom: none; margin: 0 5px; padding: 0 10px 0 10px; background: url(none);/*background:  url('/images/common/bullet-arrow.png') no-repeat 0 3px;	
	list-style: square url(/images/common/bullet-arrow.png) inside;*/
}
ul#productabs li ul li a:hover { border-bottom:none; color:#CE0036; }
/* Sub Cat Nav in #Sidebar */
#subcatnav { padding-left:0; text-align:left; }
ul#subcatnav { list-style-type:none; margin:0; padding:0; }
ul#subcatnav li a { text-align: left; display: block; margin: 0; padding: 3px 0 3px 6px; color: #BA0028; text-decoration: none; }
ul#subcatnav li a:hover { color: #CE0036; }

.box { padding:22px 15px; margin:0px auto; height:264px; font-size:12px; line-height:normal;}
.box h1 { font-size:17px; font-weight: bold; color:#000; margin:0px; padding-bottom:10px; }
.box h1 a{ font-size:17px; font-weight: bold; color:#333; margin:0px; padding-bottom:10px; }
.box h1 a:hover{ color:#BA0028; ; }
.box p { /*margin: 0px; padding:3px 0 3px 0; */text-align: left;}
.box a { font-weight: bold; text-decoration:none; color:#333;}
.box a:hover { text-decoration:none; color:#BA0028;}
.box ul{ list-style-type:disc;  padding-left:1em; list-style-image:url(/images/common/box-bullet.gif);
 }

/*home boxes*/
#box1 { width:240px; height:284px; float:left; border-right:1px solid #E6E6E6; background: #FFF url(/images/common/bg-home-boxes.gif) repeat-x; }
.box1b { width:240px; height:284px; float:left; background: url(/images/common/icobox-widgets2.png) no-repeat scroll center bottom; }
#box2 { width:241px; height:284px; float:left; border-right:1px solid #E6E6E6; border-left:1px solid #fff; background: url(/images/common/bg-home-boxes.gif) repeat-x; }
.box2b { width:241px; height:284px; float:left; background: url(/images/common/icobox-platform.png) no-repeat scroll center bottom; }
#box3 { width:241px; height:284px; float:left; border-right:1px solid #E6E6E6; border-left:1px solid #fff; background: url(/images/common/bg-home-boxes.gif) repeat-x; }
.box3b { width:241px; height:284px; float:left; background: url(/images/common/icobox-widgets.png) no-repeat scroll center bottom; }
#box4 { width:241px; height:282px; float:left; border-left:1px solid #fff; border-top:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; background: url(/images/common/box-4bg.gif) repeat-y; }

.homesidebox { width:227px; height:80px; margin:0px; padding:15px 0 0 15px; }
.homesidebox img { float:left; padding:5px 5px 0 0; }
.homesidebox a { font-size:14px; font-weight: bold; text-decoration:none; }
.homesidebox p { margin:0px; padding:0px; text-align: left;}

/*4 sided png outer shadow */
.shadow-one { position: absolute; position: relative; padding-top: 16px; padding-left: 16px;	/*border: 1px solid green;*/ }
.corner-a { position: absolute; right: 0; top: 0; width: 16px; height: 16px; background: url(/images/common/shadow.png) right top; }
.corner-b { position: absolute; left: 0; bottom: 0; width: 16px; height: 16px; background: url(/images/common/shadow.png) left bottom; }
.shadow-two { background: url(/images/common/shadow.png) right bottom; }
.shadow-three { position: relative; left: -16px; top: -16px; background: url(/images/common/shadow.png) left top; }
.shadow-four { background-color: #F2F2F2; position: relative; left: 8px; top: 8px; }

.greybox { width:1015px; padding: 20px 45px; margin:0px; }
.greybox div { width:925px; margin:auto 0; padding:0;}
.greybox p { width:925px; padding:0; font-size:11px; text-align:justify; color:#666; line-height: 1.7em; }
/*sundance*/
/*TH, TD { vertical-align: top; }*/
TH { text-align: left; }
/* layout C: 3 equal-width columns */
#general_mainContent { padding-top: 20px; background:  url('/images/common/divider_horizontal.gif') repeat-x top left; }
#general_subContent { clear: both; padding-top: 20px; padding-bottom: 20px; background: #F5F5F5 url('/images/common/bg_subContent-red.gif') repeat-x top left; }
#general_subContent h1 { color: #62778E/*333*/; text-decoration: none; font-weight: bold; font-size:18px; }
/* column layout for both main, more and sub content blocks */	
.general_column_1of3 { float: left; width: 216px; margin-right: 22px; display: inline; /* IE doubled float margin bug hack */ }
.general_column_2of3 { float: left; width: 216px; margin-right: 22px; display: inline; /* IE doubled float margin bug hack */ }
.general_column_3of3 { float: left; width: 216px; display: inline; /* IE doubled float margin bug hack */ }
/* layout D: search, my sundance pages */
/* COMMON HEADER STYLES ................................. */

.dotsBar { height: 35px; padding-top: 12px; background: url('/images/common/bg_rating.gif') repeat-x; color: #8B8B8B; }
/* these styles apply to "film/series/photo overview" and "block individual" pages */
.creatorlink { color: #999999; margin-bottom: 15px; }
.fixedHeight_55px {  /* hack to align cells horizontally */ height: 55px; }
.fixedHeight_70px {  /* hack to align cells horizontally */ height: 70px; }
.fixedHeight_110px {  /* hack to align cells horizontally*/ height: 110px; overflow: hidden; }
.fixedHeight_180px {  /* hack to align cells horizontally */ height: 180px; overflow: hidden; }
/* COMMON ELEMENTS ...................................... */

div.divider_horizontal { height: 1px; background: url('/images/common/divider_horizontal.gif') repeat-x; }
span.divider_info { height: 13px; padding-left: 8px; padding-right: 8px; background:  url('/images/common/divider_info.gif') no-repeat top left; color: #999999; }
a:link.link_arrow, a:visited.link_arrow { padding-right: 10px; background:  url("/images/common/arrow-single-red.png") no-repeat right 5px; }
a:link.link_arrowgrey, a:visited.link_arrowgrey { padding-right: 10px; background:  url("/images/common/arrow-single-grey-s.png") no-repeat right 5px; }
a:hover.link_arrowgrey  { background:  url("/images/common/arrow-single-red.png") no-repeat right 5px; }

.divider { background:  url("/images/common/divider_dark_horizontal.gif") repeat-x left top; height: 1px; }
/* LAYOUT SPECIFIC STYLES ..... */
/* layout C: 3 equal-width columns */
.general_column_1of3 .image_main, .general_column_2of3 .image_main, .general_column_3of3 .image_main { margin-bottom: 17px; }
.general_subContent_table th, .general_subContent_table td { padding-bottom: 3px; }
.general_subContent_table th { padding-right: 10px; }
.general_subContent_table td { background: url('/images/common/divider_horizontal.gif') repeat-x top left; padding-top: 8px; }
.general_column_3of3 p, .general_column_3of3 ul { padding-right: 10px; }
/* ERROR ............................... */	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*lists*/

ul.general_listNoBullet { list-style: none; margin: 10px 0; padding:0; }
ul.general_listNoBullet li { color: #999999; margin-left: 0px; padding-bottom: 10px; }
ul.general_listNoBullet li a { }
.other_dottedTop { padding: 12px 0 12px; background: url("/images/common/divider_horizontal.gif") repeat-x top left; }
.dottedTop { padding-top: 12px; background: url("/images/common/divider_horizontal.gif") repeat-x top left; }
.row_list { }
.row_list .logo { width: 220px; float: left; text-align: center; }
.row_list .row_list_desc { width: 520px; float: right; }

ul.listArrows { list-style: none;  padding:0 20px 15px 10px; margin:0; }
ul.listArrows li { padding: 0px 0 25px 15px; background:  url('/images/common/link-arrow-black.gif') no-repeat 0 6px; }
ul.listArrows ul li { margin: 6px 0 6px 0; padding: 0 10px 0 10px; list-style: none; background:  url('/images/common/link-arrow-red.gif') no-repeat 0px 6px; }

ul.listbullet { list-style: none;  padding:0; margin:0 20px 10px 20px; }
ul.listbullet li { padding: 0px 10px 5px 25px; background:  url('/images/common/bullet-arrow-red.gif') no-repeat 0 1px; }


/*sitemap*/
ul.sitemap { list-style: none; margin: 10px 0 10px 0; padding: 0; }
ul.sitemap a { color:#333; }
ul.sitemap li { padding: 0 0 10px 15px; background:  url('/images/common/link-arrow-black.gif') no-repeat 0 6px; }
ul.sitemap ul li { margin: 6px 0 6px 0; padding: 0 10px 0 10px; list-style: none; background:  url('/images/common/link-arrow-red.gif') no-repeat 0px 6px; }


/*NEW 3 columns HOME PAGE*/
#containerhomedt { /*main content total all 3 possible columns*/ width: 971px; /* 1039 - 68 px for both side padding*/ float:left; margin: 0;	/*prevents collapse of this container in FF*/ padding: 0px 12px 0 12px; text-align: left;}
  
.boxdt { padding:22px 35px 22px 35px; margin:0px auto; height:264px; font-size:12px; line-height:normal;}
.boxdt h1 { font-size:17px; font-weight: bold; color:#000; padding: 0 0 10px 0; margin: 0px; }
.boxdt p { text-align: left;}
.boxdt a { font-size:13px; font-weight: bold; text-decoration:none; color:#40abc9;}
.boxdt a:hover { color:#000; }

.boxdt ul{ list-style:none; margin: 0px 0px 3px 0px; padding:0;}
.boxdt ul li { line-height:2.5em; padding:0px 0px 0 19px; background: url("/images/common/bullet-circle-red.png") no-repeat left 7px; border-bottom: 1px solid #f0f0f0;}

#boxdt1 { width:338px; height:284px; float:left; border-right:1px solid #E6E6E6; background: #FFF url("/images/common/bg-home-boxes.gif") repeat-x; }
.boxdt1b { background: url("/images/common/icobox-widgets2.png") no-repeat scroll center 150px; }
#boxdt2 { width:338px; height:284px; float:left; border-right:1px solid #E6E6E6; border-left:1px solid #fff; background: url("/images/common/bg-home-boxes.gif") repeat-x; }
.boxdt2b { float:left; background: url("/images/common/icobox-widgets.png") no-repeat scroll center 160px; }

#boxdt3 { width:290px; height:283px; float:left; background: url("/images/common/box-4bg.gif") repeat-y; border-bottom: 1px solid #E9E9E9; }
.homedtsidebox { width:100%; margin:0; padding:0px 20px; text-align:center; }
.homedtsidebox h1 { font-size:23px; font-weight:bold; text-decoration:none; padding: 50px  0 20px 0; margin:0; line-height:1.5em;}