/*------------------------------------------------------------------ Template: Simple Version: J 1.5 Theme: Master CSS Copyright: M.Lynx Created: 2012 -------------------------------------------------------------------*/ /* Body ---------------------------------------------------*/ body {background: #330e00 url(../images/bg-2.jpg) no-repeat center;color:#fff;line-height: 2em;} /* TopRow ---------------------------------------------------*/ .topRow .containerBG {padding: 0;text-align: right} .topRow span,.topRow span a {text-align: right} #top4 ul {float: right;margin: 0;} #topWrapper ul li {float: left;list-style-type: none;padding: 0;} /* Logo Row ---------------------------------------------------*/ .logoRow .containerBG {padding-bottom: 20px;padding-top: 60px} #logo {font-size: 90%;color: #fff;line-height: 1.5em;} #logoBorder {background: url(../images/bg12.png) no-repeat center;float: left;padding-top: 10px; border-left: 1px solid #000; border-right: 1px solid #000; } /* Nav Row подложка меню и выкладки bg3 ---------------------------------------------------*/ .navRow .containerBG {padding: 0} #navWrapper {} .mainRow .containerBG {padding: 0; border-left: 1px solid #000; border-right: 1px solid #000;} /* Bottom ---------------------------------------------------*/ .bottomRow {padding:0;} .bottomRow .containerBG {padding: 0;margin: 0;} #bottom {float: left;width: 100%;padding-top: 30px;} .bottomRow ul li {list-style-type: none;margin: 0;} .bottomRow ul li {border-bottom: 1px solid #eee;display: block;} .bottomRow ul li:last-child {border: 0;} .bottomRow ul li a {display: block;} /* Footer ! ---------------------------------------------------*/ .footerRow {padding-bottom: 50px} .footerRow .containerBG {border: 0;padding: 8px 0 0 0} #footer {background: url(../images/bg21.png) no-repeat left top;float: left;width: 100%;} #footer ul li {list-style-type: none;float: left;margin: 0 20px 0 0} #footer ul li a {float: left;font-size: 0.9em} /* Pathway ---------------------------------------------------*/ #breadcrumb {margin: 0 0 10px;width: 100%;padding: 0;font-size: 90%;margin-top: -15px;} #breadcrumb .moduletable {text-align: right} .pathway img {margin: 6px 2px 0} /* Main, Left and right Column Стиль левой колонки ---------------------------------------------------*/ #leftCol .moduletable,#leftCol .moduletable_menu,#leftCol .moduletable-panelmenu,#leftCol .moduletable-border,#rightCol .moduletable,#rightCol .moduletable_menu,#rightCol .moduletable-panelmenu,#rightCol .moduletable-border {margin-bottom: 20px} #mainContent {background: url(../images/pad31.png) no-repeat top;margin-bottom: 0} #ny4 {background: url(../images/pad3.png) repeat center;} #ny5 {background: url(../images/pad32.png) no-repeat bottom;line-height: 1.5em;margin: 0px;padding: 0px} #abovecontent {background: url(../images/pad31.png) no-repeat top;margin: 0px;padding: 0px} #twoL2 {background: url(../images/pad3.png) repeat center;width: 550px;} #endcontent {background: url(../images/pad32.png) no-repeat bottom;margin: 0px;padding: 0px} #ny1 {background: url(../images/pad51.png) no-repeat top;} #ny2 {background: url(../images/pad3.png) repeat center;} #ny3 {background: url(../images/pad61.png) no-repeat bottom;line-height: 1.5em;margin: 0px;padding: 0px} /* Main, Left and right Column ---------------------------------------------------*/ a {color:#fff;text-decoration: none;} /* general Link Hover Colours */ a:hover {text-decoration: underline;} p {margin: 8px 0; line-height: 1.2em; text-align: justify} /* Headings */ h1,.componentheading {color: #ccc;font-size: 150%;line-height: 2em} h2,.contentheading,h2 a {font-size: 130%;margin: 0 0 8px 0;color: #898031;} .contentheading {border-bottom: 1px solid #eee;padding-bottom: 8px;} h3,.moduletable h3 {font-size: 120%;padding: 6px 0 6px 0px;text-align: left;border-bottom: 1px solid #eee;} h4 {color: #333} h5 {color: #fff;background: #333;padding: 2px 0 2px 4px} h6 {color: #fff;background: #999;padding: 2px 0 2px 4px} /* Superfish ---------------------------------------------------*/ .moduletable-superfish ul,#nav ul {float: right;margin-top: 30px;padding: 0;margin: 0} .moduletable-superfish ul li,#nav ul li {margin: 0 20px 0 0} .moduletable-superfish ul li a,#nav ul li a,#nav span.expanded,.moduletable-superfish span.expanded,.moduletable-superfish a.mainlevel.sf-with-ul, #nav a.mainlevel.sf-with-ul {font-size: 1em;padding-bottom: 8px} .moduletable-superfish span.expanded,#nav span.expanded,#nav ul span.mainlevel {text-transform: uppercase} .moduletable-superfish a.mainlevel.sf-with-ul,.moduletable-superfish a.mainlevel_active.sf-with-ul,#nav a.mainlevel.sf-with-ul,#nav a.mainlevel_active.sf-with-ul,#nav ul span.mainlevel {background: url(../images/navParent.png) no-repeat 0 center;padding-left: 20px} .moduletable-superfish a.mainlevel_active,.moduletable-superfish .mainlevel_current,.moduletable-superfish ul li a:hover,#nav a.mainlevel_active,#nav .mainlevel_current,#nav ul li a:hover,#nav ul li.active a.mainlevel.sf-with-ul,.moduleclass-superfish ul li.active a.mainlevel.sf-with-ul,#nav ul li.active span.mainlevel,.moduletable-superfish ul li.active span.mainlevel {color: #333} #nav ul li li.active a {background: #f1f1f1} /* Nav - Second and third levels */ .moduletable-superfish li:hover ul,.moduletable-superfish ul li.sfHover ul,#nav li:hover ul,#nav ul li.sfHover ul {left:0px;top:46px} .moduletable-superfish li ul,#nav li ul {border: 1px solid #ddd;border-width: 0 1px 1px 1px;background: #fafafa} .moduletable-superfish ul li li a,#nav ul li li a {border-bottom: 1px solid #ddd;border-top: 1px solid #fff;font-size: 0.9em} .moduletable-superfish ul li li span.expanded,#nav ul li li span.expanded {padding-left: 15px;font-size: 90%} .moduletable-superfish ul ul,#nav ul ul {border-width: 1px} /* Left and Right Column menu Items ---------------------------------------------------*/ #leftCol ul, #rightCol ul {margin: 0;padding: 0;} #leftCol ul li, #rightCol ul li {margin: 0;padding: 0} #leftCol ul li a,#rightCol ul li a,#leftCol ul li span.separator,#rightCol span.separator{border-bottom: 0px solid #eee;font-size: 1em;background: url(../images/button1.png) no-repeat 0 center;} /* Left and right Sub menus субменю!!!*/ #leftCol ul ul {border:none} #leftCol ul li li a,#rightCol ul li li a,.moduletable-panelmenu ul li li a,li.level2 a,li.level3 a {padding: 4px 0 0 16px;font-size: 90%;background: url(../images/button31.png) no-repeat 0 center;margin-left: 20px;padding-left: 20px;color: #fff} #leftCol ul li li li a,#rightCol ul li li li a {background: none} #leftCol ul li#current a,#leftCol ul li.active span.mainlevel span{color: #fff;padding-left: 20px;} #leftCol ul li a:hover {color: #333;} #leftCol ul li li a:hover,#rightCol ul li li a:hover {background: url(../images/button41.png) no-repeat 0 center;color: #fff;} #leftCol span.expanded:hover,#rightCol span.expanded:hover,#leftCol span.mainlevel span:hover,#rightCol span.mainlevel span:hover {background: url(../images/button21.png) no-repeat 0 center;color: #fff} #leftCol span.expanded:hover,#rightCol span.expanded,#leftCol span.mainlevel span::hover,#rightCol span.mainlevel span {background: none;} #leftCol span.expanded:hover,#rightCol span.expanded:hover,#leftCol span.mainlevel span:hover,#rightCol span.mainlevel span:hover {} /* Styling for parent on panel menu */ #leftCol span.expanded,#rightCol span.expanded,#leftCol span.mainlevel span,#rightCol span.mainlevel span {border-bottom: 0px solid #eee;background: url(../images/button11.png) no-repeat 0 center;display: block;padding-left: 30px;cursor: pointer; color: #fff} /* Input Styling */ .inputbox,input#email {font-size: 13px} /* Overrides */ /* Page classes */ div.jbFrontPage {border-bottom: 1px solid #E7E7E7;padding-bottom: 30px;margin-bottom: 20px} div.jbArticle {border-bottom: 1px solid #E7E7E7;padding-bottom: 30px;margin-bottom: 20px} div.jbSection {border-bottom: 1px solid #E7E7E7;padding-bottom: 30px;margin-bottom: 20px} div.jbCategory {border-bottom: 1px solid #E7E7E7;padding-bottom: 30px;margin-bottom: 20px} .article_row {margin: 0;padding: 0} /* Author and date styling */ div.jbAuthorDate {} span.jbModifydate {float: right} span.jbAuthor {float: right} /* Article Meta */ .jbCreatedate,.jbSectCat,span.jbAuthor {color: #999;font-size: 0.85em;} /* Styles */ p.grey {background: #fafafa;border: 1px solid #ddd;border-width: 1px 0;padding: 10px} p.yellow {background: #FFFECC;border: 1px solid #FAEBB1;border-width: 1px 0;padding: 10px} p.white {background: #fff;border: 1px solid #E2DCA8;border-width: 1px 0;padding: 10px} p.blue {background: #eee;border: 1px solid #9BADDC;border-width: 1px 0;padding: 10px} p.green {background: #DBD395;border: 1px solid #CBB56C;border-width: 1px 0;padding: 10px} ul.dot {margin: 8px 0} ul.dot li {padding: 4px 0 0 20px;background: url(../images/dot.jpg) no-repeat left center;list-style-type: none} input, textarea {border: 1px solid #eee;background: #f9f9f9;color: #333;padding: 4px} /* Tienda ---------------------------------------------------*/ #tienda {position: relative} #tienda h1 {margin: 0} #tienda_products .product_item { padding: 10px; margin: 10px 20px 10px 0; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px} #tienda_products .product_thumb {background: #fff;text-align: center;padding-top: 20px; } #tienda_products .product_name { position: relative; margin-top: 30px} #tienda_products .product_price { float: left; } #tienda_products .product_buy { float: right; } #tienda_productSearch input, #tienda_productSearch select { width: 90%; font-size: 1.2em; padding:3px; margin-bottom: 10px } #tienda_productSearch input {border: 1px solid #A6A094;background: #fff;width: 82%;font-size: 90%;color: #999;padding: 10px;margin-top: 10px} #tienda_products .product_buy a {background: url(../images/smallCart.png) no-repeat right center;padding-right: 30px;display: block} #products_footer {clear: both;} /* Tienda Subcategory Display ---------------------------------------------------*/ div.subcategory {padding: 30px 0} .product_gallery .subcategory {margin: 0 30px 0 0;padding: 20px 20px 0 0;width: auto;height: auto} .product_gallery {margin-bottom: 20px} /* Tienda Menu ---------------------------------------------------*/ #tienda_subcategories {margin-bottom: 10px;background: url(../images/rowSeparator.png) repeat-x left bottom;padding-bottom: 10px} #tienda_subcategories .subcategory {padding: 30px 0;float: left;margin-right: 2%} #tienda_subcategories .subcategory a {text-align: center} #tienda_subcategories h3 {margin: 0} #tienda_subcategories a {float: left} #tienda_subcategories .subcategory_name a{width: 100%;text-align: left;display: block} #tienda_subcategories .subcategory {width: 30%;margin-right: 2%} #submenu {margin: 0;padding: 0;margin-bottom: 20px} #submenu a {padding: 0 15px} #submenu a:first-child {padding: 0 20px 0 0} #submenu a:last-child {padding: 0 0 0 20px;border: 0} /* Tienda Cart ---------------------------------------------------*/ #tiendaUserShoppingCart {margin-top: 5px} div.cartitems {margin-top: -4px} #tiendaUserShoppingCart {float: right} span.CartView {font-size: 90%;height: 24px} span.cartDivider {padding: 0 10px} span.CartMoney { font-size: 120%;padding: 0 4px} .topCheckout {position: relative;float: right;margin-top: -30px} .bottomCheckout {float: right;margin-top: 20px} .bottomKeepShopping {float: left;margin-top: 20px} .bottomCheckout span,.bottomKeepShopping span { padding: 8px 12px 20px 0;margin-left: 14px;float: left} td.quantity input {padding: 6px;text-align: center;font-size: 1.2em} td.total {font-size: 1.6em} /* Originally in the tienda mod cart css */ div#tiendaUserShoppingCart {color: #333;} span.CartTotal {display: block; -moz-border-radius: 5px;-webkit-border-radius: 5px; background: #fff;text-align: center;} span.CartItems {float: left;display: block;} span.CartTotal span.CartInner { height: 41px; padding: 3px 8px 3px 7px; display: block; margin-left: 8px; line-height: 41px;} span.CartView { display: block; float: right; padding: 7px;} span.CartText { display: block; float: left;font-size: .9em;} span.CartCheckout { display: block; float: right;font-size: .9em;} span.CartQty { font-size: 90%; float: left;} /* Tienda Product Page ---------------------------------------------------*/ #productInfo {float: left;width: 100%;position: relative;padding-bottom: 20px} div#tienda_product_header{padding: 0 0 5px;border-bottom: 0} span.product_price {font-size: 2em;font-family: georgia;color: #999;line-height: 2em} .product_numbers {margin-top: 8px;color: #999} .pao {margin-bottom: 15px} #product_buy {float: right;width: 160px;} #product_attributeoptions {width: 150px} #product_attributeoptions .inputbox {width: 100%} .product_quantity_input input {text-align: center;padding: 4px;float: right;margin-left: 8px;} .product_quantity_input span.title {margin-top: 8px;float: left} .product_buy img.addcart {margin-top: 20px} .JBaddcart {background: #000;padding: 10px} .add_to_cart { background: #eee url(../images/add_to_cart.png) no-repeat top left; width: 133px; height: 36px; line-height: 36px; margin-top: 20px; text-align: center; cursor: pointer;color: #fff;clear: both;padding-top: 3px;float: left} .add_to_cart input {background: none;border: none;color: #fff;margin-top: 0} #product_add_to_cart input {background: none;border: none;color: #fff;cursor: pointer} #product_add_to_cart a {color: #fff;} .product_image {position: relative;} .product_image div span {padding: 0;background: url(../images/moreImages.png) no-repeat;position: absolute;bottom:-20px;color: #333} .tienda_header{border-bottom:none;background: url(../images/rowSeparator.png) repeat-x left top;padding-top: 20px;margin: 30px 0 0 0} .category_description {border-bottom:none;background: url(../images/rowSeparator.png) repeat-x left bottom;padding-bottom: 20px;margin: 0 0 30px} #product_description {margin-bottom: 40px} .tienda_header span {color: #999} .product_details {float: left;width: 100%;background: url(../images/rowSeparator.png) repeat-x left bottom;padding-bottom: 20px;margin-bottom: 20px;padding-top: 10px} #out_of_stock {font-size: 60%;clear: both;} #available_stock {clear: both;margin-top: 20px;float: left;width: 100%;} .view div.product_buy {padding: 0 !important;width: 160px;} /* Tienda Search ---------------------------------------------------*/ table.product tr td{background: url(../images/rowSeparator.png) repeat-x left top;padding: 20px 10px} /* Tienda Checkout ---------------------------------------------------*/ table.adminlist thead th {background: #f1f1f1} .cartitems table.adminlist td {border: none;background: url(../images/rowSeparator.png) repeat-x left top;padding: 20px 0;text-align: left} .address_form {margin: 20px 0} table.adminlist thead th {background: none;text-align: left;padding: 0 0 20px 0} /* Tienda Login ---------------------------------------------------*/ .tiendaLogin {background: url(../images/rowSeparator.png) repeat-x left bottom;padding-bottom: 20px;margin-bottom: 20px;height: 160px} .tiendaLogin ul li {list-style-type: none;margin: 0 20px 0 0;float: left} .rememberMe {float: left;clear: both;width: 20%} .rememberMe .inputbox {margin-top: 4px} .tiendaLogin ul.loginLinks {float: left;margin: 0} .tiendaLogin ul.loginLinks li {padding: 0} .tiendaLogin .button {float: right;margin-top: 30px} .tiendaUserLogin .inputbox,.tiendaUserPassword .inputbox {border: 1px solid #ddd;padding: 8px;width: 96%;margin-bottom: 20px;background: #fff url(../images/fieldShadow.jpg) repeat-x} .tiendaUserLogin {float: left;width: 40%;margin-right: 5%;height: 60px} .tiendaUserPassword {float: left;width: 40%;height: 60px} .tiendaNewusers {background: url(../images/rowSeparator.png) repeat-x left bottom;padding-bottom: 20px;height: 130px} .tiendaNewusers .button {float: right} .tiendaGuests {background: url(../images/rowSeparator.png) repeat-x left bottom;padding-bottom: 20px;height: 130px} .tiendaGuests .button {float: right} /* Tienda Info ---------------------------------------------------*/ .basicInformation {margin-bottom: 30px} /* Tienda Guest Checkout ---------------------------------------------------*/ a.toggleLink {float: right;font-size: 80%;color: #333} div.progressbar{width: 100%;margin-left:0; margin-right:0; text-align:left;margin-bottom:10px} div.progressbar span.step{padding: 0} h2.smallTriangle {margin-top: 40px;font-size: 1.4em;padding-bottom: 10px;padding-top: 8px;clear: both} .moduletable-trangle h3{padding: 0 0 15px 40px;border-bottom: 0} #shippingmethods label {margin-right: 20px} #shippingmethods .inputbox {margin-top: 4px} .cartitems thead input {margin: 5px 0 0 15px} .divider {background: url(../images/rowSeparator.png) repeat-x left top;height: 20px;float: left;width: 100%;clear: both} #onCheckout_wrapper .button {margin-right: 30px} /* Login Area ---------------------------------------------------*/ #paneltab {height: 30px;overflow: hidden;position: absolute;padding: 0;width: 120px;top: 0;} #paneltabRight { height: 26px; line-height: 26px; display: block; padding: 0 16px 0 0px; margin-left: 20px; font-weight: bold;position: relative; } a#openPanel,a#closePanel {position: absolute;font-size: 90%;color: #333;font-style: italic;} a#closePanel.active {margin-top: 0;float: left} a#openPanel.active {margin-top: -60px;color: #fff;float: left} a#closePanel {margin-top: -60px} #memberArea h3 {color: #fff} #memberArea {position: absolute;background:#FAFAFA;border: 1px solid #eee;border-top: 0;z-index: 10;display: none;margin-top: 23px;margin-left: 20px;width: 560px;height: 90px;padding: 30px 20px 30px;overflow: hidden;color: #333;top: 0} #memberArea ul.flatLogin li {margin-top: 0;background-position: right top;padding-right: 20px} .flatLogin fieldset {width: 550px} #memberArea ul.flatLogin li a{float: left} #memberArea .inputbox {border: 1px solid #ddd;padding: 8px;;margin-bottom: 20px;background: #fff url(../images/fieldShadow.jpg) repeat-x} #memberArea input#modlgn_remember {margin-top: 12px;} #toppanel a#open:hover {color: #333;} #panelInner {border: 4px solid #eee;background: #fff;} #product_add_to_cart a { color: #fff} #form-login {border: none;width: 425px} p#form-login-username,p#form-login-password {float: left;width: 100px;margin: 0 10px 0 0} p#form-login-remember {float: left;width: 100px;margin: 0} form#form-login fieldset {margin: 0} #form-login-remember{font-size: 80%;display: none} #form-login ul li {float: left;list-style-type: none;margin-right: 5px;font-size: 90%} /* Back to top styling ---------------------------------------------------*/ #toTop {background: #000;;color: #fff;border: 2px solid #111;padding:3px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 9px;bottom: 10px;right: 10px } #system-message dd ul { color: #333; margin-bottom: 10px; list-style: none; padding: 4px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;margin: 0;} #system-message dd ul li {list-style-type: none;margin: 0;}