@charset "UTF-8";
/* CSS Document */

/*Colors and information

Page Width: 900px

Colors:
Purple : #616692
Dk Purple: #2A2649
Mid Purple: #4E537B

Golden/Tan : #DCD9C0
Golden/Tan Light: #EEEDE0
Golden/Tan Dark : #AAA56D

Green: #587A6D
Dk Green: #527267
Lt Green: #87A79C

Orange: #F4BD69
Dk Orange: #D69B42

*/


/*======= Body and Container Objects==========*/

body {
	background: url(../images/bknd_body.jpg) repeat-x #DCD9C0 top center;	
}
#container_1, #footer, #nav_partner {
	width: 900px;
	margin: 0px auto 0px auto;
	clear: both;
	

}
#container_home_bknd{
	height: 534px;
	background: url(../images/bknd_home_white.png) no-repeat;
}
#container_all_bknd{
	height: 534px;
	background: url(../images/bknd_all_white.png) no-repeat;
}
#content{
	float: left;
	display: inline;
	overflow:hidden;
	width: 884px;
	padding: 8px 8px;
	background: url(../images/corners_white_top.png) no-repeat;
	margin:0px;
}


/*======== Global Text Formatting ========*/
a {
	color: #616692;
	cursor:pointer;

}
a:hover {
	color: #D69B42;
	cursor:pointer;
}
a.readmore {
	font-style: italic;
	font-weight: bold;
	font-size:.9em;
}
a.readbig {
	font-style: italic;
	font-weight: bold;
	
}
.readmore {
	font-style: italic;
	font-weight: bold;
	font-size:.9em;
	color:#616692;
	text-decoration:underline;
}
.readsome {
    font-style: normal;
	font-size:.95em;
	color:#616692;
	text-decoration:underline;
}
.readmore a:hover{
	color:#D69B42;
	}
h1,h2,h3,h4,h5,h6 {
	font-family:"Trebuchet MS","Arial Narrow",Arial,sans-serif;
	color:#616692;
	margin: 6px 0px 4px 0px;
	padding: 0px;
}
h1{
	font-size: 1.5em;
	line-height: 1.3em;
	padding: 0;
	padding-bottom: 5px;
	margin:0;
	
}
h1 em {
	font-style: italic;
	color: #2A2649;
}
h2 {
	font-style:italic;
	font-size: 1.2em;
	color: #2A2649;
	line-height: 1.3em;
}
h3{
	font-size: 1.0em;
	line-height:1.3em;
	color: #2A2649;
}
h4{
	/*font-size: 0.9em;*/
}
h3.gold{
	font-size: 1.2em;
	line-height: 1.3em;
	font-style: italic;
	color: #948137;
	margin-bottom: 8px;
	margin-top: 0px;
}

h3.gold_nopadding{
	font-size: 1.0em;
	line-height: 1.3em;
	font-style: italic;
	color: #948137;
	margin-top: 0px;
	margin-bottom: 24px;/* show to Mozilla/Safari/Opera */
	_margin-bottom: 23px;/* show to IE */
	}
h3.gold em{
	color: #11175e;
	
}

#height{
height:128px;
overflow:hidden;
}

.gold_small{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #948137;
	font-weight:normal;
}

h4.gold{
	font-size: 0.9em;
	line-height: 1.3em;
	color: #948137;
	margin-bottom: 8px;
	margin-top: 0px;
}

.box{/* for h tags in container elements*/
	font-size: 0.9em;
	padding-left:10px;
}

h4.green{
	color:#587A6D;
}
h4.small{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight:normal;
}
h5,h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	color: #000;
	margin-bottom: 2px;
}
.small{
   line-height:110%;
	font-size: 0.8em;
	
}
.intro_text{
  color:#11175e;
  font-size:.9em;
  font-style:italic;

 
}

.red{
color:#990000;
}
.indent_text p{
padding-left:40px;
}
.indent_textmore p{
padding-left:80px;
}
p, #content li, #home_content li{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 0.75em;
	line-height: 1.5em;
}

