/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } html,body { height: 100%; } body { line-height: 1; height: 100%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } hr { border: 0; border-top: 1px solid #c8e0e1; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } body { font-family: Helvetica, Arial, sans-serif; } ul { list-style-type: disc; font-size: 12px; line-height: 18px} .caption { font-size: 8px; line-height: 10px; font-weight: normal; font-style: italic} .name { font-size: 10px; line-height: 12px; font-weight: normal} .credits { font-size: 10px; line-height: 13px; font-weight: normal; margin-top: 6px} a, a:link, a:visited { text-decoration: none; color: #323232; } a:hover { color: #F40000 !important; } a.links:link { color: #5F5132; text-decoration: none; font-size: 13px; line-height: 16px; font-weight: normal} a.links:visited { color: #5F5132; text-decoration: none; font-size: 13px; line-height: 16px; font-weight: normal} a.links:hover { color: #cd0304; text-decoration: none; font-size: 13px; line-height: 16px; font-weight: normal} body { } .home { font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; font-weight: bold; color:#FFFFFF} .admin .stock-items { width: 60%; float: left; } .admin .actions { width: 39%; float: left; } #product-list { } #product-list img.product { width: 150px; border: 0px; } #product-list div.product { width: 240px; float: left; text-align: center; margin: 0px; } #product-list div.prodrow { clear: both; } #product-list p { margin: 10px 15px; color: #666; } #product-list h3 { color: #cd0304; font-size: 12pt; margin: 5px 15px; } #page-storefront #categories { margin-left: 0px; font-weight: normal; } #storefront { padding-top: 40px; } #categories { width: 180px; padding-left: 12px; margin-right: 5px; float: left; line-height: 1.1em; font-weight: normal; } #categories a { font-weight: bold; color: #3232323; } #categories a:hover { text-decoration: none; } #categories ul { list-style: none; } #categories li ul { margin-left: 15px; line-height: .9em; font-weight: normal; list-style: none; } #categories li { background-color: #CAF3F5; border-top: 1px solid #ffffff; font-family: "Verdana", "Helvetica", "Arial", sans-serif; font-weight: bold; 11pt; } #categories li a { display: block; padding: 5px 15px 5px 25px; } #categories li.first { border-top: 2px solid #46CBD7; margin-top: .5em; } #categories li.selected { background: transparent url(images/pawblue1.gif) no-repeat 3px .5em; } .blue #categories li.selected { background-image: url(images/pawblue1.gif); } #categories li.selected a { font-weight: bold; } #categories ul.subcat { border: 0; line-height: 1.5em; padding: 0em 1px 1em 45px; margin: 0; width: auto; background: #CAF3F5; margin-top: -.5em; } #categories ul.subcat li { border: 0; background: transparent; } #categories ul.subcat li a { padding: 0; display: inline; font-weight: normal; } #categories ul.subcat li.selected { background: transparent; list-style: disc inside; text-indent: -1.1em; } #categories ul.subcat li.selected a { font-weight: bold; } .body { width: 565px; float: left; padding: 0; overflow: hidden; } #browse { overflow: visible; } h1 { line-height: 30px; color: #008C90; font-size: 18px; border-bottom: 1px solid #78B0B1; font-size: 18px; margin: 1.5em 1em .5em; } h2 { border-bottom: 1px solid #78B0B1; color: #018C8F; line-height: 1.5em; font-size: 16px; text-indent: 10px; } h3 { line-height: 30px; color: #008c90; margin-left: 1.3em; clear: both; font-size: 16px; border-bottom: 1px solid #78B0B1; } h1, h2, h3 { font-family: Verdana, Helvetica, Arial; } h4 { font-size: 14px; font-weight: bold; color: #323232; margin-left: 15px; } h3 a, h3 a:visited, h3 a:link { color: inherit; } #detail h3 { float: none; } .page p { font-size: 12px; line-height: 19px; margin: .5em 15px 1em; font-family: Verdana, Helvetica, Arial; } .pager { color: #999; text-align: right; font-size: 10pt; padding: 5px 1em; vertical-align: middle; list-style: none; margin: -.3em 10px .5em 1.5em; font-family: Verdana, Helvetica, Arial; } .pager p { display: inline; white-space: nowrap; } .pager ul { display: inline; } .pager li { display: inline; margin-left: .5em; } .pager p, .pager ul, .pager li { height: 20px; line-height: 20px; font-size: 11px; color: #000; } .pager ul { margin-left: 10px; padding-left: 10px; border-left: 1px solid #78B0B1; white-space: nowrap; } .pager .active { color: #F40000; font-weight: bold; } #maincats { line-height: 20px; } #maincats a, #subcats a { font-size: 10pt; display: inline; margin: 0px; border-left: 1px solid #bbb; border-right: 1px solid #bbb; padding: 0px 10px; white-space: nowrap; } #maincats a.selected, #subcats a.selected { color: #cd0304; text-decoration: underline; font-weight: bold; } #subcats { padding: 5px; border-top: 1px solid #ddd; } #subcats a.maincat { color: #999; font-size: 10pt; border: 0px; } #subcats a { font-size: 8pt; border-right: 0px; padding-left: 10px; } h3 small { font-weight: normal; font-size: inherit; } .add { display: block; } #product-detail { border-top: 1px solid #ddd; padding: 20px; } #product-detail img { float: left; } #product-detail p { width: 380px; margin: 5px 30px; line-height: 15px; font-size: 12px; text-indent: 5px; float: left; } #product-detail .options { color: #cd0304; width: 380px; margin: 20px; float: left; } #product-detail .options div { font-size: 12pt; } #product-detail .cartops { padding: 10px; clear: both; text-align: right; } #product-detail .cartops span { color: #666; padding: 0 20px;} #product-detail .cartops select { margin: 0px 20px 0 0; } #product-detail .price { margin-top: 40px; } #product-detail .price strong { padding-left: 20px; color: #555; } #shopping-cart caption { font-weight: bold; color: #c44; } #shopping-cart a { font-size: 10pt; color: #008C90 !important; } #shopping-cart p { margin: 0px; padding: 0px; } #shopping-cart table { width: 100% } #shopping-cart .shipping { color: #555; } #admin-list h2 { padding: 2px; padding-left: 0px; font-size: 14pt; margin-bottom: 0px; margin-top: 15px; color: #c44; } #admin-list h3 { padding: 2px; padding-left: 20px; font-size: 12pt; margin-bottom: 0px; margin-top: 5px; color: #522; } #admin-list h2 a { font-size: 14pt; color: #cd0304; } #admin-list h3 a { font-size: 12pt; color: #522; } #admin-list h2 a, #admin-list h3 a { font-weight: bold; text-indent: 0px; padding-left: 0px; } #admin-list div { padding-left: 40px; } #admin-list a { font-size: 10pt; padding: 2px; text-indent: 0px; } #admin-list div.nosubcat { padding-left: 20px; } .simpletextform form { width: 400px; margin: 50px auto; padding: 50px; } .simpletextform form input { display: block; width: 50%; margin: 20px 25% } .simpletextform legend { color: #000; } .simpletextform a { font-size: 10pt; } .simpletextform a:hover { background-color: #ddd; } .admin #container { background-position: top;} .admin .body { float: none; width: auto; } #login { text-align: center; font-size: 10pt; color: #888; } #login form { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 5px; margin-top: 50px } #category-form { margin: 10px auto; } #category-form fieldset { padding: 20px; } #category-form { width: 75% } #category-form div { } #category-form select, #category-form input { margin-left: 20px } #admin-nav { padding: 5px; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #admin-nav a { font-size: 10pt; padding: 2px 8px;} #product-form table { background-color: #eee; border: 0px; } #product-form table td { background-color: #fff; margin: 1px; padding: 10px; vertical-align: middle; } #product-form table tr { margin: 0px; } #product-form #product-form textarea { width: 100% } #product-form table { margin: 10px auto; } #product-form #photoopts { overflow: hidden; } #product-form #photoopts .optimg { border: 1px solid #ccc; margin: 5px; text-align: center; font-size: 11px; height: 150px; padding: 5px 0; cursor: pointer; } #product-form .optimg { width: 150px; float: left } #product-form .option { float: left; } #product-form a { float: right; line-height: 30px; font-size: 10pt; } .photoBox { padding: 10px; text-align: center; background-color: #eee; position: fixed; left: 25%; top: 0px; width: 50%; border: 3px outset #999; top: 25%; } .photoBox a { font-size: 12pt; text-align: right; padding: 10px; } .photobox form { margin: 20px; } .photobox input { margin: 5px; } .photoBox img { max-height: 200px; border: 1px solid #ddd;} .photoBox h3 { margin: 10px; } .photoBox a { color: #F40000 !important; } #defphoto { max-height: 200px; } .searchform { width: 100%; font-family: cursive; } .searchform input { width: 50%; border: 1px solid #cd0304; padding: 5px; } .cartstatus { color: #F40000; } .cartstatus em { font-family: Verdana, Helvetica, Arial; font-size: 10pt; } .cartstatus a { text-decoration: underline; color: inherit; } .cartstatus strong { font-weight: bold; font-size: 1.1em; color: inherit; } #options-list h3 { font-size: 12pt; padding: 2px; } #options-list h3 a { font-size: 12pt; color: #522; font-weight: bold; } #options-list a:hover { color: #cd0304; } #options-list h3 .new { font-size: 10pt; padding-left: 10px; } #options-list a { font-size: 10pt; font-weight: normal; } .options-form { vertical-align: middle; text-align: center; background: #f8f8f8; width: 50%; top: 120px; left: 25%; border: 10px solid #f22; position: fixed; padding: 10px;} .options-form input { margin: 20px 5px; padding: 5px; border: 2px outset #cd0304; background-color: #f8f8f8; } .options-form select { margin-left: 5px; } .options-form a { font-weight: bold; font-size: 12pt; margin: 5px 20px; display: block; text-align: right; } .options-form .name { text-align: center; } .options-form .name input { margin: 5px auto; } #events div { font-size: 12pt; padding: 10px; vertical-align: top; clear: both } #events textarea, #events input{ margin: 10px; float: left; width: 40%; } #events textarea { width: 80%; } .datePickerContainer, .timePickerContainer { float: left; } #events { font-size: 8pt; } #events td { font-size: 12px; } #events input{ font-size: 12px; } #events select{ font-size: 12px; } #events .gridTitle{ border-top: 1px #FFFFFF solid; border-bottom: 1px #C1C1C1 solid; border-left: 1px #C1C1C1 solid; border-right: 1px #FFFFFF solid; } #events .gridRow{ border-bottom: 1px #E7E7E7 solid; } #events .menu { vertical-align: top; } #events .menu td { vertical-align: middle; } .hours,.hours caption { margin: 10px auto; } .hours caption { font-weight: bold; font-size: large; border-bottom: 1px solid #bbb; padding: 2px; } p.caption { margin: 0px; padding: 5px; line-height: 110%; text-align: center; } .mute { font-size: small; color: #999; } .hours th { padding: 3px 20px; } #fronttable .blog { font-size: 105%; font-weight: bold; text-align: center; padding: 10px; height: 30px; } #fronttable a.blog { padding: 0px; } #page-splash { background-color: #F40000; } #page-splash #footer { display: none; } #page-splash #container {background: transparent; } #splash { width: 750px; height: 472px; margin: 0 auto; border-bottom: 40px solid #3FCDD7; } #splashbox { width: 750px; height: 300px; position: relative; } #splash .splash-a { position: absolute; top: 0; left: 0; } #splash .splash-b { position: absolute; top: 0; left: 331px; } #splash #slideshow { position: absolute; top: 0; left: 156px; } #splash img, #splash embed { margin: 0; padding: 0; } #splash .nav li a { padding-top: 0; } #splash .nav li { float: none; } #splash .nav li a span { padding-left: 15px; padding-right: 15px; } #slideshow { width: 175px; height: 300px; overflow:hidden; display: inline-block; background-color: #74C8D1; position: relative; } #slideshow img { position: absolute; left: 0; top: 0; z-index: 400; } .nav { list-style: none; background-color: #94E9EC; height: 28px; font-size: 14px; font-family: "Optima", Verdana, "Helvetica", "Arial", sans-serif; font-weight: bold; text-align: center; } .nav li { display: inline-block; height: 28px; line-height: 28px; text-align: center; } .nav li a { display: block; width: 100%; height: 100%; padding-top: 8px; font-size: inherit; color: #000; font-weight: bold; } .nav li a:active { color: #422; } .nav li a span { border-left: 1px solid #3FCDD7; line-height: 28px; position: relative; padding: 0 10px; cursor: pointer !important; color: #323232 } .nav li.last a span { border-right: 1px solid #3FCDD7; } #top { text-align: right; list-style: none; font-family: "Optima", "Helvetica", "Arial", sans-serif; font-weight: normal; padding: 3px 0; background-color: #F40000; } #top ul { width: 750px; margin: 0 auto; } #top li { display: inline-block; padding: 0 1em; margin: 0; } #top li.first { border-right: 1px solid #f88; } #top a, #top a:link, #top a:visited, #top a:hover, #top a:active { color: #fff !important; } #top a:hover { text-decoration: underline; color: #fff !important; } #go-home { display: block; } #go-home img { vertical-align: top; } #body { width: 780px; margin: 0 auto; } #container { background: #fff url(images/head_stripe.gif) repeat-x center 24px; position: relative; min-height: 100%; } #header { position: relative; } #header .nav { text-align: right; position: absolute; left: 200px; bottom: 15px; font-size: 15px; background-color: #46CBD7; white-space: nowrap; overflow: visible; width: auto; } .blue #header { margin-bottom: 22px; } #splash .nav li:hover, #splash .nav li.hover, #header .nav li:hover, #header .nav li.hover, #header .nav .active { background: #94E9EC url(images/nav_activebg.gif) repeat-x top; position: relative; z-index: 200; margin-right: -1px; padding-right: 1px; } #header .nav li.active a { color: #000 !important; } #header .nav li:hover, #header .nav li.hover { margin-left: 0; } #header .nav li:hover a, #header .nav li.hover a { text-decoration: none !important; } #splash .nav li:hover a span, #splash .nav li.hover a span, #header .nav li:hover a span, #header .nav li.hover a span { border-left: 1px solid transparent; border-right: 0; } #header .nav .active { margin-left: 1px !important; } #header .nav li a { padding: 0; } #header .nav li a span { border-color: #94E9EC; } #header .nav li.active a span { border: 0; } .ie8 #header .nav { font-size: 14px; } #searchform { position: relative; height: 30px; line-height: 30px; } #searchform #search { width: 130px; z-index: 5; position: relative; margin-right: 5px; } #searchform label { z-index: 10; color: #fff; position: absolute; color: #777; line-height: 35px; top: 0; left: 10px; font-size: 12px; } #searchform .submit { line-height: 30px; position: relative; top: 5px; } #searchform #search:focus { z-index: 15; } #footer { font-family: "Optima", "Helvetica", "Arial", sans-serif; border-top: 1px solid #F80000; border-bottom: 1px solid #F80000; text-align: center; background-color: #CAF3F5; clear: both; margin: 60px 0 20px; padding: 8px 0 12px; color: #323232; } #footer img { vertical-align: middle; } #footer .nav { font-size: 10px; font-weight: normal; margin: 0 auto; } #footer .nav li a { font-family: Verdana, Helvetica, Arial; font-weight: normal; font-size: 10px; color: #323232; } #footer .nav li a span { line-height: 18px; } #footer .nav li { display: inline-block; float: none; } #footer .nav { background-color: transparent; } br.clear { clear: both; } #footer .telephone, #footer .email { font-weight: bold; font-size: 11px;} #footer strong { font-size: 14pt; } .blue #container { background-color: #CAF3F5; } .blue #footer { background-color: #fff; } .blue #categories { width: 178px; } .blue #categories ul { border-left: 1px solid #B1E5E8; border-right: 1px solid #b1e5e8; border-bottom: 1px solid #b1e5e8; } .blue #categories ul ul { border: 0; } /** Browser fixes for those that don't support inline-block **/ .ff2 .nav li, .safari3 .nav li, .ff2 .nav li a, .safari3 .nav li a, .ff2 .nav li a span, .safari3 .nav li a span, .ff2 #footer .nav li, .safari3 #footer .nav li, .ff2 #top li, .safari3 #top li { display: inline !important; } .ff2 #header .nav li, .safari3 #header .nav li { float: left; } .ff2 #header .nav li a { position: relative; bottom: 8px; } .win.safari3 #header .nav li a { position: relative; bottom: 8px; font-size: 14px; } .productlist { list-style: none; clear: both; padding-left: 10px; width: 100%; } .productlist li { position: relative; float: left; width: 188px; height: 188px; text-align: center; margin: 10px 0 15px; } .productlist li a { display: block; vertical-align: bottom; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 700; } .productlist li a strong { width: 160px; padding: 0 14px; position: absolute; left: 0; top: 155px; } .masker { overflow: hidden; position: relative; background-color: #fff; } .mask { position: absolute; background: transparent no-repeat center; position: relative; z-index: 600; } .svg-mask { position: relative; z-index: 600; left: -1px; top: -1px } #detail .svg-mask { left: 0; top: 0; } .masker .product-css { background: transparent url(photos/no-image-available.gif) no-repeat center; position: absolute; left: 0; top: 0; } .masker .product { display: none !important; } #detail p { font-size: 11px; margin: 1em 0.5em 1em 1.3em; line-height: 18px; } #detail .masker { width: 330px; height: 330px; float: right; } #detail .mask { height: 100%; width: 100%; background-image: url(images/circle330.png); } #detail .product-css { width: 330px; height: 330px; } #optionthumbs { clear: both; overflow: hidden; font-family: "Optima", "Helvetica", "Arial", sans-serif; } #optionthumbs .option { float: left; text-align: center; margin: 10px; width: 90px; height: 100px; position: relative; } #optionthumbs .option .masker { height: 78px; width: 78px; margin: 0 auto; float: none; position: relative; z-index: 4000; } #optionthumbs .option .productlink { display: block; padding: 85px 0px 0; position: absolute; width: 100%; top: 0; left: 0; z-index: 5000; } #optionthumbs .option .mask { width: 78px; height: 78px; background-image: url(images/circle78.png); } #optionthumbs .option .product-css { width: 78px; height: 78px; } .productlist .masker { width: 150px; height: 149px; margin: 0 auto; overflow: hidden; } .productlist .masker a { position: absolute; z-index: 500; } .productlist .mask { width: 150px; height: 149px; background-image: url(images/circle150.png); } .safari .productlist .masker { height: 150px; } .productlist .product-css { width: 150px; height: 150px; } .productlist strong { display: block; width: 150px; margin: 0 auto; font-family: Verdana, Helvetica, Arial; font-size: 11px; } button { float: right; background-color: #3ECED7; padding: 1px; position: relative; border: 0; margin: 5px; } button span { display: block; width: 100%: height: 100%; border: 2px solid #fff; padding: 3px 5px; } #productform { clear: both; background-color: #DAF8FA; border: 1px solid #78B0AF; padding: .8em 1em; margin: 10px; overflow: hidden; font-size: 12px; } #productform button { float: right; background-color: #3ECED7; padding: 1px; position: relative; border: 0; } #productform button span { display: block; width: 100%: height: 100%; border: 2px solid #fff; padding: 3px 5px; } #productform .options div { margin: 10px 2px; ; } #productform .quantity { float: left; } #detail .description { padding: 5px; overflow: hidden; font-family: Verdana, Helvetica, Arial; font-size: 10pt; } #productform label { width: 75px; display: block; float: left; font-weight: bold; color: #4c1200; font-family: Verdana, Helvetica, Arial; font-size: 12px; } #productform input, #productform select { font-family: Verdana, Helvetica, Arial; font-size: 12px; color: #323232; font-weight: normal; } #productform .line { line-height: 3em; overflow: hidden; } #productform .line select { margin-top: .5em; } #cart { margin: 20px; } #cart table { background-color: #fff; border-collapse: collapse; border: 1px solid #78B0B1; font-size: 12px; width: 100%; } #cart table th, #cart table td { padding: 4px 10px; } #cart table th { background-color: #3FCDD7; text-align: left; } #cart table td { border: 1px solid #B2E5E8; padding: 5px 10px; } #cart .shade td {background-color: #DAF8FA; } #cart .spanner {border-left: 0; border-right: 0; } #cart button { padding: 0; } #cart button { float: right; background-color: #B2E5E8; margin: 5px 15px; border: 1px solid #3FCDD7; } .price { white-space: nowrap; } #checkout-form .half { width: 49%; float: left; } #checkout-form table { margin: 10px; } #checkout-form td { padding: 2px 2px; line-height: 1em; } .half td { line-height: 1em; } .half p { line-height: 1em; } #checkout-form caption { font-family: "Optima", "Helvetica", "Arial"; color: #555; border-bottom: 1px solid #78B0B1; font-weight: bold;} #checkout-form label { font-family: "Optima", "Helvetica", "Arial"; font-weight: normal; } .left { float: left; text-align: center; margin: 1em; } .right { float: right; margin: 1em; } .page h3 { border-bottom: 0; color: black; font-weight: bold; font-size: 16px; margin: 1.5em 1em .5em; float: none; } .page .name { font-size: 1.2em; line-height: 1.5em; text-align: center; font-weight: bold; color: #323232; } .page .caption { font-size: 8pt; line-height: 2em; } address { display: block; text-align: center; } .submitctr { text-align: center; padding: 20px 5px; margin: 0 auto; width: 100px; } .submitctr input { } .links { text-align: right; font-size: 10pt; margin: 10px; font-family: "Optima", "Helvetica", "Arial"; } .links li { display: inline-block; margin: 0 5px; font-weight: bold; } .links a { color: #018C8F; } .ff2 .links li, .safari3 .links li { display: inline } .author { font-size: 10px; color: #888; text-align: center; padding: 2px 0; margin-top: 2em; clear: both; letter-spacing: .05em; } #blog .post { margin: 2em 0; } #blog .post .postmeta small { font-size: .8em; text-align: right; display: block; color: #666; padding: 4px; } #blog .post { border-bottom: 1px solid #46CBD7; padding: 0 15px; } #blog h3 { margin: 5px 15px 0px; } #blog .postbody { width: 100%; margin-bottom: 3em; padding: 15px 0px; } #blog .postbody p, #blog .postbody div { font-size: 11px; line-height: 18px; margin: 5px; padding: 2px; } #blog a { color: #46CBD7 !important; font-weight: bold !important; } #join img { margin: 0 auto; display: block; } #join .half { width: 49%; float: left; } #join table { margin: 5px; } #join table td { padding: 5px 2px; } #join button { margin: 5px; } .messages { margin: 1.5em; font-size: 12pt; } p.error, li.error { display: block; background-color: #ffcccc; border: 1px solid #ff8888; color: black; list-style: disc; padding: 3px 5px; } .admin .body { padding-bottom: 20px; } .admin .author, #page-splash .author { bottom: 0; left: 0; width: 100%; padding: 4px 0; } #page-splash .author { background-color: #DC0000; color: #bbb; } #page-splash .author a, #page-splash .author a:link, #page-splash .author a:visited, #page-splash .author a:hover, #page-splash .author a:active { color: #999; } #export { width: 90%; margin: 0 auto; } .map { width: 600px; margin: 22px auto; border: 8px solid #41C9D5; text-align: center; } .map small { display: block; padding: 10px; } p a { color: #46CBD7 !important; font-weight: bold; } .admin .body a { line-height: 1.2em !important; } #logged-in { text-align: right; font-size: 10pt; } #logged-in a { font-weight: bold; color: #F40000 !important; } .admin .body ul { list-style: disc; padding-left: 2em; } .admin .body ul li { display: block; list-style: disc; } .admin .body .nosubcat { font-size: 12px; padding-left: 2em; line-height: 18px; } .admin h1 { font-size: 18pt; text-align: center; border: 5px solid #A1C9D5; padding: 10px; color: #0F9191; } .admin h2 { font-size: 16pt; margin-top: 1em; } .admin h3 { font-size: 14pt; } .admin .actions .links li { text-align: left; } #options ul { margin-left: 3em; margin-bottom: 2em; } #options h3 { margin-top: 1em; } #options h3 .new { font-size: .8em; float: right; } #invoices .date { padding-left: 5em; } #invoices li { text-align: center; } #invoices li a { font-weight: bold; } #product button { float: left; } table#option-selection { border-top: 2px solid #038E95 !important; } #option-selection td { border-bottom: 1px solid #038E95; } #product.body .element { padding: 10px; border-top: 1px solid #ccd; } #product.body .pricegroup { margin: 5px; line-height: 30px; } #product.body .pricegroup label { width: 16em; display: block; clear: left; float: left; white-space: nowrap; margin-right: 15px; text-align: right; } #product.body .pricegroup input { width: 8em; text-align: right; } #product.body .pricegroup li { border-bottom: 1px solid #eef; } #product.body .photogroup li { padding: 1em; text-align: center; } #product.body .photogroup { overflow: hidden; } #product.body td p { padding: 5px 20px; font-size: .9em; } .portrait { float: right; text-align: center; margin: -1em 1.5em .5em ; } #page-about h4 { clear: both; border: 0; margin: 22px 0 5px 1em; } #export a { text-decoration: underline; color: #449; } #page-about hr { clear: both; border: 3px double #eeeeff !important; } #page-about p { text-indent: 0; } #page-about h2 { clear: both; } #export strong label, #export strong input { float: left; margin-right: 15px; line-height: 30px; } #export button { display: inline; margin-left: 50px; float: right; line-height: 30px; } #export fieldset { border: 3px double #eef; padding: 20px; margin: 20px; } #export small { display: block; clear: both; font-size: 10pt; line-height: 20px; } #export small label:hover { text-decoration: underline; cursor: default; } .message { padding: 4px; font-size: 10pt; text-align: left; background-color: #cce8cc; border: 1px solid #44bb44; margin: 20px; } .errors { background-color: #e8cccc; border: 1px solid #bb4444; padding: 4px; font-size: 10pt; text-align: left; margin: 20px; } .errors li { border-top: 1px solid #ffeeee; padding: 5px; } .errors li:first-child { border-top: 0; } .nowrap { white-space: nowrap; } #changes { border: 2px solid #eeeef8; margin: 0px 0; width: auto; position: relative; height: 650px; } #changes h3 { float: left; clear: none; } #changes .table { position: absolute; bottom: 0px; width: 100%; z-index: 50; height: 600px; visibility: hidden; } #changes .table .scroll { height: 600px; width: 100%; background-color: #fff; overflow-y: auto; position: absolute; left: 0; top: 0px; } #changes .table.active { z-index: 100; z-index: 1000; visibility: visible; } #changes .table h3 { font-size: 12pt; line-height: 24px; padding-bottom: 16px; } #changes .table thead tr { top: 24px; left: 0; } #changes table td { border-bottom: 1px solid #eef; overflow: visible; } #changes table td, #changes table th { font-size: 11px; padding: 0; border-right: 1px solid #aaa; height: 1em; } #changes table td > div { padding: 2px 3px; } #changes td.check { padding: 0; vertical-align: middle; } #changes table .messages ul { background-color: #fff; position: absolute; left: 1em; top; 0; z-index: 5000; list-style: inside circle; padding: 2px; border: 2px solid #999; } #changes table td div { height: 1em; } #changes table td div div { height: 1em; overflow: hidden; position: relative; z-index: 5; text-overflow: ellipsis; line-height: 1em; } #changes table td.description { white-space: pre-wrap; max-width: 400px; } #changes table td.name { white-space: nowrap; } #changes table td div div:hover { overflow: visible; height: auto; z-index: 1000; background-color: #fff; outline: 2px solid #dde; } #changes table td ul { margin: 0; list-style: disc; } #changes table tr.NONE td { color: #777; } #changes table tr.NONE .messages div { display: none; } #changes table tr.CREATE .messages div { display: none; } #changes table tr.UPDATE .messages div { } #changes table tr.DELETE .messages div { display: none; } #changes table tr.ERROR .messages div { } #changes table tr.NONE.odd td { background-color: #f8f8f8; } #changes table tr.CREATE.odd td { background-color: #e8f8e8; } #changes table tr.UPDATE.odd td { background-color: #f8f8e8; } #changes table tr.DELETE.odd td { background-color: #f8e8f8; } #changes table tr.ERROR.odd td { background-color: #f8e8e8; } #changes table tr.NONE.even td { background-color: #ffffff; } #changes table tr.CREATE.even td { background-color: #f8fff8; } #changes table tr.UPDATE.even td { background-color: #fffff8; } #changes table tr.DELETE.even td { background-color: #fff8ff; } #changes table tr.ERROR.even td { background-color: #fff8f8; } #changes table td.messages div ul { display: none; } #join.body { width: auto; float: none; } #cart td div { line-height: 1.4em; } ul.errors { list-style: none; } #changes .wait { position: absolute; height: 100%; width: 100%; left: 0; top: 0; opacity: 0.8; background-color: #fff; z-index: 2000; } #changes h3 { border: 1px solid #999; background-color: #eee; border-top: 0; padding: 2px 5px; ; font-size: 11pt; } #changes h3 a { color: #888; } #changes h3 a { text-decoration: none; } #changes h3.active a { color: #000; } #changes h3.active { border: 1px solid #444; border-top: 0; background-color: #fff; } #breadcrumb { white-space: nowrap; font-size: 11px; margin: -20px 0 0px 15px; width: 565px; float: left; color: #323232; } #breadcrumb a { margin: 0 5px; color: #323232 } #social { background-color: #d5f9cb; height: 350px; padding-top: 5px; border-top: 40px solid #74C8D1; } #social div.feed { width: 240px; float: left; margin: 0 4px; border-right: 2px solid #AEE7EB; height: 345px; overflow: hidden; } #social iframe { height: 100% important!; } #social div.feed ul { padding: 0; height: 275px; padding: 5px; width: 170px; margin: 0 2px 0 57px; overflow-y: auto; color: #323232; } #social div.feed li { padding: 2px; border-bottom: 1px solid #AEE7EB; list-style: none; display: block; font-size: 11px; line-height: 14px; margin-right: 5px; } #social div.feed ul a { color: #458E92 !important; } #social div.feed small { display: block; text-align: right; color: #777777; font-size: 11px; } #social div.feed .head a { display: block; width: 100%; height: 100%; } #social div.feed .head { border: 2px solid #AEE7EB; border-right: 0; height: 48px; padding: 5px 10px; } #social div.feed .head h3 { color: #458E92; font-size: 16px; line-height: 24px; clear: none; border-bottom: 0; margin: 0 5px; } #social div.feed .head h4 { line-height: 16px; color: #323232; margin: 0 5px; } #social div.feed .head img { float: left; display: block; margin: 4px 10px 4px 4px; } .required span { font-weight: bold; color: #FF2222; } .required { font-weight: bold; color: #222244; } #uploadPhoto { }