﻿#wrapper {
	margin: 0 auto;
	width: 975px;
	padding: 0 0;
}

/* LEFT NAV HEADER COLOR
*************************************/



#header #mainnav a.learn {
	border-bottom: 4px solid #8eaa93;
}




/* SECTION PAGE
*************************************/


#learnheader 
{
    height: 302px;
    background: url(images/learn-head-bg.jpg) top left no-repeat;
}

#learn 
{
    padding: 15px 0 15px 15px;
    color: #6c6954;
    font-size: .9em;
    width:700px;
    background:#fff;
}

#learn .onethird 
{
    float: left;
    margin: 20px 10px 20px 20px;
    width: 310px;
    background: #fff;
}

#learn h4 
{
    color: #fff5d9;
    background: #1e0a02;
    padding: 5px 8px;
    text-transform:uppercase;
}

#learn h5
{
    color:#4982a9;
    text-transform:uppercase;
    background:none;
    border:none;
    margin:0;
    font-size:1.2em;
}

#learn img 
{
    float: left;
}

#learn .onethird ul.articles 
{
   float:left;
   padding: 0;
   background: #f1f7fc;
}

#learn .onethird ul.articles li 
{
    padding: 15px;
    border-bottom:solid 1px #fff;
    background:url(images/history-p-bg.png)top left no-repeat;
}

#learn .onethird ul.articles li img 
{
    margin: 2px 10px 0 0;
}



#learn .onethird ul.articles li p 
{
    margin: 0;
    padding:0 20px 10px 20px;
}



#learn .onethird ul.history li img 
{
    margin:15px;
}

#learn .onethird ul.history li p 
{
    margin:0;
    padding:10px 20px 14px 20px;
    background: url(images/history-p-bg.png)top left no-repeat;
}

.date
{
    background: url(images/history-bg.png) top left no-repeat;
    width:187px;
    height:27px;
    margin:10px 0 0 -6px;
    padding:0 0 0 20px;
    font-size:1.5em;
}   

#learn .onethird ul.history li a
{
    text-transform:uppercase;
    text-align:center;
    background:#e5eef4;
    display: block;
    line-height:28px;
    letter-spacing:1px;
}

/****** All Blocks ******/ 

ul#navBlocks 
{    
     float:left;    
     width:680px;    
     margin: -45px 0 0 20px;    
     color:#fff5d9;    
     background: url(images/learn-body-bg.png) bottom right no-repeat; 
} 

ul#navBlocks li  
{    
     float: left;    
     width: 310px;    
     height: 310px; 
} 

ul#navBlocks li a 
{    
     display: block;    
     height: 310px;    
     text-decoration: none; 
} 

ul#navBlocks li a img 
{    
    margin: 12px; 
} 

ul#navBlocks li a h3 
{    
     color:#fff5d9;    
     text-transform:uppercase;    
     margin:10px 0 0 12px;    
     font-size:1.5em;    
     text-decoration:underline; 
} 

ul#navBlocks li a p 
{    
     color:#fff5d9;    
     margin:4px 12px 10px 12px;    
     line-height:18px;    
     width:240px; 
} 

ul#navBlocks li a .arrow 
{    
     float:right;    
     margin:-30px 20px 0 0px;    
     padding:0; 
} 

/****** Block 1 ******/ 

ul#navBlocks .block1 
{    
    margin:0 30px 0 0; 
} 

ul#navBlocks .block1 a 
{    
    background:#5e841c; 
 } 

ul#navBlocks .block1 a:hover 
{    
    background:#486516; 
} 

/****** Block 2 ******/ 

ul#navBlocks .block2 
{  
    /*empty*/   
} 

ul#navBlocks .block2 a 
{    
    background:#b87421; 
} 

ul#navBlocks .block2 a:hover 
{    
    background:#8d5919; 
} 

/****** Block 3 ******/ 

ul#navBlocks .block3 
{     
    margin:30px 30px 20px 0; 
} 

ul#navBlocks .block3 a 
{    
    background:#845f1e; 
} 

ul#navBlocks .block3 a:hover 
{    
    background:#654917; 
} 

/****** Block 4 ******/ 

ul#navBlocks .block4 
{    margin:30px 0 20px 0; 
} 

ul#navBlocks .block4 a 
{    background:#e15a44; 
} 

ul#navBlocks .block4 a:hover 
{    background:#ad4534; 
}





/*Pet Insurance Glossary
***************************************/

#alphanav 
{
    font-size: .8em;
    padding: .5em 0 .75em 0;
    margin: 0 0 15px 0;
    color: #919191;
    text-align: center;
    border: 1px solid #f2f2f2;
    background: #f8f8f8;
}

#alphanav a 
{
    font-weight: bold;
}

dl dt 
{
    font-weight: bold;
    font-family: Georgia;
    font-size: 1.1em;
}

dl dt.letter 
{
    background: #e0e0e0;
    color: #fff;
    padding: 2px 4px;
    font-weight: normal;
    margin: 0 0 8px 0;
}

dl dd 
{
        border-bottom: 1px dotted #dddbd6;
    padding: 0 0 1.25em 0;
    margin: 0 0 1.25em 0;
}

dl dd.seperate 
{
    border: none;
}

dl dd a.top 
{
    color: #bdbdbd;
    font-weight: bold;
    display: inline-block;
    padding-left: 15px;
    background: url(images/top-icon.png) 0 5px no-repeat;
}

dl dd a.top:hover 
{
    color: #ff6600;
    background: url(images/top-icon-on.png) 0 5px no-repeat;
}



