@charset "utf-8";
/* CSS Document */

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
        list-style-type:none;
	font-family: inherit;
	vertical-align:baseline;
}
/*end reset*/

body{
    font:11.5px Arial, Helvetica, sans-serif;
    background:#FFF;
}
#wrapper{
    width:942px;
    margin:26px auto 0px auto;
    clear:both;
    padding:10px 0px;
}
#wrapper, #main{
    background:#EAEAEA;
}

/*------------------------------------------------------
Fonts
------------------------------------------------------*/
@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'abbeyroad';
    src: url('../fonts/abberoad.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'abbeyroad';
    src: url(//:) format('no404'), url('../fonts/abberoad.woff') format('woff'), url('../fonts/abberoad.ttf') format('truetype'), url('../fonts/abberoad.svg#abbeyroad') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------------------------
Main
------------------------------------------------------*/
#main{
    width:889px;
    margin:10px auto 0px;
    padding:10px 0px 0px 0px;
    position:relative;
}
#main a{
    color:#005da4;
}

/*------------------------------------------------------
Header
------------------------------------------------------*/
#header-wrapper{
    width:100%;
    height:180px;

}
#header{
    width:942px;
    height:149px;
    margin: 0px auto;
    top:50px;
    position:relative;
    background:url(../images/navheader2.png) no-repeat;
}
#header.chrysler{
    background:url(../images/chryslerRegHead.png) no-repeat;
    margin-top:5px;
}
#headline{
    background:url(../images/headline.png) no-repeat;
    width:363px;
    height:20px;
    position:absolute;
    top:95px;
    left:255px;
}
#instructions{
    background:url(../images/note.png) no-repeat;
    width:90px;
    height:59px;
    position:absolute;
    top:-8px;
    left:606px;
    cursor:pointer;
    z-index:1;
}

/*------------------------------------------------------
footer
------------------------------------------------------*/
#footer{
    width:523px;
    margin:0 auto;
    font-size:10px;
    color:#000;
    margin-top:10px;
}
#footer p{
    font-size: 100%;
}

/*Generic Code for all pages*/
h1{
    font-size:15px;
    font-family:abbeyroad;
    background:url(../images/grey.jpg);
    color:#FFF;
    margin-bottom:10px;
    display:inline-block;
    padding:3px;
    
}
h2{
    background:url(../images/logo2.png) no-repeat;
    width:154px;
    height:70px;
    position:absolute;
    top:20px;
    left:30px;
    color:transparent;
    text-indent: -9999px;
    
}
/*h3{
    color:#FFF;
    font-size:18px;
    background:url(../images/ribbon.jpg);
    width:849px;
    height:29px;
    padding:13px 0px 0px 52px;
    margin:15px 0px;
    display:block;
    font-family:abbeyroad;
    font-size:22px;
    
}*/
h3{
    color:#333;
    font-size:23px;
    font-family:abbeyroad;
    margin-bottom:10px;
}
h4{
    font-size:18px;
    font-family:abbeyroad;
    color:#024170;
}
hr{
    height:4px;
    background:#424141;
    border:0px;
}
input[type="button"], input[type="submit"]{
    cursor:pointer;
}
p{
    font-size:12px;
    margin-bottom:0px;
}
.bold{
    font-weight:bold;
}  

.forgot:hover {
	text-decoration: underline;
}

.bold.black{
    color:#000 !important;
}
.floatLeft{
    float:left;
}
.floatRight{
    float:right;
}      

.validation-advice {
	color:orangered;
}      

.hid {
	display:none;
}

.clear{
    clear:both;
}
.ui-jqgrid .jqZebra td {
    background-color: #F0F0F0;
}

.flashMessage {
    border: 1px solid #E01B4C;
    background-color: #E6A5B5;
    padding: 3px 7px;
    font-weight: bold;
    font-size: 12px;
    color: black;
}

.flashpos {
    position: relative;
    margin-left:25px; 
}
.marginBottom{
    margin-bottom:10px !important;
}
.marginTop{
    margin-top:10px !important;
}
.relativeDown{
    position:relative;
    top:40px;
}
.double{
    border-bottom:4px double #000;
    width:785px;
}
#fancyInstructions, #fancyDisclaimer{
	width:566px;
	padding:10px;
}

.block {
	display:block;
}

