@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

*/

#content div.main,
#content div.right,
#content div.widemain{
	float: left;
	display: inline;
}
#content div.main { 
	width: 556px;
	margin: 5px 0px 0px 9px;
	/*border:1px solid red;	*/
}
#content div.right {
	width: 305px;
	margin: 5px 0px 0px 9px;
}
#content div.widemain{
	width: 862px;
	padding:10px;
}

div.rule {
	float: left;
	display:inline;
	width: 99%;
	padding-top: 5px;
	padding-bottom: 10px;
	border-top: 1px solid #E1DFC9;
	height: 1px;
}

div.rule_more {
	float: left;
	display:inline;
	width: 99%;
	margin-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #E1DFC9;
	height: 1px;
}
.rule_more {
	float: left;
	display:inline;
	width: 848px;
	border-top: 1px solid #E1DFC9;
	height: 1px;
	padding:5px;
}
.rule_right {
	border-right: 1px solid #E1DFC9;
}
.rule_left {
	border-left: 1px solid #E1DFC9;
}

div.ruleshort {
	float: left;
	display:inline;
	width: 89%;
	padding-bottom: 10px;
	border-top: 1px solid #E1DFC9;
	height: 1px;
}
/*========= Grid Setup for etails ============*/

.etail_grid_1,.etail_grid_2{
	float: left;
	display:inline;
	overflow:hidden;
}

.etail_grid_1{
	width:188px;
	margin-right: 8px;
	font-size:.9em;
}
.etail_grid_1 p{
	padding:0px 10px 0px 12px;
	font-size:.8em;
}


.pbox_etail_corners p{
    margin-top:0px;
	padding:0px 11px 0px 13px;
	font-size:.8em;
}

 .pbox_etail_corners table td{
    font-size:.8em;
	border:1px dashed #b8bde2;
	padding:2px;
}


 .pbox_etail_corners table {
    margin-left: auto;
    margin-right: auto;
	border:1px solid #b8bde2;
	width:90%;
}
.read{
	font-size:.7em;
	font-style:italic;
	
}
.readup{
	font-size:.7em;
	font-style:italic;
	padding-left:13px;
}
.bbox_etail_corners h4,.pbox_etail_corners h4{
	margin-top:0px;
	padding-left:13px;
	font-size:.8em;
}

.etail_grid_2{
	width: 665px;
	/*border:1px solid blue;*/
}

.pbox_etail_corners img {
	float: right;
	margin: 0px 6px 6px 6px;
	border:0px;
}

.bbox_etail_corners img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	padding:5px 0px 5px 0px;
	border:0px;
}
.pbox_etail { /*purple Box*/
	background:url(../images/p_etails_top.png) no-repeat top;
}
.pbox_etail_corners{
	width: 665px;
	padding: 10px 0px 5px 0px;
	background:url(../images/p_etails_bottom.png) no-repeat bottom;
	min-height:153px;
}

.bbox_etail { /*beige Box*/
	background:url(../images/b_etails_top.png) no-repeat top;
}
.bbox_etail_corners{
	width: 188px;
	padding: 10px 0px 5px 0px;
	background:url(../images/b_etails_bottom.png) no-repeat bottom;
    min-height:153px;
}
#content .bbox_etail_corners li{
line-height:1.2em;
display:block;
list-style-type: none;
}
.smallrule {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
	border-bottom: 1px dashed #c8c496;
	height: 1px;
	padding:5px 0px 5px 0px;
}
.bluerule {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
	border-bottom: 1px dashed #cfd1dd;
	height: 1px;
	padding:5px 0px 5px 0px;
}
/*========= Grid Setup for Multi Column Content column 1 ============*/

.grid_1,.grid_2,.grid_3,.grid_4{
	float: left;
	display:inline;
	margin-right: 8px;
	margin-left: 8px;
	overflow:auto;
	padding-bottom: 6px;
}

.grid_1{
	width:122px;
}
.grid_2{
	width: 260px;
}
.grid_3{
	width: 398px;
}
.grid_4{
	width: 540px;
}

/* Allows for banner style elements to have rounded corners bleed into left margin*/
.grid_4_wide {
	margin-left:0px;
	width: 548px;
}

div.true_tail img {
	float: left;
	margin: 0px 6px 6px 0px;
}
div.true_tail .tt {
	font-weight: normal;
	font-style: italic;
	font-size: .7em;
}
/*====True Tails CSS=====*/

