/* == STYLESHEET FUNCTIONS - Site layout and base style overrides
----------------------------------------------------------------------------------------------------------------------

/* == Main Layout Structure
----------------------------------------------------------------------------------------------------------------------*/
#wrap{margin: 0 auto; text-align: left; width: 960px;background: #fff;padding: 0 16px;}
#wrap:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap #head{float: left; width: 960px;}
#wrap #mainContent{float: left; width: 960px; margin: 20px 0;display: inline;}
#wrap #footer{float: left; width: 962px; padding: 10px 15px; margin: 0 -16px 0 -16px; background: #ccc;}
#wrap #footTools{float: left; width: 944px;border-top: solid 1px #e6e6e6;margin: 0 8px;display: inline;padding: 8px 0 8px 0;}
#wrap #footSocial{float: left; width: 960px;border-top: solid 1px #d5d5d5; padding: 20px 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;}

/**************** Template - Total Template ****************************/
#wrap #templateTotal #colOne{float: left; width: 630px;}
#wrap #templateTotal #colTwo{float: right; width: 300px;}

#wrap #templateTotal .zoneOne{float: left; width: 100%;}
#wrap #templateTotal .zoneTwo{float: left; width: 100%;}
#wrap #templateTotal .zoneThree{float: left; width: 300px;}
#wrap #templateTotal .zoneFour{float: right; width: 300px;}
#wrap #templateTotal .zoneFive{float: left; width: 100%;}
#wrap #templateTotal .zoneSix{float: left; width: 300px;}
#wrap #templateTotal .zoneSeven{float: right; width: 300px;}
#wrap #templateTotal .zoneEight{float: left; width: 100%;}
#wrap #templateTotal .zoneNine{float: left; width: 300px;}
#wrap #templateTotal .zoneTen{float: right; width: 300px;}
#wrap #templateTotal .zoneEleven{float: left; width: 100%;}
#wrap #templateTotal .zoneTwelve{float: left; width: 100%;margin-bottom: 20px;}
#wrap #templateTotal .zoneThirteen{float: left; width: 48%;}
#wrap #templateTotal .zoneFourteen{float: right; width: 48%;}
#wrap #templateTotal .zoneFifteen{float: left; width: 100%;}
#wrap #templateTotal .zoneSixteen{float: left; width: 300px; clear: left;}
#wrap #templateTotal .zoneSeventeen{float: left; width: 300px; margin-left: 30px;}
#wrap #templateTotal .zoneEighteen{float: right; width: 300px;}

/** these are temporary setup styles **/
body.withgrid #wrap #templateTotal .zoneOne,
body.withgrid #wrap #templateTotal .zoneTwo,
body.withgrid #wrap #templateTotal .zoneThree,
body.withgrid #wrap #templateTotal .zoneFour,
body.withgrid #wrap #templateTotal .zoneFive,
body.withgrid #wrap #templateTotal .zoneSix,
body.withgrid #wrap #templateTotal .zoneSeven,
body.withgrid #wrap #templateTotal .zoneEight,
body.withgrid #wrap #templateTotal .zoneNine,
body.withgrid #wrap #templateTotal .zoneTen,
body.withgrid #wrap #templateTotal .zoneEleven,
body.withgrid #wrap #templateTotal .zoneTwelve,
body.withgrid #wrap #templateTotal .zoneThirteen,
body.withgrid #wrap #templateTotal .zoneFourteen,
body.withgrid #wrap #templateTotal .zoneFifteen,
body.withgrid #wrap #templateTotal .zoneSixteen,
body.withgrid #wrap #templateTotal .zoneSeventeen,
body.withgrid #wrap #templateTotal .zoneEighteen{background: #f6f6f6; margin-bottom: 10px;}

#wrap #templateTotal .zoneHelper{display: none; padding: 10px; font-size: 90%; font-style: italic; color: #777;}
body.withgrid #wrap #templateTotal .zoneHelper{display: block;}

/* == Head Content
----------------------------------------------------------------------------------------------------------------------*/
#wrap #head #headBanner{margin: 0;padding: 10px 0;/*height: 90px;*/ text-align: center; border-bottom: solid 1px #d5d5d5;}
#wrap #head #headBanner .left{float: left;}
#wrap #head #headBanner .right{float: right;}

#wrap #head #headInteract{padding-top: 8px;}
#wrap #head #headInteract ul{list-style-image: none; margin: 0; text-align: right;}
#wrap #head #headInteract ul li{display: inline-block;*display:inline;zoom:1; margin: 0 0 0 5px; padding: 0 0 0 10px; background: url(/__style/structure/images/v3/link-divide.gif) no-repeat left center;}
#wrap #head #headInteract ul li.first{background: none;}
#wrap #head #headInteract ul li a{color: #333;font-size: 12px;}

#wrap #head #mastHead{float: left; width: 960px;}
#wrap #head #mastHead .logo{float: left;margin: 30px 0 0 0;}
#wrap #head #mastHead .newspaperAward{float: left;margin: 25px 0 0 39px;} 

#wrap #head #mastHead .dateTime{font-size: 13px; font-weight: bold; color: #291d11; line-height: 1.4em; text-align: right; clear: right; padding-bottom: 5px;}
#wrap #head #mastHead .dateTime p{margin: 0;}
#wrap #head #mastHead .dateTime span{margin: 0 0 0 5px;padding: 0 0 0 10px;background: url(/__style/structure/images/v3/link-divide.gif) no-repeat left center;}

