@charset "utf-8";

/*=========================================================================
  PRIMARY-NAV.CSS - This file styles the primary navigation menu system located
  below the toolbar and above the masthead
  =========================================================================*/

  /* NAVIGATION SYSTEM (OUTER DIV) */
#primary-nav  {
	height: 123px;
	margin: 0 auto;
	position: relative;
	width: 960px;
	z-index: 300;
}

/* MENU HEADERS - ANCHOR POINTS FOR DROPDOWN MENUS - ALSO STYLING MENU TEXT IN ITS' UNCLICKED STATE  */
#primary-nav .menu-headers {
	font-family : arial;
	font-size: 16px;
	height : 123px;
	line-height : 155px;
	position : absolute;
	right : 0px;
	vertical-align : bottom;
}
#primary-nav .menu-header,
#primary-nav .submenu-link {
	display: block;
}
#primary-nav .menu-header {
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 15px;
	height: 123px;
}
#primary-nav .menu-header:last-child {
	margin-right: 0px;
}
#primary-nav .menu-header.active {
	text-decoration: none;
	color: #464646;
}
/* added default anchor color value here. otherwise they would show up a different color than visited links */
#primary-nav a {
	color: #464646;
}
/* added default color for menu dropdowns that are not actually within anchor tags - as with MPP - TIM C - 21 MAY 2014 */
#primary-nav {
	color: #464646;
}
#primary-nav a:link.menu-header,
#primary-nav a:link.dialog {
	color: #464646;
	text-decoration: none;
}
#primary-nav a:hover.menu-header,
#primary-nav a:hover.dialog {
	color: #464646;
	text-decoration: underline;
}
#primary-nav a:active.menu-header,
#primary-nav a:active.dialog {
	color: #464646;
}
/* defined text-decoration:none to remove underline in IE8 */
#primary-nav a:visited.menu-header,
#primary-nav a:visited.dialog {
	color: #464646;
	text-decoration: none;
}

/* DROPDOWN MENUS FOR SITES WITH DROPDOWNS IN <DIV> INSTEAD OF <A> -- INCL. MILITARY - TIM C 21 MAY 2014 - */
#primary-nav div:link.menu-header,
#primary-nav div:link.dialog {
	color: #464646;
	text-decoration: none;
}
#primary-nav div:hover.menu-header,
#primary-nav div:hover.dialog {
	color: #464646;
	text-decoration: underline;
}
#primary-nav div:active.menu-header,
#primary-nav div:active.dialog {
	color: #464646;
}
/* defined text-decoration:none to remove underline in IE8 */
#primary-nav div:visited.menu-header,
#primary-nav div:visited.dialog {
	color: #464646;
	text-decoration: none;
}

/* DROPDOWN MENUS OTHER THAN PROGRAMS */
#primary-nav .menu-item > .submenu {
	display: none;
	position: relative;
}
#primary-nav .menu-item.active > .submenu {
	display: block;
}
#primary-nav .menu-item {
	display: none;
	overflow: visible;
	position: absolute;
	width: 225px;
	z-index: 1002;
}
#primary-nav .menu-item.active {
	display: block;
}


/* START MPP / GMED LIVESWAP FRIENDLY MENU - AS ALL THE SITES GET SWITCHED THE SPECIFIC PROGRAM CODE REFERENCES WILL BE REMOVED ----------------------------------------------------------------------------------- */
.mpp #primary-nav,
.gmed #primary-nav {}

/* POSITION SUBMENUS - OFFFSET 100px */
#primary-nav .build,
#primary-nav .offers,
#primary-nav .locate,
#primary-nav .finance,
#primary-nav .details,
#primary-nav .support,
#primary-nav .promote,
#primary-nav .refer,
#primary-nav .eligibility {
	position: absolute;
	top: 100px;
}


/* HACK. The programs menu arrow is set in the programs menu .jsp file for ALL sites. Editing the position of that one will be difficult. Hiding it here   */
.mpp #primary-nav  .programsmenu .arrow {
	display:none;
}

  /* GMED MENU FIX */