div.fact 
{
    margin: 0 25px 3em 25px;
}

div.fact h2 {
font-size: 1.4em;
font-weight: normal;
line-height: 1.55em;
}

div.fact h2 em {
font-style: normal;
font-weight: normal;
}

div.fact h4 em {
color: #ff860e;
}

p.cite 
{
    border-bottom: 1px dotted #dddbd6;
    padding: 0 0 .75em 0;
    font-size: .8em;
    text-transform: uppercase;
    margin: 0 0 .5em 0;
}

/* History of Pet Insurance
*************************************/
#history {
margin: 15px 0;
padding: 15px 20px;
border-top: 3px solid #eee;
}

#history li {
margin: 0 0 5px 0;
border-bottom: 1px solid #ddd;
padding: 0 0 10px 0;
}

#history li p {
margin: 0 0 5px 0;
}



#history label {
font-weight: bold;
color: #333;
display: block;

}

/* HOW TO USE OUR PLANS PAGE
*************************************/

ol.howitworks
{
    height: 245px;
    background: url(images/how-it-works-bg.png) top left no-repeat;
}

ol.howitworks li
{
    float: left;
    margin: 0 15px 0 0;
    width: 210px;
    padding: 25px 0 0 0;
    text-align: center;
    list-style: none;
    font-size: .9em;
}

ol.howitworks li.middle
{
    width: 205px;
    padding: 25px 10px 0 10px;
}

ol.howitworks li.last
{
    margin: 0;
}

ol.howitworks li h3
{
    color: #386ead;
    border-bottom: 0;
    font-size: 1.25em; 
    font-weight: bold;
    margin: 0 0 105px 0;
}

ol.howitworks li p 
{
    font-size: .9em;
    line-height: 1.35em;
}

/* SAMPLE PLANS PAGE
***************************************/

ul#samples {
    border-top: 1px dotted #dddbd6;
    margin: 0 0 15px 0;
}

#samples li h3 {
    font-size: 1.45em;
    color: #2e63a0;
}

#samples li a{
    display: block;
    border-bottom: 1px dotted #dddbd6;
    padding: 10px 0;
    text-decoration: none;
    color: #565656;
}

#samples li a:hover {
    background: #f4f4f4;
}

#samples li a p 
{
    margin: 0;
}

#samples li a img {
    float: left;
    margin: 0 10px 0 0;
}


/* FAQ's
********************************/

.questions h3
{
    font-weight: bold;
    font-size: 1em;
    color: #3e3e3e;
}

.questions p 
{
    margin: 0 0 1.5em 0;
    line-height: 1.5em;
    color: #5b5b5b;
}

/* CONTINUING CARE OPTION
*************************************/

#planheader ul.contcarebullets 
{
    list-style: disc;
    margin: 0 0 0 1em;
}

#contcareinfo
{
    padding: 15px 35px;
}

#contcareinfo ul
{
    margin: 0 0 2em 1em;
}

table.contcaretable
{
	width: 100%;
	background:  url(images/blue-diag-20-bg.png);
	margin: 0 0 20px 0;
	border-collapse:collapse; 
	font-size: 12px;
	line-height: 1.25em;
	border: 2px solid #e1ebf5;
	border-width: 2px 0;
	
}

table.contcaretable th {
	border-top: none;
	border-bottom: none;
	border-left:2px solid #fff;
	padding: 0 2px 0 2px;
	font-size: 1.1em;
	font-family: Georgia;
	font-weight: normal;
	color: #474747;
    text-align: center;
    border-bottom: 2px solid #fff;
}


table.contcaretable tr td {
	color: #4a4a4a;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	padding: .8em 5px;
	text-align: center;

}


table.contcaretable td.leftcol 
{
    text-align: right;
    padding-right: 15px;
}

/* COMPARISON CHART
*************************************/


table.head td 
{
	padding: 5px;
	font-size: .8em;
}

table.compare
{
	width: 100%;
	background:  url(images/blue-diag-20-bg.png);
	margin: 0 auto 20px 0;
	border-collapse:collapse; 
	font-size: 12px;
	line-height: 1.25em;
	border-bottom: 2px solid #e1ebf5;
	
}

table.compare th {
	border-top: none;
	border-bottom: none;
	border-left:2px solid #fff;
	padding: 10px 2px 0 2px;
	font-size: 1.5em;
	font-family: Georgia;
	font-weight: normal;
	color: #474747;
	background: url(images/table-cell-bg.gif) top left no-repeat;
}


table.compare tr td {
	color: #4a4a4a;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	padding: .3em 5px;
}

table.compare tr.price  td
{
    padding: 5px 5px 8px 5px;
    color: #8b8b8b;
}


table.compare .rec 
{
  	background:  url(images/blue-diag-20-bg.png);
}  

table.compare tr.odd td 
{
	background: url(images/table-cell-bg.gif) top left no-repeat;
}

table.compare tr.thick td {
	border-top: 2px solid #e1ebf5;
}

table.compare td.leftcol 
{
    text-align: right;
}

table.compare td.leftcol a 
{
    text-decoration: none;
    border-bottom: 1px dotted #acacac;
    font-weight: bold;
}

table.compare  sup 
{
	font-size: 7px;
}


table.compare td.finalcell 
{
	background: url(images/lower-table-bg.jpg) bottom left no-repeat;
	height: 120px;
	vertical-align: middle;
}

td.finalcell h1 
{
	font-size: 1.25em;
	margin: 8px 80px 0 110px;
	line-height: 1.45em;
}

td.finalcell a 
{
	color: #ff6600;
}