/* Reset code to remove theme inherent styling */
#mega-menu ul, #mega-menu li {
list-style: none;
padding: 0;
margin: 0;
}
#mega-menu ul {
display: none; /* Hides non-mega links */
}
#mega-menu .sub ul {
display: block; /* overrides above hide */
font-family: Arial, serif; font-weight: 400;
}

/* Main menu styles */

#mega-menu {
background: transparent;
width: 100%;
height: 30px;
position: relative; /* Important - required for positioning of mega menu */
font: normal 0.73em Arial, sans-serif;
padding: 0 0 0 9px !important;
margin: 0 0 0 0;
display: block;
}
#mega-menu li {
float: left;
font-weight: bold;
display: inline-block;
}
#mega-menu li a {
float: left;
display: block;
padding: 8px 23px 7px 0px;
padding-bottom: 7px\9;
color: #000;
text-decoration: none;
text-transform: uppercase;
/* border: 1px solid transparent; */

}

#mega-menu li a.current_hover {
float: left;
display: block;
padding: 8px 23px 7px 0px;
padding-bottom: 7px\9;
color: #ff0071;
text-decoration: none;
text-transform: uppercase;

}
#mega-menu li.mega-hover a, #mega-menu li a:hover {
color: #ff0071;
/* border: 1px solid #bfbfbf;
border-bottom: 1px solid #FFFFFF;
background-color: #FFFFFF;
*/
}

/* Arrow tag for parent links */
#mega-menu li a.dc-mega {
/*padding-right: 38px; *//* Additional padding for arrow */
padding-right: -8px; 
position: relative; /* Required for arrow positioning */
}
#mega-menu li a.dc-mega-pink {
/*padding-right: 38px; *//* Additional padding for arrow */
padding-right: -8px; 
position: relative; /* Required for arrow positioning */
color:#ff0071;
}
#mega-menu li a .dc-mega-icon {
display: block;
position: absolute;
top: 18px;
right: 15px;
width: 8px;
height: 6px;
}
#mega-menu li.mega-hover a .dc-mega-icon {
background-position: 0 100%;
}

/* Mega Menu Styling */
/* Mega Drop Down Container */
#mega-menu li .sub-container {
position: absolute; /* Required */
width:1000px;
background-color: #fff;
margin-left: 0px;
font-family: 'Metrophobic', Arial, serif;
-moz-box-shadow:    3px 3px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
box-shadow:         3px 3px 5px rgba(0,0,0,0.5);
}

#mega-menu li .sub-container > ul.sub {
	float:left;
	width:250px;
}
#mega-menu li .sub {
/*background: url(..//../images/bg_sub.png) no-repeat 100% 100%;
padding: 5px 5px 5px 5px;*/

}

#mega-menu li .sub-container.mega .sub {
padding: 5px 5px 0 0;

}
#mega-menu li .sub .row { /* Clear the sub-menu floats */
width: 100%;
overflow: hidden;
clear: both;
}
#mega-menu li .sub li {
float: none;
width:250px;
font-size: 0.95em;
font-weight: normal;
}
/* Sub-menu Headers */
#mega-menu li .sub li.mega-hdr { /* Sub-menu headers - i.e. 2nd level navigation */
float: left; /* Float the sub-menus and give them a fixed width to from the mega menu rows */
width: 260px;
margin: 0 10px 20px 10px;
/* border: 1px solid #ccc; */
}
#mega-menu li .sub a { /* Clear the styles from the top-level links and set the font styles */
background: none;
border: none;
text-shadow: none;
color: #353535;
padding: 7px 5px;
display: block;
float: none;
text-decoration: none;
font-size: 0.9em;
}
#mega-menu li .sub li.mega-hdr a.mega-hdr-a {
padding: 7px 5px;
margin-bottom: 5px;
/* border-bottom: 1px solid #ccc; */
text-transform: uppercase;
font-weight: bold;
color: #000;
background: #EAEAEA url(/../images/bg_hdr.png) repeat-x center center;
}
#mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000;
text-shadow: none;
}

/* Add the individual sub-menu backgrounds */
#mega-menu li .sub li#menu-item-1 {
background: url(/service/images/bg_coupe.jpg) no-repeat 135px 40px;
}
#mega-menu li .sub li#menu-item-2 {
background: url(/service/images/bg_sedan.jpg) no-repeat 135px 40px;
}
#mega-menu li .sub li#menu-item-3 {
background: url(/service/images/bg_convert.jpg) no-repeat 135px 40px;
}
#mega-menu li .sub li#menu-item-4 {
background: url(/service/images/bg_suv.jpg) no-repeat 135px 40px;
}
#mega-menu li .sub li#menu-item-5 {
background: url(/service/images/bg_pickup.jpg) no-repeat 135px 40px;
}
#mega-menu li .sub li#menu-item-6 {
background: url(/service/images/bg_sports.jpg) no-repeat 135px 40px;
}