.green {
	color:green;
}
.gutter {
	padding:10px;
}
#fancyInstructions p, #fancyInstructions li, #fancyDisclaimer p, #fancyDisclaimer li{
    font-size:14px !important;
}
#fancyInstructions li{
    list-style-type: none !important;
}
#fancyInstructions p, #fancyInstructions li, #fancyInstructions h1{
    margin-top:10px;
}
#fancyInstructions .bold{
    color:#024170;
}
#subol{
    margin-left:10px
}
#fancyLink{
    display:none;
}
.leftCert{
    width:355px;
}
.leftCert h1{
    margin:0px !important;
}
div.grey{
    width:350px;
    background:#f1f1f1;
    clear:both;
    padding:4px;
    text-align:justify;
    margin-top:-10px;
}
#closefancybox{
    float:right;
    display:block;
    margin-top:10px;   
}
.hugeText{
    font-size:36px;
    width:800px;
    display:block;
    margin:0px auto 10px auto;
    text-shadow:1px 1px 1px #000;
    color:#024170;
}
.italic{
    font-style:italic !important;
}
#reg1 img{
    position:absolute;
    top:41px;
    left:269px;
    display:block;
}
#reg2 img{
    margin:10px auto;
    display:block;
}
#optout1 img{
    position:absolute;
    top:64px;
    left:610px;
    display:block;
}
#submitBtn, #submitBtn2{
    width:192px;
    height:39px;
    background:url(../../authenticated/images/enrollbutton.jpg);
    margin:15px auto 15px auto;
    border:0px;    
    font-family:abbeyroad;
    color:#FFF;
    font-size:24px;
    cursor:pointer;
    display:block;
}
#printDisclaimer{
	float:right;
/*    position:absolute;
    top:22px;
    left:425px;*/
}
#oemAdmin{
    position:absolute;
    top:20px;
    right:20px;
    font-size:14px;

}
#mediaplayerContainer{
    width:640px;
    height:360px;
    margin:10px auto;
}                                                                     

#header-top {
	width:890px;margin:0 auto;overflow:hidden;max-height:370px;
	background:#e1e1e1 url("../images/newgc/hdbx.png") top left repeat-x;
	height:auto;    
	border:1px solid #CCC;
}
       

#header-top dl, #header-top table {
	overflow:hidden;
}         

#header-top dt, #header-top td.text {
	max-height:340px;
	vertical-align:top;
}
#header-top dd, #header-top td.video {
	padding-left:15px;
	width:420px;
	height:270px;
	vertical-align:top;
}       
.gutter-extra {
	padding:20px;
	overflow:hidden;
}   

#header-top .certone, #header-top .regconizedmany {
	font-size: 28px;font-family:abbeyroad;font-weight:normal;
}                                                  
#header-top .regconizedmany { 
	margin-left:60px;
}         

.recognized {
	font-size:45px;color:#005DA4;
}  
     

#features {
	width:890px;margin:0 auto;overflow:hidden;
	border:1px solid #CCC;
	margin:15px 0;	                   
	background:white;
}
#features-header {
	width:100%;overflow:hidden;    
	background:url("../images/newgc/hoz_bg.png") bottom left no-repeat;
	padding-bottom:30px; 
	margin-bottom:15px;
}       
#features-header dt {
	float:left;     
	max-width:70%;
}
#features-header dd {
	text-align:right;   
}

#features-header h4 {
	font-size:24px;
	color:#005da4;
/*	font:24px Myriad Pro, Helvetica, sans-serif !important;       */
}                               

.benefits {
	width:100%;     
	overflow:hidden;
	margin-bottom:15px;
	border-bottom:1px solid #CCC;
	padding:10px;
}
.benefits:last-child {
	border-bottom:none;
	background:url("../images/newgc/hoz_bg.png") bottom left no-repeat;
}
.benefits h3 {
	font-size:18px; 
	text-transform: uppercase;
}

.benefits li {
	width:240px; 
	padding:0 20px;
	float:left; 
	border-right:1px solid #CCC;
	overflow:hidden;
	min-height:175px;
}
.benefits li:nth-child(3n) {
	border-right:0;
} 
 
.benefits:last-child li {
	margin-bottom:20px;
}

.benefits dl {
	width:100%;overflow:hidden;	
}                              
.benefits dl dt {
	float:left;
	max-width:111px;
}
.benefits dl dd {
	width:129px;
	height:120px;
	margin-left:111px;
}

