/*
Theme Name: Yesquote
Theme URI: http://wordpress.org/
Description: Yesquote insurance wordpress theme.
Version: 2.0
Author: Max Stanworth
Author URI: http://www.blueclaw.co.uk/
Tags: blue, fixed width, three columns
*/

/*------IMPORT STYLES------*/
@import url("css/reset.css");
@import url("css/typography.css");

/*------GENERAL------*/
html, body{ margin:0; padding:0; text-align:center;}

body {font-size: 62.5%; /* Resets 1em to 10px */font-family: Arial, Verdana, Sans-Serif; text-align: center; color:#3f3f3f; background-color:#fbfbfb;}

#pagewidth{ font-size:1.2em; width:1010px; text-align:left; margin-left:auto; margin-right:auto;} 

#twocols{width:784px; float:right; position:relative;}

h1, h2, h3, h4, h5, h6{margin:0 0 18px 0; line-height:30px; font-weight:bold;}

h1{font-size:26px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:13px;}
h6{font-size:18px;}

h1 a{color:#447611!important}
h2 a{color:#447611!important}
h3 a{color:#447611!important}
h4 a{color:#447611!important}
h5 a{color:#447611!important}
h6 a{color:#447611!important}

.entry h1 { border-bottom:1px solid #e0e0e0; padding:0 0 15px 0;}

a:link{color:#004fb6; text-decoration:underline;}
a:hover{color:#2b65b2; text-decoration:none!important;}
a:visited{color:#004fb6; text-decoration:underline;}
a:active{color:#004fb6; text-decoration:underline;}

a.post-edit-link{}
small{font-size:11px; color:#999;}
.more-link{ font-size:11px; color:#7A7A7A!important; text-transform:uppercase}

.more-link:hover{background:#EAEAEA}

h2 a{color:#004fb6!important;}
.pagetitle{margin:15px 0 10px 20px}


/*------HEADER------*/
#header{width:100%; height:170px; position:relative; background:url("images/header.jpg") top left;} 

#header h2#logo{width:256px; height:96px; position:absolute; top:30px; left:35px;}
#header h2#logo a{width:100%; height:100%; position:absolute; top:0; left:0; display:block; text-indent:-5000px;}
#header h2#phone {text-indent:-5000px;}


#header #nav ul{height:52px; width:656px; position:absolute; top:63px; right:20px; list-style:none;}
#header #nav ul li{float:left; display:inline;}
#header #nav ul li a{height:52px; display:inline-block; position:relative; float:left; text-indent:-5000px}

#header #nav ul li#home a{width:96px; background:url("images/sprite.png") -29px -13px no-repeat;}
#header #nav ul li#home a:hover{background:url("images/sprite.png") -29px -83px no-repeat;}

#header #nav ul li#about a{width:94px; background:url("images/sprite.png") -125px -13px no-repeat;}
#header #nav ul li#about a:hover{ background:url("images/sprite.png") -125px -83px no-repeat;}

#header #nav ul li#definitions a{width:172px; background:url("images/sprite.png") -219px -13px no-repeat;}
#header #nav ul li#definitions a:hover{background:url("images/sprite.png") -219px -83px no-repeat;}

#header #nav ul li#contact a{width:104px; background:url("images/sprite.png") -391px -13px no-repeat;}
#header #nav ul li#contact a:hover{background:url("images/sprite.png") -391px -83px no-repeat;}

#header #nav ul li#terms a{width:190px; background:url("images/sprite.png") -495px -13px no-repeat;}
#header #nav ul li#terms a:hover{background:url("images/sprite.png") -495px -83px no-repeat;}


/*ACTIVE LINKS*/
body.home #header #nav ul li#home a{background:url("images/sprite.png") -29px -83px no-repeat;}
body.page-id-2 #header #nav ul li#about a{background:url("images/sprite.png") -125px -83px no-repeat;}
body.page-id-18 #header #nav ul li#definitions a{background:url("images/sprite.png") -219px -83px no-repeat;}
body.page-id-5 #header #nav ul li#contact a{background:url("images/sprite.png") -391px -83px no-repeat;}
body.page-id-20 #header #nav ul li#terms a{background:url("images/sprite.png") -495px -83px no-repeat;}

/*------LEFTCOL------*/
#leftcol{width:226px; float:left; position:relative;}

/*------MAINCOL------*/

#maincol{width:553px; float:left; position:relative; display:inline; background-color:#FFFFFF; margin:0 0 30px 0; padding:0 0 0 4px;}

.entry{width:492px; padding:0 27px 0 27px; font-size:14px; position:relative; margin:-22px 0 0 0;}
.post{background:url("images/cont-bg.jpg") 0 0 repeat-y; width:546px; position:relative;}

#cheader{display:block; position:relative; height:42px; width:546px; clear:both; background:url("images/cheader.jpg") no-repeat top left;}
#cfooter{display:block; position:relative; height:42px; width:546px; clear:both; background:url("images/cont-footer.jpg") no-repeat bottom left;}

/*------TWO COL TEMPLATE------*/

body.page-template-tmp-two-col-php #maincol{width:780px; float:left; position:relative; display:inline; background-color:#FFFFFF; margin:0 0 30px 0; padding:0 0 0 4px;}

body.page-template-tmp-two-col-php .entry{width:700px; padding:0 27px 0 27px; font-size:14px; position:relative; margin:-22px 0 0 0;}
body.page-template-tmp-two-col-php .post{background:url("images/cont-bg-2-col.jpg") 0 0 repeat-y; width:780px; position:relative;}

body.page-template-tmp-two-col-php #cheader{display:block; position:relative; height:42px; width:780px; clear:both; background:url("images/cheader-2-col.jpg") no-repeat top left;}
body.page-template-tmp-two-col-php #cfooter{display:block; position:relative; height:42px; width:780px; clear:both; background:url("images/cont-footer-2-col.jpg") no-repeat bottom left;}




/*CONTACT FORM*/
.text input{padding:5px; border:1px solid #CCCCCC;}
#button{float:right; padding:0; margin:0;}
#button input{float:right; padding:3px 10px 3px 10px; margin:0;}
.textarea textarea{padding:5px; border:1px solid #CCCCCC; width:230px; height:200px}
.wpcf7-form p{margin:0 0 10px 0; font-weight:bold; }
.wpcf7-form{float:left; display:inline; }
#rightside{float:left; display:inline; width:200px; margin:0 0 0 15px; padding:30px 0 0 0;}

/*MAINCOL - HOME*/
#home-banner{height:340px; width:546px; position:relative; background:url("images/home-banner.jpg") top left no-repeat; text-indent:-5000px;}

.quotor{position:relative; float:right; display:inline; margin:0 0 10px 10px}


/*------RIGHTCOL------*/
#rightcol{width:226px; float:right; position:relative;}

/*------WIDGET------*/
.widget{width:226px; position:relative; margin-bottom:20px;  float:left;}
.widget .header{width:226px; height:75px; position:relative; text-indent:-5000px}
.widget .cont{width:226px; position:relative; background:url("images/widget-bg.jpg") -3px/*X*/ bottom /*Y*/ no-repeat;}
.widget .cont .inner{padding:0 0 30px 20px;}
.widget .cont ul{list-style:none; margin:0 0 0 0; padding: 0 0 0 0;}
.widget .cont ul li{}
.widget .cont ul li a{text-decoration:underline;}


/*WIDGET - CUSTOM*/
.widget.custom .header{background:url("images/sprite.png") -424px/*X*/ -415px /*Y*/ no-repeat; text-indent:48px!important; color:#FFF; }
.widget.custom .header h3{line-height:70px!important;}
.widget.custom ul{width:185px}
.widget.custom .cont .inner{padding:10px 0 30px 20px;}
.widget.custom ul li a{color:#3f3f3f;}
.widget.custom ul li a:hover{color:#0066CC;}

/*WIDGET - SIDENAV*/
.widget#nav .header{background:url("images/sprite.png") -424px/*X*/ -151px /*Y*/ no-repeat}
.widget#nav ul{width:185px}
.widget#nav ul li a{padding:6px 0 6px 25px; width:160px; display:block; font-weight:bold; color:#3f3f3f; background:url("images/grey-arrow-bullet.gif") 5px 50% no-repeat; border-bottom:1px solid #eaeaea; text-decoration:none;  }
.widget#nav ul li a:hover{color:#0066CC;}

/*WIDGET - RETRIVE A QUOTE*/
.widget#retrieve .header{background:url("images/sprite.png") -424px/*X*/ -239px /*Y*/ no-repeat}
.widget#retrieve a#login{background:url("images/sprite.png") -24px -157px; width:186px; height:31px; display:block; margin:15px 0 15px 0; text-indent:-5000px; float:left;}
.widget#retrieve a:hover#login{background:url("images/sprite.png") -216px -157px;}

p#pwd {float:left; width:185px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; margin:0 0 15px 0; padding:5px 0 5px 0}

.widget#retrieve ul li{background:url("images/grey-bullet.gif") no-repeat 0 8px; padding:0 0 0 15px;}




/*WIDGET - TESTIMONIALS*/
.widget#testimonials .header{background:url("images/sprite.png") -424px/*X*/ -327px /*Y*/ no-repeat}
p.quote{font-size:17px; font-style:italic; color:000000; width:190px; margin:20px 0 15px 0; float:left;}
img.ql{margin:0 5px 0 0;}
img.qr{margin:0 0 0 5px;}
p.quotor{color:#777777; width:190px; text-align:center}


/*------FOOTER------*/
#footer{height:138px; clear:both; position:relative; width:1010px; background:url("images/footer.jpg") no-repeat top right; margin:30px 0 0 0;} 
#footer #cont{width:100%; text-align:center; padding:40px 0 0 0}

#footer #cont ul#footerlinks{margin:0 auto 0 auto; list-style:none; width:480px; }
#footer #cont ul#footerlinks li{margin:0; float:left; display:inline; padding:0 15px 0 15px; border-right:1px solid #999999;}
#footer #cont ul#footerlinks li.page-item-7{border-right:none!important;}

#footer #cont p#copy{color:#777777; float:left; width:1000px; margin:20px 0 0 0; display:inline;}




/*------TABS------*/


@media projection, screen { .tabs-hide {display: none;}}
@media print {.tabs-nav {display: none;}}

.tabs-nav {list-style: none;margin: 0;}
.tabs-nav:after {display: block;clear: both;content: " ";}
.tabs-nav li {float: left;}

.tabs-nav li a {position:relative; height:69px; padding:0; margin:0; z-index: 2; display:block; text-indent:-5000px; cursor:pointer;}

.tabs-nav li#tab1 a {background:url("images/tabs.jpg") 0 0 no-repeat; width:182px;}
.tabs-nav li#tab1 a:hover {background:url("images/tabs.jpg") 0 0 no-repeat;}
.tabs-nav li#tab1.tabs-selected a, .tabs-nav li#tab1.tabs-selected a:hover {background:url("images/tabs.jpg") 0 -76px no-repeat;}

.tabs-nav li#tab2 a {background:url("images/tabs.jpg") -182px 0 no-repeat;  width:187px;}
.tabs-nav li#tab2 a:hover {background:url("images/tabs.jpg") -182px 0 no-repeat;}
.tabs-nav li#tab2.tabs-selected a, .tabs-nav li#tab2.tabs-selected a:hover {background:url("images/tabs.jpg") -182px -76px no-repeat;}

.tabs-nav li#tab3 a {background:url("images/tabs.jpg") -369px 0 no-repeat;  width:174px;}
.tabs-nav li#tab3 a:hover {background:url("images/tabs.jpg") -369px 0 no-repeat;}
.tabs-nav li#tab3.tabs-selected a, .tabs-nav li#tab3.tabs-selected a:hover {background:url("images/tabs.jpg") -369px -76px no-repeat;}

a.summary-but{width:191px; height:37px; background:url("images/sprite.png") -22px -267px; display:block; position:relative; text-indent:-5000px}
a:hover.summary-but{background:url("images/sprite.png") -214px -267px;}


.inner-quote{display:block; padding:20px; width:454px; float:left; border:1px solid #EAEAEA; margin:0 0 22px 0;}
.inner-quote span{float:left; width:280px; font-weight:bold; font-size:12px}
a.quote-but{width:157px; height:37px; background:url("images/sprite.png") -22px -320px; display:block; position:relative; text-indent:-5000px; float:right; }
a:hover.quote-but{background:url("images/sprite.png") -213px -320px;}

ul.tick{margin:0; padding:0; width:350px; list-style:none; margin:0 0 0 2px;}
ul.tick li{background:url("images/tick.png") 0 2px no-repeat; padding:0 0 0 20px; margin:0 0 14px 0;}

ul.buttons{list-style:none; margin:20px 0 0 0; padding:0; float:right;}
ul.buttons li{float:left; display:inline; margin:0 0 0 28px;}

.tabs-cont{background:url("images/cont-bg.jpg") 0 0 repeat-y; width:492px; padding:20px 27px 0 27px; font-size:14px; position:relative;}

.pic{height:241px; width:130px; position:absolute; bottom:37px; right:28px; float:right; background:url("images/indemnity-pic.jpg") no-repeat top left;}

#foozer{display:block; position:relative; height:42px; width:546px; clear:both; background:url("images/cont-footer.jpg") no-repeat bottom left;}

/*FLOAT CONTAINERS CLEAR*/ 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
.clear{clear:both;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */