﻿

/* SECTION COLORS
*************************************/


#header #mainnav a.discover {
	border-bottom: 4px solid #7e99b8;
}

#content {
background: #fff;
padding:0;
margin:0;
}

/* PLAN SETS
*************************************/

#plansetcontainer 
{
   background: url(images/dog-sitting-bg.jpg) 730px bottom no-repeat; 
 }
 
 #plansetcontainer h1 
 {
     font-size: 2.15em;
     color: #333;
     text-align: center;
     padding: 65px 0 0 0;
     border: none;
     margin: 0;
 }

#plansets 
{
    padding: 25px 250px 125px 250px;
    font-size: 1.1em;
    background: url(images/cat-crawl-bg.jpg) bottom left no-repeat;
}

#plansets fieldset 
{
    background: #299bc9;
    border: 5px solid #44b0db;
    margin: 25px auto 35px auto;
    width: 300px;
    padding: 25px 40px 35px 40px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;

}

#plansets fieldset select, #plansets fieldset input 
{
    font-size: 16px;
}

#plansets fieldset h2 
{
    color: #fff;
    font-size: 18px;
    margin-bottom: 8px;
}

p.previouscusts 
{
    background: #fcfcfc;
    padding: 10px 25px;
    font-size: 12px;
    border: 1px solid #eee;
}


/* PLANS PAGE
*************************************/
#coverageheader {
height: 302px;
width:973px;
background: url(images/ASPCA-pet-insurance-head-bg.jpg) top left no-repeat;
padding:0;
margin:0;
}

#coverageheader img{
margin:190px 0 0 170px;
}

#aboutplans {
color: #6c6954;
font-size: .9em;
float:left;
padding:0;
margin:0;
background:#fff;
}

#aboutplans p.disclaimer {
    font-size: .75em;
    line-height: 1.4em;
    color: #6c6954;
    text-align:left;
    padding:9px;
}

.rightside {
float: left;
width: 160px;
background: #fff;
height: 545px;
text-align:center;
margin:0 0 0 12px;
}


.rightside h2 
{
    font-size:1.5em;
    font-weight:normal;
    color:#326892;
    background:#f1f8fb;
    border-bottom: solid 4px #c7e2f4;
    padding:10px;
}
.rightside h3
{
    font-family:Verdana;
    color:#4a3224;
    font-size:2.5em;
    font-weight:bold;
    padding:10px;
    text-shadow: 0px 2px 3px #c6c7c7;

}

.rightside li 
{   
    border-bottom: solid 4px #c7e2f4;
    background: url(images/ASPCA-pet-insurance-plans-right-bg.png) top left no-repeat;
    width:160px;
    height:100px;
    color:#5087b2;
}
.rightside p
{
    padding:0 17px 17px 10px;
    line-height:normal;
}

.lower {
float: left;
margin: 0 0 0 0;
width: 973px;
height:321px;
background: url(images/ASPCA-pet-insurance-plans-calltoaction-bg.png) top left no-repeat;
padding:20px 0 0 0;
}


.lower p span {
margin:0 0 0 200px;
color:#4e2f14;
font-style:italic;
font-weight:bold;
font-size:1.1em;
padding:0;
}

.lower img {
margin:-10px 0 0 300px;
padding:0;
float:left;
}


ul.lower1
{
    width:415px;
    margin:85px 0 0 20px;
    float:left;
}
ul.lower2
{
    width:430px;
    margin:58px 0 0 -10px;
    float:left;
}

.lower h4
{
    font-size:1.8em;
    color:#386b92;
    padding-bottom:10px;
    line-height:1.2em;
}

.bottom {
float: left;
margin: 0;
width: 973px;
height:261px;
background: url(images/ASPCA-pet-insurance-plans-lower-bg.jpg) top left no-repeat;
font-size:.9em;
line-height:1.8em;
}

.bottom h4
{
    font-size:1.5em;
    color:#3f81b5;
    padding-bottom:5px;
    line-height:1.2em;
}

.bottom ul
{
    float:left;
    margin: 80px 0 0 140px;
}

