﻿/* == STYLESHEET FUNCTIONS - Site layout and base style overrides
----------------------------------------------------------------------------------------------------------------------

/* == Main Layout Structure
----------------------------------------------------------------------------------------------------------------------*/

#wrap{margin: 0 auto; text-align: left; width: 960px;background: url(/__style/structure/images/main-shadow.gif) top left repeat-y;padding: 0 6px; position: relative}
#wrap:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap #head{float: left; background: #d5d5d5; width: 960px;}
#wrap #mainContent{float: left; width: 944px; margin: 12px 8px;display: inline;}
#wrap #footer{float: left; width: 936px; border-top: solid 1px #e6e6e6;margin: 0 8px 8px 8px; padding: 0 4px; display: inline;}
#wrap #footTools{float: left; width: 944px;border-top: solid 1px #e6e6e6;margin: 0 8px;display: inline;padding: 8px 0 8px 0;}

/* == Templates and Zones
----------------------------------------------------------------------------------------------------------------------*/
/**************** Template 1 ****************************/
#wrap #templateOne .zoneOne{float: left;width: 805px;}
#wrap #templateOne .zoneTwo{float: left;width: 490px;clear: left;}
#wrap #templateOne .zoneThree{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #templateOne .zoneFour{float: right;width: 127px;}
#wrap #templateOne .zoneFive{float: left;width: 805px;}
/** zone splits **/
#wrap #templateOne .zoneTwo .splitLeft{float: left; width: 318px;}
#wrap #templateOne .zoneTwo .splitRight{float: right; width: 162px;}
#wrap #templateOne .zoneThree .splitLeft{float: left;width: 152px;}
#wrap #templateOne .zoneThree .splitRight{float: right;width: 153px;}

/**************** Template 2 ****************************/
#wrap #templateTwo .zoneOne{float: left;width: 668px;}
#wrap #templateTwo .zoneTwo{float: left;width: 353px;}
#wrap #templateTwo .zoneThree{float: right;width: 305px;margin: 0 0 0 10px;}
#wrap #templateTwo .zoneFour{float: left;width: 668px;}
#wrap #templateTwo .zoneFive{float: right;width: 127px;}
#wrap #templateTwo .zoneSix{float: left;width: 805px;}
#wrap #templateTwo .zoneSeven{float: right;width: 127px;}

/**************** Template 3 ****************************/
#wrap #templateThree .zoneOne{float: left;width: 805px;}
#wrap #templateThree .zoneTwo{float: left;width: 490px;clear: left;}
#wrap #templateThree .zoneThree{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #templateThree .zoneFour{float: left;width: 805px;padding-bottom: 15px;}
#wrap #templateThree .zoneFive{float: left;width: 490px;clear: left;}
#wrap #templateThree .zoneSix{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #templateThree .zoneSeven{float: right;width: 127px;}
/** zone splits **/
#wrap #templateThree .zoneSix .splitLeft{float: left;width: 152px;}
#wrap #templateThree .zoneSix .splitRight{float: right;width: 143px;}

/**************** Template 4 ****************************/
#wrap #templateFour .zoneOne{float: left;width: 490px;}
#wrap #templateFour .zoneTwo{float: right;width: 305px;margin: 0 0 0 10px;}
#wrap #templateFour .zoneThree{float: left;width: 805px;}
#wrap #templateFour .zoneFour{float: left;width: 490px;}
#wrap #templateFour .zoneFive{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #templateFour .zoneSix{float: left;width: 805px;padding-bottom: 15px;}
#wrap #templateFour .zoneSeven{float: left;width: 490px;}
#wrap #templateFour .zoneEight{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #templateFour .zoneNine{float: right;width: 127px;}
#wrap #templateFour .zoneTen{float: left;width: 805px;}

/**************** Template 5 ****************************/
#wrap #templateFive .zoneOne{float: left;width: 804px;}
#wrap #templateFive .zoneTwo{float: right;width: 127px;}
/** zone splits **/
#wrap #templateFive .zoneOne .splitLeft{float: left;width: 488px;}
#wrap #templateFive .zoneOne .splitRight{float: left;width: 305px;margin: 0 0 0 10px;}

#wrap #templateFive .zoneOne .splitLeft50{float: left;width: 395px;}
#wrap #templateFive .zoneOne .splitRight50{float: right;width: 395px;}

/**************** Template 6 ****************************/
#wrap #templateSix .zoneOne{float: left;width: 944px}

