@charset "utf-8";
html, body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/idhv3_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#333333;

	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	height:100%; /* needed for container min-height */
}
/* ================= CONTAINER ================= */

.idh08 #container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 860px;
	text-align: left;
	padding: 0px 20px 0px 20px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

/* ================= HEADER ================= */

.idh08 #header {
	height: 110px;
	float:left;
	width:860px;
	margin: 0px;
}
.idh08 #header h1 {
	margin: 0;
	padding: 10px 0;
}
.idh08 #number {
	float:right;
	padding: 10px 10px 0px 0px;
	z-index: 200;
	width: 200px;
	height: 60px;
}
#number h3{
	font-size:16px;
	font-weight:normal;
	color:#FFFFFF;
}
#number h2{
	font-size:22px;
	font-weight:normal;
	color:#FFFFFF;
}



.idh08 #basket {
	float:right;
	padding: 0px 10px 0px 0px;
	z-index: 200;
	width: 320px;
}

.idh08 #logo a {
	float:right;
	height:112px;
	width:122px;
	background-image: url(../images/idhv3_logo.gif);
	background-repeat:no-repeat;
	background-position: 0 20px;
}
.idh08 #logo a:hover{
	background-image:url(../images/idhv3_home_icon.gif);
	background-repeat:no-repeat;
	background-position: 0 5px;
}
/* ================= MAIN CONTENT ================= */

.idh08 #mainContent {
	padding: 0 20px;
	width: 860px;
	padding:0em 0em 0em 0em;
	float: none;
}

/* ================= FOOT =================
.idh08 #footer {
	position: absolute;
	display:block;
	width: 860px;
	bottom: 0px;
	height:140px;
	padding: 10px 0px 0px 0px;
	background-image: url(../images/idhv3_footer_divider.jpg);
	background-repeat: no-repeat;
}
*/

/* NEW FOOT */
.idh08 #footer {
float: left;
	width: 860px;
	height:140px;
	padding: 10px 0px 0px 0px;
	background-image: url(../images/idhv3_footer_divider.jpg);
	background-repeat: no-repeat;
}
.idh08 #footer p {
	margin:0px;
	color:#666666;
	font-size:9px;
	line-height:normal;
}

#footer p a{
display:block;
	color:#666666;
	text-decoration:none;
}
#footer p a:visited {
	color:#666666;
	text-decoration:none;
}
#footer p a:hover {
	color:#CCCCCC;
	text-decoration:none;
}

.footer_links {
	float:left;
	width:100px;
	padding: 0px 10px 20px 0px;
}

.footer_links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer_links li{
	float:left;
	width:90px;
	padding:0px 0px 3px 0px;
	margin: 0px;
	line-height:normal;
}

.idh08 #mark {
	float:right;
	padding: 3px 0px 0px 0px;
}

/* ==== CLEAR FIX ================================= */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* ========================= NAVI ========================== */
.idh08 #menu {
	float:left;
	height: 30px;
	width: 400px;
	padding: 0px 0px 0px 0px;
}

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
	float: left;
}

#nav-menu li a
{
	height: 22px;
	float: left;
	display: block;
	padding:0px 4px 0px 0px;
	font-size:24px;
	letter-spacing:-1px;
	font-weight:bold;
	color: #333333;
	text-decoration: none;
	text-align: left;
	font-family:Helvetica,Arial,Helvetica,sans-serif;
}

#nav-menu li a:hover
{
	color: #FFFFFF;
}


/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: left;
}
/* End hide */

#nav-menu
{
	float:left;
}

.highlight{
	color: #FFFFFF;
	font-weight:bold;
}

.signup {
    padding: 45px 0px 0px 0px;
    width: 135px;
	position:relative;
	left: 210px;
	text-align: right;
	float: right
}

/* NEW MENU */
.menu {
	font-family:Helvetica, Arial, sans-serif;
	width:435px;
	position:relative;
	font-size:11px;
	padding: 24px 0px 0px 0px;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	width:auto;
	text-align:left;
	letter-spacing:-1px;
	font-weight:bold;
	color: #333333;
	padding-right:4px;
	font-size:24px;
}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {visibility:hidden; position:absolute;}


.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}

.menu ul li:hover a, .menu ul li a:hover {
	color:#FFFFFF;
	background:none;
}

.menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; bottom:28px; left:0;}

.menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub {background:#FFF; color:#000;}

.menu ul li:hover ul li, .menu ul li a:hover ul li {
	display:block;
	color:#000;
	width:399px;
	clear:both;
}

.menu ul li:hover ul li:hover a.sub, .menu ul li a:hover ul li a:hover.sub {background:#FFF; color:#000;}

.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute;}

.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
	display:block;
	color:#FFFFFF;
	padding-left:10px;
	font-size:11px;
	width:130px;
	padding:5px;
	letter-spacing: normal;
	border-bottom:1px solid #999999;}

.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {
	background:#999999;
	color:#FFFFFF;
}

.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; left:210px; bottom:0;}

.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {background:#FFFFFF; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {background:#FFFFFF; color:#000;}

.menu ul li:hover ul.left, .menu ul li a:hover ul.left {left:-105px;}

.menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {left:-210px; width:209px;}