#content ul, #content ul li  {
	list-style-position: outside;
	list-style-type: disc;
	margin: 0px 0px 4px 0px;
    
}
#content .checklist{
   /*border:1px solid red;*/
}
#content .checklist ul 
{
	margin-left: 68px;
    padding-left: 0;
	font-size:1.13em;

}
#content .checklist ul li
{   
	background-image: url(../images/check.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 3px 0 10px 30px;
	list-style: none outside none; !important
   
}
div.main ul{
padding-left:15px;
}

div.widemain ul{
padding:0px 15px 0px 25px;
}

div.main ol{
padding-left:15px;
}

div.widemain ol{
padding:0px 15px 0px 35px;
}
/* Use this style on images you want to float to the left within text*/
.image_left{
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
	
}
.left_image{
	float: left;
	margin-right: 6px;
	margin-bottom: 0px;
	
}

.right_image{
	float: right;
	margin-right: 6px;
	margin-bottom: 0px;
	
}
.image_margin_top{/* Use this style on images you want to float to the left within text and add top margin-used for TM's*/
	margin-top: 6px;
	clear:right;	
	
}
.image_margin_bottom{
	margin-top: 6px;
	margin-bottom: 6px;
		
	
}

.image_margin_top_more{/* Use this style on images you want to float to the left within text and add top margin-used for TM's*/
	margin-top: 16px;
	clear:right;	
	
}
/*Use this style on objects you want to float but have no margins*/
.float_left {
	float: left;
}
.float_right {
	float: right;
}

a.arrow_link {
	display:block;
	padding: 6px 0px;
	background:url(../images/arrow_orange.png) no-repeat right center;
	margin-right: 10px;
	text-decoration:none;
}
a.arrow_link_rule {
	display:block;
	padding: 6px 0px;
	background:url(../images/arrow_orange.png) no-repeat right center;
	margin-right: 10px;
	border-top: 1px solid #E1DFC9;
	text-decoration:none;
}





/*====== TOP BAR ==========*/

#top {
	width: 100%;
	height: 98px;
}
#logo{
	position:absolute; 
	display: inline; 
	width: 260px;
	height: 98px;
	margin: 0px;
}
#atco { /*All Taken Care Of*/
	height: 60px;
	width: 70px;
	left:814px;
	top: 50px;
	position:relative;
	z-index: 2;
}
#atco a{
	height: 60px;
	width: 70px;
	display: block;
	text-indent:-5000px;
	background: url(../images/atco_button.png) no-repeat;
	background-position: 0px -60px;
}
#atco a:hover{
	background-position: 0px -0px;
}
div.true_tail > h3 {
line-height:105%;
	}
div.true_tail > h3 > em{
	font-size:.7em;
	font-style:italic;
	color:#616692;
	}

/*====== Navigation - Utility - In top bar ==========*/

#nav_util {
	height: 30px;
	float: right;
}
#nav_util ul {
	list-style:none;
	margin-top: 10px;
}
#nav_util li {
	float: left;
	margin-right: 10px;
	font-size: .8em;
}
#nav_util li.search{
	margin-right: 3px;
	padding-right:0px;
}
#nav_util li.first {
}
#nav_util a {
	text-decoration:none;
	color:#616692;
}
#nav_util a:hover {
	text-decoration:underline;
	color:#D69B42;
}
#nav_util a.active {
}
#search label {	
}
#search input {
	float: left;
}
#search input.text {
	width: 120px;
	color: #999999;
	font-size: 11px;
}
#seach input.arrow {
	height: 19px;
	width: 19px;
}


/*====== Navigation - Main 

Button graphic Height: 55px
Padding on top and bottom making height: 45px;
White border: 6px all the way around
Total height of block: 67px

==========*/

#nav_main {
	width: 100%;
	height: 70px;
	float: left;
	position:relative;
}

#nav_main ul {
	margin: 8px 8px;
	
}
#nav_main li {
	float: left;
	
}
#nav_main a {
	font-family:"Trebuchet MS","Arial Narrow",Arial,sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
	display:block;
	height: 43px;
	padding: 7px 10px 5px 20px;
	text-decoration:none;
	overflow:hidden;
	background: url(../images/nav_main_bknd.png) no-repeat 0 0;
}
#nav_main span.nav_main_desc {
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #DCD9C0;
}
/*Petsecure Plans*/
a#nav_main_1 { 
	width: 251px;
	border-right: 1px solid #535880;
	background-position: 0px 0px;
}
a#nav_main_1.active{
	background-position: 0px -110px;
}
a#nav_main_1:hover{
	background-position: 0px -55px;
}
/*Pet Insurance Basics*/
a#nav_main_2 {
	width: 329px;
	border-right: 1px solid #535880;
	border-left: 1px solid #8389AC;
	background-position: -253px 0px
}
a#nav_main_2:hover{
	background-position: -253px -55px
}
a#nav_main_2.active{
	background-position: -253px -110px;
}
/*Members*/
a#nav_main_3 {
	width: 210px;
	border-left: 1px solid #8389AC;
	background-position: -648px 0px
}
a#nav_main_3:hover{
	background-position: -648px -55px
}
a#nav_main_3.active{
	background-position: -648px -110px;
}


/*====== Navigation - Sub ==========*/

