body {
    color: #58585a;
    font-family: /*Arial,*/ "Century Gothic", Futura, "MS Trebuchet", Verdana, sans-serif;
    font-size: 12px;
}

table, tr, td {
    padding: 0;
    margin: 0;
}

b, strong {
    font-weight: bold;
}

i, em {
    font-style: italic;
}

a,
a:visited {
    color: #58585a;
}

a:hover {
    color: black !important;
}

h1 {
    font-size: 138.5%;
    font-weight: bold;
    margin: 10px 0;
}

h1.first-heading {
    margin: 0 0 10px 0;
}

h1.section {
    margin: 0 0 10px 0;
    padding: 20px 0 0 0;
    border-bottom: 1px solid #dfd7d3;
}

h2 {
    font-size: 116%;
    font-weight: bold;
    margin: 10px 0;
}

h3 {
    font-size: 100%;
    font-weight: bold;
    margin: 10px 0;
}

img {
    border: none;
}

p {
    line-height: 1.5em;
}

.none {
    display: none !important;
}

/* Forms */
form label {
    font-weight: bold;
}

td.label {
    padding-right: 10px;
}

.field {
    padding-bottom: 10px;
}

ul.errorlist {
    padding: 0;
    margin: 0;
    list-style-type: none;
    color: red;
}

tr.error td {
    color: red;
}

table.mmg-default {
    width: 100%;
    border-collapse: collapse;
}

table.mmg-default td {
    padding-top: 10px;
    padding-bottom: 3px;
}

table.mmg-default th {
    background-color: #ccc;
    color: white;
    font-weight: bold;
    height: 22px;
    line-height: 20px;
    padding-left: 35px;
    padding-bottom: 3px;
    font-size: 11pt;
    text-transform: lowercase;
}

table.mmg-default a {
    text-decoration: none;
}

table.mmg-default td.buttons {
    padding-top: 20px;
    padding-bottom: 40px;
}

td, th {
    text-align:left;
    vertical-align: middle;
}

th.th-last {
    padding-right: 35px;
}

td.image {
    padding-left: 12px;
    width: 125px
}
td .product-desc {
    font-size: 9pt;
    line-height: 14px;
}

td.total, td.total.number {
    color:#828282;
    font-weight: bold;
    font-size: 14pt;
}

td.discreet {
    font-size: 90%;
}

td.select {
    padding-right: 5px;
}

td.number {
    font-size: 11pt;
    font-weight: bold;
    color: #828282;
}
td.number input {
    text-align: center;
    border: 1px solid #b7b7b7;
}

.hline {
    border-top: 1px solid #c0bfbf;
    padding-bottom: 20px;
}

.center {
    text-align: center;
}
.left {
    text-align: left;
}

.right,
.number {
    text-align:right;
}

.checkbox-left {
    width: 1px;
    padding-right: 5px;
}

#news a, #news a:visited {
    color: #99CC00;
}
#news a:hover {
    color: #99EE00 !important;
}

#news{
    margin-top: 20px;
}
#news .container {
    border-bottom:1px solid #C0BFBF;
}
#news table td {
    vertical-align: top;
}
#news table.news_list {
    margin-left: 15px;
}
#news table td.fb_block {
    width: 292px;
    padding-bottom: 20px;
}
#news table td.news_block {
    /*vertical-align: top;*/
    width: 312px;
    text-align: justify;
}
#news table td.news_space {
    width: 30px;
}
#news table tr.news_space {
    height: 30px;
}
#news .news_block p {
    line-height:1.1em;
}

/* Header */
#header {
    padding: 10px 0 0 0;
}

#filter {
    text-transform: uppercase;
    font-size: 10px;
}