.bottom ul li
{
    float:left;
    width:150px;
    margin: 0px 0 0 20px;
}

.bottom ul li.aspcaad
{

    margin: 10px 15px 0 -70px;
    width:220px;
    text-align:center;
    line-height:1.8em;
    font-size:12px;    
}


/* COMPARISON CHART
*************************************/


table.compare
{
	width: 800px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.25em;
	border: 1px solid #fff;
	margin: -48px 0 0 1px;
    float:left;	
	
}

table.compare td.head {
	font-size: 1.1em;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	letter-spacing:3px;
	border-bottom:0;
}


table.compare tr td {	
	color: #4a4a4a;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
} 



table.compare td.accident
{
	color:#5a7628;
	font-family:Georgia;
	font-style: italic;
	font-size:.9em;

}

table.compare td.leftcol
{
	text-transform:uppercase;
	font-size: .8em;
	padding-right:10px;
	text-align: right;
	cursor: pointer;
}

table.compare td.leftcol a
{
    text-decoration: none;
    color: #2e36a0;
    border-bottom: 1px dotted #2e63a0;
}


/* HG Table
*************************************/

table#hglist td  
{
    padding: 0 60px 0 0;
    vertical-align: top;
}

table#hglist td  ul li 
{
    list-style-type: disc;
    list-style-position: outside;
    line-height: 19px;
    margin-bottom: 10px;
}

/*NEW PRODUCT*********/
/*********************/

div#npcontainer 
{
    background: #f9fdff;

}

ul#highlights 
{
    margin: 0 0 0 15px;
}


ul#highlights li
{
    width: 175px;
    float: left;
    margin: 10px 10px;
    text-align: center;
    background: #eaf5f9;
    padding: 10px;
    line-height: 21px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #d5e5ec;
    box-shadow: 2px 2px #c6e1ec;
    -moz-box-shadow: 2px 2px #c6e1ec;
    -webkit-box-shadow: 2px 2px #c6e1ec;
}

ul#highlights li strong 
{
    font-size: 22px;

    color: #126586;
    text-shadow: 1px 1px #a8ccda;
    -moz-text-shadow: 1px 1px #a8ccda;
    -webkit-text-shadow: 1px 1px #a8ccda;
    font-family: Myriad Pro, Helvetica, Arial, Sans-Serif;
    font-style: normal;
    margin-bottom: 0;
}
    


table.newproduct 
{
    clear: left;
	background: #fff url(images/np-pricing-bg2.jpg) 32px 3px repeat-y; 
	width: 100%;
	box-shadow: 0 3px 3px  #ccc;
	-moz-box-shadow: 0 3px 3px  #ccc;
	-webkit-box-shadow: 0 3px 3px #ccc;
	margin: 15px auto;
}


table.newproduct td {
	text-align: center;
	border-bottom: 1px solid #e3ecf1;
	border-right: 1px solid #e3ecf1;
	background: #f4f9fb;
	margin: 0;
	padding: 0;
}

table.newproduct td.covered {
	background: #f4f9fb url(images/checkmark.png)  center no-repeat;
}

table.newproduct td.double {
	background: #f4f9fb url(images/double-checkmark.png)  center no-repeat;
}

table.newproduct th  {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 4px 0 4px 10px;
	border-bottom: 1px solid #e3ecf1;
		border-right: 1px solid #e3ecf1;
		background: #fcfdfe;

}


table.newproduct tr.altern td {
    background-color: #fafcff;
}



table.newproduct th  a {
	color: #30678f;
	text-decoration: underline;
	cursor: hand;
	cursor: pointer;
	font-weight: bold;
	font-size: 11px;
}

table.newproduct th  p.subdescrip 
{
    font-size: 11px;
    color:#777;
}










table.newproduct td strong {
	color: #095100;
	font-size: 15px;
}

table.newproduct td strong.smaller {
	color: #095100;
	font-size: 11px;
	font-weight:normal;
}

table.newproduct td.noborder {
	border: none;
}


table.newproduct td.title {
	padding: 5px 0 0 0;
    background: #299bc9;
    border-bottom: 3px solid #208cb8;
}

