/* Layout ================================================================================= */ .container { width:980px; margin:15px auto 40px auto; text-align:left; padding-left: 15px; } .middle { margin:0 0 75px 0; } .page-print { padding:20px; text-align:left; } .page-popup { background:#fff; text-align:left; padding:0 20px 30px; } /* Used in CMS popups */ .page-popup-alt { padding:35px 50px; text-align:left; } /* Used in Tell-a-Friend */ .col-left { float:left; } .col-left a, .col-left a:hover { color:#666; } .col-left li.active a, .col-left li.active a:hover { color:#3680be; } .left-nav li { margin-bottom:8px; } .col-right { float:right; } .col2-left-layout, .col2-right-layout { margin-top:0; padding:0; } .layout-1column-alt { margin:0; padding:0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-left { width:225px; padding:0 10px; margin-top: 60px; } .col2-left-layout .col-main { float: left; width:560px; } .col2-right-layout .col-main { float:left; width:770px; } .col2-right-layout .col-right { width:200px; } /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Header ================================================================================ */ .header { height:133px; position:relative; } .header .links { position:absolute; right:0; top:0; } .header .links p { margin:0; text-align:right; } .header .links ul { margin:7px 0 10px 0; } .header .links li { float:left; margin-left:10px; } .header .link-logoff a, .header .link-logoff a:hover, .header .link-my-account a, .header .link-my-account a:hover { display:block; height:24px; background-image:url(../images/top_links_bg.gif); background-repeat: no-repeat; text-indent:-9999em; } .header .link-logoff a { width:60px; background-position:0 -48px; } .header .link-logoff a:hover { background-position:-60px -48px; } .header .link-my-account a { width:80px; background-position:0 0; } .header .link-my-account a:hover { background-position:-80px 0; } /* Site Main Navigation */ .site-nav { float:left; margin-top:22px; margin-left: 20px;} .site-nav ul { position:relative; } .site-nav ul, .site-nav li { float:left; position:relative; } .site-nav li { margin-right:18px; } .site-nav li a { float:left; height:42px; background:url(../images/site_nav.gif) no-repeat; } .site-nav li span { display:none; } .site-nav .cart-count-img { position:absolute; right:-20px; top:5px; } /* Normal States */ .site-nav a.site-nav-home { width:55px; background-position:-0px 0; } .site-nav a.site-nav-exhibitions { width:90px; background-position:-100px 0; } .site-nav a.site-nav-artist { width:65px; background-position:-200px 0; } .site-nav a.site-nav-editions { width:50px; background-position:-900px 0; } /* .site-nav a.site-nav-publications { width:100px; background-position:-350px 0; } */ .site-nav a.site-nav-information { width:60px; background-position:-1000px 0; } .site-nav a.site-nav-contact { width:72px; background-position:-500px 0; } .site-nav a.site-nav-view-bag { width:85px; background-position:-800px 0;} /* Active States */ .site-nav .active a.site-nav-home { width:55px; background-position:-0px -42px; } .site-nav .active a.site-nav-exhibitions { width:90px; background-position:-100px -42px; } .site-nav .active a.site-nav-artist { width:65px; background-position:-200px -42px; } .site-nav .active a.site-nav-editions { width:50px; background-position:-900px -42px; } /* .site-nav .active a.site-nav-publications { width:100px; background-position:-350px -42px; } */ .site-nav .active a.site-nav-information { width:60px; background-position:-1000px -42px; } .site-nav .active a.site-nav-contact { width:72px; background-position:-500px -42px; } .site-nav .active a.site-nav-view-bag { width:85px; background-position:-800px -42px;} .cart-count { color:#3680be; } /* Logo */ #logo { float:left; } #logo img { display:block; margin:6px 0px 0px 5px; } /* Catalog Navigation */ .catalog-nav h3 { margin-bottom:10px; color:#333; font-size:16px; } .catalog-nav ul { margin-bottom:40px; } .catalog-nav a { display:block; line-height:25px; } /*.catalog-nav a { display:block; padding:0 15px; line-height:30px; } .catalog-nav li.active a { background:url(../images/catalog_nav_active_bg.gif) no-repeat; } */ .mini-search { margin:4px 0 37px 0; } .mini-search .input-text { width:103px; padding:5px 5px 5px 26px; border-color:#8f8f8f #cecece #e4e4e4; background:#fff url(../images/search_input_bg.gif) no-repeat; } /* Global Styles ========================================================================= */ .divider { height:1px; margin:10px 0; background:#ccc; line-height:0; font-size:1px; overflow:hidden; } /* Lists */ .disc li { list-style:disc; margin-left:22px; } .decimal li { list-style:decimal; margin-left:22px; } /* Form Elements */ input, select, textarea, button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; } /* select { padding-left:4px; } */ option { padding-left:4px; } input.input-text, textarea { border:1px solid #bfbfbf; } input.input-text:focus, select:focus, textarea:focus {} input.input-text, textarea { padding:2px; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; margin-bottom:3px;} input.qty { width:2.5em; } textarea { overflow:auto; } button.button { overflow:visible; width:auto; background:#f6f6f6; border:1px solid #717171; cursor:pointer; } button.button span { display:block; margin:0; padding:0 8px 1px; font:bold 12px/16px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#000; } button.disabled {} button.disabled span {} /* Input & Textarea stretched for 100% */ .field-100 { border:1px solid #888; padding:2px; overflow:hidden; } .field-100 input.input-text, .field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; } /* Form Highlight */ .highlight {} /* Form lists */ .form-list {} .form-list label { display:block; } .form-list .legend {} .form-list li { clear:both; margin:0 0 12px; } .form-list li .input-box { float:left; width:270px; } .form-list li input.input-text, .form-list li textarea {width:510px; } .form-list li select { width:516px; } .form-list li .input-box input.input-text, .form-list li .input-box textarea { width:250px; } .form-list li .input-box select { width:256px; } .form-list li .radio-label { line-height:1.2em; padding-left:5px; } .hori-form-list li label { float:left; margin:0 7px 0 0; text-align:right; } .hori-form-list li .input-box { float:left; } .hori-form-list li .input-field { float:left; } .buttons-set { clear:both; margin:5px 0 0; } .buttons-set .back-link { float:left; } .buttons-set .button { float:right; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} .required { color:#0088cc; } p.required { font-size:10px; text-align:right; display:none; } /* Expiration date and cvv number validation fix */ .v-fix { float:left; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 25px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; padding:5px 10px !important; font-size:12px !important; } .error-msg { border-color:#d8d8d8; background:#ffc; color:#c33; } .success-msg { border-color:#446423; background:#eff5ea; color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background:#fafaec; color:#3d6611; } /* BreadCrumbs */ .breadcrumbs { } .breadcrumbs li { display:inline; } /* Page Heading */ .page-title, .page-title h2 { font-size:18px; margin:0 0 20px 0; } .page-title h2 { float:left; } .cms-page-title { margin-bottom:5px; color:#555; font-size:18px; } .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Data Table */ .data-table { width:100%; } .data-table th { padding:15px; border-bottom:1px solid #e5e5e5; font-weight:normal; white-space:nowrap; } .data-table td { padding:15px; border-bottom:1px solid #e5e5e5; } .data-table thead { background-color:#f2f2f2; } .data-table tbody {} .data-table tfoot {} .data-table tr { background:#fff; } .data-table th.first, .data-table td.first { border-left:1px solid #cdcdcd; } .data-table th.last, .data-table td.last { border-right:1px solid #cdcdcd; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td .product-name { font-size:1em; font-weight:normal; } .data-table td .product-name a, .data-table td .product-name a:hover { text-decoration:underline; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table td.value {} td.grand-total { padding-top:13px !important; color:#0088cc !important; font-size:18px !important; } /* Lists Decoration */ li.odd {} li.even { background-color:#f6f6f6; } dt.odd, dd.odd {} dt.even, dd.even { background-color:#f6f6f6; } /* ======================================================================================= */ /* Sidebar =============================================================================== */ /* Block: Checkout Progress */ .sidebar .block-progress h2 { margin:13px 0 15px 0; font-weight:normal !important; } .sidebar .block-progress dt { margin-top:11px; border:1px solid #cdcdcd; background:#e8f2f9 url(../images/co_progress_dt_bg.gif) repeat-x 0 100%; padding:7px 12px; color:#3787ba; } .sidebar .block-progress dt a, .sidebar .block-progress dt a:hover { float:right; text-decoration:underline; } .sidebar .block-progress dd.complete { margin-bottom:11px; border:1px solid #cdcdcd; border-top:none; padding:10px 12px; background:#fff url(../images/co_progress_dd_bg.gif) repeat-x 0 100%; } /* Home ========================================================================= */ .hometext h2 { margin:0; color:#555; size:14px; font-weight:normal; line-height:35px; } .home-body-text { margin-bottom:25px; color:#999; font-size:12px; } /* Gallery ========================================================================= */ /* Gallery Level 1 - View Type: Grid */ .products-grid { width:100%; } .products-grid td { padding-bottom:70px; padding-right:30px; } .products-grid .product-image { display:block; margin-bottom:10px; } .products-grid .product-name { font-weight:normal; font-size:12px; } .products-grid-panoramic { width:100%; } .products-grid-panoramic td { padding-left:50px; padding-bottom:140px; } .products-grid-panoramic .product-image { display:block; margin-bottom:10px; } .products-grid-panoramic .product-name { font-weight:normal; font-size:13px; } .products-grid-panoramic .product-name { width:auto !important; } .category-shop .middle { padding:0 10px; } .category-landing-list td { padding-bottom:35px; } /* Gallery Level 2 */ .category-description { margin:0px 0px 30px 0; color:#555; line-height:1.6em; font-size:12px; } .category-description h4 { margin:0; color:#555; font-size:18px; font-weight:normal; text-transform:uppercase; line-height:21px; } .faq-description h4 { margin:0; color:#555; font-size:14px; font-weight:normal; text-transform:uppercase; line-height:35px; } .category-description p { margin:0; padding:13px 0 0 0; } #description-open img { margin-top:10px; } /* Pager */ .pager li { float:left; margin-right:10px; } .pager li a { float:left; height:29px; background:url(../images/pager_bg.gif) no-repeat 0 -29px; padding-left:2px; } .pager li a, .pager li a:hover { color:#666 !important; } .pager li span { float:left; line-height:29px; background:url(../images/pager_bg.gif) no-repeat 100% -29px; padding:0 10px 0 8px; } .pager li.current a,.pager a:hover { background-position:0 0; } .pager li.current span,.pager a:hover span { background-position:100% 0; } .pager .previous-link em.arrow { padding-left:15px; line-height:29px; background:url(../images/pager_arrow.gif) no-repeat 0 50%; } .pager .next-link em.arrow { padding-left:15px; line-height:29px; background:url(../images/pager_arrow.gif) no-repeat 100% 50%; } .search-results { margin-top:-55px; position:relative; } .search-results ul { clear:both; padding:55px 0 0 0; border-bottom:1px solid #ccc; } .search-results li { float:left !important; margin:0 50px 45px 0 !important;} .search-results .product-name { margin:10px 0 0 5px; font-size:14px; } .search-results .price-box { margin-left:5px; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* BackButton */ .catalog-product-view .middle .back-link { position:absolute; display:block; top:-25px; left:10px; width:45px; height:12px; float:left; background:url(../images/btn_catalog_back.gif) no-repeat; text-indent:-999em; } .catalog-product-view .middle .back-link:hover { background-position:0 -20px; } /* Arrows */ .catalog-product-view .middle { margin:15px 0 60px 0 !important; padding:0; position:relative; } .catalog-product-view .product-media { position: relative;margin: 0;} .catalog-product-view .middle .previous-link { position:absolute; top:-35px; right:82px; } .catalog-product-view .middle .next-link { position:absolute; top:-35px; right:40px; } .catalog-product-view .product-nav { position: relative; bottom: 30px; } /* Title */ .product-view .product-shop { } /* for Paulius - Gift Card left col */ .product-view .product-name h2 { color:#666; } /* for Paulius - Gift Card right col */ /* AddtoCart */ .custom-attribute-list { margin-bottom:25px; color:#999; font-size:12px; } .custom-attribute-list-alt li { margin-bottom:33px; } .custom-attribute-list-alt h3 { margin-bottom:7px; color:#333; font-weight:normal; } .simple-attribute { color:#999; } /* Add to Favorites */ .link-add-to-wishlist { float:left; width:32px; height:26px; margin-right:8px; background:url(../images/icon_wishlist.gif) no-repeat; text-indent:-999em; } .link-add-to-wishlist.added { background-position:0 -26px; } .link-tell-a-friend { float:left; width:32px; height:26px; background:url(../images/icon_tell_a_friend.gif) no-repeat; text-indent:-999em; } /* Thumbnails */ .product-view .product-media .more-views li { float:left; margin:0px 5px; } .product-view .product-media .more-views li.first { margin-left:0px; } .product-view .product-media .more-views li.last { margin-right:0px; } .product-view .product-media .more-views li img { float:left; } /* Additional Info */ .product-view .product-media {} .product-view .product-media .more-views { margin:0 0 55px 0; } /* Image Popup */ .product-image-popup { margin:0 auto; } .product-image-popup .nav { text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} /* GiftCard */ .category-gift-cards .middle, .ugiftcert-customer-balance .middle, .cms-gift-cards-faq .middle { margin:0 0 75px 0; } .category-gift-cards .products-grid .product-name { display:none; } /* Configurable Product */ .product-options { margin:0 0 15px 0; } .configurable-product-table { color:#333; width:257px; } .configurable-product-table li { margin-top:14px; padding-left:35px; } .configurable-product-table li .radio { float:left; margin:3px 0 0 -33px; position:relative; } .configurable-product-table li .price { float:right; margin-left:5px; } /******************************************************/ /******************** For Paulius *********************/ /******************************************************/ .product-view-vertical .product-media { width: 100%; overflow:hidden; text-align: center;} /* Center Image */ .product-view-vertical .product-shop { width:500px; margin-top:0px; text-align: left; float: left; } /* Right column for Vertical product */ .product-view-vertical .product-shop-center { overflow:hidden; margin: auto; width: 430px; } /* Right column for Vertical product */ .product-view-horizontal .product-media { width:520px; overflow:hidden; } /* Left column for Horizontal product */ .product-view-horizontal .product-shop { width:385px; margin-top:30px; } /* Right column for Horizontal product */ .product-view-horizontal .product-media .custom-attribute-list-alt { margin-right:45px; } .product-view-panoram .product-media { width:700px; overflow:hidden; } /* Left column for Panoramic product */ .product-view-panoram .product-shop { width:270px; margin-top:30px; } /* Right column for Panoramic product */ .product-view-panoram .product-media .custom-attribute-list-alt { margin-right:230px; } /* Product View - Panoramic */ .product-view-panoramic .product-image { margin-bottom:95px; } .product-view-panoramic .product-shop { float:left; } .product-view-panoramic .product-media { float:right; } .page-tell-a-friend .messages { display:none; } /* Rating */ .ratings {} .ratings .amount {} .ratings .rating-links {} .ratings dt {} .ratings dd {} .rating-box { width:69px; height:17px; font-size:0; line-height:0; background:url(../images/bg_rating.gif) 0 0 repeat-x; position:relative; overflow:hidden; } .rating-box .rating { position:absolute; top:0; left:0; height:13px; margin-top:4px; background:url(../images/bg_rating.gif) 0 100% repeat-x; } /* Availability */ .availability {} .availability .in-stock { font-weight:bold; } .availability .out-of-stock { color:#3680be; } /* Tool Tip */ .tooltip { border:solid 1px #AAA; padding:2px; margin-left:10px; background:#FFFFEE; } /********** < Product Prices */ .price { white-space:nowrap !important; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { white-space:nowrap; } .special-price .price { } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price {} .tier-prices .benefit {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .product-view .add-to-cart { margin:25px 0 30px 0; } .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart .button { float:left; margin-left:5px; } /* ======================================================================================= */ /* Content Styles ================================================================= */ /* Shopping Cart ========================================================================= */ .checkout-cart-index .middle { margin-top:15px; padding:0; } .checkout-cart-index .page-title { margin-bottom:10px; } .cart .checkout-types { float:right; } .cart .checkout-types li { float:left; padding:0 10px; } .cart-top { height:3px; background:url(../images/cart_top.gif) no-repeat; } .cart .shipping-methods { margin-bottom:10px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } .cart-table th { background:url(../images/cart_th_bg.gif) repeat-x 0 100% #eee; } .cart-table tr.first td { padding-top:30px;} .attribute-data { padding-left:20px; color:#bcbcbc; } /* Shopping Cart Collateral boxes */ .cart-collateral { border-width:0 1px; border-style:solid; border-color:#cdcdcd; background:url(../images/cart_collateral_bg.gif) repeat-x 0 100% #eee; } .cart-collateral .col3-set { background:url(../images/cart_collateral_items_bg.gif) repeat-y; } .cart-collateral .col3-set .col { margin:0; padding:22px 40px; } .cart-collateral .col3-set .col-1 { width:178px; } .cart-collateral .col3-set .col-1 .form-list li .input-text { width:144px; } .cart-collateral .col3-set .col-1 .form-list li select { width:150px; } .cart-collateral .col3-set .col-2 { width:280px; } .cart-collateral .discount-codes .input-text { width:230px; } .cart-collateral .discount-codes .button { margin:5px 0; } .cart-collateral .col3-set .col-3 { width:275px; } .cart-collateral h3 { margin-bottom:8px; font-weight:normal; font-size:13px; } .cart-collateral-bottom { height:3px; background:url(../images/cart_collateral_bottom.gif) no-repeat; overflow:hidden; } /* Shopping Cart Totals */ .cart .totals table { margin-bottom:22px; width:100%; } .cart .totals .checkout-types { float:right; } .cart .totals .checkout-types li { padding-right:0; } .cart .totals table th, .cart .totals table td { padding:3px 5px; line-height:1.3em; } .cart .totals table tfoot th, .cart .totals table tfoot td { color:#0088cc !important; font-size:18px !important; font-weight:normal !important; padding-top:8px;} /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .one-page-checkout { border:1px solid #cdcdcd; border-bottom:0; position:relative; } .one-page-checkout .step-title { border-top:1px solid #fff; border-bottom:1px solid #ccc; background:#e8e8e8 url(../images/opc_step_title_bg.gif) repeat-x 0 100%; padding:5px 9px; text-align:right; } .one-page-checkout .step-title .number { float:left; margin-right:8px; width:25px; height:25px; background:url(../images/opc_step_count.gif) no-repeat; } .one-page-checkout .step-title .number span { display:none; } .one-page-checkout .step-title .number-1 { background-position:0 0; } .one-page-checkout .step-title .number-2 { background-position:0 -26px; } .one-page-checkout .step-title .number-3 { background-position:0 -52px; } .one-page-checkout .step-title .number-4 { background-position:0 -78px; } .one-page-checkout .step-title .number-5 { background-position:0 -104px; } .one-page-checkout .step-title .number-6 { background-position:0 -130px; } .one-page-checkout .step-title h3 { float:left; color:#999; font-weight:normal; text-transform:uppercase; font-size:15px; line-height:25px; } .one-page-checkout .allow .step-title { cursor:pointer; } .one-page-checkout .active .step-title { cursor:default; } .one-page-checkout .active .step-title h3 { color:#3680be; } .one-page-checkout .step { border-bottom:1px solid #ccc; padding:20px 30px; background:#fdfdfd; } .one-page-checkout .buttons-set { margin-top:30px; border-top:1px solid #d9d9d9; padding:16px 10px 0 10px; } .one-page-checkout a.back-link { background:url(../images/icon_opc_back.gif) no-repeat; padding-left:16px; line-height:13px; } .one-page-checkout #opc-shipping_method { display:none; } #opc-billing .input-field, #opc-shipping .input-field { width:206px; } #opc-review .step { padding:0; } #opc-review thead tr { background:#f8f8f8; } #opc-review thead th { color:#0088cc; } #opc-review th.last, #opc-review td.last { border-right:none; } .checkout-totals { background:#eeeeee; padding:15px 275px 15px 15px; } .checkout-totals .totals { float:right; width:250px; } .checkout-totals .totals td, .checkout-totals .totals th { padding:2px 0; background:none; color:#333; font-weight:normal; text-align:right; } .checkout-totals .totals th { padding-right:10px; } .checkout-totals .totals tr.last th, .checkout-totals .totals tr.last td { color:#0088cc; font-size:15px; } .checkout-totals .totals p { margin:13px 0 0 0; text-align:right; } /* One page checkout form */ #checkout-step-login .buttons-set { padding:16px 0; } #checkout-step-login h4 { margin-bottom:10px; } #checkout-step-login .col2-set { margin-bottom:15px; } #checkout-step-login .col-1 .form-list { margin:5px 0 20px 0; } #checkout-step-login .col-1 .form-list li { margin-bottom:5px; } #checkout-step-login .col-2 .form-list { margin-bottom:18px; } #checkout-step-login .col-2 .form-list li { margin-bottom:8px; } #checkout-step-billing .col2-set, #checkout-step-shipping .col2-set { margin-right:150px; } #checkout-step-billing label, #checkout-step-shipping label { font-size:.9em; } #checkout-step-payment .form-list { margin:8px 0; } .one-page-checkout .form-list li .input-box { width:350px; } .one-page-checkout .form-list li label { width:115px; } .one-page-checkout .form-list li textarea, .one-page-checkout .form-list li .input-text { width:530px; } .one-page-checkout .form-list li select { width:536px; } .one-page-checkout .form-list li .input-box .input-text, .one-page-checkout .form-list li .input-box textarea { width:200px; } .one-page-checkout .form-list li .input-box select { width:206px; } .op-payment-methods dt { margin-bottom:6px; } .op-payment-methods dd { margin:10px 0 6px 0; } .cc-icon span { display:none; } .cc-icon { float:left; width:37px; height:23px; margin-right:17px; background:url(../images/cc_icons.gif) no-repeat; } .cc-icon-AE { background-position:-74px 0; } .cc-icon-VI { background-position:0 0; } .cc-icon-MC { background-position:-37px 0; } .cc-icon-DI { background-position:-111px 0; } /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } /********** < Common Checkout Styles */ .please-wait { float:right; } .cvv-what-is-this { cursor:help; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; left:0; z-index:1000; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Success */ .page-checkout-success .content { border-width:0 1px; border-style:solid; border-color:#cdcdcd; background:#fff; padding:25px 30px; } .page-checkout-success .page-title { margin:0 !important; border:1px solid #cdcdcd !important; border-top:0 !important; background:#eee !important; padding:12px 25px !important; } .page-checkout-success .page-title h2 { margin:0 !important; border:0 !important; padding-bottom:0 !important; font-size:18px !important; color:#3787BA !important; } .order-success-box { float:left; width:600px; } .order-success-box .top-facade, .order-success-box .bottom-facade { height:3px; background:url(../images/order_success_facades.gif) no-repeat; } .order-success-box .bottom-facade { background-position:0 -3px; } .rate-experience-box { float:right; width:361px; } .rate-experience-box .top-facade, .rate-experience-box .bottom-facade { height:3px; background:url(../images/rate_experience_facades.gif) no-repeat; } .rate-experience-box .bottom-facade { background-position:0 -3px; } .rate-experience-box label { padding-right:10px; } /* ======================================================================================= */ /* Login Page ============================================================================ */ .wide-box .top-facade { height:2px; background:url(../images/login_top_facade.gif) no-repeat; } .wide-box .bottom-facade { height:1px; background:url(../images/login_bot_facade.gif) no-repeat; } .wide-box .content { border-width:0 1px; border-style:solid; border-color:#cdcdcd; background:#fafafa; padding:45px; } .wide-box .page-title { margin:0; border:1px solid #cdcdcd; border-top:0; background:#eee; padding:12px 25px; } .wide-box .page-title h2 { margin:0; } .login-box .content .height-setter { min-height:150px; } .login-box h3 { margin-bottom:20px; } .login-box .col2-set { background:url(../images/login_box_col2set_bg.gif) repeat-y 50% 0; } .login-box .col2-set .col { width:47%; } .login-box .input-text { width:195px; } .login-box .password-forgotten { margin-top:60px; font-size:.9em; } .login-box .password-forgotten a, .login-box .password-forgotten a:hover { text-decoration:underline; } /* ======================================================================================= */ /* My Account ============================================================================= */ .pages-account { margin-top:0; border:1px solid #cdcdcd; padding:0; background:url(../images/account_middle_bg.gif) repeat-y 0 0 #fff; } .pages-account .col-left { width:229px; } .pages-account .col-main { float:right; width:748px; min-height:500px; } .pages-account .page-title { margin:0; padding:22px 20px 22px 40px; border-bottom:1px solid #cdcdcd; background:#eee; text-align:right; } .pages-account .page-title h2 { margin:0; text-align:left; } .pages-account .col-main .content { padding:22px 40px; } .pages-account .welcome-msg { margin-bottom:55px; } .pages-account .welcome-msg h3 { margin-bottom:13px; } .pages-account h4 { color:#666; font-weight:bold; } .pages-account .col-main .input-field { width:191px; } /* Dashboard */ .dashboard-customer-info li { margin-bottom:40px; } .dashboard-customer-info address, .dashboard-customer-info p { margin:0; } .dashboard-customer-info .button { float:left; } .dashboard-customer-info .info { margin-left:85px; } /* Account Nav */ .block-account h2 { margin-bottom:25px; font-weight:normal !important; font-size:18px !important; color:#666; } .block-account { padding:25px 22px; line-height:1.15em; } .block-account a, .block-account a:hover { display:block; color:#666; padding:0 11px; line-height:28px; } .block-account .current a { color:#3787ba; background:url(../images/account_nav_current_bg.gif) no-repeat; } /* Forms */ .pages-account .form-list li label { width:130px; font-size:.9em } .pages-account .form-list li .input-box { width:330px; } .pages-account .form-list li textarea, .pages-account .form-list li .input-text { width:485px; } .pages-account .form-list li select { width:491px; } .pages-account .form-list li .input-box .input-text { width:185px; } .pages-account .form-list li .input-box select { width:191px; } .pages-account .buttons-set { margin-top:55px; } /* Tables */ .pages-account .data-table thead tr { background:#f8f8f8; } .pages-account .data-table th.first, .pages-account .data-table td.first { border-left:0; padding-left:40px; } .pages-account .data-table th.last, .pages-account .data-table td.last { border-right:0; } .pages-account .data-table tr.last td { border-bottom:0; } .pages-account .data-table tfoot td { border:0; padding:0 15px;} .pages-account .data-table tfoot tr.first td { border-top:1px solid #e6e6e6; } .review-title { margin-right:15px; color:#333 !important; font-size:16px !important; font-weight:normal !important; } /* Order View */ .link-pdf { display:block; padding-left:30px; background:url(../images/icon_pdf_sm.gif) no-repeat; line-height:23px; font-size:1em; } .link-pdf, .link-pdf:hover { text-decoration:none; } .page-order-details .col3-set { margin-top:37px; } .page-order-details .col3-set h3 { font-size:14px; } .page-order-details .col3-set a, .page-order-details .col3-set a:hover { text-decoration:underline; } .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } .shipping-tracking-popup { padding:0; } .shipping-tracking-popup .head { border-bottom:1px solid #d2d2d2; background:#EEEEEE url(../images/cart_th_bg.gif) repeat-x scroll 0 100%; padding:14px 38px; } .shipping-tracking-popup .head h3 {margin-top:5px;} .tracking-info { margin:27px 38px; } .tracking-info td { padding:3px 0; } .tracking-info td.first { font-weight:bold; } .tracking-history-table th { border-width:1px 0; border-color:#cdcdcd; border-style:solid; background:#EEEEEE url(../images/cart_th_bg.gif) repeat-x scroll 0 100%; padding-left:20px; } .tracking-history-table td { padding:10px 20px; } /* ======================================================================================= */ /* Print ============================================================================ */ /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* ======================================================================================= */ /* CMS ============================================================================ */ .page-cms .content { margin-right:220px; } .page-cms .content p { margin-bottom:20px; } /* Home */ .cms-home .header { height:64px;} .home-intro-facade img { display:block; } .home-intro { border-width:0 1px; border-color:#cdcdcd; border-style:solid; background:#fff; padding:28px 10px 10px 10px; } .home-intro .col2-set { background:url(../images/home_intro_divider.gif) repeat-y 50% 0; } .home-intro .text { margin:20px 30px 28px 30px; } .home-intro .text h3 { margin-bottom:3px; color:#4b4b4b; font-size:18px; font-weight:normal; } .home-bottom { height:4px; background:url(../images/home_bottom.gif) no-repeat; } /* Gift Cards */ .category-gift-cards .product-view-gift-cards .product-media { width:340px; } .giftcard-preview-box-container { float:left; width:335px; } .giftcard-preview-box { position:relative; margin-bottom:13px; background:url(../images/giftcard_preview_bg.gif) no-repeat 0 0; height:437px; overflow:hidden; } .giftcard-preview-box .gift-message { position:absolute; left:45px; top:60px; width:245px; font-size:10px; line-height:15px; } .giftcard-preview-box .gift-card-img { position:absolute; left:70px; bottom:50px; } .gift-card-info { float:left; width:290px; margin-top:15px; } .gift-card-info p { margin-bottom:15px; } .gift-card-info label { display:block; margin-bottom:5px; } .gift-card-info .input-text { width:115px; } .gift-card-info textarea { width:270px; height:120px; } .categorypath-gift-cards .catalog-nav { display:none; } /* Check Card Balance */ .enter-gift-card-number { float:left; width:372px; margin-right:40px; } .enter-gift-card-number .top-facade { background:url(../images/enter_gift_card_top.gif) no-repeat; height:18px; overflow:hidden; } .enter-gift-card-number .content { border-style:solid; border-color:#cdcdcd; border-width:0 1px; background:url(../images/enter_gift_card_bg.gif) repeat-x 0 100% #eee; padding:50px; } .enter-gift-card-number .bottom-facade { background:url(../images/enter_gift_card_bot.gif) no-repeat; height:3px; overflow:hidden; } .retrieve-gift-card-balance { float:left; width:270px; margin-top:30px; } .retrieve-gift-card-balance h4 { margin-bottom:15px; color:#666; font-size:16px; } .retrieve-gift-card-balance .balance { font-size:24px; } /* Gift Cards FAQ */ .slide-info { margin-right:40px; } .slide-info dt { color:#3680be; cursor:pointer; } .slide-info dt em { display:block; font-style:normal; padding:0px 0 8px 0; } .slide-info dd { display:none; } .slide-info dd .content { padding-bottom:15px; } /* Contacts */ .contacts-index-index .col-main { float:left; width:680px; } .contacts-index-index .col-right { width:240px; padding:10px 10px 0 0; } .cms-contact .note { margin:22px 103px 0 13px } .form-contacts { margin-right:90px; } .form-contacts .contact { margin-right:240px; } .form-contacts .contact p { margin-bottom:20px; } .form-contacts .top-facade { height:2px; background:url(../images/contacts_form_top.gif) no-repeat; } .form-contacts .bottom-facade { height:2px; background:url(../images/contacts_form_bottom.gif) no-repeat; } .form-contacts .form-list { border-width:0 1px; border-style:solid; border-color:#cdcdcd; padding:30px; background:#eee; } .form-contacts .form-list li label { width:100px; font-size:.9em; } .form-contacts .form-list li .input-box { width:300px; } .form-contacts .form-list li textarea, .form-contacts .form-list li .input-text { width:485px; } .form-contacts .form-list li select { width:491px; } .form-contacts .form-list li .input-box .input-text { width:185px; } .form-contacts .form-list li .input-box select { width:191px; } .form-contacts .form-list .buttons-set { margin:15px 0 0 110px; } /* Popup */ .page-popup-alt .form-list textarea { width:473px; } .page-popup-alt .form-list .input-box { width:220px; } .page-popup-alt .form-list .input-box.right { float:right; } .page-popup-alt .form-list .input-box .input-text { width:190px; } /* Infomration */ .information-cms .content { margin-right:40px; } .information-cms .content p { margin-bottom:20px; } .information-cms .img { margin-bottom:40px; margin-left: -5px; padding-top: 0px;} .information-cms .name { margin-bottom:8px; color:#555; font-size:18px; } .information-cms .title { margin-bottom:0px; color:#999; font-size:12px; } .information-cms .date { margin-bottom:13px; color:#999; font-size:12px; } .information-cms .slideshow { margin-top:6px; color:#3680be; margin-left: 5px;} /* Press */ .press-list li { margin:0 70px 50px 0; padding-left:250px; } .press-list .img { float:left; margin-left:-250px; position:relative; } .press-list .name { margin:0; color:#333; font-size:18px; } .press-list .date { margin-bottom:13px; color:#999; font-size:11px; } /* Publications */ .publications-list li { margin: 0 70px 70px -50px; padding-left: 250px; padding-right: 50px;} .publications-list .img { float:left; margin-left:-250px; position:relative; } .publications-list .name { margin-bottom:5px; color:#666; font-size:14px; } .publications-list .date { margin-bottom:13px; color:#999; font-size:11px; } /* EXHIBITIONS ============================================================================ */ .space { margin-bottom:60px; } /* Upcoming */ .upcoming-cms .upcoming { margin-right:240px; } .upcoming-cms .upcoming p { margin-bottom:20px; } .upcoming-cms .upcoming-img { margin-bottom:20px; margin-left: 33px; padding-top: 20px;} .upcoming-cms .upcoming-info { margin-bottom:20px; margin-left: 43px;} .upcoming-cms .name { margin-bottom:4px; color:#555; font-size:18px; } .upcoming-cms .title { margin-bottom:0px; color:#999; font-size:12px; } .upcoming-cms .date { margin-bottom:13px; color:#999; font-size:12px; } /* Current */ .current-cms .current { margin-right:15px; } .current-cms .current p { margin-bottom:20px; } .current-cms .current-img { margin-bottom:40px; margin-left: -5px; padding-top: 0px;} .current-cms .name { margin-bottom:8px; color:#555; font-size:18px; } .current-cms .title { margin-bottom:0px; color:#999; font-size:12px; } .current-cms .date { margin-bottom:13px; color:#999; font-size:12px; } .current-cms .slideshow { margin-top:6px; color:#3680be; margin-left: 5px;} .current-cms .artistname { margin-bottom:8px; color:#555; font-size: 14px;text-transform: uppercase; } /* Past */ .past-list li { margin:0px 70px 200px 0px; padding-left:350px; } .past-list .past-img { float:left; margin-left:-350px; position:relative;} .past-list .name { margin-bottom:10px; color:#555; font-size:18px; padding-top: 10px;} .past-list .title { margin-bottom:0px; color:#999; font-size:12px; } .past-list .date { margin-bottom:13px; color:#999; font-size:12px; } /* General CMS */ .layout-1column-alt h2.page-title, .layout-1column-alt .page-title h2 { margin-bottom:28px; border-bottom:1px solid #ccc; padding-bottom:9px; color:#666; font-size:24px; } /* Sitemap */ .page-sitemap h4 { margin-bottom:10px; color:#666; font-size:16px; } .page-sitemap ul { margin-bottom:30px; } .page-sitemap li { margin:4px 50px; } .page-sitemap a, .page-sitemap a:hover { color:#999; } .categorypath-gift-cards .products-grid { width:auto; } /* Footer ================================================================================ */ .footer { margin-top:70px; padding:0 10px 12px 10px; color:#999; } .footer p, .footer ul, .footer li { display:inline; font-size:11px; line-height:1em; } .footer ul { padding-left:20px; } .footer li { border-right:1px solid #a9a9a9; padding:0 11px 0 10px; } .footer li.last { border:none; padding-right:0; } /* ======================================================================================= */