/* 
    Document   : style
    Created on : 20.04.2012, 16:25:50
    Author     : Marcel
    Description:
        Purpose of the stylesheet follows.
*/

@font-face {
  font-family: 'Antropos';
  src: url('baarantroposaidfont.eot'); /* IE9 Compat Modes */
  src: url('baarantroposaidfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('baarantroposaidfont.woff') format('woff'), /* Modern Browsers */
       url('baarantroposaidfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('baarantroposaidfont.svg#4cea53b57fecd573be22e1a425843d22') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  300;
}

root { 
    display: block;
}

header, nav, section, footer {
    width:100%;
    height:100%;
}

body {
    background-color:#fbd6e2; 
    background-image:url(../images/bg_gradient.jpg);
    background-repeat:repeat-x;
    font-family: 'Open Sans', sans-serif;
    font-weight:normal;
    font-size:16px;
    line-height:1.4em;
    color:#000;
    margin:0;
    padding:0;
}

a {
    color:#e99fb7;
    text-decoration:none;
}

a:hover,
a:active {
    
}

img {
    border:0;
}

button, .button {
    font-family:'Open Sans';
    font-weight:normal;
    font-size:0.9em;
    color:#000;
    border:0;
    background:none;
    background-image:url(../images/bg_white_trans_60.png);
    border:1px solid #e99fb7;
    margin:0;
    cursor:pointer;
    -webkit-appearance: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
}

button:hover, .button:hover {
    background-color:#e99fb7;
    color:white;
}

.clear {
    clear:both;
}

.errorMessage {
    color:#cc0000;
    position:absolute;
    right:100%;
    white-space:nowrap;
}

.crumblepath {
    float:right;
    margin-right:25px;
    font-size:0.8em;
    position:absolute;
    margin-top:10px;
    top:0;
    right:0;
}

.nowrap {
    white-space: nowrap;
}
 
.swgBreadcrumb {
    display:none;
}
 
ul.swgBreadcrumb a {
    font-weight:normal;
    text-decoration: none;
}
 
ul.swgBreadcrumb li {
    float:left;
    margin-left:-10px;
}
 
ul.swgBreadcrumb .swgBreadcrumbElementStart {
    float:left;
    width:20px;
    height:28px;
    background-image:url('../images/breadcrumb_element_start.png');
}
 
ul.swgBreadcrumb .swgBreadcrumbElementMain {
    float:left;
    height:28px;
    background-image:url('../images/breadcrumb_element_main.png');
    line-height:28px;
    padding-right:5px;
}
 
ul.swgBreadcrumb .swgBreadcrumbElementEnd {
    float:left;
    width:18px;
    height:28px;
    background-image:url('../images/breadcrumb_element_end.png');
}

h1 {
    margin-bottom:1.5em;
    font-size:1.5em;
}

ul {
    margin:0;
    padding:0;
}

li {
    list-style:none;
}

.innerContainer {
    max-width:1000px;
    height:100%;
    margin:0 auto;
    position:relative;
}

.swgTags {
    margin:2em 0;
}

.swgTags .swgCmsTag {
    float:left;
    margin: 0 0.25em 0.25em 0;
    padding:0.25em 0.5em;
    background-color:#FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.swgTagCloud {
    position:absolute;
    bottom:115px;
    left:0;
    width:100%;
    padding:1em;
    text-align:center;
    opacity:0.5;
    filter: alpha(opacity=50);
}

.swgTagCloud a {
    color:#FFF;
    text-decoration:none;
    font-size:1.5em;
    line-height:1em;
    vertical-align:middle;
    font-weight:300;
}

.swgTagCloud .cloud1 {
    font-size:0.7em;
}
.swgTagCloud .cloud2 {
    font-size:0.8em;
}
.swgTagCloud .cloud3 {
    font-size:0.9em;
}
.swgTagCloud .cloud4 {
    font-size:1em;
}
.swgTagCloud .cloud5 {
    font-size:1.1em;
}
.swgTagCloud .cloud6 {
    font-size:1.2em;
}
.swgTagCloud .cloud7 {
    font-size:1.3em;
}
.swgTagCloud .cloud8 {
    font-size:1.4em;
}
.swgTagCloud .cloud9 {
    font-size:1.5em;
}
.swgTagCloud .cloud10 {
    font-size:1.6em;
}
.swgTagCloud .cloud11 {
    font-size:1.7em;
}
.swgTagCloud .cloud12 {
    font-size:1.8em;
}
.swgTagCloud .cloud13 {
    font-size:1.9em;
}
.swgTagCloud .cloud14 {
    font-size:2em;
}
.swgTagCloud .cloud15 {
    font-size:2.2em;
}

#swgContents {
    margin-left: 125px;
}

#swgContents > li {
    margin-bottom:2em;
    background-repeat:no-repeat;
    background-position:50% 100%;
}

