body,html{
    margin: 0;
    height: 100%;
    width: 100%;
    background: url(/images/back.jpg) no-repeat center top #8AA7CF;
}

body, p, #main{
font:  12px/20px Arial, Helvetica ;
color: #000000;
}

div.content{
height: 980px;
width: 600px;
}

div.logo{

}
div.logoaddress{
text-transform: uppercase;
font: bold 14px Arial;
padding-left: 8px;
color: #555555;
}
/* ---------- MENU ---------- */
/*.topPanel {*/
    /*width: 980px;*/
/*}*/
/*.topMenuItem {*/
    /*float: left;*/
    /*margin-right: 7px;*/
    /*position: relative;*/
    /*width: 100px;*/
    /*height: 48px;*/
/*}*/
/*a.menu, a.menu:hover, a.menuselected {*/
    /*color: #ffffff;*/
    /*text-decoration: none;*/
    /*text-align: center;*/
    /*vertical-align: middle;*/
    /*display: table;*/
    /*width: 100px;*/
    /*height: 44px;*/
    /*text-transform: capitalize;*/
    /*font: bolder 12px/18px  Arial, Helvetica ;*/
    /*padding: 2px;*/
    /*-webkit-border-top-left-radius: 5px;*/
    /*-webkit-border-top-right-radius: 5px;*/
    /*-moz-border-radius-topleft: 5px;*/
    /*-moz-border-radius-topright: 5px;*/
    /*border-top-left-radius: 5px;*/
    /*border-top-right-radius: 5px;*/
/*}*/
/*div.topMenuItem.EN {*/
    /*width: 104px;*/
/*}*/
/*div.topMenuItem.DE {*/
    /*width: 132px;*/
/*}*/
/*div.topMenuItem.EN a.menu.EN,*/
/*div.topMenuItem.EN a.menuselected.EN*/
/*{*/
    /*width: 104px;*/
/*}*/
/*div.topMenuItem.DE a.menu.DE,*/
/*div.topMenuItem.DE a.menuselected.DE*/
/*{*/
    /*width: 132px;*/
/*}*/
/*a.menu{*/
    /*background: #224076;*/
/*}*/

/*a.menu:hover{*/
    /*background: #224076;*/
    /*position: absolute;*/
    /*top: -3px;*/
    /*padding-bottom: 5px;*/
/*}*/

/*a.menuselected{*/
    /*color: #224076;*/
    /*background: #fff;*/
/*}*/
/*a.menu b, a.menuselected b{*/
    /*display: table-cell;*/
    /*vertical-align: middle;*/
    /*font-weight: bold;*/
/*}*/


/* ---------- MENU END ---------- */

#bottom p{
font:  11px/20px Arial, Helvetica ;
}
#bottomtext p{
color: #777777;
}
a{
color: #777777;
}

.newa{
font:  12px Arial, Helvetica ;
text-transform: none;
color: #777777;

}

#page p, #page a {
font:   14px 'ff-meta-web-pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

#page h1 {
font: bold 25px 'Open Sans Condensed', sans-serif;
color: #a9adab;
letter-spacing: 0.7px;
text-transform: uppercase;
}
#overslide h1{
background: url(images/backblack.png) repeat;
margin-bottom: 10px;
color: #ffffff;
padding: 8px 20px;
width: inherit;
white-space: nowrap;
font:  bold 25px 'ff-meta-web-pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
float: left;

}
#overslide p{
background: url(images/backblack.png) repeat;
margin-bottom: 10px;
color: #ffffff;
padding: 15px 20px;
width: inherit;
font:   14px 'ff-meta-web-pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
float: left;
width: 250px;

}

/* ---------- PAGE ---------- */
.page-wrapper {
    width:100%;
    display:block;
    position:relative;
    /*padding:10px 10px 20px 10px;*/
}
.page-content{
    text-align: left;
    background: #ffffff;
    /*border: 1px solid #aaaaaa;*/
    -moz-border-radius:  6px ; /* Firefox */
    -webkit-border-radius: 6px; /* Safari, Chrome */
    border-radius:   6px; /* CSS3 */
    padding: 10px 25px;
}
.page-content p {
    color: #224076;
}
.page-content h1 {
    font-size: 2em;
    font-weight: bold;
    color: #224076;
}
/* ---------- PAGE END ---------- */

/* ---------- FOOTER ---------- */
.footer {
    padding:0px 10px;
    border-top: 1px solid #dddddd;
}