/**************** Template 7 ****************************/
#wrap #templateSeven .zoneOne{float: left;width: 614px}
#wrap #templateSeven .zoneTwo{float: right;width: 300px}

#wrap #templateSeven .zoneOne .splitLeft{float: left;width: 300px}
#wrap #templateSeven .zoneOne .splitRight{float: right;width: 300px}

/**************** Template 8 ****************************/
#wrap #templateEight .zoneOne{float: left;width: 490px;clear: left;}
#wrap #templateEight .zoneTwo{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #templateEight .zoneThree{float: right;width: 127px;}

/**************** Template 9 ****************************/
#wrap #templateNine .zoneOne{float: left;width: 805px;}
#wrap #templateNine .zoneTwo{float: left;width: 398px;clear: left;}
#wrap #templateNine .zoneThree{float: left;width: 398px;margin: 0 0 0 9px;}
#wrap #templateNine .zoneFour{float: right;width: 127px;}

/**************** Template - Property Landing ****************************/
#wrap #templatePropLand .zoneOne{float: left; width: 613px;}
#wrap #templatePropLand .zoneTwo{float: left; width: 298px;margin: 0 10px 0 0;}
#wrap #templatePropLand .zoneThree{float: left;width: 305px;}
#wrap #templatePropLand .zoneFour{float: right; width: 181px;}
#wrap #templatePropLand .zoneFive{float: left; width: 804px;}
#wrap #templatePropLand .zoneSix{float: left; width: 613px;}
#wrap #templatePropLand .zoneSeven{float: right; width: 181px;}
#wrap #templatePropLand .zoneEight{float: left; width: 804px;}
#wrap #templatePropLand .zoneNine{float: right;width: 127px;}

/**************** Template - Quick Quote ****************************/
#wrap #templateQQ .zoneOne{float: left;width: 490px;clear: left;}
#wrap #templateQQ .zoneTwo{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #templateQQ .zoneThree{float: right;width: 127px;}

/**************** Template - Business Search Results ****************************/
#wrap #templateBusResults .zoneOne{float: left;width: 490px;clear: left;}
#wrap #templateBusResults .zoneTwo{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #templateBusResults .zoneThree{float: right;width: 127px;}

/**************** Template - Buy and Sell Landing ****************************/
#wrap #templateBuySell .zoneOne{float: left; width: 613px;}
#wrap #templateBuySell .zoneTwo{float: left; width: 298px;margin: 0 10px 0 0;}
#wrap #templateBuySell .zoneThree{float: left;width: 305px;}
#wrap #templateBuySell .zoneFour{float: right; width: 181px;}
#wrap #templateBuySell .zoneFive{float: left; width: 804px;}
#wrap #templateBuySell .zoneSix{float: right;width: 127px;}

/**************** Template - Buy and Sell Find a... ****************************/
#wrap #templateBSFind .zoneOne{float: left;width: 490px;}
#wrap #templateBSFind .zoneTwo{float: right;width: 305px;margin: 0 0 0 10px;}
#wrap #templateBSFind .zoneThree{float: left;width: 805px;}
#wrap #templateBSFind .zoneFour{float: left;width: 490px;}
#wrap #templateBSFind .zoneFive{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #templateBSFind .zoneSix{float: left;width: 805px;}
#wrap #templateBSFind .zoneSeven{float: right;width: 127px;}

/**************** Template - Local Landing and Lifestyle Landing ****************************/
#wrap #templateLocal .zoneOne, #wrap #templateLife .zoneOne{float: left;width: 805px;}
#wrap #templateLocal .zoneTwo, #wrap #templateLife .zoneTwo{float: left;width: 490px;}
#wrap #templateLocal .zoneThree, #wrap #templateLife .zoneThree{float: right;width: 305px;margin: 0 0 0 10px;}
#wrap #templateLocal .zoneFour, #wrap #templateLife .zoneFour{float: left;width: 805px;}
#wrap #templateLocal .zoneFive, #wrap #templateLife .zoneFive{float: left;width: 260px;}
#wrap #templateLocal .zoneSix, #wrap #templateLife .zoneSix{float: left;width: 260px;margin: 0 12px 0 13px;}
#wrap #templateLocal .zoneSeven, #wrap #templateLife .zoneSeven{float: right;width: 260px;}
#wrap #templateLocal .zoneEight, #wrap #templateLife .zoneEight{float: left;width: 804px;}
#wrap #templateLocal .zoneNine, #wrap #templateLife .zoneNine{float: right;width: 127px;}
#wrap #templateLocal .zoneTen{float: left;width: 805px;}

