/* CSS GLOBAL */ body { font-family: helvetica, arial, sans-serif; color: #111; margin-top: 0px;} strong { font-weight:bold;} .border { border: 1px solid rgb(230,230,230); } .disabled { opacity: 0.2; } .hidden { position:absolute; left:-1000px; top:-1000px; width:0; height:0; overflow:hidden; display:inline; } .container { background: #fff;} /* DEBUG */ .debug_toolbar {margin-top: 34px!important;} .debug { background: magenta!important; } .debug_ct { background: #0099ff!important; } /* THE GRID */ #doc3 { margin:auto; } #bd { margin: 1em 0 1em 0;} #doc3.nav { background: #cef3d1!important; } /* rgb(232,236,220) */ /* TYPO GLOBAL */ h1 { font-size: 167%; margin: 0 0 10px 0; padding: 0; letter-spacing: 0px; line-height: 1.0em; text-align: left; color: #111; } h2 { font-size: 138.5%; font-weight: normal; color: rgb(51,51,51); line-height: 1.45em; margin: 0 0 0.5em 0;} h3 { font-size: 108%; font-weight: bold; color: rgb(51,51,51); line-height: 1.45em; margin: 0 0 0.5em 0;} h4 { font-weight: bold; margin: 0 0 1em 0;} p { line-height: 1.45em; } .small { font-size: 85%; } /* LINKS */ /*a { color: default;} a:hover { color: default;} a:visited { color: default;}*/ /* HEADER */ div.header { background: #a77a27 url(/static/p/bgap.png); font-size: 108%;line-height: 1.7em;} div.header div.topnavi { margin: 0 auto;padding: 11px 0 9px 0;text-align: right;color: #fff;background: transparent;} div.topnavi { width: 950px;clear: both;overflow: hidden; } div.header img { float: left;} body div.header a { color: #fff; } div.topnavi ul {margin: 0px; padding: 0px; float: right;} div.topnavi ul li { float: left;margin: 0px; padding: 0 0em 0 0.4em;} div.topnavi ul li a { margin: 0 0px 0px 0; } /* SIDEBAR */ .payment_icons { margin: 1.5em 0 1em 0; float: left; height: 23px; width: 180px;} .payment_icons img { float: left!important; margin: 0px!important; margin: 1px 1px 0 0px!important; padding: 0px!important!important;} .payment_icons img.master { float: left!important; margin: 0px!important; } .payment_icons img.post { float: left!important; margin: 0px 0px 0 2px!important; } .search { margin: 1px 0em 1em 0; padding: 0 0 0em 0;border-bottom: 0px solid #888;} .search input.fg-button { width: 56px; margin: 0px; } input#search_keywords { width: 112px; } .twitter { text-indent: 4px; margin: 1.45em 0 0px 0; font-size: 14px!important; border-top: 0px solid #888; border-bottom: 0px solid #888; } .latest_tweets { margin: 1em 0 0.5em 0; padding: 0em 0 0 0; border-top: 0px solid #888; } .latest_tweets h3 { text-indent: 4px; margin: 0 0 0.7em 0;font-size: 14px!important;line-height: 2em; border-top: 1px solid #888; border-bottom: 1px solid #888; } .latest_tweets .row1 { background: #edf2ff; padding: 4px; font-size: 11px; line-height: 1.45em;} .latest_tweets .row2 { padding: 4px; font-size: 11px; } .latest_tweets small { font-weight: bold; font-size: 11px;} /* FOOTER */ .footer { border-top: 1px solid rgb(204,223,255); padding: 1em 0 0 0; text-align: center;} .footer p { font-size: 85%; line-height: 1.45em!important; color: rgb(102,111,127); margin: 0em!important; padding: 0em!important;} /* THE PRODUCT_TEASER */ .product_teaser { background: rgb(207,212,225); width: 754px; height: 390px; overflow: hidden; padding: 1px; margin: 0 0 1em 0;} /* BREADCRUMB */ .breadcrumb { margin:0em 0 0.5em 1px;} .breadcrumb li { float: left; border: 0px; padding: 0 0.4em 0 0;} .breadcrumb li:before { content: "\0020 \0020 \0020 \00BB \0020"; display: inline; list-style: none; } .breadcrumb li.first:before { content: " "; } .breadcrumb a { text-decoration: underline;} /* THE PRODUCT CATEGORIES LIST */ .product_categories { margin: 0em 2px 0 0; padding: 1em 0 0 0; border: 0px solid rgb(232,236,220);} .product_categories li { line-height: 1.45em; font-size: 100%; padding: 1px 0px; } .product_categories li a { background: url(/static/p/arrow.gif) no-repeat 0 5px; padding: 1px 14px; text-decoration: none; color: #444; font-weight: bold; display: block; border-bottom: 1px solid rgb(232,236,220); } .product_categories .current { font-weight: bold; } .product_categories li ul li a { font-size: 100%; font-weight: normal!important; } /*.product_categories h3 { text-indent: 14px; line-height: 2.45em; border-top: 1px solid rgb(212,216,200); border-bottom: 1px solid rgb(232,236,220); font-size: 100%;}*/ .product_categories h3 { text-indent: 4px; font-size: 14px!important;line-height: 2em; border-top: 1px solid #888; border-bottom: 1px solid #888; } /* THE PRODUCT PREVIEW ----------------------------------*/ .product_preview_box { line-height: 0em; padding:0 0 1em 0;} .product_preview_box img { background:#fff; border-top: 1px solid rgb(237,242,255); border-right: 1px solid rgb(237,242,255); border-left: 1px solid rgb(237,242,255); margin: 0em!important; padding:2px!important; } .product_preview_box p { color: #333; font-weight: normal; background: rgb(237,242,255); border-bottom: 0px solid #111; border-right: 0px solid #111; border-left: 0px solid #111; font-size: 100%; margin:0px 0px;padding:0.4em 6px;overflow: hidden; height:3.75em; line-height:1.25em; } /*.product_preview_box p.buttons { color: white; font-weight: bold; font-size: 13px; border: None; margin:3px 0 0 0px;padding:0px;background:inherit;height:100%;line-height:1.45em; }*/ .product_preview_box .price { color: #333; font-weight: bold; } .product_preview_box a.fg-button {width: 88px; } .product_preview_box input.fg-button {width: 88px;} .product_preview_box .fg-buttonset { margin: 2px 0 0 0;} .single_preview {width: 178px !important; } .single_preview img {border: 1px solid #333; border-bottom: 0px solid; } .single_preview p {border: 1px solid #333; border-top: 0px solid; } .single_preview a.fg-button {width: 176px!important; } /* THE PRODUCT VIEW ----------------------------------*/ .product_preview_row { } .product_view { background: rgb(237,242,255); padding: 10px; line-height: 1em; margin: 0 0 1em 0;} .product_view_head { margin: 0 0 10px 0;} .product_view h3 { color: rgb(0,82,197);} .product_add_to_cart { background: #fff; padding: 0em 0; float: left; margin: 0 0 1em 0; width: 100%;} .product_price { font-size:153.9%; color: rgb(0,82,197); display: block; line-height: 1em; margin: 0px 0 6px 0px;} .product_view_buzz p { font-size: 93%; color: #222; line-height: 1.25em!important; margin: 0 0 1em 0;} .product_view form { padding:6px;} .product_view .caption { background: rgb(220,220,220);color:#111; font-size: 93%;margin: 2px 0 0 0;padding: 4px 6px 3px 9px; } .product_view img.in_stock { float: left; margin: 2px 6px 0 0;} .product_view ul li {float: none;} .product_view_footer { margin: 10px 0 0 0;} #product_view_desc { margin: 1em 0 0 0;} .photoviewer {line-height: 0em;} .photoviewer img { border: 1px solid rgb(220,220,220);} .magnifier { background: #fff url(/static/p/magnifier.png) no-repeat 1px 1px; height: 26px; width: 31px; display: block; position: absolute; margin: 2px; } .product_thumbs { float: left!important; width: 100%;background: #fff; margin: 2px 0 0em 0; } .product_thumbs ul { margin: 5px 0 0 0;} .product_thumbs li { float: left!important; width: 84px;border: 0px; display: block; height: 56px; overflow: hidden; margin: 0px 0px 5px 5px;} .product_thumbs p { color: #333; background: rgb(237,242,255); margin:0px 0px;padding:6px;overflow: hidden; height:2.8em; line-height:1.25em; } .product_thumbs a { color: #111; text-decoration: none; } .products_related { float: left!important; width: 100%; margin: 0em 0 1em 0;} .products_related li { float: left!important; width: 144px; border: 0px; margin: 0 0px 1em 9px;} .products_related li.first { margin: 0 0px 0 0px;} .products_related p { color: #333; background: rgb(237,242,255); margin:0px 0px;padding:6px;overflow: hidden; height:3.2em; line-height:1.25em; } .products_related a { color: #111; text-decoration: none; } .products_related a.fg-button { margin-top: 2px; width: 142px!important; } /* THE CART ----------------------------------*/ /*.header { width: 950px; line-height: 0em; color: #999; font-size:100%; margin: 0 auto; padding: 4px 0 1px 1px; background-color: transparent; text-align: center; } */ .cart_checkout_container { width: 100%; background: #fff; /*rgb(232,246,255)*/; border-top: 1px solid #fff;} .cart_checkout { width: 950px; padding: 0px 0; margin: 0 auto;} .cart_url { text-align: left; margin: 10px 0 0 194px;color: #111; font-size:100%; padding: 0px 0 0 0px; } .cart_url .fg-button-cart { width: 480px!important; text-align: left;} .cart_url .fg-button-checkout { width: 225px!important; text-align: left;} /*.cart_checkout { width: 100%; }*/ .cart { background: rgb(237,242,255); width: 736px; padding: 10px; margin: 0 0 1em 0; float: left;} .cart h2 { float: left; margin: 0px;} .cart p.buttons { width: 100%; margin:0.4em 0em 1em 0em;padding:0 0 0em 0; text-align: right!important; background: yellow; float: left;} .cart table { clear: both; width: 100%; border-collapse: separate; border-spacing: 0px 5px; margin: 0px;} .cart th { border-top: 1px solid rgb(194,212,242); border-bottom: 1px solid rgb(194,212,242); font-size: 85%; font-weight: bold; padding: 3px 6px 2px 1px;} .cart tr.row1 { background: rgb(255,255,255); } .cart tr.row2 { background: rgb(204,223,255); } .cart td { padding: 0px 6px 0px 0px; } .cart .sum { background: rgb(204,223,255); } .cart .sum .total { height: 70px; padding: 0px 6px 0px 1px;} .cart .price, .cart .quantity, .cart .total { text-align: right;} .cart img { border: 1px solid rgb(122,122,122); margin: 4px 0 0 4px; padding: 0em; } .cart input { padding: 0 1em 0 1em; } .cart input { padding: 0 1em 0 1em; } .cart a.checkout_button {float:right; line-height:1.25em!important;height: 16px; width: 20%; padding-top: 4px; margin: 0 0 0 10px;} /* THE CHECKOUT ----------------------------------*/ .checkout { background: rgb(237,242,255); padding: 10px; margin: 0px 0 1em 0;} .checkout .login { background: #fff; padding: 10px 10px 0em 0px; margin: 0 0px 10px 0;} .checkout .form { background: #fff; padding: 10px 20px 10px 20px; margin: 0 0 0em 0; border-right: 2px solid rgb(237,242,255);} .checkout .form p { background: #fff; padding: 0px; margin: 0 0 1em 0;} .confirm .form { border-right: 0px solid rgb(237,242,255);} .checkout p { margin: 0 0 1em 0;} .checkout .form p.error, .login p.error, .cart p.error { background: rgb(205,53,70); font-weight:normal; color: #fff;padding: 3px 4px; margin: 0em 0 1em 0px; width: auto;} .checkout fieldset { display: block; margin: 0 0 1em 0!important; border: 0 solid #FFFFFF; border-top: 0px solid #111; border-bottom: 0px solid #111; padding: 0.4em 0em 0px 0; line-height: 2em; } .checkout .login fieldset { border-top: 0px solid #111; } .checkout legend { font-size: 85%;color: #111; font-weight: bold; padding: 0px 4px 0px 0px; } .checkout .form label , .checkout .login label { width: 40%; padding: 0 1px 0px 1px; display: block; float: left;font-size: 100%; font-weight:normal; } .checkout .form p.error_field { font-weight:normal; color: #111;padding:0; margin: 0; width: auto;} .checkout .form input, .checkout .login input { margin: 0 0 1em 0; width: 55%; padding: 0 1px 0 1px;} .checkout .form select, .checkout .login select { margin: 0 0 1em 0; width: 55%; padding: 0 1px 0 1px;} .checkout .error_field input { background: rgb(205,53,70); color: white;} /*.checkout h3 { color: rgb(0,82,197);}*/ .checkout .sidebar h3 { color: rgb(0,82,197);} .checkout .sidebar p { font-size: 93%; color: #222; line-height: 1.45em!important; margin: 0 0 1em 0;} .checkout input#id_copy_address {float: left; margin: 8px 10px 0 0px; width: auto;} .checkout .f_payment label input, .checkout .f_shipping label input {float: left; margin: 2px 10px 0 0px; width: auto;} .checkout .f_shipping label, .checkout .f_payment label { float: left; width: 90%; line-height:1.45em; margin: 0 0 1em 0; } .checkout table { clear: both; width: 100%; border-collapse: separate; border-spacing: 0px 0px; } .checkout th { border-top: 1px solid rgb(194,212,242); border-bottom: 1px solid rgb(194,212,242); font-size: 85%; font-weight: bold; padding: 3px 2px 2px 2px;} .checkout tr.row1 { background: rgb(255,255,255); } .checkout tr.row2 { background: rgb(241,240,255); } .checkout tr.bold { font-weight: bold; } .checkout td { padding: 5px 2px 5px 2px; } .checkout .price, .checkout .quantity, .checkout .total { text-align: right;} .checkout .sum td { border-top: 1px solid rgb(194,212,242); padding: 5px 2px 5px 2px; } .checkout legend { font-size: 138.5%; font-weight: normal; color: rgb(51,51,51); } .checkout label { width: 40%; } table.order_history td.items { padding: 0px 2px 5px 2px;} .checkout .sidebar label { display: block; float: left; width: 55%; font-size: 93%; font-weight: bold; line-height: 1.2em;} .checkout .sidebar input { width: 95%;} .checkout .sidebar input.button { font-size: 100%; } .checkout label.terms { float: left; width: 90%; margin: 0 0 1em 0; line-height: 1.45em;} .checkout input#id_terms {float: left; margin: 2px 10px 0 0px; width: auto;} #checkoutprogress { float: left; margin: 10px 0 10px 0px!important;} #checkoutprogress a { text-decoration: none; width:100%; display: block;} #checkoutprogress .fg-buttonset { margin: 0!important; padding: 0px!important; width: 100%} #checkoutprogress li { float: left;width: 213px; text-align: left;} /* TBD #checkoutprogress .noaccount li { float: left;width: 165px!important; text-align: left;} */ p.buttons { width: 100%; text-align: center; padding: 0 1em 0 1em; } p.buttons input { padding: 0 1em 0 1em; } p.buttons a {margin: 1px 0 0 0; padding: 4px 1em 0 1em;} .login p.buttons a {float:none; margin: 1px 2em 0em 0; padding: 4px 2em 4px 2em; } /* THE CLIENT ACCOUNT ----------------------------------*/ .account { background: rgb(237,242,255); padding: 10px; margin: 0 0 1em 0; } .account .form, .account .content { background: #fff; padding: 10px 20px 10px 20px; } .account .form p, .account .content p { background: #fff; padding: 0px; margin: 0 0 1em 0;} .account p.buttons { padding: 0em; margin: 1em 0 0 0;} .account .form input { width: 55%; margin: 0 0 1em 0;} .account label { width: 40%; padding: 0 1px 0px 1px; display: block; float: left;font-size: 100%; font-weight:normal; } .account p.error { background: rgb(205,53,70); font-weight:normal; color: #fff;padding: 3px 4px; margin: 0em 0 1em 0px; width: auto;} .account .error_field input { background: rgb(205,53,70); color: white; margin: 0;} .account fieldset { display: block; margin: 0 0 1em 0!important; border: 0 solid #FFFFFF; border-top: 0px solid #111; border-bottom: 0px solid #111; padding: 0.4em 0em 0px 0; line-height: 2em; } .account legend { font-size: 108%; font-weight: bold; color: rgb(51,51,51); } .account .form select { margin: 0 0 1em 0; width: 55%; padding: 0 1px 0 1px;} .account input#id_copy_address {float: left; margin: 8px 10px 0 0px; width: auto;} .article_sidebar a.fg-button { width: 95%;} /* THE NEWS AND FAQs ----------------------------------*/ .article_views { background: rgb(237,242,255);padding: 10px 14px 10px 10px; line-height: 1em; margin: 0 0 1em 0;} .article_views h1 { color: rgb(51,51,51); } .news_entry, .faq_entry { background: #fff!important; width: 456px; padding: 10px 14px; float: left; margin-bottom: 1px;} .news_entry h1 { font-size: 138.5%; line-height: 1.45em; margin: 0 0 0.5em 0; } .news_entry h1 a:link { text-decoration: none!important; color: rgb(51,51,51)!important; } .news_entry h1 a:visited { text-decoration: none!important; color: rgb(51,51,51)!important; } .news_entry h1 a:hover { text-decoration: none!important; color: #999!important; } .news_entry { line-height: 1.4em; } .news_entry p, .faq_entry p { margin: 0em 0 1em 0; min-height: 1.45em; } .news_entry p.small { margin: 0 0 0.5em 0; } .news_entry img { margin: 0 10px 0 0; } .news_entry ul { margin: 0em 0 0 1.45em!important;} .news_entry ul li { list-style-type: disc; line-height: 1.45em;} .news_entry .flashvideo_preview { float: left; line-height: 0em; margin:0.4em 1em 1.5em 0em; background: rgb(134,234,239);} .news_entry .flashvideo { margin:0em 0em 1em 0em; background: rgb(234,234,239);} .article_views ul { margin: 0; padding: 0em; line-height: 1.45em; } .article_views ul li.cat { font-size: 108%; color: #333; font-weight: bold; margin: 1em 0 0.5em 0; } .article_sidebar { width: auto;} .article_sidebar h3 { color: rgb(0,82,197);} .article_sidebar ul { margin: 0 0 1em 0;} .article_sidebar li { border-bottom: 1px solid rgb(204,223,255); margin: 0 0 1px 0; padding: 1px 0px; line-height: 1.45em; font-size: 100%; } .article_sidebar li a { text-decoration: none; color: rgb(102,111,127); } .article_sidebar li a:hover { color: #111; } .article_sidebar .current { font-weight: bold; } .article_sidebar .ad { margin: 0 0 1em 0; padding: 2px;border: 1px solid rgb(204,223,255); } .article_sidebar h6 { margin: 0 0 2px 1px; } .article_sidebar img { } .article_sidebar .ad p { color: #333; font-weight: normal; background: #fff; border-bottom: 0px solid #111; border-right: 0px solid #111; border-left: 0px solid #111; font-size: 100%; margin:2px 0 0 0px;padding:0.4em 6px; line-height:1.25em; } .popup { text-align: left; margin: 1em 3% 2em 3%;} .popup p { text-align: left; margin: 0em; padding: 0 0 1em 0;} .popup p.buttons { text-align: center!important; width: 94%;} .fg-button-close { float: none!important; margin: 1em; padding-bottom: 4px!important;} /* THE BUTTONS AND INPUT FIELDS ----------------------------------*/ /* OVERRIDE jquery-ui-1.7.1.custom.css ----------------------------------*/ .ui-widget { font-family: helvetica, arial, sans-serif!important; font-size: 1em!important; background: #fff!important; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid rgb(38,142,232)!important; background: #fff!important url(images/ui-bg_highlight-hard_100_f9f9f9_1x100.png) 50% top repeat-x; color: #111!important; } .ui-widget-content a { color: #362b36; } .ui-widget-header { border: 0px solid #b2c7d7!important; background: rgb(237,242,255) url(images/ui-bg_highlight-soft_100_e7eef3_1x100.png) 50% 50% repeat-x!important; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } #product_view_desc.ui-widget-content {border: 0px solid rgb(38,142,232)!important;} .ui-tabs { padding: 0em!important; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0!important; } .ui-tabs .ui-tabs-nav li { position: relative; font-weight: bold; font-size: 93%; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default!important; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 0em!important; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-state-active { cursor:default!important;} .product_view .tab_ct { padding: 1em!important; line-height: 1.45em;} .product_view .tab_ct p { margin: 0em 0 1em 0px!important;} .product_view .tab_ct ul { margin: 0em 0 0 1.45em!important;} .product_view .tab_ct ul li {list-style-type: disc; line-height: 1.45em;} .product_view .tab_ct img { margin: 0 10px 10px 0px!important; float: left;} /* global */ .fg-button{font-size: 85%; font-weight: bold;outline:0;margin:0 4px 0 0;padding:0px;text-decoration:none!important;cursor:pointer;position:relative;text-align:center;zoom:1} .fg-button .ui-icon{position:absolute;top:50%;margin-top:-8px;left:50%;margin-left:-8px} a.fg-button,li.fg-button{float:left; line-height:1.25em!important;height: 16px; padding-top: 4px;} button.fg-button, input.fg-button {height: 22px; line-height: 1em!important;} button.fg-button{width:auto;overflow:visible} .fg-button-icon-left{padding-left:2.1em} .fg-button-icon-right{padding-right:2.1em} .fg-button-icon-left .ui-icon{right:auto;left:.2em;margin-left:0} .fg-button-icon-right .ui-icon{left:auto;right:.2em;margin-left:0} .fg-button-icon-solo{display:block;width:8px;text-indent:-9999px}/**/ .fg-buttonset {float:left} .fg-buttonset .fg-button{float:left} .fg-buttonset-single .fg-button,.fg-buttonset-multi .fg-button{margin-right:-1px } .ui-icon-circle-close {margin: 0px!important; padding: 0px!important;background-color: transparent;border: 0px solid #fff!important; background: url(/static/p/remove_from_card.gif) 5px 0px no-repeat ; width: 30px; height: 30px!important;}