/* MAIN STYLES */ body {background: #143709 url('layout/bg_texture.jpg'); margin: 5px 0px 0px 0px; padding: 0px; font-size: 14px; font-family: Geneva, Arial, Helvetica, sans-serif;} .outer {background: url('layout/main_foot.gif') no-repeat; background-position: bottom right; min-width: 855px; } .wrapper {width: 85%;} .clr {clear: both;} /* HEADER STYLES */ .head_expand {background: url('layout/head_exp.gif') repeat-x; height: 90px;} .head_expand_bg {background: url('layout/head_exp_bg.jpg') no-repeat; background-position: right; height: 75px; text-align: right; padding: 15px 15px 0px 0px;} #head_tags h1 {color: #FFFFFF; font-size: 16px; text-transform: uppercase; margin: 5px 0px 2px 0px; padding: 0px; text-align: center; font-family: Geneva, Arial, Helvetica, sans-serif;} #head_tags h2 {color: #fffd00; font-size: 11px; text-transform: uppercase; margin: 0px; padding: 0px; text-align: center; font-family: Geneva, Arial, Helvetica, sans-serif;} #head_tags h2 b {font-size: 14px;} /* NAV STYLES */ #nav {background: url('layout/nav_bg.gif') repeat-x; height: 39px; text-align: left; font-size: 11px;} #nav ul {margin: 0px; padding: 0px;} #nav ul li {list-style: none; display: inline; margin: 0px; padding: 0px; color: #ffffff; font-size: 11px; font-weight: bold; float: left;} #nav ul li a {color: #ffffff; font-weight: bold; text-decoration: none; height: 28px; display: block; padding: 11px 10px 0px 10px; float: left;} #nav ul li a:visited {color: #ffffff; text-decoration: none;} #nav ul li a:hover {color: #fffd00; text-decoration: none; background: url('layout/nav_bg_2.gif') repeat-x;} #nav ul li a:active {color: #fffd00; text-decoration: none; background: url('layout/nav_bg_2.gif') repeat-x;} /* CONTENT STYLES */ .generic_font {color: #126000; font-size: 12px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;} .generic_font_2 {color: #6f6257; font-size: 12px; font-family: Arial, Helvetica, sans-serif;} .search_bg {background: url('layout/search_bg.jpg') no-repeat; height: 73px; width: 289px;} .search_box {float: left; text-align: left; width: 250px; clear: both;} #content {background: #FFFFFF; border-left: 3px solid #cbb5a3; border-right: 3px solid #cbb5a3; text-align: left;} #content h2.listing_id {font-size: 12px; padding-top: 17px;} #content h3 {color: #6f6257; font-size: 11px; margin: 0px 0px 5px 0px; padding: 0px; text-align: center; } #content h4 {color: #6f6257; font-size: 12px; margin: 0px 0px 10px 0px; padding: 0px; text-align: center; } #content h4 b {color: #3a8500;} #content h4 b a {color: #6f6257;} .side_panel {width: 191px;} .main_panel {width: 100%;} .main_panel a {color: #000000; text-decoration: none; font-size: 11px; font-weight: bold;} .main_panel a:visited {color: #000000; text-decoration: none; font-size: 11px; font-weight: bold;} .main_panel a:hover {color: #269bc7; text-decoration: underline;} .main_panel a:active {color: #269bc7; text-decoration: underline;} .ch_blue_bg {background: url('layout/ch_blue_bg.gif') repeat-x; height: 29px;} .ch_blue_bg div {font-size: 14px; color: #ffffff; font-weight: bold; padding-top: 5px;} .ch_yellow_bg {background: url('layout/ch_yellow_bg.gif') repeat-x; height: 29px;} .ch_yellow_bg div {font-size: 14px; color: #ffffff; font-weight: bold; padding-top: 5px;} .ch_green_bg {background: url('layout/ch_green_bg.gif') repeat-x; height: 29px;} .ch_green_bg div {font-size: 14px; color: #ffffff; font-weight: bold; padding-top: 5px;} .c_box {background: #f2ebe4; border: 1px solid #cbb5a3;} .info_box {background: #f2ebe4; border: 1px solid #cbb5a3; padding: 5px; color: #6f6257; font-weight: bold;} .hot_box {border: 1px solid #cbb5a3; font-size: 11px;} #main_categories {background: #f2ebe4; border: 1px solid #cbb5a3; font-size: 11px; font-weight: bold; padding: 0;} #main_categories li {border-bottom: 1px solid #ded0c3; border-top: 1px solid #f8f4f0; padding: 0; display: block; width: 190px;} #main_categories a:link, #main_categories a:visited {color: #6f6257; font-weight: bold; text-decoration: none; display: block; padding: 5px;} #main_categories a:hover, #main_categories a:active {color: #269bc7; text-decoration: underline; background: #f8f4f0;} #newest td {white-space: normal; padding: 5px 5px 5px 3px;} #newest a {color: #6f6257; font-weight: bold; text-decoration: none;} #newest a:visited {color: #6f6257; text-decoration: none;} #newest a:hover {color: #269bc7; text-decoration: underline;} #newest a:active {color: #269bc7; text-decoration: underline;} #hottest td {white-space: normal; padding: 5px 5px 5px 3px;} #hottest a {color: #6f6257; font-weight: bold; text-decoration: none;} #hottest a:visited {color: #6f6257; text-decoration: none;} #hottest a:hover {color: #269bc7; text-decoration: underline;} #hottest a:active {color: #269bc7; text-decoration: underline;} #feeds {white-space: normal; padding: 5px 5px 5px 3px; color: #6f6257; font-size: 11px;} #feeds div {padding-bottom: 5px; border-bottom: 1px dashed #cbb5a3;} #feeds a {color: #6f6257; font-weight: bold; text-decoration: none; padding-top: 5px;} #feeds a:visited {color: #6f6257; text-decoration: none; padding-top: 5px;} #feeds a:hover {color: #269bc7; text-decoration: underline; padding-top: 5px;} #feeds a:active {color: #269bc7; text-decoration: underline; padding-top: 5px;} /* LISTING DETAILS PAGE */ .image_box {background-color: #f8f4f0; border: 1px solid #cbb5a3; padding: 10px;} .c_box_2 {background: #f2ebe4; border: 1px solid #cbb5a3; padding: 5px;} #options_box ul {margin: 5px 0px 5px 15px; padding: 0px;} #options_box ul li {list-style: none; padding: 5px; color: #6f6257; font-size: 11px; font-weight: bold;} #buttons {text-align: center;} #buttons img {border: 1px solid #dbccc0; margin: 3px 2px 3px 3px;} #buttons img:hover {border: 1px solid #3da5cd; margin: 3px 2px 3px 3px;} /* PRICING PAGE */ #pricing_standard_listing {background: url('layout/pricing_standard_listing_bg.jpg') no-repeat; width: 205px; height: 165px; display: block;} #pricing_standard_listing div {padding: 30px 10px 0px 20px; color: #ffffff; font-weight: bold;} #pricing_standard_listing span {padding-left: 30px;} #pricing_standard_listing img {border: none; margin: 40px 0px 0px 5px;} .r1 {background: #f8f4f0;} .r2 {background: #f2ebe4;} .price {color: #3a8500; font-size: 14px;} /* QUICK SEARCH STYLES */ #qs_bg_1 {background: url('layout/search_bg_1.jpg') no-repeat; width: 289px; height: 22px; padding-top: 17px; float: left;} #qs_bg_1 span {padding-left: 197px;} #qs_bg_1 a {color: #ffffff; font-weight: bold; text-decoration: underline;} #qs_bg_1 a:visited {color: #ffffff; font-weight: bold; text-decoration: underline;} #qs_bg_1 a:hover {color: #fffd00; font-weight: bold; text-decoration: underline;} #qs_bg_1 a:active {color: #fffd00; font-weight: bold; text-decoration: underline;} .qs_bg_2 {background: url('layout/search_bg_2.jpg') no-repeat top left; height: 34px; text-align: left;} #user_display {float: left; padding: 10px 0px 0px 60px; font-size: 12px; color: #6f6257; font-weight: bold; width: 600px;} #user_display a {color: #e31b1f; font-weight: bold; text-decoration: none;} #user_display a:visited {color: #e31b1f; text-decoration: none;} #user_display a:hover {color: #269bc7; text-decoration: underline;} #user_display a:active {color: #269bc7; text-decoration: underline;} /* FEATURED AD STYLES */ #featured_ads td {border: 1px solid #cbb5a3; background: #fbf8f6 url('layout/featured_bg.gif') repeat-x top; text-align: center; font-size: 10px; font-weight: bold; color: #6f6257;} #featured_ads td td {border: none; background: none;} #featured_ads span.featured_title {color: #866257;} #featured_ads img {border: 1px solid #fcfbfa; width: 75px; height: 57px;} #featured_ads span.price {font-size: 10px;} /* FOOTER STYLES */ .foot_pad {padding-top: 10px;} .b_bg {background: url('layout/b_bg.gif') repeat-x; height: 8px;} .t_bg {background: url('layout/t_bg.gif') repeat-x; height: 8px;} #foot_left {width: 300px;} #foot_right {padding-left: 10px; text-align: center;} #foot_right ul {margin: 0px; padding: 5px;} #foot_right ul li {list-style: none; display: inline; padding: 5px 4px 5px 4px; color: #6f6257; font-size: 11px; font-weight: bold;} #foot_right ul li a {color: #6f6257; font-weight: bold; text-decoration: none;} #foot_right ul li a:visited {color: #6f6257; text-decoration: none;} #foot_right ul li a:hover {color: #269bc7; text-decoration: underline;} #foot_right ul li a:active {color: #269bc7; text-decoration: underline;} #foot_right h1 {color: #FFFFFF; font-size: 11px; font-weight: bold; margin: 10px 0px 5px 0px; padding: 0px;} #foot_right p {color: #FFFFFF; font-size: 11px; font-weight: normal; margin: 10px 0px 5px 0px; padding: 0px;} #foot_right p a{color: #ffffff; font-weight: bold; text-decoration: underline;} #foot_right p a:visited {color: #ffffff; font-weight: bold; text-decoration: underline;} #foot_right p a:hover {color: #269bc7; font-weight: bold; text-decoration: underline;} #foot_right p a:active {color: #269bc7; font-weight: bold; text-decoration: underline;} .f_box {background: #FFFFFF; border-left: 3px solid #cbb5a3; border-right: 3px solid #cbb5a3; text-align: center;} /* TESTIMONIALS STYLES */ .testimonials_bg {background: url('layout/testimonials_bg.gif') repeat-y; width: 170px; white-space: normal; padding: 0px 10px 0px 10px; color: #6f6257; font-size: 11px; font-weight: bold;} .testimonials_bottom_1 {background: url('layout/testimonials_bottom_1.gif') no-repeat; width: 175px; height: 21px; text-align: left; padding: 20px 0px 0px 15px; color: #269bc7; font-size: 11px; font-weight: bold;} .testimonials_bottom_2 {background: url('layout/testimonials_bottom_2.gif') no-repeat; width: 175px; height: 21px; text-align: right; padding: 20px 15px 0px 0px; color: #269bc7; font-size: 11px; font-weight: bold;} /* OTHER STYLES */ a.my_acc_title_link:link, a.my_acc_title_link:visited {color: #ffffff; font-weight: bold; text-decoration: none;} a.my_acc_title_link:hover, a.my_acc_title_link:active {color: #ffffff; font-weight: bold; text-decoration: underline;} /* BLUFYRE MEDIA STYLE ADDITIONS */ .blu_msg_text {font-size: 12px; font-weight: bold; color: #0f58db;} .blu_cform_text {font-size: 12px; font-weight: bold; color: #6f6257;} .blu_form_input {font-size: 12px; padding: 5px; border: 1px solid #cbb5a3; background: #f2ebe4; font-size: 12px; font-weight: bold; color: #6f6257; font-family: arial;} .blu_form_input:focus {border: 1px solid #6e9c48; background: #eef8e5;} .blu_success_text {font-size: 16px; font-weight: bold; color: #71a543;} .blu_error_text {color: #980000; font-size: 12px; font-weight: bold;} .blu_error_box {background-color: #FFFFE1; border: 1px solid #B7ADA4; padding: 10px; margin: 5px;} .blu_error_box ul {padding: 0px; margin: 10px 10px 10px 20px;} #instructions, #instructions p {font-size: 12px;} #instructions div.clr {clear: both; display: block;} #instructions div.divider {clear: both; display: block; height: 3px; background: #285f04;} #instructions ol {margin: 10px 0 10px 30px; list-style: decimal;} #instructions ol li {padding: 5px 0;} #instructions strong {font-weight: bold;} .us_column_header {background: url('layout/ch_blue_bg.gif') repeat-x; height: 29px;} #banner {float: right; padding: 2px; border: 1px solid #cbb5a3; background: #fbf8f6; margin-right: 7px;} #banner h1 {color: #FFFFFF; font-size: 16px; text-transform: uppercase; margin: 0; padding: 0; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: right;} #banner h2 {color: #fffd00; font-size: 11px; text-transform: uppercase; margin: 0; padding: 0; font-family: Geneva, Arial, Helvetica, sans-serif; text-align: right;} .banner_1 {background: url('layout/banner_bg_1.gif') no-repeat;} .banner_2 {background: url('layout/banner_bg_2.gif') no-repeat;} /* Light up box slideshow styles */ .lightUpBox { /* This is for the overall box the image gallery is in */ /* position needs to be absolute to be able to be moved on the page */ position: absolute; border: 3px solid black; background-color: white; /* needs to be bigger than anything else on the page */ z-index: 1005; padding: 3px; padding-bottom: 8px; } .lightUpBoxOverlay { /* This is the overlay that hides the rest of the page, note that the opacity (transparency) will be set in JS for a "see through" or "faded" effect. */ /* position needs to be absolute to work */ position: absolute; top: 0px; left: 0px; /* Change the background color for different looks for how back is faded */ background-color: #000000; width: 100%; /* needs to be second biggest z-index on the page */ z-index: 1004; } .lightUpBox_imageBox { /* In the overall box, this is the div containing the image */ text-align: center; } .lightUpBox_imageBox img { /* The actual image */ border: 1px solid black; cursor: pointer; } img.lightUpBigImage { /* This is a stand-alone image in the box, it's not wrapped by extra HTML, this is used on image upload page as a "simpler" light up box without the fancy slideshow. */ /* give it a pointer since when you click on it, it closes it. */ cursor: pointer; } .lightUpBox_navigation { /* In the overall box, this is the div containing the navigation */ position: absolute; top: 0px; right: 0px; padding: 5px; text-align: center; /* width: 80%; */ background-color: white; border-bottom: 1px dashed black; border-left: 1px dashed black; } .lightUpBox_description { /* In the overall box, this is the div containing the image description */ text-align: center; }