body { background: #ffffff; color: #000000; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 62.5%; } body#gallery { background: #ffffff } body#text { background: #ffffff } body#checkout { background: #ffffff } body#contact { background: #ffffff } /* General styles */ h1, h2, h3, h4, h5 { margin: 0; padding: 0px 0px 5px; } h1 { font-size: 2.5em; text-transform: uppercase; letter-spacing: 1.5; font-style: italic; } h1 a { background-color: transparent; padding: 0; color: #000000; } h1 a span { display: block; font-size: 0.47em; text-transform: none; letter-spacing: 0; font-weight: normal; font-style: normal; line-height: 1; } h2 { font-size: 2em; } h3 { font-size: 2em; } h4 { font-size: 1.5em; } h5 { font-size: 1.5em; } p, a, span, li, dt, dd, label { font-family: inherit; font-size: 1.5em; line-height: 1.5; margin: 0; padding: 0; } p { margin: 0px 0px 4px; } a { text-decoration: none; color: #000000; background-color: #ffffff; padding: 1px 4px 0px; } a:hover { border-bottom: 1px solid; } a img { border: 0; } br { clear: both; } hr { display: block; clear: both; margin: 0; padding: 0; height: 0; overflow: hidden; visibility: hidden; } dl { clear: both; } dt { font-weight: bold; } dd { margin: 0px 0px 10px; } table { width: 100%; } table tr th, table tr td { text-align: left; border-bottom: 1px dotted; padding: 0px 5px 2px; } table tr td img.small { width: 25px; height: 25px; margin: 0px 5px 5px 0px; vertical-align: middle; } table tfoot td { padding: 3px 5px; } table td a, table td a:hover { font-size: 0.8em; background-color: transparent; color: #000000; text-decoration: underline; border: 0; } table input.cart-quantity { width: 30px; background-color: #ffffff; color: #000000; border: 1px solid #ffffff; } /* Size corrections for nested EM calculations */ p a, li a, h2 a, li p, li span, dd a, li h2, p span, h1 span, h1 a, label a, li ul li { font-size: 1em; color: #000000; } /* General layout */ div#container { width: 910px; margin: 10px auto; overflow: visible; text-align: left; position: relative; } div#header { border-bottom: 1px dotted; } div#text-content, div#minor-text-content { width: 285px; float: left; padding: 0; margin: 10px 15px 0px 0px; } div#text-content h1 { border-bottom: 1px dotted; padding: 0px 0px 10px; margin: 0px 0px 20px; width: 220px; } div#minor-text-content { width: 220px; } div#image-content, div#main-content { width: 608px; float: left; margin: 10px 0px 0px 0px; overflow: hidden; } div#main-content { padding: 2.4em 0em 0em 0em; width: 435px; } div#main-content-checkout { padding: 2.4em 0em 0em 0em; width: 750px; } div#supplementary-content { float: left; width: 220px; overflow: hidden; padding: 2.4em 0em 0em 0em; margin: 10px 0px 0px 15px; } div#footer { clear: both; border-top: 1px dotted; margin: 20px 0px 0px; padding: 10px 0px 0px 0px; } body#gallery div#footer, body#text div#footer { margin: 120px 0px 0px; } /* Generic styles */ h1#title { float: left; } ul#navigation, ul#navigation ul { list-style: none; margin: 0; padding: 0; } ul#navigation { position: relative; z-index: 2; float: left; margin: 0px 0px 5px 0px; } ul#navigation li { float: left; display: block; padding: 0px 15px 0px 0px; position: relative; } ul#navigation li ul { display: none; position: absolute; left: 0; top: 1.5em; background-color: #ffffff; } ul#navigation li ul li { display: block; float: none; line-height: 1; white-space: nowrap; border-bottom: 1px solid #ffffff; overflow: hidden; } ul#navigation li ul li a { line-height: 1.1; display: block; margin: 3px 0px 5px 0px; border-bottom: 1px solid #ffffff; } ul#navigation li ul li a:hover { border-bottom: 1px solid; } #main-content ul, #text-content ul { padding: 0px 15px; } #main-content ul li, #text-content ul li { margin: 0px 0px 2px; } #footer p#website-host { margin: 0px; white-space: nowrap; text-align:right; } #footer p#website-host a { white-space: nowrap; } /* Gallery styles */ div#image-content img, div#image-content embed { margin: 0px 0px 5px; } div#image-content div#image-wrapper { overflow: hidden; width: 608px; height: 433px; } div#image-content div#image-wrapper div#image-holder, div#description-wrapper div#description-holder { width: 100000000px; } div#description-wrapper { width: 285px; overflow: hidden; } div#description-wrapper div#description-holder div.description { width: 285px; float: left; } div#image-content div#image-wrapper div#image-holder div.image { width: 608px; height: 433px; float: left; overflow: hidden; } div#image-content div.image a, div#image-content div.image a:hover { background-color: transparent; border: 0; } #gallery-navigation { width: 220px; margin: -0.9em 0px 0px; padding: 0px 0px 0px 5px; background-color: #ffffff; position: absolute; } #gallery-navigation h1 { float: left; padding: 0px; } #gallery-navigation div { margin: -1.3em 0px 0px 20px; float: left; width: 80px; } #gallery-navigation div a { clear: both; } div.description { margin: 0px 0px 5px; } .purchase-options { margin: 0; padding-left:5px; } .purchase-options p.price { float: left; } .purchase-options p.add-to-cart { float: left; margin: 0px 0px 10px 10px; } div#image-content p.add-to-cart a { background-color: #ffffff; padding: 1px 4px 0px; } div#image-content p.add-to-cart a:hover { background-color: #ffffff; border-bottom: 1px solid; } div#image-thumbs { display: none; height: 80px; width: 608px; overflow: hidden; margin: 7px 0px 0px 300px; position: absolute; top: 535px; } div#image-thumbs-holder { display: block; float: left; white-space: nowrap; margin-left: 0px; } div#image-thumbs a { background: none; } /* Form styles */ form { padding: 0; margin: 0; } fieldset { width: inherit; border: 0; padding: 0; margin: 0px 0px 10px; } fieldset label { display: block; } fieldset input { margin: 0px 0px 10px; } form#checkout fieldset label { width: 115px; text-align: right; margin-right: 10px; float: left; } form#checkout fieldset input { float: left; } fieldset button{ display: block; float: left; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; margin: 0 7px 0 0; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; font-family: inherit; font-size: 1.4em; line-height: 1.3; cursor: pointer; } fieldset button{ width: auto; overflow: visible; padding: 1px 7px 0px 4px; /* IE6 */ } fieldset button[type]{ padding: 1px 7px 1px 3px; /* Firefox */ line-height: 17px; /* Safari */ } *:first-child+html button[type]{ padding: 1px 7px 2px 4px; /* IE7 */ } fieldset.submit-checkout { width: inherit; padding-left:240px; } fieldset.submit-checkout-final { width: inherit; padding-left:125px; } fieldset.submit-checkout button { margin: 0px 15px 0px 0px; } form#checkout fieldset.submit-checkout button { margin: 0px 0px 0px 100px; } div#feedback-message p { background-color: #ffff00; padding: 2px 7px 0px; color: #000; margin: 0px 0px 7px; } div#feedback-message p a { background-color: #ffff00; color: #000; border-bottom: 0px; text-decoration: underline; } /* Lightbox */ a#lightbox-loading-link, a#lightbox-loading-link:hover { background-color: transparent; border: 0; } #smContainer{ float:left; margin-left:10px; margin-top:10px; }