/* Parscale Media Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.3 Developer: Parscale Media Email Address: info@parscale.com Developer Website: http://www.parscale.com/ Client Website: http:// Last Modifier: Brad Parscale - Parscale Media Last Modified: 11.8.2010 */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} blockquote, q {quotes: none;} br {height: 0;} ul, ol, dl {list-style: none;} /* Class for clearing floats */ .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* 2. Define Base Typography ------------------------------------------------------------------------------*/ /* Create the Default Headers */ h1, h2, h3, h4, h5, h6 {color: #721d1d; font-family: 'Lato', sans-serif; font-weight: normal;} /* Create the Default Paragraphs */ p {color:#626363; line-height:20px;} /* Specific Header Settings */ h1 {font-size: 24px;} h2 {font-size: 20px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;} /* Other Typo */ strong{font-weight: bold;} hr {border:0 #e6e5e2 solid; border-top-width: 1px; clear: both; height: 0; margin-bottom: 10px;} ol {list-style: decimal;} ul {list-style: square;} td {color: #626363;} li {color: #626363;} /* 3. Images ------------------------------------------------------------------------------*/ /* Remove border around linked images */ img {border: 0; border-style: none;} /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a {color:#ab9367; text-decoration: none;} a:hover {color:#ab9367; text-decoration: underline;} a:active {outline: none;} a:focus {outline: none;} /* 5. Forms ------------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset {border: 1px solid transparent;} /* 6. Tables ------------------------------------------------------------------------------*/ /* Table Fixes */ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} .zebra thead tr th {background-color: #02624E; color: #fff;padding: 5px; text-align: left;} .zebra tbody tr:nth-of-type(odd) {background-color:#F1F1F2;} .zebra tbody tr:nth-of-type(even) {background-color: transparent;} .zebra tbody td {padding: 5px;} /* Removes fieldset borders. even on Opera 7 */ fieldset {border: 1px solid transparent;} /* 7. Framework ------------------------------------------------------------------------------*/ /* Page Layout */ body {font-family: 'PT Serif', serif; background: url(/images/site/rptr_maroon_bar.jpg) 0 50px repeat-x;} #home {background: url(/images/site/rptr_maroon_bar.jpg) 0 390px repeat-x;} #overlay {background: #000; display: none; width: 100%; height: 100%; z-index: 99; position: fixed; top: 0; left: 0; opacity: .6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60);} /* Secondary Content */ #secondary_content {position: fixed; top: 0; left: 0; height: 100%; width: 210px; background: url(/images/site/nav_rptr.png) repeat-y; z-index: 101;} #secondary_content_space {position: relative; width: 210px;} /* Logo */ #logo {position: absolute; top: 20px; left: 10px;} /* Phone */ #phone {position: absolute; top: 150px; left: 50px;} /* Navigation */ #navigation {position: absolute; top: 120px; left: 30px;} #navigation ul {list-style: none;} #navigation ul li {margin-bottom: 5px;} #navigation ul li a {font-size: 16px; text-transform: uppercase; color: #79867f; font-family: 'Lato', sans-serif;} #navigation ul li a:hover {color: #620b0b; text-decoration: none;} #navigation ul li a.active {color: #620b0b; text-decoration: none;} #navigation ul li ul {margin-left: 10px;} #navigation ul li ul li {margin-bottom: 3px;} #navigation ul li ul li a {font-size: 14px; text-transform: none;} /* Slider */ #sliders {} .slider {position: fixed; left: -200px; top: 0; height: 100%; background: #fff; z-index: 100;} .slider_content {padding: 100px 40px 0; position: relative;} .slider_content h2 {font-size: 24px; font-weight: bold; text-transform: uppercase; background: url(/images/site/rptr_dbl_line.png) 0 bottom repeat-x; padding-bottom: 15px; margin-bottom: 10px;} .slider_content h2 span {font-weight: normal;} .slider_content h3 {text-transform: uppercase; margin-bottom: 10px;} .slider_title {position: relative;} .slider_right {position: absolute; right: 0; top: 10px;} .slider_close {position: absolute; top: 20px; right: 20px;} /* Shop Slider */ #shop_navigation {left: -750px;} #shop_cats {} #shop_cats a.shop_cat {display: block; float: left; margin-right: 90px; margin-bottom: 40px; text-align: center;} #shop_cats a.shop_cat p {color: #AB9367;} #shop_cats a.shop_cat:hover {text-decoration: none;} #shop_cats a#premier-gun-room_nav {margin-right: 0;} #shop_cats a#durys-custom-guns_nav {margin-right: 0;} #shop_cats a#rifles_nav {margin-right: 50px;} #shop_cats a#shotguns_nav {margin-right: 0;} /* Services Slider */ #services_navigation {left: -550px;} #services_navigation .slider_content {width: 630px;} .nav_service {display: block; width: 195px; float: left; margin-right: 15px; margin-bottom: 20px; text-align: center;} .nav_service:hover {text-decoration: none;} .nav_service_image {} .nav_service_message {} .nav_service_message h3 {color: #AB9367; margin-bottom: 0; font-size: 13px;} .nav_service_message p {color: #626363; font-size: 12px;} /* Auctions Navigation */ #auctions_navigation {width: 650px; left: -650px;} /* Classes Slider */ #classes_navigation {left: -550px;} #classes_navigation h4 {font-size: 20px; margin-bottom: 5px;} #classes_navigation ul {margin-bottom: 10px; list-style: none;} #classes_navigation ul li {margin-bottom: 3px;} .nav_class {width: 600px; border-bottom: 1px solid #e6e5e2; margin-bottom: 20px; padding-bottom: 10px;} .nav_class_image {width: 110px; float: left; margin-right: 20px;} .nav_class_text {width: 340px; float: left; margin-right: 20px;} .nav_class_dates {width: 110px; float: right;} /* Directions Navigation */ #directions_navigation {left: -550px;} /* About Navigation */ #about_navigation {width: 400px;} #about_navigation ul {margin-bottom: 10px; list-style: none;} #about_navigation ul li {margin-bottom: 3px;} #about_history {margin-bottom: 20px;} /* News Slider */ #news_navigation {left: -550px;} #news_navigation h4 {font-size: 20px; margin-bottom: 5px;} .nav_news {width: 580px; border-bottom: 1px solid #e6e5e2; margin-bottom: 20px; padding-bottom: 10px;} .nav_news_date {background: #30504c; width: 65px; text-align: center; float: left; margin-right: 25px; padding: 10px 0;} .nav_news_date p {color: #f0e2c8; text-transform: uppercase;} .nav_news_text {width: 490px; float: right;} /* Social Slider */ #social_navigation {width: 400px; left: -350px;} #social_navigation p {margin-bottom: 10px;} #slider_tweet {border-bottom: 1px solid #e6e5e2; margin-bottom: 20px; padding-bottom: 10px;} #slider_links {border-bottom: 1px solid #e6e5e2; margin-bottom: 20px; padding-bottom: 10px;} #slider_links ul {margin-bottom: 10px; list-style: none;} #slider_links ul li {margin-bottom: 3px;} #slider_youtube {border-bottom: 1px solid #e6e5e2; margin-bottom: 20px; padding-bottom: 10px;} /* Search Slider */ #search_navigation {width: 405px;} #search_navigation p {margin-bottom: 10px;} #search_form input {width: 330px; height: 25px; line-height: 25px; padding: 10px 0 10px 50px; background: url(/images/site/search_bar.jpg) no-repeat; color: #fff;} #search_form input.search {width: 100px; height: 45px; background: url(/images/site/btn_search.jpg) no-repeat; cursor: pointer;} #search_form {border-bottom: 1px solid #e6e5e2; margin-bottom: 20px; padding-bottom: 10px;} /* Cart Slider */ .nav_cart {margin-bottom: 20px; border-bottom: 1px solid #dbdad7;} .nav_cart p {font-size: 13px; margin-bottom: 10px;} /* Home Content */ #home_content {width: 890px; margin-left: 210px;} /* Main Content */ #main_content {width: 790px; margin-left: 210px;} /* Title */ .title {width: 790px; position: relative;} .title_cart {position: absolute; top: 40px; right: 0;} .title_cart p {font-size: 13px;} /* Body Content */ #body_content {width: 850px; margin-left: 40px; padding: 20px 0;} #body_content p {margin-bottom: 10px;} #body_content h1 {text-transform: uppercase; background: url(/images/site/rptr_dbl_line.png) 0 bottom repeat-x; padding-bottom: 10px; margin-bottom: 10px;} /* Internal Body Content */ #internal_body_content {width: 750px; margin-left: 0; padding: 20px 20px 60px 20px;} #internal_body_content p {margin-bottom: 10px;} #internal_body_content h1 {text-transform: uppercase; background: url(/images/site/rptr_dbl_line.png) 0 bottom repeat-x; padding-bottom: 10px; margin-bottom: 10px;} #internal_body_content h2 {color: #30504c; font-family: 'PT Serif', serif;} #internal_body_content h3 {color: #30504c; font-family: 'PT Serif', serif;} #internal_body_content h4 {color: #30504c; font-family: 'PT Serif', serif;} #internal_body_content ul {list-style: none;} #internal_body_content ol {margin-left: 30px;} /* Header Top Bar */ #header_top_bar {width: 100%; height: 50px; text-align: center;} /* Warranty Bar */ #warranty_bar {height: 45px; width: 890px; position: relative; margin-bottom: 40px;} #warranty_badge {position: absolute; top: -50px; left: 20px; z-index: 21;} #warranty_message {position: absolute; top: 10px; left: 180px;} #warranty_message h3 {color: #ecdfc9;} /* Internal Warranty Bar */ #internal_warranty_bar {height: 120px; width: 790px; position: relative;} #internal_warranty_badge {position: absolute; top: 0; right: 0;} #internal_warranty_message {position: absolute; top: 60px; left: 40px;} #internal_warranty_message h3 {color: #ecdfc9;} #internal_phone {position: absolute; top: 15px; left: 450px;} /* Banner */ #banner {width: 890px; height: 340px; overflow: hidden;} #banner img {width: 890px; height: 340px;} /* Home Categories */ #home_cats {padding: 20px 0 20px 30px;} .home_cat {width: 130px; float: left; margin-right: 80px; margin-bottom: 40px; text-align: center; display: block;} .home_cat:hover {text-decoration: none;} /* Inventory */ .inventory {width: 710px; padding: 20px;} .inventory_image {width: 200px; margin-right: 10px; float: left;} .inventory_text {width: 490px; float: right;} .price {color: #30504c; font-size: 18px; font-weight: bold;} .inventory input.buy_now {width: 120px; height: 40px; background: url(/images/site/btn_buy_now.jpg) no-repeat; cursor: pointer; padding: 0; margin: 0;} .even {background: #f3f3f3;} #inventory_thumbs img {padding: 10px 10px 0 0;} #inventory_table {width: 100%; margin-bottom: 20px;} #inventory_table td {vertical-align: top; padding: 2px 5px;} #inventory_details {width: 100%;} #inventory_details td {width: 50%;} #inventory_related {margin-bottom: 20px;} #inventory_videos {margin-bottom: 20px;} #price {color: #30504c; font-size: 32px; font-weight: bold; line-height: 34px;} #add_to_cart {width: 175px; height: 50px; background: url(/images/site/btn_add_to_cart.png) no-repeat; cursor: pointer;} /* Expanded Inventory */ .expanded_content {display: none; width: 750px; position: relative;} .expanded_inventory {background: url(/images/site/rptr_dbl_line.png) 0 0 repeat-x; padding-top: 20px; margin-top: 10px; border-bottom: 1px solid #e6e5e2; padding-bottom: 20px;} .expanded_inventory h2 {text-transform: uppercase; margin-bottom: 10px;} .expanded_image {margin-bottom: 10px;} .expanded_table {width: 100%; margin-bottom: 20px;} .expanded_table td {vertical-align: top; padding: 2px 5px;} .expanded_details {width: 100%;} .expanded_details td {width: 50%;} .close {position: absolute; top: 20px; right: 0;} /* News */ .news {width: 750px; border-bottom: 1px solid #e6e5e2; margin-bottom: 20px; padding-bottom: 10px;} .news_date {background: #30504c; width: 65px; text-align: center; float: left; margin-right: 25px; padding: 10px 0;} .news_date p {color: #f0e2c8; text-transform: uppercase; margin-bottom: 0 !important;} .news_text {width: 660px; float: right;} .read_more {font-family: 'Lato', sans-serif; font-size: 12px;} /* Classes */ #class_table {width: 100%;} #class_table thead th {background: #2c4f4d; color: #fff; text-align: left; padding: 2px 5px;} #class_table tbody td {padding: 10px 5px; text-align: left;} #class_table tbody tr:nth-child(odd) {background: #fff} #class_table tbody tr:nth-child(even) {background: #f3f3f3} #class_table .sign_up {background: url(/images/site/btn_sign.png) no-repeat; width: 65px; height: 30px; padding: 0; margin: 0; border: none; cursor: pointer;} /* Videos */ .video {width: 750px; margin-bottom: 20px;} .video_image {width: 300px; float: left; margin-right: 20px;} .video_text {width: 430px; float: right;} /* Calendar */ #classes {width: 700px;} #classes th {color: #636363; width: 100px; text-align: left; text-transform: uppercase; padding: 0; margin: 0;} #classes td {padding: 0; margin: 0; width: 100px; vertical-align: top;} #classes .date {width: 90px; background: #2c4f4d; padding: 5px; margin-bottom: 5px;} #classes .date p {color: #fff; font-size: 20px; margin-bottom: 0;} #classes .date p.not_month {color: #a1c2c0; font-size: 20px; margin-bottom: 0;} #classes .date_details {min-height: 100px;} #classes .date_details p {font-size: 13px;} #classes .date_details p.time {font-size: 11px;} /* Cal Top */ #cal_top {width: 700px; height: 40px; position: relative;} #cal_month {position: absolute; top: 0; left: 0;} #cal_nav {position: absolute; top: 10px; right: 0;} /* Contact Form */ #contact_form input {width: 340px; background: #711D1D; color: #fff; padding: 10px; border: 2px solid #C8B7A7;} #contact_form textarea {width: 340px; height: 120px; background: #711D1D; color: #fff; padding: 10px; border: 2px solid #C8B7A7;} #contact_form input.submit {width: 100px; height: 45px; border: none; padding: 0; background: url(/images/site/btn_submit.png) no-repeat; cursor: pointer;} /* Sell */ .sell {margin-bottom: 20px;} .sell table {width: 100%;} .sell table td {padding: 5px;} .sell input {width: 250px; border: 3px inset #e2e2e2; padding: 5px;} .sell textarea {width: 500px; height: 120px; border: 3px inset #e2e2e2; padding: 5px;} .sell input.file {width: auto; border: none; padding: 0;} .sell input.submit {width: 100px; height: 45px; background: url(/images/site/btn_submit.png) no-repeat; border: none; padding: 0; cursor: pointer;} /* Cart */ #cart {width: 100%;} #cart thead th {text-align: left; background: #2c4f4d; color: #fff; padding: 10px; text-transform: uppercase; font-size: 12px;} #cart tbody td {padding: 10px;} #cart tbody input.quantity {width: 20px; background: #fff; padding: 3px; border: 1px solid #818989; text-align: center;} #cart tbody tr:nth-child(even) {background: #fff} #cart tbody tr:nth-child(odd) {background: #f3f3f3} #cart_controls {text-align: right; margin-bottom: 10px;} #cart_controls input {margin-left: 10px;} #cart_controls input.update_cart {width: 100px; height: 40px; background: url(/images/site/btn_update.jpg) no-repeat; cursor: pointer;} #cart_controls input.empty_cart {display: block; float: right; text-indent: -9999px; width: 110px; height: 40px; background: url(/images/site/btn_empty_cart.jpg) no-repeat; cursor: pointer;} #cart_coupons {} #cart_coupons input {background: #fff; width: 200px; padding: 10px; border: 1px solid #818989; float: left; margin-right: 5px;} #cart_coupons input.add_coupon {width: 110px; background: url(/images/site/btn_add_code.png); height: 40px; border: none; padding: 0; margin: 0; cursor: pointer;} #cart_details {text-align: right;} #cart_details input.checkout {width: 110px; height: 40px; background: url(/images/site/btn_checkout.jpg) no-repeat; cursor: pointer;} /* Mini Cart */ #mini_cart {border-top: 3px solid #f5f4f0; padding-top: 10px; margin-top: 10px;} #mini_cart h3 {color: #ba680f; margin-bottom: 5px;} #mini_cart p {color: #7e502a; font-size: 14px; margin-bottom: 5px;} #mini_cart a {color: #5c8e81;} /* Checkout */ #billing_details {margin-bottom: 40px;} #billing_details td {padding: 5px 20px 5px 0;} #billing_details input {background: #fff; width: 300px; padding: 5px; border: 1px solid #818989;} #billing_details label {display: block; color: #CE0F00;} #checkout_form {} #checkout_form p {font-size: 14px; font-weight: bold; line-height: 26px; margin-bottom: 10px; color: #000;} #checkout_form h2 {margin-bottom: 10px; border-bottom: 1px solid #b7b7b7; padding-bottom: 10px;} #checkout_cart {width: 100%; margin-bottom: 40px;} #checkout_cart thead th {text-align: left; background: #2c4f4d; color: #fff; padding: 10px; text-transform: uppercase; font-size: 12px;} #checkout_cart tbody td {padding: 10px;} #checkout_cart tbody tr:nth-child(even) {background: #fff} #checkout_cart tbody tr:nth-child(odd) {background: #f3f3f3} #confirm_order input.complete_order {background: url(/images/site/btn_complete_order.jpg); text-indent: -9999px; width: 160px; height: 35px; padding: 0; border: none; cursor: pointer;} #credit_card_payment {margin-bottom: 40px;} #credit_card_payment label {display: block; color: #CE0F00;} #credit_card_payment table {width: 100%;} #credit_card_payment table td {padding: 3px; font-size: 14px; font-weight: bold;} .payment_error {padding: 20px; background: #F3F3F3; margin-bottom: 20px;} .payment_error p {font-size: 28px; color: #5F0B0B;} /* FFL */ #ffl_info {margin-bottom: 40px;} #ffl_info label {color: #CE0F00; display: block;} .ffl_box {width: 350px; border: 1px solid #b7b7b7; float: left; margin-right: 20px;} .ffl_box_title {background: #f3f3f3; border-bottom: 1px solid #b7b7b7; padding: 5px;} .ffl_box_text {padding: 10px;} #ffl_dealers {width: 300px;} .ffl_box table {width: 330px;} .ffl_box input {background: #fff; width: 90px; padding: 5px; border: 1px solid #818989;} /* Order Totals */ #order_totals {margin-bottom: 40px;} /* Credit Card Payment */ #credit_card_payment input {background: #fff; width: 250px; padding: 5px; border: 1px solid #818989;} #credit_card_payment table {width: 230px; margin-bottom: 10px;} /* Top Search */ #top_search {width: 540px;} #top_search input {width: 385px; height: 45px; background: url(/images/site/search_inventory_field.jpg) no-repeat; color: #fff; padding-left: 50px;} #top_search input.search {float: right; width: 100px; height: 45px; background: url(/images/site/btn_search.jpg) no-repeat; cursor: pointer;} /* Order Details */ #order_details {width: 100%;} #order_details th {text-align: left; padding: 10px;} #order_details td {padding: 5px; vertical-align: top; text-align: left;} /* Internal Footer */ #internal_footer_wrapper {background: #f3f3f3; width: 100%; height: 400px;} #internal_footer {width: 755px; height: 400px; margin-left: 235px; position: relative;} /* Internal Footer Social */ #internal_footer_facebook {position: absolute; top: 40px; left: 0; width: 130px; height: 80px; border-right: 1px solid #d9d7d6; padding-right: 10px;} #internal_footer_twitter {position: absolute; top: 40px; left: 150px; width: 145px; height: 80px; border-right: 1px solid #d9d7d6; padding-right: 10px;} /* Internal Footer Newsletter */ #internal_footer_newsletter {position: absolute; top: 40px; right: 0;} #internal_footer_newsletter input {width: 165px; height: 45px; padding: 0 10px; background: url(/images/site/ftr_signup.png) no-repeat;} #internal_footer_newsletter input.join {width: 60px; height: 45px; padding: 0; background: url(/images/site/btn_join.png) no-repeat; cursor: pointer;} /* Internal Footer Features */ #internal_footer_features {position: absolute; top: 140px; left: 0;} .internal_footer_feature {display: block; width: 175px; overflow: hidden; height: 140px; position: relative; float: left; margin-right: 15px;} .internal_footer_feature:hover {text-decoration: none;} .internal_footer_feature_image {position: absolute; top: 0; left: 0;} .internal_footer_feature_message {position: absolute; bottom: 0; left: 0; width: 175px; padding: 5px 10px 0 10px; height: 45px; background: url(/images/site/rptr_green_video.png);} .internal_footer_feature_message h3 {color: #f0e2c8;} .internal_footer_feature_message p {color: #cad1cb; font-size: 12px;} .internal_footer_feature_button {position: absolute; bottom: 0px; right: 5px;} /* Internal Footer Copyright */ #internal_footer_copyright {width: 755px; text-align: center; position: absolute; top: 300px; left: 0; background: url(/images/site/rptr_dbl_line.png) 0 0 repeat-x; padding-top: 30px;} #internal_footer_copyright p {font-size: 12px; color: #4a402a;} /* Footer */ #footer_wrapper {background: #f3f3f3; width: 100%; height: 420px;} #footer {width: 855px; height: 420px; margin-left: 245px; position: relative;} /* Footer Social */ #footer_facebook {position: absolute; top: 40px; left: 0; width: 130px; height: 80px; border-right: 1px solid #d9d7d6; padding-right: 20px;} #footer_twitter {position: absolute; top: 40px; left: 180px; width: 145px; height: 80px; border-right: 1px solid #d9d7d6; padding-right: 20px;} /* Footer Newsletter */ #footer_newsletter {position: absolute; top: 40px; right: 0;} #footer_newsletter input {width: 180px; height: 45px; padding: 0 10px; background: url(/images/site/ftr_signup.png) no-repeat;} #footer_newsletter input.join {width: 60px; height: 45px; padding: 0; background: url(/images/site/btn_join.png) no-repeat; cursor: pointer;} #footer_newsletter input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #cec1ab; font-family: 'PT Serif', serif;} #footer_newsletter input:-moz-placeholder, textarea::-moz-placeholder {color: #cec1ab; font-family: 'PT Serif', serif;} /* Footer Features */ #footer_features {position: absolute; top: 140px; left: 0;} .footer_feature {width: 195px; height: 140px; position: relative; float: left; margin-right: 25px;} .footer_feature:hover {text-decoration: none;} .footer_feature_image {position: absolute; top: 0; left: 0;} .footer_feature_message {position: absolute; bottom: 0; left: 0; width: 175px; padding: 5px 10px 0 10px; height: 45px; background: url(/images/site/rptr_green_video.png);} .footer_feature_message h3 {color: #f0e2c8; font-size: 16px;} .footer_feature_message p {color: #cad1cb; font-size: 12px;} .footer_feature_button {position: absolute; bottom: 0px; right: 5px;} /* Footer Copyright */ #footer_copyright {width: 855px; text-align: center; position: absolute; top: 300px; left: 0; background: url(/images/site/rptr_dbl_line.png) 0 0 repeat-x; padding-top: 30px;} #footer_copyright p {font-size: 12px; color: #4a402a;} /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(/images/colorbox/controls.png) no-repeat 0 0;} #cboxTopCenter{height:14px; background:url(/images/colorbox/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(/images/colorbox/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(/images/colorbox/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(/images/colorbox/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(/images/colorbox/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(/images/colorbox/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(/images/colorbox/controls.png) repeat-y -211px 0;} #cboxContent{background:#fff; overflow:visible;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/images/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}