#filter .filter-search {
    height: 26px;
    line-height: 26px;
    padding: 0;
    margin: 3px 0 0 0;
    border-top: 1px solid #c0bfbf;
    border-bottom: 1px solid #c0bfbf;
}

    #filter .filter-search a {
        text-decoration:none;
        padding: 3px 8px 4px;
    }
    #filter .filter-search a:hover, #filter .filter-search a.selected {
        background-color: #ccff00;
        color: #000;
    }

    #filter .filter-search .search {
        text-align: right;
        float: right;
    }
        #search-field {
            margin: 5px;
            *margin: 0 3px;
            _margin: 4px 3px 5px;
        }
        #search-button {
            padding: 0;
            margin: 3px 0;
            *margin: 2px 0;
            _margin: 3px 0 0 0;
        }
        input #search-input {
            margin: 0;
            padding: 5px;
            border: 1px solid #C0BFBF;
            height: 14px;
        }

#filter .brends {
    text-align: right;
    float: right;
}
#filter .show-all {
    text-align: right;
    float: right;
}
#filter .filtered-navigation-portlet {
    float: right;
    text-align: left;
}
#filter .filtered-navigation-header {
    float: left;
    width: 70px;
}
#filter .filtered-navigation-header p {
    padding: 3px 8px 4px;
    line-height: 19px;
}

#header .mlogin {
    font-size:11px;
    text-transform: uppercase;
    margin-left: -170px;
    position: relative;
    right: 30px;
}

#header .mlogin a, #header .mlogin a:visited {
    text-decoration: none;
    color: #000 !important;
}

#header .mlogin a:hover {
    text-decoration: none;
    color: #737373 !important;
}

.logo {
    margin-left: 10px;
    margin-top: 16px;
}
.logo img {
    margin-left: 1px;
}

#header .sitedesc {
    margin-top: 1px;
    font-size: 11px;
    letter-spacing: 2.2px;
}

#header .sitedesc a, #header .sitedesc a:hover, #header .sitedesc a:visited {
    color: #7f7f7f !important;
    text-decoration: none;
}

#index .back {
    background: url(/media/img/mamagaz_index.jpg) no-repeat;
    width: 999px;
    height: 264px;
    margin-top: -2px;
}

#index .back2, #news .back2 {
    background-color: #cccccc;
    width: 999px;
    height: 61px;
    margin-top: -2px;
}
#index .back2.white, #news .back2.white {
    background-color: #fff;
}
#index .back2.white h1, #news .back2.white h1 {
    /* color: #cccccc; */
    color: #999999;
}

#index .back2 h1, #news .back2 h1 {
    padding: 20px 14px 0px 14px;
    margin: 0;
    font-size: 18pt;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: normal;
    color: #fff;
}

/* Horizontal Drop Down Menu
------------------------------ */

.menu {
	margin-top: 8px;
    margin-left: -3px;
    z-index: 500; position: relative;
    width: 750px;
    height: 30px;
}

.menu-h-d { min-height: 30px; text-transform: uppercase;  font-size: 11px; z-index: 500; position: relative; }
.menu-h-d li { float: left; display: block; position: relative; list-style: none; padding: 8px 13px; }
.menu-h-d p { line-height: 14px; text-decoration: underline; }
.menu-h-d a { color: #000 !important; text-decoration: none; display: block; }
/*.menu-h-d a:hover { text-decoration: underline; }*/
.menu-h-d ul a { color: #000 !important; text-decoration: underline; padding: 8px 13px; display: block; }
*:first-child+html .menu-h-d ul a { width: 178px; }
.menu-h-d li li a { padding: 6px 8px; text-decoration: none;  }

.menu-h-d ul { display: none; position: absolute; top: 28px; left: 3px; width: 200px; padding-bottom: 4px; background: #fff; border: 1px solid #ccff00; border-width: 0px 1px 1px 1px; z-index: 500; }
.menu-h-d ul ul { left: 100%; top: -1px; }

.menu-h-d li li { float: none; padding: 0 4px; z-index: 500; position: relative; }

.menu-h-d li li a:hover { background: #ccff00; }
.menu-h-d a:hover { color: #fff; }

.menu-h-d li:hover ul ul,
.menu-h-d li:hover ul li:hover ul ul { display: none; }

.menu-h-d li:hover ul,
.menu-h-d li:hover ul li:hover ul,
.menu-h-d li:hover ul li:hover ul li:hover ul { display: block; }

/* Search */
table.search-results {
    clear: both;
    margin-top: 10px;
}

.search-results-description {
    padding: 10px 0;
}

.search-results td.content {
    padding: 0;
}

.search-results .pagination {
    float: left;
    padding-bottom: 10px;
}

.search-results .pagination a {
    text-decoration: none;
}

.search-results-phrase {
    font-weight: bold;
}

#search {
    display:inline;
}

#search-form,
.search-results-form {
    display:inline;
}

#search-results {
    border-collapse: collapse;
}

#search-results tr:hover {
    background-color: #f9f9f9;
    cursor: pointer;
}

#search-results-table td {
    vertical-align: top;
}

.livesearch-wrapper {
    position: relative; /* Anchor for absolute livesearch */
    top: 40px;
    left: 40px;
    width: 0px !important;
}

#livesearch-results-table {
    width:100%;
    border-collapse: collapse;
}