table.newproduct td.small { 
	padding: 21px 0 9px 0
}




table.newproduct td.title h3 {
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
	color: #f3f7fb;
	margin: 0 0 0 0;
	text-shadow: 1px 1px 0 #19526d;
	-moz-text-shadow: 1px 1px 0 #19526d;
	-webkit-text-shadow: 1px 1px 0 #19526d;
	
	
}

table.newproduct td.small h2 {
	font-size: 17px;
	color: #666;
	margin: 0;
	text-shadow: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
}


table.newproduct td.title p {
	color: #4c3106;
	font-size: 10px;
	margin: 0;
	padding: 0 0;
	padding: 0 10px;
}




table.newproduct td.header {
	border: none;
	height: 45px;
	vertical-align: bottom;
	padding: 0 0 4px 0;
	color: #fff;
}

table.newproduct td.popular {
	color: #fff;
	padding: 7px 0 0 0;
	vertical-align: middle;
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	text-shadow: 1px 1px #0a597b;
	-moz-text-shadow: 1px 1px #0a597b;
	-webkit-text-shadow: 1px 1px #0a597b;
}

table.newproduct td.wellness {
	text-align: left;
	padding: 8px 0 15px 0;
	color: #666;
	font-size: 11px;
}

table.newproduct td.wellness  div 
{
    padding: 0 5px 0 10px;
    line-height: 17px;
}


table.newproduct .nowellness 
{
    padding-top: 8px;
    color: #bbb;
}



table.newproduct td.wellness h4 {
	background: #8bc2df;
	color: #fff;
	padding: 2px 8px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;
	font-style: italic;
	text-shadow: 1px 1px #a1bccc;
	-moz-text-shadow: 1px 1px #a1bccc;
	-webkit-text-shadow: 1px 1px #a1bccc;
	box-shadow: -1px -1px #fff;
	-moz-box-shadow: -1px -1px #fff;
	-webkit-box-shadow: -1px -1px #fff;
	
}


table.newproduct td.wellness ul {
	margin-top: 5px;
}

table.newproduct td.wellness li {
	padding: 2px 0 2px 0;
}

table.newproduct td.wellness li a {
	color: #076fa8;
}

table#wellnesschart {
    border: 1px solid #ccc;
    border-width: 1px 1px 0 0;
    margin: 20px 30px 30px 30px;
}

table#wellnesschart td
{
    border: 1px solid #ccc;
    border-width: 0 0 1px 1px;
    padding: 4px 8px;
    text-align: center;
}

table#wellnesschart td.leftcol 
{
    text-align: left;
}

table#wellnesschart td.leftcol em 
{
    color: #888;
}

table#wellnesschart td.divided 
{
    border-right: 2px solid #aaa;
}

table#wellnesschart tr.alt td 
{
    background: #f6f6f6;
}




.clear {
	clear: both;
}


.planslower {
    text-align:left;
    margin:10px 0;
    font-family:Georgia, Serif;
    background:#fbfcfd;
    float:left;
    padding:0;
    clear:both;
    width:945px;
}

.planslower h3 {
    text-align:left;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial;
    background: url(images/step2-sub-bg.gif) repeat-x top left;
    height:42px;
    font-size:1.4em;
    color:#fff;
    padding:8px 0 4px 40px;
}

.planslower ul {
    text-align:left;
    float:left;
    padding:0px 20px 20px 40px;
    width:580px;
    line-height:1.8em;
}

.planslower ul li 
{
    margin:20px 0 0 0;
}

.planslower span
{
    font-weight:bold;
}
.planslower p
{
    margin:0;
    padding:4px 0;
}

.planslowerright {
    padding:20px 10px 4px 10px;
    float:left;
    width:268px;
    text-align:center;
    line-height:1.8em;
    margin:0 0 0 15px;
}

.planslowerright h4 
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial;
    font-size:1.3em;
    color:#3b7da3;
}


#plancontent 
{
    clear: both;
    padding-top: 5px;
    padding-left: 30px;
}