/**************** Template - Lifestyle Events and Local Photos ****************************/
#wrap #templateLifeEvent .zoneOne,#wrap #templateLocalPhoto .zoneOne{float: left;width: 805px;}
#wrap #templateLifeEvent .zoneTwo,#wrap #templateLocalPhoto .zoneTwo{float: left;width: 490px;clear: left;}
#wrap #templateLifeEvent .zoneThree,#wrap #templateLocalPhoto .zoneThree{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #templateLifeEvent .zoneFour,#wrap #templateLocalPhoto .zoneFour{float: left;width: 805px;clear: left;}
#wrap #templateLifeEvent .zoneFive,#wrap #templateLocalPhoto .zoneFive{float: right;width: 127px;}

/**************** Template - Motors ****************************/
#wrap #templateMotors .zoneOne{float: left;width: 491px;}
#wrap #templateMotors .zoneTwo{float: left;width: 308px;margin: 0 0 0 10px;}
#wrap #templateMotors .zoneThree{float: left;width: 805px;clear: left;}
#wrap #templateMotors .zoneFour{float: right;width: 127px;}

/**************** Template - Family Announcements Landing ****************************/
#wrap #announceLanding .zoneOne{float: left;width: 805px;}
#wrap #announceLanding .zoneTwo{float: left;width: 398px;clear: left;}
#wrap #announceLanding .zoneThree{float: left;width: 398px;margin: 0 0 0 9px;}
#wrap #announceLanding .zoneFour{float: left;width: 805px;clear: left;}
#wrap #announceLanding .zoneFive{float: right;width: 127px;}

/**************** Template - Family Announcements Category ****************************/
#wrap #announceCat .zoneOne{float: left;width: 805px;}
#wrap #announceCat .zoneTwo{float: left;width: 490px;clear: left;}
#wrap #announceCat .zoneThree{float: left;width: 305px;margin: 0 0 0 10px;}
#wrap #announceCat .zoneFour{float: left;width: 805px;clear: left;}
#wrap #announceCat .zoneFive{float: right;width: 127px;}

/**************** Template - Main events landing page - andy, work your magic! ****************************/
#wrap #eventsMain{margin: -12px -8px 0 -8px; position: relative;float: left;}
#wrap #eventsMain .zoneOne {float: left; width: 944px;padding: 0 8px;}

