﻿/* LAYERs */
.layer
{
    margin: 0px auto;
    display: none;
    position: absolute;
    left: 50%;
    overflow: visible;
    font-family: georgia,tahoma;
    font-size: 11px;
    color: #000000;
}
.layerHeader
{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    padding-left: 20px;
    padding-top: 7px;
    padding-right: 10px;
}
.layerBackground
{
    position: relative;
    margin: 10px 10px 0px 10px;
    zoom: 1;
}
.layerDrag
{
    height: 30px;
    width: 100%;
    background-color: #000000;
    color: #FFFFFF;
}
.layerTop
{
    background-image:url(//media.redcatsnordic.com/jotex/images/generic/layer_bg_sprite.png);
    width:672px;
    height:24px;
}
.layerTopSmall
{
    background-image:url(//media.redcatsnordic.com/jotex/images/generic/layer_bg_sprite.png);
    background-position:0px -47px;
    width:402px;
    height:24px;
}
.layerTop2
{
    background-image:url(//media.redcatsnordic.com/jotex/images/generic/contentLayer_bg_sprite.png);
    width:672px;
    height:24px;
}
.layerBottom
{
    background-image:url(//media.redcatsnordic.com/jotex/images/generic/layer_bg_sprite.png);
    background-position:0px -24px;
    width:672px;
    height:24px;
}
.layerBottomSmall
{
    background-image:url(//media.redcatsnordic.com/jotex/images/generic/layer_bg_sprite.png);
    background-position:0px -70px;
    width:402px;
    height:24px;
}
.layerBottom2
{
    background-image:url(//media.redcatsnordic.com/jotex/images/generic/contentLayer_bg_sprite.png);
    background-position:0px -24px;
    width:672px;
    height:24px;
}
.layerOverlay
{
    background-color: white;
    background: #CCCCCC url(//media.redcatsnordic.com/ellos/images/generic/body_background.gif) repeat-x scroll 0 0;
}
#loginLayer
{
    margin-left: -336px;
    width: 672px;
}
#loaderLayer
{
    margin-left: -201px;
    width: 402px;
}
#errorViewLayer
{
    margin-left: -240px;
    width: 672px;
}
#notAuthorized
{
    margin-left: -240px;
    width: 672px;
}
#popupOnceLayer
{
    margin-left: -258px;
    width: 517px;
}
#registerUserLayer, #registerCustomerLayer
{
    margin-left: -336px;
    width: 672px;
}
#continueWithoutLoginLayer
{
    margin-left: -250px;
    width: 672px;
}
#thankyouLayer
{
    margin-left: -190px;
    width: 380px;
}
.layerContentWrapper
{
    width:572px;
    padding:0 50px 10px 50px;
    background-image:url(//media.redcatsnordic.com/jotex/images/generic/layer_bg.png);
}
.layerContentWrapper2
{
    width:572px;
    padding:0 50px 10px 50px;
    background-image:url(//media.redcatsnordic.com/jotex/images/generic/contentLayer_bg.png);
}
.layerContentWrapperSmall
{
    width:343px;
    padding:0 30px;
    background-image:url(//media.redcatsnordic.com/jotex/images/generic/layerSmall_bg.png);
}
.layerContentWrapper .separator
{
    clear: both;
    display: inline-block;
    background: transparent url(//media.redcatsnordic.com/laredoute/images/generic/graphics/layerSeparator.gif) repeat-x;
    height: 2px;
    width: 100%;
    line-height: 0px;
}
.layerCloseButton
{
    cursor: pointer;
    position:absolute;
    top:20px;
    right:0px;
}
.submitArea .layerCloseButton
{
    cursor: pointer;
    position:inherit;
}
#popupOnceLayer .layerCloseButton
{
    cursor: pointer;
    position:absolute;
    right:5px;
    top:0px;
}
.layerSubmit .defaultButton
{
    display: inline-block;
    height: 29px;
    padding-left: 10px;
    line-height: 18px;
    cursor: pointer;
    background-image: url('//media.redcatsnordic.com/jotex/images/generic/layer_actionbutton.png');
    background-repeat: no-repeat;
    background-position: left;
    font-size: 14px;
    margin:10px 0 3px 0;
}
.layerSubmit .defaultButton span
{
    background-image: url('//media.redcatsnordic.com/jotex/images/generic/layer_actionbutton.png');
    background-repeat: no-repeat;
    background-position: right;
    color: #fff;
    line-height: 29px;
    display:block;
    padding-right:10px;
}
.layerCloseButton .closeTxt
{
    float: left;
    padding-right: 5px;
    padding-top: 4px;
}
.submitArea
{
    margin:-10px 0 5px 0;
}
.layerForm
{
    display: block;
    line-height: 18px;
}
.layerForm .txtInput
{
    width: 227px;
    height:19px;
    padding:5px 10px 5px 10px;
    border:0px;
    font-size:14px;
    background:url(//media.redcatsnordic.com/jotex/images/generic/layer_textbox_sprite.png);
    margin-bottom:8px;
}
.layerForm .txtInputMedium
{
    width: 149px;
    height:19px;
    padding:5px 10px 5px 10px;
    border:0px;
    font-size:14px;
    background:url(//media.redcatsnordic.com/jotex/images/generic/layer_textbox_sprite.png);
    background-position:0px -30px;
    background-repeat:no-repeat;
    margin-bottom:8px;
}
.layerForm .txtInputSmall
{
    width: 70px;
    height:19px;
    padding:5px 10px 5px 10px;
    border:0px;
    font-size:14px;
    background:url(//media.redcatsnordic.com/jotex/images/generic/layer_textbox_sprite.png);
    background-position:0px -61px;
    background-repeat:no-repeat;
    margin-bottom:8px;
}
.layerForm .txtEmail
{
    width: 222px;
    margin-bottom: 3px;
}
.layerForm .txtPassword
{
    width: 107px;
    margin-bottom: 3px;
}
.submitArea .submitAreaText .arrowLink, .submitArea .layerSubmit .arrowLink
{
    font-size: 12px;
    text-decoration:underline;
    color:#424242;
}
.submitArea .layerSubmit li
{
    clear: both;
}
.layerSubmit ul
{
    margin: 0px;
    padding: 0px;
}

.submitAreaText
{
    float: left;
    text-align:center;
    margin-top:30px;
    color:#424242;
    font-size:12px;
}

.submitArea .submitAreaText .showOffer
{
    font-weight: normal;
    font-size: 11px;
    background-position: 1px 1px;
}

.submitAreaText ul
{
    margin: 0px;
    padding: 0px;
}

.submitAreaText li
{
    float: none;
    height: 22px;
}

/* IE 6 */* html .submitAreaText
{
    float: left;
    width: 157px;
}
.layerSubmit
{
    display: inline-block;
}
.layerForm label
{
    display: inline;
}

.layerForm .horizontalFormTable .label
{
    width: 165px;
}
.layerForm .horizontalFormTable .newsletter
{
    float: right;
}

.layerForm .horizontalFormTable h2
{
    font-weight: bold;
    font-size: 14px;
    margin: 0px;
}

.layerForm .horizontalFormTable .paragraph
{
    line-height: normal;
}

.boxFrameError
{
    margin-bottom: 10px;
    border: 1px solid #C00000;
    display: none;
    clear: both;
    background-color: #fafafa;
    padding: 8px 10px;
    line-height: 18px;
}

.boxFrameError .errorMessageHeader
{
    color: #C00000;
    font-size: 14px;
    font-weight: bold;
}

.boxFrameError ul
{
    margin: 0px;
    padding: 0px;
}

.boxFrameError li
{
    color: #C00000;
    font-size: 12px;
    font-weight: bold;
}

.boxFrameError a
{
    color: #C00000;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

.layerForm .socialSecurityNumber
{
    overflow: visible;
    margin-bottom: 15px;
}

.horizontalFormTable
{
}

.horizontalFormTable li
{
    float: none;
    display: block;
    margin-bottom: 10px;
    line-height: 20px;
    overflow: auto;
    font-size: 12px;
}

.horizontalFormTable .label
{
    float: left;
    width: 190px;
    line-height: 20px;
    display: inline-block;
}

.horizontalFormTable ul
{
    display: block;
    overflow: auto;
    width: 100%;
    clear: both;
    float: none;
    padding: 0px;
    margin: 0px;
    margin-top: 11px;
}

.horizontalFormTable .radioBtn
{
    vertical-align: middle;
}

.horizontalFormTable .spanRbtn
{
    vertical-align: middle;
}

.horizontalFormTable .checkBx
{
    vertical-align: middle;
}

.loginFields, .registerColumnLeft
{
    float:left;
    width:265px;
    margin: 20px 20px 10px 0px;
}

.registerColumnRight
{
    float:left;
    width:246px; 
    margin: 5px 0px 10px 40px;
}

.loaderContent
{
    width:303px;
}

.errorViewContent
{
    width:560px;
}

#loginLayer h2, #registerUserLayer h2
{
    font-family: georgia,tahoma;
    font-size: 28px;
    font-weight: normal;
    margin: -5px 0 0 0;
    padding-bottom:3px;
}

#registerCustomerLayer h2, #loaderLayer h2, #continueWithoutLoginLayer h2, #errorViewLayer h2
{
    font-family: georgia,tahoma;
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
}

.loginIntroText
{
    line-height: 12px;
    float:left;
    width:247px;
    margin:20px 0px 10px 40px;
}

.registerInfoText
{
    margin:15px 0 0 0;
}

.flashLayer
{
    width: 750px;
    height: 570px;
    z-index: 5000;
    overflow: auto;
    top: 40px;
}

.applyForCredit
{
    display: none;
    background-color: #F7F7F7;
    padding: 10px 5px 15px 5px;
    overflow: auto;
}

.applyForCreditYes
{   
    text-indent: -23px;
    padding-left: 23px;
    display:block;
    line-height: normal;
}

.applyForCreditAcceptTerms
{
    padding: 3px 0px 0px 20px;
    display:block;
}

.layerWatermark
{
    color: #797979;
}
