/*
 *		Title:			Global CSS
 *		Website:		Homebase Pet Insurance
 *		URL:			
 *
 *		Created by:		Neal Hulme
 *		Created on:		23 April 2009
 *
 *		Modified by:	
 *		Modified on:	
 *
 */

/* import
---------------------------------------------------------------------------------------------------- */

@import url("reset.css");


/* global
---------------------------------------------------------------------------------------------------- */

body {
	font-family: arial, sans-serif;
	font-size: 62.5%;
}

strong {
	color: #000;
	font-weight: bold;
}

/* positioning
---------------------------------------------------------------------------------------------------- */

#wrapper {
	float: left;
	left: 50%;
	margin-bottom: 20px;
	margin-left: -477px; /* -477px */
	position: relative;
	width: 954px;
}
.landing #wrapper {
	margin-left: -477px; /* -477px */
	padding: 0 20px;
	width: 914px;
}

#masthead {
	float: left;
	height: 107px;
	position: relative;
	width: 914px;
}
#masthead h1 {
	font-size: 0.1px;
	text-indent: -9999em;
}


#content {
	float: left;
	width: 100%;
}
.landing #content {
	min-height: 450px;
}

#footer {
	float: left;
	margin-top: 40px;
	text-align: center;
	width: 100%;
}
#footer img {
	margin: 0 auto;
}

#footer p.smallPrint{
	color:#808080;
	margin:20px 40px 40px 40px;
}
#footer p.regular {
	color: #333;
	font-size: 1.4em;
	line-height: 1.4;
}

/* masthead
---------------------------------------------------------------------------------------------------- */

#logo {
	left: 30px;
	position: absolute;
	top: 27px;
}
#retrieve_your_quote {
	display: block;
	left: 683px;
	position: absolute;
	top: 0;
}

.info #logo {
	left: 50px;
	position: absolute;
	top: 27px;
}
.info #retrieve_your_quote {
	display: block;
	left: 703px;
	position: absolute;
	top: 0;
}


p.prices { text-align:center; font-size:14px; color:#999; padding:0 20px 20px; }

/* joint
---------------------------------------------------------------------------------------------------- */

h2.hidden {  font-size:0.1px;text-indent: -9999px; }
h3.hidden { font-size:0.1px;text-indent: -9999px;}

.landing #cat {
	background: #fff url(../images/cat_border.png) bottom no-repeat;
	float: left;
	min-height: 450px;
	padding-bottom: 10px;
	width: 457px;
}
.landing #dog {
	background: #fff url(../images/dog_border.png) bottom no-repeat;
	float: left;
	min-height: 450px;
	padding-bottom: 10px;
	width: 457px;
}

.landing #cat ul,
.landing #dog ul {
	color: #333;
	font-size: 1.4em;
	line-height: 1.4;
	margin: 0 58px 20px 70px;
}
.landing #dog ul {
	margin: 0 70px 20px 58px;
}

.landing #cat p {
	margin-left: 55px;
}
.landing #dog p {
	margin-left: 43px;
}

.landing .links {
	float: left;
	width: 369px;
}
.landing .links .button {
	display: block;
	float: left;
	margin-right: 10px;
}
.landing .links a {
	color: #8e58a4;
	font-size: 1.4em;
	left: 10px;
	line-height: 1.3;
}
.landing #dog .links a {
	color: #00a5e5;
}
.landing .links a:hover {
	text-decoration: none;
}


/* cat and dog information pages
---------------------------------------------------------------------------------------------------- */

.cat #wrapper {
	background: transparent url(../images/cat_middle.png) top repeat-y;
}
.dog #wrapper {
	background: transparent url(../images/dog_middle.png) top repeat-y;
}

.info #masthead {
	background: #fff url(../images/cat_top.png) bottom no-repeat;
	padding: 0 20px;
	padding-bottom: 25px;
}
.dog #masthead {
	background-image: url(../images/dog_top.png);
}

.info #footer {
	background: transparent url(../images/cat_bottom.png) bottom no-repeat;
	padding: 0 20px 25px 183px;
	width: 751px;
}
.dog #footer {
	background-image: url(../images/dog_bottom.png);
}

