/* Global */

/***************************
 $HELPERS
****************************/

/* CLEARFIX */
.group:before,
.group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.ie9 .group,
.ie8 .group,
.ie7 .group,
.lt-ie9 .group {
	zoom: 1;
}
.mar-r-15 {
	margin-right: 15px;
}
/* Tempoary Fix To Make H2 Heading Start On New Line In regional.offers  PAGE - 7TH OCTOBER 2014 - TIM C */
.ie8 #agency-regioncontent h2 {
	display: block;
	clear: both;
	padding-top: 20px;
}
.ie8 #agency-regioncontent br {
	display: block;
	clear: both;
}
.ie8 #region-block {
	display: block;
	clear: both;
}
/**************************/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* BODY / Body-specific */
body {
	font-family: 'Helvetica';
	margin: 0px;
	/*background: url('/maintenance/body-background.jpg') repeat-x scroll center 470px;*/
	background-color: #4a4a4a;
}
body.home-page {
	background-color: #ffffff;
}
/* VIDEO PAGE - MPP */
body.videos {
	background-color: #ffffff;
}
body #wrapper {
	min-width: 960px;
	/* background: url('/maintenance/body-background.jpg') repeat-x scroll center 425px; */
}
body #content {
	background: #fff;
}
body.home-page #content {
	background: none;
}
/* VIDEO PAGE - MPP */
body.videos #content {
}

/* BACKGROUND REDESIGN WORK */
#background-top  /* be sure to add page ids */ {
	height: 466px;
	background-color: #FFF;
	min-width: 960px;

	margin-bottom: -466px;
}
#background-middle {
	top: 466px;
	position: absolute;
	height: 328px;
	/* background-image: url('/maintenance/body-background.jpg'); */
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #6d6d6d;
	width: 100%;
	z-index: -10;
	display: none;
}

/* SOME STYLES HERE */
h1 {
	font-weight: normal;
}
.bold {
	font-weight: bold;
}
.placeholder {
	color: #aaa;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearBoth {
	clear: both;
	height: 1px;
}
.clear {
	clear: both;
}
.hide {
	display: none !important;
}
.icon-pdf {
	margin-left: 10px;
}


/* PROMOTE SUPPLIER POSTER GRID - TIM C - 26TH JULY 2016 */
.promote-supplier .icon-pdf {
	margin-left: 7px;
	position: relative;
	top: 5px;
}

.promote-supplier .tidy-link-list p {
margin-top: 0px;
margin-bottom: 0px;

}

.promote-supplier .download-link-grid {
    height: 130px;
}
















.no-wrap{
	white-space: nowrap;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus,
a.txt-link {
	color: #006699;
	text-decoration: underline;
	cursor: pointer;
}
.centerTable{
	margin: 0 auto;
	display: table;
}

.centered {
    margin-left: 150px;
    display: inline-block;
}


/* INPUTS */
input[type=text] {
	border: 1px solid #CCCCCC;
	height: 30px;
	line-height: 30px;
	padding: 0 8px;
}
button {
	background-color: #CC0000;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	line-height: 30px;
	padding: 0 15px;
	text-transform: uppercase;
}
form#registration-step1 button,
form#registration-step2 button,
form#registration-step3 button {
	margin-top: 10px;
}

form#registration-step1 button.side-by-side,
form#registration-step2 button.side-by-side,
form#registration-step3 button.side-by-side {
	float: left;
	margin-right: 10px;
}

/* VTS VEHICLE-TAG-DETAIL BUTTON STYLING */

/* Define Default Style Of Button Css In This Page - temporary to style print button until class added to print button - TC */
body.vehicle-detail button {
	background-color: #FFFFFF;
	border: 1px solid #CC0000;
	color: #CC0000;
	cursor: pointer;
	font-size: 12px;
	line-height: 30px;
}
/* Style Button Link To Appear As Text Link */
body.vehicle-detail button.return-search-btn {
	background: none;
	border: none;
	color: #003366;
	font-weight: bold;
	text-transform: capitalize;
}

/* Future styling for print button on this page. button class not currently implemented by CL */
body.vehicle-detail button.printbutton {
	background-color: #FFFFFF;
	border: 1px solid #CC0000;
	color: #CC0000;
	cursor: pointer;
	font-size: 12px;
	line-height: 30px;
}

