@charset "utf-8"; 
body, html, h1, h2, h3, h4,h5,h6, p, ul, ol, li, form, fieldset, input, select, textarea, table, tr, th, td{margin:0; padding:0;}
h1, h2, h3, h4,h5,h6, p, ul, ol, li, form, fieldset, input, select, textarea, table, tr, th, td{box-sizing:content-box}
html{background:#e0dfe2; font-family:Arial,Helvetica,sans-serif; font-size:1em; overflow-y:scroll}
body{width:980px;  background:#fff; margin:0 auto;}
h1{color:#d88109; font-size:1.6rem; line-height: 1.3em; margin-top:.5em; margin-left:.2em; margin-bottom:0 }
h2{color:#5b6681; font-size:1.07rem}
h3{color:#5b6681; font-size:.95rem}
h4, h5, h6{color:#5b6681; font-size:.8rem}
div{font-size: 0.75rem}
img {vertical-align: middle}
p,.content li, .inputs /*form field wrapper*/ {margin:1em 0;}

/*lists*/
ul, ul li{list-style:none}

/*rules across the page*/
hr{background-color:#aab1bb;border: 0;height: 1px;}
.separator, .separator-title /*blue rule under page title*/ {border-bottom:1px solid #e0e0e0; margin:0 auto .7em; width: 98%; clear:both; display:block; }
.separator-title {border-bottom: 5px solid #56617f;  width: 100%; margin-left:-.5em }

/*link*/
a:link, a:visited, a:hover, a:active, a:focus{color:#A42655; text-decoration:underline}
/*a:hover{color:#7D7D7D; }
a:focus{color:#435978;}/

/*table*/
table {border-collapse}
td, th {border:1px solid #aab1bb}

/*form fields*/
fieldset, .static_wrapper {border:0; margin:1em 2em;}
label, .nolabel {font-weight:bold;}
input, select, button{vertical-align:middle;}
input[type="radio"]{border:0}
textarea {resize: vertical; min-height: 5em; width:100%}
.ie10 textarea{overflow:visible}

/*input type submits default is an orange gradation*/
input[readonly="readonly"], input[readonly] {border:0; background:transparent}
input[type="submit"], 
input[type="reset"] ,
input[type="button"], 
button {padding:.1em .5em;}

/*accessibility*/
/*skip nav*/
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/*hidden labeling*/
.hidden{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden}

/*header area*/
header{background-image:url(images/banner-n-min.png); background-repeat: no-repeat;  height:102px; width: 100%; overflow:hidden;} 

header a.slogo {display:inline-block; margin: .8em 2.0em .6em 2.5em;  width:27%; height: 5em;vertical-align:top;  }

header a.nlogo {display:inline-block; margin: .8em 7em .6em 0;  width:20%; height: 5em; vertical-align:top;}
header .slogo span, header .nlogo span {position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden; border:0}
header .right{display:inline-block; vertical-align:top; width:33%; }
header .right a:link,header .right a:visited,header .right a:hover,header .right a:active,header .right a:focus {text-decoration:none} 
#searcharea .searchform{width:222px; height:27px;  margin-top:10px; margin-left:6em; }
#searcharea .searchform input[type="text"]{font-size:11px; width:168px; -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px; border: 1px solid #ccc; margin-top:10px; padding-left: 5px; margin-left:2em}
#searcharea .searchform input[type="image"].searchsubmit{vertical-align:middle}

.social {margin-top: 30px; margin-left: 1.8em;  text-align:right; margin-right:0; }
/*.social form {  margin:0; padding:0}
.social div {}*/
.social a, .social input, .h2_wrapper a{display:inline; width:25px;  height: 2em; float:left;margin-right: 30px }
.h2_wrapper a{height: 1em;}
.social span, .h2_wrapper span {visibility:hidden}
.social .chat a, .h2_wrapper a:link {width: 50px; margin-right: 35px; }
.h2_wrapper a:link {margin-right: 37px;}
.social .twitter a{}
.social .facebook a {;margin-right: 28px;}
.social .youtube a{width: 32px; margin-right: 15px; }
.social .em-friend { margin:0; margin-right:.2em; padding:0;}
.social .em-friend input{color:transparent; width:30px; margin-left: 12px; border:0 ; background-color:transparent;cursor:pointer; filter: alpha(opacity=0);}

.headerprint {display:none}/*print only*/



/*global navigation, horizontal*/
#navMain{position:relative; width:980px; height:27px;}
#navMain ol{height:27px;  position:relative;  margin-top:0;}
#navMain ol li{position:absolute;text-decoration:none; z-index:10; list-style:none}
#navMain ol li a{display:block;   height:27px;  background-image:url(images/navigation.png) !important;  background-position:0 0;  background-repeat:no-repeat;  text-decoration:none;}
#navMain ol li a span{visibility:hidden; font-size: 13px}
#navMain ol #nav1{left:0; width:140px}
#navMain ol #nav1 a{background-position:0 0}
#navMain ol #nav1 a:hover, #navMain ol #nav1 a:focus, #navMain ol #nav1 a.active{background-position:0 -28px}
#navMain ol #nav2{left:140px; width:197px}
#navMain ol #nav2 a{background-position:-140px 0}
#navMain ol #nav2 a:hover, #navMain ol #nav2 a:focus, #navMain ol #nav2 a.active{background-position:-140px -28px}
#navMain ol #nav3{left:337px; width:208px}
#navMain ol #nav3 a{background-position:-337px 0}
#navMain ol #nav3 a:hover, #navMain ol #nav3 a:focus, #navMain ol #nav3 a.active{background-position:-337px -28px}
#navMain ol #nav4{left:545px; width:246px}
#navMain ol #nav4 a{background-position:-545px 0}
#navMain ol #nav4 a:hover, #navMain ol #nav4 a:focus, #navMain ol #nav4 a.active{background-position:-545px -28px}
#navMain ol #nav5{left:791px; width:189px}
#navMain ol #nav5 a{background-position:-791px 0}
#navMain ol #nav5 a:hover, #navMain ol #nav5 a:focus, #navMain ol #nav5 a.active{background-position:-791px -28px}

/*breadcrumbs*/
#breadcrumbs{width:100%; background:#d9d9d9; clear:both;}
#breadcrumbs .youare{color:#43506d; font-weight:bold; padding:.4em 0 .43em; margin-left:3.75em; }
#breadcrumbs .crumb{color:#000; padding:0.625em 0 ; font-weight:normal}
#breadcrumbs a, #breadcrumbs a:visited{color:#000; text-decoration:none}
#breadcrumbs a:hover{text-decoration:underline}

/*left hand navigation*/
#navSection{width:100%; background:#f7f8f9; padding-top:1.2em;}
.ie10 #navSection{width:98%;}
#navSection ol{ margin: 0; padding: 0 0 .35em 10%; width:73.5%}
#navSection ol li{margin:0;  padding:0;  list-style:none; display:block; border-bottom:1px solid #d9d9d9;  padding:.125em 0}
#navSection ol li div{margin:0 0 0 .5em;}
#navSection ol li a{display:block; padding:.41em 0 .41em .9em; background-image:url(images/sprites.png); background-repeat:no-repeat; background-position:0px -353px; color:#000; text-decoration:none}
#navSection ol li a:hover, #navSection ol li a.active{background: #ebedea url(images/sprites.png); background-repeat:no-repeat; background-position:-200px -353px;}
#navSection ol ol{ padding-bottom:0; width:12.3em; }
#navSection ol ol li{padding:0; border-top:0; border-bottom:0; margin-left: 0em; }
#navSection ol ol li:first-child{padding: 0; border-top:0px solid #d9d9d9; border-bottom:0px solid #d9d9d9}
#navSection ol ol li a{/*font-size:.95em; */padding-left:10px;}
#navSection ol ol li a:hover, #navSection ol ol li a.active{background: #ebedea url(images/sprites.png); background-repeat:no-repeat; background-position:-200px -353px;}

/*footer area*/
footer{width:100%;}

.footer-1{/*color:#4b5457;display:inline-block;*/line-height: 2.5; text-align:center; font-size:.7rem;background: #ced1d8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZDFkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2FjYWZiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #ced1d8 0%, #acafb6 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced1d8), color-stop(99%,#acafb6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ced1d8 0%,#acafb6 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ced1d8 0%,#acafb6 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ced1d8 0%,#acafb6 99%); /* IE10+ */
background: linear-gradient(to bottom,  #ced1d8 0%,#acafb6 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ced1d8', endColorstr='#acafb6',GradientType=0 ); /* IE6-8 */
}
/*.footer-1 ul{line-height: 2.5;  text-align:center}*/
.footer-1 li{display:inline-block; /*background:url(images/sprites.png) -151px -175px no-repeat; margin:0;  padding:0 .9em 0 1.4em;*/ }
.footer-1 li:before{content: "|"; padding:0 .7em}
.footer-1 a:link, .footer-1 a:visited, .footer-1 a:hover{color:#4b5457; text-decoration:none;text-transform:uppercase;}
.footer-1 a:hover{text-decoration:underline}

.footer-2{color:#4b5457;  padding:0 0 1em; border-top: 1px solid #C2CCD6;background: #dfe3e6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZTNlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNGQ4ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #dfe3e6 0%, #d4d8db 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfe3e6), color-stop(100%,#d4d8db)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dfe3e6 0%,#d4d8db 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dfe3e6 0%,#d4d8db 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dfe3e6 0%,#d4d8db 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dfe3e6 0%,#d4d8db 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe3e6', endColorstr='#d4d8db',GradientType=0 ); /* IE6-8 */
}

.footer-2 .footbottomleft{width:69%; display:inline-block; margin:0 1em; vertical-align:top;font-size:.7rem}
.footer-2 .footbottomright{width: 28%; display:inline-block;  text-align:right; }
.footer-2 .footbottomright img{width:45%;}
.footer-2 ul{margin-top:.5em;  }
.footer-2 li {display:inline-block; font-weight:bold }
.footer-2 li:after{content: "|"; padding:0 .6em; }
.footer-2 .footbottomleft .address{margin-left:2%; padding:0 .4em; }
.footer-2 a:link, .footer-2 a:visited{color:#4b5457; text-decoration:none;}
.footer-2 a:hover{color:#4b5457; text-decoration:underline;}
.footer-1 li:first-child:before, .footer-2 li:last-child:after{content:""; padding-left:0;}

/*wrapper around left col and main content*/
.wrapper{display: -ms-flex; display: -webkit-flex; display: flex;} 
.ie10 .wrapper{margin:0; background:url(images/leftcol_shadow_width.png); background-repeat: repeat-y;} /*ie10 wrapper no support for flexbox*/
.leftcol{width: 24%; border-right:#DFDFDF 2px solid }
.ie10 .leftcol, .ie10 .content{display:inline-block; vertical-align:top; width: 24%; }/*ie10 wrapper no support for flexbox*/
.content{width: 76%}

.ie10 .content{width:73%;}
.ie10 .leftcol{border:none }
/*targeting content area only*/
.content ol li {margin:.25em 1.5em}
/*adding a bullet*/
.content ul li.disc{list-style:disc; margin: .3em 1.5em}

/*error success messages*/
/*for validation.jquery.ui styling*/
div.error {display:block; color: #e60000}
input.error {border: 1px solid #e60000}
/*server side errors*/
.messages, .errors{border:2px solid #aab1bb; min-height: 2em;  width:40%; padding:.3em; margin:1em auto;   line-height:1.5; text-align:center} 
.errors{border: 2px solid #e60000;}
 
/*standard alert messages*/
.headalert {margin:1em auto; width: 80%; border: 2px solid #e60000; clear:both; padding: .3em}
.headalert .left{font-weight: bold;}
.headalert .left em {font-style:normal;}

/*jquery ui styles*/
 .ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
	width:30%;
	font-size: .75em;
	  box-shadow: 3px 3px 3px rgba(100, 100, 100, .5);
	  border: 1px solid #ccc;
	  padding:.2em;
	  background:white;
  }
/*.ui-dialog-title {}*/
/*.ui-dialog-content {border: 1px solid #aab1bb; background-color:pink}*/
/**.ui-dialog-buttonset {background-color:green}
.ui-button  {background-color: lime}*/

.ui-dialog {
	overflow: hidden;
	/*position: static !important;*/
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
	background-color: violet
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	/*position: relative;*/
}
.ui-dialog .ui-dialog-title {
	/*float: left;*/
	display:inline-block;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color:yellow
}
.ui-dialog .ui-dialog-titlebar-close {
	/*position: absolute;
	right: .3em;
	top: 50%;*/
	display:inline-block;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
	background-color: lime
}
.ui-dialog .ui-dialog-content {
	/*position: relative;*/
	/*border: 0;*/
	padding: .5em 1em;
	background: pink;
	border: 1px solid #aab1bb;
	overflow: auto;
	display:block
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	/*float: right;*/
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {cursor: move;}
.asterick:before {content:'* '; font-weight:bold; color:#e60000;}
.noasterick:before{content:'*  '; font-weight:bold; color:transparent}
/*announcements*/
.announcement {border: 1px solid #d88109; margin:1em auto;padding:.5em; line-height:1.5}
.announcement2 {border: 2px solid #d88109; margin:1em auto;padding:.5em; line-height:1.5}
/*styling for dummy IVOQ*/
.complaintWrapper {width:725px;}
.comInnerWrapper{width:580px; background: rgb(121,131,159) url(images/background.png)repeat-x ; min-height:400px;margin:0; padding:0;}
.dummy{background: url(images/dummy.png)no-repeat ;min-height: 400px; width:136px; margin:0; top:0; left:-39px}
.comWorkArea {background: white; width:503px; margin:38px; min-height:400px;}
.comWorkArea .h2_wrapper{background:#424E6C url(images/chat_help.png)no-repeat 94% 6px;}
 #printPreview .h2_wrapper h2{background:#424E6C ; color: white; padding:.3rem; text-transform: uppercase;}
.comWorkArea h2, #printPreview h2 {color: white; padding:.3rem; text-transform: uppercase; }

#h2_text.tt1:before {  content: "Vehicle Information";}
#h2_text.tt2:before {  content: "Affected Parts";}
#h2_text.tt3:before {  content: "Incident Information";}
#h2_text.tt4:before {  content: "Incident Information";}
#h2_text.tt5:before {  content: "We Value your Privacy";}
#h2_text.tt6:before {  content: "You're Almost Done!";}
/*preview page only*/
 h2.previewonly {color:#5b6681;font-size:1.15em; padding:0}
/*recaptcha*/
#recaptcha{margin: 0 1em 1em 2em}
/*button styling  next previous start submits*/
.buttonWrapper {margin: 2em 0 2em}
.buttonWrapper_large {margin: 0.5em 0 2em;}
#thankyou .buttonWrapper_large {padding: 0.6em 1.75em 0.6em 0}

.buttonWrapper input,.buttonWrapper a, .buttonWrapper_large button, 
.buttonWrapper_large a, .buttonWrapper_large input[type="submit"]{border:0; border-radius: .2em; text-transform:uppercase; color:white; padding: .35em;font-size:.75rem }
.buttonWrapper input.nextbutton, .buttonWrapper a.nextbutton{background:#A9251E url(images/button_next.png)no-repeat right;  padding-right: 1.5em;}
.buttonWrapper input.prevbutton, .buttonWrapper a.prevbutton{background:#66708a url(images/button_back.png)no-repeat;  padding-left: 1.5em;}
.buttonWrapper_large button, .buttonWrapper_large a, .buttonWrapper_large input[type="submit"]{background:#A9251E url(images/button_start.png)no-repeat right; padding:.6em;font-size:1.3em;  padding-right: 1.75em;}
.buttonWrapper a:link,.buttonWrapper a:visited,.buttonWrapper a:hover,.buttonWrapper a:active,.buttonWrapper a:focus, 
.buttonWrapper_large a:link,.buttonWrapper_large a:visited,.buttonWrapper_large a:hover,.buttonWrapper_large a:active,.buttonWrapper_large a:focus {text-decoration:none; }

.steps {margin:0; padding:0; display:block; /*background: #B9C3D2;*/ color: #424E6C; background-image:url(images/steps.png)}
.steps.tt1 {background-position:0 0}
.steps.tt2 {background-position:0 -32px}
.steps.tt3 {background-position:0 -64px}
.steps.tt4 {background-position:0 -96px}
.steps.tt5 {background-position:0 -128px}

.content .steps li {margin:0; }
.steps ul { height:33px;} 
.steps ul li {display:inline-block; }
.steps ul li:first-child {}
.steps ul li.active {}
.steps ul li .arrow-in{/*width: 0;height: 0;border-top: 1.5em solid transparent;border-bottom: 1.5em solid transparent;border-left: 1em solid #B9C3D2;*/}

.steps ul li.active .arrow-out {/*width: 0;height: 0;border-top: 1.5em solid yellow;border-bottom: 1.5em solid yellow;border-left: 1em solid white;*/}
.steps ul li .steptext {/*float:left; padding: .42em; font-size: 1.2em; font-weight:bold;*/}

.steps  .ui-state-default,
.steps  .ui-widget-content .ui-state-default,
.steps .ui-widget-header .ui-state-default {
	
	/*background:#424E6C ;color:  red ;
*/
	
	
	
}

.steps .ui-state-active,
.steps .ui-widget-content .ui-state-active,
.steps .ui-widget-header .ui-state-active {
	
	/*background:#2f374c; */
	
	
}


.steps .ui-state-active a,
.steps .ui-state-active a:link,
.steps .ui-state-active a:visited, 
.steps .ui-state-default a,
.steps .ui-state-default a:link,
.steps .ui-state-default a:visited  {
	color:transparent ;
	/*background: rgba(100,200,150,.4);*/
	text-decoration: none;
	text-decoration: none;
	float:left; padding:.5em .5em .5em 1em; font-size: 1.3em; font-weight:bold;font-style: italic;
}

.steps .ui-state-active a,
.steps .ui-state-active a:link,
.steps .ui-state-active a:visited {color:transparent}
.steps ul li.ui-state-default .arrow-in {/*background:#424E6C; width: 0;height: 0;border-top: 1.5em solid #424E6C;border-bottom: 1.5em solid #424E6C;border-left: 1em solid white;*/}

.steps ul li.ui-state-default .arrow-in {/*background:#424E6C; width: 0;height: 0;border-top: 1.3em solid #424E6C;border-bottom: 1.3em solid #424E6C;border-left: 1em solid #B9C3D2;float: left; margin:0; */}

.steps ul li.ui-state-default .arrow-out {
/*width:14px ;
height: 32px;
border-top: 1.5em solid aqua;
border-bottom: 1.5em solid yellow ;    
border-left: 1em solid #424E6C;*/
/* float: left;
background:url(images/arrow.png) no-repeat;*/
}
.steps ul li.ui-state-default .arrow-out.disabled {/*width: 0;height: 0;border-top: 1.5em solid aqua;border-bottom: 1.5em solid yellow;border-left: 1em solid white;float: left; margin:0;*/ }

.steps ul li.ui-state-active .arrow-in {/*background:#2f374c ; width: 0;height: 0;border-top: 1.3em solid #2f374c;border-bottom: 1.3em solid #2f374c;border-left: 1em solid #B9C3D2;float: left; margin:0; */}

.steps ul li.ui-state-active .arrow-out {/*width:14px ;
height: 32px;
border-top: 1.5em solid aqua;
border-bottom: 1.5em solid yellow ;    
border-left: 1em solid #424E6C;
float: left;*/
 /*background:url(images/arrow-select.png) no-repeat;*/ }
/*popup styling */
.that-is{position:absolute; top:10; left:15px; background: #424E6C; border-radius: .5em; color:white; width:265px;   box-shadow: 3px 3px 3px rgba(100, 100, 100, .5); padding: .6em; z-index: 100}

a:link.hide-it, a:visited.hide-it, a:hover.hide-it, a:active.hide-it, a:focus.hide-it {float:right}

/*unique styling to Step1 and wrapper*/
.stepone a:link.hide-it, .stepone a:visited.hide-it,.stepone a:hover.hide-it,.stepone a:active.hide-it,.stepone a:focus.hide-it,
 a:link.hide-it.textwhite, a:visited.hide-it.textwhite,a:hover.hide-it.textwhite,a:active.hide-it.textwhite,a:focus.hide-it.textwhite  {color:white}

/*unique to step 4*/
/*fieldset.stepfour {margin:1em 0 1em 2em;}*/
.stepfour {display:block; line-height: 1.5 }
.stepfour label,.stepfour .nolabel {font-weight:normal;}
.stepfour input[type='text'] {border:1px solid #ccc; margin-bottom:.4px }

/*unique styling to Step2 checkbox affected parts*/
.parts_wrapper {width:31%; display:inline-block; vertical-align:top; margin:1em .2em;}
.parts_wrapper:nth-child(3n+0){clear:right }
.parts_wrapper label {font-weight: normal; }
.parts_wrapper .that-is, .inline-show.that-is{outline:1px solid #ccc; color: black; padding: .2em; position:static; background:transparent; width:100%; box-shadow: 0px 0px 0px rgba(100, 100, 100, .1)}
.inline-show.that-is{outline:0}

/*buttons to look like links file upload*/
input[type="submit"].links, input[type="button"].links {background-color:transparent; border: 0!important; font-weight: normal; text-decoration:underline; color:#A42655; margin:0 !important;padding:0 !important;}

/*arrow thankyou Whats next popup*/
li.arrows, li.arrows a:link, li.arrows a:visited, li.arrows a:hover, li.arrows a:focus {color:#FFFF33; margin:.02em}
li.arrows:before {content: ">"; font-weight:bold}
/*datepicker popup step 3 adapted from jquery theme smoothness*/
#ui-datepicker-div{background:white; border:1px solid #ccc;  box-shadow: 3px 3px 3px rgba(100, 100, 100, .5);}
#ui-datepicker-div .ui-icon { height: 16px;
    width: 16px;   background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;}
#ui-datepicker-div .ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");}
    
#ui-datepicker-div .ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");}
#ui-datepicker-div .ui-icon-circle-triangle-w {
    background-position: -80px -192px;

}
#ui-datepicker-div .ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
/*#ui-datepicker-div .ui-icon {
    height: 16px;
    width: 16px;
}
#ui-datepicker-div .ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
   */
    
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
 .ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
 .ui-datepicker .ui-datepicker-prev,
 .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
 .ui-datepicker .ui-datepicker-prev-hover,
 .ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
 .ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
 .ui-datepicker .ui-datepicker-next {
	right: 2px;
 }

#ui-datepicker-div .ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
#ui-datepicker-div .ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
 .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
 .ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
 .ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
 .ui-datepicker select.ui-datepicker-month,
 .ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
 .ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
 .ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
 .ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
#ui-datepicker-div .ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
 .ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}
.success-icon {
    list-style-image: url("images/yes.png"); color:#000
}
.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

input.veh {width:420px}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
div {outline:0}
}

