/* Developed By: Jake Alger */
*           { margin: 0; padding: 0; }
html        { background:#ff9900 url(../images/html.png) repeat-x; }
body        { color:#010101; text-align: center; font-size: 11px; background: url(../images/body.png) repeat-x 100% 100%; font-family: Tahoma, Arial, Verdana, sans-serif; }
h1          { text-indent: -9000px; width: 484px; height: 138px; background: url(../images/logo.png) no-repeat; float: left; }
h2          { text-indent: -9000px; }
h3          { font-family: Trebuchet MS; }
img         { border: 0; vertical-align: bottom; }
a           { color:#722d20; outline-style: none; outline-width: medium; text-decoration: none; overflow: hidden; }
ul          { list-style-type: none; }
li          { display: inline; font-size: 12px; }
em          { font-style: normal; }
address     { font-style: normal; }
input       { vertical-align: middle; font-size: 12px; }
select      { font-size: 13px; font-weight: normal; color: #12395A; }
option      { padding: 0 5px; }
textarea    { font-size: 11px; font-family: Arial, Verdana, Tahoma, sans-serif; }

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

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

#container { margin-top: 29px; padding-bottom: 15px; background-color:#fff; width: 966px; float: left; position: relative; }

span.top-offer a { width: 438px; height: 102px; text-indent: -9000px; float: right; position: absolute; top: -29px; left: 550px; background: url(../images/top-offer.png) no-repeat; }
span.back-more { margin: 10px; font-weight: bold; float: right; }

.font-medium { font-size: 12px; }

#navigation { margin-top: 104px; width: 750px; height: 34px; position: absolute; top: 0; right: 0; background: url(../images/navigation.png) repeat-x; float: right; }
#navigation ul { padding: 8px 10px 0 0; text-align: right; }
#navigation ul li { font-family: Trebuchet MS; font-size: 14px; }
#navigation ul li span { padding: 0 3px; }
#navigation ul li a { color:#722d20; }
#navigation ul li a:hover { color:#fff; }

div.errors { border:#ff9900 2px solid; background-color:#ffe9c8; clear: both; }
div.errors ul { padding: 15px; }
div.errors ul li { display: block; font-size: 12px; }
div.errors ul li a { color:#000; font-weight: bold; }

p.success { clear: both; padding: 15px 25px; font-size: 12px; }

div.restricted { clear: both; padding: 15px; }

#default-left { width: 415px; clear: both; margin-top: 17px; float: left; }

#search-box { padding-left: 10px; width: 390px; float: left; border-bottom:#d1d1d1 2px solid; }
#search-box h3 { font-size: 18px; text-transform: uppercase; margin: 20px 15px 0 0; float: left; }
#search-box h3 a { color: #000; }
#search-box h4 { padding: 12px 0 0 100px; height: 40px; font-size: 18px; color:#0ca50f; background: url(../images/h3-location-subheader.png) no-repeat 10px 0; }
#search-box ul { float: left; }
#search-box ul li { }
#search-box ul li a { width: 131px; height: 40px; text-indent: -9000px; float: left; }
#search-box ul li a#search-shopping { background: url(../images/tab-shopping.png) no-repeat; }
#search-box ul li a#search-entertainment { background: url(../images/tab-entertainment.png) no-repeat; }
#search-box p { width: 390px; float: left; margin: 10px 0; }
#search-box p a { color:#f24002; text-decoration: underline; }
#search-box select { width: 330px; }
#search-box select option { border-bottom:#e0e0e0 1px solid; }

#location { margin-top: 10px; padding-left: 20px; width: 370px; float: left; }
#location h3 { font-family: tahoma; font-size: 12px; margin-bottom: 10px; color:#4b4b4b; }
#location p#launch-map a { width: 134px; height: 83px; text-indent: -9000px; background: url(../images/launch-map.png) no-repeat; float: left; }
#location ul { width: 220px; margin-top: -7px; float: left; }
#location ul li { padding: 3px 5px; display: block; border-bottom:#e0e0e0 1px solid; width: 220px; float: left; }
#location ul li em { float: right; font-size: 12px; }
#location label { margin-left: 5px; font-size: 12px; float: left; }
#location input { float: left; }
#location input.submit { margin-top: 10px; float: right; }

#ad390 { margin: 12px 15px; display: inline; float: left; }
#ad220 { margin-top: 15px; float: left; }

#latest-news { padding-bottom: 7px; margin-left: 15px; display: inline; float: left; width: 390px; background: url(../images/bottom-390.png) no-repeat 0 100%; }
#latest-news h2 { height: 60px; background: url(../images/h2-latestnews.png) no-repeat; }
#latest-news dl { border-left: #ff7600 1px solid; border-right:#ff7600 1px solid; }
#latest-news dl dt { height: 15px; padding: 7px 10px; background: url(../images/latestnews-dt.png) repeat-x; font-size: 12px; font-family: tahoma; color:#444; font-weight: bold; }
#latest-news dl dt a { text-indent: -9000px; width: 65px; height: 13px; background: url(../images/button-readmore.png) no-repeat; float: right; }
#latest-news dl dd { padding: 5px; font-size: 10px; font-family: tahoma; color:#444; }
#latest-news p#more-news { padding: 5px 10px 0 0; float: right; text-align: right; }
#latest-news p#more-news a { color:#fff; }

#location-navi { padding: 0 15px; }
#location-navi h3 { padding: 12px 0 0 100px; height: 40px; font-size: 18px; color:#0ca50f; background: url(../images/h3-location-subheader.png) no-repeat 10px 0; }
#location-navi ul { border-top:#ccc 1px solid; list-style-type: disc; padding: 10px 25px; }
#location-navi ul li { font-size: 12px; font-family: tahoma; line-height: 18px; color:#000; display: list-item; }
#location-navi ul li a { color:#000; }
#location-navi ul li a:hover { text-decoration: underline; }

#business-directory { width: 700px; padding: 15px 13px; float: left; }
#business-directory h3 {  height: 18px; padding: 4px 10px; font-size: 14px; color:#fff; background:#ff9900 url(../images/h2-featuredrotator.png) no-repeat 100% 0; }
#business-directory dl { border-bottom:#d1d1d1 2px solid; float: left; width: 680px; padding: 5px 10px; }
#business-directory dl dt { color:#0e8b10; font-size: 14px; float: left; }
#business-directory dl dd { padding-top: 2px; float: right; }
#business-directory dl dd a { color:#000; font-weight: bold; }
#business-directory div.business { padding: 15px 0; border-bottom:#d1d1d1 2px solid; float: left; }
#business-directory div.business span.thumbnail { margin: 10px; float: left; }
#business-directory div.business span.phone { width: 400px; float: left; }
#business-directory div.business address { padding: 5px 0 0 55px; margin: 10px 0; width: 345px; height: 37px; float: left; background: url(../images/icon-map.png) no-repeat; font-size: 12px; font-weight: bold; }
#business-directory div.business p { font-size: 12px; }
#business-directory div.business ul { margin-top: 10px; width: 700px; float: left; }
#business-directory div.business ul li { font-weight: bold; }
#business-directory div.business ul li a { width: 156px; height: 14px; padding: 4px 0; margin: 0 9px; display: inline; background: url(../images/button-background.png) no-repeat; float: left; color:#050505; text-align: center; }

#registration-steps { margin-top: 15px; padding-left: 20px; float: left; }
#registration-steps h3 { float: left; padding: 20px 0 0 65px; height: 48px; font-size: 18px; color:#5e5e5e; background: url(../images/h2-registration.png) no-repeat; }
#registration-steps ul { display: inline; margin-left: 20px; background: url(../images/registration-steps-bg.png) repeat-x 100% 33px; float: left; }
#registration-steps ul li { padding-bottom: 27px; width: 160px; float: left; text-align: center; }
#registration-steps ul li.on { color:#000; font-weight: bold; background: url(../images/bullet-on.png) no-repeat 50% 100%; }
#registration-steps ul li.off { color:#5e5e5e; background: url(../images/bullet-off.png) no-repeat 50% 100%; }

#registration-left { width: 340px; float: left; }
#registration-left ul { }
#registration-left ul li { }
#registration-left ul li a { width: 338px; height: 62px; margin-top: 10px; text-indent: -9000px; float: left; }
#registration-left ul li a.basiclisting { background: url(../images/registration-left-basiclisting.png) no-repeat; }
#registration-left ul li a.connect { background: url(../images/registration-left-connect.png) no-repeat; }
#registration-left ul li a.exposure { background: url(../images/registration-left-exposure.png) no-repeat; }

#registration-right { width: 600px; float: left; border:#cbcbcb 1px solid; }
#registration-right h3 { font-size: 18px; display: inline; float: left; margin: 15px; color:#515151; }
#registration-right h3 em { color:#da8403; }
#registration-right div.full { padding-left: 125px; margin-bottom: 10px; width: 475px; float: left; }
#registration-right div.full label { font-weight: bold; margin-bottom: 5px; width: 475px; float: left; }
#registration-right div.full label em { color:#da8403; }
#registration-right div.full input { width: 200px; margin-right: 15px; padding: 1px; float: left; }
#registration-right div.full input.checkbox { width: auto; margin-top: 3px; }
#registration-right div.full input.radio { width: auto; margin: 3px 0 0 0; }
#registration-right div.full span { display: inline; margin: 3px 10px; float: left; font-weight: bold; }
#registration-right div.full textarea { width: 450px; height: 150px; }
#registration-right div.full p { margin-top: 3px; float: left; }
#registration-right div.full .light { color:#c5c5c5; }
#registration-right div.full .blue { color:#0f81b1; }
#registration-right div.half-first { padding-left: 125px; margin-bottom: 10px; width: 235px; float: left; }
#registration-right div.half-second { margin-bottom: 10px; width: 235px; float: left; }
#registration-right div.half-first label,
#registration-right div.half-second label { font-weight: bold; margin-bottom: 5px; width: 235px; float: left; }
#registration-right div.half-first input,
#registration-right div.half-second input { width: 200px; padding: 1px; float: left; }
#registration-right ul.inline { width: 475px; padding-left: 125px; margin: 25px 0; float: left; }
#registration-right ul.inline li { font-size: 12px; margin-right: 10px; font-weight: bold; float: left; color:#515151; }
#registration-right ul.inline li.padding { padding-top: 5px; }
#registration-right ul.inline li a { color:#da8403; }
#registration-right ul.block { width: 575px; padding-right: 25px; line-height: 23px; text-align: right; margin: 25px 0; float: left; }
#registration-right ul.block li { font-size: 12px; font-weight: bold; display: block; color:#515151; }
#registration-right ul.block li a { font-size: 18px; font-family: Arial; color:#5e5e5e; }
#registration-right ul.block li a em { color:#da8403; }
#registration-right p a { color:#da843a; }

#registration-right dl { margin: 15px; width: 570px; display: inline; float: left; }
#registration-right dl dt { color:#0f81b1; width: 150px; font-weight: bold; float: left; }
#registration-right dl dd { width: 420px; float: left; }
#registration-right dl dd span.grey { color:#818181; font-weight: bold; }
#registration-right dl dd span.blue { color:#0f81b1; font-weight: bold; }

#default-right { width: 550px; margin-top: 17px; float: left; }

#featured-rotator { width: 530px; float: left; }
#featured-rotator h3 { height: 18px; padding: 4px 10px; font-size: 14px; color:#fff; background: url(../images/h2-featuredrotator.png) no-repeat; }

#community-events { width: 334px; padding-top: 7px; padding-bottom: 7px; background: url(../images/bottom-390.png) no-repeat 100% 100%; border-left:#ff7600 1px solid; float: left; }
#community-events h2 { height: 60px; background: url(../images/h2-communityevents.png) no-repeat; }
#community-events div.event { }
#community-events div.event dl { border-right:#ff7600 1px solid; float: left; }
#community-events div.event dl dt { height: 15px; padding: 7px 5px; background: url(../images/latestnews-dt.png) repeat-x; font-size: 12px; font-family: tahoma; color:#444; font-weight: bold; }
#community-events div.event dl dt span { font-size: 11px; font-weight: normal; }
#community-events div.event dl dt a { text-indent: -9000px; width: 62px; height: 13px; background: url(../images/button-moreinfo.png) no-repeat; float: right; }
#community-events div.event dl dd { padding: 7px 5px; float: left; font-size: 10px; font-family: tahoma; color:#444; }
#community-events div.event dl dd span.thumbnail { border:#dfdfdf 3px solid; margin-right: 10px; float: left; }
#community-events div.event dl dd address { font-size: 11px; line-height: 15px; float: left; }
#community-events div.event dl dd span.map { margin-right: 10px; float: right; }
#community-events div.event dl dd span.map a { width: 42px; height: 42px; text-indent: -9000px; float: right; background: url(../images/button-map.png) no-repeat; }
#community-events div.event dl dd span.time { margin-top: 5px; font-size: 11px; width: 200px; float: left; }
#community-events p#more-events { padding: 5px 10px 0 0; float: right; text-align: right; }
#community-events p#more-events a { color:#fff; }

#quick-links { width: 188px; padding-left: 15px; float: left; }
#quick-links ul { padding: 15px 0 10px 0; float: left; }
#quick-links ul li { }
#quick-links ul li a { width: 188px; text-indent: -9000px; margin-bottom: 7px; float: left; }
#quick-links ul li a.sbnewsletter { height: 20px; background: url(../images/button-sbnewsletters.png) no-repeat; }
#quick-links ul li a.communityevents { height: 20px; background: url(../images/button-communityevents.png) no-repeat; }
#quick-links ul li a.followus { height: 42px; background: url(../images/button-followus.png) no-repeat; }
#quick-links ul li a.facebook { height: 27px; background: url(../images/button-facebook.png) no-repeat; }
#quick-links p { text-align: center; }

#business-listing { padding-right: 15px; }
#business-listing h3 { height: 18px; padding: 4px 10px; font-size: 14px; color:#fff; background:#ff9900 url(../images/header-orange-right.png) no-repeat 100% 0; }
#business-listing div#sort { padding: 6px 0; border-bottom:#ccc 1px solid; }
#business-listing div#sort ul { }
#business-listing div#sort ul li { padding-left: 10px; color:#949494; }
#business-listing div#sort ul li a { color:#434343; font-size: 12px; }
#business-listing div.business { padding: 15px 0; border-bottom:#d1d1d1 2px solid; float: left; }
#business-listing div.business h4 { padding-left: 10px; color:#722d20; font-size: 14px; }
#business-listing div.business span.thumbnail { margin: 10px; float: left; }
#business-listing div.business span.phone { width: 250px; float: left; }
#business-listing div.business address { padding: 5px 0 0 55px; margin: 10px 0; height: 37px; float: left; background: url(../images/icon-map.png) no-repeat; font-size: 12px; font-weight: bold; }
#business-listing div.business p { font-size: 12px; width: 235px; padding-right: 10px; float: right; }
#business-listing div.business ul { margin-top: 10px; clear: both; }
#business-listing div.business ul li { font-weight: bold; }
#business-listing div.business ul li a { width: 156px; height: 14px; padding: 4px 0; margin-left: 5px; display: inline; background: url(../images/button-background.png) no-repeat; float: left; color:#050505; text-align: center; }

#content-page { width: 935px; padding: 0 15px; margin-top: 17px; float: left; }
#content-page h3 { height: 18px; padding: 4px 10px; font-size: 14px; color:#fff; background:#ff9900 url(../images/header-orange-left.png) no-repeat 0 0; }
#content-page #default-content { padding: 15px; font-size: 12px; }
#content-page #default-content a { color:#d37423; }

#news-page { width: 540px; margin-top: 17px; float: left; }
#news-page h3 { height: 18px; padding: 4px 10px; font-size: 14px; color:#fff; background:#ff9900 url(../images/header-orange-right.png) no-repeat 100% 0; }
#news-page dl { background-color:#f9f9f9; margin-bottom: 10px; border-bottom:#f2f2f2 1px solid; float: left; width: 520px; padding: 10px; }
#news-page dl dt { float: left; }
#news-page dl dd { float: right; }
#news-page p { padding: 0 10px; clear: both; }

#ucp-navigation { width: 230px; padding-left: 10px; clear: both; margin-top: 17px; float: left; }
#ucp-navigation div.block { margin-bottom: 15px; }
#ucp-navigation div.block h3 { height: 18px; padding: 4px 10px; font-size: 14px; color:#f5f2ee; background:#ff9900 url(../images/header-orange-left.png) no-repeat; }
#ucp-navigation div.block ul { border:#ffab63 1px solid; }
#ucp-navigation div.block ul li { font-size: 12px; color:#444; }
#ucp-navigation div.block ul li a { color:#444; padding: 7px; border-bottom:#e5e5e4 1px solid; background-color:#fdfaf7; display: block; }
#ucp-navigation div.block ul li a:hover { background-color:#f9e9da; }

#ucp-content { width: 700px; margin-top: 17px; padding: 0 13px; float: left; }
#ucp-content h3 { height: 18px; padding: 4px 10px; font-size: 14px; color:#fff; background:#ff9900 url(../images/header-orange-right.png) no-repeat 100% 0; }
#ucp-content #business-directory { padding: 0; }
#ucp-content p.success { background-color:#7eff93; border:#25e645 2px solid; margin-top: 5px; }

#ucp-form { }
#ucp-form div.row { border:#f3d3b7 1px solid; border-top: 0; width: 668px; padding: 15px; float: left; }
#ucp-form div.odd { background-color:#fdfaf7; }
#ucp-form div.even { background-color:#fbf0e7; }
#ucp-form div.row label { width: 225px; margin: 3px 15px 0 0; text-align: right; font-size: 12px; float: left; }
#ucp-form div.row input.text { width: 225px; padding: 3px 2px; font-size: 12px; font-family: Arial; float: left; }
#ucp-form div.row input.button { float: right; font-size: 13px; }
#ucp-form div.row textarea { padding: 2px; width: 400px; height: 100px; font-size: 12px; }

table.ucp-table-listing { font-size: 12px; width: 100%; }
table.ucp-table-listing tr { }
table.ucp-table-listing th { font-weight: bold; background-color:#ededed; padding: 7px 5px; }
table.ucp-table-listing td { padding: 7px 5px; }
table.ucp-table-listing tr.odd td { background-color:#f8f8f8; }
table.ucp-table-listing tr.even td { background-color:#fdfdfd; }

#pop-up { }
#pop-up h3 { border-bottom:#ddd 1px solid; padding-bottom: 5px; margin-bottom: 10px; }

#pop-up-form { margin-top: 15px; width: 500px; float: left; }
#pop-up-form div.row { font-family: Arial; margin-bottom: 15px; width: 500px; float: left; }
#pop-up-form div.row label { width: 155px; margin: 3px 10px 0 0; font-size: 12px; text-align: right; float: left; }
#pop-up-form div.row input { font-family: Arial; font-size: 12px; }
#pop-up-form div.row input.text { padding: 2px; width: 190px; float: left; }
#pop-up-form div.row input.button { display: inline; margin-left: 5px; float: left; }
#pop-up-form p#message { margin-bottom: 15px; width: 500px; float: left; font-size: 12px; display: none; }

div.company-profile-full { width: 905px; border-bottom:#ddd 1px solid; padding: 15px; float: left; }
div.company-profile-full h4 { font-family: Verdana; font-size: 14px; }
div.company-profile-full p { margin-top: 10px; font-size: 12px; }

div.company-partners-half { width: 437px; border-bottom:#ddd 1px solid; padding: 15px; float: left; }
div.company-partners-half h4 { font-family: Verdana; font-size: 14px; }
div.company-partners-half p { margin-top: 10px; font-size: 12px; }
div.company-partners-half ul { padding: 15px; }
div.company-partners-half ul li { display: block; }
div.company-partners-half ul li a { color:#000; }

#constant-newsletter { background-color:#f9f9f9; border:#f1f1f1 2px solid; width: 164px; padding: 10px; margin-top: 15px; }
#constant-newsletter h3 { margin-bottom: 5px; }
#constant-newsletter input.text { width: 125px; padding: 2px; }

#listing-page { width: 540px; margin-top: 17px; float: left; }
#listing-page h3 { height: 18px; padding: 4px 10px; font-size: 14px; color:#fff; background:#ff9900 url(../images/header-orange-right.png) no-repeat 100% 0; }
#listing-page table { width: 100%; font-size: 12px; }
#listing-page table tr { }
#listing-page table tr th { font-weight: bold; background-color:#ededed; padding: 7px 5px; }
#listing-page table tr.odd td { background-color:#f8f8f8; }
#listing-page table tr.even td { background-color:#fdfdfd; }
#listing-page table tr td { padding: 7px 5px; }
#listing-page table tr td a { color:#ff9900; text-decoration: underline; }

#premium-business { width: 540px; margin-top: 17px; float: left; }
#premium-business h3 { height: 18px; padding: 4px 10px; font-size: 14px; color:#fff; background:#ff9900 url(../images/header-orange-right.png) no-repeat 100% 0; }
#premium-business div.business { padding: 15px 0; float: left; }
#premium-business div.business h4 { padding-left: 10px; color:#722d20; font-size: 14px; }
#premium-business div.business span.thumbnail { margin: 10px; float: left; }
#premium-business div.business span.phone { width: 250px; margin-top: 10px; float: left; }
#premium-business div.business address { padding: 5px 0 0 55px; margin: 10px 0; height: 37px; float: left; background: url(../images/icon-map.png) no-repeat; font-size: 12px; font-weight: bold; }
#premium-business div.business ul#cinfo { margin-top: 10px; padding-bottom: 10px; border-bottom:#d1d1d1 2px solid; width: 540px; float: left; }
#premium-business div.business ul#cinfo li { font-weight: bold; }
#premium-business div.business ul#cinfo li a { width: 156px; height: 14px; padding: 4px 0; margin-left: 17px; display: inline; background: url(../images/button-background.png) no-repeat; float: left; color:#050505; text-align: center; }
#premium-business div.business div.description { padding: 15px; clear: both; }
#premium-business div.business div.listing { padding: 15px; border-bottom:#d1d1d1 2px solid; display: none; clear: both; }
#premium-business div.business div.listing h5 { font-size: 13px; }
#premium-business div.business div.listing ul { margin-top: 10px; }
#premium-business div.business div.listing ul li { font-weight: bold; display: block; }
#premium-business div.business div.listing ul li a { color:#407ad2; text-decoration: underline; }

#footer { margin-top: 40px; height: 150px; width: 966px; float: left; }
#footer span a.logo { width: 94px; height: 66px; text-indent: -9000px; float: left; background: url(../images/footer-logo.png) no-repeat; }
#footer #company { float: left; }
#footer #company ul { padding: 5px 10px; }
#footer #company ul li { font-family: Tahoma; font-size: 12px; display: block; }
#footer #company ul li a { color:#00769d; }
#footer #powered-by { width: 88px; float: right; }
#footer #powered-by ul { }
#footer #powered-by ul li { display: block; }
#footer #powered-by ul li a { width: 88px; height: 15px; margin-bottom: 3px; text-indent: -9000px; float: left; }
#footer #powered-by ul li a.xhtml { height: 32px; margin-bottom: 10px; background: url(../images/button-xhtml.png) no-repeat; }
#footer #powered-by ul li a.mysql { background: url(../images/button-mysql.png) no-repeat; }
#footer #powered-by ul li a.php { background: url(../images/button-php.png) no-repeat; }
#footer #powered-by ul li a.apache {  background: url(../images/button-apache.png) no-repeat;}
#footer div.list-box { float: right; }
#footer div.list-box h3 { padding: 3px 0 3px 30px; background: url(../images/h3-listbox.png) no-repeat; color:#444; font-family: Tahoma; font-size: 12px; float: left; }
#footer div.list-box ul { padding-left: 30px; margin-right: 35px; line-height: 17px; clear: both; }
#footer div.list-box ul li { display: block; font-size: 12px; }
#footer div.list-box ul li a { color:#00769d; }
#footer p { font-size: 12px; width: 483px; color:#4e4e4e; float: left; }
#footer p.copyright { margin-top: 32px; clear: both; }
#footer p.studio { margin-top: 32px; text-align: right; }
#footer p.studio a { color:#4e4e4e; }