#nav {
	float: left;
	font-size: 1.4em;
	line-height: 1.4;
	list-style: none;
	margin-left: 30px;
	width: 124px;
}
#nav li {
	margin-bottom: 1em;
}
#nav li a {
	color: #666;
	color: rgba(0,0,0,0.6);
	text-decoration: none;
}
#nav li a:hover {
	color: rgba(0,0,0,0.8);
	text-decoration: underline;
}
#nav li a.current,
#nav li a.current:hover {
	color: #8e58a4;
	cursor: default;
	font-weight: bold;
	text-decoration: none;
}
.dog #nav li a.current,
.dog #nav li a.current:hover {
	color: #00a5e5;
}
#nav #crosslink {
	left: -10px;
	position: relative;
	top: 20px;
}

#primary {
	float: right;
	margin-right: 20px;
	width: 750px;
}
#primary a {
	color: #8e58a4;
}
.dog #primary a {
	color: #00a5e5;
}
#primary a:hover {
	text-decoration: none;
}
#primary h1 {
	border-bottom: 1px dashed #8e58a4;
	border-bottom-color: rgba(142,88,164,0.3);
	color: #8e58a4;
	font-size: 2.1em;
	margin-bottom: 1em;
	padding-bottom: 10px;
}
.home #primary h1 {
	margin-right: 250px;
}
.dog #primary h1 {
	color: #00a5e5;
	border-bottom-color: #00a5e5;
	border-bottom-color: rgba(0,176,219,0.3);
}
#primary h2 {
	clear: right;
	font-size: 1.8em;
	color: #8e58a4;
	margin: 2em 250px 1em 0;
}
.dog #primary h2 {
	color: #00a5e5;
}
#primary p {
	color: #333;
	font-size: 1.4em;
	line-height: 1.4;
	margin-right: 250px;
	margin-bottom: 1em;
}
.info #primary p {
	margin-right: 0;
}
#primary p.smallPrint{
	color:#808080;
	margin:20px 0;
	font-size:100%;
}
#primary ul,
#primary ol {
	color: #333;
	font-size: 1.4em;
	line-height: 1.4;
	margin: 2em;
	margin-right: 250px;
}

#intro_image {
	float: right;
	margin: 0 0 -2em 1em;
}


/* table size
-------------------------------------------------- */

table {
	clear: both;
	font-size: 1.2em;
	margin-bottom: 2em;
	width: 740px;
}
table.price_table {
	float: left;
	width: 360px;
}
table.pedigree {
	clear: none;
	margin-left: 20px;
}
th {
	background: #62bb46;
	color: #fff;
	font-weight: bold;
	padding: 8px 10px;
	text-align: left;
}
th.heading {
	background: #62bb46 url(../images/table_head.png) top left no-repeat;
}
th.end {
	background: #62bb46 url(../images/table_head.png) top right no-repeat;
}
.cat .price_table th {
	background-color: #8e58a4;
}
.dog .price_table th {
	background-color: #00a5e5;
}
.cat .price_table th.heading,
.cat .price_table th.end {
	background-color: #8e58a4;
	background-image: url(../images/table_head_purple.png);
}
.dog .price_table th.heading,
.dog .price_table th.end {
	background-color: #00a5e5;
	background-image: url(../images/table_head_blue.png);
}
td {
	color: #333;
	padding: 8px 10px;
	border-bottom: 1px dashed #b0dda2;
	border-bottom-color: rgba(98,187,70,0.25);
}
.green {
	background: #eff8ec;
}
.cat .price_table .green {
	background: #f3eef6;
}
.dog .price_table .green {
	background: #e5f6fc;
}
.heading,
.end {
	background-image: url(../images/table_bottom.png);
	background-position: left;
	background-repeat: no-repeat;
}
.cat .price_table .heading,
.cat .price_table .end {
	background-image: url(../images/table_bottom_purple.png);
}
.dog .price_table .heading,
.dog .price_table .end {
	background-image: url(../images/table_bottom_blue.png);
}
.end,
.dog .price_table td.end {
	background-position: right;
}
.last td {
	background-image: url(../images/table_bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	border: none;
}
.cat .price_table .last td {
	background-image: url(../images/table_bottom_purple.png);
	background-position: bottom;
	background-repeat: no-repeat;
	border: none;
}
.dog .price_table .last td {
	background-image: url(../images/table_bottom_blue.png);
	background-position: bottom;
	background-repeat: no-repeat;
	border: none;
}
.last .heading,
.cat .price_table .last .heading,
.dog .price_table .last .heading {
	background-position: bottom left;
}
.last .end,
.cat .price_table .last .end,
.dog .price_table .last .end {
	background-position: bottom right;
}
.dog .price_table td {
	vertical-align: middle;
}
.dog .price_table td strong {
	display: block;
}