.footer a.beaux, a.beaux:hover{
    font: 12px 'ff-meta-web-pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    color: #aaaaaa;
    text-decoration: none;
    letter-spacing: 0.7px
}
.footer a.beaux:hover{
    color: #777777;
}
.footer table td.footer-left {
    font: 12px 'ff-meta-web-pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    color: #aaaaaa;
    letter-spacing: 0.7px;
    padding: 20px 20px 5px ;
    text-align: left;
}
.footer table td.footer-left div.social {
    display: block;
    float: left;
}
.footer table td.footer-right {
    padding-right:20px;
    text-align: right;
}
.footerCol {
    float: left;
    width: 25%;
    text-align: left;
}
/* ---------- FOOTER END ---------- */

/* ---------- Sub Categories Home ---------- */
#sub-categories-home div.category{
    border: 1px solid #aaaaaa;
    -moz-border-radius:  6px ; /* Firefox */
    -webkit-border-radius: 6px; /* Safari, Chrome */
    border-radius:   6px; /* CSS3 */
    display: block;
    width:100%;
    height:500px;
    overflow: hidden;
    position: relative;
}
#sub-categories-home div.categoryimage{
    width:200%;
    left: -50%;
    height:500px;
    position: absolute;
    display: block;
    text-align: center;
}
#sub-categories-home img.categoryimage{
    min-height:504px;
    min-width:261px;
    margin: auto auto;
}
#sub-categories-home h1.categorytitle{
    color: #ffffff;
    width: 100%;
}
#sub-categories-home div.categorydescription{
    color: #ffffff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 5px 18px;
    font-size: 8px;
    text-align: left;
    margin: 10px;
    background: url(../../images/brownBg.png);
    border-radius: 5px;
}
#sub-categories-home #categorydescription p{
    color: #ffffff;
    text-align: left;
}
#sub-categories-home div.item{
    border: 1px solid #aaaaaa;
    -moz-border-radius:  6px ; /* Firefox */
    -webkit-border-radius: 6px; /* Safari, Chrome */
    border-radius:   6px; /* CSS3 */
    display: block;
    width:100%;
    height:100px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    margin-top: -10px;
}
#sub-categories-home div.itemimage{
    float: left;
    width:100px;
    height:100px;
    overflow: hidden;
    position: relative;
    display: block;
    text-align: left;
}
#sub-categories-home img.itemimage{
    height:105px;
    position: absolute;
}
#sub-categories-home h2.itemtitle{
    margin-top: 0px;
    font: bold 14px Arial;
    color: #000000;
}

#sub-categories-home #itemdescription p{
    margin-top: 3px;
    font: 12px Arial;
    color: #000000;
    text-align: left;
}
#sub-categories-home div.itemdescription{
    margin: 10px 15px;
    text-align: left;
    float: left;
    display: block;
    width: 135px;
}
/* ---------- Sub Categories Home END ---------- */


.item-sold {
    font-size: 40px;
    color: white;
    top: 50%;
    width: 100%;
    position: absolute;
    text-align: center;
    font-weight: bold;
}

.twitter-button {
    background: url(/images/social_buttons.png) no-repeat 0 0px;
}
.googleplus-button {
    background: url(/images/social_buttons.png) no-repeat -131px 0;
}
.facebook-button {
    background: url(/images/social_buttons.png) no-repeat -100px 0;
}
.twitter-button, .facebook-button, .googleplus-button {
    margin: -5px 0 0 5px;
    float: right;
    width: 23px;
    height: 24px;
}

/*.scrollable {*/
    /*position:relative;*/
    /*display:block;*/
    /*width: 100%;*/
    /*overflow: hidden;*/
    /*height: 800px;*/
/*}*/
/*.scrollable .scrollitems {*/
    /*width:20000em;*/
    /*position:absolute;*/
/*}*/
/*.next, .prev {*/
    /*position: absolute;*/
    /*width: 21px;*/
    /*height: 70px;*/
    /*background: url(../../images/slideArrows.png);*/
    /*display: block;*/
    /*cursor: pointer;*/
/*}*/
/*.next {*/
    /*right: 6px;*/
    /*top: 350px;*/
    /*background-position: 100% 0;*/
/*}*/
/*.prev {*/
    /*left: 6px;*/
    /*top: 350px;*/
    /*background-position: 0 100%;*/
/*}*/

/* itemInline */

.itemInlineLeft, .itemInlineRight, .itemInlineClose {
    position: absolute; 
}
.itemInline {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background: #8aa7cf;
    left: 0;
    top: 0;
    z-index: 50000;
}
.itemInlineLeft {
}
.itemInlineRight {
    top: 0;
    right: 40px;
    width: 270px;
    height: 100%;
    background: #6383b6;
    padding:10px;
}
.itemInlineClose {
    width: 36px;
    height: 36px;
    margin:10px;
    right: 0;
    top: 0;
    background: url(../../images/close.png);
}
.itemDetail {
    padding-top: 50px;
}