#livesearch-results-table tr {
    cursor: pointer;
}

#livesearch-results-table tr:hover {
    background-color: #eee;
}

#livesearch-results-table td {
    vertical-align: top;
    padding: 2px 0;
}

#livesearch-results-table td.image {
    width:1%;
    padding-right:8px;
    height: 60px;
}

#livesearch-results-table img {
    width: 60px;
}

#livesearch-results-table td.all-results {
    text-align:right;
}

#livesearch-result {
    position: absolute; right: 0;
    display:none;
    z-index: 1000;
    background-color: white;
    border: 1px solid #dfd7d3;
    width:500px;
    padding: 5px;
}

#info {
    margin-top: 20px;
}

#info .container {
    border-top: 1px solid #c0bfbf;
    height: 110px !important;
    padding: 4px 0 4px 0;
}

#info .support {
    width: 221px;
    height: 110px;
    margin: 0 2px 0 0;
    padding-left: 11px;
}
    #info .support a {
        text-decoration: none;
    }
    #info .support .tel {
        margin-top: 15px;
        margin-bottom: 8px;
        color: #7b7b7b;
        font-size: 20px;
        font-weight: bold;
    }
    #info .support .skype-ico {
        height: 16px;
        margin-top: 6px;
    }
    #info .support .skype-login {
        margin-top: 6px;
        margin-left: 6px;
        height: 16px;
        color: black;
    }

#info .extra-info {
    /*background-color: #abcdff;*/
    width: 250px;
    height: 110px;
    margin: 0 2px 0 3px;
	padding: 0;
    text-align: center;
}

/* Tabs */
.tabs {
    padding: 0;
}

.tabs ul {
    height: 26px;
    padding: 0;
    border-top: 1px solid #c0bfbf;
    border-bottom: 1px solid #c0bfbf;
}

.tabs li {
    list-style-type: none;
    float: left;
}

.tabs li a {
    font-size: 11px;
    color: #4c4c4c !important;
    display: block;
    position: relative;
    float: left;
    padding: 0 11px;
    margin: 3px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
}

.tabs li.selected a,
.tabs li a:hover {
    background-color: #ccff00;
}

/* Breadcrumbs */
ul.breadcrumbs {
    list-style-type: none;
    padding: 10px 0 10px 0;
    margin:0;
}

ul.breadcrumbs li {
    display: inline;
}

/* Content ################################################################# */
#content {
    padding-top: 10px;
}

#content .container-min-h {
    height: 240px;
    /*height: 278px;*/
    /*border: 1px solid #f00;*/
}

#content .container-td {
    vertical-align: top;
}

#content .category-description {
    padding-top: 30px;
    padding-left: 11px;
    padding-bottom: 40px;
}