#nav_sub {
	width: 900px;
	float: left;
	display:inline;
	background:url(../images/nav_sub_bknd_top.png) top no-repeat;
	padding-top: 12px;
	overflow:auto;
}
#nav_sub ul {
	float: left;
	width: 900px;
	overflow: auto;
	padding-bottom: 12px;
	background: url(../images/nav_sub_bknd_bottom.png) bottom left no-repeat;
}
#nav_sub li {
	float: left;
	display: inline;
	font-size: .8em;
	border-right: 1px solid #F3F3EC;
	border-left: 1px solid #AAA56D;
	padding: 0px 14px;
}
#nav_sub a {
	text-decoration: none;
	color: #616692;
}
#nav_sub a:hover {
	color: #2A2649;
}
#nav_sub a.active {
	color: #2A2649;
	font-weight: bold;
	padding-left: 15px;
	background:url(../images/nav_sub_arrow.png) left center no-repeat;
}
/* First and Last classes remove borders and margin spacing
Must be used on the first and last list item */
#nav_sub li.first {
	border-left: none;
	margin-left: 12px;
}
#nav_sub li.last {
	border-right: none;
}

/*=== You Are Here Link Setup - Use this for naming convension ====*/
body#plan_ov a#plan_ov_link,
body#plan_dog a#plan_dog_link,
body#plan_cat a#plan_cat_link,
body#plan_secure a#plan_secure_link,
body#plan_tt a#plan_tt_link,
body#plan_petset a#plan_petset_link,
body#plan_news a#plan_news_link,
body#phi_ov a#phi_ov_link,
body#phi_how a#phi_how_link,
body#phi_vet a#phi_vet_link,
body#phi_news a#phi_news_link,
body#phi_faq a#phi_faq_link,
body#mem_ov a#mem_ov_link,
body#mem_cc a#mem_cc_link,
body#mem_pedia a#mem_pedia_link,
body#mem_ecard a#mem_ecard_link,
body#mem_refur a#mem_refur_link,
body#mem_submit a#mem_submit_link,
body#mem_news a#mem_news_link{
	color: #2A2649;
	font-weight: bold;
	padding-left: 15px;
	background:url(../images/nav_sub_arrow.png) left center no-repeat;
}

body#plan_ov #plan,
body#plan_dog #plan,
body#plan_petset #plan,
body#plan_cat #plan,
body#plan_secure #plan,
body#plan_tt #plan,
body#plan_news #plan {
	height: 10px;
	width: 13px;
	background:url(../images/triangle.png) left center no-repeat;
	top: 60px;
	left: 150px;
	position: absolute;
}
body#phi_ov #basics,
body#phi_how #basics,
body#phi_vet #basics,
body#phi_news #basics,
body#phi_faq #basics {

	height: 10px;
	width: 13px;
	background:url(../images/triangle.png) left center no-repeat;
	top: 60px;
	left: 460px;
	position: absolute;
}
body#mem_ov #members,
body#mem_cc #members,
body#mem_pedia #members,
body#mem_ecard #members,
body#mem_refur #members,
body#mem_submit #members,
body#mem_news #members{
height: 10px;
	width: 13px;
	background:url(../images/triangle.png) left center no-repeat;
	top: 60px;
	left: 750px;
	position: absolute;
}
/*---Hack for IE6---*/
*html #nav_sub ul {
	background: none;
}
*html #nav_sub {
	background:url(../images/nav_sub_bknd_ie6.png) top no-repeat;
	height: 35px;
}
/*---Hack for IE6---*/



/*====== Navigation - Partners ==========*/

#nav_partner {
	float: left;
	display: inline;
	height: 62px;
	margin: 0px;
	padding-top: 27px;
	background:url(../images/nav_partner_bknd.png) no-repeat;
}
#home #nav_partner { /*home page uses different bottom graphic due to purple "top claims" box*/
	background:url(../images/nav_partner_bknd_home.png) no-repeat;
}
#nav_partner ul {
	margin-left: 210px;
}
#nav_partner li {
	height: 35px;
	float: left;
	display:inline;
	border-right: 1px solid #535880;
	border-left: 1px solid #8389AC;
}
#nav_partner li.first {
	border-left: none;
}
#nav_partner a {
	height: 26px;
	display: block;
	float: left;
	padding: 9px 15px 0px 15px;
	color: #fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size: .8em;
}
#nav_partner a:hover {
	background:url(../images/nav_partner_bknd_over.png) repeat-x;
}
#nav_partner a.active {
	/*no active state given as I'm not sure where this leads*/
}



/*====== Navigation - Footer ==========*/

#footer {
	background:#fff;
	overflow:auto;
	padding-bottom: 20px;
	background:url(../images/corners_white_bottom.png) no-repeat bottom;
}
#footer_1, #footer_2, #footer_3, #footer_4 {
	float: left;
	display:inline;
	width: 415px;
	color: #999999;
	line-height: 130%;
}