.tail_grid_1{
	display:inline;
	overflow:hidden;
}
.tail_grid_1,.tail_grid_2,.tail_grid_3{
	float: left;
	display:inline;
	overflow:hidden;
}
.tail_grid_1{
   width:858px;
}
.tail_grid_1 ul li a{
   font-size:1em;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
}

.tail_grid_1 ul li ul li a{
   font-size:1.2em;
   font-weight:normal;

}
.tail_grid_2{
	width:426px;
	background:#ffffff;
	margin:5px 0px 0px 0px;
	height:91px;
	display:hidden;
	background:url(../images/tail_bg.jpg) no-repeat center;
}
.tail_grid_3{
	width:426px;
	background:#ffffff;
	background:url(../images/tail_bg.jpg) no-repeat center;
	height:91px;
	display:hidden;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}
.nobg{
background-image:none;
height:91px;
}
/*=== Dog and Cat Buttons ===*/

.plan_buttons {
	border-top: 1px solid #E1DFC9;
	border-bottom: 1px solid #E1DFC9;
	overflow:hidden;
	margin-bottom: 6px;
}

a.button_dog, a.button_cat {
	display: block;
	width: 269px;
	height: 60px;
	text-indent: -5000px;
	float: left;
	display: inline;
	
}
a.button_dog {
	background: url(../images/button_dog_ins.png) no-repeat 10px 0px;
	border-right: 1px solid #E1DFC9;
}
a.button_cat {
	background: url(../images/button_cat_ins.png) no-repeat 10px 0px;
}
a.button_dog:hover, a.button_cat:hover {
	background-position: 10px -60px;
}



/*=========== COLUMN 2 ELEMENTS for RIGHT Content AREA ============*/

/*WRAP ALL RIGHT SIDE BLOCKS IN AN ELEMENT TAG*/
.element {
	margin-bottom: 12px;
	width: 305px;
	float: left;
}

/*==== COLOURED BLOCKS AND BACKGROUNDS======*/
.gbox { /*Green Box*/
	background:url(../images/element_gbox_top.png) no-repeat top;
}
.gbox_corners{
	width: 275px;
	padding: 10px 15px 5px 15px;
	background:url(../images/element_gbox_bottom.png) no-repeat bottom;
}
.pbox {/*purple box*/
	background:url(../images/element_pbox_top.png) no-repeat top;
}
.pbox_corners{
	width: 275px;
	padding: 10px 15px 5px 15px;
	background:url(../images/element_pbox_bottom.png) no-repeat bottom;
}
.bbox {/*beige gold box*/
	background:#DCD9C0 url(../images/element_bbox_top.png) no-repeat top;
}
.bbox_corners{
	width: 275px;
	padding: 10px 15px 5px 15px;
	background:url(../images/element_bbox_bottom.png) no-repeat bottom;
}

.linebox {/*purple line*/
	background: url(../images/linetop.png) no-repeat top;
	overflow:hidden;
}
.linetop {/*purple line*/
	background: url(../images/linetop2.png) no-repeat top;
	overflow:hidden;
}
.linebox p, .linebox h4{/*purple line*/
	padding: 0px 4px 4px 6px;	
}
.linebox_corners{
	width: 533px;
	padding: 4px 0px 15px 7px;
	background:url(../images/line_bottom.png) no-repeat bottom;
	

}
.olbox {/*purple outline box*/
	background:url(../images/element_olbox_top.png) no-repeat top;
}
.olbox_corners{
	width: 275px;
	padding: 10px 15px 5px 15px;
	background:url(../images/element_olbox_bottom.png) no-repeat bottom;
}
.big_olbox {/*purple outline box*/
	background:url(../images/big_olbox_top.png) no-repeat top;

}
.big_olbox_corners{/*big purple outline box*/
	width: 544px;
	padding: 10px 0px 35px 4px;
	background:url(../images/big_olbox_bottom.png) no-repeat bottom;
}
.big_olbox_corners p{/*big purple outline box*/
		padding: 10px 0px 0px 10px;	
}
.big_olbox_corners ul li{/*big purple outline box*/
		padding: 0px 0px 0px 10px;	
		
}
.gbox h3, .gbox p, .gbox a,
.pbox h3, .pbox p, .pbox a{
	color: #FFF!important;
}

.pbox_corners h5{
	color:#fff;
}
/*=== Dedectibles table and background colors===*/
.deductiblechart td{
font-size:.8em;
padding-left:10px;
height:25px;
}
.deductible1{
background-color:#eeede0;
}
.deductible2{
background-color:#f7f6e8;
}