/* Style  Button Explicitly For VTS Vehicle.detail Page. currently the print button does not have a class applied so I can only define a default style to make the print button white with red background, and override it for the tag vehicle button - TC   */
body.vehicle-detail button.tag-btn {
	background-color: #CC0000;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	line-height: 30px;
}

/* STYLING FIX FOR "SELECT" DROPDOWN BOXES - EDUCATOR AND COLLEGE were affected - TIM C - 11TH JULY 2014 - without the width defined the arrows dissapear unless clicked */
.regional-offers select {
	min-width: 161px;
	width: 161px;
}
.dealer-locator select {
	min-width: 161px;
	width: 161px;
}
select {
	min-width: 161px;
}
textarea {
	border: 1px solid #CCCCCC;
	min-height: 100px;
	line-height: 30px;
	padding: 0 8px;
}
form .field-wrap {
	line-height: 30px;
	clear: both;
	margin-bottom: 10px;
}
/*form .field-wrap label {
	float: left;
	width: 100%;
}*/
form .field-wrap label {
	float: left;
	width: 165px;
	margin-right: 50px;
}
form .field-wrap label span,
form .field-wrap label strong {
	font-size: 13px;
}
form .field-wrap input {
	font-size: 13px;
	border: 1px solid #CCCCCC;
	height: 30px;
	line-height: 30px;
	padding: 0 8px;
	width: 390px;
}
form .field-wrap input[type="checkbox"] {
	width: auto;
	border: none;
	padding: 0;
	width: 1.5em;
}
form .field-wrap {
	font-size: 12px;
	line-height: 20px;
}
.obtain-auth-step2 form .field-wrap label {
	width: 200px;
	margin-right: 10px;
}
.obtain-auth-step2 form .field-wrap.fn-recipientEmail {
	overflow: hidden;
}
.obtain-auth-step2 form .field-wrap.fn-recipientEmail label {
	width: auto;
	margin-right: 10px;
	height: auto;
	line-height: 15px;
}

/* OBTAIN AUTH STEP CONFIRM EMAIL DEFAULT STATE - ADDED 11TH MARCH 2015 - TIM C - AS PER CL DIRECTION */
.obtain-auth-step2 form .field-wrap.fn-confirmEmail     {
	  display:none;
}

/* SET FORM FIELD WRAPS TO DISPLAY INLINE - ADDED 13TH MARCH 2015 - TIM C - AS PER CL DIRECTION */
form .field-wrap .col-2{ display: inline; }
form .field-wrap .col-6 { display: inline; }


a.changemyemail {
	text-decoration: underline;
	cursor: pointer;
	color: #006699;
	line-height: 11px;
}
.changemyemail {
	clear: both;
}
.changeemail-line {
	display: block;
}


.left-40px {
	margin-left:40px;
}

form .label-field-group {
	margin-bottom: 20px;
	overflow: hidden;
}

/* FIX STYLING FOR US EMPLOYEE RESIDING IN CANADA */

/* ADD ASTERISKS NEXT TO REQUIRED ITEMS THAT APPEAR BY DEFAULT IN FORM FIELDS - TIM C */
/* CHANGED TO TARGET THE FIRST CHILD WHATEVER IT IS TO KEEP ASTRISKS LINED UP EVEN IF FIRST CHILD IS NOT A LABEL LLOYD S */
/* ADDED LABEL SELECTOR, SO ASTERISKS APPEAR TO THE LEFT OF THE LABEL, AND MARGIN TO COMPENSATE ALIGNMENT - ROMAN S */
.field-required label:before {
    content: "* ";
    color: #ff0000;
    font-weight: bold;
    margin-left: -8px;
}



/* START CANADA TOOLTIP FOR FAMILY FIRST - TIM C - 13TH JULY 2016 */

.canada-tip { display: none; } /* set to display:none to prevent from displaying  */

/* set to display for the following programs  */
/* .emp .sdff2 .canada-tip, */
.emp .gms .canada-tip,
.emp .mktexec .canada-tip,
.emp .fsexec .canada-tip,
.emp .usexec .canada-tip,
.emp .caexec .canada-tip,
.emp .pep .canada-tip
{ display: block; }

.field-wrap.field-text a.tooltip.purch-in-canada
{
	position: relative;
	top: -5px;
	right: -5px !important;
	width: 28px;
	height: 28px;
	display: inline-block !important;
	background: url('../images/gui/login-tooltip.png');
}
/* END CANADA TOOLTIP FOR FAMILY FIRST */


