/* @override http://www.scsbc.org/css/screen.css http://www.scsbc.org.clint.sandbox.dev.cyberwoven.local/css/screen.css */ /* --------------------------------------------- South Carolina Small Business Chamber of Commerce Screen Style Sheet author: Cyberwoven version: 2009.01 ----------------------------------------------- */ html { background: #13171f; } body { color:#222; margin:0; padding:0; background:url(../images/homeBG.jpg) repeat-x left top #13171f; } a {color:#032e5e; text-decoration:underline;} a:hover {text-decoration:none;} h2 {font:normal 27px/25px Georgia, "Times New Roman", Times, serif; color:#1a1a1a; margin:15px 0 20px 0; padding:0; line-height:29px;} h3 {font:normal 23px/21px Georgia, "Times New Roman", Times, serif; color:#333; margin:10px 0px 20px 0px; padding:0; line-height:26px;} h4 {font:bold 18px/20px Georgia, "Times New Roman", Times, serif; color:#333; margin:10px 0 8px 0; padding:0;} h5 {font:bold 16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#555; margin:0px 0px 8px 0px; padding:0;} h6 {font:bold 14px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#555; margin:0px 0px 8px 0px; padding:0;} p {margin:0 0 18px 0; padding:0;} blockquote {margin:20px 30px; padding:20px 30px; background:#eee; border:1px solid #A2A2A2; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; width:500px; clear: left;} fieldset {margin:0; padding:0; display:block; border:none;} .textbox {border:1px solid #333; background:none; padding:2px 5px;} textarea {border:1px solid #333; background:none; padding:2px 5px;} img {background:none repeat scroll 0 0 #EEEEEE; border:2px solid #032E5E; float:left; margin:0 20px 20px 0; padding:7px;} #asbcwidget img { border: none; margin: none; } a:hover img {} /* Reusables ----------------------------------------------- */ .hidden {display:none;} .alt {display:none;} .clear {clear:both; display:block; overflow:hidden; width:0; height:0;} table {text-align:left; margin: 10px 5px 10px 0px;} table th {padding:7px 14px; border-bottom:1px solid #ccc; font-weight:bold; line-height:18px; text-align:left; color:#dd2525;} table td {padding:10px 30px 9px 15px; line-height:16px;} table tr {border-bottom:1px solid #ccc;} table tr.even {background-color:#c1d0ec;} table tr.even:hover {background-color:#90a7d2;} table tr.odd {background-color:#F7F7F7;} table tr.odd:hover {background-color:#bfc8d9;} .floatleft {float:left;} .floatright {float:right;} .nofloat {float:none !important;} .linkbutton {display:inline-block; float: right; clear:both; padding:3px 5px; font-weight:bold; text-decoration:none;} .linkbutton:hover {text-decoration:none; text-decoration: underline;} ul.pager {display:block; margin:0 !important; padding:15px 0 !important; list-style:none; border: none;} ul.pager li {display:inline; margin:0 !important; padding:0 5px 0 0 !important; background:none !important; line-height:18px; border: none;} ul.pager li a, ul.pager li strong, ul.pager li span {display:inline-block; padding:0 8px; color:#333; background:#eee; border:1px solid #ccc; text-decoration:none;} ul.pager li strong {border-color:transparent; background:none; padding-left:0;} ul.pager li a:hover {background:#ccc; border-color:#666; color:#000;} ul.pager li span {background:#666; border-color:#666; color:#fff;} /* Layout Blocks ----------------------------------------------- */ .wrapper {position:relative; min-width:960px;} .container {width:960px; margin:0 auto; text-align:left; position:relative;} #header {height:180px; margin:0px;} #header h1 {margin: 0px; padding: 0px; float:left;} #header h1 a {display: block; background:url(../images/h1logo.jpg) no-repeat top left; width: 295px; height: 132px; text-indent: -9999px;} #header h1 a:hover {background-position: bottom left;} #header ul li {float: left;} #header ul li a {height: 47px; text-indent: -9999px;} ul.mainnav {display:block; margin:0; padding:0; list-style:none;} ul.mainnav li {display:block; margin:0; padding:0;} ul.mainnav li a {display:block; float:left; margin:0px; padding: 0px;} ul.mainnav li.about a {background:url(../images/mainnav_about.jpg) no-repeat top left; width: 81px;} ul.mainnav li.membership a {background:url(../images/mainnav_membership.jpg) no-repeat top left; width: 151px;} ul.mainnav li.buysc a {background:url(../images/mainnav_buysc.jpg) no-repeat top left; width: 102px;} ul.mainnav li.issues a {background:url(../images/mainnav_issues.jpg) no-repeat top left; width: 103px;} ul.mainnav li.press a {background:url(../images/mainnav_press.jpg) no-repeat top left; width: 95px;} ul.mainnav li.newsletter a {background:url(../images/mainnav_newsletter.jpg) no-repeat top left; width: 154px;} ul.mainnav li.blog a {background:url(../images/mainnav_blog.jpg) no-repeat top left; width: 76px;} ul.mainnav li a:hover {background-position: bottom left;} /*ul.mainnav li.active a, ul.mainnav li.active a:hover {background:#333; color:#fff; text-decoration:none;}*/ ul.socialmediaheader {list-style: none; margin: 0px; padding: 0px;} ul.socialmediaheader li {margin: 0px 0px 0px 5px;} ul.socialmediaheader li a{display:block; float: left; width: 42px; margin: 0px 0px 0px 5px;} ul.socialmediaheader li a.blogger{background:url(../images/socialmediaheader_blogger.jpg) no-repeat top left;} ul.socialmediaheader li a.linkedin{background:url(../images/socialmediaheader_linkedin.jpg) no-repeat top left;} ul.socialmediaheader li a.facebook{background:url(../images/socialmediaheader_facebook.jpg) no-repeat top left;} ul.socialmediaheader li a.youtube{background:url(../images/socialmediaheader_youtube.jpg) no-repeat top left;} ul.socialmediaheader li a.twitter{background:url(../images/socialmediaheader_twitter.jpg) no-repeat top left;} ul.socialmediaheader li a:hover {background-position: bottom left;} #sponsor {float: right; margin: 46px 0 0} #sponsor span{display:block; height: 86px; width: 665px; text-indent: -9999px;} #sponsor span.carolinaliving{background:url(../images/sponsored.png) no-repeat top left;} #sponsor span.carolinaliving:hover{background-position: bottom left;} ul.breadcrumbs {border-bottom:1px solid #333; margin:-20px 0 20px 0; padding:0 0 0 5px; list-style:none;} ul.breadcrumbs li {display:inline; margin:0; padding:0 0 0 5px; line-height:30px;} ul.breadcrumbs li a {display:table-cell; padding:0 18px 0 0; margin:0; color:#b60; text-decoration:none; background:url(../images/breadcrumb.gif) no-repeat right center;} ul.breadcrumbs li a:hover {text-decoration:underline; color:#b30;} .secondary {display:block; float:left; width:220px; border:1px solid #333; border-width:1px 0; margin-top:55px; padding:0;} .content {display:block; padding:0 0 0 10px;} .content ul {list-style: none; margin:5px 0 20px 0; padding:0; line-height:16px;} .content ul, .content ol {display:block; font-size:14px; list-style-position:inside;} .content ul li {background:url("../images/ulbullet.gif") no-repeat scroll left 6px transparent; margin: 0px 0px 20px 35px; padding:0 0 0 31px;} .content ol li {border:none; margin:0px 0px 20px 0px; padding: 0px;} #footer {clear:both; padding:13px 10px; font-size:12px; position:relative; color: #7b7b7b; font-family: Tahoma, Helvetica, Arial, sans-serif; width: 960px; margin: 0px auto;} #footer span {margin-left: 18px;} #leftblock {float: left;} #rightblock {float: right; text-align: right;} #footer a {text-decoration:none; color: #fff;} #footer a.email {margin: 0px 0px 0px 15px;} #footer a:hover {text-decoration:underline;} ul.footernav {float:right; margin:0; padding:0; list-style:none;} ul.footernav li {display:inline; margin:0; padding:0;} ul.footernav li a {display:block; float:left; padding:0 2px; margin:0 0 0 10px;} /* Homepage Specific ----------------------------------------------- */ body.home { font:normal 12px/20px Georgia, "Times New Roman", Times, serif; } body.home .wrapper {background: url(../images/homeintro_bg.jpg) no-repeat center 179px;} body.home .content {width:100%;} .homeintro {display:block; text-indent: -9999px; height: 275px;} body.home ul.headlines {margin:0; padding:0; list-style:none; z-index:100; border:none;} body.home ul.headlines li {margin:0; padding:0; font-size:11px; font-weight:bold; color:#000; background:none;} body.home ul.headlines li span {color:#6b6b6b; font-weight:normal; padding-right:10px;} body.home ul.headlines li a {text-decoration:none; font-weight:normal;} body.home ul.headlines li a:hover {text-decoration:underline;} .launchpad {display: block; float:left; height: 328px; width: 298px; background:url(../images/launchpad_bg.jpg) no-repeat top left; padding: 8px 0px 0px 0px;} .launchpad h3{display: block; height: 48px; text-indent: -9999px; margin: 0px 0px 25px 0px; padding: 0px;} .launchpad ul {list-style: none; padding:0px; margin: 0px;} .launchpad ul li {list-style: none; padding:0px; margin: 0px;} .launchpad a.linkarrow {display: block; height: 33px; width: 129px; text-indent: -9999px;} .launchpad .lpcontent {margin: 0px 0px 0px 10px;} #stayinformed h3{background:url(../images/launchpadtitle_stayinformed.jpg) no-repeat top left;} #stayinformed ul li{margin: 0px 0px 4px 0px;} #stayinformed ul li a{display: block; height: 57px; text-align: center; padding: 21px 58px 0px 58px; text-decoration: none; color: #000; font-size: 15px;} #stayinformed ul li.first a{background:url(../images/stayinformed_item1.jpg) no-repeat top left; border-bottom: 1px solid #6d6d6d;} #stayinformed ul li.second a{background:url(../images/stayinformed_item2.jpg) no-repeat top left; border-bottom: 1px solid #6d6d6d;} #stayinformed ul li.third a{background:url(../images/stayinformed_item3.jpg) no-repeat top left;} #stayinformed ul li a:hover{background-position: bottom left; text-decoration: none;} #stayinformed .date {display: none;} #stayinformed a.viewallnews {display: none;} #joinus {margin: 0px 30px;} #joinus h3 {background:url(../images/launchpadtitle_joinus.jpg) no-repeat top left; margin: 0px 0px 15px 0px;} #joinus p {margin: 38px 0px 0px 0px; font-size: 15px;} #joinus ul {list-style: none; margin: 22px 0px 0px 19px;} #joinus ul li {text-transform: uppercase; color: #5c5c5c; background: url(../images/homepage_ulbullet.gif) no-repeat 0px 4px; padding: 0px 0px 0px 17px; margin: 0px 0px 29px 0px; font-size: 15px;} #joinus a.linkarrow {background: url(../images/joinus_btn_learnmore.jpg) no-repeat top left;} #joinus a.linkarrow:hover {background-position: bottom left;} #followus {font-size: 16px;} #followus h3{background:url(../images/launchpadtitle_followus.jpg) no-repeat top left;} .scrollbox {display:block; background:url(../images/scrollbox_bg.jpg) no-repeat top left; overflow-x: hidden; overflow-y: hidden; width:245px; height:145px; padding:15px; margin:0 0 0 10px;} .scrollbox p {} .scrollbox p.tag{font-weight: bold; float:right;} #followus a {font-weight: bold;} #followus a.linkarrow {background: url(../images/joinus_btn_followus.jpg) no-repeat top left; margin: 13px 0px 0px 10px;} #followus a.linkarrow:hover {background-position: bottom left;} /* Inernal Pages ----------------------------------------------- */ body.internal { font:normal 13px/20px Arial, Helvetica, sans-serif; color: #333333; margin:0; padding:0; background:url(../images/internalBG.jpg) repeat-x left top #f7f7f7; } #internalcontent {float: left; width: 690px;} body.internal #content {padding: 25px 0px 0px 0px; min-height:400px; height:auto !important; height:400px;} body.internal #buysc {display: none;} #subnav {background: url(../images/subnavBG.jpg) repeat-x bottom left #d1d1d1; display:block; float:right; margin:0 0 20px 25px; width:230px; border:6px solid #AFAFAF; } #subnav h2{ margin:10px 0 16px 10px; padding: 0px; color: #303030; font-size: 32px;} ul.subnav {display:block; margin:0; padding:0; list-style:none;} body .widget-content { float:left; padding-bottom:30px;} body.Blog .widget-content {display: block;} #subnav h2.subtitle{margin: 0px;} #joinusbox {margin: 10px 0px 10px 0px;} #joinusbox h2.subtitle { display: block; width: 230px; height: 63px; background: url(../images/h2_joinus.gif) no-repeat top left; text-indent: -9999px;} #joinusbox p {margin: 0px 0px 0px 10px;} #subnav #joinusbox ul {margin:9px 0 0 10px;} #subnav #joinusbox ul li {padding: 0px 0px 0px 0px; background: none; color:#333333; font-family:Georgia,"Times New Roman",Times,serif; font-size:14px; text-decoration:none;} #joinusbox a.linkarrow {padding: 0px 0px 0px 20px; margin: 0px 0px 10px 10px; background:url("../images/bullet.gif") no-repeat scroll 0px 3px transparent; font-family: Georgia, "Times New Roman", Times, serif; text-transform:uppercase; text-decoration: none; font-size: 14px; color: #333333;} #joinusbox a.linkarrow:hover {text-decoration: underline; color: #000;} #twitterbox {margin: 10px 0px 20px 0px;} #twitterbox h2.subtitle{ display: block; width: 230px; height: 63px; background: url(../images/h2_followus.gif) no-repeat top left; text-indent: -9999px;} #twitterbox .scrollbox {margin:10px 0 10px 15px; width: 170px; background: url(../images/scrollbox_internal_bg.jpg) no-repeat top left;} #twitterbox a.linkarrow { background:url("../images/twitter_internallink.png") no-repeat scroll top left transparent; display:block; height:32px; text-indent:-9999px; width:129px;} #twitterbox a.linkarrow:hover {background-position: bottom left;} #news h2.subtitle{ display: block; width: 230px; height: 63px; background: url(../images/h2_stayinformed.gif) no-repeat top left; text-indent: -9999px;} #news h2.subtitle{margin 10px 0px 0px 0px;} #subnav .date {display: none;} #subnav a.viewallnews { background:url("../images/issues_internallink.png") no-repeat top left; display:block; height:32px; text-indent:-9999px; width:129px;} #subnav a.viewallnews:hover {background-position: bottom left;} #subnav ul li {display: block; padding: 0px 0px 0px 20px; margin: 0px 0px 10px 0px; background:url("../images/bullet.gif") no-repeat scroll 0px 3px transparent; list-style-position: outside;} #subnav ul li a {font-family: Georgia, "Times New Roman", Times, serif; text-transform:uppercase; text-decoration: none; font-size: 14px; color: #333333;} #subnav ul li a:hover {text-decoration: underline; color: #000;} #subnav ul {margin:9px 0 60px 10px;} .facebook-badge { width:135px; margin: 5px auto auto; display: none; } .internal.Buy.SC .facebook-badge, .internal.Search .facebook-badge, .internal.BuySC .facebook-badge { display: block; } /*Board of Directors Page ----------------------------------------------- */ table.boardofdirectors tr.even, table.foundingboard tr.even {background-color:#eee;} table.boardofdirectors tr.even:hover, table.foundingboard tr.even:hover {background-color:#eee;} table.boardofdirectors tr.even:hover, table.foundingboard tr.even:hover {background-color:#c4c4c4;} table.boardofdirectors tr.odd, table.foundingboard tr.odd {background-color:#fff;} table.boardofdirectors tr.odd:hover, table.foundingboard tr.odd:hover {background-color:#cccccc;} table.boardofdirectors tr.odd:hover, table.foundingboard tr.odd:hover {background-color:#cccccc;} table.boardofdirectors td {vertical-align: top;} table.foundingboard {float: left;} table.foundingboard td{float:left; margin:0 8px 6px 0; padding:9px 8px 0 9px; width:130px;} .person {float: left;} p.name { font-family: Georgia, "Times New Roman", Times, serif; font-size:15px; margin:0 0 1px; padding:0;} p.workplace { color:#7B7B7B; font-size:13px; margin:0 0 13px; padding:0 0 0 6px;} p.specialthanks {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 14px; margin:33px 0; text-align:center;} table.foundingboard {margin: 15px 0px 0px 0px;} #footerwrapper { clear:both; margin: 30px 0px 0px 0px; min-height: 200px; background:url(../images/footerwrapper_bg.jpg) repeat-x top center #13171f;} span.hard_left img {border:none;} /* Blog ----------------------------------------------- */ a.blogrss { float: right; background:url(../images/rss_icon.png) no-repeat top right; padding: 0px 34px 0px 0px; height: 24px;} h2.blogheader a {display: block; height: 42px; padding:10px 0 0 62px; background:url(../images/blogspot_logo.jpg) no-repeat top left; text-decoration: none; font-size:24px;} h2.blogheader a:hover {background:url(../images/blogspot_logo.jpg) no-repeat bottom left; text-decoration: none;} .blogpost {margin: 20px 0px 0px 0px;} p.postdate span{margin: 0px 5px 0px 0px; font-size: 16px;} span.month {font-weight: bold;} span.day {font-weight: bold;} span.year {} .blogpost h4 a {text-decoration: none;} .blogpost h4 a:hover {text-decoration: underline;} .blogpost table tr.odd, .blogpost table tr.even {background: none !important;} .blogpost a img {border:medium none; position:relative;} .blogpost img {padding:5px; -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.1); background:none repeat scroll 0 0 #AFAFAF; border:1px solid #13171F; padding:2px;} .blogpost table.tr-caption-container {margin-bottom:0.5em; padding:4px; background: #AFAFAF !important;} .blogpost .tr-caption-container {position:relative; color:#071E3F; padding:5px; background: #AFAFAF !important;} .blogpost td {padding: 0px;} .blogpost table tr td img {margin: 0px !important;} .blogpost img, .blogpost .tr-caption-container, .blogpost .Profile img, .blogpost .Image img, .blogpost .BlogList .item-thumbnail img {-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.1); background:none repeat scroll 0 0 #AFAFAF; border:1px solid #13171F; padding:2px;} .blogger-post-footer img {display: none;} .blogpost br {line-height: 50%;} /* Specialty Pages ----------------------------------------------- */ ul.photogallery {margin:0; padding:0; list-style:none; overflow:auto;} ul.photogallery li {display:inline; margin:0; padding:0;} ul.photogallery li a img {float:left; margin:0 7px 7px 0;} ul.photogallerylist {display:block; margin:15px 0; padding:0;} ul.photogallerylist li {display:block; position:relative; float:left; width:260px; margin:0 10px 10px 10px; padding:5px 0 5px 70px; min-height:60px; height:auto !important; height:60px; border-bottom:1px dashed #333; background:none;} ul.photogallerylist li a.gallerythumb {display:block; position:absolute; top:5px; left:0; width:50px; height:50px; border:2px solid #333;} ul.photogallerylist li a.gallerythumb:hover {border-color:#f60;} ul.photogallerylist li a.gallerythumb img {width:50px; height:50px; border:none; margin:0; padding:0;} #rss { display:block; float: right; margin:10px 0px 0px 0px;} #rss a { display:block; padding:6px 30px 0 0; min-width:24px; min-height:24px; color:#a7a7a7; font-size:11px; font-style:italic; text-indent:-9999px; background:url(../images/rss_icon.png) no-repeat 100% 50%; } #rss a:hover { text-indent:0; } /* News Pages ----------------------------------------------- */ h4.articletitle {font-size: 15px; margin:0 0 3px;} h4.articletitle a {text-decoration: underline;} h4.articletitle a:hover {text-decoration: underline; color: #011c39;} span.articledate {font-weight: bold; font-size: 14px; color: #666666;} /* BuySC ----------------------------------------------- */ body.Buy h2.pagetitle {display: none;} body.county #buysc {display: block;} body.county #buysc h2.buysc {text-indent: -9999px; width: 217px; height: 132px; background: url(../images/buysclogo.png) no-repeat top left;} body.county #buysc p {text-align: center; font-weight: bold;} body.county table td {line-height:16px; padding:10px;} /* body.county #suvnav ul.subnav { display:block; border:solid 1px red; } body.county #subnav ul.subnav li {background:none; margin:0 0 10px 0; padding:0; border:solid 1px red; list-style:none; display:block;} body.county #subnav ul.subnav li.first, body.county #subnav ul.subnav li.last {font-weight: bold;} body.county #subnav ul.subnav li.first li, body.county #subnav ul.subnav li.last li{float:left; margin-right:5px; width:auto; font-weight: normal;} body.county #subnav ul.subnav li a { display:block; text-transform: capitalize; border-left:1px solid #313131; padding: 0px 0px 0px 3px; font-size:12px; border:solid 1px red;} */ body.county #subnav ul.subnav { } body.county #subnav ul.subnav li { display:block; float:left; background:none; margin:0 0 10px 0; padding:0; clear: left;} body.county #subnav ul.subnav li a { display:block; text-transform:capitalize; font-size:12px; padding:0 0 0 3px; border-left:solid 1px #313131; } body.county #subnav ul.subnav li ul { clear:left; } body.county #subnav ul.subnav li ul li { margin-right:5px; clear: none;} /* Form Builder ---------------------------- */ fieldset.searchform { padding-left:15px;} fieldset.searchform label { position:absolute; left:-9999px; } fieldset.searchform input { width:300px; } fieldset.searchform input[type="submit"] { margin:15px 0 10px 5px; padding:2px 22px 2px 34px; width:auto; background-position:left -5px; } div.formrow {display:block; clear:both;} div.formrow label {clear:both; color:#0067AC; display:block; float:left; font-family: Georgia, "Times New Roman", Times, serif;font-size:15px; margin:0 5px 13px 0; padding:5px 8px 5px 36px; text-align:left; width:150px;} div.formrow label.required {background: url(../images/required-stripe.gif) no-repeat 0 0;} div.formrow input.textbox {display:block; width:200px; border:1px solid #ccc; margin:0 10px 16px 0; font-size:12px; line-height:20px; padding:5px 5px; background: #fff; float: left;} div.formrow textarea {display:block; width:350px; height:125px; border:1px solid #ccc; margin:0 10px 16px 0; background: #fff;} div.formrow span {display:block; padding-left:195px; margin:0; clear:left; font-size:11px; color:#555; font-style:italic;} div.formrow span.error {display:inline; padding-left:0; font-style:normal;} div.formrow span.error div {display:block; padding-left:195px;} div.formrow select {margin:4px 0 0 0;} input.formsubmit { background:url("../images/submit_btn.gif") no-repeat scroll left top transparent; display:block; height:32px; text-indent:-9999px; width:129px; margin: 25px 0px 0px 199px; border: none; clear:both; font-size: 0px; text-indent: -9999px;} input.formsubmit:hover {background-position: bottom left;} div.formrow table {position:relative; left:-4px; margin:0; padding:0; text-align:left; border-spacing:0;} div.formrow table tr.even td {background:none;} div.formrow table tr td {padding:0 0 2px 0; line-height:14px; border:none; margin:0;} div.formrow table tr td label {display:inline; width:auto; text-align:left; float:none; margin:0; padding:0 0 0 5px; background:none; color:#333; font-size:12px;} .searchform div.formrow {height:75px; width:600px; padding-top:10px;} .searchform div.formrow .textbox {float:left; margin-right:5px;} .searchform div.formrow input.formsubmit {clear:none; float:left; margin:-1px 0 0 0; padding:4px 15px;} div.checkbox input {float:left; margin:0 6px 0 196px; clear:left;} div.checkbox label {float:left; clear:none; background:none; color:#333; padding:0; margin:0; text-align:left; font-size:12px;} /* Lightbox ----------------------------------------------- */ #lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0;} #lightbox a img{border:none;} #outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;} #imageContainer{padding: 10px;} #loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;} #hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;} #imageContainer>#hoverNav{left:0;} #imageContainer img {float:none; margin:0; padding:0; border:none;} #hoverNav a{outline: none;} #prevLink, #nextLink{width:49%; height:100%; background:transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block;} #prevLink {left:0; float:left;} #nextLink {right:0; float:right;} #prevLink:hover, #prevLink:visited:hover {background:url(../images/lightbox/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover {background:url(../images/lightbox/next.gif) right 50% no-repeat; } /*** START : next / previous text links ***/ #nextLinkText, #prevLinkText{color:#FF9834; font-weight:bold; text-decoration: none;} #nextLinkText{padding-left:20px;} #prevLinkText{padding-right: 20px;} /*** END : next / previous text links ***/ /*** START : added padding when navbar is on top ***/ .ontop #imageData {padding-top:5px;} /*** END : added padding when navbar is on top ***/ #imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em;} #imageData{padding:0 10px;} #imageData #imageDetails{width: 70%; float:left; text-align:left; } #imageData #caption{font-weight:bold;} #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{position: absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none;} .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;} * html>body .clearfix {display:inline-block; width:100%;} * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }