/*************************************************

BE READY TODAY
MAY 2009
BY 76design


***************************************************
    GENERIC
    */


HTML {
    font: 62.5%/160%  Arial, Helvetica, sans-serif;
    color: #000;
    background:#fff;
    }

BODY {
    margin: 0px;
    padding: 0px;
    text-align: center;
    }

/***************************************************
    WRAPPER

    */
#wrapper-bkg {
    background:#fff ;
    padding:0 0 40px 0;
    }

 .homepage #wrapper-bkg {
    background:#fff;
    }

#wrapper {
    width:960px;
    margin: 0px auto;
    text-align:left;
    }

/***************************************************
    STRUCTURE

    */

#content {
    font-size:120%;
    line-height:160%;
    }

#rightcolumn {
    float:left;
    width:310px;
    background:url(../images/rightcolumn-bkg.gif) bottom left no-repeat;
    padding:0 0 43px;
    }


#leftcolumn {
    padding:0 60px;
    margin:0 20px 0 0;
    }

#leftcolumn-wrapper {float:left;  width:647px}

/***************************************************
    HOMEPAGE

    */

.homepage #leftcolumn {
    width:350px;
    padding:0;
    float:left;
    margin-right:0;
    position: relative;
    }
.homepage #leftcolumn p{
    width: 224px;
    }

.homepage #centrecolumn {
    width:300px;
    margin:0 40px 0 15px;
    float:left;
    }

.homepage #rightcolumn {
    width:231px;
    background:none;
    padding:0;
    }

/***************************************************
    HOMEPAGE » SPECIAL ITEMS

    */

.homepage #content {
    clear:both;
    margin:10px 0 20px 0; /*relaitvel to the list - not the mascot */
    color:#333;
    }

 .homepage #leftcolumn A {
    color:#888888;
    font-weight:bold;
    }

 .homepage #leftcolumn A:hover {
    color:#0076c0;
    }

.homepage #content H2 {
    color:#000;
    }

  .homepage #content H3 {
    color:#0076c0;
    font-size:110%;
    font-weight:bold;
    }
#good-hands-title {
    color:#FFFFFF;
    font-family:Arial;
    font-size:22px;
    font-weight:bold;
    margin-bottom:8px;
    text-transform:uppercase;
}
/***************************************************
    HEADER

    */

#header {
    height:128px;
    padding:10px 0 0 0;
    }

.logo {
    text-indent:-999em;
    width:199px;
    height:56px;
    margin:35px 0 0;
    display:block;
    float:left;
    background:url(../images/logo.gif) no-repeat;
    }

.fr .logo{background: url(../images/logo-fr.gif) no-repeat;}

#utility {
    float:right;
    list-style:none;
    margin: 10px 0 25px 0;
    padding:0;
    }

#utility LI {
    display:inline;
    margin:0 0 0 10px;
    }

#utility A {
    text-decoration:none;
    color:#888888;
    }

#utility A:hover {
    text-decoration:underline;
    }

/***************************************************
    MAIN MENU (english)
    */

#topmenu {
    margin:0 0 20px 0;
    padding:0;
    float:right;
    width:730px;
    clear:right;
    }

#topmenu LI  {
    list-style:none;
    margin:0;
    float:right;
        }
#topmenu A#nav-advice{
    width:140px;
    }

#topmenu A {
    display:block;
    padding:6px 10px;
    margin:0 0 3px 4px;
    background: #ececec;
    font-weight: bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 130%;
    text-transform: uppercase;
    }
.fr #topmenu a {
    font-size: 124%;
}
#topmenu a:hover{
    background: #0076c0;
    color: #fff;
    }
#topmenu a.selected{
    background: #ffe06b;
    color: #0076c0;
    }

.fr #topmenu A{
    min-height:33px;
    width:110px;


}
.fr #topmenu{
        margin:0 0 20px 0px;
}

/***************************************************
    FEATURE

    */

 .breadcrumb {
   margin:0;
   padding:0;
   height:30px;
   border-bottom:solid 1px #e7e7e7;
   width:647px;
   float:left;
   list-style:none;
   }

.breadcrumb LI {
    display:inline;
    height:30px;
    }

 .breadcrumb A {
    color:#888888;
    font-weight:bold;
    font-size:110%;
    padding:6px 12px 6px 6px;
    display:block;
    float:left;
    background:url(../images/breadcrumb-arrow.gif) right 14px no-repeat;
    }

.breadcrumb A.selected {
    color:#0076c0;
    background:none;
    }

.header-img {margin:10px 0; } /* the image at the top of each content page */

sup{
    font-size:70%;
    vertical-align:super;
}
/***************************************************
    FEATURE

    */

#promo{
    position:relative;
    }

#homepage-mascot{
    position: absolute;
    top: 60px;
    right: 0;
    }
.fr #promo .mascot {
    left:501px;
    top:151px;
    }

#feature {
    background:url(../images/feature-en.gif) no-repeat;
    height:275px;
    width:645px;
    margin:15px 0;
    position:relative;
    display:block;
    float:left;
    }

.fr #feature{
    background: url(../images/feature-fr.gif) no-repeat;
    }

#feature H1 {
    display:block;
    text-indent:-999em;
    }

#feature UL {
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    top:20px;
    left:20px;
    }

.fr #feature UL {
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    top:20px;
    left:20px;
    }
 .fr #feature UL LI {
    display:block;
    margin:8px 4px 0 0;

    }
#feature UL LI {
    display:inline;
    margin:0 4px 0 0;
    }

#feature A {
    background:#0076c0;
    text-decoration:none;
    font-weight:bold;
    font-size:120%;
    color:#fff;
    padding:4px;
    }

#feature A:hover {
    color:#0076c0;

    background:none;
    }

#feature A.block-link{
    display:block;
    height:275px;
    width:645px;
    background:none;
    padding:0;

}

 /***************************************************
    3DIFY Classes

    These are to make the little edge that makes things
    sorta 3d (*cough*).

    */

.top-edge {background:#0076c0 url(../images/sidebar-edge-top.gif) no-repeat;}
.edge {background:#0076c0 url(../images/sidebar-edge.gif) repeat-y;}
.bottom-edge {background:#0076c0 url(../images/sidebar-edge-bottom.gif) bottom left no-repeat;}

 /***************************************************
    FEATURE LIST

    */

#feature-list {
    float:left;
    color:#FFF;
    list-style:none;
    margin:0;
    width:313px;
    overflow:hidden;
    }

.fr #feature-list LI {
    padding: 12px 24px 0;
    }
.default .fr #feature-list LI {
    padding:24px;
    }
.homepage #feature-list {
    background:#0076c0 url(../images/feature-list-edge.gif) no-repeat;
    min-height:289px;
    }

.homepage #rightcolumn-top {
    background:url("../images/feature-list-top.gif") no-repeat scroll left top #FFFFFF;
    float:left;
    height:15px;
    margin:0;
    overflow:hidden;
    padding:0;
    width:313px;
}

.homepage #rightcolumn-bottom {
    background:url("../images/feature-list-bottom.gif") no-repeat scroll right top #FFFFFF;
    float:right;
    height:53px;
    margin: 0 2px 0 0;
    overflow:hidden;
    padding:0;
    width:313px;
}

.homepage .fr #feature-list {
    min-height:290px;
    }
.default #feature-list {
    height:auto;
    }
#feature-list p a{
    color: white;
    font-weight: bold;

    }

#feature-list p a:hover{
   text-decoration: underline;

   }
 #feature-list LI {
    margin:0 0 0 10px;
    padding:17px 25px 15px 25px;
    border-bottom:solid 1px #4d9fd3;
    border-top:solid 1px #005286;
    font-size:120%;
    }
 .homepage    #feature-list LI {
    margin:0 0 0 10px;
    padding:17px 25px 15px 25px;
    border-top: 0;
    font-size:120%;
    }

#feature-list LI.first{

    }

.homepage #feature-list LI.first{
    padding-top: 0;
}

#feature-list LI.last{
    border-bottom:none;
    }

 #feature-list P {
    margin:0;
    }

 #feature-list H2 {
    color:#FFE06B;
    font-weight:bold;
    font-size:190%;
    text-transform:uppercase;
    line-height:75%;
    margin: 10px 0 0 0;
    }

.homepage .fr #feature-list h2{
    font-size:160%;
}

#feature-list .last H2 A {
 color:white;
    }

 #feature-list .first H2 A{
    text-indent:-999em;
    width:142px;
    height:66px;
    display:block;
    line-height:0;
    background:url(../images/txt/preventing-water-damage-txt.gif) no-repeat;
    }

.fr #feature-list .first H2 A{
    height: 72px;
    width: 220px;
    background: url(../images/txt/preventing-water-damage-txt-fr.gif) no-repeat;
    }
#find-an-agent LABEL {
    margin:10px 0 0 0;
    }
#find-an-agent .text {
    width:35px;
    display:inline;
    }

#find-an-agent .submit{
    border:none;
    display:block;
    cursor:pointer;
    }

#quiztext{
    display: block;
    font-size:14px;
    font-weight: bold;
    font-size: 90%;
    padding: 0 18px 0 0;
    height: auto;
    background: url(../images/arrowbtn-medium.gif) 100% 0 no-repeat;
    text-indent: 0;
    width: auto;
}
#quiztext:hover{
    background-position: 100% -56px;
    color: #fff;
    }

/***************************************************
    SIDEBAR CONTENT

    text beneath the submenu

    */

#sidebar-content {
    float:left;
    color:#FFF;
    list-style:none;
    margin:0;
    width:313px;
    overflow:hidden;
   }

 #sidebar-content LI {
    padding:30px 30px;
    }

.default #sidebar-content {
    height:auto;
   font-size:120%;
    }

 #sidebar-content H2 {
    color:#FFF;
    font-weight:bold;
    font-size:140%;
    }