#wrap #head #mastHead #headSearch{float: right;width: 205px; margin: 30px 0 0 0;}
#wrap #head #mastHead #headSearch #inner label{color: #5d5f5c;}
#wrap #head #mastHead #headSearch #inner .inputText{border: 0; background: #fefefe url(/__style/structure/images/v3/search-bg.gif) bottom left repeat-x;color: #5d5f5c;width: 168px;padding: 0 0 0 5px;margin: 0;height: 23px;float:left;}
#wrap #head #mastHead #headSearch #inner .btn{vertical-align: bottom;padding: 0;margin: 0;background: #cd1414 url(/__style/structure/images/v3/search-btn.gif) top left no-repeat;height: 23px;border: none;width: 32px;float:left; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

#wrap #head .registerAccount{float: right; clear: right; margin: 0 0 23px 0; padding: 6px 0 0 0;}
#wrap #head .registerAccount a{display: inline-block;margin: 0 0 0 5px; padding: 0 0 0 10px; background: url(/__style/structure/images/v3/link-divide.gif) no-repeat left center;color: #333;font-size: 12px;}
#wrap #head .registerAccount a.registerLink{background: none;}

#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 #head .cookiePrompt{background: #eee url(/__style/structure/images/stripe.gif) left top; padding: 10px; font-weight: bold; color: #111; position: relative; text-shadow: 1px 1px 1px #fff; display: none;}
#wrap #head .cookiePrompt p{margin: 0;}
#wrap #head .cookiePrompt .cookieClosePrompt{position: absolute; top: 13px; right: 15px;}

/* == Navigation
----------------------------------------------------------------------------------------------------------------------*/
#wrap #head #priNav {background: #282828 url(/__style/structure/images/v3/prinav-bg.gif) repeat-x left top;float:left;margin:0;width:960px;}
#wrap #head #priNav ul {float:left;list-style:none;margin:0;width:960px;}
#wrap #head #priNav ul li {float:left;margin:0;}
#wrap #head #priNav ul li a {color:#fff;float:left;font-size:12px;font-weight:bold;text-transform:uppercase;}
#wrap #head #priNav ul li a span {cursor:pointer;float:left;height:33px;line-height:29px;padding:0 17px;}
#wrap #head #priNav ul li a:hover {color:#fff;text-decoration:none;}
#wrap #head #priNav ul li a:hover span{background: url(/__style/structure/images/v3/prinav-bg-hov.gif) repeat-x left top;}
#wrap #head #priNav ul li a.on {color:#ffffff;}
#wrap #head #priNav ul li a.on span {background:url(/__style/structure/images/v3/prinav-bg-on.gif) no-repeat center top;}
#wrap #head #priNav ul li ul {display:none;}

#wrap #head #subNav {background:#e3e3e3;float:left;width:960px;height:28px;}
#wrap #head #subNav ul {float:left;list-style:none outside none;margin:0;padding:0;width:960px;}
#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:#3a3937;float:left;font-family:Arial;font-size:12px;font-weight:bold;height:28px;line-height:25px;padding:0 12px;text-transform:capitalize;}
#wrap #head #subNav ul li a:hover {text-decoration:underline;}
#wrap #head #subNav ul li a.on{color: #D31616}

/*
#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: 100px;}
#wrap #footer ul li a{color: #333;font-size: 95%;}
#wrap #footer ul li a.lead{font-weight: bold; color: #111; font-size: 100%;}

#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;}

#wrap #footSocial .toTop{float: right; font-weight: bold; color: #000; margin-top: -10px; background: url(/__style/structure/images/v3/up.gif) no-repeat right 2px; padding: 0 8px 0 0;}
#wrap #footSocial ul{margin: 0; list-style-image: none; zoom: 1;}
#wrap #footSocial ul:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap #footSocial ul li{float: left; margin: 0 20px 0 0; width: 100px;}
#wrap #footSocial ul li a{float: left; color: #282828; padding: 2px 0 2px 38px; font-weight: bold;}
#wrap #footSocial ul li a:hover{text-decoration: none;}
#wrap #footSocial ul li a.facebook{background: url(/__style/structure/images/v3/fb.gif) no-repeat left center;}
#wrap #footSocial ul li a.facebook:hover{color: #314d8c;}
#wrap #footSocial ul li a.twitter{background: url(/__style/structure/images/v3/twitter.gif) no-repeat left center;}
#wrap #footSocial ul li a.twitter:hover{color: #1c89b4;}
#wrap #footSocial ul li.bookmarks{text-align: right; width: 128px; margin-top: -5px;}
#wrap #footSocial ul li.bookmarks a{float: none; padding: 0;}
#wrap #footSocial ul li.bookmarks a.explain{font-style: italic; font-size: 90%; padding: 0 0 8px 0; display: block;}

#wrap #foot #footBanner{margin: 0;background: #a2a2a2;padding: 10px 6px 10px 10px;width: 944px;height: 90px; text-align: center}

.pageWrapLeft{position:absolute; top:0; margin-left:-170px;}
.pageWrapRight{position:absolute; top:0; margin-left:960px;}