.benefits dl dd.shop-recognition {
	background:url("../images/newgc/shop_recognition_small.png") no-repeat scroll 0 0px transparent;
}

.benefits dl dd.program-signate {
	background:url("../images/newgc/program_signage_small.png") no-repeat scroll 10px -10px transparent;
}  
.benefits dl dd.marketing-material {
	background:url("../images/newgc/marketing_material_small.png") no-repeat scroll 0 0 transparent;
}
.benefits dl dd.press-release {
	background:url("../images/newgc/press_release_small.png") no-repeat scroll 0 0 transparent;
}
.benefits dl dd.business-development {
	background:url("../images/newgc/business_development_small.png") no-repeat scroll 0 0 transparent;
}
.benefits dl dd.consumer-lobby {
	background:url("../images/newgc/consumer_lobby_small.png") no-repeat scroll 0 0 transparent;
}
.benefits dl dd.website-integration {
	background:url("../images/newgc/website_integration_small.png") no-repeat scroll 0 0 transparent;
}

.benefits dl dd.write-100 {
	background:url("../images/newgc/100_write_small.png") no-repeat scroll 0 0 transparent;
}  

.optional {
	font-size:20px;
	border-bottom:1px solid #CCC;
}         

.optional-recognition {
	width:100%;
	overflow:hidden;
	padding:10px;
}                      
.optional-recognition  li {                                             
	width:240px;
	background:url("../images/newgc/optional_bg.png") no-repeat scroll 0px -2px transparent;
	height:175px;
	padding:15px 20px;	
	float:left;
}

.optional-recognition li h3 {
	font-size:18px;
	color:black;       
	text-transform: uppercase;
}               

.optional-recognition dl {
	width:100%;
	overflow:hidden;
}

.optional-recognition dl dt {
	float:left;
	max-width:122px;
}

.optional-recognition dl dd {
	margin-left:119px;
	width:121px;   
	height:110px;
}
.optional-recognition dl dd.chrysler-program {
	background:url("../images/newgc/chrysler_program_small.png") top left no-repeat;
}     
.optional-recognition dl dd.gm-program {
	background:url("../images/newgc/gm_program_small.png") top left no-repeat;
}    
.optional-recognition dl dd.apcc-program {
	background:url("../images/newgc/apcc_program_small.png") top left no-repeat;
} 
.optional-recognition dl dd.profirst-program {
	background:url("../images/newgc/profirst_program_small.png") top left no-repeat;
}    
.optional-recognition dl dd.erac-program {
	background:url("../images/newgc/erac_program_small.png") top left no-repeat;
}  
.optional-recognition dl dd.carfax-program {
	background:url("../images/newgc/carfax_program_small.png") top left no-repeat;
}
.optional-recognition dl dd.toyota-program {
	background:url("../images/newgc/toyota_program_small.png") top left no-repeat;
}

p.popup-footer {
	text-align:center;
	font-size:10px;
	color:#666;
}

div.download-pdf {
	font-size: 14px;
	margin-top: 10px;
}
div.download-pdf img {
	margin-right:5px;
	vertical-align:middle;
}

.popup-fancy {
	width:600px;min-height:270px;overflow:hidden;
}
.popup-fancy h4 {
	font-size:24px;  
	text-transform: uppercase;
}
.popup-fancy dl {
	width:100%;
	overflow:hidden;
}
.popup-fancy dl dt {
	float:left;
	width:340px;
	margin-top:25px;
}
.popup-fancy dl dd {
	margin-left:350px;
	width:251px;
	height:222px;           
	margin-top:20px;
}

.popup-fancy dl dd.carfax-program-large {
	background:url("../images/newgc/carfax_program_large.png") top left no-repeat;
} 
.popup-fancy dl dd.erac-program-large {
	background:url("../images/newgc/erac_program_large.png") top left no-repeat;
} 
.popup-fancy dl dd.profirst-program-large {
	background:url("../images/newgc/profirst_program_large.png") top left no-repeat;        
	height:311px;      
	margin-top:0px;
}      
.popup-fancy dl dd.apcc-program-large {
	background:url("../images/newgc/apcc_program_large.png") no-repeat scroll 35px top transparent;
}                 