.obtain-auth-step1 .field-wrap.field-text a.tooltip.zip-required
{display:none;}


.obtain-auth-step1.sdff2 .field-wrap.field-text a.tooltip.zip-required
{
	display: block !important;
	position: relative;
	top: -29px;
	right: -800px !important;
	width: 28px;
	height: 28px;
	background: url('../images/gui/login-tooltip.png');
	margin-bottom: -29px;
}





/* END CANADA TOOLTIP FOR FAMILY FIRST */


/* ADD ASTERISK TO CONTACT US "REQUIRED FIELD" SAMPLE - TIM C */
.email-us .required-msg:before {
	content: "* ";
	color: #ff0000;
	font-weight: bold;
}

/* HACKED APPEARANCE OF <STRONG> TAG around the label for a form field in college site -registration.page3 - college- to be normal font weight - 16th July 2014 - TIM C. - asked randy to tell CL to clean up the form by removing these strong tags    - 23 July 2014 - CL since changed the class name for this label and my previously applied hack stopped working. Added the new class (..145) below the original (..9517)  */
.fn-module_pas_9517 label strong {
	font-weight: normal !important;
}
.fn-module_pas_145 label strong {
	font-weight: normal !important;
}
/* had to update again 23 july 2014!!! - tim c */
.fn-module_pas_2686 label strong {
	font-weight: normal !important;
}
/* class may be created dynamically - lets try this - tim c */
.registration-page3 label strong {
	font-weight: normal !important;
}
/* styling checkboxes - override for registration page - other input coding changes the width and throws off positioning */
.registration-page1 input[type=checkbox] {
	width: 30px;
}
input[type=checkbox] {
	width: 30px;
}
/* DISABLES THE DISPLAY OF US EMPLOYEE CANADIAN ADDRESS FIELD -
.registration-page1 .field-wrap.field-checkbox
 {display:none; }
*/

/* ADD ASTERISKS NEXT TO ADDITIONAL REQUIRED ITEMS THAT APPEAR DYNAMICALLY AFTER ANSWERING A QUESTION
this works when the drop-down box within a div with the class of "tpl-box" becomes visible and all items under are required.  - TIM C */
div#tpl-box {
	margin-top: 30px;
	margin-bottom: 30px;
}
div#tpl-box label:before {
	content: "* ";
	color: #F00;
	font-weight: bold;
}
/* formatting labels to indent and size text */
div#tpl-box label {
	font-size: 13px;
	margin-left: 40px;
}
/* gives space between questions above and search boxes. bottom margin above wasn't working. */
div#dealer-search-box {
	margin-top: 40px;
}
/* HACK - temporary fix until we can implement another handle class - TC - FEB 19 2013-  obtain.auth.step2  - in global.css  */

/* gives all links within the class a left margin of 25px to align email address */
.fn-recipientEmail a {
	margin-left:25px;
}
/* overrides the above styling */
a.changemyemail {
	margin-left:0px;
}

/* ACCORDIONS */


/* --------------------------------------  START STYLING FOR NEW ACCORDIONS  - TIM C -  7TH OCTOBER 2015 -------------------------------------- */
aside.accordion p, aside.accordion ol, aside.accordion ol {
width: 750px;
}

aside.accordion h1 {
	color:#3498ca;
	font-size:14px;
	font-weight:700;
	cursor:pointer;
	padding:8px 0;
	text-transform: uppercase;
	width: 100%;
}

aside.accordion h2 {
	color:#013366;
	font-size:14px!important;
	font-weight:700!important;
	cursor:pointer;
	padding:8px 0;
	text-transform: uppercase;
	margin-left:65px;
	width: 100%;
}

aside.accordion div.answer {
	margin-left:95px;
	width: 100%;
        padding-right: 95px;
}

