/* New */

/* Form Styles ----------*/
body                                {margin:0; padding:0;}

.quoteComponentContainer            {width:376px;}
.quoteComponent                     {padding:1em; margin:0; font-family:Arial, Helvetica, Verdana, Sans-Serif; font-size:60.5%; /* = 10px */ background:#E7EFF9;}


/* Reset */
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li {margin:0; padding:0;}
img                                 {border:none}

/* Default links --------- */
a                                   {color:#103184;}
a, a:link, a:visited                {text-decoration:underline; -webkit-transition:color 0.25s; -moz-transition:color 0.25s; -o-transition:color 0.25s; transition:color 0.25s;}
a:hover, a:active, a:focus          {color:#526AA6;}

/* Quote Component Basic Typography Styles --------------- */
.quoteComponent h1,.quoteComponent h2,.quoteComponent h3,
.quoteComponent h4,.quoteComponent h5,.quoteComponent h6 {font-weight:normal;}
.quoteComponent .componentTitle     {font-size:2.2em; color:#103184; margin: 0 0 0.75em;}
.quoteComponent .formGroupTitle     {font-size:2em;	color:#103184; margin: 0 0 0.65em;}
.quoteComponent .formGroupSubTitle  {font-size:1.6em; color:#103184; margin: 0 0 0.5em;}
.quoteComponent p                   {font-size:1.3em; line-height: 1.5em; margin-bottom: 1em; color:#515151;}
.quoteComponent .mandatoryMsg       {font-size:1.2em; color:#53504F;}
.quoteComponent .disclaimer p       {font-size:1.2em; color:#53504F;}
.quoteComponent .errorText	        {font-size:1.2em; color:#fb1924;}

/* Cover Details --------------- */
.quoteComponent .quoteAmount        {background:#242F6A; padding:0 0.5em; text-align:center;}
.quoteComponent .quoteAmount p      {padding:1em 0; font-weight:bold;}
.quoteComponent .quoteAmount .amount,
.quoteComponent .quoteAmount .perMonth  {color:#fff;}
.quoteComponent .quoteAmount .amount    {font-size:2em;}
.quoteComponent .quoteAmount .free      {color:#e10913;	font-size:1.2em;}

.quoteComponent .additionalContent      {border:1px solid #DBE8F6; background:#F0F5FC; padding:1em;	margin-bottom:1em;}
.quoteComponent .additionalContent h3, .nextSteps h3 {padding:0; font-size:2em;	color:#103184; margin: 0 0 0.65em;}
.quoteComponent .additionalContent h4   {padding:0;	font-size:1.6em; color:#103184;	margin: 0 0 0.65em;	font-weight:bold;}
.quoteComponent .additionalContent p    {color:#53504F;	margin-bottom: 0.5em;}
.quoteComponent .additionalContent .backLink {display:block; font-size:1.3em; padding:0 0 0 15px; background:url(/SalesOnLine/Content/img/quickquote/linkArrow.gif) left center no-repeat;}
.quoteComponent .coverDetailsList       {border-top:1px solid #E9F0FA; margin-bottom:1em;}
.quoteComponent .coverDetailsList dt    {font-weight:bold; display:block; font-size: 1.4em;	margin:0; padding:0.5em 0 0; color:#103184;}
.quoteComponent .coverDetailsList dd    {position:relative;	border-bottom:1px solid #E9F0FA; padding-bottom:0.5em; width:100%;}
.quoteComponent .coverDetailsList p     {color:#414042;	padding-right:20px;	margin:0;}
.quoteComponent .coverDetailsList .helpLink {display:block;	text-indent:-9999px; position:absolute;	bottom:0.5em; right:0; width:15px; height:15px;	background:url(/SalesOnLine/Content/img/quickquote/helpIcon.gif) top left no-repeat; z-index:1;}
.quoteComponent .coverDetailsList .helpLinkvalue {display:block;	text-indent:-9999px; position:static;	bottom:0.5em; right:0; width:15px; height:15px;	background:url(/SalesOnLine/Content/img/quickquote/helpIcon.gif) top left no-repeat; z-index:1;}

.quoteComponent .nextSteps ul           {margin:0 0 0 16px;	padding:0;}
.quoteComponent .nextSteps ul li        {color:#75AFDF;	font-size: 1.3em; margin-bottom:0.5em;}
.quoteComponent .nextSteps ul li span   {color:#414042;}

/* Red style button */
.quoteComponent .linkButtonContainer {
	margin: 1.25em 0;
	border: 2px solid #fff;
	display: inline-block;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	background: #D72A28;
	background: -moz-linear-gradient(top, #d72a28 0%, #ad2125 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d72a28), color-stop(100%,#ad2125)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d72a28 0%,#ad2125 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d72a28 0%,#ad2125 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d72a28 0%,#ad2125 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d72a28 0%,#ad2125 100%); /* W3C */
}
.quoteComponent .linkButtonContainer:hover {
	background: #ad2125;
	background: -moz-linear-gradient(top, #ad2125 0%, #d72a28 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad2125), color-stop(100%,#d72a28)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ad2125 0%,#d72a28 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ad2125 0%,#d72a28 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ad2125 0%,#d72a28 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ad2125 0%,#d72a28 100%); /* W3C */
}

.quoteComponent .linkButtonContainervalue {
	margin: 1.25em 0;
	border: 2px solid #fff;
	display: inline-block;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	background: #008000;
	background: -moz-linear-gradient(top, #008000 0%, #228B22 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008000), color-stop(100%,#228B22)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #008000 0%,#228B22 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #008000 0%,#228B22 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #008000 0%,#228B22 100%); /* IE10+ */
    background: linear-gradient(to bottom, #008000 0%,#228B22 100%); /* W3C */
}
.quoteComponent .linkButtonContainervalue:hover {
	background: #228B22;
	background: -moz-linear-gradient(top, #228B22 0%, #008000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#228B22), color-stop(100%,#008000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #228B22 0%,#008000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #228B22 0%,#008000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #228B22 0%,#008000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #228B22 0%,#008000 100%); /* W3C */
}
.quoteComponent .linkButton {
	border: 0;
	color: white!important;
	text-decoration: none!important;
	font-size: 1.4em;
	padding: 8px 40px 8px 10px;
	margin: 0;
	overflow: visible;
	font-family:Arial, Helvetica, Verdana, Sans-Serif;
	cursor:pointer;
	background:url('/SalesOnLine/Content/img/quickquote/submitButton_green.png') right center no-repeat;
	display: block;
}
/* Blue style button */
.quoteComponent .findOutMore {
	background: #324c8e; /* Old browsers */
	background: -moz-linear-gradient(top, #324c8e 0%, #253473 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#324c8e), color-stop(100%,#253473)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #324c8e 0%, #253473 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #324c8e 0%,#253473 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #324c8e 0%,#253473 100%); /* IE10+ */
	background: linear-gradient(to bottom, #324c8e 0%,#253473 100%); /* W3C */
}
.quoteComponent .findOutMore:hover {
	background: #253473; /* Old browsers */
	background: -moz-linear-gradient(top, #253473 0%, #324c8e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#253473), color-stop(100%,#324c8e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #253473 0%,#324c8e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #253473 0%,#324c8e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #253473 0%,#324c8e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #253473 0%,#324c8e 100%); /* W3C */
}
.quoteComponent .findOutMore .linkButton {
	background:url('/SalesOnLine/Content/img/quickquote/submitButton_blue.gif') right center no-repeat;
}

/* Quote Component Form Elements --------------- */
.quoteComponent .form               {}
.quoteComponent legend              {display:none;}
.quoteComponent fieldset            {border:none; margin:0;	padding:0;}
.quoteComponent .formGroup          {border:1px solid #DBE8F6; background:#F0F5FC; margin-top:1em; margin-bottom:1em;}
.quoteComponent .formElements       {margin-bottom:1.5em;}
.quoteComponent .formElements label,
.quoteComponent .formElements .text,
.quoteComponent .formElements select    {font-family:Arial, Helvetica, Verdana, Sans-Serif;}
.quoteComponent .formElements label,
.quoteComponent .formElements .formGroupSubTitle {font-weight:bold;	display:block; font-size: 1.4em; margin:0 0 0.5em; padding:0; color:#103184;}
.quoteComponent .formElements .hiddenLbl    {display:none;}
.quoteComponent .hidden                 {display:none;}

.quoteComponent .formElements .text,
.quoteComponent .formElements select    {margin:0 0 4px; padding:4px; color: #515151; border:1px solid #BCBBD0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 10px rgba(0,0,0,0.1); box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);}

.quoteComponent .formElements input     {width:190px;}
.quoteComponent .formElements select    {width:240px;}

.quoteComponent .mulitDdl .text         {margin-right:0.5em;}
.quoteComponent .dob .text              {width:50px;}

.quoteComponent .telNum .telCountryCode {width:25px;}
.quoteComponent .telNum .telAreaCode    {width:50px;}
.quoteComponent .telNum .telNumber      {width:72px;}

.quoteComponent .error .input-validation-error  {border:1px solid #EC1A3B;}
.quoteComponent .error .text            {border:1px solid #EC1A3B;}
.quoteComponent .error select           {border:1px solid #EC1A3B; background-color: #FFCCCC;}
.quoteComponent .errorMessage           {font-size: 1.4em; display: block; margin-bottom: 3px; color:#EC1A3B;}

.quoteComponent .formSubmit {
	margin-bottom:2em;
	border:2px solid #fff;
	display: inline-block;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	background: #008000;
	background: -moz-linear-gradient(top,  #008000 0%, #228B22 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008000), color-stop(100%,#228B22)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #008000 0%,#228B22 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #008000 0%,#228B22 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #008000 0%,#228B22 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #008000 0%,#228B22 100%); /* W3C */
}
.quoteComponent .formSubmit:hover {
	background: #228B22;
	background: -moz-linear-gradient(top,  #228B22 0%, #008000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#228B22), color-stop(100%,#008000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #228B22 0%,#008000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #228B22 0%,#008000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #228B22 0%,#008000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #228B22 0%,#008000 100%); /* W3C */
}

.quoteComponent .formSubmit .formButton {
	border: 0;
	color: white!important;
	text-decoration: none;
	font-size: 1.4em;
	padding: 8px 40px 8px 10px;
	margin: 0;
	overflow: visible;
	font-family:Arial, Helvetica, Verdana, Sans-Serif;
	cursor:pointer;
	background:url('/SalesOnLine/Content/img/quickquote/submitButton_green.png') right center no-repeat;
}


/* -------------------- Code Added By : Rohit Grover --------------------- */

.tabQuote                 {border-width:10px; border-color:Black; margin-top:1em; margin-left:-1em;}

.tabQuote .image          {width:205px; height:50px; vertical-align:middle; color:white; font-size: x-large; 
                          font-weight:bold; text-align:left; padding-left:7px;
                          background-image:url('/SalesOnLine/Content/img/quickquote/header_pennant_greenbutton.png')}

/* -------------------- Code Added By : Rohit Grover --------------------- */