@charset "UTF-8";
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	background: #000000;
	line-height: 16px;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
img {
padding:0px;
margin:0px;
}
a img {
border:none;
}

a {
color:#ffffff;
text-decoration:none;
}

a:hover {
color:#e52336;
text-decoration:none;
}

h4 			{
font-weight: normal;
margin-bottom: -5px;
}

/* margin top removing space in internal pages */
ul			{
    padding:0px;
	margin:0px;
	margin-top: -11px;
	margin-left: 0px;
	padding-left:18px;
	padding-top: 0px;
}

li	{
margin-left: 0px;
}

#container {
	width: 966px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#mainContent {
	padding: 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#backto	{ position: relative;
		  left: -120px;
		   }
#backtos	{ position: relative;
		  left: -70px;
		   }		  
#buttons { float: left;
			width: 400px;
}

#dllogo {
	text-align: right;
	padding-top: 5px;
	width: 534px;
	float: left; 
	
}

#flashcontent {
	background: #000000;
	z-index:100;
}

#footerlinks {
	text-align: right;
	padding-top: 8px;
	font-size: 11px;
}

#footerlinks a {
	color: #000000;
	text-decoration: none;
}

#footerlinks a:hover {
	color: #e52336;
}


#line {
position:relative;
top:-5px; 
}

#logo {
	margin-bottom: -8px; 
	float: left; 
}

#navigation	{
	position: relative;
	top: 67px;
	left: 217px;
	width: 550px;
	float: left; 
	z-index:200;
}

#photocontainer {
	width: 400px;
	/*float: left; 
	text-align: center;
	padding-top: 40px;
	position:relative;*/
	left:-7px;
	padding-top: 20px;
}
#left {
	width: 400px;
	float: left; 
	text-align: center;
	padding-top: 40px;
	position:relative;
	left:-7px;
}

#productcontent {
	background: #000000;
	
}

#producttext {
	color: #FFFFFF;
	float: left;
	padding-top: 40px;
	width: 480px;
}

.clear {
	clear: both; 
}

/*content  tables */
table.contenttable {
background-color:#FFFFFF;
padding:0px;
margin:0px;
}
tr {
padding:0px;
margin:0px;
}

td.col1 {
padding:0px;
margin:0px;
background-color:#E52336;
color:#FFFFFF;
padding-left:5px;
padding-right:5px;
width:150px;
padding-top:2px;
padding-bottom:2px;
/*height:45px;*/
font-size:11px;
line-height:12px;

}

td.col2 {
padding:0px;
margin:0px;
background-color:#FCE5DE;
color:#E52336;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
/*height:45px;*/
font-size:11px;
line-height:12px;
}

/* forms */
.register-text {
width:200px;
}

/* NAVIGATION */


/* remove any default styles */
#nav, #nav * {
	margin:0;
	padding:0;
	list-style:none;
}

#nav { /* all lists */
    list-style: none;
	position:absolute;	
	left:3px;
	top:0px;
    /*z-index:500;*/
	padding-bottom:0px;
	
	
}
#nav a{
	position:relative;
	color:#A7A8A9;	
	top:5px;
		
}
#nav li a {
position:relative;	
top:5px;
width:107px;
}

#nav a:hover{	
	color: #FFFFFF;	
}

#nav li { /* all list items */
	float: left;
	position:relative;
	left:0px;
	
	z-index:+500;
	text-align:center;
}

#nav li ul { /* second-level lists */
	position: absolute;	
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    z-index:+500;
	width:107px;
	
	
}


#nav li ul li a { /* second-level list link */
	text-decoration: none;
	color: #FFFFFF;
	line-height:1em;
	width:100px;
	position:relative;
	padding-bottom:0px;
	/*border-bottom: solid 1px #D62430;*/
	vertical-align:middle;
	
	
	}

#nav li ul li { /*drop down to be cahnged */
width:103px;
z-index:500;
padding:0px;
text-align:center;
font-size: 11px;
line-height:1em;
position:relative;
left:0px;
height:30px;
vertical-align:middle;

/*padding-top:10px;*/
}
html>body #nav li ul li { /* IE6 hacks, all browsers except for IE follow this one */
width:103px;
z-index:500;
padding:0px;
text-align:center;
font-size: 11px;
line-height:1em;
position:relative;
left:1px;
height:30px;
vertical-align:middle;

}		
#nav li ul li a:hover { /* second-level list link */
	color: #FFFFFF; 
    width:102px;
	z-index:+500;
	
	
}
      

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
    top:25px;
    left: 0px; 
    z-index:+500;
	
}

/* A quick note about issues with submenus appearing under Flash animations. Some say that setting wmode="opaque" or  wmode="transparent" on the embed or object tag is sufficient. This does fix many issues but I find it sometimes helps to also add this CSS: */
embed, object {
	position: relative;
	z-index: 0;
	}

/******************** ORIGINAL SKIN ******************/
/*
 * The CSS below is my attempt to extract most of the stuff you need to change in order
 * to reskin the menu with the appearance you require. However, certain rules above
 * (indicated with the word "VARIABLE") may also need to be altered to suit the width
 * and height of your menu items and submenus. For example, if you need wider submenus
 * eg: .nav ul { width:12em} then you will need to also apply that value
 * to the left offset of any deeper nested submenus, eg:
 * .nav li li:hover ul,
 * ul.nav li li.sfHover ul {
	 left:12em; top:-1px;
   }
 *
 * Other than that, most of the cosmetic stuff is below:
 */

#nav {
	/* if you want to change font-size, do it here as opposed to setting it on deeper nested anchor elements for example,  so that the em unit is the same size for all elements in the menu */
	float:left; /* necessary if you don't want this element to collapse */
	margin-bottom: 0; /* add space beneath nav. Purely cosmetic */
	font-size: 12px;	
	}
#nav li {
	background:#e52336; /* default background colour */
	/*background-image: url(images/tabborder.png);*/
	background-image: url(images/tab_on.gif);
	margin-left:1px;
	margin-right:1px;
	width:107px; /* affects top level menu items only, as nested li elements have width 100% of their ul parent (see .nav ul rules above)*/
	position:relative;
	top:0px;
	left:-3px;
	height:25px;
}
#nav a {
	color: #ffffff;
	padding:6px 0; /* note that the top and bottom padding will affect the 'top' value (marked with the word "VARIABLE") of the second tier of nav (see "essential rules" above and alter accordingly) */
	text-decoration:none;
	text-align: center;

}
/* if link text runs over two or more lines, you will want padding in the anchor element instead of relying on text-indent to provide space. The following disabled rule shows how to style the submenu links in this case. Note that the width plus left and right padding must equal the width set above for the submenu (.nav ul) */
/*
.nav ul a {
	width: 7.45em;
	padding: .75em 1em;
	text-indent: 0;
	}
*/
#nav li.current { background:#000000; /* hover highlight */
	/*background-image: url(images/tabborder.png);*/
    /*background-image: url(images/tab_on.gif);*/
}

#nav li:hover {
	background:#000000; /* hover highlight */
	/*background-image: url(images/tabborder.png);*/
    background-image: url(images/tab_off.gif);
}


#nav li.sfHover {
 background: #000000;
color: #FFFFFF;
 
 }

#nav li li {
	background:#EF3842; /* slightly darker shade for nested submenus */
	background-image: none;
	border-bottom:1px solid #000000;
	
	
}

#nav li li a {
	color: #000000;
	
}

#nav li ul li:hover {
	background:#000000; /* slightly darker shade for nested submenus */
	background-image: none;
}


#nav li li li {
	background:#e52336; /* slightly darker shade for nested submenus */
}
li.tab-on {
background-image: url(images/tab_on.gif);
width:107px;
}
li.tab-off {
background-image: url(images/tab_off.gif);
width:107px;
}
#step2header {
position:relative;
width:113px;
left:823px;
}
#step2desc {
position:relative;
width:113px;
left:823px;
top:-0px;
padding-top:10px;
margin-bottom:-0px;
}
#producttexts {

	color: #FFFFFF;
	float: left;
	
	width: 480px;
    position:relative;
	top:-60px;
}
/* survey */
.survey_item {
border:none;
width:480px;
padding-bottom:3px;
padding-top:3px;
}
.survey_item2 {
border:none;
width:480px;
padding-bottom:10px;
padding-top:10px;
}
.question {
width:150px;
float:left;
padding-bottom:3px;
}
.questions {
width:470px;
margin-bottom:5px;
}
.txt-svy input{
width:280px;

}
.radio-svy {}
.date-svy{}
.datebold .question{
font-weight:bold;
}
.yesno .question{
float:none;
width:480px;
}
.yesnobold .question{
float:none;
width:480px;
font-weight:bold;
}

.nofloat .question {
float:none;
width:480px;
font-weight:bold;

}
.nofloat {
padding-bottom:15px;
padding-top:15px;
}
.floating .questions {
float:left;
width:150px;
}
.addition {
float:left;
width:150px;
}
.additional_ver {
float:none;
}
.choices {
width:150px;
float:left;
padding-top:3px;
padding-bottom:3px;
}
.clr {
clear:both;
}
.required {
color:#FF0000;
}
.spaceabove{
padding-top:20px;
}
.shorttext input{
width:100px;
}
#survey_error {
display:none;
}
#tvc {
width:140px;
float:right;
position:relative;
top:0px;
left:-35px;
}
#btr {
width:104px;
float:left;
position:relative;
left:100px;

}


#linkdiv {text-decoration:none; color:#ffffff; font-size:12px; font-weight:normal; }
a:hover #linkdiv {text-decoration:none; color:#e52336; font-size:12px; font-weight:normal; }
#imgdiv, #linkdiv{display: inline;}
.btrfce {text-decoration:none;}

#flashcontent object {display:block;}