.gmed #primary-nav .build,
.gmed #primary-nav .offers,
.gmed #primary-nav .locate,
.gmed #primary-nav .finance,
.gmed #primary-nav .details,
.gmed #primary-nav .support {
	position: absolute;
	top: 100px;
}

/* HACK. The programs menu arrow is set in the programs menu .jsp file for ALL sites. Editing the position of that one will be difficult. Hiding it here   */
.gmed #primary-nav .programsmenu .arrow {
	display:none;
}

/* ---------------------- added -15px to offset spacing between menu items!*/
#primary-nav .menu-item.active > .submenu {
 display: block;
 margin-left: -25%;
 left: -15px;
}   


#primary-nav .arrow-emp {
 background: url('../images/gui/menu-active-arrow.png');
 display: block;
 height: 14px;
 width: 26px;
 position: absolute;
 top: -48px;
 margin-left: 40px;
}

#primary-nav .arrow-ded {
 background: url('../images/gui/menu-active-arrow.png');
 display: block;
 height: 14px;
 width: 26px;
 position: absolute;
 top: -48px;
 margin-left: 35px;
}

#primary-nav .arrow-sup {
 background: url('../images/gui/menu-active-arrow.png');
 display: block;
 height: 14px;
 width: 26px;
 position: absolute;
 top: -48px;
 margin-left: 40px;
}

#primary-nav .arrow-mpp, #submenu-nav .arrow-mpp {
	background: url('../images/gui/menu-active-arrow.png');
	display: block;
	height: 14px;
	width: 26px;
	position: absolute;
 	top: -48px;
	margin-left: 30px;
}
#primary-nav .arrow-gmed,  #submenu-nav .arrow-gmed {
	background: url('../images/gui/menu-active-arrow.png');
	display: block;
	height: 14px;
	width: 26px;
	position: absolute;
	 top: -48px;
	margin-left: 30px;
}
#primary-nav .arrow-cgp,  #submenu-nav .arrow-cgp {
	background: url('../images/gui/menu-active-arrow.png');
	display: block;
	height: 14px;
	width: 26px;
	position: absolute;
 	top: -48px;
	margin-left: 30px;
}
.mpp-arrow-toggle {
	width:100% !important;
}
.gmed-arrow-toggle {
	width:100% !important;
}
.cgp-arrow-toggle {
	width:100% !important;
}
 /* END MPP / GMED LIVESWAP FRIENDLY MENU ----------------------------------------------------------------------------------- */

#primary-nav .submenu-link {
	border-bottom: 1px solid #cccccc;
	margin: 0px;
	padding: 15px 20px;
}
#primary-nav .submenu a:link {
	color: #006699;
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	margin: 0px;
	text-decoration: none;
	width: 100%;
}
#primary-nav .submenu a:hover {
	color: #003366;
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	margin: 0px;
	text-decoration: none;
	width: 100%;
}
#primary-nav .submenu a:visited {
	color: #003366;
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	margin: 0px;
	text-decoration: none;
	width: 100%;
}
#primary-nav .submenu a:active {
	color: #003366;
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	margin: 0px;
	text-decoration: none;
	width: 100%;
}

/* PROGRAMS MENU */
#primary-nav .programsmenu {
	background-color: #fff;
	border: solid 1px #cccccc;
	clear: both;
	display: none;
	overflow: visible;
	position: absolute;
	top: 123px;
	width: 960px;
	z-index: 300;
	-webkit-box-shadow: #333333 -6px 20px 20px;
	   -moz-box-shadow: #333333 -6px 20px 20px;
					box-shadow: #333333 -6px 20px 20px;
	/*  behavior: url(/GMVPP2/agency/css/PIE.htc); ------- IE 8 MUCKS UP */
}
#primary-nav .submenu {
	background-color: #fff;
	border-bottom: none;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	font-size: 12px;
	line-height: 14px;
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
	position: relative;
	top: 23px;
	width: 225px;
	display:block;
	-webkit-box-shadow: #333333 -6px 20px 20px;
	   -moz-box-shadow: #333333 -6px 20px 20px;
 					 box-shadow: #333333 -6px 20px 20px;
	/*margin-left: -25%;  TEMPOARTY ADD */
	/*margin-right: 25%;  TEMPOARTY ADD */
	/* behavior: url(/GMVPP2/agency/css/PIE.htc); ------- IE 8 MUCKS UP */
}
.programsmenudivider {
 	background-color: #8bb8cd;
 	display:none;
 	height: 100%;
 	left: 625px;
 	position: absolute;
 	width: 1px;
 	z-index: 30000;
 }
