/* --------------------------------------------------------------------------------------------- general setup --------------------------------------------------------------------------------------------- */ body { margin: 0; background: #FFF; } a { outline: none; } /* --------------------------------------------------------------------------------------------- forms --------------------------------------------------------------------------------------------- */ form input { border: none; outline: none; } form input.text { margin: 0 0 1em 0; color: #666; } form input.focused { color: #000; } form input.button { padding: 3px 15px; -webkit-border-radius: 9px; -moz-border-radius: 9px; cursor: pointer; } /* --------------------------------------------------------------------------------------------- header --------------------------------------------------------------------------------------------- */ #header { height: 126px; position: relative; } #header #announcements { height: 18px; overflow: hidden; } #header #announcements p { margin-left: 10px; font-size: 11px; } #header #announcements p a { } #header h1 { margin: 0; width: 630px; height: 90px; } #header h1 a { width: 630px; height: 90px; display: block; text-indent: -9999px; } #s-store #header h1 { margin-top: 18px; } #header ul { list-style: none; } #header a.donate { width: 114px; height: 30px; display: block; text-indent: -9999px; position: absolute; right: 14px; top: 75px; } /* LEVEL ONE ---------------------------------------- */ ul.dropdown { margin: 0 0 0 16px; position: relative; } ul.dropdown li { float: left; zoom: 1; z-index: 1; } ul.dropdown li a { padding: 0 14px; display: inline-block; font-size: 12px; font-weight: bold; text-decoration: none; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; visibility: visible; } ul.dropdown li.hover a { } /* LEVEL TWO ---------------------------------------- */ ul.dropdown ul { margin: 0; width: 220px; position: absolute; top: 100%; left: 0; z-index: 1; visibility: hidden; } ul.dropdown ul li { float: none; font-weight: normal; } ul.dropdown ul li a { padding: 4px 15px; width: 100%; display: inline-block; } /* IE 6 & 7 Needs Inline Block */ ul.dropdown li.hover li a {} ul.dropdown li.hover li.hover a, ul.dropdown li.hover li.hover a:hover {} /* LEVEL THREE ---------------------------------------- */ ul.dropdown ul ul { left: 100%; top: -5px; } ul.dropdown li:hover > ul { visibility: visible; } ul.dropdown li.hover li.hover li a {} ul.dropdown li.hover li.hover li.hover a, ul.dropdown li.hover li.hover li.hover a:hover {} /* SEARCH ----------------------------------------------------------- */ #header #search { width: 290px; height: 36px; position: absolute; top: 36px; right: 0; } #header #search input.text { width: 186px; } /* --------------------------------------------------------------------------------------------- intro - home --------------------------------------------------------------------------------------------- */ #intro { height: 396px; position: relative; } #intro h2 { margin: 0 0 0 600px; width: 350px; height: 198px; text-indent: -9999px; } #intro h2 a { width: 75px; height: 20px; display: block; position: absolute; top: 60px; right: 55px; } #intro h3 { margin: 0 0 0 600px; width: 350px; height: 64px; text-indent: -9999px; } #intro p { margin: 0 0 0 600px; padding-top: 5px; width: 320px; height: 115px; overflow: hidden; font-size: 11px; } /* --------------------------------------------------------------------------------------------- content --------------------------------------------------------------------------------------------- */ #content { } #s-home #content { height: 162px; } /*#s-home #content { height: 183px; }*/ /* PROMOS ---------------------------------------- */ #s-home #content #promos {} #s-home #content #promos .promo { margin: 10px 0 0 10px; padding: 0; width: 262px; height: 162px; float: left; background: url(/images/bg_promo.png) bottom left repeat-x; font: 12px Arial; color: #edeedb; } #s-home #content #promos #promo-left { } #s-home #content #promos #promo-middle { width: 385px; } #s-home #content #promos #promo-right { } #s-home #content #promos .promo img { margin: 0; padding: 0; } #s-home #content #promos .promo h3 { margin: 20px 0 5px 10px; font: 19px Arial; color: #edeedb; } #s-home #content #promos .promo h4 { margin: 5px 0 5px 10px; font: 16px Arial; color: #edeedb; } #s-home #content #promos .promo p { margin-left: 10px; } #s-home #content p.photo-galleries { margin: 0; width: 430px; height: 162px; float: left; } #s-home #content p.photo-galleries a { width: 430px; height: 162px; display: block; text-indent: -9999px; } #s-home #content p.video-library { margin: 0 40px 0 0; width: 400px; height: 162px; float: right; display: inline; } #s-home #content p.video-library a { width: 400px; height: 162px; display: block; text-indent: -9999px; } /* --------------------------------------------------------------------------------------------- main --------------------------------------------------------------------------------------------- */ #main { } #main h2 { margin: 18px 0; font-size: 32px; font-weight: bold; } #main h3 { font-size: 16px; font-weight: bold; } #main h3 a { text-decoration: none; } #main img { padding: 0 20px 20px 0; float: left; } #main p img { padding: 0 20px 20px 0; float: left; } #main p img.left { margin: 0; padding: 20px 20px 20px 0; float: left; } #main p img.right { margin: 0; padding: 20px 0 20px 20px; float: right; } #main ul { margin: 0; list-style: none; } #main ul.sub-nav { margin-bottom: 18px; } #main ul.sub-nav li { display: inline; } #main p { margin-top: 18px; } #main p label { width: 100px; float: left; } /* SLIDESHOW ---------------------------------------------------- */ #main #slideshow { margin: 0 0 20px 20px; float: right; } #main #slideshow img.nav-next { padding-right: 0; } /* CALENDAR ---------------------------------------------------- */ #main table { margin: 0; padding: 0; } #main table td { margin: 0; padding: 0 5px 5px 0; } #main table td:last-child { padding-right: 0; } #main table td div { margin: 0; padding: 0; width: 120px; min-height: 120px; height: auto !important; height: 120px; background: #ddd8c1; } #main table td.cal-heading div { margin: 0; padding: 2px 0; min-height: 22px; height: auto !important; height: 22px; font-weight: bold; text-align: center; } #main table td div span { padding-right: 5px; font-weight: bold; float: right; } #main table td div a { padding: 0 0 10px 5px; display: block; } #main table.secondary td { padding: 3px; } /* MEDIA ---------------------------------------------------- */ #main .video-entry, #main .photo-entry { margin: 0 40px 18px 0; padding: 0; width: 280px; float: left; } #main .video-entry.last, #main .photo-entry.last { margin: 0 30px 18px 0; } #main .photo-frame { margin: 0; padding: 0; width: 502px; height: 331px; background: url(/images/bg_photo-frame.png) no-repeat; position: relative; } #main .photo-frame img.photo-thumb { margin: 0; padding: 0; width: 450px; height: 270px; position: absolute; top: 31px; left: 26px; } #main p.gallery-instructions { clear: both; } /* FAMILIES ---------------------------------------------------- */ #s-login #main h3 { margin-bottom: 0; } #s-login #main span.date, #s-login #main span.comment-count { margin-bottom: 20px; font-style: italic; display: block; } #s-login #main span.comment-count a { color: #000; } #s-login #main #comments h4 { margin-top: 18px; } #s-login #main #comments .comment { margin-bottom: 18px; border-bottom: 1px solid; } #s-login #main #comments .comment .comment-author { width: 150px; margin-right: 10px; float: left; } #s-login #main #comments .comment-author p { margin: 0; font-weight: bold; } #s-login #main #comments .comment .comment-body { margin: 0 0 18px 150px; width: 479px; min-height: 70px; height: auto !important; height: 70px; border-left: 1px solid; } #s-login #main #comments form { padding-top: 18px; width: 630px; float: left; } /* FORMS ---------------------------------------------------- */ #main form { } #main div.field { margin-bottom: 9px; width: 470px; float: left; } #main div.field label { padding-top: 7px; width: 65px; float: left; } #main div.field input { margin-right: 15px; padding: 5px; width: 200px; float: left; border: 1px solid #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #main div.field span { padding-top: 9px; display: block; font: italic 11px Georgia, "Times New Roman", serif; } #main div.field textarea { margin: 0; padding: 5px; width: 458px; height: 190px; border: 1px solid #FFF; font: 14px Arial; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #main div.field select { margin-right: 15px; padding: 4px 5px; width: 212px; float: left; border: 1px solid #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #main div.utility { margin: 0 0 18px 0; padding: 10px; width: 450px; float: left; background: #ddd8c1; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #main div.utility input { width: auto; } #main div.submit input { padding: 5px 10px; float: none; font-size: 11px; font-weight: bold; text-transform: uppercase; border: 2px solid #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #main div.block label { padding-top: 7px; width: auto; float: none; } #main form.rfp div.field label { width: 85px; } #main span.captcha-hints { font-weight: normal; } .win.ff2 p.field select, .win.ff3 p.field select { width: 274px; } /* targeting FF2 & FF3 for Windows */ /* STAFF DIRECTORY ---------------------------------------------------- */ #main #staff-entry { margin-bottom: 18px; height: 440px; overflow: hidden; } #main #staff-entry img { padding: 0 0 10px 0; float: none; display: block; } #main #staff-entry p { margin-top: 5px; font-size: 11px; } /* CONTACT & ALUMNI FORM ---------------------------------------------------- */ .contact #main div.field { margin-bottom: 9px; width: 570px; float: left; } .contact #main div.field label { padding-top: 7px; width: 200px; float: left; } .contact #main div.field input.radio { width: auto; } .contact #main div.field span.radio { padding-top: 4px; margin-bottom: 3px; } .contact #main div.field textarea { margin: 0; width: 357px; } .contact #main div.utility { width: 550px; } /* FORGOT PASSWORD FORM ---------------------------------------------------- */ #s-user #main div.field { margin-bottom: 9px; width: 550px; float: left; } #s-user #main div.submit { width: 342px; } #s-user #main div.field label { padding-top: 7px; width: 150px; float: left; } /* ERROR / 404 ---------------------------------------------------- */ #s-error #main h2 { line-height: 1em; } /* --------------------------------------------------------------------------------------------- sidebar --------------------------------------------------------------------------------------------- */ #sidebar { margin-top: 18px; } #sidebar h3 { padding: 8px 0 0 30px; width: 270; height: 28px; font-weight: bold; font-size: 20px; display: block; border-bottom: 1px solid; } #sidebar strong { padding-left: 30px; } #sidebar ul { margin-left: 50px; } #sidebar p { padding-left: 30px; } #sidebar a:hover { text-decoration: none; } #sidebar .video-entry { margin: 0 40px; padding: 0; width: 190px; } #sidebar .video-entry p { padding-left: 0; } #sidebar .photo-entry { margin: 0 0 0 30px; padding: 0; width: 90px; height: 140px; overflow: hidden; float: left; display: inline; } #sidebar .photo-entry p { padding-left: 0; } /* --------------------------------------------------------------------------------------------- footer --------------------------------------------------------------------------------------------- */ #footer { padding: 18px 40px 9px; width: 870px; } #footer h5 { margin: 18px 0 9px; font-size: 13px; font-weight: bold; } #footer ul { margin: 0; list-style: none; } #footer #tours { margin-right: 40px; width: 200px; float: left; } #footer #tours li { margin-bottom: 12px; font-size: 13px; } #footer #events { margin-right: 40px; width: 360px; float: left; } #footer #events li { margin-bottom: 2px; font-size: 13px; } #footer #family-login { width: 230px; float: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; } #footer #family-login h5, #footer #family-login p { margin-left: 30px; margin-right: 30px; } #footer #family-login form { margin: 0 30px 10px 30px; } #footer #family-login input.text { width: 158px; } #footer #site-info { margin-top: 36px; width: 100%; float: left; position: relative; overflow: hidden; } #footer #site-info ul { margin: 0 0 9px 0; padding: 0; float: left; clear: left; position: relative; left: 50%; list-style: none; text-align: center; } #footer #site-info ul li { margin: 0; padding: 0; float: left; display: block; position: relative; right: 50%; } #footer #site-info ul li a { padding: 0 10px; display: block; font-size: 10px; text-decoration: none; border-right: 1px solid; } #footer #site-info ul li a.last { border-right: none; } #footer #site-info ul li a:hover { text-decoration: underline; } #footer #site-info p { clear: left; font-size: 10px; text-align: center; } #footer #site-info p a { text-decoration: underline; } #footer #site-info p a:hover { text-decoration: none; } #associations { height: 54px; position: relative; } #associations a { height: 54px; display: block; position: absolute; top: 0; text-indent: -9999px; } #associations a#assoc-1 { width: 230px; left: 0px; } #associations a#assoc-2 { width: 264px; left: 230px; } #associations a#assoc-3 { width: 226px; left: 494px; } #associations a#assoc-4 { width: 230px; left: 720px; } /* --------------------------------------------------------------------------------------------- store --------------------------------------------------------------------------------------------- */ #s-store .box { padding: 0; background: none; } #s-store hr { margin: 10px 0; } #s-store ol { list-style-type: none; } #s-store #main div.field { margin-bottom: 9px; width: 550px; float: left; } #s-store #main div.field label { padding-top: 7px; width: 200px; float: left; } #s-store #main div.field textarea { margin-right: 15px; float: left; } #s-store #main div.field span { padding-top: 9px; float: left; font: italic 11px Georgia, "Times New Roman", serif; } #s-store #main div.field select { margin-right: 15px; padding: 4px 5px; width: 160px; float: left; border: 1px solid #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #s-store #main div.utility { margin: 0 0 18px 0; padding: 10px; width: 550px; float: left; background: #ddd8c1; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #s-store #main div.field a img { margin: 10px 0 0 10px; padding: 0; float: left; } #s-store.customer-account-forgotpassword #main div.field label { width: 125px; } #s-store div.validation-advice { margin-left: 376px; color: red; } #s-store h3.breadcrumbs, #s-store p.breadcrumbs { margin: 16px 5px 0 0; float: left; } #s-store ul.breadcrumbs { margin-top: 16px; padding-bottom: 40px; width: 870px; display: block; } #s-store ul.breadcrumbs li { padding: 0 3px; float: left; } #s-store ul.messages { margin: 18px 0; padding: 5px 10px; float: none; background: #ddd8c1; font-weight: bold; color: red; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; } /* SIDEBAR ---------------------------------------------------- */ #s-store #sidebar h3 { clear: both; } #s-store #sidebar p.items, #s-store #sidebar p.subtotal { margin-bottom: 5px; } #s-store #sidebar strong { padding: 0; } #s-store #sidebar div.actions { margin-left: 30px; } #s-store #sidebar ul#cart-sidebar { padding: 0; list-style: none; float: left; } #s-store #sidebar ul#cart-sidebar li { margin-left: -20px; width: 210px; float: left; } #s-store #sidebar ul#cart-sidebar div.product-images img { width: 50px; height: 50px; float: left; } #s-store #sidebar ul#cart-sidebar div.product-details { margin: 10px 0 0 10px; width: 140px; float: left; } #s-store #sidebar ul#cart-sidebar div.product-details a.widget-btn { margin-left: 0; float: right; } #s-store #sidebar ol#cart-sidebar-reorder { margin: 0 0 5px 25px; } #s-store #sidebar ol#cart-sidebar-reorder li { padding: 2px; } #s-store #sidebar div.product-checkbox { float: left; } /* CATALOG LISTING ---------------------------------------------------- */ table.pager select, table.view-by select { margin:0 3px; font-size:.95em; } table.pager select { width:50px; } table.view-by td.sort-by { text-align:right; padding-right:44px; } #s-store #main table.view-by td.sort-by a img { padding: 0; float: none; } table.view-by select { width:85px; } table.pager, table.view-by { margin-bottom: 0; width:100%; background:url(../images/pager_bg.gif) repeat-x 0 100% #fff; font-size:.95em; } table.pager td { width:32%; border-top:1px solid #eee; padding:4px 8px; vertical-align:middle; } table.pager td.pages { padding:4px 0; white-space:nowrap; text-align:center; } #s-store #main table.pager td.pages li a img { float: none; padding: 0; } table.pager ol, table.pager li { display:inline; } table.pager li { padding:0 2px; } table.view-by td { width:33%; border-top:1px solid #e2e2e2; padding:4px 8px; vertical-align:middle; } .catalog-listing { line-height:1.35em; } .catalog-listing h5 { margin-bottom:.4em; font-size:1.05em; } .catalog-listing h5 a, .catalog-listing h5 a:hover { color:#203548; text-decoration:underline; } .catalog-listing .add-to { margin:.7em 0; color:#555; line-height:1.3em; font-size:.95em; font-weight:bold; } .catalog-listing .add-to a, .catalog-listing .add-to a:hover { text-decoration:underline; } .catalog-listing .ratings { margin-bottom:.6em; } .catalog-listing .ratings { line-height:1.5; } .catalog-listing .ratings .rating-box { float:none; margin-bottom:3px; } .catalog-listing .ratings .pipe { display:none; } .catalog-listing .ratings a { display:block; } /* Generic Product Grid */ .generic-product-grid { width:100%; } .generic-product-grid td { border-right:1px solid #d9dde3; border-bottom:1px solid #d9dde3; padding:12px 10px; line-height:1.6em; } .generic-product-grid tr.last td { border-bottom:0; } .generic-product-grid td.last { border-right:0; } .generic-product-grid .product-image { text-align:center; } .generic-product-grid td.empty-product { border-right:0; background:#f5f6f6; } /* List Type */ .listing-type-list .listing-item { border-top:1px solid #D9DDE3; padding:12px 10px; float: left; } .listing-type-list .product-image { padding-right: 10px; float:left; width:135px; } .listing-type-list .product-shop { width:305px; float: right; } .listing-type-list .product-shop .description { margin:.5em 0 1.2em 0; } .listing-type-list .product-shop .price-box { float:left;text-align:left; white-space:nowrap; margin:3px 13px 5px 0; padding:0; } .listing-type-list .product-shop .form-button {margin:0.5em 0 0; } .listing-type-list .product-shop .product-reviews { margin:15px 0; font-size:.95em; } .listing-type-list .product-shop .product-reviews a, .listing-type-list .product-shop .product-reviews a:hover { color:#6e6969; } .listing-type-list .listing-item .rating-box { margin-bottom:6px; } /* Grid Type */ .listing-type-grid { background:url(../images/bkg_products-grid3.gif) 0 0 repeat; } .listing-type-grid .grid-row { border-bottom:1px solid #d9dde3; } .listing-type-grid li.item { float:left; width:175px; padding:12px 10px; line-height:1.6em; overflow:hidden; display: inline; } .listing-type-grid .last { border-bottom:0; } .listing-type-grid .product-image { text-align:center; } .listing-type-grid .rating-box { float:left; margin-left:0; margin-right:5px; } .listing-type-grid .actions { margin:10px 0; text-align:center; } /* Rewrites for different layouts */ .col-1-layout .listing-type-grid { background-image:url(../images/bkg_products-grid1.gif); } .col-1-layout .listing-type-grid li.item { width:280px; } .col-2-left-layout .listing-type-grid, .col-2-right-layout .listing-type-grid { background-image:url(../images/bkg_products-grid2.gif); } .col-2-left-layout .listing-type-grid li.item, .col-2-right-layout .listing-type-grid li.item { width:208px; } /* LAYERED NAVIGATION ---------------------------------------------------- */ .layered-nav .head { margin:0; background:url(../images/layered_nav_head_bg.gif) no-repeat; height:24px; } .layered-nav h3 { display:none; } .layered-nav .border-creator { border-style:solid; border-color:#a0b3c3; border-width:0 1px 1px 1px; } .layered-nav h4 { margin:0; border:1px solid #b9ccdd; border-left:0; border-right:0; padding:3px 10px; background:url(../images/layered_nav_narrowed_category_heading.gif) #d5e8ff; color:#1f5070; font-weight:bold; font-size:1em; } .layered-nav .narrowed-category li { background:url(../images/narrow_category_bg.gif) repeat-x 0 100% #fff; padding:4px 6px 4px 10px; } .layered-nav .narrowed-category li .label { background:url(../images/narrow_by_li_by.gif) no-repeat 0 .2em; padding-left:20px; font-weight:bold; text-transform:uppercase; } .layered-nav .widget-btn { float:right; margin:.1em 0 0 5px; font-size:.95em; } .layered-nav .actions { border-style:solid; border-color:#dee5e8; border-width:1px 0; padding:4px 10px; background:#cad6e4; } .narrow-by dl { background:#e7f1f4; padding:0 0 1em 0; } .narrow-by dt { margin:0; padding:7px 10px 0 28px; background:url(../images/narrow_by_set.gif) no-repeat 9px .9em; color:#2f2f2f; text-transform:uppercase; } .narrow-by dd { background:url(../images/narrow_by_dd_bg.gif) repeat-x 0 100%; padding:0 12px .8em 12px; } .narrow-by dd li { margin-bottom:.3em; line-height:1.3em; } .narrow-by dd.last { background:none; } /* PRODUCT PAGE ---------------------------------------------------- */ #s-store #main .product-img-box { float:left; width:277px; } #s-store #main .product-img-box img { margin: 0; } #s-store #main .product-img-box .product-image-zoom { margin: 0; padding: 0; position:relative; overflow:hidden; width:265px; height:265px; z-index:9; } #s-store #main .product-img-box .product-image-zoom img { margin: 0; position:absolute; left:0; top:0; cursor:move; } #s-store #main .image-zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px auto; background:url(../images/slider_bg.gif) no-repeat 50% 50%; padding:0 28px 0 28px; cursor:pointer; } #s-store #main .image-zoom #track { position:relative; height:18px; } #s-store #main .image-zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px;background:url(../images/magnifier_handle.gif) 0 0 no-repeat; } #s-store #main .image-zoom .btn-zoom-out { position:absolute; left:2px; top:1px; } #s-store #main .image-zoom .btn-zoom-in { position:absolute; right:2px; top:1px; } #s-store #main .product-img-box .more-views h4 { border-bottom:1px solid #ccc; margin-bottom:.8em; font-size:.95em; text-transform:uppercase; } #s-store #main .product-img-box .more-views ul { margin-left:-9px; } #s-store #main .product-img-box .more-views li { float:left; margin:0 0 9px 9px; } #s-store #main .product-img-box .more-views li a { float:left; width:56px; height:56px; border:2px solid #ddd; overflow:hidden; } #s-store #main .price-box, #s-store #main .short-description { margin-bottom: 1em; } #s-store #main span.availability { font-size: 11px; } #s-store #main div.add-to-holder div.field label { width: 80px; } /* CART ---------------------------------------------------- */ #s-store .page-head-alt h2 { float: left; } #s-store ul.checkout-types { margin: 18px 0; float: right; } #s-store ul.checkout-types li img { padding: 0 0 10px 0; float: right; } #s-store table.data-table { clear: both; border: 1px solid #ddd8c1; } #s-store table.data-table th { color: #9e471a; background: #ddd8c1; } #s-store table.data-table td { border-right: 1px solid #ddd8c1; } #s-store table.data-table td.last { border-right: none; } #s-store table.data-table tr.even td { background: #f0f0f0; } #s-store table.data-table tfoot tr.last td { background: #ddd8c1; border-top: 1px solid #ddd8c1; } #s-store table.data-table tfoot tr.last td input.continue { float: left; } #s-store table.data-table tfoot tr.last td input.update { margin-right: 5px; float: right; } #s-store #main div.shipping-estimate div.field select { width: 168px; } #s-store #main div.shipping-estimate input.shipping-quote { margin-top: 10px; } #s-store #main div.shipping-estimate dl.shipment-methods { padding-bottom: 10px; } #s-store #main div.shipping-estimate dl.shipment-methods ul li { margin-left: -20px; } #s-store #main div.shipping-estimate dl.shipment-methods input { padding: 0; margin: 0; float: left; width: auto; } #s-store #main div.shipping-estimate dl.shipment-methods label { padding: 0; margin: -2px 0 0 5px; width: auto; } #s-store #main div.shipping-estimate dl.shipment-methods span { padding: 0; margin-left: 5px; } #s-store #main div.shopping-cart-totals { margin: 18px 0; padding: 20px; background: #ddd8c1; -webkit-border-radius: 5px; -moz-border-radius: 5px; } /* One-Page checkout */ #s-store #main .one-page-checkout { margin: 18px 0 0 0; } #s-store #main .one-page-checkout li.section { position:relative; } #s-store #main .one-page-checkout .col-1, #s-store #main .one-page-checkout .col-2 { padding: 10px 0 0 0; } #s-store #main .one-page-checkout .group-select { margin-right:0; } #s-store #main .one-page-checkout .box { border:1px solid #bbb6a5; border-top:0; padding:15px 20px; margin-bottom: 0; background:#faf7ee; } #s-store #main .one-page-checkout .head { margin-bottom:0; padding:4px 8px 6px 8px; background:url(../images/opc_off_head_bg.gif) repeat-x 0 100% #eee; border-width:0 1px 0 1px; border-color:#D9DDE3; border-style:solid; border-top:1px solid #fff; } #s-store #main .one-page-checkout .head h3 { margin-bottom: 0; } #s-store #main .one-page-checkout .tool-tip { right:8px; } #s-store #main .one-page-checkout .head a { display:none; } /* Hide Edit button in step header */ #s-store #main .one-page-checkout h3 { color:#999; font-size:1.05em; } #s-store #main .one-page-checkout h4 { border-bottom:1px solid #E4E4E4; padding-bottom:2px; text-transform:uppercase; } #s-store #main .one-page-checkout h4.title { border-bottom:0; text-transform:none; } #s-store #main .one-page-checkout .step-count { background:#fff; font-size:.9em; padding:0 4px; line-height:1em; } #s-store #main .one-page-checkout .content { padding:10px 20px; } #s-store #main .one-page-checkout label.label { font-size:1.05em; color:#2f2f2f; } #s-store #main .one-page-checkout .allow .head { background:#d0dce1; border-color:#a3aeb3; border-width:1px 1px 0 1px; cursor:pointer; } #s-store #main .one-page-checkout .active .head { margin-bottom:0; border:1px solid #BBAFA0; background:#F9F3E3; padding-bottom:5px; cursor:default; } #s-store #main .one-page-checkout .alloq .head a { display:block; } /* Display Edit button in active selection */ #s-store #main .one-page-checkout .group-select { margin-top:0; border:0; background:none; padding:0; } #s-store #main .one-page-checkout .allow h3 { color:#a4b3b9; } #s-store #main .one-page-checkout .active h3 { color:#F18200; } #s-store #main .one-page-checkout .allow .step-count { background:#dbe6eb; } #s-store #main .one-page-checkout .active .step-count { color:#fff; border:1px solid #f19900; background:#F18200; } #s-store #main .one-page-checkout .active .box { display:block; border-color:#BBAFA0; background:#ddd8c1; } #s-store #main .one-page-checkout dd .form-list ul { margin:5px 17px 15px 17px; } #s-store #main .one-page-checkout .checkmo-mailing-address { padding-left:20px; } #s-store #sidebar .one-page-checkout-progress .page-head { margin-bottom:1em; } #s-store #sidebar .one-page-checkout-progress ol { margin-left: 18px; } #s-store #sidebar .one-page-checkout-progress li { border:1px solid #A3AEB3; background:#eee; margin-bottom:6px; } #s-store #sidebar .one-page-checkout-progress h4 { margin:0; color:#282c0e; padding:2px 8px; background:#ddd8c1; text-transform:none; } #s-store #sidebar .one-page-checkout-progress h4.complete { border-bottom:1px solid #A3AEB3; background:#D0DCE1; color:#282c0e; } #s-store #sidebar .one-page-checkout-progress h4.complete a { color: #282c0e; } #s-store #sidebar .one-page-checkout-progress h4 a { text-transform:none; } #s-store #sidebar .one-page-checkout-progress .content { padding:8px 13px; color:#282c0e; background:#ddd8c1; } #opc-login .button-set { border-top:0; } #opc-review .box { border:0; padding:0; } #opc-review .data-table { border-top:0; } .opc-please-wait { padding-right:7px; } #s-store #main .one-page-checkout a.back { background:url(../images/icon_opc_back.gif) no-repeat; line-height:13px; width: 15px; height: 15px; text-indent: -9999px; display: block; } #s-store #main .one-page-checkout .payment-methods dd { padding-top: 10px; } #s-store #main .one-page-checkout .button-set { margin-top:0; padding-top:2em; } #s-store #main .one-page-checkout ul.form-list { padding-bottom: 10px; } #s-store #main .one-page-checkout ul.disc { margin-left: 15px; list-style-type: disc; } #s-store #main .submit input { margin: 5px 5px 0 0; } #s-store #main .one-page-checkout div.field { width: 570px; } #s-store #main .one-page-checkout div.field select { width: 211px; } #s-store #main .one-page-checkout .button-set p.place-order { margin-left: 380px; } #s-store #main .checkout-progress { margin: 1em auto; width: auto; } #s-store #main .checkout-progress td { float: left; margin-right: 3px; border-top: 10px solid #999; padding: 4px 20px; color: #abb5ba; font-weight: bold; } #s-store #main .checkout-progress td.active { border-top-color: #9F481B; color: #9F481B; } /* Multiple Addresses checkout */ #s-store #main .multi-address-checkout-description { margin-bottom:15px; } #s-store #main .multi-address-checkout-box .box { position:relative; margin-top:15px; margin-bottom:25px; border:1px solid #bbb6a5; background: #ddd8c1; width: 868px; float: left; } #s-store.checkout-multishipping-shipping #main .multi-address-checkout-box .box, #s-store.checkout-multishipping-overview #main .multi-address-checkout-box .box { background: none; } #s-store #main .multi-address-checkout-box .legend { float:left; margin-top:-10px; margin-bottom:0; margin-left:15px; border:1px solid #F18200; background:#F9F3E3; color:#F18200; padding:2px 8px; } #s -store #main .multi-address-checkout-box .content { padding:15px 20px 20px 20px; } #s-store #main .multi-address-checkout-box .count-head { border-bottom:1px solid #BBAFA0; background:#F9F3E3; padding:5px 10px; } #s-store #main .shipment-count { background:#E26703; padding:2px 5px; color:#fff; font-size:.95em; line-height:1em; } #s-store #main .multi-address-checkout-box .tool-tip { left:-23px; clear: both; } #s-store #main .multi-address-checkout-box .count-head h4 { margin:0; } #s-store #main .multi-address-checkout-box .head h5 { color:#E26703; } #s-store #main .multi-address-checkout-box .head a { font-weight:normal; } #s-store #main .multi-address-checkout-box .checkmo-mailing-address { display:block; padding-left:20px; } #s-store #main .multi-address-checkout-box a.cvv-what-is-this { float: left; clear: both; padding-bottom: 20px; } #s-store #main .multi-address-checkout-box div.field select { width: 211px; } #s-store #main .shipping-method-pointer { border:1px solid #d9d2be; padding:13px; background:#F9F3E3; position:relative; } #s-store #main .shipping-method-pointer .pointer { float: none; } #s-store #main .place-order-box { float:right; height:71px; overflow:hidden; } #s-store #main .place-order-box .left-radius { width: 16px; padding: 0; background:url(../images/place_order_container_bg.gif) no-repeat; } #s-store #main .place-order-box .main-radius{ padding: 0; background:url(../images/place_order_bg.gif) no-repeat 100% 0; vertical-align:middle; } #s-store #main .place-order-box .grand-total { font-weight: bold; } #s-store #main .place-order-box span#review-buttons-container { height: 65px; margin-top: 2px; margin-right: 15px; float: right; } /* Alignment */ .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .v-bottom { vertical-align:bottom; } .a-left { text-align:left; } .a-center { text-align:center; } .a-right { text-align:right; } .left { float:left; } .right { float:right; }