/* Byte Studios - Metropolis Coffee Author: Matthew Restorff Date: 09.08.08 Email: matthew@bytestudios.com */ /* reset and setup */ * { margin: 0; padding: 0; } a, input[type="image"], input[type="submit"] { outline: none; } img { border: none; } /* General */ body { background: #000 url(/assets/img/gray_city.jpg) no-repeat bottom right fixed; font: normal 12px Arial, Helvetica, sans-serif; color: #fff; } #background-wrap { background: url(/assets/img/met_shadow.png) repeat-y top left; width: 1057px; margin: 0 auto; } #container { margin: 0 auto; width: 995px; background: #fff; padding: 0px 8px 8px 8px; z-index: 1; position: relative; } #primary-col .breadcrumbs {margin-bottom:20px; color:#ccc; margin-top:-20px;} #primary-col .breadcrumbs a {color:#baa1be;} #primary-col .breadcrumbs a:hover {color:#9e6fa6;} /* 9a354a a788ac*/ .bread strong {color: #9a354a;} .breadcrumbs a {color:#8c7290; text-decoration:none;} /* Header */ #header { width: 995px; float: left; background: url(/assets/img/header-home.gif) no-repeat bottom right; height: 214px;} .about #header { background-image: url(/assets/img/header-about.gif); height: 242px;} .cafe #header { background-image: url(/assets/img/header-ourcafe.gif); height: 242px;} .wholesale #header { background-image: url(/assets/img/header-wholesale.gif); height: 242px;} .shop #header { background-image: url(/assets/img/header-shop.gif); height: 242px;} .university #header { background-image: url(/assets/img/header-university.gif); height: 242px;} .contact #header { background-image: url(/assets/img/header-contact.gif); height: 242px;} .photos #header { background-image: url(/assets/img/header-photos.gif); height: 242px;} #newletterresponse { color: #FF0000; position: absolute; left: 550px; top: 12px; } #top-wrap { width: 985px; float: left; border-bottom: 6px solid #c0ca4d; height: 42px; padding-left: 10px; background: #000; margin-bottom: 4px; } #top-cart { float: left; width: 700px; background: url(/assets/img/img-cart.gif) no-repeat top left; padding: 15px 0 0 30px; } #cartBubble {display:none; z-index:99;} #cartLink:hover #cartBubble {display:block;} #top-cart a { color: #fff; font-weight: normal; margin-left: 5px; } #top-cart a:hover { color: #a788ac;} #mailing-wrap { float: left; width: 250px; padding-top: 10px; height: 32px; } #mailing-wrap input[type="text"] { border: 1px solid #c1c1c1; height: 15px; padding-top: 3px; padding-left: 5px; display: block; width: 170px; float: left; color: #222; } #mailing-wrap input[type="image"] { height: 20px; display: block; padding: 0; } #bottom-wrap { width: 995px; float: left; } #logo { background: #000 url(/assets/img/logo-blank.gif) no-repeat top left; color: #fff; text-indent: -8888px; display: block; height: 97px; width: 470px; float: left; } #logo-home { background: #000 url(/assets/img/logo-home.jpg) no-repeat top left; color: #fff; text-indent: -8888px; display: block; height: 97px; width: 470px; float: left; } /* Navigation */ #nav { background-color: #000; float: left; height: 46px; width: 489px; list-style: none; padding: 0px 7px 0px 29px; position: relative; z-index: 10; } #nav li { float: left; } #nav li a { text-indent: 0; color: #fff; height: 46px; display: block; } /* #nav > li:last-child > a { padding:0 8px; } */ #nav > li > a { font-family:"SixSix"; text-transform: uppercase; font-size:24px; text-decoration: none; padding:0 7px; font-weight:normal; height:46px; line-height:46px; } #nav li#menu0:hover > a { color: #bbcc49;} #nav li#menu1:hover > a { color: #a683ab;} #nav li#menu2:hover > a { color: #65b879;} #nav li#menu3:hover > a { color: #4dadb2;} #nav li#menu4:hover > a { color: #cc8632;} #nav li#menu5:hover > a { color: #65ba81;} #nav li#menu6:hover > a { color: #b3644b;} #nav li#menu7:hover > a { color: #bbcc49;} #nav > li > a.active { background: url(/assets/img/selected_category.png) center center no-repeat;} /* #nav { background-color: #000; float: left; height: 46px; width: 489px; list-style: none; padding: 0px 7px 0px 29px; position: relative; z-index: 10; } #nav li { float: left; } #nav li a { text-indent: -9999px; color: #fff; height: 46px; display: block; } */ /* #nav li a#menu0 { background:#000 url(/assets/img/nav1.gif) no-repeat; width:52px; background-position: -9px 0px;} #nav li a#menu1 { background:#000 url(/assets/img/nav1.gif) no-repeat; width:45px; background-position: -61px 0px;} #nav li a#menu2 { background:#000 url(/assets/img/nav1.gif) no-repeat; width:52px; background-position:-106px 0px;} #nav li a#menu3 { background:#000 url(/assets/img/nav1.gif) no-repeat; width:70px; background-position:-158px 0px;} #nav li a#menu4 { background:#000 url(/assets/img/nav1.gif) no-repeat; width:171px; background-position:-229px 0px;} #nav li a#menu5 { background:#000 url(/assets/img/nav1.gif) no-repeat; width:85px; background-position:-400px 0px;} #nav li a#menu0:hover { position: relative; background-position: -9px -46px; } #nav li a#menu1:hover { position: relative; background-position: -61px -46px; } #nav li a#menu2:hover { background-position: -106px -46px; } #nav li a#menu3:hover { background-position: -158px -46px; } #nav li a#menu4:hover { background-position: -229px -46px; } #nav li a#menu5:hover { background-position: -400px -46px; } #nav li a#menu0.active:hover { position: relative; background-position: -9px -138px; } #nav li a#menu1.active:hover { position: relative; background-position: -61px -138px; } #nav li a#menu2.active:hover { background-position: -106px -138px; } #nav li a#menu3.active:hover { background-position: -158px -138px; } #nav li a#menu4.active:hover { background-position: -229px -138px; } #nav li a#menu5.active:hover { background-position: -400px -138px; } */ /* sets hover position of active state - removed white part on bottom. */ #nav li.active:hover a#menu0.active { position: relative; background-position: -9px -138px; } #nav li.active:hover a#menu1.active { position: relative; background-position: -61px -138px; } #nav li.active:hover a#menu2.active { background-position: -106px -138px; } #nav li.active:hover a#menu3.active { background-position: -158px -138px; } #nav li.active:hover a#menu4.active { background-position: -229px -138px; } #nav li.active:hover a#menu6.active { background-position: -400px -138px; } #nav li.active:hover a#menu7.active { background-position: -400px -138px; } #nav li:hover ul { display:block; } /* sets active position */ #nav li a#menu0.active { background-position: -9px -92px; } #nav li a#menu1.active { background-position: -61px -92px; } #nav li a#menu2.active { background-position: -106px -92px; } #nav li a#menu3.active { background-position: -158px -92px; } #nav li a#menu4.active { background-position: -229px -92px; } #nav li a#menu6.active { background-position: -400px -92px; } #nav li a#menu7.active { background-position: -400px -92px; } /* Secondary Navigation */ #nav li ul { position: absolute; margin-left: -10px; background-color: #000; list-style: none; z-index: 300; float: left; display: none; padding-bottom: 1px; border: 3px solid #fff; border-top: none;} #nav li ul li { float: none; } #nav li ul li a { text-indent: 0; display: block; text-decoration: none; padding: 3px 10px 3px 10px; height: 17px; font-size: 14px; } #nav li ul li a:hover { color: #fff; } /* sets the secondary nav colors */ #sec0 li a { color: #c9ca4d; } #sec0 li a:hover { background-color: #c9ca4d; } #sec1 li a { color: #a788ac; } #sec1 li a:hover { background-color: #a788ac; } #sec2 li a { color: #6FC08D; } #sec2 li a:hover { background-color: #6FC08D; } #sec3 li a { color: #4abac1; } #sec3 li a:hover { background-color: #4abac1; } #sec4 li a { color: #d08534; } #sec4 li a:hover { background-color: #d08534; } #sec5 li a { color: #65ba81; } #sec5 li a:hover { background-color: #65ba81; } #sec6 li a { color: #b7654c; } #sec6 li a:hover { background-color: #b7654c; } #sec7 li a { width: 180px; color: #c9ca4d; } #sec7 li a:hover { background-color: #c9ca4d; } /* keep the Contact Us menu from going off-screen to the right */ li.last li { position: relative; right: 0px; text-align:left; } li.last > ul { position: relative; left: 332px; width: 200px; } #info_nav {list-style:none; width:100%; display:block;} #info_nav li { text-transform:uppercase; float:left; } /* Home Page Primary */ #prime-wrap { width: 995px; float: left; padding-top: 8px; margin-bottom: 8px; } #prime-l { float: left; width: 327px; margin-right: 7px; z-index: 1; position: relative;} #prime-l h2.visit { background: url(/assets/img/visit-us.gif) no-repeat top left; text-indent: -8888px; } #prime-l h2.hours { background: url(/assets/img/hours.gif) no-repeat top left; text-indent: -8888px; } #prime-l a { color: #fff; } #prime-l div { float: left; width: 135px; padding: 9px 5px 14px 15px; margin-top: 0px; background: #4CC5CD; font-size: 11px;} #our-cafe { background: url(/assets/img/our-cafe-double.jpg) no-repeat top left; display: block; text-indent: -9999px; height: 271px; } #our-cafe:hover { background-position: 0px -271px; } #prime-l .art-gal { background: url(/assets/img/art-gal-double.jpg) no-repeat top left; width: 162px; margin-top: 8px; margin-right: 7px; display: block; text-indent: -9999px; float: left; height:124px; } #prime-l .art-gal:hover { background-position: 0px -125px; } #prime-l .staff-gal { background: url(/assets/img/staff-gal-double.jpg) no-repeat top left; width: 158px; margin-top: 9px; display: block; text-indent: -9999px; float: left; height:123px; } #prime-l .staff-gal:hover { background-position: 0px -124px; } #prime-m { float: left; width: 327px; z-index: 1; position: relative; margin-right: 7px; } #our-shop { background: url(/assets/img/our-shop-double.jpg) no-repeat top left; display: block; text-indent: -9999px; height: 355px; position: relative; z-index: 10; } #our-shop:hover { background-position: 0px -354px; } #prime-m .buy-coffee { background: #000 url(/assets/img/buy-coffee-1.jpg) no-repeat 0 0; display: block; width: 110px; border-right: 4px dotted #fff; height: 124px; margin-top: 8px; text-indent: -9999px; float: left; } #prime-m .buy-coffee:hover { background-position: 0px -124px; } #prime-m .buy-tea { background: #000 url(/assets/img/buy-tea-2.jpg) no-repeat top left; display: block; width: 102px;border-right: 4px dotted #fff; height: 124px; margin-top: 8px; text-indent: -9999px; float: left; } #prime-m .buy-tea:hover { background-position: 0px -124px; } #prime-m .buy-merch { background: #000 url(/assets/img/buy-merch-3.jpg) no-repeat top left; display: block; width: 107px; height: 124px; margin-top: 8px; text-indent: -9999px; float: left; } #prime-m .buy-merch:hover { background-position: 0px -124px; } #prime-r { float: left; width: 327px; z-index: 1; position: relative; } #prime-r h2 { font-family: Georgia, Times, Times New Roman, serif; } #our-wholesale { background: url(/assets/img/our-wholesale-double.jpg) no-repeat top left; display: block; text-indent: -9999px; height: 271px; position: relative; z-index: 10; } #our-wholesale:hover { background-position: 0px -271px; } .whole-hover div { padding: 9px 0px 10px 15px; width: 312px; } .wholesale-link1 { text-indent: -9999px; background: url(/assets/img/whole-sale-link1.jpg) no-repeat 0 0; width: 327px; height: 72px; display: block; } .wholesale-link1:hover { background-position: 0px -72px; background-color: #DEAF9F; } .wholesale-link2 { text-indent: -9999px; background: #c8795d url(/assets/img/wholesale-link2.jpg) no-repeat 0 0; width: 327px; height: 82px; display: block; } .wholesale-link2:hover { background-position: 0px -82px } #prime-r a.how-we-do { background: url(/assets/img/how-we-do-double.jpg) no-repeat top left; width: 327px; height: 53px; display: block; text-indent: -9999px; margin-top: 9px; } #prime-r a.how-we-do:hover { background-position: 0px -53px;} .vid-link1 { display: block; float: left; width: 326px; background: url(/assets/img/btn-home-video.jpg) no-repeat top left; text-indent: -9999px; height: 38px; margin-bottom: 8px; margin-right: 8px; } .vid-link2 { background: url(/assets/img/home-video-double.jpg) no-repeat top left; text-indent: -8888px; display: block; float: left; width: 661px; height: 38px; } .vid-link2:hover { background-position: 0px -38px; } /* Whats Hot */ #whats-hot { background: #fff url(/assets/img/whats-hot.jpg) no-repeat top left; height: 132px; width: 875px; float: left; margin-bottom: 8px; padding-left: 125px; color: #222; font-size: 10px; padding-top: 20px; } .product-entry { width: 250px; float: left; margin-left: 30px; } .product-entry a { color: #a788ac; } .product-entry strong { margin-top: 20px; display: block; font-size: 11px; } .product-entry img { float: left; margin-right: 7px;} /*.product img { margin: 5px 5px 5px 5px; }*/ /* Multi Colored Page Styles */ #primary-col .larger {font-size:14px; font-weight: bold; } #primary-col a { color: #666; } #primary-col a.offsite { padding-right: 12px; color: #666; background-image: url(/assets/img/offsite.gif); background-repeat: no-repeat; background-position: right; } .body_picture_right { text-align:center; color:#fff; background-color:#4abac1; float: right; margin-left: 20px; margin-bottom: 10px; } .body_picture_caption { padding:3px; background-color:#000000; color:#ffffff; text-align: center; } #mid-wrap { width: 995px; float: left; margin-bottom: 8px; background: #fff url(/assets/img/bg-shop.gif) repeat-y top left; color:#000; } .cafe #mid-wrap { background-image:url(/assets/img/bg-ourcafe.gif);} .about #mid-wrap { background-image:url(/assets/img/bg-about.gif);} .shop #mid-wrap { background-image:url(/assets/img/bg-shop.gif); position:relative;} .university #mid-wrap { background-image:url(/assets/img/bg-university.gif);} .wholesale #mid-wrap { background-image:url(/assets/img/bg-wholesale.gif);} .contact #mid-wrap { background-image:url(/assets/img/bg-contact.gif);} #left-col { min-height: 200px; width: 245px; padding-top: 10px; float: left; margin-right: 4px; } #left-nav { color: #4CC5CD; list-style: none; width: 220px; padding-left: 10px; } #left-nav li { border-top: 1px solid #555; } #left-nav li a {padding-top:5px; display:block;} #left-nav li.top {border: none; border-bottom:1px solid #999999;} #left-nav li.top strong {font-size:16px; font-weight:normal; color:#a788ac;} .about #left-nav li.top strong {color:#4abac1;} .shop #left-nav li.top strong {color:#a788ac;} .university #left-nav li.top strong {color:#d08534;} .wholesale #left-nav li.top strong {color:#b7654c;} .contact #left-nav li.top strong {color:#a788ac;} #left-nav ul { list-style: none; padding-left: 3px; padding-bottom: 10px; } #left-nav ul li { margin-top: 0; padding-left: 11px; border: none; } #left-nav ul ul li { margin-left: 10px;} #left-nav ul li a { color: #222; text-decoration: none; font-size: 12px; } #left-nav ul li:hover, #left-nav ul li.active { background-image: url(/assets/img/subnav_carrot.gif); background-repeat: no-repeat; background-position: 0 6px; } #left-nav ul li a { text-decoration: none; } #left-nav ul ul ul li.active a { text-decoration:underline !important; } .wholesale #left-nav ul li:hover, .wholesale #left-nav ul li.active { background-image: url(/assets/img/arrow-wholesale.gif); background-repeat: no-repeat; background-position: 0 6px; } .about #left-nav ul li:hover, .about #left-nav ul li.active { background-image: url(/assets/img/arrow_about.gif); background-repeat: no-repeat; background-position: 0 6px; } .shop #left-nav ul li:hover, .shop #left-nav ul li.active { background-image: url(/assets/img/arrow_shop.gif); background-repeat: no-repeat; background-position: 0 6px; } .university #left-nav ul li:hover, .university #left-nav ul li.active { background-image: url(/assets/img/arrow_university.gif); background-repeat: no-repeat; background-position: 0 6px; } .contact #left-nav ul li:hover, .contact #left-nav ul li.active { background-image: url(/assets/img/arrow-contact.gif); background-repeat: no-repeat; background-position: 0 6px; } .cafe #left-nav ul li:hover, .cafe #left-nav ul li.active { background-image: url(/assets/img/arrow-cafe.gif); background-repeat: no-repeat; background-position: 0 6px; } #left-nav li.top2 { border: none; background: url(/assets/img/sub_underline.gif) no-repeat -14px bottom; margin-left: 0px; padding-left: 10px;} #left-nav ul li.top2:hover { background: url(/assets/img/sub_underline.gif) no-repeat -14px bottom; } #search-wrap { background-color: #4CC5CD; padding: 10px; width: 217px; float: left; } .about #search-wrap { background-color: #4abac1;} .shop #search-wrap { background-color: #a788ac;} .university #search-wrap { background-color: #d08534;} .wholesale #search-wrap { background-color: #b7654c;} .contact #search-wrap { background-color: #4CC5CD;} .viewCart:hover, .reportIssue:hover {color:#9a354a; cursor:pointer;} .wholesale_ad {bottom:40px; left:0; margin:23px 0 10px;} #search-wrap input[type="text"] { border: 1px solid #555; height: 15px; padding-top: 0; padding-left: 5px; display: block; width: 140px; float: left; color: #222; line-height:18px; height:18px;} #search-wrap input[type="image"] { height: 20px; display: block; padding: 0; } #primary-col { float: left; width: 550px; color: #222; padding: 15px 0 15px 15px;} #primary-col p { margin-bottom: 10px; } #primary-col img.headline {margin-bottom:20px; clear:both;} #right-col { width: 149px; float: left; color: #222; background-color: #e5f5f6; margin-left:29px; z-index: 2; position: relative; } .about #right-col {background:#e5f5f6;} .shop #right-col {background:#f3eef3;} .university #right-col {background:#f8eee2;} .wholesale #right-col {background:#f5e9e6;} .contact #right-col {background:#f3eef3;} #right-col h2.gal-head { background: url(/assets/img/head-more-gal-about.gif) no-repeat top left; text-indent: -9999px; padding-bottom: 8px; border-bottom: 1px solid #4cc5cd; } .about #right-col h2.gal-head { background-image: url(/assets/img/head-more-gal-about.gif); border-bottom: 1px solid #4abac1; } .shop #right-col h2.gal-head {padding-bottom:12px; background-image:url(/assets/img/shop_your_cart.gif); border-bottom: 1px solid #a788ac;} .university #right-col h2.gal-head { background-image: url(/assets/img/head-more-gal-university.gif); border-bottom: 1px solid #d08534; } .wholesale #right-col h2.gal-head { background-image: url(/assets/img/head-more-gal-wholesale.gif); border-bottom: 1px solid #b7654c; } .contact #right-col h2.gal-head { background-image: url(/assets/img/head-more-gal-about.gif); border-bottom: 1px solid #4abac1; } #right-col ul.gal-list { color: #4cc5cd; list-style-position: inside; padding-left: 10px; padding-top: 5px;} .about #right-col ul.gal-list { color: #4abac1;} .shop #right-col ul.gal-list { color: #a788ac;} .university #right-col ul.gal-list { color: #d08534;} .wholesale #right-col ul.gal-list { color: #b7654c;} .contact #right-col ul.gal-list { color: #4cc5cd;} #right-col ul li a { color: #4cc5cd; font-size: 10px; text-decoration: none; } .about #right-col ul li a { color: #4abac1; } .shop #right-col ul li a { color: #a788ac; } .university #right-col ul li a { color: #d08534; } .wholesale #right-col ul li a { color: #b7654c; } .contact #right-col ul li a { color: #4cc5cd; } /* About */ /* shop */ /* Success Message ----------------------------------------------------------*/ #successMessageTop { text-align:center; width: 100%; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 30px; color: #453847; font-size: 14px; background: #baa1be; border-top: 1px solid #a788ac; border-bottom: 1px solid #a788ac; -moz-opacity:.95; filter:alpha(opacity=95); opacity:.95; position: fixed; top:0; /*bottom: 0;*/ z-index: 10000; text-shadow:0 1px 0 rgba(255,255,255,0.3); } #successMessageTop a#viewCartTop { padding: 5px 10px; color: #7f6883; background-color: #fff; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; border: none; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #successMessageTop a#closeMessageTop { color: #453847; font-size: 13px; } #primary-col { line-height: 1.5em; } #primary-col .shopItemForm { line-height: 1em; !important } #primary-col .ourpick_container { line-height: 1em; !important } #primary-col button {-moz-border-radius: 0; -webkit-border-radius: 0;} #primary-col a {color:#000000; } #primary-col ul { list-style: inside; } #primary-col a:hover {color:#436859; } #primary-col div.ourpick_container {border:1px solid #fff; position:relative; width:260px; height:118px; margin:10px 7px 10px 0; float:left;} /* #primary-col div.ourpick_container:hover {border:1px solid #e8e0ea;} */ #primary-col div.ourpick_container .product {float:left; margin-right:10px;} #primary-col div.ourpick_container h2 {font-size:12px; margin-top:15px;} #primary-col div.ourpick_container p {font-size:10px; margin-bottom:5px;} #primary-col div.ourpick_container a {font-size:11px;} #primary-col div.ourpick_container .add_to_cart {display:block; border:0; position:absolute; bottom:0; right:0; background:url('/assets/img/shop-ourpicks-add.gif') no-repeat; height:18px; width:80px; padding:0; margin:0;} #primary-col div.ourpick_container:hover .add_to_cart {display:block;} #primary-col div.ourpick_container .add_to_cart_menu {display:none; position:absolute; top:18px; right:0; padding-top:3px; background-color:#a788ac; width:178px; text-align:right;} #primary-col div.ourpick_container .add_to_cart_menu input, #primary-col div.ourpick_container .add_to_cart_menu select {margin-right:10px; margin-bottom:1px; margin-top:1px;} #primary-col div.ourpick_container .add_to_cart_menu .atc-qty {margin-left:11px;} #primary-col div.ourpick_container .add_to_cart_menu .atc-qty-input {width:25px;} #primary-col div.ourpick_container .add_to_cart_menu .atc-size {width:90px;} #primary-col div.ourpick_container .add_to_cart_menu .atc-select {width:158px; margin:0 0 1px 10px;} #primary-col div.ourpick_container .add_to_cart_menu .atc-add {margin:0; padding:0; border:0; width:178px; height:30px; background:black url(/assets/img/shop-featured-addtocart.gif) no-repeat center center; border-top:4px solid white;} #primary-col div.ourpick_container .add_to_cart_menu .atc-outofstock {margin:0; padding:0; border:0; width:178px; height:30px; background:#a4145e url(/assets/img/out-of-stock.gif) no-repeat center center; border-top:4px solid white;} #primary-col .product_imagery {width:200px; float:left; margin-right:5px;} /* #primary-col .product_imagery img {border:5px solid green; } */ #primary-col .product_imagery img.adjustedMargin {margin-top:40px; } /* #primary-col .product_imagery .badge-organic {} */ .addProductPage div a img { margin-top: 25px;} #primary-col .product_details {width:330px; float:left; padding-top:20px;} #primary-col .product_details h3 {margin-top:10px;} #primary-col .product_details h4 {font-size:15px; margin-top:5px;} #primary-col .product_details p {font-size:10px; margin-bottom:5px;} #primary-col .product_details a {font-size:11px; color:#a788ac;} #primary-col .ourpick_container a {font-size:11px; color:#a788ac;} /* product-add_to_cart */ #primary-col .product_details .product-add_to_cart {min-height:0; margin:10px 0; padding-top: 3px; position:relative; width:255px; background:#a788ac url(/assets/img/shop-featured-cart.gif) no-repeat top left; padding-left:51px; padding-bottom:17px;} #primary-col .product_details .product-add_to_cart:hover { background:#a788ac url(/assets/img/shop-featured-cart_over.gif) no-repeat top left; } #primary-col .product_details .product-add_to_cart .product-qty {margin-left:5px;} #primary-col .product_details .product-add_to_cart .qty {width:20px;} #primary-col .product_details .product-add_to_cart select {width:110px;} #primary-col .product_details .product-add_to_cart .add_to_cart { position:absolute; bottom:0; right:0; margin:0; padding:0; border:0; width:255px; height:30px; background:black url(/assets/img/shop-featured-addtocart.gif) no-repeat center center; border-top:4px solid white; } #primary-col .product_details .product-add_to_cart .add_to_cart:hover { background: url(/assets/img/add_2.gif) no-repeat center center; } #primary-col .product_details .error {color:#a788ac; font-size:14px; font-weight:normal; margin-left:10px; display:none;} #primary-col .our_picks_header {margin-top:10px;} #primary-col .product-add_to_cart .outofstock { position:absolute; bottom:0; right:0; margin:0; padding:0; border:0; width:255px; height:30px; background:#caafce; font-size:14px; border-top:4px solid white; } #primary-col .product-add_to_cart .add_to_cart { position:absolute; bottom:0; right:0; margin:0; padding:0; border:0; width:255px; height:30px; background:black url(/assets/img/shop-featured-addtocart.gif) no-repeat center center; border-top:4px solid white; } #primary-col .product_details .product_description { margin:0 0 10px 0; font-size:14px; } .product-wrap-b { font-size:20px; right:0; font-family: Georgia, serif; color: #222; } #primary-col .product-wrap-b span { color: #222; } #primary-col .product-wrap-b a { color: #A788AC; } #primary-col .product-wrap-b a:hover { color: #222; } .cart_recap {height:26px; text-align:center; line-height:26px;} .cart_recap a {color:#f3eef3; text-decoration:none;} .cart_recap span {color:#a788ac;} .cart_recap strong {background:#a788ac; color:#f3eef3; padding:2px; margin-left:5px;} .cart_recap_items {background:url(/assets/img/shop_preview_down_arrow.gif) no-repeat top center; border-top:1px solid #a788ac; padding:10px 5px; font-size:11px; color:#8c7290; font-weight:bold;} .cart_recap_items ul li {margin:5px 0; padding-bottom:5px; border-bottom:1px #d5c5d7 solid;} /* Footer */ #footer { width: 871px; float: left; background: #000 url(/assets/img/footer-logo.gif) no-repeat top left; height: 115px; padding-left: 124px; } #footer div { border-left: 4px dotted #fff; font-size: 10px; font-weight: 100; padding: 30px 30px; color: #555; } #footer div a { color: #fff; text-decoration: none; } #footer div p a { text-decoration: underline; color: #555; } #footer div p { clear:left; } /* these are for the send to friend and share with friend*/ .sendForm {display:none; position:absolute; right:0; width:250px; z-index:99; opacity:.95; background:white; border:2px solid #cab1ce; margin:0px -3px 0 0; -moz-border-radius:0 6px 6px 6px; padding:1px;} .innerContainer {z-index:99;-moz-border-radius:0 4px 4px 4px; padding:10px; background:#a788ac; text-align:left; font-size:13px; color:white;} .innerContainer h4 {margin-bottom:3px; text-align:right; font-size:11px; font-weight:normal;} .innerContainer h4:hover {cursor:pointer;} .innerContainer .content {-moz-border-radius:4px 4px 4px 4px; padding:10px; background:#fff; text-align:center;} .sendForm label {line-height:30px; height:30px; display:block; margin-right:5px; margin-left:0 !important;} .sendForm hr {margin:5px 0; clear:both;} .sendForm input {width:200px; margin:0;} .sendForm textarea {width:200px; font-family:"Lucida Sans"; font-size:11px; margin:0; padding:3px;} .captcha {clear:both;} .sendForm .innerContainer form button {color:white; background:#a788ac; -moz-border-radius:4px !important; width:205px; text-indent:0; margin-top:10px;} #processes_buttons button {-moz-border-radius:6px; -webkit-border-radius:6px; } /* these are for the wholesale section */ .wholesale_li { display: inline; width: 110px; text-align: center; height: 25px; } .wholesale_li a { color: #b7654c !important; font-weight: bold; text-decoration: none; } .wholesale_li a:hover { color: gray !important; } .wholesale_li a.active { color: black !important; } .wholesale_ul { border-top: 1px solid gray; border-bottom: 1px solid gray; } #relatedProducts li div { text-align:center; float: left; padding-right: 2px; border-right: 1px solid #DCCFDE; width: 70px; height: 100px;} #relatedProducts li span { float: left; height: 60px; color: #56512d; font: normal 12px Arial, Helvetica, sans-serif; padding-left: 5px; width: 100px; } #relatedProducts li a.view { float: left; height: 28px; width: 47px; margin-left: 5px; background:#a788ac; -moz-border-radius:6px; -webkit-border-radius:6px; text-align:center; text-decoration: none; color:white; font-weight:bold; line-height:28px;} #youtube {position:relative; height:149px; background:#000 url('/assets/img/youtube-logo.gif') no-repeat 6px 0; border-bottom:8px solid white;} #youtube ul {height:150px; padding-top:12px; margin:5px 0 0 177px; list-style:none;} #youtube ul li {float:left; width:125px; text-align:center; margin-right:6px;} #youtube ul li a {color:#fff; text-decoration: none;} #youtube ul li a:hover {color:#fcffcb;} #youtube ul li a:hover em {color:#aaaf59;} #youtube ul li a:hover img {border-color:#aaaf59;} #youtube ul li img {width:80px; border:2px solid #ba9dbc; margin:0 0 5px 0;} #youtube ul li p, #youtube ul li strong, #youtube ul li em {display:block; font-size:11px; padding:0 5px;} #youtube ul li strong {margin:2px 0; color:#666; font-weight:normal;} #youtube ul li em {white-space:pre; font-size:10px; font-style:normal; color:#ba9dbc;} #viewMoreYouTube {background:url(/assets/img/youtube-view-more.gif); height:148px; width:31px; text-indent:-9999px; display:block; position:absolute; top:0; right:7px;} #visitOurYouTubeChannel {text-indent:-9999px; width:157px; height:148px; display:block; position:absolute; top:0px; left:6px;} ul#picker {list-style:none;} ul#picker li a {text-indent:-9999px;} li.stumbleIt iframe {margin:5px 0 0 6px;} .university #mid-wrap {background:none;} .university #primary-col {padding:0 !important; width:995px;} .university #left-col {display:none;} .university .flashslideshow {display:none;} .clamp {display:none;} .shop #left-nav li { color: #A788AC; } #mid-wrap {overflow:hidden;} strong.label.size5 { background-color: #3A87AD; } strong.label.size2 { background-color: #468847; } strong.label { display:inline-block; margin:2px 0 0 0; padding: 2px 4px 3px; font-size: 11.049999999999999px; font-weight: bold; background-color: #999; color: white !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #left-col .label{ background:#f89406; } .blink { font-weight:bold; -webkit-animation-name: pulsate; -webkit-animation-duration: 1.5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -moz-animation-name: pulsate; -moz-animation-duration: 1.5s; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; } @-webkit-keyframes pulsate { 0% { opacity: 0.0} 50% { opacity: 1.0} 100% { opacity: 0.0} }​ @-moz-keyframes pulsate { 0% { opacity: 0.0} 50% { opacity: 1.0} 100% { opacity: 0.0} }​