/*div.title{*/
    /*position: absolute;*/
    /*text-align: left;*/
    /*top: 7px;*/
    /*width: 200px;*/
    /*line-height: 43px;*/
/*}*/

div.title {
    font: bold 14px Arial;
    margin-bottom: 10px;
    vertical-align: middle;
    line-height: normal;
}

#addCartForm .addToCart {
    width: 100%;
    border: none;
}
#addCartForm .addToCart,
a.moreinfo {
    color: #000000 !important;
    text-decoration: none;
    font: bold 14px Arial, Helvetica;
    background-color: yellow;
    display: block;
    text-align: center;
    padding: 10px;
    margin-bottom: 5px;
}
#addCartForm .addToCart[disabled] {
    opacity: 0.3;
}

div.detailpadding p {
    font: 12px/20px Arial, Helvetica;
    color: white;
}
div.detailpadding a,
div.detailpadding{
    color: white;
}
div.line{
    position: absolute;
    top: 0px;
    right: 300px;
    display: block;
    height: 100%;
    width: 1px;
    background: #E1E0D9;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    -ms-box-sizing: border-box;
    border-bottom: solid 10px  #ffffff;
border-top: solid 10px  #ffffff;
    }

div.bigpictureholder{
    position: relative;
    padding: 20px 350px 20px 20px;
    height: 100%;
    width: 100%;
    background: #8aa7cf;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    -ms-box-sizing: border-box
}
div.bigpicture{

    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    padding: 0px;
    position: relative;
}

div.prev-item{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    z-index: 1000;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}
div.next-item{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    z-index: 1000;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}
div.next-item:hover, div.prev-item:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}



div.dynloadarea{
    height: 100%;
    width: 100%;
    background-color: #8aa7cf;
}

img.bigpicture{
    max-height: 100%;
    max-width: 100%;
    z-index: 100;
    border: 15px solid #7596c3;
    position: absolute;
    left: -50%;
    right: -50%;
    /*bottom: -50%;*/
    /*top: -50%;*/
    top: 0px;
    margin: auto auto;
}

.twitter-button {
    background: url(/images/social_buttons.png) no-repeat 0 0px;
}
.googleplus-button {
    background: url(/images/social_buttons.png) no-repeat -131px 0;
}
.facebook-button {
    background: url(/images/social_buttons.png) no-repeat -100px 0;
}
.twitter-button, .facebook-button, .googleplus-button {
    margin: -5px 0 0 5px;
    float: right;
    width: 23px;
    height: 24px;
}

/* the overlayed element */
.overlay {
    display:none;
    z-index:20000;
    background-color:#fff;
    width:700px;
    min-height:200px;
    border:1px solid #666;
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

.overlay .close {
    background-image:url(../../images/toolsClose.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

.img-loader {
    margin: auto auto;
    position: absolute;
    right: -50%;
    left: -50%;
    top: -50%;
    bottom: -50%;
}

/* Gallery Items List */
a.thumb{
    position: relative;
    /*overflow: hidden;*/
    display:block;
    margin-bottom: 20px;
    -moz-border-radius:  4px ; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    border-radius:   4px; /* CSS3 */

}
.img-item {
    margin-bottom: 0px;

}
.last {
    margin-right: 0 !important;
}
img.lazy{
    border: 1px solid #222222;
    display:block;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    -moz-border-radius:  4px ; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    border-radius:   4px; /* CSS3 */
}
a.catimgindex, a.catimgindexselected {
    font: bold 10px/22px Arial, Helvetica;
    margin: 0 0 0 0;
    display: block;
    color: #224076;
    text-align: left;
    text-decoration: none;
    border-bottom: solid #9BAAC5 1px;
    padding-left: 10px;
    /*text-transform: capitalize;*/
}
a.catimgindexselected {
    background: #224076;
    color: #fff;
}
.main_category_desc p {
    margin-top: 0;
}
.subcat_item {
    float: left;
    margin: 0 12px 12px 0;
}
.subCategoriesList {
    float: left;
    padding: 15px;
}

.social_item {
    margin-top: 3px;
}

.combobox_field {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 4px 8px 4px 8px;
    border: 1px solid #aaaaaa;
    color: black;
}

.with-promo  span{
    color:#fff;
    line-height: 18px;
    margin-top: 6px;

}
.promo-price{
    color:red;
    /*padding: 0 10px;*/
    font-size: 14px;
    font-weight: bold;
}
.with-promo{
    color:red;
    text-decoration: line-through;
}