.popup-fancy dl dd.gm-program-large {
	background:url("../images/newgc/gm_program_large.png") top left no-repeat;
} 
.popup-fancy dl dd.chrysler-program-large {
	background:url("../images/newgc/chrysler_program_large.png") top left no-repeat;
}     
.popup-fancy dl dd.write-100-large {
	background:url("../images/newgc/100_write_large.png") top left no-repeat;
} 
.popup-fancy dl dd.website-integration-large {
	background:url("../images/newgc/website_integration_large.png") top left no-repeat;
}    
.popup-fancy dl dd.consumer-lobby-large {
	background:url("../images/newgc/consumer_lobby_large.png") top left no-repeat;
}  
.popup-fancy dl dd.business-development-large {
	background:url("../images/newgc/business_development_large.png") top left no-repeat;
}  
.popup-fancy dl dd.press-release-large {
	background:url("../images/newgc/press_release_large.png") top left no-repeat;
} 
.popup-fancy dl dd.marketing-material-large {
	background:url("../images/newgc/marketing_material_large.png") top left no-repeat;
}   
.popup-fancy dl dd.program-signate-large {
	background:url("../images/newgc/program_signage_large.png") top left no-repeat;
}     
.popup-fancy dl dd.shop-recognition-large {
	background:url("../images/newgc/shop_recognition_large.png") top left no-repeat;
} 

.recognized-text {
	background:url("../images/newgc/recognize.png") top left no-repeat;     
	width:450px;
	height:100px;
	margin-bottom:10px;
}