#swgContents > li:last-child {
    background:none;
}

#swgContents .content > div > h2, 
#swgContents .content > div > h3 {
    font-family:'Antropos', serif;
    letter-spacing:-1px;
    text-shadow:1px  1px 0 black,
                  1px -1px 0 black,
                 -1px  1px 0 black,
                 -1px -1px 0 black;
    font-weight:300;
    text-align:left;
} 
#swgContents .content > div > h2 {
    font-size:1.5em;
    line-height:1em;
}

#swgContents .content > div > h3 {
    font-size:1.2em;
    line-height:1em;
    color:#fbd6e2;
}

#swgContents .content .swgContent {
    margin-top:2em;
}

#swgContents .content .swgContent img,
#swgContents .content iframe {
    width:100%;
}

#main {
    background-image:url(../images/bg_watermark.png);
    background-position:50% 50%;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
}

#header {
    position:relative;
    margin:50px;
    height:133px;
}

#logo {
    background-image:url('../images/logo.png');
    background-size: 100%;
    width:480px;
    height:133px;
    position:absolute;
    top:0;
    left:0;
}

#swgLangSelector {
    position:absolute;
    top:0;
    right:0;
}

#nav {
    font-family: 'Antropos', serif;
    letter-spacing:-1px;
    font-size:1.3em;
    position:absolute;
    bottom:0;
    right:0;
    margin-bottom:-3px;
    
}

#nav a.swgNavigationElement {
    text-shadow:1px  1px 0 black,
                  1px -1px 0 black,
                 -1px  1px 0 black,
                 -1px -1px 0 black;
}

#nav li.active > .navigation > a.swgNavigationElement,
#nav li:hover > .navigation > a.swgNavigationElement {
    color:#000;
    text-shadow: none;
    /*
    text-shadow:1px  1px 0 #e99fb7,
                  1px -1px 0 #e99fb7,
                 -1px  1px 0 #e99fb7,
                 -1px -1px 0 #e99fb7;
    */
}

div.navigation {
    border:1px solid transparent;
}

li .subnav {
    display:none;
    position:absolute;
    min-width:100px;
    z-index:99;
}

#nav a {
    font-weight:normal;
}

#nav select {
    -webkit-appearance: none;
    background:none;
    border:0;
    border-radius: 0;
    padding:0 45px 0 0;
    background-image:url(../images/btn_menu.png);
    background-position:98% 50%;
    background-repeat:no-repeat;
    font-family: 'Antropos', serif;
    letter-spacing:-1px;
    font-weight:normal;
    line-height:28px;
    font-size:1em;
    display:none;
    opacity:0.8;
    filter: alpha(opacity=80);
    display:none;
}

#nav select option {
}