#content .category-description h1,
#content .category-description h2,
#content .category-description h3,
#content .category-description h4 {
    font-size: 12px;
    font-weight: bold;
    margin-top: 0px;
    padding-top: 0px;
}

.left-slot {
    margin-top: 29px;
    width: 189px;
}

.width-both  {
    width: 599px;
}

.width-one  {
    width: 799px;
}

.width-all {
    width: 999px;
}

table.without-width {
    border-collapse: collapse;
}

.middle-slot ul {
    margin: 10px 0 10px 30px;
}

.middle-slot li {
    list-style: square outside;
    line-height: 1.5em;
    color: #7b7b7b;
}

.middle-slot .page-text {
    padding-left: 15px;
    font-size: 14px;
}

.middle-slot .page-text ul,ol{
    margin: 10px 30px 10px 30px;
}

.page-text p,
.page-text ul,
.page-text ol {
    margin-top: 0.85em !important;
    margin-bottom: 0.85em !important;
    /*margin-bottom: 1.5em !important;*/
}

.back2.border-bottom {
    border-bottom:1px solid #C0BFBF;
}

.back2 h1 a, .back2 h1 a:visited {
    color:#999999;
    text-decoration: none;
}

.back2 h1 a:hover {
    color:#58585A !important;
    text-decoration: none;
}

#blog {
    padding-left: 15px;
    padding-bottom: 40px;
    font-size: 14px;
    width: 580px;
    float: left;
}

#blog p {
    line-height: 15px;
}

#blog a, #blog a:visited,
#blog-menu a, #blog-menu a:visited {
    color: #99CC00;
}
#blog a:hover,
#blog-menu a:hover {
    color: #99EE00 !important;
}

#blog-menu {
    float: left;
    padding-left: 45px;
}
#blog-menu ul {
    margin: 0;
    padding: 10px 0 15px 2px;
}
#blog-menu li {
    list-style-type:none;
}

#blog .info {
    position: relative;
    padding-bottom: 10px;
    font-size: 12px;
    color: #999999;
}

#blog h2.title,
#blog-menu h2.title {
    margin-bottom: 0;
    font-size: 13pt;
    color: #666666;
}
#blog h2.title a, #blog h2.title a:visited {
    color: #666666;
    text-decoration: none;
}

#blog h2.title a:hover {
    text-decoration: underline;
}

#blog .categories {
    float: right;
    padding-top: 10px;
}

#blog .categories2 {
float:right;
padding-top:0;
}

#blog .block {
    padding-bottom: 20px;
}

#blog #comments {
    padding: 20px 0;
}
#blog #comments h2.title a:hover {
    color: #666666 !important;
    text-decoration: none;
}
.grey {
    color:#A9A9A9 !important;
}
#comments table td {
    padding: 5px 0;
}

.price-disclaimer {
    font-size: 80%;
    color: #9f8d83;
}

.product-price {
    text-align: left;
    padding: 12px 0 0 0;
}

.for-sale-price,
.standard-price {
    color:#4d4d4f;
    margin: 0 0 2px 0;
}

.for-sale-standard-price {
    text-decoration: line-through;
}

.sorting {
    float: left;
    padding-right: 5px;
}

/* Category
___________________________________________________________________________ */



a.current {
    font-weight: bold;
}

.category .category-row {
    border-bottom: 1px solid #eae5e2;
}

.category h3.product-title {
    font-weight: bold;
}

.category .category-image,
.category .product-image {
    width: 165px;
    height: 165px;
    float: left;
}

.category .product-row {
    /*border-bottom: 1px solid #eae5e2;*/
}

.category .product-data {
    padding: 10px 15px;
    width: 200px;
    vertical-align:top;
}

.category #products {
    clear: both;
    padding-top: 10px;
}

.category .product-data:hover {
    cursor: pointer;
}

.category .product-data:hover img{
    FILTER: alpha(opacity=75);
	opacity: .75;
	-moz-opacity: 0.75;
}
.category .products-navigation{
    height: 21px;
}
.category .products-navigation a {
    text-decoration: none;
}

.category .description {
    padding-bottom: 10px;
}

/* Product
___________________________________________________________________________ */

.clr {
    clear: both;
}

#product-inline {
    clear: both;
}

.product .main-image {
    width: 340px;
    height: 340px;
}

.product-images {
    float: left;
}

.product-images .main-image {
    margin-right: 25px;
    border: 1px solid #dfd7d3;
    width: 340px;
}

.product .sub-images {
    padding: 10px 0;
}

.product-images a {
    text-decoration: none;
}

.product-images .sub-images img {
   border: 1px solid #dfd7d3;
   clear: both;
}

.product-content {
    float: left;
    margin-top: 15px;
    margin-left: 10px;
    vertical-align: top;
}

.product-full-description {
    float: left;
    width: 420px;
    margin-right: 10px;
}

.product-full-description p {
    margin: 15px 0 0 0;
    line-height: 14px;
    font-size: 12px;
}

.product-title {
    font-size: 14px;
    margin: 0;
    font-weight: normal;
}

.product-short-description {
    
}


.product-short-description p{
    line-height: 14px !important;
    color: #7f7f7f;
    font-size: 11px;
}


.product .deliverable {
    color: green;
}

.product .not-deliverable {
    color: red;
}

.product .prices {
    padding: 0;
    font-size: 14px;
}

.product .for-sale-price,
.product .standard-price {
    font-size: 18pt;
    margin: 0 0 2px 0;
    color: #e5054b;
}

.product .for-sale-standard-price {
    text-decoration: line-through;
    padding-right: 10px;
}

.product .shipping-information {
    padding-bottom: 20px;
}

table.product-accessories,
table.product-variants {
    font-size: 93%;
}

.property-color img {
    border: 2px solid #fff;
}

.property-color img.selected, .property-color img:hover {
    border: 2px solid #E5054B;
}

.property-size label {
    font-family:arial;
    font-size:14pt;
    line-height:19px;
    color:#CCFF00;
}

.property-size label:hover, .property-size label.selected  {
    color:#E5054B;
}
/* Cart
___________________________________________________________________________ */

.added-to-cart td.image,
.cart td.image {
    height: 60px;
    width: 60px;
    padding-right: 10px;
}

.added-to-cart .accessories td {
    vertical-align: middle;
}

/* Checkout
___________________________________________________________________________ */

#cart-inline {
    padding-left: 15px;
}

.checkout .payment,
.checkout .shipping,
.checkout #cart-inline,
.checkout #bank-account {
    margin-top: 20px;
}

.checkout #bank-account td {
    padding-top: 2px;
    padding-bottom: 2px;
}

select.cart-country,
select.cart-shipping-method,
select.cart-payment-method {
    width: 150px;
}

.checkout .shipping-method,
.checkout .payment-method {
    padding: 2px 0;
    line-height: 15px;
}

.checkout .shipping-method input,
.checkout .payment-method input{
    margin: 3px 10px 0 0;
}

.checkout textarea {
    width: 99.7%;
}

.checkout td.image {
    height: 60px;
    width: 60px;
    padding-right: 10px;
}

/* Profile
___________________________________________________________________________ */
.customer-profile input,
.customer-profile select,
.customer-profile textarea {
    width:500px;
}

.customer-profile .profile-form th{
    vertical-align: top;
    width: 180px;
}

/* Login / Register
___________________________________________________________________________ */

.customer-login th,
.checkout-login th {
    padding-right: 10px;
}

.customer-login th,
.customer-login td,
.checkout-login th,
.checkout-login td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.customer-login .description,
.checkout-login .description {
    height: 60px;
}

.customer-login .form,
.checkout-login .form {
    height: 120px;
}

h2.authenticate {
    background: url(/media/img/menu_bg.jpg) repeat-x;
    padding: 10px;
}

