/* LAYOUT */
.pageWidth {width:950px; margin: 0 auto;}
#container, #printContainer {	background:#fff;}
#content {z-index:3;}
#contentBar { float:left; }
#sideBar { float:right;}
#leftCol, #middleCol { float:left; }

/* ########### COMPONENT STYLING ########### */

.ypHead {color:black; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff36a; margin-top:5px;}
.ypHead span{background-position:5px -3919px;}
.skyScaper{margin-top:10px; padding:0 0 10px 122px; border-bottom:1px dotted #ccc;}

/* GLOBAL NAV */
div#gNav { padding:11px 0 11px 25px; z-index:6; padding-top:5px; margin-top:3px;}
div#gNavStatic {padding:11px 0;}
div#gNavStatic .nav{margin-top:16px;}
div#gNav h3 span{font-weight:normal;}
ul.nav li {float: left; padding:0 10px; border-right:1px dotted #ccc;}
ul.nav li .signUp {background:url("/images/buttons/default_btn.gif") repeat-x; border:1px solid #f1f1f1; -moz-border-radius:3px; -webkit-border-radius:3px; padding:2px 5px !important;}
div#gNav ul li { float: left; color:#ccc; _height:1%;}
div#gNav ul li a, div#gNavStatic ul li a {font-weight:bold;}

/* ////////HEADER/////// */
#header {position:relative; z-index:5; width:100%; border-bottom:5px solid #71c9ff;}
.headerContent { padding:0 10px 10px 0;}

/* COMMON DROPDOWN */
.dropdown { position:absolute; top:20px; right:0; width:125px; }
.dropdown li { display:block; float:none !important; clear:both; padding:0px !important; margin:0px !important;  white-space:nowrap; _height:1%;}
.dropdownInner { padding:10px; background:#f4fbff; border:2px solid #999; border-top:4px solid #999; z-index:10; float:right;}
.dropdownInner li { border:none !important; }
.dropdown a { display:block; padding:3px 5px; }
.dropdown a:hover { background-color:#caf0fa; }
.dropdown a.closeBtn:hover { background-color:#f4fbff; }
div.filterDropdown { position:absolute; left:155px; z-index:100; width:620px;}
div.filterDropdown .dropdownInner { position:relative; float:left;}
.filterDropdown ul.list { float:left; width:190px; }
.moreFilters { top:0px;}
.moreFilters .allFiltersHeight{height:280px; overflow:auto; width:590px;}
.moreDrop .dropdown a { width:116px; }
#userDropDown { width:108px; }

/* SUGGEST DROPDOWN */
div.localSuggestContainer { position:absolute; left:0px; top:31px; z-index: 52; background:#fff; border:1px solid #c2e8ff; font-size:.9em; overflow:auto; width:100%; }
div.localSuggestContainer div.suggestNormal{ color:#333; padding:2px 5px 2px 8px; font-weight:normal;}
div.localSuggestContainer div.suggestHover { background-color:#f4fbff; border-top:1px solid #c2e8ff; border-bottom:1px solid #c2e8ff; padding:1px 5px 1px 8px;  z-index: 53;  }
div.localSuggestContainer div.suggestHeader { font-size:1em; text-transform:uppercase; color:#1A68A1; padding:4px 9px; background:#ECF7FE; letter-spacing:1px; z-index: 54; font-weight:bold; }
div.localSuggestContainer div.suggestSticky {color:#004156}
div.localSuggestContainer div.suggestStickyHover{background-color:#004156; color:#fff}

/* CITY DROPDOWN BOX */
div.metroCityList {position:absolute; top:46px; left:0px; z-index:600; font-size:.9em;  }
.metroCiltyBox { width:700px; _width:720px; }
.nextPre a {display:inline}
.rightNav .dropdownInner li a { padding:3px !important; }
.popularMetros, .allCities { padding:5px 1em; width:390px; }
div.metroCityList div.popularMetros { background:#FFF; width:260px; height:360px;border-right:1px dotted #999;}
div.metroCityList div.popularMetros li a { text-transform:uppercase; }
.allCities ul.cityDropdown li a { color:#888 }
ul.cityDropdown { width:119px; _width:122px; height:313px; float:left; margin:5px; overflow:hidden;}
ul.cityDropdown li { display:block; float:none !important; padding:0px !important; _height:1%;}
ul.cityDropdown li a { font-weight:bold; padding:5px !important; display:block; border-bottom:1px dotted #ccc; margin:0px !important;}
ul.cityDropdown li a:hover { background:#0DB7F6; color:#fff; }

/* SEARCH BAR */
#header .searchWrap {margin-left:30px; float:left; width:765px;}
.searchLeft{background:url(/images/elements/sprite-searchbox.png) no-repeat 0 0; padding-left:14px;}
.searchRight{background:url(/images/elements/sprite-searchbox.png) no-repeat right -68px; padding-right:13px;}
.searchMiddle{background:url(/images/elements/sprite-searchbox.png) repeat-x 0 -137px; height:58px;}
#header a.cityName {color:#333; font-weight:bold; padding:5px 30px 5px 7px !important; height:18px; background-position:right -2170px; font-size:1.3em; border:1px dotted #C6EEFD;  border-top:1px dotted #fff; }
#header a.cityName:hover {border:1px solid #999; background-color:#fff;}
.searchWrap h3{font-size:1.85em; line-height:0.71em; padding-bottom:10px;}
.searchWrap .area{font-size:11px; padding-top:5px; float:left;}
.searchWrap .searchTips{font-size:11px; padding-top:5px; float:right;}
.searchWrap strong{float:left; font-size:1.3em; margin:0 10px; height:35px; line-height:35px;}
.searchWrap .searchPad {padding-top:15px;}
.searchWrap .search{width:265px;}
.searchWrap .locality{width:130px;}
.searchWrap div.localSuggestContainer { left:1px !important; width:99% !important; top:30px !important;}
.searchWrap .srchInput {font-size:1.2em; padding:4px 5px; margin:0px; padding-top /*\**/: 2px\9; *padding-top:6px; border:1px solid #999; height:20px;}
.searchWrap .btn {background:url("/images/elements/search-box.png") no-repeat; font-size:18px; line-height:16px; border:none; width:91px; text-align:center; height:34px; padding-bottom:5px; cursor:pointer; color:#333; padding-top:0px;}
.searchWrap .srchBtn {background-position:right -110px;}
.searchWrap .srchBtnHover {background-position:right -154px;}

.what { float:left; background:url(/images/elements/search-box.png) no-repeat -3px -2px; height:40px; margin-right:10px; _margin-right:5px; }
.where { float:left; background:url(/images/elements/search-box.png) no-repeat -3px -88px; height:40px; margin-right:10px; _margin-right:5px; }
.srchInputLeft .srchLabel { float:left; font-size:1.3em; color:#666; padding:8px 0px 8px 15px;  width:63px;}
.srchInputLeft .srchInputRight { float:left; width:240px;background:url(/images/elements/search-box.png) no-repeat right -51px; height:40px; padding-right:5px; }
.what .srchInputRight { width:255px; }
.where .srchInputRight { width:205px; }
.srchInputLeft input { border:none; background:none; line-height:1.2em !important; vertical-align:text-top; }
.srchInputLeft input:focus { outline:none;  }

/*///// FIND BOX ////*/
.searchBox { position:absolute; top:20px; right:0px; padding:5px; z-index:60; background:#f3f3f3; border:1px solid #ccc; margin-top:-1px;}
.searchBox span.inputWrap { border:1px solid #999;width:200px; background:#fff; margin:0px !important;  margin-bottom:5px !important; padding-top:2px;}
#searchHelp { clear:both; display:block; width:200px; }
.searchBox span.inputWrap input { border:none !important; width:150px !important; padding:2px 5px; background:none;}
.searchBox span.inputWrap button { height:20px; background-position:right -3745px; margin-right:10px; }
.searchBox small { font-weight:normal; font-size:.9em; color:#666; padding:0px !important; line-height:1.1em; display:block;  }
.searchBox small small { display:block; border-top:1px dotted #999; }
/*/END FIND BOX*/

/* searchBar round corner */
span.topLeftRound { display:block; height:23px; width:21px;background:url("/images/elements/round_corners.gif") no-repeat 0px -260px; position:absolute; top:0; left:0;}
span.topRightRound { display:block; height:23px; width:21px;background:url("/images/elements/round_corners.gif") no-repeat right -260px; position:absolute; top:0; right:0; _right:-1px; cursor:pointer; z-index:10;}
span.bottomLeftRound { display:block; height:23px; width:21px;background:url("/images/elements/round_corners.gif") no-repeat left bottom; position:absolute; bottom:0; left:0; _bottom:49px;}
span.bottomRightRound { display:block; height:23px; width:21px;background:url("/images/elements/round_corners.gif") no-repeat right bottom; position:absolute; bottom:0; right:0; _bottom:49px;}
/* searchBar end */

/* BREADCRUMBS */
.breadcrumbs {font-weight:normal !important; text-transform:none !important; color:#333; white-space:normal !important; overflow:hidden; padding:8px 0px; }
.breadcrumbs a { margin:0px 5px; line-height:1.5em;}

/* FILTER BY ALPHABETS */
.useFilter { background:url(/images/elements/use_filter.gif) no-repeat left bottom; padding:5px 8px; padding-bottom:15px; text-align:center; }
.useFilter big { text-transform:uppercase; font-size:.90em; font-weight:bold; line-height:1.3em;}
.alphabet { padding:2px 0px; border-top:1px dotted #ccc; margin:.4em 0em .9em 0em; border-bottom:1px dotted #ccc; font-size:.95em !important;}
.alphabet span.grey { color:#444; cursor:default; margin-right:10px; font-size:1em; font-weight:bold;}
.alphabet a { padding:1px 4px; text-transform:uppercase; border-right:1px solid #F6F6F6;  margin:0px; margin-left:-3px;}
.alphabet span.disable { padding:0px 4px 1px 4px; text-transform:uppercase; border-right:1px solid #F6F6F6;  margin:0px; margin-left:-3px; color:#ccc;cursor:default; }
.alphabet a:hover, div.filters ul li a:hover { background:#0087E1; color:#fff;  text-decoration:none;}

/* PAGINATION */
div.paginationBar {padding:6px 0 5px 0; text-align: left;}
ul.pagination li { line-height:1.5em !important; margin-right: 5px; float:left; background:none !important; padding:0px !important; border:none !important;}
ul.pagination li:first-child {border: none}
ul.pagination li a {padding:0 6px; text-decoration:none; font-size:.9em; background:#888; color:#fff;}
ul.pagination li a:hover, ul.pagination li.active a { background:#0099FF; color:#fff; }
ul.pagination li.active a { cursor:default; background:#ed1c24;}

/* Yellow Pages Redirect */
.ypRedirect{ border:2px solid #ffcc00; background:#fef200; padding:15px;}
.ypRedirect .msg{width:500px; padding-right:30px;}
.ypRedirect .left a{display:block; width:165px; margin:0 10px 5px 0; font-weight:bold; text-decoration:underline; font-size:0.9em;}
.ypRedirect .closeBtn{right:30px; top:30px;}

/* Footer */
.footer{width:950px; margin:20px auto 33px auto; border-top:4px solid #71c9ff; border-bottom:4px solid #04abeb; background:url(/images/elements/bg-footer.gif) repeat-x bottom;}
.freeCopy{padding:10px 25px; border-right:1px dotted #ccc; float:left; width:675px;}
.footer .suggestion{float:left; padding:10px 0; margin:12px 0 0 20px;}
.footer .suggestion a{ background:#04ABEB none repeat scroll 0 0;color:#FFFFFF;font-size:1.1em;font-weight:bold;padding:10px;}
.footerCont {border:1px solid #ccc; border-bottom:0!important;}
.greyDark a{text-decoration:underline; color:#00bcff;}
.greyDark a:hover{text-decoration:none;}
.footerPad{padding:20px 25px;}
.leftCol{float:left; width:450px; padding-right:20px;}
.leftCol p{line-height:1.2em;}
.footerLinks{padding:25px 0 5px 0;}
.footerLinks a, .footerPad .midCol a{text-decoration:underline;}
.footerLinks a:hover, .footerPad .midCol a:hover{text-decoration:none;}
.midCol{border-left:1px dotted #ccc; border-right:1px dotted #ccc; float:left; padding:0 20px; margin-left:20px; width:168px; height:180px;}
.rhtCol{float:left; width:168px; padding-left:20px;}
.footerPad li{padding:0 0 10px 15px; background:url(/images/icons/icons_sprite.png) no-repeat 0 -4470px; }
.footerPad .rhtCol a{color:#666; text-decoration:underline;}
.footerPad .rhtCol a:hover{color:#0064d5; text-decoration:none;}

/* ########### COMPONENT STYLING ENDS ########### */

/* ########### PAGES LAYOUT ##################### */

/* HOMEOPAGE LAYOUT STYLING */
#homepage {margin-top:20px;}
#homepage #contentBar{width:725px; border-right:1px dotted #ccc;}
#homepage #sideBar {width:185px; padding:0 10px;}
.homeProductGroup { width:220px; float:left; padding:10px 0; padding-right:20px;}
.homeProductGroup h3 {line-height:1.2em; font-size:1.3em; color:#0187EF;}
.homeProductGroup h3 .count { font-weight:normal; color:#999; font-size:.9em; display:none;}
.homeProductGroup p a { color:#666; line-height:1.5em; font-size:1.1em;}
.homeProductGroup p a:hover { color:#0074d7;}
.bdrDotted{border-top:1px dotted #ccc; margin:15px 0 10px;}
.browse{padding:0 25px 25px 0;}
.browse a {padding-bottom:10px;}
.browse a { font-weight:bold; float:left; margin-right:10px; line-height:1.5em}
.browseCity li{float:left; padding:5px 17px 5px 0;}
.browseCity li a{display:block; padding:2px; font-size:1em;}
.bdrDotted a.leftArrow {background-position:right -418px; white-space:nowrap;}
.bdrDotted a.leftArrow:hover {background-position:right -451px;}
.seeAllProd {top:-14px; right:20px; position:absolute; background-color:#fff!important; border:1px dotted #ccc; padding:3px 32px 3px 5px;}

/* Homepage Features */
.features {border-top:1px dotted #ccc;}
.dvFeatures h2{padding-bottom:10px;}
.dvFeatures p{color:#666;}
.dvFeatures h3 {font-size:1.2em; font-weight:bold; color:#000; padding:17px 0 10px 35px; cursor:pointer;}
.dvFeatures .col{border-right:1px solid #fff; padding-right:20px; width:220px;}
.dvFeatures .colR {width:205px; padding-right:20px;}
.hoverFeature a.readMoreLink{background-position:right -391px; color:#0064D5;}

.testimonials {background:#F9F9F9; padding:10px 25px; margin-top:10px; border:1px dashed #ccc;}
.testimonialsLeft{background:url(/images/elements/commas.png) no-repeat 0 0; padding-left:65px;}
.testimonialsRight{background:url(/images/elements/commas.png) no-repeat right -81px; padding-right:65px;}
.testimonialsMiddle{height:62px; padding:0 10px;}
.testimonials img{border:1px solid #fff;}
.testimonialsMiddle a{line-height:1.7em; color:#666; display:block;}
.testimonialsMiddle a span{float:left; padding-left:10px; width:660px;}
.bottomBar{background:#F9F9F9; margin-top:10px;}
a.closeFeatures{background-color:#F9F9F9; background-position:center -500px; height:12px; display:block; margin-top:10px;}
a.closeFeatures:hover{background-position:center -542px;}
.iconsFeatures {background: url("/images/icons/sprite_features.png") no-repeat;}
.trusted {background-position:0 14px;}
.search {background-position:0 -77px;}
.freeCall {background-position:0 -170px;}
.addBusiness {background-position:0 -265px;}

/* SEARCH-RESULTS PAGE */
div#searchpage div#contentBar { width:769px;  border-right:1px dotted #ccc; padding-top:5px;}
div#searchpage #sideBar {width:160px; padding:10px;}
div#searchpage div#contentBar div#leftCol { width:160px; }
div#searchpage div#contentBar div#middleCol { width:600px; }
div#searchpage div#contentBar .sharePlaceholder { font-size:.95em; text-transform:none; font-weight:normal; z-index:5; position:absolute; top:8px; right:10px;}
div#middleCol div.wrap { padding-left:10px; }
.resultsHead { padding:12px 7px 10px 9px !important; }
div#searchpage .resultsHead h2 { float:left; font-weight:normal; width:400px;}
div.resultList h2 em { font-style:normal; font-weight:bold !important; }
.resultsHead h2 a { color:#111;  }
div.results { margin-bottom:10px; }
div.results .info { margin-top:10px; }
p.teleRow .phone { font-size:1.15em; }

p.productRow { color:#666666; font-size:.9em; line-height:1.15em; padding-left:23px!important;}
p.productRow em { font-weight:600; font-style:normal; }
div.resultList { border:1px solid #D7EEFF; background-image:url(/images/elements/checks.gif); margin-bottom:10px;}
div.resultList .resultsHead { background:#d7eeff;}
div.paid { background:#fefcd6; border:1px solid #FFF073;}
div.paid .resultsHead {background:#fff073; }
div.resultListHover, div.paidHover { border:1px solid #c2e8ff; }
div.resultListHover h2 a, div.paidHover h2 a { color:#0187EF !important; text-decoration:underline;   }
div.resultListHover h2 a.removeLink, div.paidHover h2 a .removeLink { text-decoration:none;}
.ypRow { background:#fafafa; padding:3px 5px 2px 5px; border-top:1px dotted #ccc; }
.ypRow small { padding-top:2px; display:block; white-space:nowrap;}
div.paid .ypRow { background:#fdfbea; }

div.resultInfo { padding:8px 8px 1px;}
div.resultInfo p { padding:2px 0px;}
span.phone { float:left; font-weight:bold; }
.inside small { display:block; color:#333; font-size:.9em; cursor:pointer; }
.insideList { background:#fafcfe; border:1px solid #e6e6e6; margin-bottom:5px;}
.insideList ul { padding:4px; }
.insideList ul li { width:43%; margin-right:10px; float:left; }
.insideList p { clear:both; border-top:1px solid #e6e6e6; background:#fff; padding-left:24px !important;}

/* BUSINESS DETAIL PAGE */
div#detailpage div#contentBar { width:630px;}
div#detailpage div#sideBar { width:320px;}
div.bizDetailBlock { border:1px solid #f3f3f3; border-top:none; }
.inactiveListing {color:#999!important;}
div.bizBlueInfoBox { min-height:207px; background:#f7fbff; color:#000;}
div.bizNameHeader { background:#fff url(/images/elements/sprite_bg_xrepeat.gif) repeat-x left -200px; border-bottom:1px solid #f3f3f3; padding:11px 10px 9px 10px; }
div.bizNameHeader h1 { float:left; width:75%; }
div.bizDetailBlock div.bizContactInfo { padding:10px 10px 0px 10px;}
div.bizContactInfo p, div.bizContactInfo address { padding-bottom:5px; padding-left:20px;}
div.actionRow { border-bottom:1px solid #eee; display:block; background:#f7fbff; position:relative; z-index:4;}
div.actionRow div.ypAdBlock { padding:5px 0px 2px 10px;}
div.actionRow div.greyActionBlock { background:#f3f3f3; padding:5px 10px; position:relative; z-index:10; }
div.actionRow div.greyActionBlock .left { margin-left:10px; }
div.actionRow div.greyActionBlock a { float:left; font-size:.9em; color:#999; }
div.actionRow div.greyActionBlock a:hover { float:left; font-size:.9em; color:#019cff; }
div#sideBar div.gMap { padding:9px; width:301px; height:228px; overflow:hidden; background:#F7FBFF; border:1px solid #f3f3f3; border-left:0; }
.actionLinkBlock{border-top:1px dashed #eaedf0; padding:11px 0 11px 7px;}
.actionLinkBlock a{font-size:0.9em; font-weight:bold; color:#0087e1; text-decoration:none; padding-left:4px;}

div.bizDetails { padding:20px 10px 10px 10px;  }
div.oHours { margin-left:20px; color:#666; border:1px solid #f3f3f3; padding:0px 10px; font-size:.9em; background:#fff; margin-bottom:10px;}
div.dayRow { padding:5px 0px; border-bottom:1px solid #f3f3f3; }
div.dayRow div.dayCol { width:80px; font-weight:bold;}
div.dayRow span.left { margin-right:10px; }
.bizDetails h2{width:485px; font-size:1.2em;}
.bizDetails .find{margin-right:4px;}

.catName { color:#00B2FC; margin-right:4px; padding-top:2px;  font-weight:normal;}
div.productList { border:1px solid #f3f3f3; margin:5px 0px; }
div.productList h4 { font-size:.95em; padding:2px 10px; border-bottom:1px solid #f3f3f3; background:#f5fafe; color:#555;}
div.productList h4 a.showhide {float:right; }
span.productSnippet { color:#666; font-weight:normal !important; padding-top:2px;}
div.productList .list { margin:5px 5px 5px 8px; }

ul.noBrand { display:block}
ul.noBrand li {width:42%; margin-right:10px; float:left}
ul.noBrand li span {width:99%}

.wrapper { padding:5px 0px; }
.wrapper h3 { font-size:0.9em; margin-top:10px; color:#777;}
.photos { margin:20px 16px 0 0; }
.thumb { border:1px solid #E7E7E7; float:left; margin:0 10px 10px 0; padding:4px; }
.thumb a { display:block; height:55px; overflow:hidden; width:55px; }
.for_photo, .for_gmap, .for_catalog { background:transparent url(/images/loading.gif) no-repeat scroll center center;border:1px solid #E7E7E7;margin:10px 0;padding:4px;}
.for_photo img { max-width:453px; min-width:20px;}
.videoslide {color:#737373;width:460px;}
.for_video { background:#000000 none repeat scroll 0 0;border:4px solid #FFFFFF;width:450px;}
.estab { border-bottom:1px dotted #CCCCCC; padding:0 4px 3px 0; margin-bottom:10px;}

/* Add business - products/service */
div.productList ul li { border:none !important; color:#666;}
span.products { float:left; width:37%; padding-right:10px;}
span.brands { float:left; width:50%; margin-right:10px; }
div.bizSrchList { margin:0px; border-bottom:1px solid #ccc; padding:10px;}
div.bizSrchListHover { background:#f4fbff; }
div.bizSrchList div.leftList { float:left; width:70%; }
div.bizSrchList h3 { font-size:1.1em; }
div.bizSrchList p { color:#888; }

/* QUICK FIND BUSINESS PAGE*/
#quickSearchpage div#contentBar { width:750px;  border-right:1px dotted #ccc; padding-top:10px;}
#quickSearchpage div#sideBar { width:198px;  padding-top:10px;}
#quickSearchpage .columnHead{line-height:1em; padding:0 8px 10px 10px; white-space:nowrap; overflow:hidden; text-transform:uppercase; font-size:.9em; font-weight:bold; color:#666;}
#quickSearchpage .columnHead span.left { text-transform:none; font-weight:normal; font-size:1.2em; color:#333;}
.quickResultRow { border-bottom:1px solid #eee; padding:10px; }
.quickResultRow .bizName, .quickResultRow .bizName2 { font-size:1.1em; }
.quickResultRow .bizName, .quickResultRow .bizAdd { width:220px; margin-right:8px; }
.quickResultRow .bizName2 { width:350px; }
.quickResultNo .bizTel {width:365px;}
.quickResultNo .telNumber{float:left; width:335px;}

.qrBlueRow { background:#d2ebfa; }
.qrGreyRow { background:url(/images/elements/checks.gif); }
.qfLocalityFilter { width:110px; height:20px; padding:0px; }


/* Print Page */
.printHeader{padding:10px 0;}
#printContainer #contentBar{width:100%!important;}
#printContainer #content{border:0;}
#printContainer .printFooter{border:1px solid #F3F3F3; padding:10px; margin-top:10px;}
#printContainer ul.blueBullet li{float:left; width:30%; margin-right:5px;}
#printContainer div.productList h4{text-transform:uppercase;}

/* Saved Listing Page */
#savedListing #contentBar { width:725px;  border-right:1px dotted #ccc; padding-top:10px;}
#savedListing #sideBar {width:204px; padding:0 10px; padding-top:10px;}
#savedListing a.removeLink {float:right; background:url(/images/icons/formIcons_sprite.png) no-repeat 0 3px; padding:0 10px 0 15px; color:#333; font-size:0.85em;}
#savedListing a.removeLink:hover {background-position:0 -25px;}