/* == Head Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #head #headTools{float: left; width: 944px; padding: 0 8px; background:#ddd url(/__style/structure/images/v2/top-nav-bg.jpg) top left;height: 32px; line-height: 30px;}
#wrap #head #headTools ul{height: 32px;list-style-image: none;margin: 0;}
#wrap #head #headTools ul li{height: 32px;display: inline;margin: 0;background: url(/__style/structure/images/v2/top-nav-divider.jpg) center right no-repeat;padding: 9px;}
#wrap #head #headTools ul li a{height: 32px;color: #ffffff;font-family: arial;font-size: 11px;text-transform: uppercase;font-weight: bold;padding-right: 5px;}

#wrap #head #headBanner{float: left;margin: 0;background: #a2a2a2;padding: 10px 6px 10px 10px;width: 944px;height: 90px; text-align: center}
#wrap #head #bannerRight{float: right;margin: 0;background: #a2a2a2;padding: 10px 10px 10px 6px;width: 200px;height: 90px;}

#interactHolder{background: url(/__style/structure/images/v2/sub-links-bg.jpg) center right repeat-x;border-top: 1px solid #8b8b8b;width: 960px;height: 28px;float: left;}
#wrap #head #headInteract{float: right; width: 500px;margin: 0 8px 0 0; display: inline;}
#wrap #head #headInteract a.registerLink{background: url(/__style/structure/images/v2/register-bg.jpg) no-repeat;width: 68px;height: 26px;color: #4e4d4d;font-weight: bold;text-align: center;}
#wrap #head #headInteract a.accountLink{background: url(/__style/structure/images/v2/account-bg.jpg) no-repeat;width: 83px;height: 28px;color: #4e4d4d;font-weight: bold;text-align: center;}
#wrap #head #headInteract .join{background: url(/__style/structure/images/v2/join-bg.jpg) center right no-repeat; width: 295px; float: left;}
#wrap #head #headInteract .join:after{}
#wrap #head #headInteract .join span{}
#wrap #head #headInteract .join ul{list-style-image: none;margin: 0;}
#wrap #head #headInteract .join ul li{float: left;margin: 0;}
#wrap #head #headInteract .join ul li a{float: left;color: #4e4d4d;font-size: 12px;padding: 7px 4px 3px 4px;}
#wrap #head #headInteract .join ul li a.joinIn{float: left;color: #ffffff;font-size: 12px;padding: 7px 10px 3px 10px;}
#wrap #head #headInteract .join ul li a:hover{}

#wrap #head #headInteract .registerAccount{float: right;}
#wrap #head #headInteract .registerAccount a{padding: 6px 0 0 0;margin: 0 5px 0 0;}

#wrap #head #mastHead{float: left; width: 928px; height: 93px; padding: 6px 8px 8px 24px; background: url(/__style/structure/images/v2/logo-bg.jpg) top left repeat-x;}
#wrap #head #mastHead .logo{float: left;}
#wrap #head #mastHead .newspaperAward{float: left;margin: 0 0 0 39px;} 

#wrap #head #mastHead #headSearch{float: right;width: 225px; margin: 40px 0 0 0;}
#wrap #head #mastHead #headSearch #inner{color: #5d5f5c;}
#wrap #head #mastHead #headSearch #inner ul{margin: 0;list-style-image: none;text-align: right;}
#wrap #head #mastHead #headSearch #inner ul li{margin: 0; display: inline;}
#wrap #head #mastHead #headSearch #inner ul li a{color: #5d5f5c;font-weight: bold;}
#wrap #head #mastHead #headSearch #inner ul li span{color: #5d5f5c;font-weight: bold;padding: 0 1px 0 4px;}
#wrap #head #mastHead #headSearch #inner ul li a:hover, #wrap #head #mastHead #headSearch #inner ul li a.on{color: #5d5f5c;}
#wrap #head #mastHead #headSearch #inner label{color: #5d5f5c;}
#wrap #head #mastHead #headSearch #inner .inputText{background: #fefefe url(/__style/structure/images/input-bg.gif) bottom left repeat-x;color: #5d5f5c;width: 178px;padding: 0 0 0 5px;margin: 0;height: 23px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;float:left;}
#wrap #head #mastHead #headSearch #inner .btn{vertical-align: bottom;padding: 0;margin: 0;background: #cd1414 url(/__style/structure/images/v2/search-btn.jpg) top left no-repeat;height: 27px;border: none;width: 34px;float:left;}

#wrap #head #mastHead #headDate{float: left; clear: left;width: 250px;margin: -10px 0 0 0;font-family:arial;font-size: 13px;color: #291d11;line-height: 1.4em;}
#wrap #head #mastHead #headDate span{color: #d31616;padding: 0 6px;}

#wrap #head #mastHead a.headRss{float: right;clear: right;color: #2a2a2a;font-size: 95%;background: url(/__style/structure/images/rss-sml.gif) center right no-repeat;padding: 0 18px 0 0;margin: 8px 8px 0 0;width: 95px;}

#wrap .pageWrapLeft{left: -155px; position: absolute; top: 0; display:none;}
#wrap .pageWrapRight{right: -155px; position: absolute; top: 0; display:none;}

/* == Navigation
----------------------------------------------------------------------------------------------------------------------*/
#wrap #head #priNav {background:url(/__style/structure/images/v2/pri-nav-bg.gif) repeat-x scroll 0 -78px transparent;float:left;margin:0;width:961px;}
#wrap #head #priNav ul {background:url(/__style/structure/images/v2/pri-nav-bg.gif) no-repeat scroll right 0px transparent;float:left;list-style:none outside none;margin:0;width:961px;}
#wrap #head #priNav ul li {float:left;margin:0;}
#wrap #head #priNav ul li a {background:url(/__style/structure/images/v2/pri-nav-divide.gif) no-repeat scroll right center transparent;color:#767676;float:left;font-family:Arial Narrow,Arial;font-size:13px;font-weight:bold;text-transform:uppercase;margin-left:-1px;}
#wrap #head #priNav ul li a span {cursor:pointer;float:left;height:39px;line-height:36px;padding:0 17px;}
#wrap #head #priNav ul li a:hover {color:#333333;text-decoration:none;}
#wrap #head #priNav ul li.navFirst {background:url(/__style/structure/images/v2/pri-nav-bg.gif) no-repeat scroll 0 0 transparent;}
#wrap #head #priNav ul li.navEnd a {background:none repeat scroll 0 0 transparent;}
#wrap #head #priNav ul li a.on {color:#ffffff;background:url(/__style/structure/images/v2/pri-nav-on-left.gif) no-repeat scroll left top transparent;}
#wrap #head #priNav ul li a.on span {background:url(/__style/structure/images/v2/pri-nav-on-right.gif) no-repeat scroll right top transparent;}
#wrap #head #priNav ul li a.on:hover {color:#FFFFFF;}
#wrap #head #priNav ul li.navFirst {margin-left:0;}
#wrap #head #priNav ul li.navFirst a.on {background:url(/__style/structure/images/v2/pri-nav-on-left-first.gif) no-repeat scroll left top transparent;padding-left:0;}
#wrap #head #priNav ul li ul {display:none;}