#swgCartWidget {
     position:absolute;
     left:0px;
     top:0px;
     padding:5px 5px 5px 40px;
     background-color:#FFF;
     background-image:url('../images/icoCart.png');
     background-position:0 50%;
     background-repeat:no-repeat;
     cursor:pointer;
     opacity:0.9;
     filter: alpha(opacity=90);
 }
 
 #swgCartWidget:hover {
     opacity:1;
     filter: alpha(opacity=100);
 }
 
 #swgCartWidget .swgCartWidgetPos {
     text-align:right;
     
 }
 #swgCartWidget .swgCartWidgetSum {
     text-align:right;
 }
 

#content .pagingBar {
    text-align:center;
    margin-bottom:2em;
}

#content .pagingBar.pagingBarTop {
    display:none;
}

#content .pagingBar .button {
    display:inline;
    margin-right:5px;
    background:none;
    border:none;
    color:#e99fb7:
    font-size:1.75em;
    line-height:40px;
    vertical-align: middle;
}

#content .pagingBar .active {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#000;
    font-size:2em;
}

#content .small {
    font-size:0.8em;
}

#content .socialShare {
    background-image:url(../images/btn_share_fb.png);
    background-position: 0 50%;
    background-repeat:no-repeat;
    padding-left:40px;
    line-height:32px;
    cursor:pointer;
    float:right;
    margin:2em 0;
    position:relative;
    display:none;
}

#content .socialShare .socialLayer {
    text-align: center;
    padding-bottom: 20px;
    position:absolute;
    left:50%;
    margin-left:-100px;
    bottom:50px;
    background-image:url(../images/separator_down_arrow.png);
    background-position:50% 100%;
    background-repeat: no-repeat;
}

#content .socialShare .socialLayer iframe {
    position:absolute;
    right:0;
    bottom:0;
}

#content div.imagePreview {
    width:194px;
    height:170px;
    overflow:hidden;
    margin:0 20px 20px 0;
    float:left;
    cursor:pointer;
}

ul.swgNav {
    float:left;
    clear:both;
    list-style: none;
    margin:0;
    padding:0;
    margin-left:0px;
    position:relative;
}

ul.swgNav ul.swgNav {
    margin:0;
}

ul.swgNav li {
    float:left;
    border:1px solid transparent;
    overflow:hidden;
    margin-right:7px;
}

ul.swgNav ul.swgNav li {
    margin:0;
}

ul.swgNav a.swgNavigationElement {
    text-decoration:none;
    text-align:left;
    display:block;
    padding:5px;
}

ul.swgNav ul.swgNav li {
    float:none;
    border:none;
}

ul.swgNav ul.swgNav ul.swgNav {
    display:none;
}

#footer {
    position:relative;
    text-align:left;
    background-image:url(../images/bg_white_trans_60.png);
    border-top:1px solid #e99fb7;
    font-size:0.9em;
    width:100%;
    margin:0 auto;
    padding:1em 0;
}

#footer .indent {
    margin-left:125px;
}

#footer .footerColumn {
    width:30%;
    margin-right:5%;
    display:inline-block;
    /* fix for ie7 */
     *display:inline;
     *zoom:1;
     /* // fix for ie7 */
}

#footer .footerColumn.center {
    text-align:center;
}

#footer .footerColumn.right {
    text-align:right;
    margin-right:0;
}

#footer h2 {
    font-size:1em;
    margin:0;
    padding:0;
        
}

#btnTop {
    position:fixed;
    bottom:0;
    left:50%;
    margin-left:-16px;
    margin-bottom:-8px;
    background-image:url(../images/btn_top.png);
    width:32px;
    height:32px;
    cursor:pointer;
    display:none;
}

.content {
    border:1px solid transparent;
}

.swgContentStatusbar {
    display:none;
    float:right;
    font-size:0.8em;
    border-top:1px solid #e99fb7;
}
 

.swgProducts,
.swgCategories {
     margin:0;
     padding:0;
 }

.swgProducts > li,
.swgCategories > li {
     width:30%;
     margin:1.5%;
     margin-bottom:50px;
     display:inline-block;
     /* fix for ie7 */
     *display:inline;
     *zoom:1;
     /* // fix for ie7 */
     overflow:hidden;
     text-align:center;
     vertical-align:top;
 }
 
