/*   
Theme Name: Pet Insurance
Theme URI: www.fiksie.com
Description: Custom Wordpress Theme
Author: fiksie
Author URI: fiksie.com
*/

@import "css/reset.css";
@import "css/forms.css";
@import "css/products.css";
@import "css/typography.css";


/* General
------------------------------- ------------------------------- */

body {
	background: #fff url(images/background.png) repeat-x;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

#header {
	height: 63px;
	position: relative;
}
#center {
	height: 520px;
	position: relative;
}

#center-2 {
	position: relative;
}

img.pet-image {
	position: absolute;
	bottom: 0px;
	right: -50px;
}

#welcome {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 560px;
}
#welcome p {
	margin-top: 10px;
}

img.tel {
	position: absolute;
	top: 12px;
	left: 0;
}

#center-2 img.logo {
	position: absolute;
	top: -100px;
	left: 0;
}

#center .logo {
		position:absolute;
		top:10px;
		left:0;
}

#healthcare {
	position: absolute;
	top: 100px;
	left: 0;
}

#healthcare p {
	font-weight: normal;
	color: #104d6d;
	font-size: 1.5em;
}
#healthcare p span {
	font-weight: bold;
	background: #ffffcc;
}

.button-quote {
	position: absolute;
	bottom: 265px;
	left: 0;
}

.button-more {
	position: absolute;
	bottom: 265px;
	left: 190px;
}

#bottom {
	width: 960px;
	height: 108px;
	background: url(images/bottom_background.png) no-repeat;
	position: relative;
}
#bottom ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#bottom ul li {
	float: left;
	padding: 10px;
	text-align: center;
	margin-left: 13px;
}

#bottom ul li a.pad-top img {
	margin-top: 20px;
}

img.button-go {
	position: absolute;
	top: 14px;
	right: 14px;
}

.freeq {
	position: absolute;
	top: -25px;
	right: -20px;
}

.pet-insurance-badge {
	position: absolute;
	top: 30px;
	right: 250px;
}

/* Search
-------------------------------------------------------------- */

#search {
	position: absolute;
	top: 15px;
	right: 0px;
}

#search input {
	float: left;
	border: 0;
	margin: 0;
}

#search-input {
	width: 171px;
	height: 20px;
	margin: 0;
	border: 0;
	outline: 0;
	background: url(images/search_bg.png) no-repeat;
	/* TOP, RIGHT, BOTTOM, LEFT */
	padding: 8px 0px 0px 14px;
}
#search-button {
	padding: 0;
}

.button {
	width: 36px;
	height: 28px;
	background:url(images/search_button.png);
	border: none;
	font-size:1px;
}

#respond .rating_value a {background-image: url(../../plugins/review-site/star-empty-small.gif);width: 12px;height: 12px;display: block;float: left;}

#respond .rating_value .on {background-image: url(../../plugins/review-site/star-small.gif);}

#respond .ratings { margin-bottom:10px; font-size:14px; font-weight:bold;}


/* Boxes
-------------------------------------------------------------- */

.box {
	float: left;
}

.box-center {
	float: left;
	margin-left: 7px;
}

.box-last {
	float: right;
}

.box-heading {
	width: 300px;
	height: 27px;
	color: #fff;
	font-size: 1.1em;
	padding-left: 15px;
	padding-top: 10px;
	margin: 0;
	background: url(images/box_heading.png) no-repeat;
}

.box-content {
	width: 295px;
	height: 102px;
	padding: 10px;
	background: url(images/box_bg.png) no-repeat;
	position: relative;
}
.box-content p {
	font-size: 0.9em;
	width: 210px;
	position: absolute;
	right: 0;
}
.box-content .news {
	width: 300px;
	position: absolute;
	top: 5px;
	left: 10px;
}

.box-content .news a {
		float:left;
		display:block;
}

.box-content .news p {
		position:static;
		float:left;
		width:100%;
		margin-bottom:3px;
}

.box-content .news .date {
	font-size: 0.8em;
	color: #666;
}
.boxicon-1 {
	position: absolute;
	left: 20px;
	top: 25px;
}

.boxicon-2 {
	position: absolute;
	left: 10px;
	top: 15px;
}

.boxicon-rss {
	position: absolute;
	right: 5px;
	top: -30px;
}

.box-button {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

/* Sub Page
-------------------------------------------------------------- */

#sub-page {
	width: 976px;
	background: url(images/subpage_bg.png) no-repeat;
	margin-top:110px !important;
	min-height:600px;
}

#sub-inner {
	margin: 19px;
}

#subnav {
	background: url(images/subnav_bg.png) no-repeat;
	height: 44px;
	position: relative;
}

h2.sub-title {
	font-size: 1.4em;
	color: #fff;
	display: block;
	float: left;
	line-height: 44px;
	padding-left: 20px;
	margin: 0;
}

.sub-title a {
		margin-right:5px;
		float:left;
		color:#FFFFFF;
}

#subnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 300px;
	bottom: 0;
	height: 34px;
}
#subnav ul li {
	float: left;
	line-height: 34px;
}
#subnav ul li a {
	display: block;
	float: left;
	width: 98px;
	text-align: center;
	line-height: 34px;
	color: #334d0b;
	font-weight: bold;
	background: url(images/subnav_off.png) no-repeat;
	margin-right: 20px;
}
#subnav ul li a:hover, #subnav ul li a.current {
	background: url(images/subnav_on.png) no-repeat;
	color: #000;
}

#sidebar {
	width: 260px;
	float: left;
	background: url(images/sidebar_bg.png) no-repeat top left;
	padding-bottom:220px;
}

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 239px;
}

#sidebar ul li {
	border-bottom: 1px solid #f6f6f6;
}

#sidebar ul li a {
	display: block;
	padding: 5px 30px;
	font-weight: normal;
	color: #333;
	background: url(images/paw.png) no-repeat 10px;
}
#sidebar ul .current_page_item a {
	background: url(images/nav_current.png) no-repeat;
	width: 252px;
	color: #fff;
}

#sidebar ul li a:hover {
	background: url(images/nav_current.png) no-repeat;
	color: #fff;
}

#sidebar ul .current_page_parent a {
	background: url(images/nav_current.png) no-repeat;
	width: 252px;
	color: #fff;
}

#content {
	width: 650px;
	float: right;
	padding-top: 20px;
	padding-right: 20px;
}

#content h1 {
	color: #004172;
	font-size: 1.8em;
}

/* Footer
-------------------------------------------------------------- */

#footer {
	width: 960px;
	margin:0 auto;
}

#footer-container {
		background:url(images/footer-container.png) repeat-x #E8F8FF;
		padding-top:100px;
		padding-bottom:50px;
}

#footer-inner {
	height: 100%;
	width: 100%;
	background: url(images/footer_bg.png) repeat-y;
	position: relative;
}

img.footer-logo {
	position: absolute;
	bottom: 20px;
	left: 20px;
}

#footer-navigation {
	width: 700px;
	float: right;
}

#footer-navigation ul {
	float: left;
	margin-left: 10px;
	margin-top: 0px;
}

#footer-navigation ul ul{
	padding:0px;
	margin:0px;
}

#footer-navigation ul li {
	margin-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style-type: none;
}

#footer-navigation ul li a {
	font-weight: normal;
}

#footer-navigation ul li.footer-heading {
	list-style-type: none;
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
}
#footer img { overflow:hidden;}

#footer-top { background:url(images/footer_top.png) no-repeat bottom; width:960px; height:15px; overflow:hidden;}
#footer-bottom { background:url(images/footer_bottom.png) no-repeat top; width:960px; height:15px; overflow:hidden;}

#social {
	position: absolute;
	top: 2px;
	left: 10px;
}
#social a {
	margin-left: 40px;
}
p.copyright {
	padding: 10px;
	margin:0 !important;
}
p.copyright a {
	color: #507616;
}
p.copyright a:hover {
	text-decoration: underline;
}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

/* -----Dan's Edits---------------------------- */
/* Main DIV */
#leadform {
background-color: #f1ffdb;
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #cdeea3;
-moz-border-radius: 3px;
border-radius: 3px;
}
#leadform fieldset {
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px #ddd solid;
padding: 10px;
width: 300px;
margin: 10px;
background-color:#fbfff4;
}

#leadform fieldset legend {
border: 1px #ddd solid;
color: #000; 
font-family: Verdana;
font-weight: bold;
font-size: 16px;
padding-right: 5px;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:#fbfff4;
}

#leadform .leadtextbox {
margin: 5px;
padding: 0px;
float: left;
width:200px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
border:1px solid #CCCCCC;
background:url(images/textboxbg.jpg) repeat-x #fff;
-moz-border-radius: 3px;
border-radius: 3px;
}

#leadform .leadtextbox:focus {
border:1px dashed #ade5ff;
background-color:#daf2ff;
background:url(images/textboxbghover.jpg) repeat-x #fff;
}
#leadform .leadtextarea {
margin: 5px;
padding: 0px;
float: left;
width:200px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
border:1px solid #CCCCCC;
background:url(images/textboxbg.jpg) repeat-x #fff;
-moz-border-radius: 3px;
border-radius: 3px;
}

#leadform .leadtextarea:focus {
border:1px dashed #ade5ff;
background-color:#daf2ff;
background:url(images/textboxbghover.jpg) repeat-x #fff;
}
#leadform .leadbutton {
width:95px;
height:37px;
display:block;
float:right;
}
/* Left DIV */
#leadform .l {
width: 120px;
margin: 0px;
padding: 5px 0 0 0; 
float: left;
text-align: right;
font-weight:bold;
}

/* Right DIV */
#leadform .r {
width: 200px;
margin: 0px;
padding: 0px; 
float: left; 
text-align: left;
}
#leadform .r ul {
display:inline;
list-style-type:none;
}

#leadform .a {
clear: both;
width: 340px;
padding: 2px;
}