aside.accordion {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

aside.accordion h1, h2, h3, h4 {
  cursor: pointer;
}


aside.accordion h1.active::before, aside.accordion h2.active::before, aside.accordion h3.active::before, aside.accordion h4.active::before {
    content: "-";
	font-weight: bold;
    color: #333;
    border: 1px solid #CCC;
    padding: 3px 10px;
    margin-right: 10px;
    float: left;
}
aside.accordion div{
  display: none;
}

aside.accordion h1::before {
    content: "+";
	font-weight: bold;
    color: #333;
    border: 1px solid #CCC;
    padding: 3px 8px;
    margin-right: 10px;
    float: left;
}


aside.accordion h1 {
  padding: 15px 20px;
  width:100%;
}

aside.accordion h2::before {
    content: "+";
    color: #333;
    border: 1px solid #CCC;
    padding: 3px 8px;
    margin-right: 10px;
    float: left;
}

aside.accordion h3 {
	padding: 5px 30px;
	background-color: #b94152;
	font-size: .9rem;
	color: #ddd;
	width:100%;
}

aside.accordion h4 {
	padding: 5px 35px;
	background-color: #ffc25a;
	font-size: .9rem;
	color: #af720a;
	width:100%;
}
/* --------------------------------------  END STYLING FOR NEW ACCORDIONS  - TIM C -  7TH OCTOBER 2015 -------------------------------------- */


/*   --------------  START LEGACY ACCORDION STYLING - DELETE WHEN ALL ACORDIONS USE NEW JAVASCRIPT - TIM C - 7TH OCTOBER 2015 --------------  */
dl.accordion {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
dl.accordion dt {
	color:#3498ca;
	font-size:14px;
	font-weight:700;
	cursor:pointer;
	padding:8px 0;
	text-transform: uppercase;
}

dl.accordion dt p {
    line-height: 24px;
    margin: 0px;
    padding-left: 35px;
}


dl.accordion dt:before {
	content:"+";
	color:#333;
	border:1px solid #ccc;
	padding:3px 8px;
	margin-right:10px;
	float:left;
}
dl.accordion dt.active:before {
	content:"-";
	padding:3px 10px;
}
dl.accordion dt.active,
dl.accordion dt.active p {
	color: #013366;
}
dl.accordion dd {
	color:#333;
	display:none;
	line-height:1.6em;
	float:left;
	width:auto;
	padding-bottom: 20px;
}
dl.accordion dd span {
	font-weight:700;
	display:block;
	color:#333;
}
dl.accordion dd p {
	line-height:24px;
	margin-top: 0px;
}
/* adeded right padding of 50px so the accordion content isn't too close to the right border of page. DO NOT DELETE!!! - Tim C */
dl.accordion dd,
dl.accordion dt {
	float:left;
	width:100%;
	padding-right: 50px;
	}
dl.accordion a {
	color: #069;
	text-decoration: underline;
}

/*   --------------  END LEGACY ACCORDION STYLING - DELETE WHEN ALL ACORDIONS USE NEW JAVASCRIPT - TIM C - 7TH OCTOBER 2015 --------------  */









/* FANCYBOX */
.modal-content {
	display: none;
}
/* Void Confirm Fancybox */
body #void-confirm-content button {
	width: 93px;
}

#void-confirm {
	width: 230px;
	padding: 10px 8px;
}

/* TOOLTIP */
.tooltip-container #void-confirm {
	clear: both;
}
.field-wrap.field-text a.tooltip,
.field-wrap.field-password a.tooltip {
	position: relative;
	top: -5px;
	right: 32px;
	width: 28px;
	height: 28px;
	display: inline-block;
	background: url('../images/gui/login-tooltip.png');
	text-indent: -99999px;
}
/* TOOLTIP SCROLLING BOX  - tim c 22nd november 2016 */
div.tip-no-background {
	margin-top: 20px;
	margin-bottom: 50px;
	font-size: 11px;
	line-height: 18px;
	overflow-y: auto;
}



/* TOOLTIP SCROLLING BOX  - tim c 16 april 2014 */
div.tooltip-text {
	display: none;
	padding: 8px;
	background-color: #ddd;
	margin-top: 20px;
	margin-bottom: 50px;
	font-size: 11px;
	line-height: 18px;
	overflow-y: auto;
}