.swgProducts .product,
.swgCategories .product {
     cursor:pointer;
 }
 
 .swgProductImage {
     text-align:center;
 }
 
 .swgProducts .product .swgProductImage {
     width:100%;
     height:150px;
     overflow:hidden;
 }

 .swgProductImage img {
     max-width:100%;
     cursor:pointer;
 }
 
 .swgProductName {
     font-size:1.3em;
     text-align:center;
     margin-bottom:25px;
     font-family: 'Antropos', serif;
     letter-spacing:-1px;
     font-weight:normal;
 }
 
 .swgProductDetail h1 {
     font-family: 'Antropos', serif;
     letter-spacing:-1px;
     margin-top:0;
     font-weight:normal;
 }
 
 .swgProducts .product .swgProductDetails .swgProductName {
     height:2em;
     
 }
 .swgProducts .product .swgProductDetails .swgProductName a {
     text-decoration:none;
 }
 
 .swgProductDetails .swgProductPrice {
     text-align:right;
 }
 
 .swgProductDetails .swgProductPrice .priceLabel {
     margin-right:0.5em;
 }
 
 .swgProductPrice .crossPrice {
    display: block;
    text-decoration: line-through;
 }
 
 .swgProductBuy {
     margin:25px 0 0 0;
     float:right;
 }
 
 .swgProductBuy button {
     background-image:url(../images/icoCart.png);
     margin-right:0;
 }
 
 ul.swgProductImages {
     list-style:none;
     margin:1em 0 0 0;
     padding:0;
 }
 ul.swgProductImages li {
     float:left;
     margin-right:5px;
     margin-bottom:5px;
     cursor:pointer;
 }
 ul.swgProductImages img {
     max-width:150px;
     max-height:150px;
 }

 .swgCartPos {
     border-bottom:1px solid #e99fb7;
     margin-bottom:20px;
     padding-bottom:15px;
     position:relative;
 }
 
 .swgCartPos li {
     list-style:none;
 }
 

 .swgCartPos button {
     height:25px;
 }
 
 .swgCartPos div.swgCartPosField {
     display:inline-block;
     /* fix for ie7 */
     *display:inline;
     *zoom:1;
     /* // fix for ie7 */
     margin-right:10px;
     vertical-align:middle;
     position:relative;
     /* IE7 hack */
     *zoom:1;
     *display:inline;
 }
 
 .swgCartPos div.swgCartPosField.swgCartQtyField {
     color:transparent;
 }
 
 .swgCartPos div.swgCartPosField.swgCartPriceField {
     display:none;
 }
 
 .swgCartPos div.swgCartPosField.swgCartQtyField button {
     background-color:white;
 }
 
 .swgCartPos div.swgCartPosField.swgCartQtyField button.swgCartQtyBtnDecrease {
     width:32px;
     height:32px;
     background-image:url('../images/btn_remove.png');
     border:0;
     color:transparent;
     position:absolute;
     top:50%;
     left:0;
     margin-top:-16px;
 }
 
 .swgCartPos div.swgCartPosField.swgCartQtyField button.swgCartQtyBtnIncrease {
     display:none;
 }
     
 .swgCartPos div.swgCartPosField .swgGalleryImage img {
     max-widht:100%;
     max-height:100%;
 }
     
 .swgCartPos .swgCartProductDescriptionField {
     width:208px !important;
 }
 
 .swgCartPos .amount {
     float:none;
 }

.amount {
     text-align:right;
     float:right;
     width:100px;
 }
 
 .swgCartSum {
     float:right;
     text-align:right;
     margin-right:10px;
     margin-top:50px;
 }
 
 .swgCartSum .swgCartTotal {
     border-top:1px solid #e99fb7 !important;
     border-bottom:3px double #e99fb7 !important;
 }
 
 .swgCartQty {
     font-size:2em;
 }

 .swgCheckoutForm {
     margin-left:175px !important;
     margin-bottom:1em;
 }
 
 .swgProductDetail .left {
     width:46%;
     float:left;
     padding:2%;
     margin-right:2%;
     background-color:white;
 }
 
 .swgProductDetail .right {
     width:45%;
     float:right;
 }
 