div.login {
    float: left;
    padding-right: 10px;
    width: 310px;
}

div.register {
    float: left;
    padding-right: 10px;
    width: 310px;
}

div.anonymous-checkout {
    float: left;
    width: 310px;
}

.customer-login div.login {
    width: 470px
}

.customer-login div.register {
    width: 470px;
    padding-right: 0 !important;
}

/* Tags
___________________________________________________________________________ */

.tag-cloud {
    text-align: justify;
}

/* Reviews
___________________________________________________________________________ */

.add-review .label {
    padding-top: 10px;
}

.review {
    padding-top: 10px;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
    background: url(/media/img/star.gif) left -1000px repeat-x;
}

.star-rating {
    position:relative;
    height:25px;
    overflow:hidden;
    list-style:none;
    margin:0 !important;
    padding:0 !important;
    background-position: left top;
    width: 125px;
}

.star-rating li {
    display: inline;
}

.star-rating a,
.star-rating .current-rating {
    position:absolute;
    top:0;
    left:0;
    text-indent:-1000em;
    height:25px;
    line-height:25px;
    outline:none;
    overflow:hidden;
    border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
    background-position: left bottom;
}

.star-rating .current-rating {
    z-index:1;
    background-position: left center;
}

/* smaller star */
.small-star {
    width:50px;
    height:10px;
}

.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating {
    background-image: url(/media/img/star_small.gif);
    line-height: 10px;
    height: 10px;
}

.average-rating {
    float:right;
    cursor: pointer;
}

/* Portlets
___________________________________________________________________________ */

.portlet,
.portlet a,
.portlet a:visited {
    color: #58585a;
}

.portlet {
    margin-bottom:15px;
}

.portlet a {
    text-decoration: none;
}

.portlet ul {
    list-style-type: none;
}

.portlet ul.root {
    padding: 0;
    margin: 0;
}

.portlet li {
    font-weight: normal;
}

.portlet-header {
    padding: 0;
    margin: 25px 10px 5px 0;
    color: #000 ;
    font-weight: bold;
    font-size: 11pt;
}

.header-not-bold {
    font-weight: normal;
    font-size: 9pt;
    color:#58585A !important;
}

.portlet-header,
.portlet-header a,
.portlet-header a:visited {
    color: #000;
    text-decoration: none;
}

.portlet-item {
    float: left;
    padding: 10px 15px 10px 0;
}

.portlet-item.last {
    border-bottom: none !important;
    padding: 0;
}

.portlet-footer {
    padding: 5px 0 5px 10px;
    font-size: 80%;
    font-weight: bold;
    text-align: right;
}

.portlet-footer a {
    padding-left: 25px;
    text-decoration: none;
    background: url(/media/img/portlet-bullet.gif) left center no-repeat;
}

.related-products-portlet {
    padding-top: 10px;
}

/* Cart portlet
___________________________________________________________________________ */

#top-cart {
    width: 230px;
}

.cart-portlet .cart-image {
    margin-top: 10px;
}

.cart-portlet .portlet-header {
    margin: 0;
    padding: 0;
}
.cart-portlet .portlet-header a {
    color: #7f7f7f;
    font-size: 14px;
    line-height: 11px;
    letter-spacing: 1px;
}
.cart-portlet .portlet-header a:hover {
    color: #7f7f7f !important;
}

.cart-portlet .portlet-body {
    margin: 14px 0 14px 0; 
	padding: 0;
	font-size: 12px;
}

.cart-portlet .portlet-body .cart-price {
    font-size: 14px;
    color: #c03838;
}

.cart-portlet .portlet-footer {
    padding: 0;
    margin: 0;
    text-align: left;
}

.cart-portlet .portlet-footer a {
	background: none;
	padding: 0;
    margin: 0;
    text-decoration: underline;
    font-weight: normal;
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
}