#sidebar-content A {
    color:#FFE06A;
    }

 #sidebar-content H3,
 #sidebar-content H4,
 #sidebar-content H5,
 #sidebar-content H6{color:#FFF;}
#sidebar-content UL LI {
    list-style:none;
    background:url(../images/arrow-white.gif) 0 8px no-repeat;
   padding:3px 0 3px 15px;
   }
#rss-logo{
    float:left;
    margin-top:-7px;
}

/***************************************************
    SIDEMENU

    */

.sidemenu{
    float:left;
    color:#FFF;
    list-style:none;
    margin:0;
    width:313px;
    }

.sidemenu LI {
    margin:0 0 0 8px;
    border-bottom:solid 1px #4d9fd3;
    border-top:solid 1px #005286;
    font-size:120%;
    }

 .sidemenu LI A {
    padding:8px 50px;
    color:#FFF;
    background:url(../images/arrow-yellow.gif) 30px center no-repeat;
    display:block;
    }

.sidemenu LI A:hover,
.sidemenu LI.selected A{
    background:#ffe06a url(../images/arrow-blue.gif) 30px center no-repeat;
    color:#0076c0;
    }
 /***************************************************
    RECENT POST LIST
 */
 .recent-list{
    color:#FFF;
    list-style:none;
    margin:0 0 15px 0;
    width:278px;
    }

#feature-list .recent-list li{
    border: none;
    font-size: 105%;
    margin: 0 0 5px 0;
    padding: 0 14px 0 14px;
    background: url(../images/bullet-lightblue.gif) 0 3px no-repeat;
    }
.recent-list a{
    color: #fff;
    }
.recent-list a:hover{
    color: #FFE06B;
    }

 /***************************************************
    SIDEMENU (level 2)

     */

.sidemenu UL {
    margin:0;
    padding:0;
    background:#70b0e1;
   list-style:none;
   }

.sidemenu LI LI {
    margin:0;
    border-bottom:solid 1px #7db7e4;
    border-top:solid 1px #66a0cd;
    font-size:100%;
    }

.sidemenu LI LI A,
.sidemenu LI LI A.selected{
    padding:8px 30px 8px 75px;
    color:#FFF;
    background:url(../images/arrow-yellow.gif) 50px center no-repeat;
    display:block;
    }

.sidemenu LI LI A:hover,
.sidemenu LI LI A.selected {
    background:#bad6ed url(../images/arrow-blue.gif) 50px center no-repeat;
    color:#fFF;
    }

#leftcolumn UL LI {
    list-style:none;
    background:url(../images/arrow-blue.gif) 0 8px no-repeat;
   padding:3px 0 3px 15px;
   }

 #leftcolumn OL {
    padding:0 2em 1em 2em;
    }

 #leftcolumn OL LI {
     padding:3px 0 3px 5px;
    }

/***************************************************
    SEND TO A FRIEND

    */

P.error {
    background:#E29090 none repeat scroll 0 0;
    border:2px solid #B97878;
}

P.success {
    background:#C8E290 none repeat scroll 0 0;
    border:2px solid #AEC67A;
}

#sendtofriend-form LABEL {
    float:left;
    width:230px;
    clear:both;
    }

 #sendtofriend-form LABEL EM {
    display:block;
    font-size:80%;
    line-height:100%;
    color:#888;
    }

 #sendtofriend-form .text {
    width:300px;
    }

  #sendtofriend-form .submit {
    margin:0 0 0 230px;
    }

#sendtofriend-form INPUT,
#sendtofriend-form TEXTAREA {
    clear:both;
    margin:0 0 20px 0;
    font-family:arial;
    }

#sendtofriend-form TEXTAREA#comments {
    height: 150px;
}


/***************************************************
    BLOG > CATEGORY WIDGET

     */

.widget_categories ul{
    overflow: hidden;
    height: 1%;
    margin: 0 0 0 6px;
    *margin: 0 0 0 4px;
    list-style-image: none !important;
    }
.widget_categories li{
    width: 105px;
    float: left;
    margin: 0;
    background: url(../images/arrow-yellow.gif) 0 4px no-repeat;
    padding-left: 14px;
    list-style: none;
    }

.fr .widget_categories li{ /* don't want 2 columns, FR has longer text */
    width: auto;
    float: none;
    }




/***************************************************
    FOOTER

     */

#footer-wrapper {
    background:#ffe06a url(../images/footer-bkg.gif) repeat-x;
    padding:20px 0;
    text-align:center;
}

#footer {
    width:960px;
    margin:0 auto;
    height:60px;
    font-size:110%;
    }

#footer P.copyright {
    margin:0 auto;
    padding:0;
    width:100%;
    }

#footer UL {
    margin:0 auto;
    padding:0;
}

#footer LI {
    display:inline;
    width:auto;
    list-style:none;
    margin:0 10px 0 0;
}

#footer A {
    color:#000;
    text-decoration:none;
    }

#footer A:hover {
    text-decoration:underline;
    }

.yellow{

color: #ffdf6c;

}