/* STRUCTURE > MISC /////////////////////////////////////////////////////*/ * {text-decoration: none; padding: 0; margin: 0; border: 0;} body {text-align: center; margin: 10px; background: #2E4C6B;} /* STRUCTURE > MAIN CONTENT /////////////////////////////////////////////////////*/ div.wrapper {width: 965px; margin: 0 auto 0 auto; background: #FFF; border: 10px solid #253E57;} /* STRUCTURE > HEADER /////////////////////////////////////////////////////*/ div.wrapper div.header {height: 120px; position: relative; background:#FFF;} /* STRUCTURE > HEADER > LOGO LINK /////////////////////////////////////////////////////*/ div.wrapper div.header a.logoLink {width: 160px; height: 120px; text-decoration: none; float: left; border: 0;} /* STRUCTURE > HEADER > HEADER LOGIN /////////////////////////////////////////////////////*/ div.wrapper div.header ul.headerLogin {width: 220px; height: 20px; position: absolute; top: 3px; right: 0; margin: 0;} div.wrapper div.header ul.headerLogin li {float: left; list-style: none; margin: 0 5px 0 0;} div.wrapper div.header ul.headerLogin a:link, div.wrapper div.header ul.headerLogin a:active, div.wrapper div.header ul.headerLogin a:visited, div.wrapper div.header ul.headerLogin a:hover {font: 10px/20px Verdana, Arial, Helvetica, sans-serif; color: #555; display: block; padding-left: 10px; border: 0; background: url("../images/design/bullet_headerLogin.gif") 0 8px no-repeat;} div.wrapper div.header ul.headerLogin a:hover {color: #000;} /* STRUCTURE > HEADER > TOP BANNER /////////////////////////////////////////////////////*/ div.wrapper div.header blockquote.topBanner { position: absolute; top: 28px; right: 15px;} div.wrapper div.headerTitle { position: absolute; top: 28px; right: 300px; } .logo { display : block; position: absolute; left: 200px; top: 48px; width: 374px; } h1.logo-name { display: block; text-align: left; } h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover { font-family:"Arial Black",Arial, Helvetica, Sans-Serif; font-size: 24px; font-style: normal; font-weight: bold; text-decoration: none; padding:0; margin:0; color: #FFFFFF !important; } .logo-text { display: block; text-align: left; } .logo-text, .logo-text a { font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif; font-size: 16px; padding:0; margin:0; color: #FFFFFF !important; } /* STRUCTURE > HEADER > HEADER LOGIN /////////////////////////////////////////////////////*/ div.wrapper div.header ul.topNavbar { position:absolute; top:0; right:15px; height:22px; width:170px; margin:0; padding:0 0 0 14px; background:url(../images/design/bg_topNavbar.gif) repeat-x 0 0; list-style:none; } div.wrapper div.header ul.topNavbar li { padding:0; margin:0; float:left; font:bold 11px/22px Arial, Helvetica, sans-serif; color:#FFF; padding:0 0 0 3px; } div.wrapper div.header ul.topNavbar li a:link, div.wrapper div.header ul.topNavbar li a:active, div.wrapper div.header ul.topNavbar li a:visited, div.wrapper div.header ul.topNavbar li a:hover { display:block; font:bold 11px/22px Arial, Helvetica, sans-serif; color:#FFF; padding:0 10px 0 0;} /* STRUCTURE > NAVBAR /////////////////////////////////////////////////////*/ div.wrapper ul.navbar {height: 48px; margin:0; padding:0; border:9px solid #FFF; clear: both; background:#FFF url(../images/design/bg_navbar.gif) repeat-x 0 0; } div.wrapper ul.navbar li {list-style: none; margin: 0; float: left; background:url(../images/design/bg_navbar_splitter.gif) no-repeat top right; width:157px;} div.wrapper ul.navbar li.last { background:none; width:162px; } div.wrapper ul.navbar li a:link, div.wrapper ul.navbar li a:active, div.wrapper ul.navbar li a:visited, div.wrapper ul.navbar li a:hover {font: bold 12px/48px Arial, Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; text-transform: uppercase; padding: 0; display: block; } div.wrapper ul.navbar li a.advertise:link, div.wrapper ul.navbar li a.advertise:active, div.wrapper ul.navbar li a.advertise:visited, div.wrapper ul.navbar li a.advertise:hover { background:url(../images/design/bg_navbar_actived.gif) repeat-x 1px 0;} div.wrapper ul.navbar li a.menuActived:link, div.wrapper ul.navbar li a.menuActived:active, div.wrapper ul.navbar li a.menuActived:visited, div.wrapper ul.navbar li a.menuActived:hover {font: bold 12px/48px Arial, Verdana, Arial, Helvetica, sans-serif; color: #999999; text-decoration: none; text-transform: uppercase; padding: 0; display: block; border-bottom:thin solid #BF020C;} /* STRUCTURE > CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content {padding:0; background: none; } /* STRUCTURE > CONTENT > LEFT CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.leftContent {width: 210px; margin: 0; text-align: left; float: left; border: 0; padding:0 0 0 10px;} div.wrapper div.content blockquote.leftContent img { margin: 10px 0 10px 0;} div.wrapper div.content blockquote.leftContent ul.standard-iconlink {padding-left: 13px;} /* STRUCTURE > CONTENT > LEFT CONTENT > SEARCH TABS /////////////////////////////////////////////////////*/ .isHidden {display : none;} .isShown {display: visible;} ul.searchTab {height: 25px; border: 0;} ul.searchTab li {width:100px; float: left; list-style: none;} ul.searchTab li a:link, ul.searchTab li a:active, ul.searchTab li a:visited, ul.searchTab li a:hover {font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif; outline:none; color: #95B0D5; text-align:center; padding: 5px 0 5px 0; display: block; background: #D9E3F0; border: 0;} ul.searchTab li.tab-active a, ul.searchTab li.tab-active a:link, ul.searchTab li.tab-active a:visited, ul.searchTab li.tab-active a:active, ul.searchTab li.tab-active a:hover {color: #1B293A; background: #BDCEE1; border: 1px solid #8AA9CA; border-bottom: 0;} ul.searchTab li.tab-inactive a, ul.searchTab li.tab-inactive a:link, ul.searchTab li.tab-inactive a:visited, ul.searchTab li.tab-inactive a:active, ul.searchTab li.tab-inactive a:hover {color: #95B0D5;} ul.searchTab li.tab-inactive a:hover { color: #1B293A;} /* STRUCTURE > CONTENT > LEFT CONTENT > SEARCH CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.leftContent p.standardTitle {font: normal 18px/20px Arial, Helvetica, sans-serif; color:#666; padding:0; margin: 0 0 10px 0;} div.wrapper div.content blockquote.leftContent p.standardTitle span {color: #BF020C;} div.simpleSearch {font: normal 11px/24px Verdana, Arial, sans-serif; color: #1B293A; margin-bottom: 10px; clear: both; border-top: 0; padding:0 10px 10px 10px;} div.simpleSearch label {color: #1B293A; display:block;} div.simpleSearch input, div.simpleSearch select {width: 96%; font: normal 10px Verdana, Arial, sans-serif; color: #1B293A; padding: 2px; background: #F0F4F9; border: 1px solid #8AA9CA; border-right-color: #E1EBF4; border-bottom-color: #E1EBF4;} div.simpleSearch input.simplesearchRadio {width: auto;} div.simpleSearch select {width: 100%;} div.simpleSearch input:focus {background: #FFF;} div.simpleSearch .selectRegion {margin-bottom:0;} div.wrapper div.content div.simpleSearch div.simplesearchImage {text-align:center;} div.wrapper div.content div.simpleSearch div.simplesearchImage img {margin: 0; padding: 0;} /* STRUCTURE > CONTENT > LEFT CONTENT > SEARCH ADVANCED CONTENT /////////////////////////////////////////////////////*/ div.advancedSearch { position:relative; width:166px; height:301px;font: normal 11px/24px Verdana, Arial, sans-serif; color: #FFF; margin: 0 -10px 10px -10px; clear: both; padding:60px 25px 0 25px; background:url(../images/design/bg_searchAdvanced.jpg) no-repeat 0 0; } div.advancedSearch img.title { position:absolute; top:18px; left:25px; } div.advancedSearch label {color: #FFF; display:block; } div.advancedSearch input, div.advancedSearch select {width: 96%; font: normal 10px Verdana, Arial, sans-serif; color: #1B293A; padding: 2px; background: #FFF; border: 1px solid #8AA9CA; border-right-color: #E1EBF4; border-bottom-color: #E1EBF4; margin-bottom:3px;} div.advancedSearch input.simplesearchRadio {width: auto;} div.advancedSearch select {width: 100%; background:#FFF;} div.advancedSearch input:focus {background: #FFF;} div.advancedSearch .selectRegion {margin-bottom:0;} div.wrapper div.content div.advancedSearch div.simplesearchImage {text-align:center;} div.wrapper div.content div.advancedSearch div.simplesearchImage img {margin: 0; padding: 0;} /* STRUCTURE > CONTENT > LEFT CONTENT > SEARCH ADVANCED CONTENT > BUTTONS /////////////////////////////////////////////////////*/ div.advancedSearch ul.standardButton { padding:8px 0 0 0; margin:0 0 0 -2px; width:180px; height:30px; } div.advancedSearch ul.standardButton li { width:86px; float:left; } div.advancedSearch ul.standardButton li.space { width:0px; } div.advancedSearch ul.standardButton li button { width:86px; height:30px; background:url(../images/design/bt_searchSearch.jpg) no-repeat 0 0; } div.advancedSearch ul.standardButton li a:link, div.advancedSearch ul.standardButton li a:active, div.advancedSearch ul.standardButton li a:visited, div.advancedSearch ul.standardButton li a:hover { width:86px; height:30px; background:url(../images/design/bt_searchClear.jpg) no-repeat 0 0; } div.advancedSearch div.simplesearchImage { padding:10px 0 0 0; } /* STRUCTURE > CONTENT > LEFT CONTENT > SEARCH ADVANCED CONTENT > PROPERTY /////////////////////////////////////////////////////*/ div.advancedSearchProperty { position:relative; width:166px; height:456px;font: normal 11px/24px Verdana, Arial, sans-serif; color: #FFF; margin: 0 -10px 10px -10px; clear: both; padding:60px 25px 0 25px; background:url(../images/design/bg_searchAdvanced_property.jpg) no-repeat 0 0; } div.advancedSearchProperty ul.standardButton li button { background:url(../images/design/bt_searchSearch_property.jpg) no-repeat 0 0; } div.advancedSearchProperty ul.standardButton li a:link, div.advancedSearchProperty ul.standardButton li a:active, div.advancedSearchProperty ul.standardButton li a:visited, div.advancedSearchProperty ul.standardButton li a:hover { background:url(../images/design/bt_searchClear_property.jpg) no-repeat 0 0; } /* STRUCTURE > CONTENT > LEFT CONTENT > SEARCH DIFFERENCES /////////////////////////////////////////////////////*/ div.simpleSearch div#tab2 select {margin-bottom: 3px;} div.advancedSearchProperty input.SearchInputSmall {width: 67px;} div.advancedSearchProperty input.SearchInputSmallFirst { /* IE FIX */ _margin-left:10px; *margin-left:10px;} div.simpleSearch ul.standardButton {margin-top: 10px; margin-bottom: 10px;} div.simpleSearch ul.standardButton li input, div.simpleSearch ul.standardButton li button, div.simpleSearch ul.standardButton li a:link, div.simpleSearch ul.standardButton li a:active, div.simpleSearch ul.standardButton li a:visited, div.simpleSearch ul.standardButton li a:hover {width: 86px; color: #E0E9F1; text-decoration: none; background: #243C5A url("../images/design/bg_standardButton.gif") 0 0 repeat-x; border: 0;} /* STRUCTURE > CONTENT > LEFT CONTENT > BASE JOIN /////////////////////////////////////////////////////*/ dl.base-join {text-align: left; margin-bottom: 10px;} dl.base-join dt {font: bold 13pt Arial, Verdana, sans-serif; color: #003F7E; padding: 0 0 5px 0; border-bottom: 1px solid #EEE;} dl.base-join dt span {color: #658CB8;} dl.base-join dd {font: normal 9pt Arial, Verdana, sans-serif; color: #243D55; text-align: left; padding: 5px 0 0 0;} dl.base-join form {/*padding: 5px 0 5px 0; background:#FFF; border: 5px solid #F4F4F4;*/} dl.base-join div.formFieldsLogin {font: normal 10px/18px Verdana, Arial, sans-serif; color:#333; text-transform: lowercase; padding:5px;} dl.base-join div.formFieldsLogin label {width: 65px; display:block; float:left; text-align: right; color: #919191; clear:left; margin-right:4px;} dl.base-join div.formFieldsLogin input {width: 103px; float:left; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #2C5783; padding: 2px; background: #DEE9F3; border-top: 1px solid #6699CC; border-left: 1px solid #6699CC; margin-bottom:5px;} dl.base-join div.formFieldsLogin input.inputAuto {width: auto; padding: 0; background: none; border: 0; vertical-align:middle; float:none;} dl.base-join div.formFieldsLogin span.automaticLogin {display:block; clear:both; padding:5px; text-align:center;} dl.base-join div.formFieldsLogin table ul.standardButton {padding: 0 12px 0 0; border: 0;} dl.base-join div.formFieldsLogin ul.standardButton li {float: right;} dl.base-join div.formFieldsLogin ul.standardButton li input {width: 73px; color: #E0E9F1; font-weight: bold; background: #396D9D url("../images/design/bg_memberButton.gif") 0 0 repeat-x; border: 0;} dl.base-join table.table-login table {margin: 0 auto 0 auto;} dl.base-join a:link, dl.base-join a:active, dl.base-join a:visited, dl.base-join a:hover {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #23303E;} dl.base-join a:hover {color: #23303E; text-decoration: underline;} dl.base-join dd.base-joinLink {text-align: center; padding-top: 0;} dl.base-join dd.warning {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #5E421E; margin: 0;} dl.base-join dd span.imgJoin {text-align:center; display:block;} /* STRUCTURE > CONTENT > LEFT CONTENT > BROWSE CATEGORY (RESULTS) /////////////////////////////////////////////////////*/ ul.left-list {line-height: 11px; text-align: left; margin: 0; padding: 0 5px 5px 5px; border: 0;} ul.left-list li {margin:0; padding: 0; list-style: none;} ul.left-list li a:link, ul.left-list li a:visited, ul.left-list li a:active, ul.left-list li a:hover {font: normal 10px/normal Verdana, Arial, Helvetica; color: #555; text-decoration:none; display: block;} ul.left-list li a:hover {color: #000; text-decoration: underline;} ul.left-list li.left-listTITLE a:link, ul.left-list li.left-listTITLE a:visited, ul.left-list li.left-listTITLE a:active, ul.left-list li.left-listTITLE a:hover {font-weight: bold; color: #214E7B; padding: 5px 5px 5px 7px; margin: 0 0 3px 0; border-bottom: 1px solid #EEE; font-size:12px;} ul.left-list h1, ul.left-list h2 {margin:0; padding:0;} ul.left-list h1 span { color:#666; font-weight:normal; } /* VIEW ALL CATEGORIES LINK */ div.wrapper div.content blockquote.leftContent p.viewAllCategories {font:bold 10px/normal Verdana, Arial, Helvetica, sans-serif; text-align:right; padding:0 10px 10px 0;} div.wrapper div.content blockquote.leftContent p.viewAllCategories a:link, div.wrapper div.content blockquote.leftContent p.viewAllCategories a:active, div.wrapper div.content blockquote.leftContent p.viewAllCategories a:visited, div.wrapper div.content blockquote.leftContent p.viewAllCategories a:hover {color:#860008;} /* STRUCTURE > CONTENT > MIDDLE CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.middleContent {/* width: 745px; this value in pixels equal 77.5% in percent // use to two columns */ /* width: 510px; this value in pixels equal 54% in percent */ width: 514px; height:auto; float: left; margin: 0; border: 0; padding:0 10px; background: #FFF; } /* STRUCTURE > CONTENT > MIDDLE CONTENT > BANNER BOTTOM /////////////////////////////////////////////////////*/ blockquote.bottomBanner {/*width: 730px; height: 100px;*/ clear: both; margin: 0; text-align:left; padding: 10px 0 0 10px; border: 0;} /* STRUCTURE > CONTENT > MIDDLE CONTENT EXTENDED > BANNER BOTTOM /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.middleContentExtended {/* width: 730px; this value in pixels equal 77.2% in percent */ width: 77.1%; float: left; margin: 0; border: 0; background: none; } blockquote.middleContentExtended p {color: #333;} /* STRUCTURE > CONTENT > FULL CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.fullContent {margin: 0 auto 0 auto; width: 750px;} div.wrapper div.content blockquote.contentBorder {border-top: 5px solid #BF020C; padding:10px 0 0 0;} /* STRUCTURE > CONTENT > RIGHT CONTENT (THIRD COLUMN) /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.rightContent {width: 210px; text-align: left; float: left;} div.wrapper div.content blockquote.rightContent h3 {font: normal 18px/20px Arial, Helvetica, sans-serif; color: #000;} div.wrapper div.content blockquote.rightContent h3 span {color: #F46200;} /* STRUCTURE > CONTENT > RIGHT CONTENT > MOBILE BOX /////////////////////////////////////////////////////* div.mobileFeature {padding:10px 10px 5px 10px; background:#396D9D url(../images/design/bg_mobile.gif) no-repeat 10px 18px; border:5px solid #3D5473; margin:0 0 10px 0;} html>body div.mobileFeature {background:#396D9D url(../images/design/bg_mobile.gif) no-repeat 5px 13px;} div.mobileFeature h1 {font:normal 18px/20px Arial, Helvetica, sans-serif; color:#FFF; padding:0 0 0 40px;} div.mobileFeature p {font:normal 11px/normal Arial, Helvetica, sans-serif; color:#BDCEE1; text-align:justify; padding:0 0 10px 40px;} div.mobileFeature p.mobileAddress {font:normal 10px/normal Arial, Helvetica, sans-serif; color:#FFF; text-align:center; padding:0;} /* STRUCTURE > CONTENT > RIGHT CONTENT > BANNER IMAGE /////////////////////////////////////////////////////*/ .rightBanner { padding: 0x; text-align: center; text-decoration: none; background: url(../images/design/bg_rightBanner.gif) no-repeat 0 0; height:560px;} .rightBanner h4 {font: bold 16px/20px Arial, Helvetica, sans-serif; color: #999; text-align: left; padding:14px 0 4px 20px ;} .rightBanner img, .rightBanner object {margin: 0 0 2px 0; } .rightBanner span {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-align: center; padding:0; display: block;} .rightBanner span.alignCenter {text-align:center;} .rightBanner a:link, .rightBanner a:visited, .rightBanner a:active, .rightBanner a:hover {font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-align:center; text-decoration: none; padding: 0; margin-bottom: 0; display: block;} .rightBanner .noimage {width: 170px; margin: 0 auto 0 auto; border: 5px solid #42423E;} /* STRUCTURE > CONTENT > RIGHT CONTENT > BANNER TEXT /////////////////////////////////////////////////////*/ .bannerleftText {margin-top: 10px; text-align: center; text-decoration: none;} .bannerleftText a.baseRightBanner:link, .bannerleftText a.baseRightBanner:visited, .bannerleftText a.baseRightBanner:active, .bannerleftText a.baseRightBanner:hover { font: normal 10px Verdana, Arial, Helvetica, sans-serif; background: #FFF; text-align:left; text-decoration: none; padding: 10px; margin-bottom: 10px; display: block; border: 1px solid #EEE;} .bannerleftText a.baseRightBanner span {display:block;} .bannerleftText a.baseRightBanner span.sponsoredLinkTitle {font: bold 12px Arial, Helvetica, sans-serif; text-align:center; color: #BF0000; padding: 0 0 5px 0; margin: 0;} .bannerleftText a.baseRightBanner span.sponsoredLinkContent {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #333; padding: 0; margin:0;} .bannerleftText a.baseRightBanner span.sponsoredLinkURL, blockquote.rightContent .bannerleftText a.baseRightBanner span.sponsoredLinkURL {font: normal 10px Arial, Helvetica, sans-serif; margin:0; padding: 1px 5px 1px 5px; text-align:center; text-decoration: underline; color: #5B9124;} .bannerPreview /*Use this class with bannerLeftText on sitemanager and members section in Banner Preview*/ {width:200px; margin-left:auto; margin-right:auto;} .bannerleftText a.sponsoredLinks-buy:link, .bannerleftText a.sponsoredLinks-buy:active, .bannerleftText a.sponsoredLinks-buy:visited, .bannerleftText a.sponsoredLinks-buy:hover {font:bold 11px/15px Verdana, Arial, Helvetica, sans-serif; text-align:right; color:#C90339; display:block; padding:0 5px 0 0;} .bannerleftText a.sponsoredLinks-buy:hover {color:#000; text-decoration:underline;} /* STRUCTURE > FOOTER /////////////////////////////////////////////////////*/ div.wrapper div.footer { clear: both; padding: 10px; background: #FFF; } html>body div.wrapper div.footer {width:auto;} div.wrapper div.footer blockquote {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #D6E1ED; text-align: left; background: #253E57;} div.wrapper div.footer blockquote p { padding: 5px 5px 0 5px;} /* STRUCTURE > FOOTER > NAVBAR TOP /////////////////////////////////////////////////////*/ div.wrapper div.footer ul.navFooterTop { height: 47px; background:#C2CDD9 url(../images/design/bg_navFooterTop.gif) no-repeat center;} div.wrapper div.footer ul.navFooterTop li {list-style: none; display:inline; margin: 0 2px 0 2px; color:#4D82A9; font-size:11px; font-weight:bold;} div.wrapper div.footer ul.navFooterTop li a:link, div.wrapper div.footer ul.navFooterTop li a:active, div.wrapper div.footer ul.navFooterTop li a:visited, div.wrapper div.footer ul.navFooterTop li a:hover {font: normal 11px/47px Verdana, Arial, Helvetica, sans-serif; color:#0F2A45;} div.wrapper div.footer ul.navFooterTop li a:hover {text-decoration: underline; color:#0F2A45;} /* STRUCTURE > FOOTER > NAVBAR /////////////////////////////////////////////////////*/ div.wrapper div.footer div.navFooter { position:relative; height: 109px; margin:5px 0; padding:0 0 0 50px; background:#47719C url(../images/design/bg_footerBadge.gif) no-repeat 800px 6px;} div.wrapper div.footer div.navFooter ul { padding:14px 0; width:135px; float:left; list-style:none; } div.wrapper div.footer div.navFooter ul li { float:left; clear:left; margin:0; padding:0; width:100%; text-align:left; } div.wrapper div.footer div.navFooter ul li a:link, div.wrapper div.footer div.navFooter ul li a:active, div.wrapper div.footer div.navFooter ul li a:visited, div.wrapper div.footer div.navFooter ul li a:hover { color:#FFF; font:normal 14px/20px Arial, Helvetica, sans-serif; } /* STRUCTURE > FOOTER > COPYRIGHT /////////////////////////////////////////////////////*/ div.wrapper div.footer div.navFooter p.copyright { position:absolute; bottom:15px; left:600px; color:#C9C7C7; text-align:left; font:normal 12px Arial, Helvetica, sans-serif; } /* STRUCTURE > MISC CLASSES /////////////////////////////////////////////////////*/ br.clear {clear: both; line-height: 0; height: 0;} p.standardText {font: normal 11px/normal Verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 0 15px 0 15px; margin: 0;} p.basePowered {font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #999; text-align: right; margin: 0; padding: 10px 0 0 0;} p.basePowered a:link, p.basePowered a:active, p.basePowered a:visited, p.basePowered a:hover {color: #BF020C;} p.basePowered a:hover {color: #BF020C; text-decoration: underline;} .warning {font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 10px; color: #5E421E;} a.warning:link, a.warning:active, a.warning:visited, a.warning:hover {text-decoration: underline; color: #000; padding-left: 20px; background: url("../images/icon_atention.gif") 0 0 no-repeat;} a.warning:hover {text-decoration: none; color: #5E421E;} .bigWarning {font-size:16px;} a.quickListRemove:link, a.quickListRemove:active, a.quickListRemove:remove, a.quickListRemove:hover {width:16px; height:16px; position:absolute; bottom:58px; left:6px;} /* STRUCTURE > MISC CLASSES > STANDARD TITLE /////////////////////////////////////////////////////*/ h1.standardTitle, p.standardTitle {font: normal 18px/20px Arial, Helvetica, sans-serif; text-align:left; margin: 0; padding: 10px 15px 10px 15px; color:#BF020C;} h1.standardTitle span, p.standardTitle span {color: #003F7E;} /* STRUCTURE > MISC CLASSES > STANDARD BUTTON /////////////////////////////////////////////////////*/ ul.standardButton, ul.standardButton li, ul.standardButton li input, ul.standardButton li button {height: 28px; margin: 0 auto 0 auto; padding: 0;} ul.standardButton li {float: left; list-style: none;} ul.standardButton li.buttonSpace {width: 5px; background: none;} ul.standardButton li input, ul.standardButton li button, ul.standardButton li a:link, ul.standardButton li a:active, ul.standardButton li a:visited, ul.standardButton li a:hover {width: 71px; font: bold 10px/28px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-align: center; text-transform: capitalize; cursor: pointer; display: block; background: #396D9D url("../images/design/bg_memberButton.gif") 0 0 repeat-x;} ul.standardButton li input, ul.standardButton li button { line-height: 10px; display: inline;} /* STRUCTURE > MISC CLASSES > STANDARD ICON NAVBAR /////////////////////////////////////////////////////*/ ul.iconNavbar {height: 20px; margin: 0 0 0 auto; border: 0;} ul.iconNavbar li {list-style: none; float: right;} ul.iconNavbar li.fakeButton {font: normal 10px Arial, Helvetica, sans-serif; color: #FFF; padding: 2px 9px 2px 9px; background: #CC0000; border: 1px solid #CC0000;} ul.iconNavbar li a:link, ul.iconNavbar li a:active, ul.iconNavbar li a:visited, ul.iconNavbar li a:hover {font: normal 10px Arial, Helvetica, sans-serif; color: #214E7B; text-transform: lowercase; padding: 0 5px 0 5px; display: block; border: 1px solid #EEE;} ul.iconNavbar li a:hover {color: #BF020C; border: 1px solid #BF020C; text-decoration: none;} ul.iconNavbar li.removeQuicklist a:hover {color: #CC0000; border: 1px solid #CC0000;} ul.iconNavbar li.claimnavbarButton a:link, ul.iconNavbar li.claimnavbarButton a:active, ul.iconNavbar li.claimnavbarButton a:visited, ul.iconNavbar li.claimnavbarButton a:hover {font: normal 10px Arial, Helvetica, sans-serif; color: #FFF; text-transform: lowercase; padding: 0 5px 0 5px; display: block; border: 1px solid #214E7B; background:#214E7B;} ul.iconNavbar li.claimnavbarButton a:hover {color: #FFF; background: #BF020C; border: 1px solid #BF020C;} /* STRUCTURE > MISC CLASSES > STANDARD ICON /////////////////////////////////////////////////////*/ div.wrapper div.content ul.standard-iconlink, div.wrapper div.content blockquote.leftContent ul.standard-iconlink {margin: 0; padding: 0;} ul.standard-iconlink li {list-style: none; margin: 0; padding: 0 0 10px /*10px*/ 0;} ul.standard-iconlink a:link, ul.standard-iconlink a:active, ul.standard-iconlink a:visited, ul.standard-iconlink a:hover {font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif; color:#003F7E; text-decoration:none;} .standard-iconlink li a:hover {text-decoration:underline;} /* STRUCTURE > MISC CLASSES > STANDARD ICON > IMAGES /////////////////////////////////////////////////////*/ ul.standard-iconlink li.favoritesview-icon {/*background: url("../images/content/bullet_viewQuickListFront.gif") 0 7px no-repeat;*/ text-align: left; /*padding-left: 7px;*/} ul.standard-iconlink li.remove-icon {background: url("../images/icon_delete.gif") 0% 50% no-repeat;} /* STRUCTURE > MISC CLASSES > STANDARD STEP BY STEP /////////////////////////////////////////////////////*/ ul.standardStep, ul.standardStep li {padding: 10px 0 10px 0; margin: 0; list-style: none;} ul.standardStep {width: 750px; height: 34px; margin: 10px auto 10px auto;} ul.standardStep li {width: 150px; font: bold 14px/34px Arial, Helvetica, sans-serif; text-align: left; color: #DDD; float: left; padding: 0 0 0 14px; border: 0; background: url("../images/color/white_blue/bg_stepInactive.gif") 0 0 no-repeat;} ul.standardStep li.standardStepAD {width: auto; background: none; color: #666;} ul.standardStep li.standardStepAD span {color: #BF020C;} ul.standardStep li span {margin-right: 15px;} /* STRUCTURE > MISC CLASSES > STANDARD STEP BY STEP > ACTIVE /////////////////////////////////////////////////////*/ ul.standardStep li.stepActived {color: #000;} ul.standardStep li.stepActived span {color:#BF020C;} /* STRUCTURE > MISC CLASSES > STANDARD FORM /////////////////////////////////////////////////////*/ table.standardForm {width: 95%; font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0 auto 0 auto; background: #FAFAFA; border: 3px solid #EEE;} table.standardForm th span {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #000;} table.standardForm th, table.standardForm td {padding: 5px;} table.standardForm th {font-size: 10px; white-space: nowrap; color: #555; padding-left: 35px; text-align: right; font-weight: normal;} table.standardForm th.standardFormTitle {font-size: 11px; font-weight: bold; text-align: left; color: #BF020C; padding: 10px;} table.standardForm td input, table.standardForm td button, table.standardForm td textarea { width: 96%; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding: 5px; border: 0; border-left: 1px solid #E7E7E7; border-top: 1px solid #E7E7E7;} table.standardForm td input.smallInput { width: 100px;} table.standardForm td ul.standardButton { width: 90px; float: right;} table.standardForm td ul.standardButton input, table.standardForm td ul.standardButton button { width: 90px; font-weight: bold; color: #FFF; border: 0;} table.standardForm table td.standardFormButton {width: 100%;} /* STRUCTURE > MISC CLASSES > DYNAMIC CONTENT /////////////////////////////////////////////////////*/ div.dynamicContent { text-align: left; padding: 10px 15px 0 15px; font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#000;} div.dynamicContent p, div.dynamicContent h1, div.dynamicContent h2, div.dynamicContent h3, div.dynamicContent h4, div.dynamicContent h5, div.dynamicContent h6 {margin-bottom: 10px; font:normal 18px/24px Arial, Helvetica, sans-serif; color:#003F7E;} div.dynamicContent a:link, div.dynamicContent a:active, div.dynamicContent a:visited, div.dynamicContent a:hover {color:#003365} div.dynamicContent a:hover { text-decoration:underline;} /* STRUCTURE > MISC CLASSES > RATING /////////////////////////////////////////////////////*/ ul.rating * {margin: 0; padding: 0; font: normal 10px/normal Verdana, Arial, Helvetica, sans-serif;} ul.rating {padding-top: 10px; height: 35px;} ul.rating li {float: left; list-style: none;} /* SPECIALS CONF */ ul.rating li.ratingLeftSpace {margin: 0; padding: 0; display: none;} ul.rating li.ratingSeeComment {clear: left;} /* THIS code put the comment, rate it button and 'be the first' phrase bellow the image */ ul.rating li.ratingSeeComment a:link, ul.rating li.ratingSeeComment a:active, ul.rating li.ratingSeeComment a:visited, ul.rating li.ratingSeeComment a:hover {line-height: 20px; color: #000; font-weight: bold; white-space: nowrap;} ul.rating li.ratingStar {margin: 0 1px 0 0;} ul.rating li.ratingReview { width: 80px;} ul.rating li.ratingReview, ul.rating li.ratingReview a:link, ul.rating li.ratingReview a:active, ul.rating li.ratingReview a:visited, ul.rating li.ratingReview a:hover {line-height: 16px; color: #666; font-weight: normal; font-style: italic; margin: 0; padding: 0 0 0 2px;} ul.rating li.ratingImage {margin: 0; padding: 0 0 0 5px; white-space: nowrap;} ul.rating li.ratingImage a:link, ul.rating li.ratingImage a:active, ul.rating li.ratingImage a:visited, ul.rating li.ratingImage a:hover {line-height: 20px; font-weight: bold; padding-left: 5px; background: url("../images/design/bullet_rateIt.gif") 0 3px no-repeat;} ul.rating li.ratingImage a:hover {color: #214E7B; text-decoration: none; background: url("../images/design/bullet_rateIt.gif") 0 -7px no-repeat;} ul.rating li.ratingText {clear: left; padding-left: 10px;} ul.rating li.ratingText a:link, ul.rating li.ratingText a:active, ul.rating li.ratingText a:visited, ul.rating li.ratingText a:hover {font-size: 7.5pt; color: #214E7B; font-weight: bold; text-decoration: none; white-space: nowrap;} ul.rating li.ratingText a:hover {color: #214E7B;} /* RESULTS PAGES > MISC CLASSES > PAGING /////////////////////////////////////////////////////*/ table.pagingContent { width:100%; } table.pagingContent, table.pagingContent table { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #214E7B; margin: 0 auto 0 auto; text-align:left; padding:0;} table.pagingContent td {padding: 2px;} table td.paging-letters { text-align:center; background:#E7E7E7; padding:5px 0; font-size:9px;} table td.paging-letters a:link, table td.paging-letters a:active, table td.paging-letters a:visited, table td.paging-letters a:hover {color: #666; padding: 0 8px 0 0;} table td.paging-letters a:hover {color: #000;} table td.paging-letters a.firstLetter:link, table td.paging-letters a.firstLetter:active, table td.paging-letters a.firstLetter:visited, table td.paging-letters a.firstLetter:hover {color:#EF413D;} table.pagingContent select {width: 50px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #214E7B; border: 1px solid #214E7B;} /* RESULTS PAGE > MIDDLE CONTENT EXTENDED > LISTING RESULTS / DETAIL > MISC CLASSES /////////////////////////////////////////////////////*/ .controlPhoneShow, .controlFaxShow {visibility: visible; color:#860008;} .controlPhoneHide, .controlFaxHide {display: none;} /* STRUCTURE > MISC CLASSES > CATEGORY TREEVIEW /////////////////////////////////////////////////////*/ ul.categoryTreeview {list-style:none; padding:0 0 0 20px;} ul.categoryTreeview li.warning {font: bold 11px/35px Verdana, Arial, Helvetica, sans-serif; text-align:left; color: #135DA2; padding:0;} ul.categoryTreeview li.loading {font: bold 11px/35px Verdana, Arial, Helvetica, sans-serif; text-align:left; color: #135DA2; padding:0 0 0 35px; background:url(../images/img_loading.gif) no-repeat 0 0;} ul.categoryTreeview li {font:bold 10px/15px Verdana, Arial, Helvetica, sans-serif; color:#000; padding-bottom:3px;} ul.categoryTreeview li.categoryBullet {background:url(../images/design/bullet_subMenu.gif) no-repeat 3px 5px; padding-left:16px;} ul.categoryTreeview li a:link, ul.categoryTreeview li a:active, ul.categoryTreeview li a:visited, ul.categoryTreeview li a:hover {color:#000;} ul.categoryTreeview li a.categoryTitle:link, ul.categoryTreeview li a.categoryTitle:active, ul.categoryTreeview li a.categoryTitle:visited, ul.categoryTreeview li a.categoryTitle:hover {font-weight:bold; padding-left:3px;} ul.categoryTreeview li a.categoryOpen:link, ul.categoryTreeview li a.categoryOpen:active, ul.categoryTreeview li a.categoryOpen:visited, ul.categoryTreeview li a.categoryOpen:hover {background:#396D9D; font:bold 10px/11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; padding:0 1px 0 1px; border:1px solid #2E4C6B; text-decoration:none;} ul.categoryTreeview li a.categoryOpen:hover {background:#2E4C6B; border:1px solid #003F7E;} ul.categoryTreeview li a.categoryClose:link, ul.categoryTreeview li a.categoryClose:active, ul.categoryTreeview li a.categoryClose:visited, ul.categoryTreeview li a.categoryClose:hover {background:#396D9D; font:bold 10px/11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; padding:0 3px 0 3px; border:1px solid #2E4C6B; text-decoration:none;} ul.categoryTreeview li a.categoryClose:hover {background:#2E4C6B; border:1px solid #003F7E;} ul.categoryTreeview li a.categoryAdd:link, ul.categoryTreeview li a.categoryAdd:active, ul.categoryTreeview li a.categoryAdd:visited, ul.categoryTreeview li a.categoryAdd:hover {color:#BF020C; text-decoration:underline; font-weight:bold;} ul.categoryTreeview li ul {list-style:none; padding-left:15px;} /* MEMBERS STRUCTURE > PREVIEW NAVBAR /////////////////////////////////////////////////////*/ ul.basePreviewNavbar{height: 30px; padding: 0; margin: 0 0 10px 0; background: #FBFBFB; border: 1px solid #EEE;} ul.basePreviewNavbar li{list-style: none; float: right;} ul.basePreviewNavbar li a:link, ul.basePreviewNavbar li a:active, ul.basePreviewNavbar li a:visited, ul.basePreviewNavbar li a:hover{background: url("../images/icon_delete.gif") 94% 50% no-repeat; font: normal 10px Arial, Helvetica, sans-serif; color: #000; display: block; padding: 8px 30px 8px 10px; border: 0;} ul.basePreviewNavbar li a:hover{color: #9B350C;} /* TABLE TOP BLUE - OLD CODE /////////////////////////////////////////////////////*/ table.standard-tableTOPBLUE {width: 750px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #6A6A6A; margin: 10px auto 0 auto; clear: left; background:#FAFAFA;} table.standard-tableTOPBLUE th { font: bold 11px/28px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #EAF0F7; text-align:left; white-space: nowrap; padding: 0 5px 0 5px;} table.standard-tableTOPBLUE th.orderTitle { background: #2e4c6b;} table.standard-tableTOPBLUE td { padding: 4px; color:#4D4D4D;text-align: left;} table.standard-tableTOPBLUE td table {margin: 0 auto 0 auto;} table.standard-tableTOPBLUE td table td, table.standard-tableTOPBLUE td table th {border: 0;} table.standard-tableTOPBLUE td.tableTOPBLUECheck {text-align: left; padding: 0; border: 0; background: #FFF;} table.standard-tableTOPBLUE td.tableTOPBLUECheck table {margin: 0;} table.standard-tableTOPBLUE td.tableTOPBLUECheck * { width: auto; text-align: left; border: 0; background: #FFF;} table.standard-tableTOPBLUE td.tableTOPBLUECheck a, table.standard-tableTOPBLUE td.tableTOPBLUECheck a:link, table.standard-tableTOPBLUE td.tableTOPBLUECheck a:active, table.standard-tableTOPBLUE td.tableTOPBLUECheck a:visited, table.standard-tableTOPBLUE td.tableTOPBLUECheck a:hover {cursor:pointer;} table.standard-tableTOPBLUE a:link, table.standard-tableTOPBLUE a:active, table.standard-tableTOPBLUE a:visited, table.standard-tableTOPBLUE a:hover {color: #000;} .status-active {color: #587F51;} .status-suspended {color: #647C84;} .status-expired {color: #EF413D;} .status-pending {color: #990000;} table.standard-tableTOPBLUE input.inputCheck {width: auto; border: 0;} /* GOOGLE MAP FIX */ #map span { display:none;} /* begin Menu */ /* menu structure */ .oppe-menu a, .oppe-menu a:link, .oppe-menu a:visited, .oppe-menu a:hover { text-align:left; text-decoration:none; outline:none; letter-spacing:normal; word-spacing:normal; } .oppe-menu, .oppe-menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .oppe-menu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background:none; } .oppe-menu li:hover { z-index: 10000; white-space: normal; } .oppe-menu li li { float: none; } .oppe-menu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background:none; } .oppe-menu li:hover>ul { visibility: visible; top: 100%; } .oppe-menu li li:hover>ul { top: 0; left: 100%; } .oppe-menu:after, .oppe-menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .oppe-menu, .oppe-menu ul {min-height: 0;} .oppe-menu ul {background-image: url(../images/spacer.gif);padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px;} .oppe-menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* menu structure */ .oppe-menu { padding: 8px 4px 0px 4px;} .oppe-nav {position: relative; height: 33px; z-index: 100;} .oppe-nav .l, .oppe-nav .r { position: absolute; z-index: -1; top: 0; height: 33px; background-color:#000000; } .oppe-nav .l {left: 0; right:0px;} .oppe-nav .r {right: 0; width: 919px; clip: rect(auto, auto, auto, 919px);} /* end Menu */ /* begin MenuItem */ .oppe-menu ul li {clear: both;} .oppe-menu a { position:relative; display: block; overflow:hidden; height: 25px; cursor: pointer; text-decoration: none; margin-right: 3px; margin-left: 3px; } .oppe-menu a .r, .oppe-menu a .l { position:absolute; display: block; top:0; z-index:-1; height: 75px; background-image: url('../images/MenuItem.png'); } .oppe-menu a .l {left:0; right:3px;} .oppe-menu a .r {width:406px; right:0; clip: rect(auto, auto, auto, 403px);} .oppe-menu a .t { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: bold; color: #FFFFFF; padding: 0 15px; margin: 0 3px; line-height: 25px; text-align: center; } .oppe-menu a:hover .l, .oppe-menu a:hover .r {top:-25px;} .oppe-menu li:hover>a .l, .oppe-menu li:hover>a .r {top:-25px;} .oppe-menu li:hover a .l, .oppe-menu li:hover a .r {top:-25px;} .oppe-menu a:hover .t {color: #FDE2E3;} .oppe-menu li:hover a .t {color: #FFFFFFF;} .oppe-menu li:hover>a .t {color: #FDE2E3;} .oppe-menu a.active .l, .oppe-menu a.active .r {top: -50px;} .oppe-menu a.active .t {color: #4A4A4A;} /* end MenuItem */ /* begin MenuSubItem */ .oppe-menu ul a { display:block; text-align: center; white-space: nowrap; height: 20px; width: 180px; overflow:hidden; line-height: 20px; margin-right: auto; background-image: url('../images/subitem-bg.png'); background-position: left top; background-repeat: repeat-x; border-width: 0px; border-style: solid; } .oppe-nav ul.oppe-menu ul span, .oppe-nav ul.oppe-menu ul span span { display: inline; float: none; margin: inherit; padding: inherit; background-image: none; text-align: inherit; text-decoration: inherit; } .oppe-menu ul a, .oppe-menu ul a:link, .oppe-menu ul a:visited, .oppe-menu ul a:hover, .oppe-menu ul a:active, .oppe-nav ul.oppe-menu ul span, .oppe-nav ul.oppe-menu ul span span { text-align: left; text-indent: 12px; text-decoration: none; line-height: 20px; color: #454545; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; } .oppe-menu ul ul a {margin-left: auto;} .oppe-menu ul li a:hover {color: #000000; background-position: 0 -20px;} .oppe-menu ul li:hover>a {color: #000000; background-position: 0 -20px; } .oppe-nav .oppe-menu ul li a:hover span, .oppe-nav .oppe-menu ul li a:hover span span {color: #000000;} .oppe-nav .oppe-menu ul li:hover>a span, .oppe-nav .oppe-menu ul li:hover>a span span {color: #000000;} /* end MenuSubItem */