/* add spacing for tooltip accordion "CLICK HERE" links  - Tim C -  20 MAY 2014 */
.tooltip-accordion-link {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* VEHICLE TAGGING SYSTEM SORTING  - Tim C -  14 MAY 2014 */
table.inner-header td .sort-down {
	width: 18px;
	height: 13px;
	margin: auto;
	display: block;
	position: relative;
	background: transparent url(/GMVPP2/loyalty/common/images/sort-arrows.png) no-repeat -39px 0;
	float: right;
}
table.inner-header td .sort-up {
	width: 18px;
	height: 13px;
	display: block;
	position: relative;
	background: url('/GMVPP2/loyalty/common/images/sort-arrows.png') no-repeat scroll -59px 0px transparent;
	float: left;
	clear: none;
}
table.inner-header td:hover .sort-down,
table.inner-header td .sort-down.selected {
	background-position: 0 0;
}
table.inner-header td:hover .sort-up,
table.inner-header td .sort-up.selected {
	background-position: -19px 0;
}

/*  OLD SEARCH INVENTORY - TIM C - 5TH JUNE 2014 */
div#search-results table {
	border-collapse: separate;
}
.vehicle-search table {
	font-size: 13px;
	width: 100%;
}
.vehicle-search table tr {
	background-color: #f8f8f8;
}
.vehicle-search table th {
	background-color: #f8f8f8;
}
.vehicle-search table.inner-header th {
	background-color: #f8f8f8;
}
.vehicle-search table.inner-header tr:nth-child(2) {
	background-color: #f8f8f8;
}
.vehicle-search th {
	border-bottom: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	margin-bottom: 10px;
}
.vehicle-search table.inner-header th {
	border: none;
}
.vehicle-search table.inner-header {
	border-right: 1px solid #d0d0d0;
}
.vehicle-search table > table {
	border-right: none;
}
.vehicle-search table.inner-header tr {
	margin: 0px;
}
.vehicle-search table.inner-header td {
	margin: 0px;
}
.vehicle-search table.inner-header tbody tr th {
	margin: 0px;
}
.vehicle-search table.inner-header tr td {
}
.vehicle-search table tr:nth-child(even) {
	background: #f1f1f1;
}
.vehicle-search table tr:nth-child(odd) {
	background: #ffffff;
}
.vehicle-search table tr {
	line-height: 30px;
}
.vehicle-search table tr td {
	padding-bottom: 5px;
	text-align: center;
}
.vehicle-search table tr td:last-child {
	padding-right: 0px;
}

/* ---------------------  START VTS  --------------------- */
.vehicle-search form#authorization-step2 {
	margin-top: 20px;
}

/*  CONTAINERS FOR SELECTION BOXES - used to style and hide default down arrows etc - tim c 18th september 2014 */
.vehicle-search .fn-category /*  container for select - hides. Some have different widths and margins applied  */ {
	height: 35px;
	border: 1px solid #cecece;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 260px;
	overflow: hidden;
	float: left;
	clear: none;
}

 /*  SELECT CONTAINERS WITH WIDTH OF 140PX AND NO RIGHT MARGINS */
.vehicle-search .fn-trim,
.vehicle-search .fn-location,
.vehicle-search .fn-model {
	height: 35px;
	border: 1px solid #cecece;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 140px;
	overflow: hidden;
	float: left;
	clear: none;
}

/*  SELECT CONTAINERS WITH WIDTH OF 140PX AND RIGHT MARGIN OF 20PX */
.vehicle-search .fn-year,
.vehicle-search .fn-make,
.vehicle-search .fn-color,
.vehicle-search .fn-trim {
	height: 35px;
	border: 1px solid #cecece;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 140px;
	overflow: hidden;
	float: left;
	clear: none;
	margin-right: 20px;
}

/*  SELECT CONTAINERS WITH WIDTH OF 180PX AND RIGHT MARGIN OF 20PX */
.vehicle-search .fn-titleState,
.vehicle-search .fn-availability {
	height: 35px;
	border: 1px solid #cecece;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 180px;
	overflow: hidden;
	float: left;
	clear: none;
	margin-right: 20px;
}

/* ADDING BACKGROUND IMAGE "X" IN REQUIRED FIELDS  */

/* CLEAR FLOAT FOR SEARCH MODEL BOX - STAR NEW LINE */
.vehicle-search .fn-model {
	clear: right;
}

/* BASE STYLING OF SELECT BOXES*/
.vehicle-search #authorization-step2 select {
	height: 35px;
	border: none;
	padding-left: 15px;
	color: #7e7c7d;
	font-size: 11px;
	background-image: url('/GMVPP2/agency/images/gui/dropdown-arrow.png');
	background-color: #f8f8f8;
	background-repeat: no-repeat;
	display: block;
	padding-top: 8px;
}


