/****************************************************************************************************/
/* The contents of this file are subject to the nopCommerce Public License Version 1.0 ("License"); you may not use this file except in compliance with the License.
/* You may obtain a copy of the License at  http://www.nopCommerce.com/License.aspx. 
/* 
/* Software distributed under the License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. 
/* See the License for the specific language governing rights and limitations under the License.
/* 
/* The Original Code is nopCommerce.
/* The Initial Developer of the Original Code is NopSolutions.
/* All Rights Reserved.
/* 
/* Contributor(s): RetroViz Design. 
/****************************************************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML GENERAL 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form, input {
    margin: 0;
    padding: 0;
    /*background:#fafafa;*/
}

form {
    background: #D9F8FC; /*#eeeeee*/
}

body {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #3A4045;
    background-color: #eeeeee;
    /*background:url("images/bgbody.png") #fff center top repeat-y;*/
}

a {
    color: #3664A5;
    text-decoration: none;
}

    a:hover {
        color: #3664A5;
        text-decoration: underline;
    }

    a img {
        border: 0;
    }

img {
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

h2, h3 {
    font-size: 16px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER PAGE WRAPPERS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.body-background {
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 26px 0px rgba(38, 38, 38, 0.75);
    -moz-box-shadow: 0px 0px 26px 0px rgba(38, 38, 38, 0.75);
    box-shadow: 0px 0px 26px 0px rgba(38, 38, 38, 0.75);
}


.master-wrapper-page {
    margin: 0 auto;
    width: 1020px;
}

.master-wrapper-content {
    float: left;
    width: 1020px;
    text-align: left;
    background: none;
}

@media only screen and (max-width: 800px) {
    .body-background, .master-wrapper-page, .master-wrapper-content {
        width: 100%;
    }
}

/* two column master page */
.master-wrapper-side {
    float: left;
    width: 250px;
    padding: 0px 0 0 20px;
    margin: -50px 0 0 0;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    display: inline;
    background-color:transparent;
}

.master-wrapper-center {
    float: left;
    width: 630px;
    margin: 0px 0 0 10px;
    background: none;
    display: inline;
}

.master-wrapper-cph {
    float: left;
    width: 610px;
    background: none;
    color: #000;
    min-height: 400px;
    margin-top: 10px;
    padding: 0px 10px 30px 10px;
}

@media only screen and (max-width: 800px) {
    .master-wrapper-center, .master-wrapper-cph {
        width: 95%;
    }
}

/* one column master page */
.master-wrapper-center-1 {
    float: left;
    /*width: 830px;*/
    background: #FFF;
    display: inline;
    margin: 0 50px 0 50px;
}

.master-wrapper-cph-1 {
    float: left;
    /*width: 810px;*/
    color: #000;
    min-height: 800px;
    padding: 10px 10px 10px 10px;
}

/* three column master page */
.master-wrapper-leftside-3 {
    float: left;
    width: 180px;
    margin: 0 0 0 10px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    display: inline;
}

.master-wrapper-center-3 {
    float: left;
    width: 430px;
    margin: 0px 0 0 10px;
    background: #FFF;
    display: inline;
}

.master-wrapper-cph-3 {
    float: left;
    width: 420px;
    background: #FFF;
    color: #000;
    min-height: 400px;
    padding: 10px 10px 10px 10px;
}

.master-wrapper-rightside-3 {
    float: right;
    width: 180px;
    margin: 0 10px 0 10px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    display: inline;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER HEADER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.header {
    padding: 7px 6px 10px 5px;
    height: 273px;
    background-color: #FC4B07;
    background-image: url('images/bodybgbig.png');
    background-position: 0 40px;
    background-repeat: no-repeat;
}
.header_de {
    background-image: url('images/bodybgbig_de.png');
}
.header_pl {
    background-image: url('images/bodybgbig_pl.png');
}
.header_en {
    background-image: url('images/bodybgbig_en.png');
}

@media only screen and (max-width: 800px) {
    .header {
        background-image: url('images/bodybgbig_m.png');
        background-size: contain;
        background-position: bottom;
    }
   .header_de {
        background-image: url('images/bodybgbig_de_m.png');
   }  
   .header_pl {
       background-image: url('images/bodybgbig_pl_m.png');
   }
  .header_en {
       background-image: url('images/bodybgbig_en_m.png');
   }
}

.header .icon {
    vertical-align: bottom;
}


.header .ico-register {
    background: url('images/ico-register.gif') no-repeat;
    padding-left: 20px;
    padding-bottom: 0px;
    background-position: 3px 5px;
}

.header .ico-login {
    background: url('images/ico-login.gif') no-repeat;
    padding-left: 20px;
    padding-bottom: 0px;
    background-position: 3px 5px;
}

.header .ico-logout {
    background: url('images/ico-logout.gif') no-repeat;
    padding-left: 20px;
    padding-bottom: 0px;
    background-position: 3px 5px;
}

.header .ico-inbox {
    background: url('images/ico-inbox.gif') no-repeat;
    padding-left: 20px;
    padding-bottom: 5px;
}

.header .ico-cart {
    background: url('images/ico-cart.gif') no-repeat;
    padding-left: 20px;
    padding-bottom: 0px;
    background-position: 3px 5px;
}

.header .ico-menu {
    background: url('images/ico-menu.gif') no-repeat;
    padding-left: 10px;
    padding-bottom: 0px;
    background-position: 2px 4px;
}
@media only screen and (max-width: 800px) {
    .header .ico-menu {
        background: none;
        padding-left: 0;
    }
}


.header .ico-wishlist {
    background: url('images/ico-wishlist.gif') no-repeat;
    padding-left: 20px;
    padding-bottom: 5px;
}

.header .ico-admin {
    background: url('images/ico-admin.gif') no-repeat;
    padding-left: 20px;
    padding-bottom: 5px;
}

.header-logo {
    margin: 15px 0 0 15px;
    float: left;
    text-align: left;
    background: url('images/logo.png') no-repeat;
    width: 0px;
    height: 0px;
    display: none;
}

a.logo {
    background: none;
    display: block;
    width: 225px;
    height: 125px;
    text-decoration: none;
}

.header-selectors-wrapper {
    text-align: right;
    float: right;
    width: 500px;
}

.header-currencyselector {
    float: right;
    color: white;
    margin-right: 30px;
    padding-top: 6px;
}

.header-languageselector {
    float: right;
}

.header-taxDisplayTypeSelector {
    float: right;
}

.header-links-wrapper {
    float: left;
    /*text-align: right;
	width: 570px;*/
}

.header-links {
    padding: 5px 5px 5px 24px;
    margin-bottom: 5px;
    margin-top: 4px;
    display: inline-table;
    background: transparent;
}

    .header-links ul {
        padding: 0;
        margin: 0;
    }

        .header-links ul li {
            list-style: none;
            display: inline;
            padding-right: 2px;
            background: transparent;
            color: white;
            font-size: 14pt;
        }

        @media only screen and (max-width: 800px) {
            .header-links ul li {
                display:inline-block;
                padding: 0 1em 1em 0;
                
            }
        }
    


    .header-links a {
        text-decoration: none;
        color: #ffffff;
        font-size: 14pt;
    }

        .header-links a:hover {
            color: yellow;
        }

.headermenu {
    color: #FFFFFF;
    /*background:  url('images/pozadi2.png') no-repeat -95px -289px;*/
    padding: 8px 5px 0px 60px;
    text-align: center;
    height: 25px;
    vertical-align: middle;
    letter-spacing: 1px;
    margin: 0 0 0 0;
    float: right;
    display: none;
}

    .headermenu ul {
        padding: 0;
        margin: 0;
        float: left;
        top: -2em;
    }

    .headermenu li {
        list-style: none;
        float: left;
        /*padding-left:13px;*/
        height: 45px;
        /*background:none;*/
        background-position: top center;
        width: 118px;
        margin: 0 1px 0 1px;
    }

    .headermenu a {
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1em;
        font-weight: bold;
        vertical-align: middle;
        /*padding-left: 10px;
	padding-right: 18px;*/
        padding-top: 20px;
        /*height:46px;*/
        display: inline-block;
        /*background-position:top right;*/
        text-align: center;
    }

.homepage-buble {
    background: url('images/hometext.png') no-repeat;
    padding: 10px 240px;
    height: 270px;
    width: 500px;
}

@media only screen and (max-width: 800px) {
    .homepage-buble {
        width: auto;
        height: auto;
        padding: 233px 10px 0 10px;
        background: url('images/hometext_m.png') no-repeat;
    }
}

.homepage-inner-buble {
    width: 450px;
    height: 354px;
    font-size: 13px;
}

@media only screen and (max-width: 800px) {
    .homepage-inner-buble {
        width: auto;
        height: auto;
    }
}

.violet-menu {
    background: url('images/menu-violet.png') no-repeat;
}

.green-menu {
    background: url('images/menu-green.png') no-repeat;
}

.blue-menu {
    background: url('images/menu-blue.png') no-repeat;
}

.red-menu {
    background: url('images/menu-red.png') no-repeat;
}

.searchbox {
    float: left;
    /*width: 150px;*/
    display: none;
    padding-left: 5px;
    visibility: hidden;
}

    .searchbox ul {
        margin: 0;
        padding: 0;
    }

        .searchbox ul li {
            list-style: none;
            float: left;
            display: inline;
            padding-left: 0px;
            background: none;
        }


.footer {
    clear: both;
    height: 35px;
    background: #FC4B07;
    color: #eeeeee;
    padding: 5px 5px 5px 5px;
}

    .footer a {
        text-decoration: none;
    }

.footer-disclaimer {
    float: right;
    font-size: 11px;
}

.footer-poweredby {
    float: left;
    font-size: 9px;
    margin-top: 22px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC. CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.page-title {
    border-bottom: 1px solid;
    margin: 0 0 10px;
    overflow: hidden;
    width: 100%;
}

    .page-title h1, .page-title h2 {
        padding: 5px 5px 5px 0px;
        font-size: 20px;
        margin: 0;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: normal;
    }

td {
    vertical-align: middle;
}

    td.fieldname {
        font-size: 12px;
    }

.table-container {
}

    .table-container .row {
    }

        .table-container .row .item-name {
            padding: 3px 10px 0px 0px;
            display: block;
            white-space: nowrap;
            padding-right: 10px;
            vertical-align: middle;
        }

        .table-container .row .item-value {
            padding: 3px 0px 0px 0px;
            vertical-align: middle;
        }

.htmlcontent {
    padding-bottom: 5px;
}

.htmlcontent-title {
    padding: 0 0 5px 0;
    clear: both;
    margin: 0px 0px 0 0px;
}

.htmlcontent-header {
    font-size: 1.2em;
    font-weight: bold;
    background-color: white;
}

.htmlcontent-body {
    min-height: 290px;
}

.topicpage {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

.topicpage-title {
    border-bottom: 0 none;
}

.topicpage .topicpage-body {
}

.user-agreement-page {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .user-agreement-page .page-title {
    }

    .user-agreement-page .page-body {
    }

.clear {
    border: medium none;
    clear: both;
    float: none;
    font-size: 0;
    height: 0;
    line-height: 0;
}

.linkButton {
    color: #3664A5;
    background-color: inherit;
    text-decoration: underline;
    font-weight: bold;
}

a.linkButton:hover {
}

.dropDownLists {
    height: 17px;
    font-size: 10px;
    padding-left: 2px;
    font-family: Tahoma;
}

.textBox {
    margin: 1px;
    border-right: #dfe5e7 1px solid;
    border-top: #a8bac2 1px solid;
    border-left: #a8bac2 1px solid;
    border-bottom: #dfe5e7 1px solid;
    background: url(Images/bgTextBox.gif) white repeat-x left top;
    color: #11354A;
    font-family: verdana;
    font-size: 8pt;
    padding: 1px;
    height: 15px;
}

.message-error {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: red;
}

.copyright {
    float: right;
    padding-right: 10px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

    .copyright a {
        color: #3664A5;
        background-color: inherit;
    }

ul.sitemap {
}

    ul.sitemap li {
        padding: 3px 0px 3px 0px;
    }

        ul.sitemap li span {
            text-transform: uppercase;
            margin: 10px 0px 10px 0px;
        }

checkbox, input, radio, select {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

input[type="checkbox" i] {
    display: inline-block;
    margin-right: 0.3em;
    vertical-align: middle;
    }



/* fix ie button padding bug - apply to all buttons to reduce extra padding applied by ie!
input
{
	width: auto;
	overflow: visible;
} */

textarea {
    width: 100%;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

.textbox {
}

.searchtext {
    border: solid 1px #d3d3d3;
    vertical-align: top;
    font-size: 12px;
}

.searchboxtext {
    width: 110px;
    border: solid 1px #E3E3E3;
    font-size: 12px;
}

.newsaddcommenttitletext {
    width: 250px;
    border: solid 1px #E3E3E3;
    vertical-align: top;
    font-size: 12px;
}

.newsaddcommentcommenttext {
    height: 150px;
    width: 500px;
    border: solid 1px #E3E3E3;
    vertical-align: top;
    font-size: 12px;
}

.blogaddcommentcommenttext {
    height: 150px;
    width: 500px;
    border: solid 1px #E3E3E3;
    vertical-align: top;
    font-size: 12px;
}

.accountsignaturetext {
    height: 100px;
    width: 500px;
    border: solid 1px #E3E3E3;
    vertical-align: top;
}

.numerictextboxtext {
    border: solid 1px #E3E3E3;
    /*vertical-align: top;*/
    font-size: 12px;
}

.forumtopictitletext {
    width: 500px;
    border: 1px solid #acacac;
    vertical-align: top;
    font-size: 12px;
}

.privatemessagesubjecttext {
    width: 500px;
    border: 1px solid #acacac;
    vertical-align: top;
    font-size: 12px;
}

.forumsearchtext {
    width: 500px;
    border: 1px solid #acacac;
    font-size: 14px;
}


.forumsearchboxtext {
    border: 1px solid #acacac;
    font-size: 12px;
}

.bbeditortext {
    border: #cec6b5 1px solid;
}

.edittopiclinkbutton {
    padding-right: 5px;
    padding-left: 18px;
    background: url('images/ico-edit.gif') no-repeat;
}

.deletetopiclinkbutton {
    padding-right: 5px;
    padding-left: 18px;
    background: url('images/ico-delete.gif') no-repeat;
}

.movetopiclinkbutton {
    padding-right: 5px;
    padding-left: 18px;
    background: url('images/ico-moveTopic.gif') no-repeat;
}

.replytopiclinkbutton {
    padding-right: 5px;
    padding-left: 18px;
    padding-bottom: 3px;
    background: url('images/ico-forum-post-add.gif') no-repeat;
}

.watchtopiclinkbutton {
    padding-left: 18px;
    background: url('images/ico-forum-watch.gif') no-repeat;
}

.editpostlinkbutton {
    padding-right: 5px;
    padding-left: 18px;
    background: url('images/ico-edit.gif') no-repeat;
}

.deletepostlinkbutton {
    padding-right: 5px;
    padding-left: 18px;
    background: url('images/ico-delete.gif') no-repeat;
}

.quotepostlinkbutton {
    color: #555555;
    float: right;
    padding: 1px 3px 1px 3px;
    border: solid 1px #cccccc;
    line-height: 15px;
    font-size: 11px;
}

.searchboxbutton {
    margin-bottom: 2px;
}

.productlistproductdetailbutton, .productgridproductdetailbutton {
    margin-bottom: 3px;
    background: none !important;
    border: none;
    padding: 2px 0 0 0 !important;
    /*border is optional*/
    border-bottom: 1px solid #444;
    cursor: pointer;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.searchbutton, .contactusbutton, .newsitemaddcommentbutton, .blogpostaddcommentbutton,
.productwritereviewbutton, .loginbutton, .registerbutton,
.checkoutasguestbutton, .savecustomerinfobutton, .addbillingaddressbutton, .addshippingaddressbutton,
.changepasswordbutton, .registernextstepbutton, .completeregistrationbutton, .passwordrecoverybutton,
.newpasswordbutton, .saveaddressbutton, .sendemailafriendbutton, .checkoutbutton, .submitforumtopicbutton, .submitpmbutton, .replypmbutton,
.deleteselectedpmbutton, .reorderbutton, .minicartcheckoutbutton, .newsletterbox-subscribebutton, .useragreementbutton, .selectshippingaddressbutton, .sameasshippingaddressbutton, .selectbillingaddressbutton {
    /*width: 115px;*/
    height: 25px;
    border: none;
    /*margin-bottom: 5px;*/
    margin: 0 5px 5px 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #64BFEB;
    color: #fff;
    font-weight: bolder;
}
.searchbutton:hover, .contactusbutton:hover, .newsitemaddcommentbutton:hover, .blogpostaddcommentbutton:hover,
.productwritereviewbutton:hover, .loginbutton:hover, .registerbutton:hover,
.checkoutasguestbutton:hover, .savecustomerinfobutton:hover, .addbillingaddressbutton:hover, .addshippingaddressbutton:hover,
.changepasswordbutton:hover, .registernextstepbutton:hover, .completeregistrationbutton:hover, .passwordrecoverybutton:hover,
.newpasswordbutton:hover, .saveaddressbutton:hover, .sendemailafriendbutton:hover, .checkoutbutton:hover, .submitforumtopicbutton:hover, .submitpmbutton:hover, .replypmbutton:hover,
.deleteselectedpmbutton:hover, .reorderbutton:hover, .minicartcheckoutbutton:hover, .newsletterbox-subscribebutton:hover, .useragreementbutton:hover, .selectshippingaddressbutton:hover, .sameasshippingaddressbutton:hover, .selectbillingaddressbutton:hover {
    background-color: #54AFDB;
}

.searchbutton:active, .contactusbutton:active, .newsitemaddcommentbutton:active, .blogpostaddcommentbutton:active,
.productwritereviewbutton:active, .loginbutton:active, .registerbutton:active,
.checkoutasguestbutton:active, .savecustomerinfobutton:active, .addbillingaddressbutton:active, .addshippingaddressbutton:active,
.changepasswordbutton:active, .registernextstepbutton:active, .completeregistrationbutton:active, .passwordrecoverybutton:active,
.newpasswordbutton:active, .saveaddressbutton:active, .sendemailafriendbutton:active, .checkoutbutton:active, .submitforumtopicbutton:active, .submitpmbutton:active, .replypmbutton:active,
.deleteselectedpmbutton:active, .reorderbutton:active, .minicartcheckoutbutton:active, .newsletterbox-subscribebutton:active, .useragreementbutton:active, .selectshippingaddressbutton:active, .sameasshippingaddressbutton:active, .selectbillingaddressbutton:active {
    background-color: #449FcB;
    color: #ddd;
}






.confirmordernextstepbutton, .newaddressnextstepbutton, .shippingmethodnextstepbutton, .paymentmethodnextstepbutton, .paymentinfonextstepbutton {
    /*background: url('images/hilitebut.png') no-repeat;
    width: 67px;
    height: 30px;
    border: none;
    margin-right: 5px;*/
    /*width: 115px;*/
    height: 25px;
    border: none;
    /*margin-bottom: 5px;*/
    margin: 0 5px 5px 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #64BFEB;
    color: #fff;
    font-weight: bolder;
    min-width:8em;
}
.confirmordernextstepbutton:hover, .newaddressnextstepbutton:hover, .shippingmethodnextstepbutton:hover, .paymentmethodnextstepbutton:hover, .paymentinfonextstepbutton:hover {
    background-color: #54AFDB;
}
.confirmordernextstepbutton:active, .newaddressnextstepbutton:active, .shippingmethodnextstepbutton:active, .paymentmethodnextstepbutton:active, .paymentinfonextstepbutton:active {
    background-color: #449FcB;
    color: #ddd;
}


.productlistaddtocartbutton, .productvariantaddtocartbutton, .productgridaddtocartbutton {
    width: 115px;
    height: 25px;
    border: none;
    margin-bottom: 5px;
    background-color: #64BFEB;
    color: #fff;
    font-weight: bolder;
}
.productlistaddtocartbutton:hover, .productvariantaddtocartbutton:hover, .productgridaddtocartbutton:hover {
    background-color: #54AFDB;
}

.productlistaddtocartbutton:active, .productvariantaddtocartbutton:active, .productgridaddtocartbutton:active {
    background-color: #449FcB;
    color: #ddd;
}


.productemailafriendbutton,
.productaddtocomparelistbutton, .productvariantaddtowishlistbutton, .editaddressbutton,
.deleteaddressbutton, .cancelrecurringorderbutton, .orderdetailsbutton, .orderdetailsprintbutton,
.updatewishlistbutton, .applycouponcodebutton, .updatecartbutton, .continueshoppingbutton,
.orderprocessedcontinuebutton, .submitpollvotebutton, .cancelforumtopicbutton, .forumsearchbutton,
.forumsearchboxbutton, .cancelpmbutton, .deletepmbutton, .backpmbutton {
    /*width: 115px;*/
    height: 25px;
    border: none;
    /*margin-bottom: 5px;*/
    margin: 0 5px 5px 5px;
    padding-left:5px;
    padding-right:5px;
    background-color: #64BFEB;
    color: #fff;
    font-weight: bolder;
}
.productemailafriendbutton:hover,
.productaddtocomparelistbutton:hover, .productvariantaddtowishlistbutton:hover, .editaddressbutton:hover,
.deleteaddressbutton:hover, .cancelrecurringorderbutton:hover, .orderdetailsbutton:hover, .orderdetailsprintbutton:hover,
.updatewishlistbutton:hover, .applycouponcodebutton:hover, .updatecartbutton:hover, .continueshoppingbutton:hover,
.orderprocessedcontinuebutton:hover, .submitpollvotebutton:hover, .cancelforumtopicbutton:hover, .forumsearchbutton:hover,
.forumsearchboxbutton:hover, .cancelpmbutton:hover, .deletepmbutton:hover, .backpmbutton:hover {
    background-color: #54AFDB;
}

.productemailafriendbutton:active,
.productaddtocomparelistbutton:active, .productvariantaddtowishlistbutton:active, .editaddressbutton:active,
.deleteaddressbutton:active, .cancelrecurringorderbutton:active, .orderdetailsbutton:active, .orderdetailsprintbutton:active,
.updatewishlistbutton:active, .applycouponcodebutton:active, .updatecartbutton:active, .continueshoppingbutton:active,
.orderprocessedcontinuebutton:active, .submitpollvotebutton:active, .cancelforumtopicbutton:active, .forumsearchbutton:active,
.forumsearchboxbutton:active, .cancelpmbutton:active, .deletepmbutton:active, .backpmbutton:active {
    background-color: #449FcB;
    color: #ddd;
}



.currencylist {
    border: solid 1px #E3E3E3;
    text-align: center;
    height: 18px !important;
    line-height: 18px;
}

select.languagelist {
    border: solid 1px #E3E3E3;
}

ul.languagelist {
    display: inline;
    line-height: 25px;
}

    ul.languagelist li {
        list-style: none;
        display: inline;
        padding: 0px 5px 0 5px;
    }

        ul.languagelist li .selected {
            border: solid 1px #cccccc !important;
        }

.taxdisplaytypelist {
    border: solid 1px #E3E3E3;
}

.forumtopicoptionscheck {
}

    .forumtopicoptionscheck label {
        color: #555;
        font-size: 0.9em;
        padding-left: 5px;
        vertical-align: top;
    }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NAVIGATIONS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.block {
    margin-bottom: 15px;
    padding: 10px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

    .block .title {
        font-size: 1.5em;
        font-weight: bold;
        text-transform: uppercase;
        padding: 4px 8px;
        text-align: center;
        color: white;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        opacity: 0.9;
    }

    .block .listbox {
        font-size: 11px;
        padding: 5px 10px 10px;
        line-height: 18px;
        margin: 0px;
    }

        .block .listbox ul {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 10px;
            color: #3664A5;
            background-color: inherit;
            list-style-image: url('images/starbullet.png');
        }

    .block a {
        color: white;
        font-size: 14px;
    }
    @media only screen and (max-width: 800px) {
        .block a {
            font-size: 16px;
        }
    }
    


        .block li.separator {
            height: 1px;
            background: rgb(232, 230, 210);
            width: 140px;
            margin: 5px 0 5px 0;
        }

.hero-stripe {
    height: 170px;
}

.block-category-navigation {
    font-weight: bold;
    background: #37a90a; /* Old browsers */
    background: -moz-linear-gradient(top, #37a90a 0%, #77f803 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37a90a), color-stop(100%,#77f803)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #37a90a 0%,#77f803 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #37a90a 0%,#77f803 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #37a90a 0%,#77f803 100%); /* IE10+ */
    background: linear-gradient(to bottom, #37a90a 0%,#77f803 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37a90a', endColorstr='#77f803',GradientType=0 ); /* IE6-9 */
    border: solid 1px #4d9800;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.block-info {
    background: #07aa71; /* Old browsers */
    background: -moz-linear-gradient(top, #07aa71 0%, #0ff6c0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07aa71), color-stop(100%,#0ff6c0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #07aa71 0%,#0ff6c0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #07aa71 0%,#0ff6c0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #07aa71 0%,#0ff6c0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #07aa71 0%,#0ff6c0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07aa71', endColorstr='#0ff6c0',GradientType=0 ); /* IE6-9 */
    border: solid 1px #22aebf;
}

.block-fun {
    background: #0c92db; /* Old browsers */
    background: -moz-linear-gradient(top, #0c92db 0%, #04f8e7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c92db), color-stop(100%,#04f8e7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0c92db 0%,#04f8e7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0c92db 0%,#04f8e7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0c92db 0%,#04f8e7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0c92db 0%,#04f8e7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c92db', endColorstr='#04f8e7',GradientType=0 ); /* IE6-9 */
    border: solid 1px #7eb5d5;
}

.block-shoppingcart {
    background: #f9b811; /* Old browsers */
    background: -moz-linear-gradient(top, #f9b811 0%, #fbdf93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9b811), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9b811 0%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9b811 0%,#fbdf93 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9b811 0%,#fbdf93 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9b811 0%,#fbdf93 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b811', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
    border: solid 1px #CE9A16;
}

    .block-shoppingcart .title {
        background: #fbdf92;
    }

.block-fun .title {
    background: #6fc2ec;
}

.block-info .title {
    background: #6dd2b2;
}

.block-category-navigation .title {
    background: #94d37a;
}


.block-manufacturer-navigation, .block-recently-viewed-products,
.block-shoppingcart, .block-newsletter, .block-livechat {
}




.block-popular-tags {
    display: none;
}

.block-livechat .listbox {
    text-align: center;
}


.block-shoppingcart .items {
    margin-top: 10px;
}

    .block-shoppingcart .items ul {
    }

.block-shoppingcart .buttons {
    text-align: right;
}

.block-category-navigation .listbox a {
    font-size: 1.6em !important;
}

.block-category-navigation .active a {
}
@media only screen and (max-width: 800px) {
    .block li {
        margin: 1em 0 1em 0;
    }
}
.block-category-navigation .listbox ul .active {
    font-weight: bold;
}

.block-category-navigation .listbox ul .inactive {
}

.block-manufacturer-navigation a.active {
    font-weight: bold;
}

.block-manufacturer-navigation a.inactive {
}

.block-manufacturer-navigation .listbox .viewall a {
}

.block-newsletter .options {
    margin-top: 5px;
}

.block-newsletter .buttons {
    margin-top: 5px;
}

.block-recently-viewed-products a:hover {
}


.block-popular-tags li {
    display: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ORDER SUMMARY, SHOPPING CART, WISHLIST

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.shoppingcart-page, .wishlist-page {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .shoppingcart-page .page-title, .wishlist-page .page-title {
        border-bottom: 0 none;
    }

    .shoppingcart-page .body, .wishlist-page .body {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
        font-size: 11px;
        color: #555;
    }

.order-summary-content {
    margin: 0px;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
    color: #555;
}

.wishlist-content {
    margin: 0px;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}

.order-summary-content .coupon-box {
    margin: 0px;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
    color: #555;
    background: #FFF; /*rgb(247, 245, 232) seda*/
    ;
    margin-bottom: 10px;
    border: dotted 1px #d3d3d3;
}

.order-summary-content .cart, .wishlist-content .cart {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
}

.wishlist-content .cart {
    margin-bottom: 25px;
}

    .order-summary-content .cart td, .wishlist-content .cart td {
        padding: 3px 0 3px 0;
    }

    .order-summary-content .cart .cart-header-row, .wishlist-content .cart .cart-header-row {
        font-weight: bold;
    }

        .order-summary-content .cart .cart-header-row td, .wishlist-content .cart .cart-header-row td {
            background: url('images/cart_line_y.gif') repeat-y right;
        }

            .order-summary-content .cart .cart-header-row td.picture, .wishlist-content .cart .cart-header-row td.picture {
                background: none;
                border: none;
            }

            .order-summary-content .cart .cart-header-row td.end, .wishlist-content .cart .cart-header-row td.end {
                background: none;
                padding-right: 5px;
            }

    .order-summary-content .cart .cart-item-row, .wishlist-content .cart .cart-item-row {
    }

        .order-summary-content .cart .cart-item-row td, .wishlist-content .cart .cart-item-row td {
            background: url('images/cart_line_y.gif') repeat-y right;
            border-top: 1px dotted #c5c5c5;
            vertical-align: middle;
            line-height: 30px;
        }

            .order-summary-content .cart .cart-item-row td.productpicture, .wishlist-content .cart .cart-item-row td.productpicture {
                padding: 5px 5px 5px 5px;
                background: none;
            }

            .order-summary-content .cart .cart-item-row td.product, .wishlist-content .cart .cart-item-row td.product {
                text-align: left;
                padding: 0px 10px 0px 10px;
            }

            .order-summary-content .cart .cart-item-row td.end, .wishlist-content .cart .cart-item-row td.end {
                border-top: 1px dotted #c5c5c5;
                background: none;
                text-align: right;
                font-weight: bold;
                color: Green;
            }

.order-summary-content .WarningBox .WarningText, .wishlist-content .WarningBox .WarningText {
    color: Red;
}

.order-summary-content .total-info {
    margin: 0px;
    padding: 10px 0px 10px 0px;
}

.cart_total_left {
    width: 100%;
    text-align: right;
    vertical-align: middle;
    height: 21px;
    font-weight: bold;
    color: #353434;
}

.cart_total_left_below {
    width: 100%;
    text-align: right;
    vertical-align: top;
    height: 30px;
}

.cart_total_right {
    text-align: right;
    vertical-align: middle;
    padding-left: 5px;
}

.order-summary-content .removegiftcardbutton {
    padding-right: 5px;
    padding-left: 18px;
    background: url('images/ico-delete.gif') no-repeat;
}

.order-summary-content .selected-checkout-attributes {
    margin: 0px;
    padding: 10px 0px 10px 0px;
    width: 100%;
    text-align: right;
    vertical-align: middle;
    color: #353434;
}

.order-summary-content .checkout-attributes {
    margin: 10px 0px 10px 0px;
    padding: 10px 20px 10px 20px;
    background: none repeat scroll 0 0;
    border: 1px dotted #D3D3D3;
}

.order-summary-content .terms-of-service {
    margin: 0px;
    padding: 10px 10px 10px 10px;
}

    .order-summary-content .terms-of-service .read {
        text-decoration: underline;
    }

        .order-summary-content .terms-of-service .read:hover {
            cursor: pointer;
        }

.order-summary-content .buttons {
    margin: 0px;
    padding: 10px 10px 10px 10px;
}

    .order-summary-content .buttons .common-buttons {
        float: left;
        margin: 0px;
        padding: 10px 10px 10px 10px;
    }

    .order-summary-content .buttons .addon-buttons {
        float: right;
        margin: 0px;
        padding: 10px 10px 10px 10px;
        text-align: right;
    }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CHECKOUT, ORDER DETAILS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.checkout-page, .checkout-one-page {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
    width: 800px;
}
@media only screen and (max-width: 800px) {
    .checkout-page, .checkout-one-page {
        width: auto
    }
}

    .checkout-page .page-title, .checkout-one-page .page-title {
        border-bottom: 0 none;
    }

    .checkout-page .checkout-data, .checkout-one-page .checkout-data {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
        font-size: 11px;
        color: #555;
        background-color: inherit;
    }

        .checkout-one-page .checkout-data .progress {
            position: absolute;
            top: 100px;
            width: 180px;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            background: none repeat scroll 0 0 #FFFFFF;
            padding: 5px 10px;
            text-align: center;
            z-index: 2147483647;
        }

.checkoutstep {
}

    .checkoutstep .steptitle {
        border: 1px solid #000;
        color: white;
        background-color: #9B0000;
        font-family: Arial, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px 5px 5px 5px;
        margin-top: 5px;
    }

    .checkoutstep .stepcontent {
        border: dashed 1px #2F4F4F;
        border-top: none;
        padding: 5px 5px 5px 5px;
    }

.order-summary-title {
    padding: 10px 10px 5px 0px;
    font-size: 11px;
    color: #555;
    font-weight: bold;
    clear: both;
}

.order-summary-body {
    text-align: center;
    margin: 10px 10px 10px 10px;
    border: 1px solid rgb(232, 230, 210);
    height: auto;
}

.checkout-data .select-address-title {
    padding: 10px 10px 5px 0px;
    font-weight: bold;
    clear: both;
}

.checkout-data .address-grid {
    margin-bottom: 15px;
    padding: 0px;
}

    .checkout-data .address-grid .item-box {
        padding-bottom: 10px;
        text-align: center;
        vertical-align: text-top;
    }

    .checkout-data .address-grid .address-item {
        text-align: center;
        margin: 10px 10px 10px 10px;
        border: 1px solid rgb(232, 230, 210);
        width: 200px;
        height: auto;
    }

        .checkout-data .address-grid .address-item .select-button {
            margin-bottom: 5px;
            margin-top: 5px;
            text-align: center;
        }

        .checkout-data .address-grid .address-item .address-box {
            text-align: left;
        }

.checkout-data .enter-address-title {
    padding: 10px 10px 5px 0px;
    font-weight: bold;
    clear: both;
}

.checkout-data .enter-address {
    text-align: center;
    margin: 10px 10px 10px 10px;
    border: 1px solid #d7d7d7;
    height: auto;
}

    .checkout-data .enter-address .enter-address-body {
        text-align: left;
        margin: 10px 10px 10px 10px;
    }

    .checkout-data .enter-address .button {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

    .checkout-data .enter-address .the-same-address {
        text-align: left;
        margin: 10px 10px 10px 10px;
    }

.checkout-data .shipping-options {
    text-align: left;
    margin: 10px 10px 10px 10px;
    border: 1px solid rgb(232, 230, 210);
    height: auto;
}

    .checkout-data .shipping-options .shipping-option-item {
        text-align: left;
        vertical-align: text-top;
        padding: 5px 0 0 5px;
    }

        .checkout-data .shipping-options .shipping-option-item .option-name {
            font-weight: bold;
        }

        .checkout-data .shipping-options .shipping-option-item .option-description {
            padding: 5px 0 5px 16px;
        }

    .checkout-data .shipping-options .select-button {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

    .checkout-data .shipping-options .error-block {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

.checkout-data .userewardpoints {
    margin: 0px;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
    color: #555;
    background: #FFF; /*rgb(247, 245, 232) seda*/
    ;
    margin-bottom: 10px;
    border: dotted 1px #d3d3d3;
}

.checkout-data .payment-methods {
    text-align: left;
    margin: 10px 10px 10px 10px;
    border: 1px solid rgb(232, 230, 210);
    height: auto;
}

    .checkout-data .payment-methods .payment-method-item {
        padding: 10px;
        text-align: left;
        vertical-align: text-top;
    }

    .checkout-data .payment-methods .select-button {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

    .checkout-data .payment-methods .error-block {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
        clear: both;
    }


.checkout-data .payment-info {
    text-align: left;
    margin: 10px 10px 10px 10px;
    border: 1px solid rgb(232, 230, 210);
    height: auto;
}

    .checkout-data .payment-info .body {
        padding: 10px;
        text-align: left;
        vertical-align: text-top;
    }

    .checkout-data .payment-info .select-button {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

.checkout-data .confirm-order {
    text-align: left;
    margin: 10px 10px 10px 10px;
    border: 1px solid rgb(232, 230, 210);
    height: auto;
}

    .checkout-data .confirm-order .select-button {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

    .checkout-data .confirm-order .error-block {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

.checkout-data .order-completed {
    text-align: left;
    margin: 10px 10px 10px 10px;
    border: 1px solid rgb(232, 230, 210);
    height: auto;
}

    .checkout-data .order-completed .body {
        padding: 10px;
        text-align: left;
        vertical-align: text-top;
    }

    .checkout-data .order-completed .select-button {
        margin: 10px 10px 10px 10px;
        text-align: left;
    }

.order-details {
    margin-bottom: 15px;
    padding: 0px;
}

    .order-details .page-title {
        border-bottom: 0 none;
    }

    .order-details .info {
        border: 1px solid rgb(232, 230, 210);
        padding: 10px;
    }

    .order-details .section-title {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
        clear: both;
    }

    .order-details .order-overview {
        text-align: left;
        padding-bottom: 10px;
    }

    .order-details .shipping-box {
        text-align: left;
        padding: 10px;
        border: 1px solid rgb(232, 230, 210);
        height: auto;
    }

    .order-details .billing-box {
        text-align: left;
        padding: 10px;
        border: 1px solid rgb(232, 230, 210);
        height: auto;
    }

    .order-details .products-box, .order-details .ordernotes-box {
        text-align: left;
        padding: 10px;
        border: 1px solid rgb(232, 230, 210);
        height: auto;
    }

    .order-details .checkout-attributes {
        text-align: right;
        vertical-align: middle;
        padding: 10px;
        height: auto;
    }

.downloable-products {
    margin: 0px 0 0 0;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}

    .downloable-products .info {
        padding: 10px;
    }

    .downloable-products .products-box {
        text-align: left;
        padding: 10px;
        border: 1px solid rgb(232, 230, 210);
        height: auto;
    }

.order-progress {
    height: 40px;
    margin: 0 auto;
    text-align: center;
    border-bottom: solid 2px #f3f3f3;
}

    .order-progress ul {
        padding: 0;
        margin: 0;
    }



.order-progress ul li {
    list-style: none;
    display: inline;
    padding: 5px 20px 0 20px;
}
@media only screen and (max-width: 800px) {
    .order-progress ul li {
        font-size: xx-small;
        padding: 0
    }
}

            .order-progress ul li .active-step {
                color: #6a6a6a;
                background: url('images/progress-step-active.gif') no-repeat 50% 50%;
                padding-bottom: 40px;
                padding-right: 1px;
            }

            .order-progress ul li .inactive-step {
                color: #d7d7d7;
                background: url('images/progress-step-inactive.gif') no-repeat 50% 50%;
                padding-bottom: 40px;
                padding-right: 1px;
            }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.home-page-product-grid {
    margin-left: auto;
    margin-right: auto;
    width: 713px;
}

@media only screen and (max-width: 800px) {
    .home-page-product-grid {
        width: auto;
    }
}


.home-page-product-grid .boxtitle {
    padding: 10px 0px 1px 0px;
    margin: 0 5px 10px 5px;
    font-weight: bold;
    text-transform: uppercase;
    clear: both;
    font-size: 1.1em;
    border-bottom: solid 1px #C4C6C8;
}

.home-page-product-grid .item-box {
    padding-bottom: 10px;
    text-align: center;
    vertical-align: text-top;
}

.home-page-product-grid .product-item {
    text-align: center;
    margin: 10px 10px 10px 10px;
    border: solid 1px rgb(232, 230, 210);
    width: 200px;
    height: 200px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

    .home-page-product-grid .product-item .product-title {
        margin-bottom: 25px;
        margin-top: 15px;
        text-align: center;
        font-weight: bold;
        font-size: 12px;
        background: transparent;
    }

    .home-page-product-grid .product-item .picture {
        text-align: center;
    }

.home-page-category-grid {
    margin-left: auto;
    margin-right: auto;
    width: 580px;
}

    .home-page-category-grid a {
    }

    .home-page-category-grid .item-box {
        text-align: center;
        vertical-align: text-top;
    }

    .home-page-category-grid .category-item {
        text-align: center;
        margin: 10px 10px 10px 10px;
        width: 280px;
        height: auto;
        border: 1px solid rgb(232, 230, 210);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        .home-page-category-grid .category-item .title {
            text-align: center;
            font-weight: bold;
            font-size: 1.4em;
            display: block;
            overflow: hidden hidden;
            height: 1.8em;
            padding: 8px 0 5px 0;
        }

        .home-page-category-grid .category-item .picture {
            text-align: center;
            padding: 10px 0 10px 0;
        }

.bestsellers {
    margin-left: auto;
    margin-right: auto;
    width: 450px;
}

    .bestsellers .boxtitle {
        padding: 10px 0px 1px 0px;
        margin: 0 5px 10px 5px;
        font-weight: bold;
        text-transform: uppercase;
        clear: both;
        font-size: 1.1em;
        border-bottom: solid 1px #C4C6C8;
    }

    .bestsellers .item-box {
        padding-bottom: 10px;
        text-align: center;
        vertical-align: text-top;
    }

    .bestsellers .product-item {
        text-align: center;
        margin: 10px 10px 10px 10px;
        border: solid 1px rgb(232, 230, 210);
        width: 200px;
        height: 200px;
    }

        .bestsellers .product-item .product-title {
            margin-bottom: 5px;
            margin-top: 5px;
            text-align: center;
            font-weight: bold;
            font-size: 12px;
        }

        .bestsellers .product-item .picture {
            text-align: center;
        }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCTS IN GRID - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.product-grid {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 550px;
    text-align: center;
}

    .product-grid .item-box {
        padding-bottom: 10px;
        text-align: center;
        vertical-align: text-top;
        background: #fff;
    }

    .product-grid .product-item {
        text-align: center;
        margin: 10px 10px 10px 10px;
        width: 250px;
        border: 1px solid rgb(232, 230, 210);
    }

        .product-grid .product-item .product-title {
            font-weight: bold;
            font-size: 12px;
            padding-left: 10px;
        }

            .product-grid .product-item .product-title a {
                display: block;
                height: 2em;
                line-height: 1.3em;
                overflow: hidden hidden;
                padding: 4px 10px 8px 0px;
                color: #3A4045;
            }

        .product-grid .product-item .picture {
            text-align: center;
            margin-top: 10px;
        }

        .product-grid .product-item .description {
            visibility: hidden;
            margin: 5px 5px 0 5px;
            text-align: center;
            padding: 10px 5px 10px 5px;
            border-top: solid 1px rgb(232, 230, 210);
            color: #555;
            height: 50px;
        }

        .product-grid .product-item .add-info {
            vertical-align: bottom;
            text-align: right;
            width: 250px;
            /*height: 85px;*/
            position: relative;
            background: #FFF; /*rgb(247, 245, 232) seda*/
            ;
        }

            .product-grid .product-item .add-info .prices {
                text-align: right;
                vertical-align: middle;
                position: absolute;
                bottom: 15px;
                right: 10px;
            }

            .product-grid .product-item .add-info .buttons {
                vertical-align: middle;
                position: absolute;
                bottom: 15px;
                left: 10px;
                text-align: left;
            }



            .product-grid .product-item .add-info .prices .productPrice {
                padding-bottom: 4px;
                display: inline-block;
            }

            .product-grid .product-item .add-info .prices .oldproductPrice {
                color: Red;
                text-decoration: line-through;
            }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCTS IN LINES 1 - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.product-list1 {
    width: 800px;
    margin: 0 auto 0 auto;
    background: #fff;
}

    .product-list1 .item-box {
        text-align: left;
        clear: both;
        position: relative;
        margin-bottom: 10px;
        background: #fff;
    }

    .product-list1 .product-item {
        width: 800px;
        height: 177px;
        margin-top: 10px;
        border: 1px solid rgb(232, 230, 210);
        position: relative;
    }


@media only screen and (max-width: 800px) {
    .product-list1 .product-item .product-title {
        width: 100%;
    }
}

.product-list1 .product-item .product-title a {
    display: block;
    height: 2em;
    line-height: 1.3em;
    overflow: hidden hidden;
    padding: 4px 10px 8px 0px;
    color: #3A4045;
}

.product-list1 .product-item .picture {
    float: left;
    margin: 10px 0 10px 10px;
}

.product-list1 .product-item .description {
    padding: 0px 0 0 10px;
    margin: 10px 150px 0px 140px;
    text-align: left;
    border-left: solid 1px rgb(232, 230, 210);
    color: #555;
}

.product-list1 .product-item .prices-wrapper {
    float: right;
    text-align: right;
    position: absolute;
    bottom: 20px;
    right: 5px;
}

.product-list1 .product-item .prices {
}

    .product-list1 .product-item .prices .productPrice {
        color: green;
    }

    .product-list1 .product-item .prices .oldproductPrice {
        color: Red;
        text-decoration: line-through;
    }

.product-list1 .product-item .buttons {
    padding-top: 20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCTS IN LINES 2 - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.product-list2 {
    margin-bottom: 15px;
    padding: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FEATURED PRODUCTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.featured-product-grid {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 550px;
    text-align: center;
}

    .featured-product-grid .title {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
        text-transform: uppercase;
        clear: both;
        margin: 0;
        color: #3A4045;
    }

    .featured-product-grid .item-box {
        padding-bottom: 10px;
        text-align: center;
        vertical-align: text-top;
    }

    .featured-product-grid .product-item {
        text-align: center;
        margin: 10px 10px 10px 10px;
        width: 250px;
        border: solid 1px rgb(232, 230, 210);
    }

        .featured-product-grid .product-item .product-title {
            font-weight: bold;
            font-size: 12px;
            padding: 0 0 0 10px;
            text-transform: none;
        }

            .featured-product-grid .product-item .product-title a {
                display: block;
                height: 2em;
                line-height: 1.3em;
                overflow: hidden hidden;
                padding: 4px 10px 8px 0px;
            }

        .featured-product-grid .product-item .picture {
            text-align: center;
            margin-top: 10px;
        }

        .featured-product-grid .product-item .description {
            margin: 5px 5px 0 5px;
            text-align: center;
            padding: 10px 5px 10px 5px;
            border-top: solid 1px rgb(232, 230, 210);
            color: #555;
            height: 50px;
        }

        .featured-product-grid .product-item .add-info {
            vertical-align: bottom;
            text-align: right;
            width: 250px;
            height: 85px;
            position: relative;
        }

            .featured-product-grid .product-item .add-info .prices {
                text-align: right;
                vertical-align: middle;
                position: absolute;
                bottom: 15px;
                right: 10px;
            }

            .featured-product-grid .product-item .add-info .buttons {
                vertical-align: middle;
                position: absolute;
                bottom: 15px;
                left: 10px;
                text-align: left;
            }

            .featured-product-grid .product-item .add-info .prices .productPrice {
                color: green;
            }

            .featured-product-grid .product-item .add-info .prices .oldproductPrice {
                color: Red;
                text-decoration: line-through;
            }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PAGES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.category-page .product-pager, .manufacturer-page .product-pager, .producttag-page .product-pager {
    text-align: center;
}

    .category-page .product-pager a, .manufacturer-page .product-pager a, .producttag-page .product-pager a {
        font-size: 1em;
        color: #555;
    }

        .category-page .product-pager a:link, .manufacturer-page .product-pager a:link, .producttag-page .product-pager a:link {
            text-align: center;
        }

    .category-page .product-pager span, .manufacturer-page .product-pager span, .producttag-page .product-pager span {
        color: #3664A5;
        font-size: 1.3em;
        font-weight: bold;
    }

.category-page, .manufacturerlist-page, .manufacturer-page, .producttag-page {
    margin-bottom: 15px;
    padding: 0px;
}

    .category-page .page-title, .manufacturerlist-page .page-title, .manufacturer-page .page-title, .producttag-page .page-title {
        border-bottom: 0 none;
    }

    .category-page .category-description, .manufacturer-page .manufacturer-description {
        color: #0A263C;
        font-size: 1.1em;
    }

.sub-category-grid, .manufacturer-grid {
    margin-left: auto;
    margin-right: auto;
    width: 520px;
    margin-bottom: 15px;
}

    .sub-category-grid a, .manufacturer-grid a {
    }

    .sub-category-grid .item-box, .manufacturer-grid .item-box {
        text-align: center;
        vertical-align: text-top;
    }

    .sub-category-grid .sub-category-item, .manufacturer-grid .manufacturer-item {
        text-align: center;
        margin: 10px 10px 10px 10px;
        width: 150px;
        height: auto;
        border: 1px solid rgb(232, 230, 210);
    }

        .sub-category-grid .sub-category-item .category-title, .manufacturer-grid .manufacturer-item .man-title {
            text-align: center;
            font-weight: bold;
            font-size: 0.9em;
            display: block;
            overflow: hidden hidden;
            height: 1.8em;
            padding: 8px 0 5px 0;
        }

        .sub-category-grid .sub-category-item .picture, .manufacturer-grid .manufacturer-item .picture {
            text-align: center;
            padding: 10px 0 10px 0;
        }

.sub-category-list {
    margin-bottom: 15px;
    padding: 0px;
}

.product-sorting {
    margin-left: 5px;
}

.product-filters {
    width: 800px;
    margin-left: 5px;
    border: 1px solid rgb(232, 230, 210);
    background: #FFF; /*rgb(247, 245, 232) seda*/
    ;
}

    .product-filters .filter-title {
        font-weight: bold;
        padding-left: 10px;
        color: #3A4045;
    }

        .product-filters .filter-title span {
            display: block;
            height: 2em;
            line-height: 1.3em;
            overflow: hidden hidden;
            padding: 4px 10px 8px 0px;
        }

    .product-filters .filter-item {
        padding: 5px 10px 5px 10px;
    }

.price-range-filter {
}

    .price-range-filter .title {
        color: #555;
        font-weight: bold;
        background: url('images/ico-arrow-r.gif') no-repeat;
        padding: 1px 0px 5px 20px;
    }

    .price-range-filter ul {
        margin: 0;
        padding-left: 20px;
    }

    .price-range-filter li {
        list-style: none;
        padding-bottom: 2px;
    }

    .price-range-filter .selected-price-range {
        padding-left: 20px;
    }

    .price-range-filter .remove-price-range-filter {
        font-weight: bold;
    }

.product-spec-filter {
}

    .product-spec-filter .title {
        color: #555;
        font-weight: bold;
        background: url('images/ico-arrow-r.gif') no-repeat;
        padding: 1px 0px 5px 20px;
    }

    .product-spec-filter table.filter {
        width: 100%;
    }

        .product-spec-filter table.filter tr.group {
            font-weight: bold;
        }

        .product-spec-filter table.filter tr.item td {
            padding: 2px 2px 2px 16px;
        }

        .product-spec-filter table.filter tr.filtereditem {
        }

    .product-spec-filter .remove-filter {
        padding-left: 20px;
    }

    .product-spec-filter .remove-product-spec-filter {
        font-weight: bold;
    }

.compare-products {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .compare-products .page-title {
        border-bottom: 0 none;
    }

    .compare-products .body {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
        font-size: 11px;
        color: #555;
        background-color: inherit;
    }

.compare-products-table {
}

    .compare-products-table .remove-button {
        float: right;
        margin-right: 5px;
        margin-top: 5px;
    }

    .compare-products-table tr.product-name {
        background-color: #CCCCCC;
        font-weight: bold;
    }

    .compare-products-table td {
        border-width: 1px;
        border-color: #BFBFBF;
        border-style: solid;
        padding: 3px;
    }

.login-page {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .login-page .page-title {
        border-bottom: 0 none;
    }

    .login-page .wrapper {
        width: 800px;
        margin-top: 10px;
        padding-left: 5px;
        font-size: 11px;
        color: #555;
    }
@media only screen and (max-width: 800px) {
    .login-page .wrapper {
   
        width: 100%
    }
}


        .login-page .wrapper .new-wrapper {
            float: left;
            width: 50%;
        }
@media only screen and (max-width: 800px) {
    .login-page .wrapper .new-wrapper {
        width: 100%;
        float:inherit
    }
}


            .login-page .wrapper .new-wrapper .register-title {
                text-align: center;
                margin: 0px 10px 0px 10px;
                font-weight: bold;
            }

            .login-page .wrapper .new-wrapper .register-block {
                text-align: center;
                margin: 10px 10px 10px 10px;
                padding: 15px 5px 5px 5px;
                border: 1px solid rgb(232, 230, 210);
                min-height: 240px;
                vertical-align: top;
            }

            .login-page .wrapper .new-wrapper .checkout-as-guest-or-register-block {
                text-align: left;
                margin: 10px 10px 10px 10px;
                padding: 15px 5px 5px 5px;
                border: 1px solid rgb(232, 230, 210);
                min-height: 240px;
                vertical-align: top;
            }

.captcha-enabled {
    height: 310px !important;
}

.login-page .wrapper .returning-wrapper {
    float: right;
    width: 50%;
}
@media only screen and (max-width: 800px) {
    .login-page .wrapper .returning-wrapper {
        float:inherit;
        width:100%
    }
}

    .login-page .wrapper .returning-wrapper .login-title {
        text-align: center;
        margin: 0px 10px 0px 10px;
        font-weight: bold;
    }

    .login-page .wrapper .returning-wrapper .login-block {
        text-align: left;
        margin: 10px 10px 10px 10px;
        padding: 15px 5px 5px 5px;
        border: 1px solid rgb(232, 230, 210);
        min-height: 240px;
    }

.login-table-container {
    vertical-align: middle;
}

    .login-table-container .row {
    }

        .login-table-container .row .item-name {
            padding: 10px 10px 10px 0px;
            display: block;
            white-space: nowrap;
            padding-right: 10px;
            vertical-align: middle;
            font-weight: bold;
        }

        .login-table-container .row .item-value {
            padding: 10px 0px 10px 0px;
            vertical-align: middle;
        }

.login-page .forgot-password {
    font-weight: bold;
}

.login-page .buttons {
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    clear: both;
}

.registration-page {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .registration-page .page-title {
        border-bottom: 0 none;
    }

    .registration-page .body {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
        font-size: 11px;
        color: #555;
        background-color: inherit;
    }

    .registration-page .section-title {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
        clear: both;
        font-size: 12px;
    }

    .registration-page .section-body {
        text-align: left;
        padding: 10px;
        border: 1px solid rgb(232, 230, 210);
        height: auto;
    }

    .registration-page .button {
        float: right;
        margin-bottom: 5px;
        margin-top: 5px;
        text-align: center;
        clear: both;
    }

.password-recovery-page, newsletter-page {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .password-recovery-page .page-title, newsletter-page .page-title {
        border-bottom: 0 none;
    }

    .password-recovery-page .body, newsletter-page .body {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
        font-size: 11px;
        color: #555;
        background-color: inherit;
    }

.customer-avatar {
    padding: 10px;
}

.account-activation-page {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .account-activation-page .page-title {
        border-bottom: 0 none;
    }

    .account-activation-page .body {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
        font-size: 11px;
        color: #555;
        background-color: inherit;
    }

.address-edit-page {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .address-edit-page .page-title {
        border-bottom: 0 none;
    }

    .address-edit-page .body {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
        font-size: 11px;
        color: #555;
        background-color: inherit;
    }

.search-panel {
    margin-bottom: 15px;
    padding: 0px;
}

    .search-panel .page-title {
        border-bottom: 0 none;
    }

    .search-panel .search-input {
        border: 1px solid rgb(232, 230, 210);
        padding: 10px;
    }

    .search-panel .search-results {
        padding-top: 10px;
    }

        .search-panel .search-results .result {
            font-weight: bold;
            color: #555;
        }

    .search-panel table.basic-search, .search-panel table.adv-search {
        border:dotted;
        color: #333;
        margin: 0px;
        width: 100%;
        vertical-align: middle;
        text-align: left;
    }

    .search-panel table.adv-search {
        border-top: solid #D3D3D3 1px;
        margin-top: 10px;
    }

        .search-panel table.basic-search td.title, .search-panel table.adv-search td.title {
            padding: 4px 4px 4px 4px;
            text-align: left;
            vertical-align: middle;
            width: 130px;
        }

        .search-panel table.basic-search td.data, .search-panel table.adv-search td.data {
            padding: 4px 4px 4px 4px;
            text-align: left;
            vertical-align: middle;
            white-space: nowrap;
        }

.contact-form {
}

    .contact-form .button {
        text-align: right;
    }

    .contact-form .send-email {
    }

.breadcrumb {
    float: left;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1em;
    margin-bottom: 10px;
}

    .breadcrumb a {
        text-decoration: none;
        color: #3A4045;
    }

        .breadcrumb a:hover {
            text-decoration: underline;
        }

.newslist {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .newslist .title {
        padding: 10px 0px 1px 0px;
        margin: 0 5px 10px 5px;
        font-weight: bold;
        text-transform: uppercase;
        clear: both;
        font-size: 1.1em;
        border-bottom: solid 1px #C4C6C8;
    }

    .newslist .newsitems {
        margin: 0px 5px 0 5px;
        padding: 0px 0 0 0;
    }

        .newslist .newsitems .item {
            border-bottom: dashed 1px #C4C6C8;
            margin-bottom: 10px;
            padding-bottom: 10px;
        }

        .newslist .newsitems .newsdate {
            color: #9a9a9a;
            font-style: italic;
        }

        .newslist .newsitems a.newstitle {
            color: #555;
            text-decoration: none;
            font-size: 1.2em;
        }

            .newslist .newsitems a.newstitle:hover {
                text-decoration: underline;
            }

        .newslist .newsitems .newsdetails {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .newslist .newsitems .readmore {
            font-weight: bold;
            text-decoration: none;
            color: #3664A5;
            background-color: inherit;
        }

.newsitem {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .newsitem .page-title {
        border-bottom: 0 none;
    }

    .newsitem .newsdate {
        color: #9a9a9a;
        font-style: italic;
    }

    .newsitem .newsbody {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
    }

.newscomments {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .newscomments .title {
        padding: 10px 10px 10px 0px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .newscomments .newcomment {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
    }

        .newscomments .newcomment td.leavetitle {
            padding: 0px 10px 10px 0px;
            font-weight: bold;
            color: #3a3a3a;
        }

        .newscomments .newcomment td.button {
            text-align: right;
        }

    .newscomments .commentlist {
        border-top: solid 1px #e3e3e3;
        margin-top: 10px;
    }

.newscomment {
    border-bottom: solid 1px #E3E3E3;
}

    .newscomment .commentinfo {
        width: 170px;
        float: left;
        padding: 5px;
        height: 100%;
        border-right: solid 1px #F3F3F3;
    }

        .newscomment .commentinfo .userinfo {
            padding-top: 5px;
        }

            .newscomment .commentinfo .userinfo a.username {
                font-weight: bold;
                margin-bottom: 5px;
            }

            .newscomment .commentinfo .userinfo span.username {
                font-weight: bold;
                margin-bottom: 5px;
            }

            .newscomment .commentinfo .userinfo .avatar {
                margin: 5px 0 5px 0;
            }

                .newscomment .commentinfo .userinfo .avatar .avatar-img {
                    border: solid 2px rgb(206, 219, 225) !important;
                }

            .newscomment .commentinfo .userinfo .userstats {
                font-size: 0.9em;
                text-align: left;
                font-weight: bold;
                color: #555;
            }

                .newscomment .commentinfo .userinfo .userstats .statvalue {
                    font-weight: normal;
                }

    .newscomment .commentcontent {
        margin-left: 180px;
        border-left: solid 1px #F3F3F3;
    }

        .newscomment .commentcontent .commenttime {
            font-weight: bold;
            line-height: 20px;
            padding: 3px;
            background: #e3f3f3;
        }

            .newscomment .commentcontent .commenttime .statvalue {
                font-weight: normal;
            }

        .newscomment .commentcontent .commenttitle {
            padding: 3px;
            font-weight: bold;
        }

        .newscomment .commentcontent .commentbody {
            padding: 3px;
        }

.blog {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .blog .page-title {
    }

.blogdate, .postdate {
    visibility: hidden;
}

.blogposts .post {
    color: #9a9a9a;
    font-style: italic;
}

    .blogposts .post a.blogtitle {
        color: #444;
        text-decoration: none;
        font-size: 1.2em;
    }

        .blogposts .post a.blogtitle:Hover {
            text-decoration: underline;
        }

.blog .blogposts {
    margin: 0px 5px 0 5px;
    padding: 0px 0 0 0;
}

    .blog .blogposts .post {
        border-bottom: dashed 1px #C4C6C8;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .blog .blogposts .blogbody {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .blog .blogposts .blogdetails {
        font-weight: bold;
        text-decoration: none;
        color: #3664A5;
        background-color: inherit;
    }

.blogpost {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .blogpost .page-title {
        border-bottom: 0 none;
    }

    .blogpost .postdate {
        color: #9a9a9a;
        font-style: italic;
    }

    .blogpost .postbody {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
    }

.blogcomments {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .blogcomments .title {
        padding: 10px 10px 10px 0px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .blogcomments .newcomment {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
    }


        .blogcomments .newcomment td.leavetitle {
            padding: 0px 10px 10px 0px;
            font-weight: bold;
        }

        .blogcomments .newcomment td.button {
            text-align: right;
        }

    .blogcomments .commentlist {
        margin: 10px 0 0 0;
        padding: 0px 0 0 0;
        font-size: 11px;
        color: #555D65;
        background-color: inherit;
        border-top: solid 1px #e3e3e3;
        margin-top: 10px;
    }

.blogcomment {
    border-bottom: solid 1px #E3E3E3;
}

    .blogcomment .commentinfo {
        width: 170px;
        float: left;
        padding: 5px;
        height: 100%;
        border-right: solid 1px #F3F3F3;
    }

        .blogcomment .commentinfo .userinfo {
            padding-top: 5px;
        }

            .blogcomment .commentinfo .userinfo a.username {
                font-weight: bold;
                margin-bottom: 5px;
            }

            .blogcomment .commentinfo .userinfo span.username {
                font-weight: bold;
                margin-bottom: 5px;
            }

            .blogcomment .commentinfo .userinfo .avatar {
                margin: 5px 0 5px 0;
            }

                .blogcomment .commentinfo .userinfo .avatar .avatar-img {
                    border: solid 2px rgb(206, 219, 225) !important;
                }

            .blogcomment .commentinfo .userinfo .userstats {
                font-size: 0.9em;
                text-align: left;
                font-weight: bold;
                color: #555;
            }

                .blogcomment .commentinfo .userinfo .userstats .statvalue {
                    font-weight: normal;
                }

    .blogcomment .commentcontent {
        margin-left: 180px;
        border-left: solid 1px #F3F3F3;
    }

        .blogcomment .commentcontent .commenttime {
            font-weight: bold;
            line-height: 20px;
            padding: 3px;
            background: #e3f3f3;
        }

            .blogcomment .commentcontent .commenttime .statvalue {
                font-weight: normal;
            }

        .blogcomment .commentcontent .commentbody {
            padding: 3px;
        }

.todays-poll-box {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .todays-poll-box .title {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
        text-transform: uppercase;
        clear: both;
    }

    .todays-poll-box .poll-item {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
        font-size: 11px;
        color: #555;
        background-color: inherit;
    }

.poll-block {
    float: left;
    text-align: left;
    vertical-align: top;
    padding: 10px;
}

.poll-take-poll, .poll-results {
    border: dashed 1px #666;
    padding: 5px;
    margin-top: 10px;
}

.poll-display-text {
    font-weight: bold;
}

.poll-total-votes {
    font-style: italic;
}

.emailafriend-box {
    margin-bottom: 15px;
    padding: 0px;
}

    .emailafriend-box .page-title {
        border-bottom: 0 none;
    }

    .emailafriend-box .send-email {
        border: 1px solid rgb(232, 230, 210);
        margin-top: 10px;
        padding: 0 0 10px 10px;
    }

        .emailafriend-box .send-email .product {
            font-weight: bold;
        }

        .emailafriend-box .send-email .description {
            font-style: italic;
        }

        .emailafriend-box .send-email .confirm {
            font-weight: bold;
        }

.rating-star {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filled-rating-star {
    background-image: url(Images/FilledStar.png);
}

.empty-rating-star {
    background-image: url(Images/EmptyStar.png);
}

.saved-rating-star {
    background-image: url(Images/SavedStar.png);
}

.recently-added-products {
    margin-bottom: 15px;
    padding: 0px;
}

    .recently-added-products .page-title {
    }

.recently-viewed-products {
    margin-bottom: 15px;
    padding: 0px;
}

    .recently-viewed-products .page-title {
    }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CUSTOMER ACCOUNT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.account-page {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .account-page .page-title {
        border-bottom: 0 none;
    }

    .account-page .body {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
        font-size: 11px;
        color: #555;
    }

.customer-info-box {
    margin: 0px 0 0 0;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
}

    .customer-info-box .section-title {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
        clear: both;
        font-size: 12px;
    }

    .customer-info-box .section-body {
        text-align: left;
        padding: 10px;
        border: 1px solid rgb(232, 230, 210);
        height: auto;
    }

    .customer-info-box .button {
        margin-bottom: 5px;
        margin-top: 5px;
        text-align: center;
    }

.customer-addresses {
    margin: 0px 0 0 0;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}

    .customer-addresses .section-title {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
        clear: both;
        font-size: 12px;
    }

    .customer-addresses .address-list {
    }

        .customer-addresses .address-list .address-item {
            text-align: left;
            margin-bottom: 10px;
            padding: 10px;
            border: 1px solid rgb(232, 230, 210);
            height: auto;
        }

    .customer-addresses .add-button {
        margin-bottom: 5px;
        margin-top: 5px;
        float: right;
        text-align: right;
    }

.customer-orders {
    margin: 0px 0 0 0;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}

    .customer-orders .recurring-payments {
        padding: 10px 10px 5px 0px;
        width: 100%;
        clear: both;
    }

        .customer-orders .recurring-payments .section-title {
            padding: 10px 10px 5px 0px;
            font-weight: bold;
            clear: both;
            font-size: 12px;
        }

        .customer-orders .recurring-payments .recurring-payments-box {
            text-align: left;
            padding: 10px;
            border: 1px solid rgb(232, 230, 210);
            height: auto;
        }

    .customer-orders .order-list {
    }

        .customer-orders .order-list .order-item {
            text-align: left;
            margin-bottom: 10px;
            padding: 10px;
            border: 1px solid rgb(232, 230, 210);
            height: auto;
        }

.customer-pass-recovery {
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}

.customer-rewardpoints {
    margin: 0px 0 0 0;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
    background-color: inherit;
}

    .customer-rewardpoints .section-title {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
        clear: both;
        font-size: 12px;
    }

    .customer-rewardpoints .reward-points-overview {
        padding: 10px 10px 5px 0px;
        width: 100%;
    }

    .customer-rewardpoints .reward-points-history {
        text-align: left;
        padding: 10px;
        border: 1px solid rgb(232, 230, 210);
        height: auto;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT DETAILS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.product-details-page {
    border: 1px solid #C4C6C8;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
}

.product-collateral {
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
}

.product-essential {
}

.product-details-info {
}

    .product-details-info .picture {
        float: left;
        width: 300px;
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .product-details-info .overview {
        float: right;
        width: 230px;
        margin-right: 15px;
        margin-top: 25px;
        padding: 5px 5px 5px 5px;
        border: dashed 1px #C4C6C8;
    }

        .product-details-info .overview .productname {
            color: #3664A5;
            font-size: 1.2em;
            margin-bottom: 0.3em;
        }

        .product-details-info .overview .shortdescription {
            color: #555;
            margin-bottom: 0.3em;
            font-size: 1.1em;
        }

    .product-details-info .fulldescription {
        border-top: 1px solid rgb(232, 230, 210);
        clear: both;
        color: #555;
        margin-bottom: 0.3em;
    }

.product-share-button {
    margin-top: 10px;
    margin-bottom: 10px;
}

.product-rating-box {
    margin-top: 20px;
    margin-bottom: 10px;
}

.product-variant-list {
    margin-bottom: 15px;
    padding: 0px;
}

.product-variant-line {
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
    border-bottom: dashed 1px #C4C6C8;
}

    .product-variant-line .picture {
        float: left;
        width: 300px;
        margin-bottom: 15px;
    }

    .product-variant-line .overview {
        float: right;
        width: 200px;
        margin-right: 25px;
    }

        .product-variant-line .overview .productname {
            color: #3664A5;
            font-size: 1.2em;
            margin-bottom: 0.3em;
        }

    .product-variant-line .description {
        clear: both;
        color: #555;
        margin-bottom: 0.3em;
    }

    .product-variant-line .downloadsample {
        clear: both;
        color: #555;
        margin-bottom: 0.3em;
    }

        .product-variant-line .downloadsample .downloadsamplebutton {
            -x-system-font: none !important;
            background: #F1F1F1 url(images/btn_download_bg.gif) repeat-x scroll 0 100%;
            border: 1px solid #B5B5B5;
            color: #444444;
            cursor: pointer;
            font-family: arial,sans-serif !important;
            font-size: 11px !important;
            font-size-adjust: none !important;
            font-stretch: normal !important;
            font-style: normal !important;
            font-variant: normal !important;
            font-weight: bold !important;
            line-height: normal !important;
            overflow: visible;
            padding: 1px 5px;
            text-align: center;
            text-transform: uppercase;
            vertical-align: middle;
            width: auto;
        }

    .product-variant-line .price {
        float: left;
        margin-right: 10px;
    }

        .product-variant-line .price .productPrice {
            color: green;
        }

        .product-variant-line .price .oldProductPrice {
            color: red;
            text-decoration: line-through;
        }

    .product-variant-line .add-info {
        padding: 10px 10px 10px 10px;
        background: #FFF; /*rgb(247, 245, 232) seda*/
        ;
        min-height: 17px;
    }

    .product-variant-line .attributes {
    }

    .product-variant-line .stock {
    }

    .product-variant-line .giftCard {
    }

        .product-variant-line .giftCard dt {
            clear: left;
            float: left;
            width: 150px;
        }

    .product-variant-line .error {
        font-weight: bold;
        color: Red;
    }

.one-variant-price {
    margin: 0px 0px 5px 0px;
}

    .one-variant-price .productPrice {
        color: green;
    }

    .one-variant-price .oldProductPrice {
        color: red;
        text-decoration: line-through;
    }

.one-variant-download-sample {
    clear: both;
    color: #555;
    margin-bottom: 0.3em;
    margin-top: 5px;
}

    .one-variant-download-sample .downloadsamplebutton {
        -x-system-font: none !important;
        background: #F1F1F1 url(images/btn_download_bg.gif) repeat-x scroll 0 100%;
        border: 1px solid #B5B5B5;
        color: #444444;
        cursor: pointer;
        font-family: arial,sans-serif !important;
        font-size: 11px !important;
        font-size-adjust: none !important;
        font-stretch: normal !important;
        font-style: normal !important;
        font-variant: normal !important;
        font-weight: bold !important;
        line-height: normal !important;
        overflow: visible;
        padding: 1px 5px;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
        width: auto;
    }

.related-products-grid, .also-purchased-products-grid {
}

    .related-products-grid .title, .also-purchased-products-grid .title {
        padding: 10px 10px 10px 0px;
        font-weight: bold;
        text-transform: uppercase;
        clear: both;
    }

    .related-products-grid .item-box, .also-purchased-products-grid .item-box {
        padding-bottom: 10px;
        text-align: center;
        vertical-align: text-top;
    }

    .related-products-grid .item, .also-purchased-products-grid .item {
        text-align: center;
        margin: 10px 10px 10px 10px;
        border: 1px solid rgb(232, 230, 210);
        width: 200px;
        height: 200px;
    }

        .related-products-grid .item .product-title, .also-purchased-products-grid .item .product-title {
            margin-bottom: 5px;
            margin-top: 5px;
            text-align: center;
            font-weight: bold;
            text-transform: none;
            font-size: 1em;
            padding: 0;
        }

        .related-products-grid .item .picture, .also-purchased-products-grid .item .picture {
            text-align: center;
        }

.product-review-box {
    margin-bottom: 15px;
    padding: 10px 5px 10px 5px;
}


.product-review-list {
    margin: 10px 0 0 0;
    font-size: 11px;
    color: #555;
}

    .product-review-list .product-review-item {
        border: 1px solid rgb(232, 230, 210);
        margin-top: 10px;
        padding: 10px;
        clear: both;
    }

        .product-review-list .product-review-item .review-title {
            font-weight: bold;
            float: left;
            margin-bottom: 5px;
        }

        .product-review-list .product-review-item .rating {
            float: right;
        }

.product-review-helpfulness {
    color: #333;
}

    .product-review-helpfulness a, .product-review-helpfulness a:hover {
        color: #3664A5;
        text-decoration: none;
    }

.productspec-box {
    padding: 5px 5px 5px 5px;
    clear: both;
    color: #555;
}

.producttags-box {
    padding: 5px 5px 5px 5px;
    clear: both;
    color: #555;
}

.tier-prices {
    text-align: center;
    margin-bottom: 10px;
}

    .tier-prices .prices-header {
        background: #7692B9;
        color: #FFF;
        padding: 3px 3px 3px 3px;
        font-weight: bold;
    }

    .tier-prices .prices table {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
        vertical-align: middle;
        background: #f3f3f3;
    }

    .tier-prices .prices .prices-table td {
        padding: 0;
    }

    .tier-prices .prices .item-table td {
        border-bottom: solid 3px #d7d7d7;
        padding-top: 3px;
        padding-bottom: 3px;
        font-weight: bold;
    }

    .tier-prices .prices .item-table .item-price {
        color: Green;
    }

    .tier-prices .prices .header-table td {
        border-bottom: solid 3px #d7d7d7;
        padding-top: 3px;
        padding-bottom: 3px;
        font-weight: bold;
    }

    .tier-prices .prices .prices-table .field-header {
        font-weight: bold;
        text-align: center;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SLIM BOX (PRODUCT IMAGES)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#lbOverlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer;
}

#lbCenter, #lbBottomContainer {
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    background-color: #fff;
}

.lbLoading {
    background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
    position: absolute;
    left: 0;
    top: 0;
    border: 10px solid #fff;
    background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    outline: none;
}

#lbPrevLink {
    left: 0;
}

    #lbPrevLink:hover {
        background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
    }

#lbNextLink {
    right: 0;
}

    #lbNextLink:hover {
        background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
    }

#lbBottom {
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    border: 10px solid #fff;
    border-top-style: none;
}

#lbCloseLink {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: transparent url(images/closelabel.gif) no-repeat center;
    margin: 5px 0;
    outline: none;
}

#lbCaption, #lbNumber {
    margin-right: 71px;
}

#lbCaption {
    font-weight: bold;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRIVATE MESSAGES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.sendpmbox {
    background-color: #EEEEEE;
    border: 1px solid #A0A0A0;
    color: #555555;
    display: block;
    float: left;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    margin: 2px 0 2px 2px;
    padding: 2px 2px 2px 2px;
    text-decoration: none;
    text-transform: uppercase;
}

    .sendpmbox .pmlinkbutton {
        line-height: 14px;
        padding: 2px 6px 2px 18px;
        background: url('images/ico-pm.png') no-repeat;
    }

.privatemessagesend {
}

    .privatemessagesend .title {
        background: #7692B9;
        color: #FFF;
        border: solid 1px #6a6a6a;
        height: 28px;
        line-height: 28px;
        font-weight: bold;
        padding-left: 3px;
    }

    .privatemessagesend .wrapper {
        padding: 5px 5px 5px 5px;
    }

    .privatemessagesend table.postmessage {
        width: 100%;
        vertical-align: middle;
        border-collapse: collapse;
    }

        .privatemessagesend table.postmessage td {
            padding: 4px 4px 4px 4px;
        }

            .privatemessagesend table.postmessage td.fieldname {
                font-weight: bold;
                width: 20%;
                color: #555;
            }

            .privatemessagesend table.postmessage td.options {
                text-align: right;
            }



.privatemessageview {
}

    .privatemessageview .title {
        background: #7692B9;
        color: #FFF;
        border: solid 1px #6a6a6a;
        height: 28px;
        line-height: 28px;
        font-weight: bold;
        padding-left: 3px;
    }

    .privatemessageview .wrapper {
        padding: 5px 5px 5px 5px;
    }

    .privatemessageview table.viewmessage {
        width: 100%;
        vertical-align: middle;
        border-collapse: collapse;
    }

        .privatemessageview table.viewmessage td {
            padding: 4px 4px 4px 4px;
        }

            .privatemessageview table.viewmessage td.fieldname {
                font-weight: bold;
                width: 20%;
                color: #555;
            }

        .privatemessageview table.viewmessage a {
            color: #3664A5;
            text-decoration: underline;
        }

        .privatemessageview table.viewmessage td.options {
            text-align: right;
        }

.private-messages-page {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .private-messages-page .page-title {
        border-bottom: 0 none;
    }

    .private-messages-page .body {
        margin: 0px 0 0 0;
        padding: 0px 0 0 0;
        font-size: 11px;
        color: #555;
    }


.private-messages-box {
    margin: 0px 0 0 0;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    color: #555;
}

    .private-messages-box .section-title {
        padding: 10px 10px 5px 0px;
        font-weight: bold;
        clear: both;
        font-size: 12px;
    }

    .private-messages-box .button {
        margin-bottom: 5px;
        margin-top: 5px;
        text-align: left;
    }

.pmgridtablestyle {
    font-family: arial;
    font-size: 11px;
    border: 1px solid #808080;
    background-color: #FFFFFF;
    margin-left: 0px;
    width: 100%;
}

    .pmgridtablestyle td a {
        text-decoration: none;
    }

.pmgridaltrowstyle {
    background-color: #F4FAFF;
}

.pmgridheaderstyle th {
    background: #7692B9;
    color: #fff;
    padding: 5px 10px 5px 10px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    border: solid 1px #676767;
}

.pmgridrowstyle td, .pmgridaltrowstyle td {
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #A0C0E7;
    border-right-color: #808080;
}

.pmgridpagerstyle {
    height: 28px;
    background: url(Images/grid_header_back.png) repeat-x;
    background: #EEEEEE;
    vertical-align: middle;
}










/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FORUM MAIN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumsmain {
}

    .forumsmain .forumsmainheader {
        border-bottom: solid 1px #f3f3f3;
        height: 20px;
    }

        .forumsmain .forumsmainheader .currenttime {
            font-size: 0.9em;
            color: #555;
            float: left;
        }

        .forumsmain .forumsmainheader .forumsearchbox {
            float: right;
            text-align: right;
        }

    .forumsmain .forumgroups {
        margin-top: 10px;
    }

    .forumsmain .activediscussions {
        margin-top: 50px;
    }

.forumbreadcrumb {
    padding: 0px;
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.1em;
}

    .forumbreadcrumb a {
        text-decoration: none;
        color: #3a3a3a;
    }

        .forumbreadcrumb a:hover {
            color: #3664A5;
            text-decoration: none;
        }

.forumgrouppage .forumsearchbox {
    text-align: right;
}

.forumgroup {
}

.forumgroups .forumgroup .grouptitle {
    font-size: 1.1em;
}

.forumgroup .grouptitle a {
    font-weight: bold;
}

.forumgroup table.groups {
    margin-top: 10px;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 15px;
}

    .forumgroup table.groups td {
        padding: 3px 0 3px 0;
    }

.forumgroup tr.groupheader {
    font-weight: bold;
}

    .forumgroup tr.groupheader td {
        background: #7692B9;
        color: #FFF;
        border-right: solid 1px #6a6a6a;
        height: 20px;
    }

        .forumgroup tr.groupheader td.forumname {
            width: 55%;
            text-align: left;
            padding-left: 3px;
        }

        .forumgroup tr.groupheader td.topics {
            width: 10%;
        }

        .forumgroup tr.groupheader td.posts {
            width: 10%;
        }

        .forumgroup tr.groupheader td.lastpost {
            width: 25%;
        }

.forumgroup tr.forum td.image div {
    text-align: left;
    width: 36px;
    height: 36px;
    background: url('images/ico-forum.gif') no-repeat 40% 40%;
}

.forumgroup tr.forum td {
    border-bottom: 1px solid #c5c5c5;
    vertical-align: middle;
    padding-left: 3px;
}

    .forumgroup tr.forum td.forumname {
        text-align: left;
        width: 55%;
    }

        .forumgroup tr.forum td.forumname .forumtitle {
            font-weight: bold;
            font-size: 1.1em;
            line-height: 18px;
        }

        .forumgroup tr.forum td.forumname .forumdescription {
            font-size: 0.9em;
            color: #555;
        }

    .forumgroup tr.forum td.lastpost {
        font-size: 0.8em;
        color: #555;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FORUM PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forum {
}

    .forum .forumheader {
    }

    .forum .top .foruminfo {
        float: left;
    }

        .forum .top .foruminfo .forumname {
            font-weight: bold;
            font-size: 1.2em;
            line-height: 25px;
        }

        .forum .top .foruminfo .forumdescription {
            color: #555;
        }

    .forum .top .actions {
        float: right;
        text-align: right;
    }

        .forum .top .actions .newtopic {
            background: url('images/ico-forum-post-add.gif') no-repeat;
            padding: 0 10px 3px 20px;
        }

        .forum .top .actions .watchforum {
            background: url('images/ico-forum-watch.gif') no-repeat;
            padding-left: 20px;
        }

        .forum .top .actions .forumsearchbox {
            padding-top: 5px;
        }

    .forum .topicsgroup {
    }

    .forum table.topics {
        width: 100%;
        border-collapse: collapse;
        vertical-align: middle;
        text-align: center;
    }

        .forum table.topics td {
            padding: 3px 0 3px 0;
        }

        .forum table.topics tr.forumheader {
            font-weight: bold;
        }

            .forum table.topics tr.forumheader td {
                background: #7692B9;
                color: #FFF;
                border-right: solid 1px #6a6a6a;
                height: 20px;
            }

                .forum table.topics tr.forumheader td.topicname {
                    width: 55%;
                    text-align: left;
                    padding-left: 3px;
                }

                .forum table.topics tr.forumheader td.replies {
                    width: 10%;
                }

                .forum table.topics tr.forumheader td.views {
                    width: 10%;
                }

                .forum table.topics tr.forumheader td.lastpost {
                    width: 25%;
                }

        .forum table.topics tr.topic td {
            border-bottom: 1px solid #c5c5c5;
            vertical-align: middle;
            padding-left: 3px;
        }

            .forum table.topics tr.topic td.image div {
                text-align: left;
                width: 36px;
                height: 36px;
                background: url('images/ico-forum.gif') no-repeat 40% 40%;
            }

            .forum table.topics tr.topic td.topicname {
                text-align: left;
                width: 55%;
            }

                .forum table.topics tr.topic td.topicname .topictype {
                    font-size: 0.9em;
                    line-height: 18px;
                }

                .forum table.topics tr.topic td.topicname .topictitle {
                    font-weight: bold;
                    font-size: 1.1em;
                    line-height: 18px;
                }

                .forum table.topics tr.topic td.topicname .topicstarter {
                    font-size: 0.9em;
                    color: #555;
                }

                .forum table.topics tr.topic td.topicname .topicspager {
                    font-size: 0.9em;
                    color: #555;
                }

            .forum table.topics tr.topic td.lastpost {
                font-size: 0.8em;
                color: #555;
            }

        .forum table.topics tr.topic .post {
            text-align: left;
            width: 36px;
            height: 36px;
            background: url('images/ico-forum-post.gif') no-repeat 40% 40%;
        }

        .forum table.topics tr.topic .postannoucement, .forum table.topics tr.topic .poststicky {
            text-align: left;
            width: 36px;
            height: 36px;
            background: url('images/ico-forum-post-high.gif') no-repeat 40% 40%;
        }

    .forum .pager {
        text-align: right;
        padding: 5px 3px 5px 0;
    }

        .forum .pager a:link {
            color: #555;
        }

        .forum .pager span {
            color: #3664A5;
            font-size: 1.2em;
            font-weight: bold;
        }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FORUM TOPIC EDIT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.postedit {
}

    .postedit .title {
        background: #7692B9;
        color: #FFF;
        border: solid 1px #6a6a6a;
        height: 28px;
        line-height: 28px;
        font-weight: bold;
        padding-left: 3px;
    }

    .postedit .wrapper {
        padding: 5px 5px 5px 5px;
    }

    .postedit table.posttopic {
        width: 100%;
        vertical-align: middle;
        border-collapse: collapse;
    }

        .postedit table.posttopic td {
            padding: 4px 4px 4px 4px;
        }

            .postedit table.posttopic td.fieldname {
                font-weight: bold;
                width: 20%;
                color: #555;
            }

            .postedit table.posttopic td.options {
                text-align: right;
            }

.moveforumtopic {
}

    .moveforumtopic .title {
        background: #7692B9;
        color: #FFF;
        border: solid 1px #6a6a6a;
        height: 28px;
        line-height: 28px;
        font-weight: bold;
        padding-left: 3px;
    }

    .moveforumtopic .wrapper {
        padding: 5px 5px 5px 5px;
    }

    .moveforumtopic table.movetopic {
        width: 100%;
        vertical-align: middle;
        border-collapse: collapse;
    }

        .moveforumtopic table.movetopic td {
            padding: 4px 4px 4px 4px;
        }

            .moveforumtopic table.movetopic td.fieldname {
                font-weight: bold;
                width: 30%;
                color: #555;
                white-space: nowrap;
            }

            .moveforumtopic table.movetopic td.options {
                text-align: left;
            }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FORUM TOPIC

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumtopic {
}

    .forumtopic .title {
        background: #7692B9;
        color: #FFF;
        border: solid 1px #6a6a6a;
        height: 28px;
        line-height: 28px;
        font-weight: bold;
        padding-left: 3px;
    }

        .forumtopic .title .topicname {
            float: left;
            font-size: 12px;
        }

        .forumtopic .title .manage {
            float: right;
            text-align: right;
        }

            .forumtopic .title .manage a {
                color: #F3F3F3;
            }

    .forumtopic .topicheader {
        padding: 5px 5px 5px 5px;
        background: #F3F3F3;
        border-bottom: solid 1px #6a6a6a;
        height: 16px;
    }

        .forumtopic .topicheader .topicoptions, .topicfooter .topicoptions {
            float: right;
            text-align: right;
        }

            .forumtopic .topicheader .topicoptions a, .topicfooter .topicoptions a {
                font-weight: bold;
            }

    .forumtopic .posts {
    }

.topicfooter {
    padding: 5px 5px 5px 5px;
    background: #F3F3F3;
    border-top: solid 1px #6a6a6a;
    height: 16px;
}

.forumpost {
    border-bottom: solid 1px #E3E3E3;
}

.postinfo {
    width: 170px;
    float: left;
    padding: 5px;
    height: 100%;
    border-right: solid 1px #F3F3F3;
}

    .postinfo .manage {
        line-height: 20px;
    }

        .postinfo .manage a {
            font-weight: bold;
            color: #555;
        }

    .postinfo .userinfo {
        padding-top: 5px;
    }

        .postinfo .userinfo a.username {
            font-weight: bold;
            margin-bottom: 5px;
        }

        .postinfo .userinfo span.username {
            font-weight: bold;
            margin-bottom: 5px;
        }

        .postinfo .userinfo .avatar {
            margin: 5px 0 5px 0;
        }

            .postinfo .userinfo .avatar .avatar-img {
                border: solid 2px rgb(206, 219, 225) !important;
            }

        .postinfo .userinfo .userstats {
            font-size: 0.9em;
            text-align: left;
            font-weight: bold;
            color: #555;
        }

            .postinfo .userinfo .userstats .statvalue {
                font-weight: normal;
            }

.postcontent {
    margin-left: 180px;
    border-left: solid 1px #F3F3F3;
}

    .postcontent .posttime {
        font-weight: bold;
        line-height: 20px;
        padding: 3px;
        background: #e3f3f3;
    }

        .postcontent .posttime .statvalue {
            font-weight: normal;
        }

    .postcontent .postbody {
        padding: 3px;
    }

        .postcontent .postbody a {
            color: #3664A5;
            text-decoration: underline;
        }

        .postcontent .postbody .posttext {
        }

            .postcontent .postbody .posttext .quote {
                padding: 5px 5px 5px 5px;
                border: dashed 1px black;
                background-color: #ffffff;
            }


    .postcontent .signature {
        border-color: #DDDDDD;
        border-style: solid;
        border-width: 1px 0 0;
        font-size: 90%;
        margin: 1em 8px 8px;
        padding: 1em 0 20px;
        text-align: left;
        font-style: italic;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FORUM SEARCH

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumsearchbox {
}

.forumsearch {
}

    .forumsearch .forum-search-panel {
    }

        .forumsearch .forum-search-panel .page-title {
            border-bottom: 0 none;
        }

        .forumsearch .forum-search-panel .search-input {
        }

        .forumsearch .forum-search-panel .search-error {
            color: Red;
        }

        .forumsearch .forum-search-panel .search-results {
        }

    .forumsearch .topicsgroup {
    }

    .forumsearch table.topics {
        width: 100%;
        border-collapse: collapse;
        vertical-align: middle;
        text-align: center;
    }

        .forumsearch table.topics td {
            padding: 3px 0 3px 0;
        }

        .forumsearch table.topics tr.forumheader {
            font-weight: bold;
        }

            .forumsearch table.topics tr.forumheader td {
                background: #7692B9;
                color: #FFF;
                border-right: solid 1px #6a6a6a;
                height: 20px;
            }

                .forumsearch table.topics tr.forumheader td.topicname {
                    width: 55%;
                    text-align: left;
                    padding-left: 3px;
                }

                .forumsearch table.topics tr.forumheader td.replies {
                    width: 10%;
                }

                .forumsearch table.topics tr.forumheader td.views {
                    width: 10%;
                }

                .forumsearch table.topics tr.forumheader td.lastpost {
                    width: 25%;
                }

        .forumsearch table.topics tr.topic td {
            border-bottom: 1px solid #c5c5c5;
            vertical-align: middle;
            padding-left: 3px;
        }

            .forumsearch table.topics tr.topic td.image div {
                text-align: left;
                width: 36px;
                height: 36px;
                background: url('images/ico-forum.gif') no-repeat 40% 40%;
            }

            .forumsearch table.topics tr.topic td.topicname {
                text-align: left;
                width: 55%;
            }

                .forumsearch table.topics tr.topic td.topicname .topictype {
                    font-size: 0.9em;
                    line-height: 18px;
                }

                .forumsearch table.topics tr.topic td.topicname .topictitle {
                    font-weight: bold;
                    font-size: 1.1em;
                    line-height: 18px;
                }

                .forumsearch table.topics tr.topic td.topicname .topicstarter {
                    font-size: 0.9em;
                    color: #555;
                }

            .forumsearch table.topics tr.topic td.lastpost {
                font-size: 0.8em;
                color: #555;
            }

        .forumsearch table.topics tr.topic .post {
            text-align: left;
            width: 36px;
            height: 36px;
            background: url('images/ico-forum-post.gif') no-repeat 40% 40%;
        }

        .forumsearch table.topics tr.topic .postannoucement, .forumsearch table.topics tr.topic .poststicky {
            text-align: left;
            width: 36px;
            height: 36px;
            background: url('images/ico-forum-post-high.gif') no-repeat 40% 40%;
        }

    .forumsearch .pager {
        text-align: right;
        padding: 5px 3px 5px 0;
    }

        .forumsearch .pager a:link {
            color: #555;
        }

        .forumsearch .pager span {
            color: #ff9933;
            font-size: 1.2em;
            font-weight: bold;
        }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PROFILE PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.profile-page {
}

    .profile-page .title {
        background: #7692B9;
        color: #FFF;
        border: solid 1px #6a6a6a;
        height: 28px;
        line-height: 28px;
        font-weight: bold;
        padding-left: 3px;
    }

    .profile-page .body {
    }

        .profile-page .body .profileInfoBox {
            border-bottom: solid 1px #e3e3e3;
            margin-bottom: 15px;
        }

            .profile-page .body .profileInfoBox .title {
            }

            .profile-page .body .profileInfoBox .profileStat {
                font-weight: bold;
                padding: 2px;
            }

                .profile-page .body .profileInfoBox .profileStat .profileStatValue {
                    font-weight: normal;
                    color: #555;
                }

            .profile-page .body .profileInfoBox .userDetails {
                width: 180px;
                float: left;
                padding: 10px;
                height: 100%;
                border-right: solid 1px #F3F3F3;
                text-align: center;
            }

                .profile-page .body .profileInfoBox .userDetails .avatar {
                    margin-bottom: 5px;
                }

                    .profile-page .body .profileInfoBox .userDetails .avatar .avatar-img {
                        border: solid 2px rgb(206, 219, 225) !important;
                    }

            .profile-page .body .profileInfoBox .userStats {
                margin-left: 200px;
                border-left: solid 1px #F3F3F3;
                padding: 10px;
            }

                .profile-page .body .profileInfoBox .userStats .section-title {
                    text-transform: uppercase;
                    margin-bottom: 10px;
                }

        .profile-page .body .userLastPosts {
        }

            .profile-page .body .userLastPosts .section-title {
                margin-bottom: 10px;
                font-weight: bold;
            }

            .profile-page .body .userLastPosts .topic {
                border: solid 1px #F3F3F3;
                margin-bottom: 10px;
            }

            .profile-page .body .userLastPosts .topicTitle {
                font-weight: bold;
                line-height: 20px;
                background: #e3f3f3;
                padding: 3px;
            }

            .profile-page .body .userLastPosts .topicBody {
                padding: 10px;
            }

                .profile-page .body .userLastPosts .topicBody .quote {
                    padding: 5px 5px 5px 5px;
                    border: dashed 1px black;
                    background-color: #ffffff;
                }

            .profile-page .body .userLastPosts .topicData {
                background: #f3f3f3;
                padding: 3px;
                color: #555;
                font-size: 0.9em;
            }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BB CODE EDITOR

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.toolbar {
    padding: 2px;
    display: inline;
}

    .toolbar .button {
        background: url('images/bbeditor-button-bg.gif') repeat-x;
        padding: 2px;
        margin-right: 2px;
        border: #cec6b5 1px solid;
    }

        .toolbar .button:hover {
            border: #333 1px solid;
        }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ACTIVE DISCUSSIONS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.activediscussionspage {
}

.activediscussions .activediscussionstitle {
    font-size: 1.1em;
    font-weight: bold;
}

    .activediscussions .activediscussionstitle .viewall {
        float: right;
        text-align: right;
    }

.activediscussions .topicsgroup {
}

.activediscussions table.topics {
    width: 100%;
    border-collapse: collapse;
    vertical-align: middle;
    text-align: center;
}

    .activediscussions table.topics td {
        padding: 3px 0 3px 0;
    }

    .activediscussions table.topics tr.activediscussionsheader {
        font-weight: bold;
    }

        .activediscussions table.topics tr.activediscussionsheader td {
            background: #7692B9;
            color: #FFF;
            border-right: solid 1px #6a6a6a;
            height: 20px;
        }

            .activediscussions table.topics tr.activediscussionsheader td.topicname {
                width: 55%;
                text-align: left;
                padding-left: 3px;
            }

            .activediscussions table.topics tr.activediscussionsheader td.replies {
                width: 10%;
            }

            .activediscussions table.topics tr.activediscussionsheader td.views {
                width: 10%;
            }

            .activediscussions table.topics tr.activediscussionsheader td.lastpost {
                width: 25%;
            }

    .activediscussions table.topics tr.topic td {
        border-bottom: 1px solid #c5c5c5;
        vertical-align: middle;
        padding-left: 3px;
    }

        .activediscussions table.topics tr.topic td.topicname {
            text-align: left;
            width: 55%;
        }

            .activediscussions table.topics tr.topic td.topicname .topictitle {
                font-weight: bold;
                font-size: 1.1em;
                line-height: 18px;
            }

            .activediscussions table.topics tr.topic td.topicname .topicstarter {
                font-size: 0.9em;
                color: #555;
            }

        .activediscussions table.topics tr.topic td.lastpost {
            font-size: 0.8em;
            color: #555;
        }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BBCODES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.csharpcode, .csharpcode pre {
    font-size: small;
    color: black;
    font-family: Consolas, "Courier New", Courier, Monospace;
    background-color: #ffffff;
}

    .csharpcode pre {
        margin: 0em;
    }

    .csharpcode .rem {
        color: #008000;
    }

    .csharpcode .kwrd {
        color: #0000ff;
    }

    .csharpcode .str {
        color: #006080;
    }

    .csharpcode .op {
        color: #0000c0;
    }

    .csharpcode .preproc {
        color: #cc6633;
    }

    .csharpcode .asp {
        background-color: #ffff00;
    }

    .csharpcode .html {
        color: #800000;
    }

    .csharpcode .attr {
        color: #ff0000;
    }

    .csharpcode .alt {
        background-color: #f4f4f4;
        width: 100%;
        margin: 0em;
    }

    .csharpcode .lnum {
        color: #606060;
    }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	AJAX CONTROL TOOLKIT - TAB CONTROL CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.orange {
    font-family: arial,helvetica;
}

    .orange .ajax__tab_body {
        font-size: 10pt;
        border: 1px solid #333;
        border-top: none;
        background-color: #ffffff;
        padding: 10px 10px 10px 10px;
    }

    .orange .ajax__tab_header {
        background-color: #333;
        border: solid 2px #333;
        border-bottom: none;
        padding: 2px 2px 4px 2px;
    }

    .orange .ajax__tab_tab {
        font-size: 1em;
        color: #FFF;
        font-weight: bold;
        text-align: center;
        border: solid 1px #FFF;
        padding: 5px;
        background: #404040;
    }

    .orange .ajax__tab_active .ajax__tab_tab, .orange .ajax__tab_hover .ajax__tab_tab {
        color: #ff9933;
        border: solid 1px #ff9933;
    }

/* GREY THEME */

.grey .ajax__tab_header {
    font-family: "Helvetica Neue", Arial, Sans-Serif;
    background: url(images/tab-line.png) repeat-x bottom;
    font-size: 12px;
    display: block;
}

    .grey .ajax__tab_header .ajax__tab_outer {
        background: url(images/tab.png) no-repeat left top;
        border-color: #222;
        color: #222;
        padding-left: 10px;
        margin-right: 3px;
    }

    .grey .ajax__tab_header .ajax__tab_inner {
        background: url(images/tab.png) no-repeat right top;
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }

.grey .ajax__tab_hover .ajax__tab_inner {
    color: #000;
}

.grey .ajax__tab_active .ajax__tab_outer {
    background: url(images/tab.png) no-repeat 0pt -40px;
    border-bottom-color: #ffffff;
}

.grey .ajax__tab_active .ajax__tab_inner {
    background: url(images/tab.png) no-repeat right -40px;
    color: #000;
    border-color: #333;
}

.grey .ajax__tab_body {
    font-family: arial,helvetica;
    font-size: 10pt;
    background-color: #fff;
    border: solid 1px #d7d7d7;
    border-top-width: 0;
}

.nivo-caption {
    position: absolute;
    left: 0px;
    top: -30px;
    background: #ffdae6;
    color: #3a4045;
    opacity: 0.8; /* Overridden by captionOpacity setting */
    width: 100%;
    z-index: 89;
}

    .nivo-caption a {
        color: #222222;
    }

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 0;
}