/* =========================================== >> DEFAULTS =========================================== */ body { text-align:center; font:normal 62.5% Arial,Helvetica,Tahoma,sans-serif; background:#fff url(../images/bg_body.gif) top left repeat;} .no_margin { margin:0px 0px !important; } .right { float:right; } .left { float:left; } .no_pad { padding:0px 0px !important; } .no_bg { background:none !important; } .under_dot { background:transparent url(../images/bg_dot.gif) bottom left repeat-x; } .error { color:#cc3333 !important; font-weight:bold !important; font-size:1.1em !important; } a:link, a:visited { color:#666666; text-decoration:none; } a:hover, a:active { text-decoration:none; color:#000000; } div.hr { border-top:dotted 1px #655e53; height:35px; } /* =========================================== >> DEFAULT FONT SIZES =========================================== */ h1 { font-size: 2em; /* 10px × 2em = 20px */ line-height:2.2em; } h2 { font-size: 1.8em; /* 10px × 1.8em = 18px */ line-height:1.8em; } h3 { font-size: 1.6em; /* 10px × 1.6em = 16px */ line-height:1.8em; } h4 { font-size: 1.4em; /* 10px × 1.4em = 14px */ line-height:1.8em; } p { font-size: 1.1em; /* 10px × 1.2em = 12px */ line-height:1.6em; } /* =========================================== >> GENERAL LAYOUT =========================================== */ #container, #body, #header, #footer { width:890px; } #container { text-align:left; margin:0px auto; margin-top:45px; } #body { background:transparent url(../images/bg_content.gif) top left repeat-y; min-height:480px; height:auto !important; height:480px; position:relative; } #body #homeflash { width:865px; height:464px; background:#eee; position:absolute; left:21px; top:10px; } #header { background:transparent url(../images/bg_header.gif) top left no-repeat; height:98px; position:relative;} #footer { background:transparent url(../images/bg_footer.gif) top left no-repeat; height:23px; } /* =========================================== >> HEADER / NAV =========================================== */ #header h1 { display:block; width:276px; height:13px; position:absolute; top:62px; left:30px; } #header h1 a { display:block; width:276px; height:13px; background:transparent url(../images/h1_marthas_vineyard_glassworks.gif) top left no-repeat; text-indent:-10000px; } #header ul.nav { display:block; width:100px; position:absolute; bottom:2px; } #header ul.nav li { display:block; width:100px; line-height:1.5em; } #header ul.nav li a:link, #header ul.nav li a:visited { display:block; width:100px; background:transparent url(../images/nav_sprites.gif) top left no-repeat; text-indent:-10000px; margin-bottom:1px; height:12px; } #header #col1 { left:343px; } #header #col2 { left:453px; } #header #col3 { left:563px; } #header #col4 { left:673px; } #header #col5 { left:783px; } #header li.vases a { background-position: 0px -1px !important; } #header li.pitchers a { background-position: 0px -13px !important; } #header li.drinkware a { background-position: 0px -25px !important; } #header li.flatware a { background-position: 0px -37px !important; } #header li.bowls a { background-position: 0px -49px !important; } #header li.seasonal a { background-position: 0px -61px !important; } #header li.sculptural a { background-position: 0px -73px !important; } #header li.accessories a { background-position: 0px -85px !important; } #header li.apparel a { background-position: 0px -98px !important; } #header li.artists a { background-position: 0px -113px !important; } #header li.events a { background-position: 0px -125px !important; } #header li.about a { background-position: 0px -137px !important; } #header li.contact a { background-position: 0px -149px !important; } #header li.home a { background-position: 0px -161px !important; } #header li.blog a { background-position: 0px -187px !important; } #header li.login a { background-position: 0px -201px !important;} #header li.register a { background-position: 0px -215px !important;} #header li.cart { color:#48277a; } #header li.cart a { background-position: 0px -172px !important; float:left; width:29px !important; } #header li.vases a:hover { background-position: -100px -1px !important; } #header li.pitchers a:hover { background-position: -100px -13px !important; } #header li.drinkware a:hover { background-position: -100px -25px !important; } #header li.flatware a:hover { background-position: -100px -37px !important; } #header li.bowls a:hover { background-position: -100px -49px !important; } #header li.seasonal a:hover { background-position: -100px -61px !important; } #header li.sculptural a:hover { background-position: -100px -73px !important; } #header li.accessories a:hover { background-position: -100px -85px !important; } #header li.apparel a:hover { background-position: -100px -98px !important; } #header li.artists a:hover { background-position: -100px -113px !important; } #header li.events a:hover { background-position: -100px -125px !important; } #header li.about a:hover { background-position: -100px -137px !important; } #header li.contact a:hover { background-position: -100px -149px !important; } #header li.home a:hover { background-position: -100px -161px !important; } #header li.blog a:hover { background-position: -100px -187px !important; } #header li.login a:hover { background-position: -100px -201px !important; } #header li.register a:hover { background-position: -100px -214px !important; } #header li.cart a:hover { background-position: -100px -172px !important; } #header li.vases a.active { background-position: -100px -1px !important; } #header li.pitchers a.active { background-position: -100px -13px !important; } #header li.drinkware a.active { background-position: -100px -25px !important; } #header li.flatware a.active { background-position: -100px -37px !important; } #header li.bowls a.active { background-position: -100px -49px !important; } #header li.seasonal a.active { background-position: -100px -61px !important; } #header li.sculptural a.active { background-position: -100px -73px !important; } #header li.accessories a.active { background-position: -100px -85px !important; } #header li.apparel a.active { background-position: -100px -98px !important; } #header li.artists a.active { background-position: -100px -113px !important; } #header li.events a.active { background-position: -100px -125px !important; } #header li.about a.active { background-position: -100px -137px !important; } #header li.contact a.active { background-position: -100px -149px !important; } #header li.home a.active { background-position: -100px -161px !important; } #header li.blog a.active { background-position: -100px -187px !important; } #header li.login a.active { background-position: -100px -187px !important; } #header li.cart a.active { background-position: -100px -172px !important; } #header li.cart a.num:link, #header li.cart a.num:visited, #header li.cart a.num:hover, #header li.cart a.num:active { background:none !important; text-indent:0px !important; display:inline !important; width:auto !important; } /* =========================================== >> MAIN CONTENT AREA =========================================== */ #body #content { width:660px; margin:0px 0px 0px 115px; padding:28px 0px 23px 0px; position:relative; } #body a:link, #body a:visited { color:#48277a; text-decoration:none; } #body a:hover, #body a:active { color:#000000 !important; text-decoration:none; } #body #hdr { background:#fff url(../images/bg_dot.gif) bottom left repeat-x; padding-bottom:2px; position:relative; } #body .no_hr { background:none !important; } #body #hdr h2 { line-height:30px; color:#90a0c0; font-style:italic; font-size:1.8em; font-weight:normal; padding-bottom:1px; } #body #hdr h2.legal { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -80px; text-indent:-10000px;} #body #hdr h2.privacy { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -110px; text-indent:-10000px; } #body #hdr h2.sitemap { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -140px; text-indent:-10000px; } #body #hdr h2.cart { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -168px; text-indent:-10000px; } #body #hdr h2.checkout { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -226px; text-indent:-10000px; } #body #hdr h2.artists { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px 4px; text-indent:-10000px; } #body #hdr h2.events { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -53px; text-indent:-10000px; } #body #hdr h2.about { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -629px; text-indent:-10000px; } #body #hdr h2.contact { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -605px; text-indent:-10000px; } #body #hdr h2.confirmation { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -664px; text-indent:-10000px; } #body #hdr h2.review { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -697px; text-indent:-10000px; } #body #hdr h2.vases { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -27px; text-indent:-10000px; } #body #hdr h2.pitchers { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -325px; text-indent:-10000px; } #body #hdr h2.drinkware { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -355px; text-indent:-10000px; } #body #hdr h2.flatware { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -385px; text-indent:-10000px; } #body #hdr h2.bowls { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -413px; text-indent:-10000px; } #body #hdr h2.seasonal { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -445px; text-indent:-10000px; } #body #hdr h2.sculptural { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -475px; text-indent:-10000px; } #body #hdr h2.accessories { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -511px; text-indent:-10000px; } #body #hdr h2.apparel { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -541px; text-indent:-10000px; } #body #hdr a.purchase_info { position:absolute; right:0px; top:7px; display:block; width:110px; height:23px; background:transparent url(../images/h2_title_sprites.gif) 0px -200px no-repeat; text-indent:-10000px; } #body #hdr p.product_info { margin-top:-5px; } #body #hdr p.product_info strong { color:#444444; } #body #hdr p.product_info em a { color:#48277a; } #body #breadcrumbs { color:#666666; padding-bottom:7px; font-size:1.1em; } #body #breadcrumbs a { color:#48277a; padding-right:5px; } #body #content p { padding-bottom:1.1em; color:#444444; } #body #content #newsletter { margin:-2px -110px 0px 0px !important; } #body #content #newsletter a { display:block; width:83px; height:0px; padding-top:37px; line-height:1.1em !important; float:right; background:transparent url(../images/newsletter.gif) top left no-repeat; overflow:hidden; } #body #content #newsletter a:hover { background:transparent url(../images/newsletter.gif) 0px -80px no-repeat; } /* =========================================== >> MODAL POP-UP =========================================== */ .modal { background:transparent url(/store/templates/bluemetal/images/bg_modal_bottom.png) bottom left no-repeat; padding-bottom:9px; position:absolute; top:25px; left:50%; margin-left:-229px; width:458px; display:none;} .modal div { background:#E1DDE3; padding:30px 30px 10px; } .modal div a.close { position:absolute; top:15px; right:15px; } .modal p { color:#444444; } #related div h4 { background:transparent url(../images/modal_title_sprites.gif) 0px 0px no-repeat; text-indent:-10000px; line-height:.6em;} #newsletter_modal div h4 { background:transparent url(../images/modal_title_sprites.gif) 0px -9px no-repeat; text-indent:-10000px; line-height:.9em;} #random_info ul { display:block; background:transparent url(../images/bg_dot.gif) bottom left repeat-x; height:2.2em; } #random_info ul li { display:block; float:left; border-right:solid 1px #d0c9d9; padding-right:5px; margin-right:5px; } #random_info ul li.active a { font-weight:bold; color:#000;} #random_info p { width:370px; padding-bottom:10px;} #random_info .section { display:none; padding:0px; background:transparent url(../images/bg_dot.gif) top left repeat-x; height:375px; overflow:auto; } #random_info .section strong { display:block; padding-top:15px; padding-bottom:8px; font-size:1.1em; } #random_info #glass { display:block; background:none; width:412px; } #random_info #glass strong { background:transparent url(../images/bg_dot.gif) top left repeat-x; } #random_info #faq a { display:block; padding:5px 0px; font-size:1.1em; } #random_info #faq p {font-size:1em; font-size:1.1em; display:none; } #newsletter_modal p { background:transparent url(../images/bg_dot.gif) top left repeat-x; padding:10px 0px; margin-top:7px; } #newsletter_modal form { display:block; height:120px; padding-top:20px; } #newsletter_modal label { display:block; float:left; text-align:right; width:60px; padding-right:10px; line-height:2em; margin-bottom:5px; font-weight:bold; color:#444444;} #newsletter_modal input { display:block; float:left; width:300px; margin-bottom:5px; border:solid 1px #999; height:16px; } #newsletter_modal button { float:right; border:none; background:transparent url(../images/button_submit.gif) top left no-repeat; width:96px; height:14px; text-indent:-10000px; cursor:pointer; margin-right:26px; } #newsletter_modal button:hover { background:transparent url(../images/button_submit.gif) 0px -26px no-repeat; } /* =========================================== >> EVENTS =========================================== */ #events { margin-top:20px; } #events .month { } #events .month h4 { width:110px; float:left; background:transparent url(../images/events_sprites.gif) -395px 0px no-repeat; text-indent:-10000px; } #events #january h4 { background-position:-395px 0px; } #events #february h4 { background-position:-395px -39px; } #events #march h4 { background-position:-395px -78px; } #events #april h4 { background-position:-395px -117px; } #events #may h4 { background-position:-395px -156px; } #events #june h4 { background-position:-395px -195px; } #events #july h4 { background-position:-395px -234px; } #events #august h4 { background-position:-395px -273px; } #events #september h4 { background-position:-395px -312px; } #events #october h4 { background-position:-395px -351px; } #events #november h4 { background-position:-395px -390px; } #events #december h4 { background-position:-395px -429px; } #events #past h4 { background-position:-395px -473px; } #events_nav { background:transparent url(../images/events_sprites.gif) left -5px no-repeat; margin-top:-12px; } #events_nav div { background:transparent url(../images/bg_dot.gif) top left repeat-x; } #events_nav div div { background:transparent url(../images/bg_dot.gif) bottom left repeat-x; height:26px; } #events_nav ul { display:block; height:26px; padding-left:110px; background:transparent url(../images/bg_dot.gif) 109px top repeat-y; } #events_nav ul li { display:block; float:left; background-color:white; margin-top:1px; height:23px; } #events_nav ul li a { display:block; width:38px; border-right:solid 1px #dadada; height:12px; margin-top:6px; text-indent:-10000px; } #events_nav ul li.jan a { background:transparent url(../images/events_sprites.gif) 12px -31px no-repeat; } #events_nav ul li.feb a { background:transparent url(../images/events_sprites.gif) 9px -51px no-repeat; } #events_nav ul li.mar a { background:transparent url(../images/events_sprites.gif) 9px -71px no-repeat; } #events_nav ul li.apr a { background:transparent url(../images/events_sprites.gif) 9px -91px no-repeat; } #events_nav ul li.may a { background:transparent url(../images/events_sprites.gif) 9px -111px no-repeat; } #events_nav ul li.jun a { background:transparent url(../images/events_sprites.gif) 9px -131px no-repeat; } #events_nav ul li.jul a { background:transparent url(../images/events_sprites.gif) 9px -151px no-repeat; } #events_nav ul li.aug a { background:transparent url(../images/events_sprites.gif) 9px -171px no-repeat; } #events_nav ul li.sep a { background:transparent url(../images/events_sprites.gif) 9px -191px no-repeat; } #events_nav ul li.oct a { background:transparent url(../images/events_sprites.gif) 9px -211px no-repeat; } #events_nav ul li.nov a { background:transparent url(../images/events_sprites.gif) 9px -231px no-repeat; } #events_nav ul li.dec a { background:transparent url(../images/events_sprites.gif) 9px -251px no-repeat; } #events_nav ul li.past { padding-left:1px; } #events_nav ul li.past a { background:transparent url(../images/events_sprites.gif) 9px -271px no-repeat; width:80px; } #events_nav ul li.jan a.inactive { background-position: -98px -31px; } #events_nav ul li.feb a.inactive { background-position: -101px -51px; } #events_nav ul li.mar a.inactive { background-position: -101px -71px; } #events_nav ul li.apr a.inactive { background-position: -101px -91px; } #events_nav ul li.may a.inactive { background-position: -101px -111px; } #events_nav ul li.jun a.inactive { background-position: -101px -131px; } #events_nav ul li.jul a.inactive { background-position: -101px -151px; } #events_nav ul li.aug a.inactive { background-position: -101px -171px; } #events_nav ul li.sep a.inactive { background-position: -101px -191px; } #events_nav ul li.oct a.inactive { background-position: -101px -211px; } #events_nav ul li.nov a.inactive { background-position: -101px -231px; } #events_nav ul li.dec a.inactive { background-position: -101px -251px; } #events_nav ul li.past a.inactive { background-position: -101px -271px; } #events_nav ul li.jan a:hover { background-position: -208px -31px; } #events_nav ul li.feb a:hover { background-position: -211px -51px; } #events_nav ul li.mar a:hover { background-position: -211px -71px; } #events_nav ul li.apr a:hover { background-position: -211px -91px; } #events_nav ul li.may a:hover { background-position: -211px -111px; } #events_nav ul li.jun a:hover { background-position: -211px -131px; } #events_nav ul li.jul a:hover { background-position: -211px -151px; } #events_nav ul li.aug a:hover { background-position: -211px -171px; } #events_nav ul li.sep a:hover { background-position: -211px -191px; } #events_nav ul li.oct a:hover { background-position: -211px -211px; } #events_nav ul li.nov a:hover { background-position: -211px -231px; } #events_nav ul li.dec a:hover { background-position: -211px -251px; } #events_nav ul li.past a:hover { background-position: -211px -271px; } #events .month .event { float:right; width:550px; background:transparent url(../images/bg_dot.gif) bottom left repeat-x; margin-bottom:10px; } #events .month .event h5 { font-size:1.1em; } #events .month .event img { float:right; } #events .month .event p { width:440px; } #events .month .event p.artists {padding:0px !important;} #events .month .event p.date { } #events .month .event p.description {} #event_nav { display:block; height:2.2em; background:transparent url(../images/bg_dot.gif) left top repeat-x; padding-top:1px; position:absolute; top:10px; right:0px;} #event_nav li { display:block; float:left; } #event_nav li a { text-indent:-10000px; } #event_nav li.back a { display:block; width:114px; height:20px; background:transparent url(../images/event_nav_sprites.gif) 0px top no-repeat; } #event_nav li.back a:hover { background:transparent url(../images/event_nav_sprites.gif) 0px -20px no-repeat; } #event_nav li.counter { display:block; line-height:2em; padding:0px 8px; text-align:center; color:#444444; } #event_nav li.prev a { display:block; width:118px; height:20px; background:transparent url(../images/event_nav_sprites.gif) -113px top no-repeat; } #event_nav li.prev a:hover { background:transparent url(../images/event_nav_sprites.gif) -113px -20px no-repeat; } #event_nav li.next a { display:block; width:90px; height:20px; background:transparent url(../images/event_nav_sprites.gif) -231px top no-repeat; } #event_nav li.next a:hover { background:transparent url(../images/event_nav_sprites.gif) -231px -20px no-repeat; } #event_nav li.prev span.empty { display:block; width:118px; height:20px; background:transparent url(../images/event_nav_sprites.gif) -113px -40px no-repeat; } #event_nav li.next span.empty { display:block; width:90px; height:20px; background:transparent url(../images/event_nav_sprites.gif) -231px -40px no-repeat; } #artist_nav { display:block; height:2.2em; background:transparent url(../images/bg_dot.gif) left top repeat-x; padding-top:1px; position:absolute; top:10px; right:0px; } #artist_nav li { display:block; float:left; } #artist_nav li a { text-indent:-10000px; } #artist_nav li.back a { display:block; width:115px; height:20px; background:transparent url(../images/artist_nav_sprites.gif) 0px 0px no-repeat; } #artist_nav li.back a:hover { background:transparent url(../images/artist_nav_sprites.gif) 0px -20px no-repeat; } #artist_nav li.counter { display:block; line-height:2em; padding:0px 8px; text-align:center; color:#444444; } #artist_nav li.prev a { display:block; width:118px; height:20px; background:transparent url(../images/artist_nav_sprites.gif) -113px top no-repeat; } #artist_nav li.prev a:hover { background:transparent url(../images/artist_nav_sprites.gif) -113px -20px no-repeat; } #artist_nav li.prev span.empty { background:transparent url(../images/artist_nav_sprites.gif) -113px -40px no-repeat; display:block; width:118px; height:20px; } #artist_nav li.next a { display:block; width:90px; height:20px; background:transparent url(../images/artist_nav_sprites.gif) -231px top no-repeat; } #artist_nav li.next a:hover { background:transparent url(../images/artist_nav_sprites.gif) -231px -20px no-repeat; } #artist_nav li.next span.empty { width:90px; display:block; background:transparent url(../images/artist_nav_sprites.gif) -231px -40px no-repeat; height:20px; } #event_info { } #event_info h3 { font-size:1.1em; width:330px; } #event_info p { font-size:1.1em; width:330px; } #event_bios { background:transparent url(../images/bg_dot.gif) left top repeat-x; padding:1px 0px 20px; margin-top:20px; } #event_bios h3 { background:transparent url(../images/h2_title_sprites.gif) left -571px no-repeat; } #event_bios h3 span { background:transparent url(../images/bg_dot.gif) left bottom repeat-x; padding-bottom:2px; display:block; text-indent:-10000px; line-height:1.3em; } #event_bios .bio { float:left; width:200px; padding:5px 10px; background:transparent url(../images/bg_dot.gif) right top repeat-y; } #event_bios .bio img { float:left; margin-top:5px; } #event_bios .bio p { padding:0px 10px; margin-left:47px; } /* =========================================== >> CART SUMMARY =========================================== */ #cart_items { background:transparent url(../images/bg_dot.gif) repeat-y scroll 440px 0; position:relative; margin:-12px 0px 30px 0px; min-height:144px; height:auto !important; height:144px; } #cart_items form { background:transparent url(../images/bg_dot.gif) repeat-x scroll left bottom; display:block; min-height:244px; height:auto !important; height:244px; } #cart_items div.product { background:transparent url(../images/bg_dot.gif) repeat-x scroll left bottom; width:435px; padding:10px 0px 10px 5px; } #cart_items div.product .details { float:left; position:relative; width:148px; padding:15px 20px 15px 75px; min-height:30px; height:auto !important; height:30px; border-right:solid 1px #e1e2e3; } #cart_items div.product .details img { position:absolute; top:0px; left:0px; } #cart_items div.product .details a { display:block; font-size:1.1em; color:#7889ab; font-style: italic;} #cart_items div.product .details span { font-size:1.1em; } #cart_items div.product .qty { width:90px; float:left; text-align:center; padding:15px 0px; min-height:3em; height:auto !important; height:3em; border-right:solid 1px #e1e2e3; line-height:3em; } #cart_items div.product .qty label { color:#333333; font-size:1.1em; } #cart_items div.product .qty input { border:1px solid #999; text-align:left; width:30px; } #cart_items div.product .total { width:100px; float:left; text-align:center; padding:15px 0px; min-height:3em; height:auto !important; height:3em; line-height:3em; font-size:1.1em; } #cart_items div#checkout { background:transparent url(../images/bg_dot.gif) repeat-x scroll left bottom; bottom:0px; right:0px; position:absolute; width:190px; padding:0px 15px 15px; } #cart_items div#checkout p { clear:both; padding:5px 0px; color:#333333; width:110px; line-height:1em; } #cart_items div#checkout table tr td { font-size:11px; padding:4px 14px 0 0; } #cart_items div#checkout input.update { background:transparent url(../images/product_sprites.gif) no-repeat scroll left -51px; border:none; display:block; height:0px; width:100px; padding-top:22px; cursor: pointer; float:left; margin-top:5px; } #cart_items div#checkout input.update:hover { background:transparent url(../images/product_sprites.gif) no-repeat scroll left -191px; } #cart_items div#checkout input.checkout { background:transparent url(../images/product_sprites.gif) no-repeat scroll left -74px; border:none; display:block; height:0px; width:89px; padding-top:22px; cursor: pointer; float:left; margin-top:5px; } #cart_items div#checkout input.checkout:hover { background:transparent url(../images/product_sprites.gif) no-repeat scroll left -214px; } #cart_items div#checkout input.place_order { background:transparent url(../images/product_sprites.gif) no-repeat scroll right -85px; border:none; display:block; height:0px; width:89px; padding-top:21px; cursor: pointer; float:left; margin-top:15px; } #cart_items div#checkout input.place_order:hover { background:transparent url(../images/product_sprites.gif) no-repeat scroll right -225px; } /* ========================================================== >> CHECK-CHECK, CHECK OUT (my melody) ... http://tr.im/jpm ========================================================== */ #checkout_form { background:transparent url(../images/bg_dot.gif) repeat-y scroll 440px 0; position:relative; margin:0px 0px 30px 0px; } #checkout_form h3 { background:transparent url(../images/bg_dot.gif) repeat-x scroll left bottom; padding:5px 0px; display:block; width:440px; } #checkout_form h3 span { text-indent:-10000px; height:12px; font-size:9px; display:block; overflow:hidden; } #checkout_form h3.personal span { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -256px; } #checkout_form h3.billing span { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -273px; } #checkout_form h3.shipping span { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -290px; } #checkout_form h3.payment span { background:transparent url(../images/h2_title_sprites.gif) top left no-repeat; background-position:0px -307px; } #checkout_form form { display:block; background:transparent url(../images/bg_dot.gif) repeat-x scroll left bottom; padding-bottom:8px; } #checkout_form fieldset { background:transparent url(../images/bg_dot.gif) repeat-x scroll left bottom; padding:10px 0px; width:440px; } #checkout_form fieldset label { display:block; width:105px; text-align:right; padding-right:5px; color:#333; float:left; font-size:1.1em; line-height:1.8em; margin-bottom:5px; } #checkout_form fieldset input, #checkout_form fieldset select, #checkout_form fieldset .expiration { width:300px; float:left; margin-bottom:5px; } #checkout_form fieldset textarea { width:300px; float:left; margin-bottom:5px; height:85px; border:solid 1px #999; } #checkout_form fieldset .checkbox { display:block; float:left; width:325px; } #checkout_form fieldset .checkbox input { width:auto !important; } #checkout_form fieldset .checkbox span { white-space: nowrap; line-height:2.2em; } #checkout_form fieldset input[type="text"] { border:solid 1px #999; height:16px; } #checkout_form fieldset select { width:302px; } #checkout_form #checkout_information { position:absolute; top:0px; right:0px; width:210px; padding:5px; } #checkout_form #checkout_information p { padding:10px; } #checkout_form #checkout_submission { position:absolute; bottom:10px; right:0px; width:210px; padding:5px; } #checkout_form #checkout_submission p { padding:10px; } #checkout_form #checkout_submission #submit { background:transparent url(../images/product_sprites.gif) no-repeat scroll right -29px; border:none; height:21px; width:89px; text-indent:-10000px; cursor: pointer; margin-left:10px; } #checkout_form #checkout_submission #submit:hover { background:transparent url(../images/product_sprites.gif) no-repeat scroll right -169px; } #checkout_form fieldset .expiration { font-size:1.2em; } #checkout_form fieldset input#card_month { width:40px; float:none; display:inline; } #checkout_form fieldset input#card_year { width:40px; float:none; display:inline; } #checkout_form fieldset input#card_code { width:40px; } /* =========================================== >> PRODUCT DETAIL PAGE(S) =========================================== */ #product { margin-top:-12px; padding:0px 0px 20px 0px} #product img { } #product #info { background:transparent url(../images/bg_dot.gif) bottom left repeat-x; position:relative; margin-bottom:5px;} #product #info div { background:transparent url(../images/bg_dot.gif) 440px top repeat-y; min-height:95px; height:auto !important; height:95px; } #product #info div p { width:400px; padding:10px 0px; } #product #info div a.purchase_info { display:block; width:109px; height:25px; background:transparent url(../images/product_sprites.gif) top left no-repeat; text-indent:-10000px; position:absolute; top:1px; right:110px; } #product #info div a.purchase_info:hover { background:transparent url(../images/product_sprites.gif) 0px -140px no-repeat; } #product #info div a.related_products { display:block; width:110px; height:25px; background:transparent url(../images/product_sprites.gif) -110px top no-repeat; text-indent:-10000px; position:absolute; top:1px; right:0px; } #product #info div a.related_products:hover { background:transparent url(../images/product_sprites.gif) -110px -140px no-repeat; } #product #info div form { display:inline; } #product #info div form div, #not_available { display:block; position:absolute; width:200px; padding:10px; right:0px; top:35px; text-align:center; } #product #info div form label { color:#444444; font-weight:bold; cursor:pointer; } #product #info div form input { border:solid 1px #999; text-align:left; width:30px; height:16px; margin:0px 4px; } #product #info div form button { border:none; display:inline; width:90px; height:24px; background:transparent url(../images/product_sprites.gif) left -26px no-repeat; cursor:pointer; text-indent:-10000px; } #product #info div form button:hover { background:transparent url(../images/product_sprites.gif) left -166px no-repeat; } #not_available { font-weight:bold; color:#eb5050; } #not_available a { display:block; } #not_available {} /* =========================================== >> CATEGORY AND GALLERY PAGE(S) =========================================== */ #category_list, #gallery_list { margin-top:-12px; background:none; } .modal #category_list { padding:0px; margin:10px 0 0; } #body .described { background:none !important; height:auto !important; } #body .described h2 { width:111px; float:left; } #body .described h3 { color:#444444; font-size:1.1em; display:block; float:left; width:549px; font-weight:normal; line-height:1.4em; margin-bottom:10px; } #category_list .product, #gallery_list .product { width:129px; background:transparent url(../images/bg_dot.gif) top right repeat-y; padding:0px 3px 0px 0px; float:left; overflow:hidden; } #category_list .product div, #gallery_list .product div { background:transparent url(../images/bg_dot.gif) top left repeat-x; padding:10px 5px 5px 4px; height:205px; } #category_list .product div.hover { background-color:#e4dfeb; } #gallery_list .product div.hover { background-color:transparent;} #category_list .product a, #category_list .product span { display:block; clear:both; padding:2px 0px 0px 5px; } #gallery_list .product span { padding:0px; } #category_list .product a { font-size:1.1em; font-style:italic; color:#645475; padding-top:10px; } /* =========================================== >> SITEMAP =========================================== */ #sitemap { margin-top:-12px; } #sitemap th { background:transparent url(../images/bg_dot.gif) top right repeat-y; } #sitemap td { background:transparent url(../images/bg_dot.gif) top right repeat-y; } #sitemap th h3 { background:transparent url(../images/h3_sitemap_sprites.gif) top left no-repeat; text-indent:-10000px; display:block; width:218px; font-size:1.3em; margin-right:2px; } #sitemap th h3.catalog { background-position:0px 0px; } #sitemap th h3.artists { background-position:0px -21px; } #sitemap th h3.events { background-position:0px -42px; } #sitemap th.misc h3 { background-position:0px -63px; } #sitemap ul { display:block; padding:15px 13px 25px; } #sitemap ul li { margin-bottom:10px; } #sitemap ul li a { color:#48277a; font-weight:bold; line-height:1.1em; font-size:1.1em; } #sitemap ul ul li a { font-weight:normal; line-height:1.4em; } #sitemap ul ul { padding:0; display:none; } #sitemap ul.expandable li { background:transparent url(../images/arrow_sprites.gif) -12px 5px no-repeat; padding-left:12px; } #sitemap ul.expandable li.expanded { background:transparent url(../images/arrow_sprites.gif) 0px -27px no-repeat; } #sitemap ul.expandable li li { background:none; padding-left:0px; } /* =========================================== >> ABOUT =========================================== */ #about_mvglass { margin-left:110px; } /* =========================================== >> CONTACT =========================================== */ #contact_info { background:transparent url(../images/bg_dot.gif) top left repeat-x; padding-top:2px; margin-top:-13px; } #contact_info #address { background:transparent url(../images/bg_contact_address.jpg) top left no-repeat; width:270px; height:240px; text-align:center; padding-top:60px; float:left; color:#7889ab; font-size:1.1em; line-height:1.3em; } #contact_info form { display:block; float:left; width:390px; } #contact_info form h3 { background:transparent url(../images/bg_dot.gif) bottom left repeat-x; padding-bottom:2px; } #contact_info form h3 span { background:transparent url(../images/h2_title_sprites.gif) left -586px no-repeat; display:block; line-height:1.3em; text-indent:-10000px; } #contact_info form fieldset { padding:20px 0px; } #contact_info form fieldset label { float:left; width:80px; padding-right:10px; text-align:right; font-size:1em; color:#444444; line-height:2.4em; clear:left; margin-bottom:5px; } #contact_info form fieldset input[type="text"], #contact_info form fieldset span.checkbox, #contact_info form fieldset select, #contact_info form fieldset textarea { float:left; } #contact_info form fieldset input[type="text"], #contact_info form fieldset select { width:200px; margin-bottom:5px; } #contact_info form fieldset span.checkbox { width:295px; } #contact_info form fieldset span.checkbox span { color:#444444; } #contact_info form fieldset textarea { width:275px; height:60px; } #contact_info form fieldset input[type="text"], #contact_info form fieldset textarea { border:solid 1px #999; } #contact_info form fieldset input[type="text"] { height:16px; } #contact_info form fieldset input#send { border:none; background:transparent url(../images/button_submit.gif) top left no-repeat; clear:both; float:right; margin:10px 23px 0px 0px; display:block; width:96px; height:14px; text-indent:-10000px; } #contact_info form fieldset input#send:hover { background:transparent url(../images/button_submit.gif) 0px -26px no-repeat; } #contact_info form p { padding:10px; font-weight:bold; font-size:1.1em; } /* =========================================== >> ARTIST INFO =========================================== */ #artist_info .artist { width:227px; float:left; } #artist_info .artist p { padding-right:15px; } #artist_info .artist p a { font-weight:bold; } #artist_info .product { width:418px; min-height:531px; height:auto !important; height:531px; float:left; background:transparent url(../images/bg_dot.gif) left top repeat-y; padding-left:15px; } #artist_info .product .description { background:transparent url(../images/bg_dot.gif) 310px top repeat-y; position:relative; margin-top:10px; } #artist_info .product .description p { width:290px; padding-left:5px; } #artist_info .product .description p.purchase_info { position:absolute; top:10px; right:15px; width:110px; width:80px; height:31px; display:block; padding:0px !important; } #artist_info .product .description p.purchase_info a { width:80px; height:31px; display:block; background:transparent url(../images/product_sprites.gif) -130px -52px no-repeat; text-indent:-10000px; } #artist_info .product .description p.purchase_info a:hover { background:transparent url(../images/product_sprites.gif) -130px -192px no-repeat; } #artist_info .product .description_nolink { margin-top:10px; } #artist_info .product .description_nolink p { padding-left:5px; } /* =========================================== >> ORDER CONFIRMATION =========================================== */ #thanks { background:transparent url(../images/bg_dot.gif) left bottom repeat-x; } #thanks p { width:420px; } #thanks ul { background:transparent url(../images/bg_dot.gif) repeat-y scroll left top; display:block; float:right; height:167px; padding-left:10px; width:220px; } #thanks ul li a { font-size:1.1em; line-height:2em; } /* =========================================== >> FOOTER =========================================== */ #footer ul { display: block; padding: 40px 0px 50px 26px; height: 2.0em; } #footer ul li { display:block; float:left; line-height:17px; font-size:1.1em; padding-right:8px; margin-right:8px; border-right:solid 1px #a9b0c0; color:#7b818f; } #footer ul li a { color:#7b818f; } #footer #sharethis_0 { font-size:1.3em; } /* =========================================== >> CART / CHECKOUT BREADCRUMBS =========================================== */ ol#checkout_process { background:transparent url(/images/cart_breadcrumbs.gif) left top no-repeat; list-style-type:decimal; height:16px; margin-bottom:5px; } ol#checkout_process li { display:block; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; height:20px; } ol#checkout_process li a { text-indent:-9999px; display:block; height:20px; } ol#checkout_process li#cart a { background:transparent url(/images/cart_breadcrumbs.gif) no-repeat scroll left top; width:45px; } ol#checkout_process li#checkout a { background:transparent url(/images/cart_breadcrumbs.gif) no-repeat scroll -48px top; width:75px; } ol#checkout_process li#review a { background:transparent url(/images/cart_breadcrumbs.gif) no-repeat scroll -123px top; width:75px; } ol#checkout_process li#cart.done a { background-position:0px -17px !important; } ol#checkout_process li#checkout.active a { background-position:-48px -17px !important; } ol#checkout_process li#checkout.done a { background-position:-48px -34px !important; } ol#checkout_process li#review.active a { background-position:-123px -34px !important; } /* =========================================== >> CSS BUG HACKS =========================================== */ .clearfix:after, .described:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, .described {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix, * html .described {height: 1%;} .clearfix, .described {display: block;} /* End hide from IE-mac */ @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari-Opera specific declarations here */ #cart_items div#checkout p strong { margin-top:0em; } #cart_items div#checkout input.update { padding-top:19px !important; } #cart_items div#checkout input.checkout { padding-top:19px !important; } #cart_items div#checkout input.place_order { padding-top:19px !important; } }