form { margin:0;}
form div { margin: 10px 0px 0px 0px; text-align: left; position:relative;}

form div.noTip { width: 60%; margin-top: 5%;} 

form label { text-align: left; width:10%; display: inline-block; margin-right: 10px;  color: #3f4246; vertical-align: middle; }

form label em { font-size: 0.75em;}

.form .formPanel {display: none;}
.form .formPanel.active{ display: block;}

.form fieldset { display: none; margin: 0;}
.form fieldset.active { display: block;}


h1.thanks {
	margin:4% 4% 0;
}

.panel { display: inline-block; width: 28.5%; background:url(../img/build/product/product_1ColPanelBg.png) no-repeat; background-size: 100% 100%; margin-bottom: 5%; margin-right: 2%; padding: 1% 1% 1% 1%;}

.panel h3.title { font-size: 1.6em; padding-left:4%; }

.panel img {
    width: 100%;
}

.panel p {
    color: #534d4a;
    font-size: 1em;
    margin-bottom: 5.5%;
    min-height: 30px;
    position: relative;
    z-index: 1;
	max-width:80%;
}
div.panel p a.more {
    color: #00456b;
    font-weight: bold;
	font-size:.9em;
	margin-left:0;
}
.modal-close {
    background: url("../img/build/close.png") no-repeat scroll left top / 30px 30px #fff;
    border-radius: 15px;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
}

.form fieldset label.sml { width:5%;}

form label.error { color: #f01300; border: 0px; }

form div.errorDis { display: none; margin-left: 25%; margin-bottom: 2%; font-weight: bold; color: #f01300; width: 75%; }
form div.errorDis.smlpad {  margin-left: 10%; }
form div.errorDis.rgt {  margin-left: 5%; display: inline;}
form div.errorDis img { margin-right: 1%; vertical-align: middle; }

.form .confirmPanel .timeDisclaimer { margin-left: 14%; margin-top:2%; margin-bottom: 2%; font-weight: bold; color: #f01300;  }
.form .confirmPanel .timeDisclaimer.smlpad {  margin-left: 10%; }
.form .confirmPanel .timeDisclaimer.rgt {  margin-left: 5%; display: inline;}
.form .confirmPanel .timeDisclaimer img { margin-right: 1%; vertical-align: middle; }

form div.warningDis {  display: none; margin-left: 25%; margin-bottom: 2%; font-weight: bold; color: #3f4246;  }
form div.warningDis.smlpad {  margin-left: 10%; }
form div.warningDis.rgt {  margin-left: 5%; display: inline;}
form div.warningDis img { margin-right: 1%; vertical-align: middle; } 

form .stageErr {  margin-left: 5%; margin-bottom: 2%; width: 72%; display: none; font-weight: bold; color: #f01300; text-align: left;  }
form .stageErr img { margin-right: 1%; vertical-align: top; display: block; float: left;  } 

.form fieldset label { width: 20%; font-size: 1.2em; margin-left: 3.75%; }

.no-label { margin-left:4%;}

.form .tip { background:url(../img/build/form/forms_toolTipsBg.png) no-repeat; background-size: 100% 100%;  }

.form .tip { width: 30%; height:40px; position: absolute; top:0%; right:-6px; display: none !important; margin: 0; z-index: 5;}

.form .tip.high { top:-150%;}

.form .tip p { width: 90%; height:88%; color: #fff; font-size: 0.75em; margin:0 auto; text-align: right; margin-right: 10px; color: #fff; }

.form .errorBox { width: 30%; height:auto; position: absolute; top:0%; right:-6px; display: none; margin: 0;}

.form .context { width: 80%; font-size: 1em; margin: 4% 5% 4% 10%; color: #3f4246;}

.form .context ul { list-style: disc; }
.form .context ul li { display: inline-block; width: 44%; padding: 0.5%;}
.form .context ul li.long { width:99%;}

form input { background: url(../img/build/form_inputBg.jpg) no-repeat; background-size: 100% 100%; border: none; width: 40%; height: 13px; padding: 18px 10px; font-size: 1em; color: #3f4246;}

@media only screen and (max-width: 380px) {
    form input {
        font-size: .8em;
    }
}    
.no-backgroundsize form input {background: none; background-color: #eeeff1; border-top: 1px #ccc solid; border-left:1px #ccc solid;} 

form input.sml { width: 20%;}
form input.pad {margin-right: 10px;}

form textarea {display:inline-block; width:40%; border: 0; background:url(../img/build/form_txtareaBg.jpg) no-repeat; background-size: 100% 100%; height: 78px; font-size: 1em; padding: 12px 10px 12px 10px; color: #999;}

.no-backgroundsize form textarea {background: none; background-color: #eeeff1; border-bottom: 1px #ccc solid; border-right:1px #ccc solid;} 


form .full textarea { margin-left: 10%; width: 72%;}

form .full label { width: 25%;}

form .full input {width: 50%;}

.error { border:solid 2px #f01300;}

.form { width: 100%;}

.form ul { padding: 0px; list-style: none; display:block; width: 100%; vertical-align: top; }

.form ul li { display: inline-block; width: 50%;}

.form ul li.lrg { display: none; width: 100%;}

.form ul li.active.lrg { display: inline-block; width: 100%;}

.form ul li.lrg .tabClear { clear: both; height: 0px;}

.form ul li.lrg .tabHead { position: relative;}

.form ul li.lrg .tabHeadTxt{padding-top: 3%; position: absolute; right:0px; width: 45%; }


.form .formPanel nav ul { width: 100%; height: auto; text-align: left;}

.form .formPanel nav ul li { width: 22%; margin-left: -2%; background: url(../img/build/form/forms_tabStageOff.png) no-repeat; background-size: 100% 100%; position: relative; height: 28px; vertical-align: top; /*cursor: pointer;*/}

.no-backgroundsize .form .formPanel nav ul li { background:  url(../img/build/form/forms_tabStageOffRepeat.png) repeat-x;  }

.form .formPanel nav ul li.active { background: url(../img/build/form/forms_tabStageOn.png) no-repeat; background-size: 100% 100%; color: #fff; font-weight: bold;}

.no-backgroundsize .form .formPanel nav ul li.active { background:  url(../img/build/form/forms_tabStageOnRepeat.png) repeat-x; }


.form .formPanel nav ul li.active.last:after { content:""; display: inline-block; top:100%; left:0%; position: absolute; z-index: 2; background:url(../img/build/form/forms_tabStageShadow.png) no-repeat; background-size: 100% 100%;  width:95%; height:12px; }

.no-backgroundsize .form .formPanel nav ul li.active.last:after { display: none; }

.form .formPanel nav ul li.first{ margin: 0; width: 20%;  }

.form .formPanel nav ul li.last {  background: url(../img/build/form/forms_tabStageLastOff.png) no-repeat; background-size: 100% 100%; width: 21.8%; }

.no-backgroundsize .form .formPanel nav ul li.last {  background: url(../img/build/form/forms_tabStageLastOffRepeat.png) repeat-x;}

.form .formPanel nav ul li.active.last {  background: url(../img/build/form/forms_tabStageLastOn.png) no-repeat; background-size: 100% 100%; }

.no-backgroundsize .form .formPanel nav ul li.active.last {  background: url(../img/build/form/forms_tabStageLastOnRepeat.png) repeat-x; }

.form .formPanel nav ul li p { font-size: 0.75em; width: auto; height: 100%; margin: 0; padding: 0%; margin-left: 15%;}

.no-flexbox .form .formPanel nav ul li p {display: inline-block; padding-top: 10px; height: 85%; width: 100%; text-align: center;} 

.ie9 .form .formPanel nav ul li p, .ltie9 .form .formPanel nav ul li p { padding-top: 8px; }

.form ul li img {width: 100%;}

.form ul li.lrg img {width: 65%; float: left;}

.form .formPanel nav ul li img {display:none; width: auto; height: auto; vertical-align: middle; position: relative; top:-2px; }

.form ul li .tab { background:url(../img/build/form/forms_tabOffBg.png) no-repeat; background-size: 100% 100%; color: #6b6b6b; cursor: pointer; }

.no-backgroundsize .form ul li .tab { background:url(../img/build/form/forms_tabOffBg.png) repeat-x; } 

.form ul li .tab p { font-size: 1.3em; padding-bottom: 10%;}

.form ul li .tab .super {  font-size: 1em; padding: 2.8% 0 0 0;}

.form ul li.active .tab { background:url(../img/build/form/forms_tabOnBg.png) no-repeat; background-size: 100% 100%; color: #fff; } 

.form ul li.active .tab.lrg { background:url(../img/build/form/forms_tabOnLrgBg.png) no-repeat; background-size: 100% 100%; color: #fff; position: relative; } 

.form ul li.active .tab.lrg p.tabSwitch { font-weight: bold; text-decoration: underline;}

.form .formPanel {background:url(../img/build/form/forms_panelBg.png) no-repeat; background-size: 100% 100%; width: 100%; margin: 0 auto; height: auto; }

.no-backgroundsize .form .formPanel { background: none; background-color: #e4e5e6; border-bottom: 1px #ccc solid; border-right:1px #ccc solid;}

.form h2 { padding: 4.5% 0 4% 0;}
.form h3 { padding: 4.5% 0 4% 0;}

.form .requiredText { width: 100%; text-align: right; color: #6b6b6b; margin: 0 auto; font-size: 0.5em; }

.form fieldset h2 { padding-left: 4%; text-align: left; padding-bottom:0;}

.form .full h2  { padding-left: 4%; text-align: left;}

.form fieldset h3 { padding-left: 8%; text-align: left;}

.form .divider { padding: 0; margin-top: 8%; background:url(../img/build/form/forms_divider.png) no-repeat; background-size: 100% 100%; height: 2px; }

input[type="radio"] { display: inline-block; width: 23px; height: 23px; background: none; position: absolute;	-moz-opacity: 0;	-webkit-opacity: 0.5;	opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)"; z-index: 1; vertical-align: middle; margin-top: -5px;}

input[type="radio"] + .indicator { display: inline-block;  border: 0px; outline: 0px;  background:url(../img/build/form/forms_radioOff.png) no-repeat;  background-size: 100% 100%; width:23px; height:23px;  margin: 0; margin-top: -5px; vertical-align: middle;}

input[type="radio"]:checked + .indicator { background:url(../img/build/form/forms_radioOn.png) no-repeat; }

input[type="radio"] + .indicator + span { font-size: 1.2em; color: #3f4246; padding-right: 1%; }

.no-backgroundsize input[type="radio"] {background-color: transparent; border: none;}


input[type="checkbox"] { display: inline-block; width: 23px; height: 23px; background: none; position: absolute;	-moz-opacity: 0;	-webkit-opacity: 0.5;	opacity: 0; z-index: 1; vertical-align: middle; margin-top: -5px;}

input[type="checkbox"] + .indicator { display: inline-block;  border: 0px; outline: 0px;  background:url(../img/build/form/forms_checkOff.png) no-repeat;  background-size: 100% 100%; width:23px; height:23px;  margin: 0; margin-top: -5px; vertical-align: middle;}

input[type="checkbox"]:checked + .indicator { background:url(../img/build/form/forms_checkOn.png) no-repeat; }

input[type="checkbox"] + .indicator + span { font-size: 1.2em; color: #3f4246; padding-right: 2%; }

.no-backgroundsize input[type="checkbox"] {background-color: transparent; border: none;}

.select {width:10%; margin: 0px; vertical-align: middle; text-align: left;  display:inline-block; text-align: left; height: 48px;  cursor: pointer; background-size: 100% 100%;}

.select.inactive { opacity: 0.5; -moz-opacity: 0.5; }
 
.select p { height: 100%; color:#999; font-size: 1em; padding-left: 10px; text-align: left;} 

.select .pop { display:none; visibility:hidden; position: relative; z-index: 5; margin: 0; max-height: 330px; overflow-y: auto; }

.select  ul { position: relative; z-index: 5; list-style: none; min-width: 100%; width: auto;  }

.select  ul > li { display: block; margin: 0px; height:auto; font-size: 1em; color:#333; background: none; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); width: 100%;}

.select  ul > li p { padding: 5px 10px 5px 10px; width: auto; font-size: 0.9em;}

.select  ul > li.active {color:#fff; background:  #00456b;}

.select.smlSelect { width:48px; background-image:url(../img/build/form/forms_selectSmlBg.png);  }

.select.medSelect { width:78px; background-image:url(../img/build/form/forms_selectSmlBg.png);  }

.select.lrgSelect { width:110px; background-image:url(../img/build/form/forms_selectMedBg.png);  }



.full .select.medSelect { width:120px; background-image:url(../img/build/form/forms_selectMedBg.png);   }

.full .select.lrgSelect { width:120px; background-image:url(../img/build/form/forms_selectMedBg.png);  }

.stageAction { margin: 0; width: 96%; background-color: #e7e8e9; background-color: rgba(255,255,255,0.35); height: auto; padding: 2%; text-align: right;}

.form .cta.blue { display: inline-block; font-family: "interStateBlk", sans-serf; color: #ffffff; text-align:center; text-shadow: 0px 1px rgba(0,0,0,0.12); font-size: 1.1em; text-transform: uppercase; padding: 0; background:url(../img/build/quote/quote_2ctaBlueBg.png) no-repeat; background-size: 100% 100%; width: 15%; padding: 1% 4% 1% 1.9%; cursor: pointer;}

.no-backgroundsize .form .cta.blue {padding: 1% 4% 1% 4%; background: none; background-color: #265784; border: 1px #ccc solid; }

.full .cta.blue { display: inline-block; font-family: "interStateBlk", sans-serf; color: #ffffff; text-align:center; text-shadow: 0px 1px rgba(0,0,0,0.12); font-size: 1.1em; text-transform: uppercase; padding: 0; background:url(../img/build/cta_blueBg.png) no-repeat; background-size: 100% 100%; width: auto; padding: 2% 7% 2% 3%; cursor: pointer;}

.no-backgroundsize .full .cta.blue {padding: 2% 7% 2% 7%; background: none; background-color: #265784; border: 1px #ccc solid; }

.form .cta.yellow { display: inline-block; font-family: "interStateBlk", sans-serf; color: #00456b; text-align:center; text-shadow: 0px 1px rgba(0,0,0,0.12); font-size: 1.1em; text-transform: uppercase; padding: 0; background:url(../img/build/quote/quote_2ctaYellowBg.png) no-repeat; background-size: 100% 100%; width: 25%; padding: 1% 4% 1% 1.9%; cursor: pointer; margin-bottom: 1%;}

.no-backgroundsize .form .cta.yellow { padding: 1% 4% 1% 4%; background: none; background-color: #ffc42b; border: 1px #ccc solid; }

.full .cta.yellow { display: inline-block; font-family: "interStateBlk", sans-serf; color: #00456b; text-align:center; text-shadow: 0px 1px rgba(0,0,0,0.12); font-size: 1.1em; text-transform: uppercase; padding: 0; background:url(../img/build/cta_YellowBg.png) no-repeat; background-size: 100% 100%; width: auto; padding: 2% 7% 2% 3%; cursor: pointer;}

.no-backgroundsize .full .cta.yellow {padding: 2% 7% 2% 7%; background: none; background-color: #ffc42b; border: 1px #ccc solid; }

.form .cta.no { display: inline-block; font-family: "interStateBlk", sans-serf; color: #666; text-align:center; text-shadow: 0px 1px rgba(0,0,0,0.12); font-size: 1.1em; padding: 0; background:url(../img/build/forms_noCtaBg.png) no-repeat; background-size: 100% 100%; width: 24%; padding: 1% 1.9% 1% 5%; cursor: pointer; vertical-align: top; margin-bottom: 1%;}

.no-backgroundsize .form .cta.no {background: none; background-color: #ccc; border: 1px #ccc solid; padding: 1% 5% 1% 5%; }

.full .cta.no { display: inline-block; font-family: "interStateBlk", sans-serf; color: #666; text-align:center; text-shadow: 0px 1px rgba(0,0,0,0.12); font-size: 1.1em; padding: 0; background:url(../img/build/forms_noCtaBg.png) no-repeat; background-size: 100% 100%; width: auto; padding: 2% 3% 2% 7%; cursor: pointer; }

.no-backgroundsize .full .cta.no {background: none; background-color: #ccc; border: 1px #ccc solid; padding: 2% 7% 2% 7%;}

.form .prompt { size: 0.75em; color: #999; padding-left: 10px;}

.form .formPanel div a { font-size: 1em; color: #00456b; font-weight: bold; text-decoration: underline; margin-left: 10px;}

.form .other {visibility: hidden;}

.form .confirmPanel h3 { font-size: 1.4em; }


.form .confirmPanel .stageAction h3 { width: 45%; margin: 0; padding-bottom:0; padding-left: 3%; padding-top: 2.5%; text-align: left; display: inline-block; float: left;}

.form .confirmPanel div { text-align: left; padding: 0 0 2px 0px; margin:0 0 10px 0; }
.form .confirmPanel div input { width: 38%; }

.form .confirmPanel div span {font-size: 1.2em;}

.form .confirmPanel h3 span {font-size: 1em;}
.form .confirmPanel div p {margin-left:20%; font-size: 1.2em; display: inline-block;}

.form .confirmPanel div label { font-weight: bold; width: 30%; text-align: right; vertical-align: top; display: inline-block;}
.form .confirmPanel div label.valuables { font-weight: bold; width: 80%; text-align: left; margin-left:17%; vertical-align: top; display: inline-block;}
.form .confirmPanel div label.lrg { width: 80%; margin-left: 17%; text-align: left;}
.form .confirmPanel p.divider { height: 2px; padding: 0px;	}

.form .confirmPanel .stageAction { margin: 0; width: 96%; background-color: rgba(255,255,255,0.35); height: auto; padding: 2%; text-align: right;}

.form .confirmPanel a { float:right; margin-right: 15%;  color: #00456b; font: 1.2em; text-decoration: underline; }

.form .cta a { color: inherit; text-decoration: none; width: 100%; margin: 0; font-size: 1em; font-weight: normal;}

.form .confirmPanel .legal { font-size: 1.2em; text-align: left; margin: 5%; margin-bottom: 0;}

.form .confirmPanel .equip { width: 15%; display: inline-block; text-align: left; margin-left: 2%; margin-bottom: 2%;}

.form .finishPanel p { text-align: left; margin: 2%; font-size:1.2em; }

.form .finishPanel .divider { margin-left: 0%; margin-bottom: 0%;}

.form .finishPanel .cta { margin: 0%; }

.form .finishPanel p b { color: #00456b; }


.form .finishPanel p.caption { color: #00456b; font-weight: bold; }

.form .finishPanel p.caption span { font-size: 1.2em; }

em.contextMini { display:inline-block; font-size:1em; color: #333; vertical-align: middle; padding-left: 8px;} 

@media only screen and (min-width: 750px) {


.form fieldset label { font-size: 1.2em; margin-left: 4%; }

.form fieldset label.sml { width: 7.5%;}

form input { width: 32.5%; font-size: 1.2em;}

form input.sml { width: 15%;}
form input.pad {margin-right: 20px;}

form textarea { display:inline-block; width:35%; background:url(../img/build/form_txtareaBg.jpg) no-repeat; background-size: 100% 100%;  border: 0; font-size: 1.2em;}

.no-backgroundsize form textarea {background: none; background-color: #eeeff1; border-bottom: 1px #ccc solid; border-right:1px #ccc solid;} 

.form .tip { width: 313px; height: 88px; position: absolute; top:-60%; right:-6px; display: none !important; margin: 0;}

.form .tip.inactive { display: none;}
.form .tip.active	{ display: block;}

.form .tip p { height:88%; color: #fff; font-size: 1.2em; margin:0 auto; padding: 0 15px; width:88%;}

.form .context { width: 50%; margin-left: 10%; font-size: 1.3em;}

.form ul li .tab p { font-size: 2.3em; padding-bottom: 7%; }

.form ul li .tab .super {  font-size: 1.4em; padding: 2.8% 0 0 0;}

.form .formPanel nav ul li {  height: 57px;}

.form .formPanel nav ul li p  { font-size:14px;}

.form .formPanel nav ul li img {display: inline; }

.form .requiredText { width: 87%; font-size:1em; }

.form .formPanel { width: 87%; }

.form .formPanel.full { width: 95%; }

form .full textarea { margin-left: 5%; width: 75%;}

.form ul li.lrg .tabHeadTxt{padding-top: 3%; position: absolute; right:0px; width: 70%; }

.form ul li.active .tab.lrg p.tabSwitch { position: absolute; right:5%; top:10%; font-weight: bold; text-decoration: underline;}

 .select { }

.select p {font-size: 1em;text-align: left; }

.select  ul > li { font-size: 1.2em; }

.no-flexbox .select.smlSelect p { padding-top: 12px; display: inline-block;}

.no-flexbox .select.lrgSelect p { padding-top: 12px; display: inline-block;}

.no-flexbox .form .formPanel nav ul li p { padding-top: 10%;} 
.ie9 .form .formPanel nav ul li p, .ltie9 .form .formPanel nav ul li p { padding-top: 20px; }

.select.smlSelect { width:78px; background-image:url(../img/build/form/forms_selectSmlBg.png);  }

.select.medSelect { width:110px; background-image:url(../img/build/form/forms_selectMedBg.png);  }

.full .select.medSelect { width:110px; background-image:url(../img/build/form/forms_selectMedBg.png);  }

.select.lrgSelect { width:280px; background-image:url(../img/build/form/forms_selectLrgBg.png);  }

.full .select.lrgSelect { width:280px; background-image:url(../img/build/form/forms_selectLrgBg.png);  }

.form  .cta.blue { font-size: 1.5em; }

.full .cta.blue { font-size: 1.5em; width: auto; padding: 3% 8% 3% 8%;}

.form  .cta.yellow { font-size: 1.5em; width: 15%;}

.full .cta.yellow { font-size: 1.5em; width: auto; padding: 3% 8% 3% 8%;}

.form  .cta.no { font-size: 1.5em; width: 15%;}

.full .cta.no { font-size: 1.5em; width: auto; padding: 3% 8% 3% 8%;}

.form .prompt { size: 1em; color: #999;}

.form .formPanel div a { font-size: 1.2em; color: #00456b; font-weight: bold; text-decoration: underline; margin-left: 20px;}

.form .confirmPanel h3 { font-size: 1.6em; padding-left:12%; }

.form .confirmPanel h3 span{ font-size: 1em; }

.form .confirmPanel .stageAction h3 { width: 45%; } 

.form  .confirmPanel .legal { font-size: 1.2em; text-align: left;}

.form .finishPanel p { text-align: left; margin: 4%; font-size:1.4em; }

.form .finishPanel p.caption { color: #00456b; font-weight: bold;}

.form .finishPanel p.caption span { font-size: 1.4em; }

.dataPrivacy{padding-left: 0; font-size: 1em;}

.dataPrivacy h3{
    margin-left:18px  !important;
    padding:0 0 10px 3px !important; 
}
.dataPrivacy p{
    width: 70% !important; 
    margin-left: 21px !important; 
    font-size: 10.5px !important ; 
    border: 1px black solid !important ; 
    padding: 5px  !important; 
    background-color: #f7f7f7 !important;
} 
.dataPrivacy input{
    opacity:1 !important; 
    position:static !important; 
    width:3% !important; 
    margin:0px 5px 0 0 !important;
}
.dataPrivacy button{
    margin-left: 23px !important; 
    width:22% !important;
    border:none !important; 
    vertical-align: top !important; 
    opacity: 0.5;
}
.dataPrivacy a {
    margin-left:0px !important;
    margin-right:0px !important; 
    float:none !important;
    font-size: 9.5px !important; 
}
}