/* CSS Document */

  TABLE.outsideBorder {
  margin: 0px; 
  border-top: 1px solid black; 
  border-left: 1px solid black; 
  border-right: 1px solid black; 
  border-bottom: 1px solid black; 
  border-collapse: collapse;
  }
  
  TABLE.noBorder TD {
  border-top: 0px solid black; 
  border-left: 0px solid black; 
  border-right: 0px solid black; 
  border-bottom: 0px solid black; 
  border-collapse: collapse;
  }
  
  TR.heading TD {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  font-weight: bold; 
  color: #FFFFFF; 
  background-color: #004731; 
  padding: 2px;
  }

  TR.headingError TD {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  font-weight: bold; 
  color: #FF0000; 
  background-color: #004731; 
  padding: 2px;
  }

  
  .subheading {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px;
  font-weight: bold;
  color: #000000; 
  background-color: #C0DFA3; 
  padding: 2px;
  }
  
  .subheading2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #C0DFA3;
  padding: 2px;
  }
  
  .alternate2 {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  text-decoration: none; 
  color: #000000; 
  background-color: #C0DFA3;
  padding: 2px;
  }
  
  .alternate1 {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  text-decoration: none; 
  color: Black; 
  background-color: #FFFFFF; 
  padding: 2px;
  }
  /*
  TD {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  text-decoration: none; 
  color: Black; 
  padding: 2px;
  }
  
  TD.whiteCell {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  text-decoration: none; 
  color: Black; 
  background-color: #FFFFFF;
  padding: 2px;
  }
  
  TD.bottomBorder {
  margin: 0px; 
  border-bottom: 3px solid black; 
  border-collapse: collapse;
  }
  
  TD.topLine {
  margin: 0px; 
  border-top: 2px solid black; 
  border-collapse: collapse;
  }
  */
  
  SELECT {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  text-decoration: none; 
  color: Black;
  }
  
  INPUT {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  text-decoration: none; 
  color: Black;
  }
  
  INPUT.btn{
   color:#FFFFFF;
   font-family: Arial,helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#004731;
  }
  
  .impact {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 14px;
  font-weight: Bold;
  text-decoration: none; 
  color: Black;
  }
  
  .smallText {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 9px;
  text-decoration: none; 
  color: Black;
  }
  
  .smallGreyText {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 9px;
  text-decoration: none; 
  color: #888888;
  }
  
  .smallWhiteText {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 9px;
  text-decoration: none; 
  color: White;
  }
  
  
  .error {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  text-decoration: none; 
  color: red;
  }
  
  .hitListHeadline {
font-family: Helvetica, sans-serif, Arial;
font-size: 20px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
padding: 10px;
}

.footnote {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: italic;
}

.footnoteLink {
}

.footer {
font-family: Verdana, Helvetica, Arial;
font-size: 10px;
font-weight: normal;
text-decoration: none;
color: #957A55;
white-space: normal;
}


.footerLink {
font-family: Verdana, Helvetica, Arial;
font-size: 10px;
font-weight: normal;
text-decoration: underline;
color: #957A55;
}

.WebBorder {
border: thin solid #000000;
}

.nav3_Link:hover {
font-family: Verdana, Helvetica, Arial;
font-size: 12px;
text-decoration: underline;
color: #2ea5af;
text-align: left;
white-space: nowrap;
display: block;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
/*border-right: thin solid #38A6AF;*/
}

.nav3_Link_on {
font-family: Verdana, Helvetica, Arial;
font-size: 12px;
text-decoration: underline;
color: #2ea5af;  
text-align: left;
white-space: nowrap;
display: block;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
/*border-right: thin solid #38A6AF;*/
}

