/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN COMMON CONTAINER
03 DROP DOWN SPECIFIC CONTAINERS
04 COLUMNS GRID
05 DROP DOWN TYPOGRAPHY

*/


/*  _____________________________________________________________________________

    01 MENU BAR
    _____________________________________________________________________________  */


.megamenu_container {
	width:960px;
	height:44px;
	margin:0 auto;
	position: relative;
	z-index:9999;
	*height:13px;/*IE 7 and below*/
}
.megamenu {
	list-style:none;
	z-index:9999;
	padding:0;
	margin:-30px 0 0 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#555;
	line-height:1;	
}
	.megamenu li {
		float:left;
		margin:0 15px 0 0;
		border:none;
	}
		.megamenu li:hover, .active {
			background:#fff;		
		}
		.megamenu li.noactive {
			background:none;
		}
		.megamenu li a {
			font-size:1.3em;
			color:#555;
			outline:0;
			text-decoration:none;
			display:block;
			padding: 10px 15px 10px 15px;
		}
		.megamenu li:hover a {
			color:#002d62;	
		}
		.megamenu li .drop {
			padding-right:30px;
			background:url("../img/common/down.png") no-repeat right center;
		}

		/* Right aligned menu item */
		
		.megamenu li.right {
			float:right;
			margin-right:-1px;
		}
		.megamenu li.right a {
			margin-right:5px;
		}



/*  _____________________________________________________________________________

    02 DROP DOWN COMMON CONTAINER
    _____________________________________________________________________________  */


.megamenu li .dropcontent {
	margin:0 auto;
	position:absolute;
	left:-9999em;
	top:36px; /* Places the drop down under the menu bar */
	z-index:9998; /* For IE7 */
	padding:18px 0 0 0;
	text-align:left;
	background:#e2e2e2;
	border: 1px solid #ccc;
	*top:8px;/* For IE7 */
}

/* Showing Drop Down on Mouse Hover - Left aligned */

.megamenu li:hover .dropcontent {
	left:auto;
}

/* Showing Drop Down on Mouse Hover - Right aligned */

.megamenu li .align_right {
	right:-1px;
}
.megamenu li:hover .align_right {
	left:auto;
	right:-1px;
}

/* Full width drop down */

.megamenu li .fullwidth {
	position: absolute;
	width: 960px;
	padding:24px 0 10px 0;
	left:-9999em;
	top:44px;
	display: block;
	z-index:9998;
	border-top:none;
	background:#e5eaef;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.megamenu li:hover .fullwidth {
	left: -1px;
}


/*  _____________________________________________________________________________

    03 DROP DOWN SPECIFIC CONTAINERS
    _____________________________________________________________________________  */


.megamenu .drop1column {width: 80px;}
.megamenu .drop2columns {width: 160px;}
.megamenu .drop3columns {width: 240px;}
.megamenu .drop4columns {width: 320px;}
.megamenu .drop5columns {width: 400px;}
.megamenu .drop6columns {width: 480px;}
.megamenu .drop7columns {width: 560px;}
.megamenu .drop8columns {width: 640px;}
.megamenu .drop9columns {width: 720px;}
.megamenu .drop10columns {width: 800px;}
.megamenu .drop11columns {width: 880px;}
.megamenu .drop12columns {width: 960px;}


/*  _____________________________________________________________________________

    04 COLUMNS GRID
    _____________________________________________________________________________  */