.vehicle-search select   /* DISABLE WEBKIT (SAFARI) TREATMENT OF DROPDOWN MENUS */ {
	-webkit-appearance: none;
}

/* SELECT WITH WIDTH OF 280PX*/
.vehicle-search select#category /*  select */ {
	width: 280px;
	background-position: 224px;
}
.vehicle-search select#category option {
	height: 35px;
}

/* SELECT WITH WIDTH OF 196PX*/
.vehicle-search select#titleState,
.vehicle-search select#availability {
	width: 196px;
	background-position: 144px;
}

/* SELECT WITH WIDTH OF 160PX*/
.vehicle-search select#year,
.vehicle-search select#make,
.vehicle-search select#model,
.vehicle-search select#color,
.vehicle-search select#location,
.vehicle-search select#trim {
	width: 160px;
	background-position: 104px;
}

/* REMOVE LABELS - THE LABELS SHOULD BE REMOVED FROM THE PROPERTIES DOCUMENTS BUT I AM UNSURE IF OTHER FORMS NEED THEM RIGHT NOW - TIM C - 18TH SEPTEMBER 2014 */
.vehicle-search #authorization-step2 label {
	background-color: red;
	display: none;
}

/*  AND / OR LINE BETWEEN FIELDS */
.vehicle-search .andor {
	height: 35px;
	width: 128px;
	float: left;
	margin: 0px;
	line-height: 35px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-weight: bold;
	color: #333333;
}

/* SEARCH BUTTON */
.vehicle-search  #search-btn {
	margin-top: 30px;
}

 /* GIVE SPACING BETWEEN "LOADING" IMAGE AND THE SEARCH BUTTON */
.vehicle-search #loading-img {
	margin-left: 15px;
}

 /* ---------------------  END VTS --------------------- */

/* UNORDERED LISTS IN BODY COPY - give spacing between line items */
#content ul li, #content ol li {
	margin-bottom: 10px;
}

/* UNORDERED LISTS IN FOOTER COPY - give spacing between line items */
#content #footer ul li, #content #footer ol li {
	margin-bottom: 0px;
}

/* LINK BUTTONS FOR OBTAIN AUTH STEP 1  - ALL FOUR SITES, BUT REQUEST MADE IN MPP - TIM C 18 APRIL 2014*/
body.obtain-auth-step1 .label-field-group button {
	border: 1px solid #C00;
	color: #C00;
	cursor: pointer;
	font-size: 12px;
	line-height: 30px;
	padding: 0px 15px;
	text-transform: uppercase;
	background-color: #ffffff;
	margin-top: 10px;
}

/* FIX FOR SPACES BETWEEN PERIODS AND LINKS - ISSUE WITH CL ADDING A BLANK SPACE TO V:LINK CALLS - TIM C -  7 MAY 2014 */
/* you most likely found this style because you are seeing periods after links that are overlapping the links in the program oveview page.  This is most likely because CL has fixed an issue with extra spaces being added after links with v:link.  */
.spacefix {
	margin-left: -4px;
	display: inline !important;
}

/* FORCE CAPITALIZATION OF FIRST LETTER OF EVERY WORD  - TIM C -  9 MAY 2014 */
.force-capitalize {
	text-transform: capitalize;
}
.maintenance .wrapper p {
	margin: 0px;
	margin-bottom: 20px;
}
.maintenance .disclaimer {
	margin-top: 180px;
}

/* FORMATTING MOBILE / DESKTOP TOGGLE LINK  - TIM C -  21 MAY 2014 */
.mobile-switch {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	padding: 12px;
	cursor: pointer;
	float: left;
	position: fixed;
	bottom: 20px;
	left: 20px;
	padding: 12px;
	z-index: 2000;
	border: 3px solid #ffffff;
	background-color: #ba0000;
	color: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #333333 -6px 20px 20px;
	-moz-box-shadow: #333333 -6px 20px 20px;
	box-shadow: #333333 -6px 20px 20px;
	behavior: url(css/PIE.htc);
}
div.mobile-switch:hover {
	background-color: #ff0000;
}
.maintenance-icons {
	margin-left: 25%;
}
.maintenance-icons a {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.maintenance-icons span {
	float: left;
}
p.text_post_login {
	font-size: 1.6em;
	width: 790px;
}
p.text_post_register {
	font-size: 1.6em;
	width: 790px;
}
.wrapper div h2 {
    font-size: 2em;
    font-weight: normal;
}
.current {
	font-weight: bold;
}
/* ------- RULES AND GUIDELINES PDF LINK - ADD IMAGES ---------   */
.txt-link.rules-and-guidelines-link
{
overflow:visible;
height:20px;
}

.txt-link.rules-and-guidelines-link:after
{
margin-left:5px;
content: url(../images/gui/adobe.jpg);
position:relative;
top: 5px;
}


/* --------------------- BEGIN 2-ACROSS LINK GRID ---------------------   */
/* used in supplier promote page. Use this construct for other cases where a grid is needed that is two across.   */
.download-link-grid {
	width: 50%;
	box-sizing: border-box;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 25px;
	float: left;
}
.download-link-grid h1 {
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin: 0px;
}
.download-link-grid p {
	line-height: 12px;
}



/*
==========================================================================
TABLE OF CONTENT

1. TAG AND CONFIRM.................................................VPP0001
2. MAIN #CONTENT STYLES............................................VPP0002
==========================================================================
*/


/* TAG AND CONFIRM VPP0001-- these styles need to be consolidated!- starting a stub style that can be used globally*/
.vehicle-tag-confim .wrapper p {
	display: block;
	margin: 0px;
}
.vehicle-tag-confim .pagetext {
	margin-bottom: 20px;
}

/* MAIN #CONTENT STYLES VPP0002*/
#content {
	width: 960px;
	margin: 0 auto;
	font-size: 15px;
	color: #333333;
	min-height: 550px;
	background-color: #fff;
	overflow: hidden;
}
#content .wrapper {
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
}
#content .title {
	font-size: 30px;
}


/* MY PROFILE */
.profile-group {
	margin-bottom: 10px;
}
.profile-group h4 {
	color: #3498ca;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	padding: 8px 0;
	text-transform: uppercase;
	margin: 0px;
}
.profile-group h4 span:before {
	border: 1px solid #CCCCCC;
	color: #333333;
	content: "+";
	float: left;
	margin-right: 10px;
	padding: 3px 8px;
	position: relative;
	top: -4px;
}
.profile-group h4.active {
	color: #013366;
}
.profile-group h4.active span:before {
	content: "-";
}
.profile-group .profile-data {
	display: none;
}

/* FINE PRINT FOR PARTNER DISCOUNTS AND OTHER PAGES */
.fine-print {
	font-size: 80%;
	clear: both;
	display: block;
}





/* 2-UP LAYOUT FOR COLUMNS - tim c 12th 2015  */

.two-up-grid {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	width: 860px;
	clear: both;
	font-size:15px;
	float: left;
}

.two-up-grid p, .two-up-grid ul
{
	font-size:15px;
}


.two-up-column {
	float: left;
	margin-bottom: 40px;
	margin-right: 50px;
	padding: 0px;
	width: 405px;
}


.two-up-column:last-child {
	margin-right: 0px;
        margin-bottom: 40px;
        float: right;
}

/* workaround- removes right margin for IE8 on the last column in the three-up grid since ie8 does not support the css last-child selector */
.two-up-column.last-column-remove-margin {
	margin-right: 0px;
}

.partner-serv-icons {
	border: 1px solid #cccccc;
}

.two-up-partner-serv-icons {/*special case for two up other offers pages*/
	border: 1px solid #cccccc;
        padding:0 75px;
}



/* INDENTED TEXT LISTS - WIDTH FILLS TO CONTAINER */
table.indented-list{
	margin: 0px;
	padding: 0px;
}
table.indented-list td:first-child {
	padding-right: 20px;
}
table.indented-list td{
	vertical-align:top;
}

/* PARTNER SERVICES THREE COLUMN LAYOUT */
.partner-serv-three-up-grid {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 60px;
	padding: 0px;
	width: 860px;
	clear: both;
}
.partner-serv-three-up-column {
	float: left;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 40px;
	margin-right: 49px;
	padding: 0px;
	width: 254px;
}
.partner-serv-three-up-column:last-child {
	margin-right: 0px;
}
/* workaround- removes right margin for IE8 on the last column in the three-up grid since ie8 does not support the css last-child selector */
.partner-serv-three-up-column.last-column-remove-margin {
	margin-right: 0px;
}
.partner-serv-icons {
	border: 1px solid #cccccc;
}