.nav3_Link {
font-family: Verdana, Helvetica, Arial;
font-size: 12px;
text-decoration: none; 
color: #38A6AF;  
text-align: left;
white-space: nowrap;
display: block;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
margin: 0px;
border-top: none;
/*border-right: thin solid #38A6AF; */
border-bottom: none;
border-left: none;
}
/*957A55  light 
  5F4829 dark
*/
#claimNoClaim
{
	background-color: white;
	text-align: center;
	width: 255px;
	color: #000;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 10px;
}
/* ========================================= ZIP - LOOK UP STYLES ======================================== */
#zipLookupPlacement
{
	position: relative;
	width: 100%;
}
#ziplookupRow
{
	position: relative;
	width: 100%;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	text-align: center;
}
#ziplookupRowMain
{
	position: relative;
	width: 100%;
	height: 285px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#ziplookupRowHeadline
{
	position: relative;
	width: 100%;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	text-align: center;
}
#ziplookupIntroText
{
	position: relative;
	width: 100%;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}
#ziplookupHeadline
{
	position: relative;
	width: 100%;
	font-weight: normal;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}
#marketopiaLogin
{
	position: relative;
	float: left;
	width: 335px;
	height: 90%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#zipLookupForm
{
	position: relative;
	float: right;
	width: 335px;
	height: 90%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#zipOR
{
	position: absolute;
	top: 0px;
	left: 342px;
	width: 40px;
	padding-top: 100px;
}
#marketopiaLogo
{
	position: relative;
	height: 34px;
	z-index: 1;
	width: 100%;
	text-align: center;
}
#innerSleave
{
	position: relative;
	margin: -5px 0px 0px 4px;
	/*background-color: #f2e7d7;*/
	background-color: #ecf5e3;
	width: 325px;
	padding: 15px 0px 0px 0px;
	height: 90%;
	z-index: 0;
}
#upperSleave
{
	position: relative;
	z-index: 1;
}
#zipLookupClear
{
	width: 100%;
	clear: both;
	padding: 0px;
	margin: 0px;
}

#zipLookupRight
{
	float: right;
	width: 54%;
	text-align: left;
}

#zipLookupRight input{margin: 3px 0px 3px 0px;}

#zipLookupLeft
{
	width: 45%;
	text-align: right;
	float: left;
	padding-top: 5px;
}
#ziplookupError
{
	color: #F00;
	font-size: 12px;
	font-weight: bold;
	display: none;
	padding: 0px 0px 10px 0px;
}
.ziplookupErMsg
{
	color: #F00;
	font-size: 12px;
}

.zipErrorLink { color: #F00; }
a:link.zipErrorLink
{
	color: #F00;
	text-decoration: underline;
}
a:visted.zipErrorLink
{
	color: #F00;
	text-decoration: underline;
}

#ccmIDLIST
{
	color: #4C4C4C;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
}
#bottomNote
{
	text-align: left;
	font-size: 10px;
	padding-top: 15px;
}

#zipLookupHeader
{
	color: #004731;
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
#zipFlowCheck
{
	color: #191919;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin-left: 20px;
}
#flowContent{margin: 20px 0px 0px 0px;}
#zipSubmit{margin: 5px; padding: 0px;}
#zipStack
{
	text-align: left;
	margin-left: 25px;
}
/* ========================================= END ZIP - LOOK UP STYLES ===================================== */
/* ========================================= NEW RENEWAL STYLES ===================================== */
#descriptionBox
{
	width: 100%;
	text-align: left;
	padding: 10px 0 10px 0;
}
#whatsThis
{
	position: absolute;
	top: -82px;
	right: -200px;
	width: 252px;
	height: 69px;
	display: none;
}
#columnContain
{
	position: relative;
	width: 720px;
	margin: 0px auto 0px auto;
}
#leftColumn{width:350px;}
#rightColumn{width: 350px; float: right; clear: left;}
#renewalOptions{position: relative; margin: 20px 0px;}
#renewalRadio
{
	width: 25px;
	position: relative;
	text-align: right;
	float: left;
}
#renewalOptionText
{
	margin-left: 30px;
	padding-top: 3px;
	padding-bottom: 5px;
}
#securityCodeText { clip: auto; }
.lighterShade { color: #999; }
/* =================================================================== */
/*          These styles are for the Renewal Plan Detail               */
/* =================================================================== */
#renewalPlanIntroText
{
	color: #333;
	width: 90%;
	font-size: 12px;
	padding: 10px;
	margin: 0px; 
	text-align: left;
}
#renewalPlanSum
{
position: relative;
/*border: 1px solid #004731; */
margin: 0px 0px 0px 0px; 
padding: 10px 10px 10px 10px; 
width: 90%;
height: 65px;
}

#renwalPlanSumR
{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 300px;
	text-align: left;
}

#selecteds
{
position: absolute;
top: 10px;
left: 10px;
margin: 0px 0px 0px 0px; 
padding: 5px; 
width: 250px; 
/*border: 1px solid #eaeaea;*/
text-align: left;
}

#currentTitle
{
	position: absolute;
	top: 10px;
	left: 10px;
	color: #004731;
	font-size: 13px;
	font-weight: bold;
}

#rowCol
{
	position: relative;
	width: 100%;
	height: 20px;
}
#rowOne
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	font-weight: bold;
}
#rowTwo
{
	position: absolute;
	top: 0px;
	left: 155px;
}

#lapseRow
{
	position: absolute;
	width: 100%;
	bottom: 5px;
	left: 10px;
	text-align: center;
	color: #F00;
	font-size: 9px;
}

#col1
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 380px;
	padding: 2px 0 2px 0;
	/*border:1px solid black;  */
	float: left;
	background-color: #004731;
	color: #FFF;
	text-indent: 10px;
	font-family: arial, sans-serif;
	font-weight: bold;
}
#col2
{
	position: relative;
	/* Position is declared "relative" to gain control of stacking order (z-index). */
	width: auto;
	margin: 0px 102px 0px 382px;
	/*border: 1px solid black;  */
	padding: 2px 0 2px 0;
	z-index: 3;
	/* This allows the content to overlap the right menu in narrow windows in good browsers. */
	background-color: #004731;
	color: #FFF;
	font-family: arial, sans-serif;
	text-align: center;
	font-weight: bold;
}
#col3 
{
	position:relative;
	width: 100px;
	padding: 2px 0 2px 0;
	/* border:1px solid black; */
	float: right;
	z-index:2;
	background-color: #004731;
	color: #FFF;
	font-family: arial, sans-serif;
	text-align: center;
	font-weight: bold;
}
#col1a
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 380px;
	padding: 2px 0 2px 0;
	/*border:1px solid black;  */
	float: left;
	text-indent: 10px;
}
#col2a
{
	position: relative;
	/* Position is declared "relative" to gain control of stacking order (z-index). */
	width: auto;
	margin: 0px 102px 0px 382px;
	/*border: 1px solid black;  */
	padding: 2px 0 2px 0;
	z-index: 3;
	/* This allows the content to overlap the right menu in narrow windows in good browsers. */
	text-align: center;
}
#col3a
{
	position: relative;
	width: 100px;
	padding: 2px 0 2px 0;
	/* border:1px solid black; */
	float: right;
	z-index: 2;
	text-align: center;
}
#planHead
{
	position: relative;
	background-color: #232323;
	color: white;
	width: 350px;
	margin-left: 0px;
	padding: 2px 0 2px 0;
	text-indent: 10px;
	font-weight: bold;
}
#coveredHead
{
	position: absolute;
	top: 0px;
	right: 0px;
	color: white;
	width: 150px;
	margin-left: 30px;
	font-weight: bold;
	padding: 2px 0 2px 0;
}
#planFoot
{
	background-color: #000;
	color: white;
	width: 100%;
	padding: 2px 0 2px 0;
	text-align: center;
	text-transform: inherit;
	font-weight: bold;
	/*
	background-image: url(../images/renewal/footerFade.png);
	background-repeat: no-repeat;
	*/
}
#planFoot2
{
	background-color: #000;
	color: white;
	width: 100%;
	padding: 2px 0 2px 0;
	text-align: center;
	text-transform: inherit;
	display: none;
	font-weight: bold;
	/*
	background-image: url(../images/renewal/footerFade.png);
	background-repeat: no-repeat;
	*/
}
#planFoot3
{
	background-color: #000;
	color: white;
	width: 100%;
	padding: 2px 0 2px 0;
	margin: 20px 0px 20px 0px;
	text-align: center;
	text-transform: inherit;
	font-weight: bold;
	/*
	background-image: url(../images/renewal/footerFade.png);
	background-repeat: no-repeat;
	*/
}
#plan0
{
	background-color: white;
	width: 350px;
	margin-left: 0px;
	height: 22px;
}
#plan1
{
	background-color: #c1c1c1;
	width: 350px;
	margin-left: 0px;
	height: 22px;
}
#benefitSummary
{
	position: relative;
	background-color: #c1c1c1;
	width: 350px;
	margin-left: 0px;
	padding: 5px 0px 40px 0px;
}
#insideSummary
{
	position: relative;
	margin: 0px 20px 0px 20px;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	color: #4C4C4C;
	z-index: 3;
}
#insideSummary strong
{
	font-weight: bold;
	color: #000;
}
.benefitIcon
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 2;
}
#salesTips
{
	width: 320px;
	float: right;
	/*border:1px solid black;*/
}
#sub1
{
	position: relative;
	padding: 4px 0 2px 0;
	text-indent: 5px;
}
#sub1a
{
	position: absolute;
	width: 60px;
	top: 3px;
	right: 90px;
	text-align: center;
}
#sub2
{
	float: right;
	width: 20px;
	position: relative;
	right: 2px;
	top: 4px;
	bottom: 100px;
	z-index: 4;
	text-align: center;
	text-transform: inherit;
}
#sub3
{
	float: left;
	width: 40px;
	position: relative;
	left: 0px;
	top: 0px;
	bottom: 100px;
	z-index: 5;
	text-align: left;
	text-transform: inherit;
	/*border:1px solid black;*/
	padding: 0px;
	margin: 0px;
}
#sub4
{
	position: relative;
	margin: 0px 0px 0px 50px;
	padding: 4px 0 2px 0;
	text-align: left;
}
#sub4a
{
	position: absolute;
	top: 0px;
	right: 70px;
	width: 135px;
	padding: 4px 0 2px 0;
}
#sub5
{
	float: right;
	width: 75px;
	position: relative;
	right: 2px;
	top: 4px;
	bottom: 100px;
	z-index: 4;
	text-align: center;
	text-transform: inherit;
}
.surprise
{
	/*color: #C0DFA3;*/
	color: #004731;
	font-family: arial, verdana, sans-serif;
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
}
.surpriseSub
{
	color: #666;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
}
.surpriseSub2
{
	color: #666;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}
.dates
{
	color: #004731;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
}
select.QTY { font-size: 11px; }

#itemList
{
	position: relative;
	width: 100%;
	bottom: 5px;
	left: 10px;
	text-align: center;
	color: #F00;
	font-size: 13px;
}

/* =================================================================== */
/*             End styles for the Renewal Plan Detail                  */
/* =================================================================== */


/* =================================================================== */
/*             Styles for the Customer Information Form                */
/* =================================================================== */

#property
{
	background-color: #000;
	width: 352px;
	float: left;
	color: #FFF;
	text-indent: 10px;
	font-family: arial, sans-serif;
	font-weight: bold;
	margin: 0px 0px 0 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	letter-spacing: 1px;
	/*
	background-image: url(../images/renewal/footerFade.png);
	background-repeat: no-repeat;
	background-position: -30px;
	*/
}

#customer
{
	background-color: #000;
	width: 362px;
	float: right;
	color: #FFF;
	text-indent: 10px;
	font-family: arial, sans-serif;
	font-weight: bold;
	margin: 0 0px 0 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	letter-spacing: 1px;
	/*
	background-image: url(../images/renewal/footerFade.png);
	background-repeat: no-repeat;
	background-position: -345px;
	*/
}

#leftFormSpace
{
	float: left;
	width: 310px;
	margin: 5px 0px 5px 30px;
}

#rightFormSpace
{
	/* border:1px solid black; */
	float: right;
	width: 285px;
	margin: 5px 50px 5px 5px;
}

#innerFormL
{
	width: 33%;
	height: 23px;
	text-align: right;
	text-transform: inherit;
	float: left;
}
#innerFormL2
{
	width: 33%;
	height: 23px;
	text-align: right;
	text-transform: inherit;
	float: left;
	padding: 4px 0px 0px 0px;
}
#innerFormR
{
	width: 65%;
	height: 23px;
	text-align: left;
	text-transform: inherit;
	float: right;
	position: relative;
	z-index: 5;
}

.redSmalltext
{
	font-size: 10px;
	color: #800000;
}

.clearRow
{
	clear: both;
	position: relative;
}

.greySmalltext
{
	color: #B3B3B3;
	font-size: 10px;
}

/* =================================================================== */
/*             End Styles for the Customer Information Form            */
/* =================================================================== */

/* =================================================================== */
/*             Styles for the Billing Information Form                 */
/* =================================================================== */
#billLeft
{
	background-color: #000;
	width: 337px;
	float: left;
	color: #FFF;
	text-indent: 35px;
	font-family: arial, sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	letter-spacing: 1px;
	/*
	background-image: url(../images/renewal/footerFade.png);
	background-repeat: no-repeat;
	background-position: -25px;
	*/
}

#billRight
{
	background-color: #000;
	width: 337px;
	float: right;
	color: #FFF;
	text-indent: 10px;
	font-family: arial, sans-serif;
	font-weight: bold;
	margin: 0 50px 0 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	letter-spacing: 1px;
	/*
	background-image: url(../images/renewal/footerFade.png);
	background-repeat: no-repeat;
	background-position: -370px;
	*/
}
/* =================================================================== */
/*             End Styles for the Billing Information Form             */
/* =================================================================== */

/* =================================================================== */
/*             Styles for the Confirmation page                        */
/* =================================================================== */
#confHD
{
	width: 100%;
	text-align: left;
	background-color: #000;
	/*color: #C0DFA3;*/
	font-weight: bold;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: white;
	padding: 3px;
	vertical-align: middle;
	/*
	background-image: url(../images/renewal/footerFade.png);
	background-repeat: no-repeat;
	text-indent: 45px;
	*/
}
#innerLEFT
{
	width: 40%;
	text-align: left;
	text-transform: inherit;
	float: left;
	padding: 0px;
	background-color: white;
}
#innerRIGHT
{
	width: 60%;
	text-align: left;
	text-transform: inherit;
	float: right;
	position: relative;
	z-index: 5;
}
#confPlan
{
	width: 100%;
	text-align: left;
	background-color: #333;
	font-weight: bold;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #fff;
	padding: 3px;
	/* 
	border:1px solid black; */
	clear: both;
}
#confPlan2
{
	width: 100%;
	text-align: center;
	background-color: #333;
	font-weight: normal;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	color: #fff;
	padding: 3px;
	/* 
	border:1px solid black; */
	clear: both;
}
#confPlanC
{
	width: 85%;
	text-align: left;
}
#confPlanL
{
	width: 30%;
	text-align: left;
	font-weight: bold;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #005837;
	padding: 0px;
	/* 
	border:1px solid black; */
	clear: both;
}
#confPlanR
{
	width: 70%;
	text-align: left;
	font-weight: bold;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #005837;
	padding: 0px;
	/* 
	border:1px solid black; */
	clear: both;
}
#conf1
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 310px;
	padding: 2px 0 2px 0;
	/* 
	border:1px solid black; */
	float: left;
	color: #005837;
	text-indent: 0px;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
}
#conf2
{
	position: relative;
	/* Position is declared "relative" to gain control of stacking order (z-index). */
	width: auto;
	margin: 0px 92px 0px 312px;
	/*
	border: 1px solid black; */ 
	padding: 2px 0 2px 0;
	z-index: 3;
	/* This allows the content to overlap the right menu in narrow windows in good browsers. */
	color: #005837;
	font-family: arial, sans-serif;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
}
#conf3 
{
	position:relative;
	width: 90px;
	padding: 2px 0 2px 0;
	/*  
	border:1px solid black;*/
	float: right;
	z-index:2;	
	color: #005837;
	font-family: arial, sans-serif;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
}
#thanks
{
	color: #000;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	text-transform: inherit;
}
#thanks2
{
	color: #000;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	text-transform: inherit;
}
/* =================================================================== */
/*             End Styles for the Confirmation page                    */
/* =================================================================== */
/* ========================================= NEW RENEWAL STYLES ===================================== */