div.submenu-content-inner-wrap {
	background: url('../images/gui/programs-menu-divider.gif');
	background-repeat:repeat-y;
	background-position:300px;
	margin-top:15px;
	margin-bottom:15px;
}
#primary-nav .submenu-header {
	border-bottom: 1px solid #cccccc;
	border-right: 4px solid #cccccc;
	clear: none;
	display: block;
	float: left;
	margin-right:-0px;
	overflow: visible;
	width: 319px;
	margin-bottom:0px;
}
div.submenu-header-wrap {
 	clear: none;
 	display: block;
 	float: left;
  margin-right:-0px;
  width: 319px;
	overflow:hidden;
}
#primary-nav label.submenu-title.active:first-child {
	border-top: none;
	height:38px;
	line-height:38px;
 }
/* removes 4px bottom border given to last programs menu button in family first */
#primary-nav label.submenu-title.active:last-child {
	border-bottom: 4px solid #cccccc;
	height:38px;
	line-height:30px;
}
#primary-nav label.submenu-title:last-child {
	border-bottom: 4px;
}
#primary-nav label.submenu-title.active {
	background-image: url('../images/gui/nav-highlight.png');
	background-color:#ffffff;
	position:relative;
	width:319px;
	border-bottom: 4px solid #cccccc;
	border-top: 4px solid #cccccc;
	border-left:4px solid #cccccc;
	line-height:32px;
	height:38px;
	padding-left:30px;
}
#primary-nav .submenu-title.active {
	text-decoration: underline;
}
#primary-nav label.submenu-title {
	border-bottom: 1px solid #cccccc;
	font-family: helvetica;
	font-size: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 33px;
	text-decoration: none;
	height:38px;
	line-height:38px;
}
#primary-nav .submenu-title {
	background: #fff;
	color: #003366;
	cursor: pointer;
	display: block;
	margin-bottom: 5px;
	text-decoration: none;
}
#primary-nav .subsubmenu-title {
	font-size: 14px;
	font-weight: bold;
}
#primary-nav a:link .subsubmenu-title {
	color: #003366;
}
#primary-nav a:active .subsubmenu-title {
	color: #003366;
}
#primary-nav a:hover .subsubmenu-title {
	color: #003366;
}
#primary-nav a:visited .subsubmenu-title {
	color: #003366;
}
#primary-nav .submenu-content {
	clear: none;
	display: none;
	float: left;
	width: 642px;
	background-color:#ffffff; border-left: 4px solid #cccccc;
	margin-left:-4px;
}
#primary-nav .submenu-content.active {
	display: block;
}
#primary-nav .submenu-item {
	float: left;
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 20px;
	width: 260px;
}
#primary-nav .submenu-item a {
	text-decoration: none;
}
#primary-nav .submenu-subtext {
	color: #003366;
	font-weight: normal;
	text-decoration: none;
}
#primary-nav a.submenu-subtext {
	text-decoration: none;
}

/* ARROWS FOR MENUS */
#primary-nav .arrow {
	background: url('../images/gui/menu-active-arrow.png');
	display: block;
	height: 14px;
	position: absolute;
	width: 26px;
}
#primary-nav .offers .arrow,
#primary-nav .locate .arrow,
#primary-nav .finance .arrow,
#primary-nav .refer .arrow,
#primary-nav .details .arrow,
#primary-nav .build .arrow,
#primary-nav .promote .arrow,
#primary-nav .support .arrow,
#primary-nav .eligibility .arrow
{
	left: 90px; top: -15px;
}