.swgProductDetail .swgProductImages .swgGalleryImage,
.swgCartPos .swgCartPosField .swgGalleryImage{
    width:44px;
    height:44px;
    float:left;
    padding:0.25em;
    overflow:hidden;
    position:relative;
    border:1px transparent solid;
}

.swgProductDetail .swgProductImages .swgGalleryImage.active {
    border:1px dashed #e99fb7;
}

.swgCartPos .swgCartPosField .swgGalleryImage {
    width:88px;
    height:88px;
}

.swgProductDetail .swgProductImages .swgGalleryImage img,
.swgCartPos .swgCartPosField .swgGalleryImage img {
    max-width:100%;
}

#swgPayPalButton {
    float:right;
    margin:15px 0;
    width:150px;
    overflow:hidden;
    cursor:pointer;
}

.content .swgSlideContainer {
    width:100%;
    position:relative;
    margin-bottom:10px;
}

.content .swgSlide {
    width:100%;
    height:400px;
}

.swgProductDetail .swgSlide {
    height:auto;
    min-height:300px;
}

.content .swgSlide .swgSlideThumbnailBar {
    margin-top:10px;
}

.content .swgSlide .swgSlideThumbnailBar .active {
    border:1px solid #e99fb7;
}

.content .swgSlide #swgSlideButtons {
    position: absolute;
    top:50%;
    margin-top:-10px;
    left:-35px;
    right:-35px;
    visibility: hidden;
}

.content .swgSlide #swgSlideButtons .swgSlideButton {
    width:32px;
    height:32px;
    background-image:url('../images/btn_prev.png');
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;
    visibility: visible;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select: none;
}
.content .swgSlide #swgSlideButtons .right {
    background-image:url('../images/btn_next.png');
    float:right;
}

form label {
    display:block;
    float:left;
    width:150px;
    margin-right:15px;
}

form input[type='text'],
form input[type='password'],
form textarea {
    width:200px;
    border:1px solid #e99fb7;
    background-image:url(../images/bg_white_trans_60.png);
    margin:0;
    padding:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
}

form textarea {
    height:100px;
}

form > div {
    margin-bottom:5px;
}
 
.paypalExpressButton {
    float:right;
    width:145px;
    overflow:hidden;
    margin-top:1em;
}

.doPaymentButton {
    float:right;
}

@media screen and (max-width: 999px) {
    #nav .swgNav {
        display:none;
    }
    #nav select {
        display:block;
    }
    
    #swgContents, #footer .indent {
        padding: 0 5%;
    }
}

@media screen and (max-width: 800px) {
    #swgContents {
        margin-left:0;
    }
    
    #footer .indent {
        margin-left:0;
    }
}


@media screen and (max-width: 600px) {
    #header {
        margin:2.5%;
    }
    
    #nav select {
        font-size:0.9em
    }
    
    #footer .footerColumn {
        display:block;
        width:100%;
        margin-bottom:1em;
    }
    
    #footer .footerColumn.center,
    #footer .footerColumn.right {
        text-align:left;
    }
}

@media screen and (max-width: 599px) {
    #logo {
        width:80%;
    }
    
    #header {
        height:auto;
    }
    
    #header #logo {
        width:100%;
        max-width:480px;
        margin:0 auto;
        background-size:100%;
        background-position:50% 0;
        background-repeat: no-repeat;
    }
    
    #nav {
        position:static;
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
        text-align: center;
    }
    
    #nav select {
        display:inline;
        margin-top:140px;
    }
}

@media screen and (max-width: 320px) {
    #nav select {
        margin-top:100px;
        font-size:0.9em;
    }
}