/* Categories portlet */
.categories-portlet ul ul {
    padding: 0;
    margin: 0 0 0 11px;
    text-transform: uppercase;
    font-size: 11px;
}
.categories-portlet ul ul li {
    padding-bottom: 15px;
}
.categories-portlet a, .categories-portlet a:visited {
    text-decoration: none;
    color: #000;
    
}

.categories-portlet a:hover {
    
}

.categories-portlet a.current {
    font-weight: bold;
}

/* Average rating portlet
___________________________________________________________________________ */
.average-rating-portlet .average-rating {
    float: none;
    padding-top: 5px;
}

.average-rating-portlet .average-rating-description {
    padding-top: 10px;
}

/* Colophon
___________________________________________________________________________ */

#colophon .liveinternet {
    float: left;
    width: 100px;
    margin-top: 10px;
    margin-left: 15px;
}

#colophon .ksan {
    float: right;
    height: 15px;
    /*width: 170px;*/
    color: #777777;
    padding: 2px 15px;
    margin: 8px 15px 10px 0;
    background-color: #f2f2f2;
    font-size: 11px;
    text-align: right;
}
#colophon .upp {
    top: -3px;
    position: relative;
}

#colophon a, #colophon a:visited {
    color: #777777;
    text-decoration: none;
}
#colophon a:hover {
    text-decoration: none;
}

/* Buttons
-------------------------------------------------------------- */
.buttons {
    margin-top: 10px;
}

.delete-button {
    background-color: #ccc;
    text-decoration: none;
    padding: 0px 4px;
    color: white !important;
    font-weight: bold;
    font-size: 13pt;
    position: relative; top:2px;
    font-family: Arial;
}
a.delete-button:hover {
    color: white !important;
    background-color: #ccff00;
} 

/* --------------------------------------------------------------
   Based on buttons by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */

a.button, button, .button {
  display:block;
  float: right;
  margin: 0.7em 0 0.7em 0.5em;
  font-size: 20px;
  padding:6px 27px 6px 27px;   /* Firefox */
  line-height:20px;           /* Safari */
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;
  background-color: #e0e0e0;
  border: none;
  color: #fff !important;
}

.inactive-button {
    cursor: default;
}

a.button.left, button.left {
  margin: 0.7em 0.5em 0.7em 0em;
  float:left;
}

button {
  width:auto;
  overflow:visible;
  padding:6px 27px 6px 27px;   /* IE6 */
  line-height:20px; /*andrew*/
}

button[type] {
  padding:6px 27px 6px 27px;   /* Firefox */
  line-height:20px;           /* Safari */
}

*:first-child+html button[type] {
  padding:6px 27px 6px 27px;   /* IE7 */
}

button img, a.button img {
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

/* Standard */
button:hover, a.button:hover {
  background-color: #ccff00;
  border: none;
  color:white !important;
}

/* Positive */
body .emphasized {
  color:white;
  background-color:#ccff00;
}

a.emphasized:hover, button.emphasized:hover {
  background-color:#ccff00;
  border: none;
  color:white !important;
}

.fleft {
    float: left !important;
}

.fright {
    float: right !important;
}

.navigation-show-all {
    vertical-align: middle;
    height: 21px;
    margin: 0 10px;
}
  .navigation-show-all .current {
        background-color: #E5054B;
        cursor: default;
  }
    .navigation-show-all  .button.smallb  {
        margin: 0;
        padding: 0 22px 5px;
        *padding: 1px 22px 4px;
        _padding: 2px 22px 4px;
        line-height:16px;
        font-size: 15px; 
    }

.product-navigation {
    vertical-align: middle;
    height: 21px;
}
    .product-navigation .button.smallb {
        margin: 0 10px;
        font-size: 15px; 
        padding: 1px 11px 4px;
        *padding: 0 11px 5px;
        line-height:16px;
    }
    
.navigation-buttons{
    float: left;
    width: 66px;
    height: 21px;
}
    .navigation-buttons .button.smallb{
        font-size: 16pt;
        margin: 0;
        padding: 0 22px 5px;
        *padding: 1px 22px 4px;
        _padding: 2px 22px 4px;
        line-height:16px;
        font-weight: bold;
    }

.navigation-pages {
    float: left;
    margin: 0 20px;
    font-family: arial;
    font-size: 14pt;
    line-height: 19px;
}

.navigation-pages a, 
.navigation-pages a:visited {
    color: #ccff00;
}
.navigation-pages a:hover,
.navigation-pages .current {
    color: #e5054b !important;
    font-weight: normal;
}

/* Button colors */

#colors {
	float: left;
    overflow:hidden; /* wrap floats */
	/*width:315px; trips haslayout, wraps floats in IE */
	/*background:url(/media/img/mamagaz_filtr_color.jpg) 0 0 no-repeat;*/
    z-index: 1; position: relative;
}