.megamenu .col_1,
.megamenu .col_2,
.megamenu .col_3,
.megamenu .col_4,
.megamenu .col_5,
.megamenu .col_6,
.megamenu .col_7,
.megamenu .col_8,
.megamenu .col_9,
.megamenu .col_10,
.megamenu .col_11,
.megamenu .col_12 {
	float: left;
	display:inline;
	position: relative;
	margin-left: 15px;
	margin-right: 15px;
}
.megamenu .col_1 {width:50px;}
.megamenu .col_2 {width:130px;}
.megamenu .col_3 {width:210px;}
.megamenu .col_4 {width:290px;}
.megamenu .col_5 {width:370px;}
.megamenu .col_6 {width:450px;}
.megamenu .col_7 {width:530px;}
.megamenu .col_8 {width:610px;}
.megamenu .col_9 {width:690px;}
.megamenu .col_10 {width:770px;}
.megamenu .col_11 {width:850px;}
.megamenu .col_12 {width:930px;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



/*  _____________________________________________________________________________

    05 DROP DOWN TYPOGRAPHY
    _____________________________________________________________________________  */

.megamenu h6 {
	padding:0 0 4px 0;
	margin:0 0 10px 0;
	color:#002d62;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:18px; 
	font-weight:bold; 
	letter-spacing:1px;
}


/* Links */

.megamenu li .dropcontent a, 
.megamenu li .fullwidth a {
	text-transform:none;
	font-size:14px;
	line-height:24px;	
	display:inline;
	padding:0;
}
.megamenu li .dropcontent a:hover, 
.megamenu li .fullwidth a:hover {
	padding:0;
}

/* Images & Boxes */

.megamenu li .black_box {
	background-color:#111111;
	color: #eeeeee;
	padding:6px 8px 6px 8px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}
.megamenu .imgshadow {
	background:#000000;
	padding:4px;
	border:1px solid #222222;
	margin-top:5px;
	margin-bottom:18px;
	-webkit-box-shadow:0 0 5px #000000;
	-moz-box-shadow:0 0 5px #000000;
	box-shadow:0 0 5px #000000;
}
.megamenu .img_left {
	float:left;
	margin-right:12px;
}
.megamenu .img_right {
	float:right;
	margin-left:12px;
}

/* Lists */

.megamenu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
.megamenu li ul li {
	font-size:12px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
}
.megamenu li ul li:hover {
	background:none;
	border:none;
}


.megamenu ul.list, 
.megamenu ul.list2, 
.megamenu ol.num, 
.megamenu ol.num2 {
	margin:0 0 18px 20px;
	padding:0;
}
.megamenu ul.list li, 
.megamenu ul.list2 li, 
.megamenu ol.num li, 
.megamenu ol.num2 li{
	padding:0 0 0 12px;
	line-height:24px;
}
.megamenu .list li {
	list-style:disc;
}
.megamenu .list2 li {
	list-style:square;
}
.megamenu .num li {
	list-style:decimal;
}
.megamenu .num2 li {
	list-style:upper-latin;
}

.megamenu li .dropcontent ul.list li a, 
.megamenu li .dropcontent ul.list2 li a, 
.megamenu li .dropcontent ol.num li a, 
.megamenu li .dropcontent ol.num2 li a,
.megamenu li .fullwidth ul.list li a, 
.megamenu li .fullwidth ul.list2 li a, 
.megamenu li .fullwidth ol.num li a, 
.megamenu li .fullwidth ol.num2 li a {
	color:#cccccc;
}
.megamenu li .dropcontent ul.list li a:hover, 
.megamenu li .dropcontent ul.list2 li a:hover, 
.megamenu li .dropcontent ol.num li a:hover, 
.megamenu li .dropcontent ol.num2 li a:hover,
.megamenu li .fullwidth ul.list li a:hover, 
.megamenu li .fullwidth ul.list2 li a:hover, 
.megamenu li .fullwidth ol.num li a:hover, 
.megamenu li .fullwidth ol.num2 li a:hover {
	color:#ffffff;
}

.megamenu ul.thumbnails li {
	margin-bottom:18px;
 	text-indent:-9999px;
}

.megamenu ul.categories {
	background:url("../img/common/menu_separator.jpg") top repeat-x; 
}
.megamenu ul.categories li, 
.megamenu ul.categories li:hover {
	background:url("../img/common/menu_separator.jpg") bottom repeat-x; 
	padding:9px 0 9px 0;
}
.megamenu li .dropcontent ul.categories li a,
.megamenu li .fullwidth ul.categories li a {
	color:#cccccc;
}
.megamenu li .dropcontent ul.categories li a:hover,
.megamenu li .fullwidth ul.categories li a:hover {
	color:#ffffff;
}


.megamenu ul.categories2 {
	background:url("../img/common/menu_separator.jpg") top repeat-x; 
}
.megamenu ul.categories2 li, 
.megamenu ul.categories2 li:hover {
	background:url("../img/common/menu_separator.jpg") bottom repeat-x; 
	padding:6px 0 6px 0;
}
.megamenu li .dropcontent ul.categories2 li a,
.megamenu li .fullwidth ul.categories2 li a {
	color:#002d62;
}
.megamenu li .dropcontent ul.categories2 li a:hover,
.megamenu li .fullwidth ul.categories2 li a:hover {
	color:#990000;
}


/* Paragraphs with Icons */

.megamenu .favorite {
	padding-left:25px; 
	margin-bottom:10px;
}

.megamenu .favorite {background:url("../img/favorite.html") no-repeat 0 -1px;}


/* Color */

.menu_blue {
	background-color:#fff;
}
.menu_blue .megamenu li .dropcontent a, 
.menu_blue .megamenu li .fullwidth a {
	color:#002d62;
}
.menu_blue .megamenu li .dropcontent a:hover, 
.menu_blue .megamenu li .fullwidth a:hover {
	color:#990000;
}