/* ============== FONT FACE  ============== */	



/* =========== Clearfix =========== */

.clearfix {
	content: '.';
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.clear {
	clear:both;
} 


/* =====================================*/
/* ---------- MEGA DROP MENU ---------- */
/* =====================================*/

/* Grid >> Begin  */

.one_half,
.one_half_last,
.one_third,
.one_third_last,
.one_fourth,
.one_fourth_last,
.one_fifth,
.one_fifth_last,
.one_sixth,
.one_sixth_last,
.two_thirds,
.two_thirds_last {margin-bottom: 1.5em;}

.full_width {
	width:950px;
	margin:0 auto;	
	position:relative;
	float:left;
	margin-left:80px;
	
}

.col {
	float:left;
	width:130px;
	padding-right:1.8em;
	margin-right:2.5em;
}

.col_last {
	float:right;
	width:130px;
	margin:0;
}

.drop_two {
	width:330px;	
}

.drop_third {
	width:530px;
}

.drop_fourth {
	width:730px;
} 

.drop_third,
.drop_fourth,
.drop_two {
	background:#fafafa;
    left: -999em;
	color:#888888;
    margin: 0 auto;
    padding: 3em 2em 2em;
    position: absolute;
    text-align: left;	
}


/* Grid >> End */

/* Top Holder >> Begin  */

.top-holder {
	-moz-box-shadow:inset 0 -5px 7px rgba(50,50,50,0.1);
	-webkit-box-shadow:inset 0 -5px 7px rgba(50,50,50,0.1);
	box-shadow:inset 0 -5px 7px rgba(50,50,50,0.1);
	height:1em;
	padding:0.4em 0 0.8em 0;
}

.top-holder .meta {
	float:right;
}

.top-holder .meta li {
	float:left;
	list-style:none;
	margin-right:1em;
} 

.top-holder .meta li a {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
}

.top-holder .meta a:hover {
	text-decoration:underline;
} 
 
/* Top Holder >> End  */

/* Logo >> Begin  */

.logo {
	float:left;
	padding:0px;
	padding-top:0px;
	margin-right:0em;
	
} 

.logo h1 {
	font-family: 'Anton';
	font-size:40px;
	line-height:1.1em;
}

.logo h1 a {
	color:#fff;
	text-decoration:none;
} 

/* Logo >> End  */

/* Menu >> Begin  */

.wrapper-menu {
	margin-top:0px;
	display:block;
	position: relative;
	z-index:9999;
}

ul.menu,
ul.menu ul,
ul.menu li,
ul.menu .list,
ul.menu .levels {
	margin:0;
	padding:0;
	line-height:1.5em;
	list-style:none;
}

ul.menu .levels {
	line-height:0 !important;
} 

ul.menu h3 {
	font-size:16px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;
}

ul.menu {
	height:5em;
	float:left;
} 

ul.menu > li {
	float:left;
	text-align:center;
	margin-left:1em;
	padding:0 1.5em;
	padding-top:18px; /* DK */
	line-height:5em;
	border:none;
	position:relative;
}

ul.menu .levels {
    list-style: none outside none;
    margin: 0;
	left: -999em;
	width:100%;
	top:5em;
    position: absolute;
	background:#FAFAFA;
    color: #888888;
    padding:1em;
	width:7em;
    position: absolute;
    text-align: left;
}

ul.menu .levels li {
	margin: 0;
    padding: 0;
    position: relative;
} 

ul.menu .levels ul {
    list-style: none outside none;
	background:#FAFAFA;
	margin: 0;
	top:-0.5em;
    color: #888888;
	left: -999em;
    position: absolute;
	padding:0.5em 1em;
	-moz-box-shadow:0 2px 1px rgba(51,51,51,0.2);
	-webkit-box-shadow:0 2px 1px rgba(51,51,51,0.2);
	box-shadow:0 2px 1px rgba(51,51,51,0.2);
} 

ul.menu .levels ul li {
	width:7em;
	float:left;
} 

ul.menu li .drop {
	background:url(../images/drop.png) no-repeat right 12px;
}

ul.menu > li > a {
	font-family:'Oswald';
	color: #000;
	outline:0;
	font-weight:100;
	font-size:18px;
	text-decoration:none;
	display:block;
}

ul.menu li div a,
ul.menu .levels li a {
	font-family:Arial, Helvetica, sans-serif;
	color: #888;
	font-size:14px;
	text-decoration:none;
}

.bg-menu {height:80px; background-color:#FFFFFF;}  /* -----DK ----- */ 


.sep {border-right:1px dashed #d9d9d9;}


/* ----- Hover ----- */ 

ul.menu li:hover ul.levels {
	left:0;
	display:block;
	min-width:250px;
	background-color:#fff;
}

ul.menu .levels li:hover > ul{
	left: 7em;
	display:block;
}

ul.menu li:hover ul li a:hover { display:inline;}

ul.menu li .view-all:hover {color:#000;} 

ul.menu .levels a.parent:after,
ul.menu .levels a.parent .after {
	font-family: 'WebSymbolsRegular';
    content: ">";
	after:'>';
    display: block;
    right: 10px;
	top:0;
	font-size:11px;
    position: absolute;
    width: 0;
}

.menu li:hover div {
	left:0;
	top:5em;
}

/* Menu >> End  */

/* Search >> Begin  */

.search-top {
	margin-top:1em;
	padding:.6em .6em 0 0;
	position:relative;
	float:right;
} 

.inline-search input[type="text"] {
	background:#f1f1f1;
	border:none;
	width:140px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:inset 0 1px 2px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:inset 0 1px 2px 1px rgba(0,0,0,0.2);
	box-shadow:inset 0 1px 2px 1px rgba(0,0,0,0.2);
	line-height:1.5em;
	padding:6px 30px 6px 10px;
}

.inline-search input[type="submit"] {
	font-family: 'WebSymbolsRegular';
	background:none;
	border:none;
	position:absolute;
	top:14px;
	overflow:hidden;
	width:18px;
	height:18px;
	font-size:16px;
	right:15px;
	cursor:pointer !important;
} 

.inline-search input[type="submit"]:hover {
	cursor:pointer;
}

/* Search >> End  */

/* ========= COLORS ========= */



/* BLACK */

.black-menu .top-holder {
	background:#333333;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111'); /* IE5.5 - 7 */
	background: -ms-linear-gradient(top, #333333, #111111); /* IE9 */
	background: -moz-linear-gradient(top, #333333, #111111); /* Firefox */
	background: -o-linear-gradient(top, #333333, #111111); /* Opera 11  */
	background: -webkit-linear-gradient(top, #333333, #111111); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333333), color-stop(1, #111111)); /* Chrome 10*/	
	border-top:4px solid #111111;
} 
/* dk */
.black-menu .bg-menu {
	border-top:1px solid #b0c1b1;
	background:#b0c1b1;
	
}

.black-menu ul.menu > li:hover {
	background-color: #fff;
} 

.black-menu ul.menu li:hover ul li a:hover { color:#636363}
.black-menu .inline-search input[type="submit"],
.black-menu ul.menu li .view-all,
.black-menu ul.menu .levels a.parent:after,
.black-menu ul.menu .levels a.parent .after,
.black-menu ul.menu h3 {color:#505050;}
.black-menu .drop_third,
.black-menu .drop_fourth,
.black-menu .drop_two,
.black-menu ul.menu .levels ul,
.black-menu ul.menu .levels {border-bottom: 2px solid #505050;}