/* OTHER DESIGN ELEMENTS */
.brand {
	display : block;
	height : 123px;
	left : 0px;
	line-height : 155px;
	position : absolute;
}
.fa-lock {
	margin-right: 5px;
}
.clear {
	clear:both;
	height:0px;
}

/* SUBNAV (HORIZONTAL MENU THAT APPEARS WITH LINKS IN EACH SITE SECTION)  - override to display none  - TIM C 17 APRIL 2014 */
 #submenu-nav,
#submenu-nav .arrow {
 	display: none !important;
 }
/* #submenu-nav {
	background-color: #f1f1f1;
	border: 1px solid #999999;
	height: 46px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	position: relative;
	text-decoration: none;
	width: 960px;
}*/
#submenu-nav .submenu-link {
	clear: none;
	float: left;
	min-width: 160px;
	text-decoration: none;
}
a.submenu-link {
	text-decoration: none;
}
#submenu-nav .submenu-title {
	background-color: #f1f1f1;
	clear: both;
	color: #464646;
	display: table;
	font-size: 12px;
	font-weight: bold;
	height: 44px;
	padding: 0 20px;
	width: 160px;
}
a #submenu-nav .submenu-title {
	text-decoration: none;
}
#submenu-nav .submenu-subtext {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	color: #006699;
	display: none;
	font-size: 12px;
	margin-top: 1px;
	padding: 18px 16px;
}
#submenu-nav .submenu-title-format {
	display: table-cell;
	line-height: 11px;
	text-align: left;
	vertical-align: middle;
	width: 120px;
}

/*#submenu-nav .arrow {
	background: url('../images/gui/menu-active-arrow.png');
	display: block;
	height: 14px;
	position: absolute;
	width: 26px;
}*/
#submenu-nav .active .submenu-title {
  background: #d9d9d9;
}
#submenu-nav .offers .arrow {
	right: 510px;
	top: -14px;
}
#submenu-nav .locate .arrow {
	right: 430px;
	top: -14px;
}
#submenu-nav .refer .arrow {
	right: 105px;
	top: -14px;
}
#submenu-nav .details .arrow {
	right: 25px;
	top: -14px;
}

/*  HIDE SUBMENU NAV ON HOME PAGE */
body.home-page #submenu-nav {
	display:none;
}

/*  SPECIALTY LINKS */
.programsmenu .rules-and-guidelines-link {
	background: url('../images/gui/adobe.jpg');
	background-repeat:no-repeat;
	background-position: 170px 0px;
	padding-right:35px;
	overflow:visible;
	display:block;
	height:20px;
}
.submenu .rules-and-guidelines-link {
	background: url('../images/gui/adobe.jpg') no-repeat scroll 130px 0px transparent !important; /*  temporary override. ".submenu" is also applied to program menu. working on a better solution long term - When I remove the white background from it, a style bleeds through to the programs menu - (a line segment) TC */
	padding-right:35px;
	overflow:visible;
	display:block;
	height:20px;
}


/* PROGRAM ICONS IN NAV MENUS FOR THE VPP WEB SITES   */
.mpp .program-icon {float:left;}

.dealer-name {margin-left: 20px; float:left;}



/* MOVE PROGRAM ICON IN COLLEGE SITE NAV MENU TO LINE IT UP WITH THE BUICK LOGO AS PER INSTRUCTIONS - Tim C 16th July 2014  */
.cgp .program-icon {
}

/* MOVE PROGRAM ICON IN GM EDUCATOR SITE NAV MENU TO LINE IT UP WITH BRAND SPECIFIC BADGES UNDERNEATH  - Tim C 16th July 2014  */
.gmed .program-icon {
	position:relative;
	top:30px;
}