/* Style the 3rd level links */
#mega-menu li .sub li ul li {
margin-right: 10px;
}
#mega-menu .sub li.mega-hdr li a {
color: #444;
font-weight: normal;
padding: 3px 0 3px 25px;
background: url(/../images/bullet.png) no-repeat 10px 8px;
}
#mega-menu .sub li.mega-hdr li a:hover {
color: #990000;
background-image: url(/../images/bullet_on.png);
}

/* Styling for items with only 2 levels */
#mega-menu li .sub-container.non-mega .sub {
/*padding-top: 5px;*/
/* border-bottom: 1px solid #BFBFBF; */
/* border-left: 1px solid #BFBFBF; */
/* border-right: 1px solid #BFBFBF; */
}
#mega-menu li .sub-container.non-mega li {
/* Set the drop down width */
vertical-align:top;
margin-top : 10px;
}
/*
#mega-menu li .sub-container.non-mega li a.image {
padding: 7px 5px 7px 0px;
}
#mega-menu li .sub-container.non-mega li img {
padding: 0 10px 10px 10px;
}
*/
#mega-menu li .sub-container.non-mega li a.bullet {
padding: 0 5px 0 12px;
/*background: url(/service/images/template/square_03.png) no-repeat 2px 5px;*/
font-size: 11.5px;
color:#1c1c1c;
font-weight: 700;
}
#mega-menu li .sub-container.non-mega li a.step3menu {
padding: 5px 5px 0 16px;
font-size:11px;
text-transform:inherit;
color:#555555;
}
#mega-menu li .sub-container.non-mega li a:hover {
color: #e30065;
font-weight: 700;
text-decoration: underline;
}

@media only screen and (min-device-width: 600px) and (max-device-width: 1024px) {
/* ===================================== */
/* ! All tablet specific CSS goes here   */
/* ===================================== */
	#mega-menu {
		background: transparent;
		width: 1024px;
		height: 30px;
		position: relative; /* Important - required for positioning of mega menu */
		font: normal 0.73em Arial, sans-serif;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		z-index:100;
	}
	#mega-menu li a {
		float: left;
		display: block;
		padding: 8px 8px 6px 7px;
		color: #000;
		text-decoration: none;
		text-transform: uppercase;
	}
	
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/* =================================== */
/* ! Higher resolution CSS goes here   */
/* =================================== */
	#mega-menu li a {
		float: left;
		display: block;
		padding: 8px 8px 7px 7px;
		color: #000;
		text-decoration: none;
		text-transform: uppercase;
	}
}

@media handheld, only screen and (max-width: 767px), screen and (orientation : portrait) {
	/* ========================================================================= */
	/* ! All phone and tablets(in portrait orientation) specific CSS goes here   */
	/* ========================================================================= */
	#mega-menu {
		background: transparent;
		width: 1020px;
		height: 30px;
		position: relative; /* Important - required for positioning of mega menu */
		font: normal 0.73em Arial, sans-serif;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	#mega-menu li a {
		float: left;
		display: block;
		padding: 8px 8px 0px 7px;
		color: #000;
		text-decoration: none;
		text-transform: uppercase;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/* =================================== */
/* ! Higher resolution CSS goes here   */
/* =================================== */

    #mega-menu {
		background: transparent;
		width: 1020px;
		height: 30px;
		position: relative; /* Important - required for positioning of mega menu */
		font: normal 0.73em Arial, sans-serif;
		padding: 0 0 0 8px ! important;
		margin: 0 0 0 0;
	}

	#mega-menu li a {
		float: left;
		display: block;
		padding: 8px 8px 7px 7px;
		color: #000;
		text-decoration: none;
		text-transform: uppercase;
	}
	#mega-menu li a {
		float: left;
		display: block;
		padding: 8px 8px 7px 8px;
		color: #000;
		text-decoration: none;
		text-transform: uppercase;
	}
}
/* 1.25 dpr */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
    /* Retina-specific stuff here */
	#mega-menu li a {
		float: left;
		display: block;
		padding: 8px 8px 7px 7px;
		color: #000;
		text-decoration: none;
		text-transform: uppercase;
	}
}

/* 1.3 dpr */
@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi){ 
    /* Retina-specific stuff here */
	#mega-menu li a {
		float: left;
		display: block;
		padding: 8px 26px 7px 0px;
		color: #000;
		text-decoration: none;
		text-transform: uppercase;
	}
}

/* 1.5 dpr */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){ 
    /* Retina-specific stuff here */
	#mega-menu li a {
		float: left;
		display: block;
		padding: 8px 25px 7px 0px;
		color: #000;
		text-decoration: none;
		text-transform: uppercase;
	}
}