body{background-color: #fff; font-family:Arial;font-size:12px; margin: 0; padding: 0;} /* Site Wide Classes */ a{color: #617899; text-decoration: none; } a:hover {color: #617899; text-decoration: underline;} a:active {outline: none;} a:focus {outline-style: none;} img {border-style: none;} .clear { clear: both; overflow: hidden; height: 0; font-size: 0; } object:hover { border:0px solid; } p {font: normal 12px Helvetica; line-height: 16px; color: #5b5858; margin: 0 0 5px 0; padding; 0; } h1{color: #000; font: bold 24px "Trebuchet MS"; margin: 0; padding: 0;} h2{color: #000; font: bold 14px "Trebuchet MS"; margin: 0; padding: 0; text-transform: uppercase;} h3{color: #000; font: normal 10px "Trebuchet MS"; margin: 0; padding: 0; text-transform: uppercase;} h4{color: #000; font: normal 10px "Trebuchet MS"; margin: 0; padding: 0; text-transform: none;} /* Page */ #page {border: 1px solid #b2b3b5; margin: 20px auto 0; padding: 0; width:950px;} /* Flash */ #flash_space {height: 25px;} #flash_space p{margin: 3px 0 0 0; padding: 0;} #join_mailing_nav {width: 300px; float: left; margin: 0 0 0 10px; padding: 0;} #search_nav {width: 280px; float: right; margin: 0; padding: 0;} #feeds_nav {width: 360px; float: right; margin: 0; padding: 0;} #feeds_nav img{margin: 0 5px;padding: 0;} #flash_space input {margin: 3px 0 0 0; padding: 0;border: 1px solid #d6d6d6; background: #ffffff; color: #848484; font-family: Arial, Helvetica, sans-serif; width: 150px; font-size: 9px;} #flash_space input.submit { margin: 0; padding: 0;color: #ffffff;background: #eaa85e;border: 1px outset #d6d6d6; width: 50px} /* Navigation */ #navigation {padding: 0; margin: 0;} #navigation ul {list-style: none; padding: 0; margin: 0;} #navigation ul li {float: left; position: relative;} #navigation ul li:hover {visibility: inherit; } #navigation ul li.active a {background-position: 0 -20px !important;} #navigation ul li.static a {background-position: 0 -20px !important;} #navigation ul li a {display: block; height: 20px; text-indent: -9999px; position: relative;} #navigation ul li a#nav_home {width: 55px; background: url(/images/navigation/nav_home.jpg) no-repeat;} #navigation ul li a#nav_mack_avenue {width: 105px; background: url(/images/navigation/nav_mack.jpg) no-repeat;} #navigation ul li a#nav_artistry_music {width: 120px; background: url(/images/navigation/nav_artistry.jpg) no-repeat;} #navigation ul li a#nav_rendezvous_music {width: 145px; background: url(/images/navigation/nav_rendezvous.jpg) no-repeat;} #navigation ul li a#nav_sly_dog_records {width: 130px; background: url(/images/navigation/nav_sly.jpg) no-repeat;} #navigation ul li a#nav_artists {width: 65px; background: url(/images/navigation/nav_artist.jpg) no-repeat;} #navigation ul li a#nav_tours {width: 70px; background: url(/images/navigation/nav_tour.jpg) no-repeat;} #navigation ul li a#nav_catalog {width: 55px; background: url(/images/navigation/nav_store.jpg) no-repeat;} #navigation ul li a#nav_news {width: 50px; background: url(/images/navigation/nav_news.jpg) no-repeat;} #navigation ul li a#nav_artist_gallery {width: 85px; background: url(/images/navigation/nav_galleries.jpg) no-repeat;} #navigation ul li a#nav_contact {width: 70px; background: url(/images/navigation/nav_contact.jpg) no-repeat;} #navigation ul li ul {display: none; position: absolute; z-index: 10000; padding: 10px; background: url(/images/navigation/cube_rptr.png); width: 650px; left: -275px; top: 20px;} #navigation ul li ul li {float: left; color: #898989; width: 139px; border-right: 1px solid #414141; margin-right: 10px; text-transform: uppercase;} #navigation ul li ul li a {color: #fff; text-indent: 0;} #navigation ul li ul li ul {position: relative; padding: 0; left: 0; top: 0; background: none; margin-top: 5px; display: block; width: auto;} #navigation ul li ul li ul li {float: none; border-right: none; width: auto; margin: 0; padding: 0; text-transform: none;} #navigation ul li ul li ul li a {font-size: 11px; height: auto; margin-bottom: 5px;} #navigation ul li ul li ul li a:hover {color: #f4b41f; text-decoration: none;} #navigation ul li a#nav2_home {width: 55px; background: url(/images/navigation/nav_artistry_1.jpg) no-repeat;} #navigation ul li a#nav2_mack_avenue {width: 105px; background: url(/images/navigation/nav_artistry_2.jpg) no-repeat;} #navigation ul li a#nav2_artistry_music {width: 120px; background: url(/images/navigation/nav_artistry_3.jpg) no-repeat;} #navigation ul li a#nav2_rendezvous_music {width: 145px; background: url(/images/navigation/nav_artistry_4.jpg) no-repeat;} #navigation ul li a#nav2_sly_dog_records {width: 130px; background: url(/images/navigation/nav_artistry_5.jpg) no-repeat;} #navigation ul li a#nav2_artists {width: 65px; background: url(/images/navigation/nav_artistry_6.jpg) no-repeat;} #navigation ul li a#nav2_tours {width: 70px; background: url(/images/navigation/nav_artistry_7.jpg) no-repeat;} #navigation ul li a#nav2_catalog {width: 55px; background: url(/images/navigation/nav_artistry_8.jpg) no-repeat;} #navigation ul li a#nav2_news {width: 50px; background: url(/images/navigation/nav_artistry_9.jpg) no-repeat;} #navigation ul li a#nav2_artist_gallery {width: 85px; background: url(/images/navigation/nav_artistry_10.jpg) no-repeat;} #navigation ul li a#nav2_contact {width: 70px; background: url(/images/navigation/nav_artistry_11.jpg) no-repeat;} #navigation ul li a#nav3_home {width: 55px; background: url(/images/navigation/nav_red_1.jpg) no-repeat;} #navigation ul li a#nav3_mack_avenue {width: 105px; background: url(/images/navigation/nav_red_2.jpg) no-repeat;} #navigation ul li a#nav3_artistry_music {width: 120px; background: url(/images/navigation/nav_red_3.jpg) no-repeat;} #navigation ul li a#nav3_rendezvous_music {width: 145px; background: url(/images/navigation/nav_red_4.jpg) no-repeat;} #navigation ul li a#nav3_sly_dog_records {width: 130px; background: url(/images/navigation/nav_red_5.jpg) no-repeat;} #navigation ul li a#nav3_artists {width: 65px; background: url(/images/navigation/nav_red_6.jpg) no-repeat;} #navigation ul li a#nav3_tours {width: 70px; background: url(/images/navigation/nav_red_7.jpg) no-repeat;} #navigation ul li a#nav3_catalog {width: 55px; background: url(/images/navigation/nav_red_8.jpg) no-repeat;} #navigation ul li a#nav3_news {width: 50px; background: url(/images/navigation/nav_red_9.jpg) no-repeat;} #navigation ul li a#nav3_artist_gallery {width: 85px; background: url(/images/navigation/nav_red_10.jpg) no-repeat;} #navigation ul li a#nav3_contact {width: 70px; background: url(/images/navigation/nav_red_11.jpg) no-repeat;} #navigation ul li a#nav4_home {width: 55px; background: url(/images/navigation/nav_grn_1.jpg) no-repeat;} #navigation ul li a#nav4_mack_avenue {width: 105px; background: url(/images/navigation/nav_grn_2.jpg) no-repeat;} #navigation ul li a#nav4_artistry_music {width: 120px; background: url(/images/navigation/nav_grn_3.jpg) no-repeat;} #navigation ul li a#nav4_rendezvous_music {width: 145px; background: url(/images/navigation/nav_grn_4.jpg) no-repeat;} #navigation ul li a#nav4_sly_dog_records {width: 130px; background: url(/images/navigation/nav_grn_5.jpg) no-repeat;} #navigation ul li a#nav4_artists {width: 65px; background: url(/images/navigation/nav_grn_6.jpg) no-repeat;} #navigation ul li a#nav4_tours {width: 70px; background: url(/images/navigation/nav_grn_7.jpg) no-repeat;} #navigation ul li a#nav4_catalog {width: 55px; background: url(/images/navigation/nav_grn_8.jpg) no-repeat;} #navigation ul li a#nav4_news {width: 50px; background: url(/images/navigation/nav_grn_9.jpg) no-repeat;} #navigation ul li a#nav4_artist_gallery {width: 85px; background: url(/images/navigation/nav_grn_10.jpg) no-repeat;} #navigation ul li a#nav4_contact {width: 70px; background: url(/images/navigation/nav_grn_11.jpg) no-repeat;} /* Title */ #title {margin: 0; padding: 0; width: 950px;} /* Main */ #main {margin: 20px 0 0 0; padding: 0;} #left_main {width: 300px; float: left; margin: 0 0 0 10px; padding: 0; min-height: 410px;border: 1px solid #e2e6ed;} #middle_main {width: 300px; float: right; margin: 0 10px 0 0; padding: 0; min-height: 410px;border: 1px solid #e2e6ed;} #right_main {width: 300px; float: right; margin: 0 10px 0 0; padding: 0; min-height: 410px;border: 1px solid #e2e6ed;} #right_main2 {width: 615px; float: right; margin: 0 10px 0 0; padding: 0; min-height: 410px;border: 1px solid #e2e6ed;} #main_body {width: 750px; float: right; margin: 0; padding: 0;} #main_body h1 {color: #000; font: bold 22px "Trebuchet MS"; margin: 0 0 20px 0; padding: 0; text-transform: none; letter-spacing: 0;} #full_main {width: 930px; margin: 0 auto; padding: 0; border: 1px solid #e2e6ed;} #three_content {padding: 20px;} /* Left Navigation */ #left_navigation {width: 190px; float: left; margin: 0; padding: 0 10px 0 0;} #left_navigation h2{color: #454444; font: bold 14px "Trebuchet MS"; margin: 0 0 5px 20px; padding: 0; text-transform: uppercase;} #left_navigation ul {margin: 0 0 0 20px; padding: 0; list-style-type: none;} #left_navigation li {margin: 0 0 5px 0; padding: 0;} #left_navigation a{color: #516202; text-decoration: none; } #left_navigation a:hover {color: #000; text-decoration: underline;} /* Left Product Picture Listing */ .left_product_pic_listing {width: 300px;} .left_product_pic_listing h2{color: #000; font: bold 18px "Trebuchet MS"; margin: 0; padding: 0; text-transform: none;} .left_product_pic {width: 125px; float: left;} .left_product_text {width: 175px; float: right;} .left_product_pic_listing h1{color: #000; font: normal 22px "Trebuchet MS";padding: 0; margin: 0; text-transform: none;} .left_product_text h3{color: #454444; font: normal 14px "Trebuchet MS";padding: 0; margin: 0; text-transform: uppercase;} .left_product_text h4{color: #454444; font: normal 10px "Trebuchet MS"; padding: 0; margin: 0; text-transform: uppercase;} .left_product_text img {margin: 20px 0 0 10px;} /* Entire Product Picture Listing */ .entire_product_pic_listing {width: 300px; margin: 200px 0 0 0;} .entire_product_title h2{color: #eee; font: normal 20px "Trebuchet MS"; margin: 0 0 0 30px; padding: 0; text-transform: none;} .entire_product_title h3{color: #eee; font: normal 12px "Trebuchet MS"; margin: 0 0 0 40px; padding: 0; text-transform: uppercase;} .entire_product_image {margin: 0; padding: 0; width: 300px; text-align: center;} .entire_product_buy_buttons {margin: 0; padding: 0; width: 300px; text-align: center;} .entire_product_buy_buttons img{margin: 0 10px 0 0;} /* Catalog Listings */ #catalog_listings {width: 700px;} #catalog_listings h2 {color: #516202; font: bold 18px "Trebuchet MS"; margin: 0 0 5px 0; padding: 0; text-transform: none; letter-spacing: 0;} .left_catalog_listing {width: 300px; float: left; margin: 0 0 20px 0; padding: 0;} .right_catalog_listing {width: 300px; float: right; margin: 0 0 20px 80px; padding: 0;} /* Catalog Detail */ #big_catalog_listing {width: 600px;} #big_catalog_listing h2 {color: #454444; font: normal 14px "Trebuchet MS";padding: 0; margin: 0 0 5px 0; text-transform: uppercase;} #big_catalog_listing h3 {color: #454444; font: normal 10px "Trebuchet MS"; padding: 0; margin: 0 0 5px 0; text-transform: uppercase;} #big_catalog_listing h4 {color: #000; font: bold 10px "Trebuchet MS"; padding: 0; margin: 0 0 5px 0; text-transform: uppercase;} #big_catalog_listing_pic {width: 250px; float: left;} #big_catalog_listing_title {width: 350px; float: right;} /* News Listings */ #news_listing {width: 700px; margin: 0; padding: 0;} .news_listing_date {width: 150px; float: left; margin: 0; padding: 0;} .news_listing_date h3 {color: #454444; font: italic 12px "Trebuchet MS"; padding: 0; margin: 7px 0 0 0; text-transform: none;} .news_listing_text {width: 400px; float: right; margin: 0 150px 0 0; padding: 0;} .news_listing_text h2 {color: #516202; font: normal 18px "Trebuchet MS"; margin: 0; padding: 0; text-transform: none; letter-spacing: 0;} .news_listing_text p {font: normal 12px Helvetica; line-height: 16px; color: #5b5858; margin: 0; padding; 0;} .news_listing_text img {margin: 10px 0;padding: 0;} #cloud {height: 300px; margin: 0 0 0 20px; padding: 0;} /* Tours Listing */ #tours_listing {width: 700px; margin: 0; padding: 0;} /* Gallery Listing */ #gallery_listing {width: 700px; margin: 0; padding; 0;} #gallery_listing h3{color: #516202; font: normal 15px "Trebuchet MS"; margin: 20px 0 0 0; padding: 0; text-transform: uppercase;} #gallery_listing h4{color: #516202; font: normal 12px "Trebuchet MS"; margin: 0 0 10px 0; padding: 0; text-transform: none;} #gallery_listing img {margin: 0 15px 0 0; padding; 0;} #gallery_body {width: 750px; float: right; margin: 0; padding: 0;} #gallery_body h1 {color: #000; font: bold 22px "Trebuchet MS"; margin: 0; padding: 0; text-transform: none; letter-spacing: 0;} #gallery_body h2 {color: #516202; font: normal 14px "Trebuchet MS"; margin: 0; padding: 0; text-transform: none; letter-spacing: 0;} #gallery_body img {margin: 15px 15px 0 0; padding; 0;} .more_photos {margin: 0; padding: 0; text-align: right;} .more_photos p{margin: 0; padding: 0;} /* Artists */ #artists_main {width: 910px; margin: 20px;} #artists_main img{margin: 0 0 20px 0; padding: 0;} .artists_left {width: 229px; float: left; margin: 10px 0; padding: 0;} .artists_right {width: 227px; float: right; margin: 10px 0; padding: 0;} /* Contact */ #contact_main {width: 910px; margin: 20px;} #contact_left {width: 400px; float: left; margin: 0 0 0 50px; padding: 0;} #contact_right {width: 400px; float: right; margin: 0 50px 0 0; padding: 0;} #contact_main h2{color: #516202; margin-bottom: 10px;} /* Bottom Main */ #bottom_bar {width: 930px; min-height: 20px; background-color: #a2a2a4; margin: 20px auto 0; padding: 0;} #bottom_bar h2{color: #fff; font: bold 14px "Trebuchet MS"; margin: 0; padding: 0; text-transform: uppercase;} #bottom_bar_news {float: left; width: 410px; margin: 0 0 0 10px;} #bottom_bar_tours {float: right; width: 500px;} #bottom_main_spread {width: 930px; margin: 0 auto; padding: 0;} #bottom_news {width: 410px; min-height: 200px; margin: 0; padding: 0; float: left;} #bottom_tours {width: 500px; min-height: 200px; margin: 0; padding: 0; float: right;} #bottom_news h1 {color: #454444; font: normal 20px "Trebuchet MS";padding: 0; margin: 10px 0 0 10px; text-transform: none;} #bottom_news h3 {color: #454444; font: normal 10px "Trebuchet MS";padding: 0; margin: 0 0 0 10px; text-transform: none; font-style: italic;} #bottom_news p {font: normal 12px "Trebuchet MS"; line-height: 16px; margin: 10px 10px 0 10px;} #bottom_tours b {color: #617899} #bottom_tours_table {margin: 5px 0 0 0; padding: 0;} #bottom_tours_table th{font: normal 10px "Trebuchet MS";color:#454444;padding:1px 5px 0 5px; text-align: left;} /* Footer */ #footer {width: 950px; margin: 0 auto; padding: 0;} #footer_spread {} #footer_nav {text-align: right; margin: 0; padding: 0;} #footer_nav ul{list-style-type: none; margin: 10px 0 0;padding: 0;} #footer_nav li{display: inline; color: #a3b8d9; margin: 0 0 0 0;padding: 0;font-size: 9px;} #footer_nav a{color: #454444;text-decoration: none;} #footer_nav a:hover{color: #e98f16;text-decoration: none;} #logos {float: left;} #copyright {float: right;text-align: right;} /* Paginate */ .paginate {margin: 10px 0 20px 0; padding: 0; border-top: 1px solid #a6a6a6;} .paginate p{text-align: left;margin: 0; padding: 0;} /* Ajax Form */ #success {height: 50px; background: #3d3d3d;} #ajax_form {background: #3d3d3d;} #af_title {width:550px; padding: 10px 20px; height: 40px; background: url(/images/site/main/top_strip.jpg) no-repeat;} #af_title h2 {color: #aed710; font-size: 20px;} #af_title p {color: #fff;} #af_form {padding: 20px;} #af_form p {font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; color: #fff;} #af_form label {width: 240px; display: block; float: left;} #af_form input {width: 300px; background: #4b4b4c; border: 1px solid #8c8c8c; padding: 5px; color: #fff;} #af_form input.radio {width: 20px; background: none; border: none;} #af_form textarea {width: 300px; height: 80px; background: #4b4b4c; border: 1px solid #8c8c8c; padding: 5px; color: #fff; resize: none;} #af_form input.submit {width: 75px; height: 20px; cursor: pointer; border: none; background: none; text-indent: -9999px; background: url(/images/site/main/btn_submit.png) no-repeat;} #af_form #requiredFields {height: 20px;} #af_form p.emailValid {color: #ff0000; font-size: 12px; font-weight: bold; display: none;} #af_form p.advisoremailValid {color: #ff0000; font-size: 12px; font-weight: bold; display: none;} #af_form #requiredFields p.empty {color: #ff0000; font-size: 12px; font-weight: bold; display: none;} #af_form p.RequiredError {color: #ff0000;} #af_form input.RequiredError:focus {background: #f7f6f3;} /* @group Horizontal Zebra Table */ #hor-zebra{font-family:"Trebuchet MS"; font-size: 12px;width:700px;text-align:center;border-collapse:collapse;margin:0;text-align: left;} #hor-zebra b{font-size: 13px; font-weight: bold;color:#516202;} #hor-zebra th{font-size:12px;font-weight:normal;color:#fff;padding: 2px 8px;background-color: #516202;} #hor-zebra td{color:#454444;padding:5px 8px 5px 8px; } #hor-zebra .odd{background:#f1f1f2;} /* Lightbox */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #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;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(http://www.mackavenue.com/images/site/main/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(http://www.mackavenue.com/images/site/main/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #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; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #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; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#fbfbfb;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:none;} #cboxTopCenter{height:14px; background:none;} #cboxTopRight{width:14px; height:14px; background:none;} #cboxBottomLeft{width:14px; height:43px; background:none;} #cboxBottomCenter{height:43px; background: none;} #cboxBottomRight{width:14px; height:43px; background: nonet;} #cboxMiddleLeft{width:14px; background: none;} #cboxMiddleRight{width:14px; background: none;} #cboxContent{background:#313131;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(/images/site/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/images/site/colorbox/loading.gif) center center no-repeat;} #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; top: -10px; background:url(/images/site/main/x_icon.png) 0px 0px no-repeat; width:30px; height:30px; 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:-15px; background-position: 0 0;} #cboxClose.hover{background-position: 0 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;}