/* OTHERS */
.tile-cta {
	position: absolute;
	bottom: 5px;
	left: 30px;
	font-weight: bold;
	color: #CC0000;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 0;
}
#login-errors {
	color: #CC0000;
}
.debug {
    background: #FFF none repeat scroll 0% 0%;
	font-size: 16px;
	width: 65%;
    position: fixed;
	overflow: hidden;
    bottom: 0px;
	right: 0px;
    border-top: #000000 1px solid;
	border-left: #000000 1px solid;
    padding: 5px;
    z-index: 3000;
    -moz-box-shadow: 0 0 20px #000000;
    -webkit-box-shadow: 0 0 20px #000000;
    box-shadow: 0 0 20px #000000;
}

div.alert {
	font-size: 12px;
	color: black;
	border: 1px solid #ebebeb;
	padding: 20px;
	background-color: #ebebeb;
}
div.alert p {
	margin: 0;
}
body.obtain-auth-step1 #privacy.alert  /* hoping to group or add the other privacy alert steps this way  -TC */ {
	margin-top: 30px;
}
#privacy.alert h4 {
	display: none;
}
#close_privacy {
	color: #006699;
	text-decoration: underline;
}
div.dialog {
	display: none;
	max-width: 600px;
}
/* got to check about styling of other list styling in the site and see about applying globaly -TC */
body.vehicle-tagging-process-vts ol li {
	margin-bottom: 20px;
}
body.vehicle-tagging-process-vts ol {
	margin-left: -20px;
}
.box-ultimate {
	border: 1px solid grey;
	padding: 10px;
	margin-right: 50px;
}
.red-welcome {
	color: red;
	font-weight: bold;
}

/*GM SHOWROOM - added 18th september 2014 - Tim C*/
body.gm-showroom #gm-showroom-iframe {
	width: 100%;
	border: 0;
	min-height: 550px;
}
#gms-loading {
	z-index: 400;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#gms-loading .overlay {
	background-color: #c1dae6;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	border-radius: 2px;
	width: 100%;
	height: 100%;
}
#gms-loading .spinner {
	text-align: center;
	position: absolute;
	width: 100%;
	z-index: 1;
	top: 45%;
}
#gms-loading .spinner span {
	background: #fff url("/gmshowroom/agency/images/loader-small.gif") 4px 4px no-repeat;
	border-radius: 2px;
	color: #555d68;
	font-size: 1.1em;
	padding: 6px 6px 6px 38px;
}

.live-chat-button{
width:44px;
height:84px;
right: 0px;
position: fixed;
bottom: 100px;
top: auto;
z-index: 2000;
}


.short-masthead {
margin-left: -50px;
}



.govt-tooltip {
margin-top:-20px;
margin-bottom:20px;
}

.i-certify-checkbox {
margin-bottom:20px;
}





/*GM SHOWROOM DISCLAIMER FOR MENU - added 13th may 2016 - Tim C*/

/* outer box  */
#showroomdealerparticipation-box {
    font-family: helvetica;
    font-size: 12px;
    line-height: 20px;
    color: #333;
    display: block;
    padding-top: 65px;
    padding-left: 15px;
    padding-right: 15px;
    height:270px;
}

/* modal box footer area - links */
#showroomdealerparticipation-box .modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #E5E5E5;
}

/* ok link */
#showroomdealerparticipation-box a.ok
{
color: #FFF;
background-color: #C00;
display: inline-block;
margin-bottom: 0px;
font-weight: normal;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 13px;
line-height: 1.43;
border-radius: 2px;
-moz-user-select: none;
}

#showroomdealerparticipation-box a.ok:hover, #showroomdealerparticipation-box a.ok:focus, #showroomdealerparticipation-box a.ok:active, #showroomdealerparticipation-box a.ok.active {
    color: #FFF;
    background-color: #3276B1;
    border-color: #285E8E;
}

#showroomdealerparticipation-box a.ok:hover
{
	color: #FFF;
    background-color: #3276B1;
    border-color: #285E8E;
}

/* cancel link */
#showroomdealerparticipation-box a.cancel
{
	color: #333;
	background-color:#f0f0f0;
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1.43;
    border-radius: 2px;
    padding: 6px 12px;
    -moz-user-select: none;
}

/* added underline span class for nonlinked text Fred Hahnel 22 Sept 2016 */
.underline{
  font-weight: normal !important;
  text-decoration: underline ;
}

/* end  */