/* STRUCTURE > MISC /////////////////////////////////////////////////////*/ * {text-decoration: none; padding: 0; margin: 0; border: 0;} body {text-align: center; margin:0; background: #6B7961;} a { color:#000 } /* STRUCTURE > MAIN CONTENT /////////////////////////////////////////////////////*/ div.wrapper {width: 965px; margin: 0 auto 0 auto; background: #FFF; border: none;} /* STRUCTURE > HEADER /////////////////////////////////////////////////////*/ div.wrapper div.header {height: 100px; position: relative;} /* STRUCTURE > HEADER > LOGO LINK /////////////////////////////////////////////////////*/ div.wrapper div.header a.logoLink {width: 200px; height: 100px; 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: 20%; right: 15px;} .facebook {margin:0 auto; position:relative; text-align:left;width:965px; } .face{ color:#470C2A; float: left; font-family: Verdana; font-size:14px; font-weight:bold; margin-right: 252px; padding:0 0 5px 12px;} .facebook span { color: #96293F; margin-right: 5px; position: relative; top: -5px;} /* STRUCTURE > NAVBAR /////////////////////////////////////////////////////*/ div.wrapper ul.navbar { padding: 0; clear: both; margin:auto; width: 944px; overflow: hidden; } div.wrapper ul.navbar li {list-style: none; margin: 0; float: left; width: 12%;} div.wrapper ul.navbar li a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 25px; color: #e3e9e6; text-decoration: none; display: block; background:#414744; border-left: 1px solid #FFF;} div.wrapper ul.navbar li.first { margin:0; width: 6%; } div.wrapper ul.navbar li.first a { height: 40px; padding-top: 10px;} div.wrapper ul.navbar li.second { margin:0; width: 11%; } div.wrapper ul.navbar li.three { margin:0; width: 14%; } div.wrapper ul.navbar li.last { margin:0; width: 10%; } div.wrapper ul.navbar li a:hover, div.wrapper ul.navbar li a.menuActived div.wrapper ul.navbar li a.menuActived:hover {color: #f5e3e7; background:#951f2f;} /* STRUCTURE > NAVBAR SLIM /////////////////////////////////////////////////////*/ div.wrapper ul.navbarslim {height: 30px; padding: 0; clear: both; margin:auto; width:944px; } div.wrapper ul.navbarslim li {list-style: none; margin: 0; float: left;} div.wrapper ul.navbarslim li a {font: bold 11px/30px Arial, Helvetica, sans-serif; color: #e3e9e6; text-decoration: none; text-transform: capitalize; padding: 0 8.7px 0 8.6px; display: block; background:#414744; margin-left:1px;} div.wrapper ul.navbarslim li.first a { margin:0;} div.wrapper ul.navbarslim li a:hover, div.wrapper ul.navbarslim li a.menuActived div.wrapper ul.navbarslim li a.menuActived:hover {color: #f5e3e7; background:#951f2f;} /** * Search * * @section search */ .search { border-bottom: 5px solid #F7F7F7; font:14px Arial,Helvetica,sans-serif; margin: 0px 0 0px 0; position: relative; width: 100%; } .search form { background: #474F40 ; border: 1px solid #CCC; height: 100%; overflow: hidden; padding: 5px 0 20px 0; text-align:left; } .search fieldset { float: left; padding: 5px 10px 0 20px; width: 40%; } .search label { color: #FFF; display: block; font-size: 18px; line-height: 24px; } .search .altLabel, .search legend { clear: both; color: #666; display: block; float: left; font-size: 14px; font-weight: bold; width: 100%; } .search legend { float: none; } .search label span { color: #EEE; font-size: 11px; } .search .optionDescription { font-size: 11px; padding: 0 5px 0 5px; } .search input, .search select, .search textarea { background:#D3CDBF; border:1px solid #470C2A; border-right-color:#474F40; border-bottom-color:#474F40; font: normal 14px Arial, Helvetica, sans-serif; padding: 4px; width: 95%; } .search .altSelect { float: left; font-size: 12px; margin: 0 0 5px 0; padding: 1px; width: 77%; } .search .spacedSelect { margin-left: 70px; } .search .inputAuto { border: none; padding: 0; vertical-align: middle; width: auto; } .search .inputSmall { font-size: 12px; width: 15%; } .search .advancedSearch { font-size: 9px; position: absolute; right: 10px; top: 68px; } .search .advancedSearch a, .search .advancedSearch a:visited { color:#FFF; font-size:9px; font-weight:bold; text-decoration:none; } .search .advancedSearch a:hover { color:#FFF; text-decoration:underline; } .search .standardButton { float: left; margin: 30px 0 0 0; } .searchCategory { background: #FFC; color: #333; } .searchSubcategory { background: #FFFFEF; } /** * Advanced Search * * @section search * @subsection advanced-search */ .search .baseAdvancedSearch { margin-top: 10px; width: 15.5%; } .baseAdvancedSearch input, .baseAdvancedSearch select { font-size: 12px; margin-bottom: 5px; } .baseAdvancedSearch .inputSmall { vertical-align: middle; width: 30%; } /** * Standard Button * * @section common * @subsection standard-button */ .search .standardButton { background: url(../images/design/bg_button_right.gif) no-repeat 100% 0; } .search .standardButton button, .search .standardButton a, .search .standardButton a:visited { background: url(../images/design/bg_button_left.gif) no-repeat 0 0; color: #FFF; cursor: pointer; display: block; font: bold 14px/30px Arial, Helvetica, sans-serif; text-align: center; } .search .standardButton, .search .standardButton button, .search .standardButton a, .search .standardButton a:visited { height: 30px; width: 95px; } /* STRUCTURE > CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content {padding: 10px; background: none; border-bottom: 5px solid #F7F7F7;} div.wrapper div.content a.contentLink {display:block; font:normal 12px Arial, Helvetica, sans-serif; color:#333; text-align:left; padding:0 0 5px 0; border-bottom:1px solid #EEE; margin: 0 0 5px 0;} div.wrapper div.content a.contentLink:hover {text-decoration:underline;} /* STRUCTURE > CONTENT > LEFT CONTENT /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.leftContent {width: 200px; margin: 0 15px 0 0; text-align: left; float: left; border: 0;} 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: #D3CDBF; 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: #FFF; background: #474F40; border: 1px solid #470C2A; 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: #666; border-bottom:1px solid #470C2A;} 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:#474F40; padding:0; margin: 0 0 5px 0;} div.wrapper div.content blockquote.leftContent p.standardTitle span {color: #470C2A;} div.simpleSearch {font: normal 11px/24px Verdana, Arial, sans-serif; text-align:left; color: #FFF; margin-bottom: 10px; clear: both; background: #474F40; border: 1px solid #470C2A; border-top: 0; padding:0 10px 10px 10px;} div.simpleSearch label {color: #FFF; display:block;} div.simpleSearch input, div.simpleSearch select {width: 96%; font: normal 10px Verdana, Arial, sans-serif; color: #1B293A; padding: 2px; background: #D3CDBF; border: 1px solid #470C2A; border-right-color: #474F40; border-bottom-color: #474F40;} 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;} div.baseAdvancedSearch {font: normal 11px/24px Verdana, Arial, sans-serif; text-align:left; color: #FFF; margin-bottom: 10px; clear: both; background: #474F40; border: 1px solid #470C2A; border-top: 0; padding:0 10px 10px 10px;} div.baseAdvancedSearch form { border: 0px solid #CCC; height: 100%; overflow: hidden; padding: 5px 0 20px 0; } div.baseAdvancedSearch fieldset { float: left; padding: 0px 0px 0px 0px; } div.baseAdvancedSearch label {color: #FFF; display:block;} div.baseAdvancedSearch input, div.baseAdvancedSearch select {width: 96%; font: normal 10px Verdana, Arial, sans-serif; color: #1B293A; padding: 2px; background: #D3CDBF; border: 1px solid #470C2A; border-right-color: #474F40; border-bottom-color: #474F40;} div.baseAdvancedSearch input.searchRadio {width: auto; display:block; padding: 0px 0px 0px 0px; background-color:none; border:none } .search input.searchRadio { background:none; border:none; padding:0; margin:0 } div.baseAdvancedSearch input:focus {background: #FFF;} /* STRUCTURE > CONTENT > LEFT CONTENT > SEARCH DIFFERENCES /////////////////////////////////////////////////////*/ div.simpleSearch div#tab2 select {margin-bottom: 3px;} div.simpleSearch input.SearchInputSmall {width: 70px;} 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: #68795C 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: #474F40; padding: 0 0 5px 0; border-bottom: 1px solid #EEE;} dl.base-join dt span {color: #470C2A;} 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: #000; padding: 2px; background: #D3CDBF; border-top: 1px solid #474F40; border-left: 1px solid #88947A; 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: #68795C 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: #474F40;} dl.base-join a:hover {color: #000; 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 11px/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: #474F40; padding: 5px 5px 5px 7px; margin: 0 0 3px 0; border-bottom: 1px solid #EEE; background: url("../images/design/bg_CATbullet.gif") 0 9px no-repeat;} ul.left-list h1, ul.left-list h2 {margin:0; padding:0;} /* 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:#96293F;} /* 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 */ height:auto; float: left; margin: 0 15px 0 0; border: 0; background: none; border-left: 1px solid #EEE; width: 54%;} div.wrapper div.content blockquote.middleContent2 {/* 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: 77%; height:auto; float: left; margin: 0 15px 0 0; border: 0; padding-bottom:10px; background: none; border-left: 1px solid #EEE; border-right: 1px solid #EEE;} div.wrapper div.content blockquote.middleContent div.frontFlash {margin:0 auto; width:500px;} /* STRUCTURE > CONTENT > MIDDLE CONTENT > BANNER BOTTOM /////////////////////////////////////////////////////*/ blockquote.bottomBanner {/*width: 730px; height: 100px;*/ clear: both; margin: 0 auto 0 auto; padding: 10px 0 0 0; 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; border-left: 1px solid #EEE;} #mainVideo { color: #697859; } .middleContentMainVideo { float: left; padding: 6px; width: 425px;} blockquote.middleContentExtended p {color: #333;} .middleContentExtendedVideo { padding: 10px;} .baseIconNavbarVideo { float: right; margin-top: 10px;} .middleContentMainVideo .baseIconNavbarVideo a { color: #96293F; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold;} .middleContentMainVideo .baseIconNavbarVideo a:hover { color: #000;} .socialBookmarkIcons { display: block;} .videoTitle { border-bottom: 1px solid #697859; display: block; margin: 0px 0 5px 0;} .viewMore { color: #697859; font-size: 12px; margin: 10px 0 0 40px; position: absolute; right: 562px; } .moreVideos { background: #F7F7F7; color: #697859; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 18px 10px 2px 10px ; text-align: left;} .videoTitleLeft { background: #FFF url(../images/design/bg_video_menu_left.png) no-repeat top left; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; height: 28px; margin-top: 15px; } .videoTitleRight { background: #FFF url(../images/design/bg_video_menu_right.png) no-repeat top right; color: #FFF; float: left; font-size: 12px; padding: 6px 9px 6px 0; margin-left: 9px; text-align: left; } .pagingVideo { clear: both; margin-bottom: 80px;} .pagingVideoTitleLeft { color: #FFF; float: right; font-family: Arial, Helvetica, sans-serif; height: 28px; margin-top: 2px; text-align: right;} .pagingChoice { color: #FFF; padding: 5px 5px 4px 5px;} .jcarousel-control a:hover { background: #FFF;} .pagingVideoTitleRight { padding: 5px; margin-left: 9px; } .jcarousel-control, .jcarousel-control2 { background: #FFF url(../images/design/bg_paging_video_menu.png) repeat-x 0 0; float: left; font-size: 12px; padding: 6px 0; text-align: left;} .jcarousel-control a { color: #FFF;} .jcarousel-control a:hover, .jcarousel-control2 a:hover { background: #EEE; color: #69795C;} #mycarousel-prev { background: #FFF url(../images/design/bg_paging_video_menu_left.png) no-repeat top left; border-right: 1px solid #EEE; float: left; padding: 1px 5px 7px 5px; width: 10px; } #mycarousel-prev a { color: #FFF;} #mycarousel-next { background: url(../images/design/bg_paging_video_menu_right.png) no-repeat right top; border-left: 1px solid #EEE; color: #FFF; float: left; padding: 1px 5px 7px 5px; } #mycarousel-prev2 { background: #FFF url(../images/design/bg_paging_video_menu_left.png) no-repeat top left; border-right: 1px solid #EEE; float: left; padding: 1px 5px 7px 5px; width: 10px; } #mycarousel-prev2 a { color: #FFF;} #mycarousel-next2 { background: url(../images/design/bg_paging_video_menu_right.png) no-repeat right top; border-left: 1px solid #EEE; color: #FFF; float: left; padding: 1px 5px 7px 5px; } .pagingVideoTitleRight a:hover { background: #EFF0EB; color: #69795C;} .contentTop { background: #F7F7F7; height: auto; overflow: hidden;} .contentFeatured { float: left; width: 455px;} .contentEditor { float: right; width: 270px;} .jcarousel-skin-tango .jcarousel-container-horizontal { overflow: hidden; width: 710px;} .jcarousel-skin-tango .jcarousel-clip-horizontal { border-bottom: 1px solid #697859; height: 130px; padding-bottom: 5px; width:708px;} .jcarousel-clip { overflow: hidden; } .jcarousel-list { margin: 0; overflow: hidden; padding: 0; position: relative; top: 0; left: 0; } .jcarousel-list li, .jcarousel-item { float: left; height: 75px; list-style: none; width: 75px; } .jcarousel-list li p { color: #697859; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: left;} .jcarousel-list li h3 { color: #470C2A; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; } .jcarousel-skin-tango .jcarousel-item { height: 130px; width: 113px; margin-right: 5px;} .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;} .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;} .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px;} .videoImg { border: 5px solid #EEE;} /* 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 #679933; padding:10px 0 0 0;} /* STRUCTURE > CONTENT > RIGHT CONTENT (THIRD COLUMN) /////////////////////////////////////////////////////*/ div.wrapper div.content blockquote.rightContent {width: 200px; 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: #470C2A;} div.wrapper div.content blockquote.rightContent p.standardTitle {font: normal 18px/20px Arial, Helvetica, sans-serif; color:#474F40; padding:0; margin: 0 0 5px 0;} div.wrapper div.content blockquote.rightContent p.standardTitle span {color: #470C2A;} /* 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 {margin-top: 10px; padding-bottom: 10px; text-align: center; text-decoration: none; background: #292927;} .rightBanner h4 {font: normal 18px/20px Arial, Helvetica, sans-serif; color: #888; text-align: left; padding: 10px 5px 0 5px;} .rightBanner img, .rightBanner object {margin: 0; border: 5px solid #42423E;} .rightBanner span {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-align: center; padding: 10px 5px 0 5px; 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:left; 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: #470C2A; 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:#470C2A; 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; border-top: 1px solid #EEE; border-bottom: 5px solid #1C2F43;} 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 /////////////////////////////////////////////////////*/ div.wrapper div.footer ul.navFooter { height: 25px; text-align: center; margin:0 auto 0 auto;} div.wrapper div.footer ul.navFooter li {list-style: none; display:inline; margin: 0 2px 0 2px;} div.wrapper div.footer ul.navFooter li.last {padding-left: 18%;} div.wrapper div.footer ul.navFooter li, div.wrapper div.footer ul.navFooter li a:link, div.wrapper div.footer ul.navFooter li a:active, div.wrapper div.footer ul.navFooter li a:visited, div.wrapper div.footer ul.navFooter li a:hover {font: 11px/25px Verdana, Arial, Helvetica, sans-serif; color:#999;} div.wrapper div.footer ul.navFooter li a:hover {text-decoration: underline; color:#474F40;} /* STRUCTURE > CONTENT > MIDDLE CONTENT > BIZTUBE /////////////////////////////////////////////////////*/ div.biztubeDetail { font: normal 12px Arial, Helvetica, sans-serif; text-align:left; width:475px; margin:0 auto; } div.biztubeDetail p { margin:4px 0 4px 0;} blockquote.highlightVideo { background: #EEE; border: 1px solid #CFD2CB; padding:5px; float:left; margin:5px;} .contentModel .highlightVideo { background: none; border: none; margin: 0;} blockquote.highlightVideo a.bizHubImage, blockquote.highlightVideo a.bizHubNoImage {display: block; border: 5px solid #EEE;} blockquote.highlightVideo a.bizHubImage:hover, blockquote.highlightVideo a.bizHubNoImage:hover {border: 5px solid #470C2A;} blockquote.highlightVideo h1, blockquote.highlightVideo h1 a {font: bold 11px Arial, Helvetica, sans-serif; color: #470C2A; text-align: left; padding: 3px; text-align:left;} blockquote.highlightVideo h1 a:hover {color: #000; text-decoration: underline;} blockquote.highlightVideo a.viewVideo { display:block; font:normal 10px Arial, Helvetica, sans-serif; color:#6C7C61; border-top:1px solid #EEE; padding:3px; text-align: right;} /* STRUCTURE > FOOTER > COPYRIGHT /////////////////////////////////////////////////////*/ div.wrapper div.footer p.copyright {font: 11px/25px Verdana, Arial, Helvetica, sans-serif; color: #999; margin-top:20px;} /* 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: #474F40;} p.basePowered a:hover {color: #474F40; 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:#474F40} p.standardTitleNew{ font: bold 15px/22px Arial, Helvetica, sans-serif; height:24px; text-transform:uppercase; background: url(../images/design/p_standardTitle.gif) 0 0 repeat-x; color:#FFF; padding:0 0 0 10px; margin: 5px 0 5px 0; text-align:left;} h1.standardTitle span, p.standardTitle span {color: #470C2A;} /* 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: #68795C 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 { float: right; height: 20px; margin: 5px 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: #4A761F; text-transform: lowercase; padding: 2px 9px 2px 9px; display: block; border: 1px solid #EEE;} ul.iconNavbar li a:hover {color: #470C2A; border: 1px solid #BBDCA3; text-decoration: none;} ul.iconNavbar li.removeQuicklist a:hover {color: #CC0000; border: 1px solid #FFE1E1;} 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; padding: 2px 9px 2px 9px; background: #470C2A; border: 1px solid #470C2A;} ul.iconNavbar li.claimnavbarButton a:hover {color: #FFF; background: #40651B; border: 1px solid #40651B;} /* 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;} 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:#470C2A; 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: #3F631B;} ul.standardStep li.standardStepAD span {color: #474F40;} 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:#474F40;} /* 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: #474F40; 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:#470C2A;} 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;} div.dynamicContent ul,div.dynamicContent ol { margin:10px 0 10px 30px; } .dynamicContent ul { list-style:disc; } .dynamicContent ul ul { list-style:circle;} .dynamicContent ul ul ul { list-style:square;} .dynamicContent ol { list-style:decimal; padding:10px 0 10px 30px; } /* 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: #000; 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: #470C2A; 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: #CC9933; font-weight: bold; text-decoration: none; white-space: nowrap;} ul.rating li.ratingText a:hover {color: #000;} /* RESULTS PAGES > MISC CLASSES > PAGING /////////////////////////////////////////////////////*/ table.pagingContent, table.pagingContent table { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 0 auto 0 auto;} table.pagingContent td {padding: 2px;} 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: #666; border: 1px solid #666;} /* RESULTS PAGE > MIDDLE CONTENT EXTENDED > LISTING RESULTS / DETAIL > MISC CLASSES /////////////////////////////////////////////////////*/ .controlPhoneShow, .controlFaxShow {visibility: visible;} .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:#474F40; 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 { background:#2E4C6B; 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 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;} /** * Advanced Search * * @section search * @subsection advanced-search */ .search .baseAdvancedSearch { color: #FFF; margin-top: 10px; width: 15.5%; } .search .baseAdvancedSearch legend { color: #FFF; } .search .baseAdvancedSearch select { color: #000; } .search .baseAdvancedSearch .searchRadio { width: 20px; border:none } .baseAdvancedSearch input, .baseAdvancedSearch select { color: #FFF; font-size: 12px; margin-bottom: 5px; } .baseAdvancedSearch .inputSmall { color: #000; vertical-align: middle; width: 30%; margin-right: 3px; } /** * Loading Box * * @section common * @subsection loading-box */ .loading { background: #FFF url(../images/content/img_loading_bar.gif) no-repeat 10px center; border: 1px solid #CCC; clear: both; color: #333; float: left; font-size: 14px; font-weight: bold; margin: 10px 0 10px 20px; padding: 10px 10px 10px 60px; width: 747px; }