/* ----------------------------------------------- Layout CSS Colors: etana red = #bb202e ----------------------------------------------- */ /* =Basic HTML --------------------------------------------------------------------------------*/ body {font: 12px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;} body {background: #fbfbfb url('/theme/images/body-bg.jpg') 50% 0 repeat-y; color: #333; font-size: 12px;} a:focus {outline: 1px dotted invert;} hr {border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0;} /* =Headings --------------------------------------------------------------------------------*/ h1 {font-size: 25px;} h2 {font-size: 23px;} h3 {font-size: 21px;} h4 {font-size: 16px;} h5 {font-size: 15px;} h6 {font-size: 14px;} /* =Spacing --------------------------------------------------------------------------------*/ ol {list-style: decimal;} ul {list-style: disc;} li {margin-left: 30px;} p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {margin-bottom: 20px;} a:link, a:visited {font-weight: normal; text-decoration: underline;} a:hover {font-weight: normal; text-decoration: none;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {text-decoration: none; font-weight: bold;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: orange;} .menu a {text-decoration: none;} #wrap {} #main {margin-top: 15px;} #home #header {margin-bottom: -30px;} /* anchors ----------------------------------------------- */ a {color: #000; font-weight:bold; text-decoration: none; } a:hover {color:#333;} /* 960 grid system container background ----------------------------------------------- */ .container_12, .container_16 {background:transparent;} #wrap {position: relative;} /* headings ----------------------------------------------- */ h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;} h2 {margin-top:1em;} h5 {font-size:1.2em;} h6 {font-size:1em; text-transform:uppercase;} h1 a {font-weight:normal;} h1#page-heading {color: #bb202e; font-weight: normal; font-size: 34px;} /* branding ----------------------------------------------- */ h1#branding {font-weight:normal; font-size:3em; text-align:left; background:#aaa; padding:.7em 1em; margin-bottom:0;} /*-- HEADER ----------------------*/ #home #header {height: 340px;} #header {height: 130px; width: 1020px;} #header {background: url('/theme/images/header-bg-v2.jpg') top left no-repeat; position: absolute; top: 0; left: 0;} #home #wrap {padding-top: 340px;} #wrap {padding-top: 130px;} .nav {z-index: 2;} #main {position: relative; z-index: 1;} /*-- NAV ----------------------*/ .nav {position: absolute; top: 50px; right: 0; display: block; width: 786px;} .nav li ,.nav {list-style: none; padding: 0; margin: 0;} .nav li a {display: block; float: left;} .nav li a {height: 67px; background: url('/theme/images/nav-bg-v2.jpg') top left no-repeat;} .nav li a span {margin-left: -9999px;} .nav #nav-business a {background-position: -181px 0; width: 172px;} .nav #nav-login a {background-position: -472px 0; width: 117px;} .nav #nav-about a {background-position: -353px 0; width: 113px;} .nav #nav-whats-happening a {background-position: -0px 0; width: 181px;} .nav #nav-contact a {background-position: -589px 0; width: 203px;} .nav #nav-business.current a, .nav #nav-business a:hover {background-position: -181px -67px;} .nav #nav-login.current a, .nav #nav-login a:hover {background-position: -472px -67px;} .nav #nav-about.current a, .nav #nav-about a:hover {background-position: -353px -67px;} .nav #nav-whats-happening.current a, .nav #nav-whats-happening a:hover {background-position: -0px -67px;} .nav #nav-contact.current a, .nav #nav-contact a:hover {background-position: -589px -67px;} .nav #nav-home a {background: none; height:100px; left:-212px; top:-29px; width:200px; position: absolute;} .nav li li a {width: 191px !important;} /* page heading ----------------------------------------------- */ h2#page-heading {font-weight:normal; padding:.5em; margin:0 0 10px 0; border-bottom:1px solid #ccc;} #promo-blurb {position: absolute; left: 400px; top: 172px; color: white; font-size: 18px;} /* boxes ----------------------------------------------- */ .box {background:#ddd; margin-bottom:20px; padding:10px 10px 0px 10px;} .box .curvy {position: relative; z-index: 1; min-height: 88px; padding-bottom: 10px;} .box {background: url('/theme/images/box-bg-tile.jpg')} /*.box .curvy-top {display: block; height: 30px; position: absolute; top: -10px; left: -10px; background: url('/theme/images/box-bg-sprite.jpg') top left no-repeat; z-index: -1;} .box .curvy-bottom {display: block; height: 100px; position: absolute; bottom: -10px; left: -10px; background: url('/theme/images/box-bg-sprite.jpg') bottom left no-repeat; z-index: -1;} .red {background: url('/theme/images/box-bg-tile-red.jpg')} .red .curvy-top, .red .curvy-bottom {background-image: url('/theme/images/box-bg-sprite-red.jpg');} .grid_7 .box .curvy-top {width: 540px; background-position: -900px 0px;} .grid_7 .box .curvy-bottom {width: 540px; background-position: -900px -11px;} .grid_5 .box .curvy-top {width: 380px; background-position: -520px 0px;} .grid_5 .box .curvy-bottom {width: 380px; background-position: -520px -11px;} .grid_4 .box .curvy-top {width: 300px; background-position: -220px 0px;} .grid_4 .box .curvy-bottom {width: 300px; background-position: -220px -11px;} .grid_3 .box .curvy-top {width: 220px; background-position: 0 0;} .grid_3 .box .curvy-bottom {width: 220px; background-position: 0 -11px;} */ .box .curvy-top-left {display: block; height: 30px; width: 30px; position: absolute; top: -10px; left: -10px; background: url('/theme/images/box-bg-sprite-.jpg') top left no-repeat; z-index: -1;} .box .curvy-top-right {display: block; height: 30px; width: 100%; position: absolute; top: -10px; right: -10px; background: url('/theme/images/box-bg-sprite-.jpg') top right no-repeat; z-index: -1;} .box .curvy-bottom-left {display: block; height: 90px; width: 30px; position: absolute; bottom: 0px; left: -10px; background: url('/theme/images/box-bg-sprite-.jpg') bottom left no-repeat; z-index: -1;} .box .curvy-bottom-right {display: block; height: 90px; width: 100%; position: absolute; bottom: 0px; right: -10px; background: url('/theme/images/box-bg-sprite-.jpg') bottom right no-repeat; z-index: -1;} .red {background: url('/theme/images/box-bg-tile-red.jpg')} .red .curvy-top-left, .red .curvy-top-right, .red .curvy-bottom-left, .red .curvy-bottom-right {background-image: url('/theme/images/box-bg-sprite-red-.jpg');} .red, .red a {color: white;} .box h2 {font-size:18px; font-weight:bold; text-transform:none; margin: 0 0 10px 0; padding:0 0 0 0;} .box h2.sifr {margin: 0;} .box h2 a span {margin-left: -9999px;} .box a.readmore {color: #bb202e; text-decoration: none; font-weight: bold; text-align: right;} .red a.readmore {color: white; text-decoration: none; font-weight: bold; text-align: right;} .block {padding-top:10px;} div.menu {padding:0;} div.menu h2 {margin:0;} div.menu .block {padding-top:0;} /*-- PROMO SLIDE ----------------------*/ #promoSlide {height: 150px;} #promoSlide img {display: none;} /*-- FIND A BROKER --------------------*/ .columns2 li {list-style: disc; padding: 0; margin: 0; width: 45%; margin-left:5% !important; float: left;} /*-- MAP EMBED ----------------------*/ #home #broker-map .curvy {} #map_canvas {border: 3px solid white; color: #333; margin-bottom: 10px;} #map_canvas a {color: #bb202e; font-weight: bold;} /*-- special images ----------------------*/ img.feature {margin-left: -20px; border: 3px solid white; float: left; margin-bottom: 10px; margin-right: 10px;} a.readmore {font-size: 12px;} a.readmore {display: block; line-height: 24px; padding-right: 30px; height: 24px; background: url(/theme/images/readmore-bg.png) no-repeat top right;} .feature-profiles {margin-bottom:30px;} .feature-profiles p, .feature-profiles a {padding-left: 100px;} .feature-profiles a {text-align: right;} #home .feature-profiles a {padding-left: 0px;} #home .feature-profiles a {text-align: left;} /*-- BROKERS/INDEX ----------------------*/ .profile-item h3 a {font-size: 14px; font-weight: bold; text-decoration: none; width: 410px; float: left; margin: 0;} .profile-item h3 {margin: 0;} .profile-item .readmore {width: 75px; float: left; margin: 0;} .profile-item:hover {background: #efefef; background: rgba(239, 239, 239, 0.5);} .profile-item {padding: 4px 6px; margin: -4px -6px;} #featured-brokers {margin-bottom:10px;} /* BROKERS/CATEGORY */ .featured .profile-photo {float: left; margin-right: 10px; position: relative; text-decoration: none;} .featured {margin-bottom:10px; background:#CFCFCF;} .featured .readmore {float:right; margin-right:5px;} .featured:hover {background:#CFCFCF;} .featured-icon {position: absolute; bottom: 0 ; left: 0; text-decoration: none;} .featured-icon {font-size:10px; text-transform:uppercase; color:white; background-color:#EFA32C; padding: 2px 4px 0px 4px;} /*-- BROKER PROFILE ----------------------*/ #photo {width: 220px; padding-right: 10px; float: left; margin-bottom: 10px;} #profile-contact {width: 290px; float: right;margin-bottom: 10px;} dl.meta, dl.meta dt, dl.meta dd {padding:0; margin:0;} dl.meta {margin-bottom: 8px;} dl.meta dt {font-size:12px; line-height: 18px; font-weight:bold; clear:both; } dl.meta dt {display:block; width: 80px; float: left; } dl.meta a {font-size:12px;} dl.meta a:hover {} dl.meta dd {display:block; line-height: 18px; margin-left: 85px; width:170px;} #contact dl.meta dt {width: 95px;} #contact dl.meta dd {margin-left: 95px; width:180px;} dl.address dt {width: 100%; float: none;} dl.address dd {width: 100%; float: none; margin: 0;} a.action-button {display: block; color: white; font-weight: bold; text-decoration: none; padding: 5px; /*padding-right: 50px;*/ background: #bb202e url(/theme/images/button-email.png) no-repeat center right; margin-bottom: 5px;} a:hover.action-button {background:#999 url(/theme/images/button-email.png) no-repeat center right; color:#333;} .feature-item {margin-bottom: 10px;} .feature-item p {padding-left: 98px} /*-- BROKERS AREA ----------------------*/ /*-- Documents ----------------------*/ .downloads {font-size: 12px; line-height: 18px;} .downloads ul {margin: 0;} .downloads li {list-style: none; display: block; margin-left: 0px; margin-bottom:0px;} .downloads .box {padding: 5px 0;} .downloads .box h2 {margin-left: 0;} .downloads a {padding: 2px 20px; text-decoration: none; font-weight: bold; background: none; margin: 0;display: inline-block; } .downloads a:hover {text-decoration: none !important; background-color: #EEE !important; color: #444; font-weight: bold;} .downloads span {font-weight: normal; } .downloads a {border-bottom: 1px dotted #B4B4B4;} .downloads a.email {float: left; width: 20%;} .downloads a.file {float: left; width: 60%;} .downloads .thumbnail {float: right;} span.pdf, .publication a[href$='.pdf'], .downloads a[href$='.pdf'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_acrobat.png) center left no-repeat;} span.doc, .publication a[href$='.doc'], .downloads a[href$='.doc'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_word.png) center left no-repeat;} span.ppt, .publication a[href$='.ppt'], .downloads a[href$='.ppt'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_powerpoint.png) center left no-repeat;} span.mp3, .publication a[href$='.mp3'], .downloads a[href$='.mp3'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/ipod_sound.png) center left no-repeat;} span.zip, .publication a[href$='.zip'], .downloads a[href$='.zip'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_compressed.png) center left no-repeat;} /*-- POLLS ----------------------*/ .poll h3 {font-size: 14px;} .answer {font-weight:bold; font-size:11px;} .answer-total-votes {font-weight:bold; font-size:11px;} .poll-total-votes {font-weight:bold; font-size:11px;} .user-message {color:#E4670A; font-weight:bold;} .percentage {background-color:#E4670A; padding: 2px 4px; color:white; border: 1px solid white; font-size: 11px;} .lg-polls-answers li {list-style: none; margin: 0;} /* paragraphs, quotes and lists ----------------------------------------------- */ p {margin-bottom:1em;} blockquote {font-family: Georgia, 'Times New Roman', serif; font-size:1.2em; padding-left:1em; border-left:4px solid #ccc;} blockquote cite {font-size:.9em;} ul, ol {padding-top:0;} /* menus ----------------------------------------------- */ ul.menu {list-style:none; border-top:1px solid #bbb; } ul.menu li { margin:0; } ul.menu li a {display:block; padding:4px 10px; border-bottom:1px solid #ccc;} ul.menu li a:hover {color:orange;} /*-- secondary nav (brokers section) ----------------------*/ ul.horiz {float: right; margin-right: -30px;} ul.horiz li a {color: white; border: none;} ul.horiz {border: none; margin-bottom: 0px; background: url(/theme/images/nav-broker-bg.jpg) no-repeat top left;} ul.horiz li {float: left; display: inline; border-top:none; border-bottom:none; } ul.menu .current a {color: orange; text-decoration: underline;} ul.productlist .current a {color: orange; text-decoration: underline;} .menu .logout a {background: #ccc; margin: 4px; padding: 0 4px;} .menu .logout a:hover {color: #333;} /* submenus ----------------------------------------------- */ ul.menu ul { list-style:none; margin:0;} ul.menu ul li a {padding-left:30px;} /* section menus ----------------------------------------------- */ ul.section {border-top:0; margin-bottom:0;} ul.section li {text-transform:uppercase;} ul.section li a {background:#bbb; } ul.section li a:hover {background:#aaa; } ul.section li a:active {color:#fff; background:#666; } ul.section li li a {background:#ddd; border-bottom:1px solid #eee; } ul.section li li a:hover {background:#ccc; } ul.section li li a:active {color:#000; background:#fff; } ul.section ul li {text-transform:none; } ul.section ul.current li a {background:#eee; border-bottom:1px solid #fff;} ul.section ul.current li a:hover {background:#ddd;} ul.section ul.current li a:active {background:#fff;} ul.section li a.current {color:#fff; background:#666;} ul.section li a.current:hover {background:#555;} ul.section li a.current:active {background:#444;} ul.section li a.active {background:#fff;cursor:default;} ul.section li.current > a.active, ul.section li.current > a.active:hover {color:#fff;background:#666;cursor:default;} /* table ----------------------------------------------- */ /*table { width:100%; border:1px solid #bbb; margin-bottom:10px; } col.colC { width:8em; } th, td { padding:.2em 1em; text-align:left; } thead th { border-bottom:2px solid #888; background:#bbb; padding:.4em 1em .2em; } thead th.table-head { font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; background:#555; border:1px solid #555; } tbody th, tbody td { border-top:1px solid #bbb; border-bottom:1px solid #bbb; background:#eee; } tbody tr.odd th, tbody tr.odd td { background:#fff; } tfoot th, tfoot td { border-top:2px solid #666; background:#eee; } tfoot tr.total th, tfoot tr.total td { border-top:6px double #666; } tfoot tr.total th { text-transform:uppercase; } th.currency, td.currency { text-align:right; }*/ /* articles ----------------------------------------------- */ .articles {padding:0; } .articles h2 {margin:0;} #articles {padding-top:0;} .article {border-top:1px solid #666; padding-top:.5em;} .box .article {border-top:3px solid #fff; padding:13px 10px 0 10px;} .article h2 {font-size:2em; font-weight:normal; text-transform:none; color:#333; background:transparent; padding:0; margin:0; border:none;} .article h3 {margin-bottom:.2em; font-size:1.6em;} .box .first {border-top:none;} .article h4 {font-size:1.2em; text-transform:uppercase; margin-bottom:.5em;} .article a.image {float:left; margin:3px 10px 3px 0; padding:4px; border:1px solid #bbb; background:#fff; } .article a.image:hover {border:1px solid #666;} .article a.image img {float:left; } .article p.meta {color:#666; border-top:1px dotted #999; border-bottom:1px dotted #999; padding:.3em 0; margin-bottom:.8em;} /* site information ----------------------------------------------- */ #site_info .box {color:#ccc; background:#666; margin-bottom:10px; } #site_info a {color:#fff;} #site_info a:hover {color:#000;} /*-- FOOTER ----------------------*/ #footer .box {background: url(/theme/images/footer-bg.jpg) no-repeat; padding-top: 16px;} #footer-text {text-align: center; margin-top: 10px;} #footer #social-network {float: left; width: 700px;} #footer #social-network-text, #footer #social-network div a {background: url(/theme/images/network-bg-2.png) no-repeat; height: 45px; float: left; margin-right: 20px;} #footer #social-network span {margin-left: -9999px;} #footer #social-network #social-network-text {width: 140px; background-position: 0px 0px;} #footer #social-network #facebook a {width: 110px; background-position: -230px 0px;} #footer #social-network #twitter a {width: 95px; background-position: -340px 0px;} #footer #social-network #flickr a {width: 80px; background-position: -145px 0px;} #footer #social-network #youtube a {width: 80px; background-position: 0px 0px; background-image:url('/theme/images/network-bg-youtube.png');} #footer #newsletter a {background: url(/theme/images/newsletter-bg.png) no-repeat; height: 60px; width: 220px; float: left;} #footer #newsletter a span {margin-left: -9999px;} /* STEVE SUPER SLIDESHOW -------------------------------*/ #promoSlide, .slideItem, .slideItem .slideCaption {width: 540px;} #promoSlide, .slideItem {height:185px;} #promoSlide .slideItem a {display: block;} #promoSlide {float:left; overflow: hidden; position: relative; margin-bottom: 10px;} img.hidden {display: none;} .slideItem .slideCaption {background: #08203F; opacity: 0.7; position: absolute; bottom: -40px; left: 0px; height: 40px;} .slideItem .slideImageLink {display: block; width: 540px; height: 185px; position: absolute; top: 0; left: 0;} .slideItem .slideCaption, .slideItem .slideCaption a.slideLink:link {text-decoration: none; color: white; font-size: 18px; line-height: 40px;} a.slideLink, a.slideLink:visited {display: inline; color: white !important; text-decoration: none !important; line-height: 40px; padding-left: 5px;} #promoSlide.nomenu, #promoSlide.nomenu .slideItem, #promoSlide.nomenu .slideItem .slideCaption {width:540px;} #promoSlide #loading {background: #000; width: 100%; height: 100%;} /*#promoSlide.nomenu-hasborder .slideItem a {width: 612px !important;} */ #sidebar #promoSlide, #sidebar .slideItem, #sidebar .slideItem .slideCaption {width:286px;} #sidebar #promoSlide, #sidebar .slideItem {height:214px} #sidebar .slideItem a, #sidebar .slideItem a.slideLink {font-size: 12px; cursor: pointer; text-decoration: none;} #sidebar #promoSlide {margin-bottom: 10px;} .shadow-outer {background: url(/theme/images/shadow.png) no-repeat bottom right; margin: 0px 0 0 0px; float: left; padding: 3px;} img.feature {float:left;} div.feature {margin-left: -20px; margin-right: 10px; margin-bottom: 10px;} img.shadow-adjust {float: none; margin: 0; margin: -6px 0 0 -6px;} /*-- IMAGES ----------------------*/ .floatright {float:right; margin-left:10px; margin-bottom: 10px; background: #fff;} .floatleft {float:left; margin-right:10px; margin-bottom: 10px; background: #fff;} .floatnone {background: #fff; margin: 10px auto; margin-top: 0;} /*.floatright img, .floatleft img {margin-bottom: 2px;} */ .image-caption {font-size: 10px; font-weight: bold; color: #969696; padding-top: 5px; padding-bottom: 2px;} /*-- AWESOME FORMS ----------------------*/ .awesomeForm form * {width: 100%;} .awesomeForm form {width: 70%; margin: 0 auto;} .awesomeForm ul {display: block; } .awesomeForm li {position: relative; display: block; height: 30px; display: block; width: 100% !important; margin: 0 auto; margin-bottom: 10px; } .awesomeForm li label {font-family: 'lucida grande'; font-size:18px; font-weight:normal; height:25px; left:2px; line-height:27px; padding:3px 6px; position:absolute; top:2px; width:100%; z-index:1; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; z-index: 1; line-height: 27px; } .awesomeForm li label span {position: relative; top: 1px; left: 1px; } .awesomeForm li input.input-text {position: absolute; left: 0px; top: 0px; font-size: 18px; padding: 4px 5px; background: none; z-index: 10; width: 100%;} .awesomeForm label.overlay span { opacity: 0.4; -webkit-transition: opacity 200ms linear;} .awesomeForm label.focus span { opacity: 0.2; } .awesomeForm label.hastext span { opacity: 0.0; -webkit-transition: opacity 0ms linear;} .awesomeForm .submit-button {margin: 0 auto; width:96px; height:27px; display: block;} .awesomeForm li select {font-size:18px; width:262px !important;} /* broker login */ #broker-home form {margin:0; width: 70%;} #broker-home form .submit-button {margin:0; margin-bottom:10px;} .gsc-adBlock {display:none !important;} .gsc-adBlockVertical {display:none !important;} #contact-form p {margin:0 auto; width:70%; margin-bottom: 10px;} .awesomeForm form input.checkbox {width: auto;} .flowShowHide {display: none;} /*========================================================================*/ /* GALLERY /* @usage ul.gallery /*========================================================================*/ .gallery li {margin:0; padding:0; list-style:none; float:left;} .gallery li a {display: block;} .gallery li a img {border: 1px solid #ccc; padding: 5px; margin-right: 5px; margin-bottom: 5px; width: 75px; height: 75px;} .gallery li {/*background: transparent url(/theme/images/loaders/loader_1_white16.gif) center center no-repeat;*/} .gallery li a:hover img {background: #fff;} .gallery li.current img {background: #FFFDAA;} /*========================================================================*/ /* GALLERY THUMBNAV /* @usage ul.gallery.thumb-nav /*========================================================================*/ .thumb-nav {width: 340px; margin: 0 auto;} .thumb-nav li a img {width: 50px; height: 50px; background: none;} /*========================================================================*/ /* GALLERY | div for single entry gallery pages /* @usage div.gallery-entry /*========================================================================*/ .gallery-entry {width: 500px; border: 1px solid #ccc; margin: 10px auto; padding: 10px; text-align: center;} .gallery-entry .caption {margin-top: 10px;} /*========================================================================*/ /* PAGINATION /* @usage div.pagination ul.pages /*========================================================================*/ div.pagination {} div.pagination span {display: block;} div.pagination .pages {list-style: none;} div.pagination .pages li {display: block; float: left; padding: 0 10px 0 0 ; margin: 0;} div.pagination .pages .prev-link {} div.pagination .pages .next-link {} .pagination-anchors a {display: inline-block; padding-right: 5px;} /*========================================================================*/ /* GALLERY / ALBUM /*========================================================================*/ #gallery .pagination {text-align: center;} #gallery .pagination .pages {margin: 0 auto; height: 25px; width: 80px;} #gallery .pagination .pages li {padding: 0 5px;} #gallery .back-link {clear:both;} /*========================================================================*/ /* THUMBNAILS {GALLERY deprecated... because} /* @usage ul.thumbnails /*========================================================================*/ .thumbnails li {margin:0; padding:0; list-style:none; float:left;} .thumbnails li a {display: block;} .thumbnails li a img {border: 1px solid #ccc; padding: 3px; margin-right: 8px; margin-bottom: 5px;} .thumbnails li {background: transparent url(/theme/images/loaders/loader_1_white16.gif) center center no-repeat;} .thumbnails li a:hover img {background: #fff;} .thumbnails li.current img {background: #FFFDAA;}