#footer a{
	color: #999999;
	border:none;

}
#footer_2 img {
	border:none;
	padding-bottom:10px;
}
#footer a:hover{
	color:#666666;
}
#footer p{
	clear: both;
	font-size: .7em;
}


/* Footer block of info on the left*/
#footer_1 {
	margin-left: 25px;
}
#footer_1 ul {
	list-style: none;
}
#footer_1 li{
font-size: .7em;
	float: left;
	display: inline;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #ccc;
	margin-bottom: 15px;
}

#footer_3 li{
font-size: .7em;
	float: left;
	display: inline;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #ccc;
	margin:0px 0px 15px 10px;
}
#footer_1 li.first {
	padding-left: 0px;
}
.francais {
	float: left;
	border: none;
	background:url(../images/flag_cdn.png) no-repeat left center;
	padding:0px 13px 0px 25px;
}
#footer_4 li.facebook {
	border: none;
	background:url(../images/facebook.png) no-repeat left center;
	padding-left: 25px;
}
#footer_4 li.twitter {
	border: none;
	background:url(../images/twitter.png) no-repeat left center;
	padding-left: 25px;
}

#footer_4 li.blog {
	border: none;
	background:url(../images/blog.png) no-repeat left center;
	padding-left: 25px;
}

#footer_4 li.youtube {
	border: none;
	background:url(../images/youtube.png) no-repeat left center;
	padding-left: 25px;

}
#footer_4 li.delicious {
	border: none;
	background:url(../images/delicious.png) no-repeat left center;
	padding-left: 25px
	}

p.vpi_link {
	background:url(../images/flag_us.png) no-repeat left center;
	padding-left: 25px;
	margin: 10px 0px;
}

/* Footer block of info on the left*/

#footer_2 {
	margin: 0px 25px -10px 0px;
	    width:425px;

}
#footer_2 a{
font-size:.7em;
}
#footer_2 ul {
}
#footer_2 li{
	float: left;
	display: inline;
	padding-left: 5px;

}

#footer_4 {
margin: -70px 25px 0px 455px;


}
#footer_4 p, #footer_4 a {
color: #999999;
font-size: .7em;


}
#footer_4 li{
float: left;
display: inline;
padding: 0px 5px 0px 5px;

}



/*====== Buttons - Universal variations ==========*/


a.button { /*global button style applied to all buttons*/
	display:block;
	float: left;
	display: inline;
	padding: 0px;
	margin-right: 10px;
	height: 42px;
	text-decoration:none;
	text-indent: -5000px;
	background-position: 0px 0px;
}

a.quote_230, 
a.choose_230,
a.help_230 {
	width: 230px;	
}
a.quote_305,
a.choose_305 {
	width: 305px;
	margin-right: 0px!important;
	margin-bottom: 8px;
	}
a.quote_259,
a.choose_259 {
	width: 255px;
	margin-right: 0px!important;
	margin-bottom: 8px;
}
a.quote_230 {
	background:url(../images/button_230_quote.png) no-repeat;	
	}
a.quote_259 {
	background:url(../images/button_259_quote.png) no-repeat;	}
a.quote_305 {
	background:url(../images/button_305_quote.png) no-repeat;	
}
a.choose_230 {
	background:url(../images/button_230_choose.png) no-repeat;
	}
a.choose_259 {
	background:url(../images/button_259_choose.png) no-repeat;
}
a.choose_305 {
	background:url(../images/button_305_choose.png) no-repeat;
}
a.phone_230 {
	width: 230px;
	background:url(../images/button_230_phone.png) no-repeat;
	margin-right: 0px;
	
}
a.help_230 {
	background:url(../images/button_230_help.png) no-repeat;
}
a.help_160{
	width: 160px;
	background:url(../images/button_160_help.png) no-repeat;
}
a.quote_259:hover, 
a.choose_259:hover,
a.quote_230:hover, 
a.choose_230:hover,
a.help_230:hover,
a.quote_305:hover, 
a.choose_305:hover,
a.help_160:hover {
	background-position: 0px -42px;
}



/*====== NEWS LISTINGS ==========*/

#home_content div.article_list ul,
#content div.article_list ul {
	list-style:none;
}
#home_content div.article_list li,
#content div.article_list li {
	margin: 0px;
	padding: 6px 0px;
	border-top: 1px solid #E1DFC9;
	list-style:none;
}


/*====== GENERAL LIST CSS ==========*/

.bullet-02
{
  float: left;
  padding-left: 18px;
  padding-right: 3px;
  font-size: 0.9em;
  line-height: 15px;
  background-image: url(../images/email.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0pt 50%;

}
/*====== secondary banner ==========*/
#rotator
{
	cursor: pointer;
	overflow: hidden;
	position: relative;
	width:580px;
	height: 274px;
}

#rotator img
{
	border: 0;
	cursor: pointer;
	width:580px;
	height: 274px;
}