/* ~~~~~~~~~~~~~~~ Fulfillment ~ Page 6 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.flash.success li.success {
	margin-bottom:5px;
	padding:2px 0 2px 5px;
	background:#90EE90;
	list-style-position: inside;
	list-style-type: disc;
	font-weight:bold;
}

table#fullfilment {
	width:100%;
	border:0px;
	border-collapse:collapse;
}
table#fullfilment td {
	vertical-align:top;
}
div.fullfillment-box {
	margin:10px auto;
	width:230px;
	background-color:#fff;
	padding:15px;
	border-radius:10px;
}
table.fullfillment-box {
	width:100%;
	border:0px;
	border-collapse:collapse;
}
table.fullfillment-box th div, table.fullfillment-box th a {
	width:210px;
	padding:10px;
	border-radius:7px;
	background-color:#b3b3b3;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font:24px abbeyroad;
	letter-spacing:-1px;
	display:block;
}
table.fullfillment-box th a.button {
	color:#fff !important;
	text-decoration:none;
	cursor:pointer;
	background: #0d71bd; /* Old browsers */
	background: -moz-linear-gradient(top,  #0d71bd 0%, #013f6e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d71bd), color-stop(100%,#013f6e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0d71bd 0%,#013f6e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0d71bd 0%,#013f6e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0d71bd 0%,#013f6e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0d71bd 0%,#013f6e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d71bd', endColorstr='#013f6e',GradientType=0 ); /* IE6-9 */
}
table.fullfillment-box th a.button.preview {
	background: #008a00; /* Old browsers */
	background: -moz-linear-gradient(top,  #008a00 0%, #005700 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008a00), color-stop(100%,#005700)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #008a00 0%,#005700 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #008a00 0%,#005700 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #008a00 0%,#005700 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #008a00 0%,#005700 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a00', endColorstr='#005700',GradientType=0 ); /* IE6-9 */
}
table.fullfillment-box th a.button.disabled {
	zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.3;
	cursor:default;
}
table.fullfillment-box td {
	text-align:center;
}
table.fullfillment-box td img, table.fullfillment-box td p {
	display:inline;
	vertical-align:middle;
	font-size:13px;
}
table.fullfillment-box td img.status-image {
	margin-right:5px;
}
table.fullfillment-box tfoot th {
	padding-top:10px;
}

form.fulfillment-form {
	padding:0px 10px 20px;
}
form.fulfillment-form label {
	display:block;
	margin-bottom:3px;
	font-weight:bold;
}
form.fulfillment-form input {
	margin:0px;
}
form.fulfillment-form textarea {
	font-family:'Arial', arial, sans-serif;
}
form.fulfillment-form div.input-row {
	padding: 10px;
	background-color: #EEE;
	margin: 20px 0px;
}
form.fulfillment-form div.upload-row a {
	display:block;
	width:200px;
}
form.fulfillment-form div.upload-row img.uploaded {
	width:200px;
}
form.fulfillment-form div.upload-row img.uploaded.placeholder{
	width:32px;
	height:32px;
}
form.fulfillment-form div.upload-row img.no-image {
	float:none;
	vertical-align:middle;
	margin-right:10px;
}
form.fulfillment-form div.upload-row i {
	display:block;
	margin-top:10px;
}
form.fulfillment-form div.upload-row em {
	display:block;
	font-style:italic;
	margin-bottom:3px;
}
form.fulfillment-form div.upload-form-header {
	margin:0px auto;
	width:350px;
	padding:15px 10px 10px;
	border-radius:0px 0px 7px 7px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font:32px abbeyroad;
	letter-spacing:-1px;
	
	background: #0d71bd; /* Old browsers */
	background: -moz-linear-gradient(top,  #0d71bd 0%, #013f6e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d71bd), color-stop(100%,#013f6e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0d71bd 0%,#013f6e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0d71bd 0%,#013f6e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0d71bd 0%,#013f6e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0d71bd 0%,#013f6e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d71bd', endColorstr='#013f6e',GradientType=0 ); /* IE6-9 */
}
form.fulfillment-form table.address-table tr label {
	margin-top:10px;
}
form.fulfillment-form table.microsite-style-table, form.fulfillment-form table.shop-pictures-table, form.fulfillment-form table.address-table {
	width:100%;
	border:0px;
	border-collapse:collapse;
}
form.fulfillment-form table.microsite-style-table td, form.fulfillment-form table.shop-pictures-table td {
	padding:10px 0px;
}
form.fulfillment-form table.microsite-style-table td label {
	display:inline;
	font-weight:normal;
}
form.fulfillment-form table.microsite-style-table td a {
	display:block;
	margin-top:5px;
}
form.fulfillment-form table.microsite-style-table td a img {
	width:130px;
}
form.fulfillment-form div.instructions {
	text-align:center;
	font-weight:bold;
	margin:30px 0px;
	font-size:16px;
	
}
form.fulfillment-form table.submit-table
{
	width:100%;
	border:0px;
	border-collapse:collapse;
}
form.fulfillment-form input.submit {
	border-radius:7px;
	margin:30px auto 0px;
	padding:10px 60px;
	border: 0px;
	display: block;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font:24px abbeyroad;
	letter-spacing:-1px;

	background: #0d71bd; /* Old browsers */
	background: -moz-linear-gradient(top,  #0d71bd 0%, #013f6e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d71bd), color-stop(100%,#013f6e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0d71bd 0%,#013f6e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0d71bd 0%,#013f6e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0d71bd 0%,#013f6e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0d71bd 0%,#013f6e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d71bd', endColorstr='#013f6e',GradientType=0 ); /* IE6-9 */
}

form.fulfillment-form table.approval-table {
	width:100%;
	border:0px;
	border-collapse:collapse;
}
form.fulfillment-form table.approval-table td {
	width:50%;
	padding:10px;
}
form.fulfillment-form table.approval-table label {
	display:inline;
	font-size:14px;
}
form.fulfillment-form table.approval-table input.checkbox {
	margin-right:5px;
}
a.gradientButton {	
	margin:40px auto 0;
	color:#fff !important;
	text-decoration:none;
	text-transform:UPPERCASE;
	font:bold 18px 'Trebuchet MS1', Trebuchet MS, sans-serif;
	cursor:pointer;
	display:inline-block;
	padding:10px 20px;
	border-radius:10px;
	width:auto;
	
	background: #0d71bd; /* Old browsers */
	background: -moz-linear-gradient(top,  #0d71bd 0%, #013f6e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d71bd), color-stop(100%,#013f6e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0d71bd 0%,#013f6e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0d71bd 0%,#013f6e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0d71bd 0%,#013f6e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0d71bd 0%,#013f6e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d71bd', endColorstr='#013f6e',GradientType=0 ); /* IE6-9 */
}
#galleria {height:600px;}
.galleria-errors {display:none;}
#galleria-holder {background:#000;}
#galleria-holder a.download {
	right: 0px;
	bottom: 0px;
	position: absolute;
	color:#fff;
	font-size:15px;
	padding:15px;
	font-weight:bold;
	z-index: 1000;
}