/* no cambiar estos parametros */
.dropDownList .listSelect li { width:200%;}
.dropDownList .titleSelect p { overflow: hidden; word-break: break-all;}
.dropDownList .titleSelect{ width:100%;}
.dropDownList .listSelect ul { position:absolute;	top:0px; width: 100%;}
.dropDownList .listSelect { position:absolute; display:none; width: 100%; overflow: hidden; z-index: 9000;}
.dropDownList {	position:relative; float:left;}
.dropDownList .scroll {position: absolute; top: 0px; z-index:100;height: 100%;}
.dropDownList .ctrlScroll {position:relative; float: left; width: 100%;}
.dropDownList .ctrl {	position:absolute; top:0px; width:100%; height:20%;}
.dropDownList select{display:none;}
/* ///////////////////////////  */

.dropDownList .ulSelected {background-color:#cccccc;}
.dropDownList .listSelect li {
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 6px;
	margin: 0px;
}
.dropDownList .listSelect li:hover {
	background-color: #3168d5;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 6px;
}
.dropDownList .titleSelect p {
	margin: 0px;
	font-size: 12px;
	font-family: helvetica;
	margin-top: 8px;
	margin-left: 10px;
	width: 100%;
	height: 23px;
}
.dropDownList .titleSelect {
	cursor:pointer;
	height:30px;
	/* border: 1px solid;
	 border-color: #747474;  <----- DO NOT PLACE A BORDER AROUND THIS DROPDOWN. THERE IS NO BORDER IN THE COMPS! - Tim C @ MRM  */
}
.dropDownList .listSelect ul {
    list-style: none;
    font-family: verdana;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
}
.dropDownList .scroll_Y{ overflow-y:scroll !important;}
.dropDownList .listSelect {
    height: 386px;
	background-color: #464646;
	border: 1px solid;
	border-color: #747474;
	margin-top: 2px;
}

.ie9 .dropDownList .listSelect, .ie10 .dropDownList .listSelect, .ie11 .dropDownList .listSelect{
	height: 365px;
}

.dropDownList {
    width: 250px;
}


/* ******* * scrroll */
.dropDownList .scroll {
    width: 18px;
    right: 0px;
	cursor:pointer;
}
.dropDownList .ctrlScroll {
    height: 150px;
	background-color: rgb(230, 230, 230);
}
.dropDownList .ctrl {
	background:#09F;
}
.pantalla { width:100%;height:100%;position:fixed;top:0;z-index:1; }
/* ******* * end scrroll*/



/* HACKS - Tim C @ MRM  */

/* Position Program Overview link to appear above Rules and Guidelines Link in Programs menu for "Event" program - 16th April 2015 - Tim C */
.submenu-content.menu-group-programs.active[data-programcode=event] /* { position: relative;} disabled - Tim C @ MRM  */
.submenu-content.menu-group-programs.active[data-programcode=event] .submenu-item:nth-child(1) { position: relative; display: block; }
.submenu-content.menu-group-programs.active[data-programcode=event] .submenu-item:nth-child(2) { position: relative; display: block; top: 85px; }
.submenu-content.menu-group-programs.active[data-programcode=event] .submenu-item:nth-child(3) { position: relative; display: block; top: -65px; }



/* START CREDIT UNION MENU TEMPORARY STYLES - DELETE ONCE SITE IS DELETED- tim c - 24th september 2015  */
.cud #primary-nav .menu-headers {
    font-family: arial;
	text-transform:uppercase;
    font-size: 18px;
    height: 123px;
    line-height: 155px;
    position: absolute;
    right: 0px;
    vertical-align: bottom;
}

.cud #primary-nav .menu-header {
    cursor: pointer;
    display: inline-block;
	font-weight:normal!important;
    margin-right: 15px;
    height: 123px;
}


#primary-nav .arrow-cud {
 background: url('../images/gui/menu-active-arrow.png');
 display: block;
 height: 14px;
 width: 26px;
 position: absolute;
 top: -45px;
 margin-left: 35px;
}


label[for=soty16ev-menu] {
	font-weight:bold;
}


/* END CREDIT UNION MENU TEMPORARY STYLES - DELETE ONCE SITE IS DELETED- tim c - 24th september 2015  */