/*
// vim: set filetype=css:
*/

@import "vendor-prefixes.less";
@import "reset.less";
@import "oxid.less";
@import "960_12_col.less";
@import "text.less";

@borderColor:   #797979;
@gradStart:     #727272;
@gradEnd:       #5a5959;
@navHoverColor: #f9f9f9;
@lightGray:     #94989b;
@breadcrumbBg:  @lightGray;
@noteColor:     #666;

@lpGreen: #00f000;

@lpBoxBg:       #f9f9f9;
@lpBoxBorder:   #b2b2b2;
@defaultBorder: @lpBoxBorder;

@metaFontSize: 10px;

.lpGrad {
    background-color: mix(@gradStart,@gradEnd,50%);
    .linear-gradient(@gradStart,@gradEnd);
}
.gradBox {
    border: 1px solid @borderColor;
    color: #fff;
    .lpGrad;
    //.box-shadow(-2px,2px,3px,0,@borderColor);
    .box-shadow(-2px,2px,1px,0,#ccc);
}

#page {
    & > .container_12 {
        .box-shadow(0,0,10px);
    }
    margin-bottom: 10px;
}

.lpBox {
    background: @lpBoxBg;
    border-top: 1px solid @lpBoxBorder;
    border-bottom: 1px solid @lpBoxBorder;
}

.small {
    font-size: @metaFontSize;
}

a {
    text-decoration: none;
    color: #000;
    &:hover {
        text-decoration: underline;
    }
}

h1.pageHead {
    font-size: 19px;
    margin-bottom: 10px;
}

h3.blockHead {
    font-size: 16px;
}

.alignRight {
    text-align: right;
}

.container_12 {
    #wishlistProductList, #noticelistProductList.line {
        form > .grid_6 {
            width: 300px;
        }
    }
}

#noticelistProductList article {
    width: 780px;
}

#wishlistProductList article {
    width: 780px;
}

.userAccount .lineBox {
    border: 0px;
    background: none;
}
.wishlistView {
    button {
        float: right;
    }
    input {
        float: right !important;
    }
    select {
        float: right;
    }
    textarea {
        float: right !important;
    }
    li {
        width: 100% !important;
    }
}

    /* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #000; opacity: .50;filter:Alpha(Opacity=50); }


.ui-dialog { position: absolute; padding: .2em; /*width: 300px;*/}
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* --- Modal Popup -------------------- */

.paypalHelpBox {
    position: absolute;
    border: 1px solid #c1c1c1;
    padding: 10px;
    display: none;
    background: #FFF;
    z-index: 99;
}

.lineBoxNew {
   padding: 9px 10px 10px 10px;
   margin: 20px 0;
   background:@lpBoxBg url(../../img/line-innershadow.png) no-repeat 0 0;
}

.lineBoxNew.clear.boxHeight.grid_12 {
    padding: 9px 10px 10px 0px;
    margin-left: -10px;
}

.checkoutCollumns .collumn {
    width: 48%;
    float: left;
    padding: 5px;
}

.checkoutSteps li{
    list-style: none;
    padding: 0;
    float: left;
    height: 29px;
    text-transform: uppercase;
    line-height: 29px;
    font-size: 13px;
    position: relative;
    left: 0;
    margin-left: -15px;
    padding-left: 15px;
    background: url(../../img/steps.png) no-repeat 100% 0;
}

.checkoutSteps span {
    padding-left: 5px;
}

.checkoutOptions .option{
    width:278px;
    float:left;
    margin-right:20px;
    background-color:@lpBoxBg;
}

.couponBox {
    border-top: 5px solid #eceff0;
    border-bottom: 5px solid #eceff0;
    padding: 15px 0;
    width: 545px;
    position: relative;
}


@import "common.less";
@import "anythingslider.less";
@import "header.less";
@import "footer.less";
@import "sidebarmenu.less";
@import "forms.less";
@import "list.less";
@import "details.less";
@import "content.less";
@import "flags.less";
@import "sliders.less";
@import "checkout.less";
@import "compare.less";
@import "tags.less";
@import "start.less";
@import "cloud-zoom.less";

.variantToCartError.variantCartError {
    background: #E70404;
    color: #FFF;
    margin-bottom: 2px;
}
#variants.variantToCartError {
    border: 1px solid #E70404;
    box-sizing: border-box;
    background: #FFF;
}

/*
* colorsample: PDS
*/
.sampleList {
    list-style: none;
    label {
        width: 150px;
        display: block;
        float: left;
        height: 26px;
    }
    li {
        margin-left: 0px;
    }
}

#colorchoice {
    
    list-style-type: none;
    width: 435px;
    margin-left: 124px;
    margin-bottom: 130px;

    li {
        display: inline;
        float: left;
    }
    
    span {
        height: 16px;
        width: 16px;
        border: 1px solid #000;
        display: inline-block;
    }

    .color01 {
        background: #d2a3d2;
    }
    .color02 {
        background: #8282e0;
    }
    .color03 {
        background: #c2c2ff;
    }
    .color04 {
        background: #e8e8ff;
    }
    .color05 {
        background: #d9d7d7;
    }
    .color06 {
        background: #b5b5b5;
    }
    .color07 {
        background: #7e7e7e;
    }
    .color08 {
        background: #baffff;
    }
    .color09 {
        background: #c3ffff;
    }
    .color10 {
        background: #49492a;
    }
    .color11 {
        background: #ffffff;
    }
    .color12 {
        background: #ffffff;
    }
    .color13 {
        background: #ffffff;
    }
    .color14 {
        background: #ffffff;
    }
    .color15 {
        background: #a2a242;
    }
    .color16 {
        background: #b5c216;
    }
    .color17 {
        background: #53aa53;
    }
    .color18 {
        background: #7eff7e;
    }
    .color19 {
        background: #a24242;
    }
    .color20 {
        background: #da6868;
    }
    .color21 {
        background: #ff4747;
    }
    .color22 {
        background: #ff2a2a;
    }
    .color23 {
        background: #ffff7e;
    }
    .color24 {
        background: #ffffcb;
    }
    .color25 {
        background: #ffffff;
    }
}

.userNote {
    font-size: 80%;
    color: #666666;
}

.bold {
    font-weight: bold;
}

/* end colorsample */