#colors li {
	position:relative;
	float:left;
	width:21px;
	height:26px;
	overflow:hidden;
	background:#fff;
    z-index: 1;
}

#colors a {
	position:absolute;
	/*
		There's a bug where IE won't re-render position changes unless an
		items display state changes, so we set inline here, which gets
		overridden by the absolute positioning anyways. Then we change
		it to block in the hover state
	*/
	display:inline;
	top:0;
	left:0;
	width:21px;
	height:52px;
	overflow:hidden;
	text-indent:-999em;
	text-decoration:none;
	outline:none;
	/*background:url(/media/img/mamagaz_filtr_color.jpg) 0 -26px no-repeat;*/
    background:url(/media/img/color-sample.jpg) 0 0 no-repeat;
    z-index: 1;
}

#colors a:active,
#colors a:focus,
#colors a:hover {
	display:block; /* see "#colors a" for explanation */
	top:-26px;
}

#colors .selected a {top:-26px;}
/*#colors .button-off a {top:-52px; cursor: default;}*/
#colors .button-off a { display: none; cursor: default;}

/*#brown a {background-position:0 -26px;} */
/*#dark-red a {	background-position:-21px -26px;}
#red a {background-position:-42px -26px; }
#pink a {	background-position:-63px -26px;}
#yellow a {background-position:-84px -26px;}
#dark-yellow a {background-position:-105px -26px;}
#green a {background-position:-126px -26px;}
#dark-green a {background-position:-147px -26px;}
#purple a {background-position:-168px -26px;}
#dark-purple a {background-position:-189px -26px;}
#blue a {	background-position:-210px -26px;}
#dark-blue a {background-position:-231px -26px;}
#white a {background-position:-252px -26px;}
#grey a {	background-position:-273px -26px;}
#black a {background-position:-294px -26px;}
*/

.container {
    width:999px;
}

#index .top-image {
    height: 265px;
}

.hidden { display: none; }

#product-form {
    margin-top: 10px;
}

#product-form .variants select {
    width: 100%;
}
#product-form .amount {
    float: right;
}
#product-form .property-size {
    width: 340px;
}

.add-to-cart {

}

.address-fields {
    width: 500px;
}

form label {
    cursor: pointer;
}

.gray-layer {
    background-color: #ccc;
    color: white;
    font-weight: bold;
    height: 22px;
    line-height: 20px;
    padding-left: 35px;
    padding-bottom: 2px;
    font-size: 11pt;
    text-transform: lowercase;
    text-align:left;
    vertical-align: middle;
}

.bottom-slot {
    margin-top:40px;
    padding: 0 14px 30px;
    border-bottom:1px solid #C0BFBF;
}

.bottom-slot .portlet {
    margin-bottom:0;
}
.bottom-slot .portlet-header {
    display:none;
}
.bottom-slot h1 {
    height:41px;
    color:#999999;
    font-size:18pt;
    font-weight:normal;
    line-height:20px;
    margin:0;
    padding:0 14px 0 0;
    text-transform:uppercase;
}