#wrap #head #subNav {background:#d80905;float:left;width:961px;height:32px;margin-left:-1px;}
#wrap #head #subNav ul {float:left;list-style:none outside none;margin:0 0 0 5px;padding:0;width:950px;}
#wrap #head #subNav ul li {background:url(/__style/structure/images/v2/sub-nav-divide.gif) no-repeat scroll right center transparent;float:left;margin:0;padding-right:2px;}
#wrap #head #subNav ul li.subEnd{background:none repeat scroll 0 0 transparent;}
#wrap #head #subNav ul li a {color:#FFFFFF;float:left;font-family:Arial;font-size:12px;font-weight:bold;height:28px;line-height:28px;padding:0 6px;text-transform:capitalize;}
#wrap #head #subNav ul li a:hover {text-decoration:underline;}

/*
#wrap #head #priNav{float: left; width: 950px; background:url(/__style/structure/images/nav-gradient.gif) top left repeat-x; border:solid 1px #e1e1e1; border-width: 0 1px 1px 1px;padding: 0 0 0 8px;}
#wrap #head #priNav ul{float: left;list-style-image: none;margin: 0;}
#wrap #head #priNav ul li{float: left;margin: 0;}
#wrap #head #priNav ul li a{float: left;color: #666; font-weight: bold;background: url(/__style/structure/images/nav-dot.gif) center left no-repeat;}
#wrap #head #priNav ul li a span{float: left;height: 32px; line-height: 30px;background: url(/__style/structure/images/nav-icon.gif) center right no-repeat;padding: 0 26px 0 14px;cursor: pointer;}
#wrap #head #priNav ul li a.home{background: none;}
#wrap #head #priNav ul li a:hover, #wrap #head #priNav ul li a.on{background: url(/__style/structure/images/nav-hover.gif) top left repeat-x; color: #fff;text-decoration: none;}
#wrap #head #priNav ul li a:hover span, #wrap #head #priNav ul li a.on span{background: url(/__style/structure/images/nav-icon-hover.gif) center right no-repeat;}

#wrap #head #subNav{float: left; width: 944px; background: #3e3e3e;padding: 0 8px;}
#wrap #head #subNav ul{float: left;list-style-image: none;margin: 0;}
#wrap #head #subNav ul li{float: left;margin: 0;height: 30px; line-height: 30px;background: url(/__style/structure/images/subnav-dot.gif) center right no-repeat; padding: 0 10px 0 10px;}
#wrap #head #subNav ul li a{float: left; color: #fff;font-size: 95%;}
#wrap #head #subNav ul li a.on {font-weight: bold;background: url(/__style/structure/images/subnav-on.gif) bottom center no-repeat;}

#wrap #head #subNav3{float: left; width: 944px; background: #cccccc;padding: 0 8px;}
#wrap #head #subNav3 ul{float: left;list-style-image: none;margin: 0;}
#wrap #head #subNav3 ul li{float: left;margin: 0;height: 30px; line-height: 30px; padding: 0 13px 0 11px;}
#wrap #head #subNav3 ul li a{float: left; color:#3e3e3e;font-size: 95%;}
#wrap #head #subNav3 ul li a.on{font-weight: bold;}
*/
/* == Footer Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #footer ul{margin: 0 5px 0 0; list-style-image: none;float: left;width: 80px;}
#wrap #footer ul li a{color: #333;font-size: 85%;}
#wrap #footer ul li a.lead{font-weight: bold;color: #8c1616;font-size: 90%;}

#wrap #footTools ul{margin: 0; list-style-image: none;text-align: center;font-size: 95%;}
#wrap #footTools ul li{display: inline;}
#wrap #footTools ul li a{color: #3284d6;font-weight: bold;}
#wrap #footTools ul li span{padding: 0 8px 0 10px;}