/*=== Top Claims Chart ===*/

ul.dog_claim {
	clear:both;
	padding: 4px 6px;
	background:#FFF;
	margin-bottom: 0px!important;
	overflow:hidden;
	padding-left:35px;
	background: url(../images/small_dog.png) no-repeat left;
}

ul.shade {
	background-color:#EEEDE0;
	
}
.shade {
	background-color:#EEEDE0;
	
}

 ul.dog_claim li{
	float: left;
	display: inline;
	margin: 0px;
	padding:0px;
	line-height: 1.0em!important;
	font-size: .8em!important;
	color: #333;
	

}
 ul.dog_claim li.claim_name{
	font-weight:bold;
	padding-right: 30px;
}
 ul.dog_claim li.claim_amount{
	float: right;
	font-weight:bold;
}
 ul.dog_claim li.claim_detail{
	float: left;
	width: 100%;
	font-size: .7em!important;
}

ul.cat_claim {
	clear:both;
	padding: 4px 6px;
	background:#FFF;
	margin-bottom: 0px!important;
	overflow:hidden;
	padding-left:35px;
	background: url(../images/small_cat.png) no-repeat left;
}

ul.shade {
	background-color:#EEEDE0;
	
}

 ul.cat_claim li{
	float: left;
	display: inline;
	margin: 0px;
	padding:0px;
	line-height: 1.0em!important;
	font-size: .8em!important;
	color: #333;
	

}
 ul.cat_claim li.claim_name{
	font-weight:bold;
	padding-right: 30px;
}
 ul.cat_claim li.claim_amount{
	float: right;
	font-weight:bold;
}
 ul.cat_claim li.claim_detail{
	float: left;
	width: 100%;
	font-size: .7em!important;
}

/*---Hack for IE6---*/
*html ul.shade {
	background: none;
}

*html ul.claim {
	background: none;
	border-top: 1px solid #CCC;
}



/*===== Fast Forms =====*/

div.ff {
}
.ff ul, .ff li {
	list-style: none !important;
	margin-left: 5px;
}
.ff li {
	background: url(../images/graphic_ff_download.png) left no-repeat;
	font-weight: bold;
	font-size: 1.1em;
}
.ff li a {
	padding: 5px 24px;
	display:block;
}




/*======== plans chart =========*/

#chart {
	width: 536px;
	margin-bottom: 10px;
	
}
#chart td, #chart th {
	padding: 15px 4px;
	font-size: .75em;
	border-left: 3px solid #fff;
	border-bottom: 1px solid #fff;
	text-align:center;
	width: 97px

}
#chart th {
	height: 30px;
	text-indent: -5000px;
}
#chart td strong {
	display: block;
	font-size: 1.1em;
}

#chart td.first, #chart th.first {
	width: 99px;
	border-left: 0px;
	text-align: left;
	border-bottom: 1px solid #fff;
	color:#000000;
	font-size:.74em;
	background-color:#f0f1f7;
	padding-left:10px;
	
}


#chart td.first p {
	font-size:12px;
	color:black;
	text-decoration:none;
}
#chart td.first p a{
	text-decoration:none;
}
.secure1 {
	background-color:#e0e1ea;
}
.secure2 {
	background-color:#d0d1df;
}
.secure3 {
	background-color:#c0c2d4;
}
.secure4 {
	background-color:#b0b3c9;
}
#chart th.secure1 {
	background: url(../images/chart_secure1.png) left top no-repeat #e0e1ea;
}
#chart th.secure2 {
	background: url(../images/chart_secure2.png) left top no-repeat #d0d1df;
}
#chart th.secure3 {
	background: url(../images/chart_secure3.png) left top no-repeat #c0c2d4;
}
#chart th.secure4 {
	background: url(../images/chart_secure4.png) left top no-repeat #b0b3c9;
}
#secure_4_arrow {
	height: 100px;
	width: 25px;
	position:absolute;
	display: block;
	margin-top: -258px;
	margin-left: 535px;
	z-index:10;
	background: url(../images/chart_secure4_arrow.png) right;
}
table.prev_care {
	font-size: .75em;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
table.prev_care td {
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #ccc;
}
table.prev_care td.td1 {
	width: 60%;
}
table.prev_care td.td2 {
	width: 40%;
}
table.prev_care strong {
	display: block;
}
div.dotted_right{
border-right:1px solid #e1dfc9;
padding: 0 2px 0px 0;
margin-bottom:12px;
}