/*common styles ****************************/
body { font-family:  Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color: #333333; margin: 0; padding: 0; background: #000 url(/images/common/bg-red-waveblack.png) 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: #e10030; text-decoration: underline; }

h1 { font-size: 18px; font-weight: normal; color: #000;  padding:0px 0 3px 0; margin: 0px;  }
h2 { font-size: 15px; color: #BA0028; font-weight: bold; padding:20px 0 5px 0; margin: 0px; }
h3 { font-size: 14px; color: #7C140B; font-weight: bold; padding:20px 0 2px 0; margin: 0px; }
h4 { font-size: 13px; color: #00699d; font-weight: bold; padding:0 ; margin: 0px; }
h1 a:link, h1 a:visited { color: #BA0028; text-decoration:underline; }
h2 a:link, h2 a:visited { color: #BA0028; text-decoration:underline; }
h3 a:link, h3 a:visited { color: #BA0028; text-decoration:underline;  }
img{border: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: #fff; padding-bottom:20px; }
#ftr span { color: #fff; }
#ftr a { color: #fff; text-decoration: none; }


/*Header  dev*/
#headerdev { margin: 0px auto; padding: 0px; text-align: left; display:block; height:64px; width:1015px; color: #666; font-size: 12px; }
#headerdev h1 { /* The DP 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; }
#headerdev h1 a { /* The DP Logo */ display: block; z-index:301; width: 278px; height: 64px; background: url("/images/en/logotopdev-dynamic-toolbar.png") no-repeat left top; }
#headerdev a { color: #666; text-decoration: none; }

#navtopdev { z-index:10 !important; }
#navtopdev { display:block; position:relative; height:20px; width:350px; margin:35px 7px 0 650px; text-align:right;}
#navtopdev ul { position:relative; margin:0; padding:0; list-style:none;  }
#navtopdev li { padding: 0 0 0 15px; float:left; _display:inline; z-index:1000; }
#navtopdev a  { color: #BA0028; text-decoration:none; font-weight: bold;}

.login {float:right; padding:/*23*/37px 17px 0 0; margin:0; color:#808080;}
.login input {margin:3px 0 0 0;}

/*FAQ*/
.faqquestion a { color:#0088A9; font-weight:bold; text-decoration: none; font-size:12px}
.faqquestion A:visited{	color: #4896a9;	text-decoration: none;}
.faqquestion A:hover{text-decoration: underline;}


/* 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 { min-height:570px; width: 971px; /* 1039 - 68 px for both side padding*/ float:left; margin: 0;	/*prevents collapse of this container in FF*/ padding: 16px 34px 60px 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: 0px 12px ; text-align: left;}
#content { /*center and right column total or one column layout*/ float: right; width: 747px; margin: 0; padding:0;  }
#sidebar { float: left; width: 212px; padding:0; margin: 0; }
#sidebar h2{ color: #BA0028; font: bold 14px Arial, Helvetica, sans-serif; padding: 5px 0 10px 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; }
/*.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; }

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

/*home boxes*/
#boxdev1 { width:338px; height:284px; float:left; border-right:1px solid #E6E6E6; background: #FFF url(/images/common/bg-home-boxes.gif) repeat-x; }
.boxdev1b { width:338px; height:284px; float:left; background: url(/images/common/icobox-widgets0.png) no-repeat scroll center bottom; }
#boxdev2 { 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; }
.boxdev2b { width:335px; height:284px; float:left; background: url(/images/en/icobox-toolbar.png) no-repeat scroll center bottom; }

#boxdev4 { width:241px; height:282px; float:left; background: url(/images/common/box-4bg.gif) repeat-y;  }

.homesidebox { width:250px; height:284px; margin:0; padding:0px 15px 0 35px; }
.homesidebox a { /*color: #0088A9;*/ text-decoration: underline;}
.homesidebox h1 { font-size:15px; font-weight: bold; text-decoration:none; padding: 10px  0 10px 0; margin:0;}
.homesidebox p { margin: 5px 0; padding:0px; text-align: left;}
.date { color:#808080; font-size:10px; font-style: italic;padding:0px;}

/*4 sided png outer shadow */
.shadow-one { position: absolute; position: relative; padding-top: 16px; padding-left: 16px; }
.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;padding: 0px; margin: 0px; }
/* 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; border-bottom:1px solid #F2F2F2}

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



/*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; }


/* login dev */
#container_login {
	width:780px;
	margin:0 10px;
	position: relative;
	}

#topnav {
	padding:10px 0px 12px;
	font-size:11px;
	line-height:23px;
	text-align:right;
}
#topnav a.signin , #topnav a.signout{
	background:#88bbd4;
	padding:4px 6px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	font-weight:bold;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	*background:transparent url("/images/common/login/signin-nav-bg-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin:hover , #topnav a.signout:hover{
	background:#59B;
	*background:transparent url("/images/common/login/signin-nav-bg-hover-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover ,#topnav a.signout, #topnav a.signout:hover{
	*background-position:0 3px!important;
}
a.signin ,a.signout{
	position:relative;
	margin-left:3px;
}
a.signin span  {
	background-image:url("/images/common/login/toggle_down_light.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}
a.signout span  {
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}
#topnav a.menu-open {
	background:#ba0028!important;
	color:#FFF!important;
	outline:none;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.signin.menu-open span {
	background-image:url("/images/common/login/toggle_up_dark.png");
	color:#fff;
}
#signin_menu {
	display:none;
	background-color:#ba0028;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:12px;
	top: 28px; 
	right: 0px; 
	margin-top:5px;
	margin-right: 0px;
	*margin-right: -1px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#fff;
}
#signin_menu label {
	font-weight:bold;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#signin_menu p a {
	color:#fff!important;
}
#signin_submit {
	background:#39d url('/images/common/login/bg-btn-blue.png') repeat-x scroll 0 0;
	border:1px solid #000;
	color:#fff;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

.tipsy-inner {
	padding:10px 15px;
	line-height:1.5em;
	font-weight:bold;
}
.tipsy {
	opacity:.8;
	filter:alpha(opacity=80);
	background-repeat:no-repeat;
	padding:5px;
}
.tipsy-inner {
	padding:8px 8px;
	max-width:200px;
	font:11px 'Lucida Grande', sans-serif;
	font-weight:bold;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#000;
	color:white;
	text-align:left;
}
.tipsy-north {
	background-image:url(/images/common/login/tipsy-north.gif);
	background-position:top center;
}
.tipsy-south {
	background-image:url(/images/common/login/tipsy-south.gif);
	background-position:bottom center;
}
.tipsy-east {
	background-image:url(/images/common/login/tipsy-east.gif);
	background-position:right center;
}
.tipsy-west {
	background-image:url(/images/common/login/tipsy-west.gif);
	background-position:left center;
}