/* Main Navigation - Top Section */



div#nav {
    width: 980px;
    padding: 0px;
    float: left;
    background:#fff;
    position: relative;
    z-index: 19;
}

div.home_active {
    border-bottom: 4px solid #a7b31d;
}

ul#topnav {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 37px;
	width: 980px;
}

ul#topnav > li {
	float:left;
	display:inline;
	position: relative;
    background:url("/images/menu/mm_bkg.gif") no-repeat right top;
    margin:0 1px 0 0px;
    padding:0px;
	height: 37px;
}

ul#topnav > li.menuactive, ul#topnav > li#mm_statuspage {
	  background:url(/images/menu/mm_bkg_active.gif) no-repeat right top;
}

ul#topnav > li.menuactive > a,
ul#topnav > li.menuactive:hover > a, ul#topnav > li#mm_statuspage {
      background:url(/images/menu/mm_edge_active.gif) no-repeat left top;
      border: none;
      }

ul#topnav > li > a {
	height: 37px;
	background: url("/images/menu/mm_edge.gif") no-repeat scroll left top transparent;
    padding: 0px 5px;
    text-align: center;
    text-decoration:none;
    color:#fff;
    line-height: 36px;
    font-size: 14px;
    font-weight:normal;
    display: block;
    border: none;
}

ul#topnav > li > a img {
    border: none;
    padding:5px 8px 0;
}

ul#topnav > a.home {

}

ul#topnav > a:hover {
    color:#333;
}

ul#topnav > li:hover {
    background:url(/images/menu/mm_bkg_hover.gif) no-repeat right top;
    color:#fff;
}

ul#topnav > li:hover > a {
    background:url(/images/menu/mm_edge_hover.gif) no-repeat left top;
}

ul#topnav > li.menuactive:hover,
ul#topnav > li#mm_statuspage	{
    background:url(/images/menu/mm_bkg_active.gif) no-repeat right top;
    color:#fff;
}
/* Left side of menu */
#nav li#mm_domains {        width: 90px; }
#nav li#mm_vps {            width: 170px; }
#nav li#mm_ssl {            width: 126px; }
#nav li#mm_email {          width: 89px; }
/* Right side of menu */
#nav li#mm_hosting {        width: 123px; }
#nav li#mm_eshops {         width: 100px; }
#nav li#mm_instant {        width: 128px; }
#nav li#mm_reseller {       width: 88px; margin-right: 0;}
/* Unused? */
#nav li#mm_mydaily {        width: 120px; }
#nav li#mm_mylifestyle {    width: 120px; }
#nav li#mm_mynews {         width: 120px; }
#nav li#mm_logout {         width: 120px; }



/* Drop down sub menu */

/* Left side of menu */
#nav li#mm_domains div.sub {        width: 510px; }
#nav li#mm_vps div.sub {            width: 510px; }
#nav li#mm_ssl div.sub {            width: 510px; }
#nav li#mm_email div.sub {          width: 510px; }
/* Right side of menu */
#nav li#mm_hosting div.sub{        width: 510px; }
#nav li#mm_eshops div.sub {         width: 510px; }
#nav li#mm_instant div.sub {        width: 510px; }
#nav li#mm_reseller div.sub {       width: 510px; margin-right: 0;}

/* Menu items on the left side - Menu opens out towards the right and starts on the left */
li#mm_domains div.sub,
li#mm_vps div.sub,
li#mm_ssl div.sub,
li#mm_email div.sub {
    position: absolute;
    left: 0;
    top: 37px;
    -moz-border-radius-topright: 9px;
	-khtml-border-radius-topright: 9px;
	-webkit-border-top-right-radius: 9px;
}

/* Menu items on the right side - Menu opens out towards the left and starts on the right */
li#mm_reseller div.sub,
li#mm_hosting div.sub,
li#mm_instant div.sub,
li#mm_eshops div.sub {
    position: absolute;
    right: 0px;
    top: 37px;
    -moz-border-radius-topleft: 9px;
	-khtml-border-radius-topleft: 9px;
	-webkit-border-top-left-radius: 9px;
}


ul#topnav li div.sub  {
    float:left;
    display:none;
    text-align:left;
    list-style: none;
    padding: 10px;
    margin: 0;
    width:300px;
    background-color: #cccccc;
    z-index: 20;
    overflow: visible;

    	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 9px;
	-khtml-border-radius-bottomright: 9px;
	-webkit-border-bottom-right-radius: 9px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 9px;
	-khtml-border-radius-bottomleft: 9px;
	-webkit-border-bottom-left-radius: 9px;
	border-top: 1px #796259 solid;
	border-left: 1px #796259 solid;
	border-right: 1px #796259 solid;
	border-bottom: 1px #796259 solid;
	/* drop shadows - still doesn't work in IE!!! */
	-moz-box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.3);
}

ul#topnav li:hover div.sub {
    display: block;
}

ul#topnav li div.sub ul {
    text-indent: 0px;
    list-style: none;
}

div.sub ul li a {
    text-decoration: none;
}

.sub_box {
    float: left;
    width: 350px;
    border: solid #796259 1px;
    z-index: 20;
    position: relative;
    overflow: visible;
}

.sub_box ul {
    background-color: #ffffff;
    padding: 10px ;
    margin: 0px;
}

.sub_box ul li {
    border-bottom: dotted #cccccc 1px;
    color: #273638;
    padding: 5px;
    font-size: 10px;

}

.sub_box ul li:hover {
    background-color: #ffd39d;
}

.sub_box ul li h3 a {
    color: #ea8045;
    font-size: 14px;
}

.sub_box ul li h3 a:hover {
    color: #273638;
    font-size: 14px;
}

.sub_box ul li.last_li {
    border: none;
}

.sub_box ul li p a {
    font-size: 10px;
    line-height: 12px;
    color: #273638;
}

/* Second Section */


.sub_sec {
    float: right;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    font-size: 12px;
    z-index: 21;
    position: relative;
    overflow: visible;
}

.sub_sec ul {
    margin:0px;
    padding:0px;
    padding-top: 5px;
    color: #ea8045;
    width: 100%;
    background-color: #ccc;
}

.sub_sec li {
    height: 20px;
    margin: 5px;
    padding-bottom: 5px;
    vertical-align:middle;
}
.sub_sec li a img {
    padding: 0px;
    padding-right: 5px;
    margin: 0px;
    float: left;
    border: none;
}

.sub_sec li a {
    margin: 0px;
    vertical-align: middle;
    display: block;
    float: left;
}


.sub_sec h3 {
    color:#ea8045;
    font-size: 18px;
}

.sub_sec ul a {
    color: #273638;
}

.sub_sec ul a:hover {
    color: #ea8045;
}