/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- pink		    #e4175d
- lightpink     #fbd7d4

\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
html
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px; /* 11 or 12 ? */
    color: #000;
    height: 100%;
}
body
{
    background-color: #fff;
    line-height: 1.1;
    height: 100%;
}

textarea
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px; /* 11 or 12 ? */
}

.fancy, H1, H2
{
    font-family: Tahoma, Verdana, Geneva, Sans-Serif;
}

ol, ul
{
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 20px;
}
a, a:visited, a:active
{
    text-decoration: underline;
    color: #e4175d;
}
a:hover
{
    text-decoration: underline;
}

a.light, a.light:visited
{
    color: #929292;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
a.light:hover
{
    color: #929292;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}


p
{
    margin-bottom: 20px;
    line-height: 1.3;
}

hr
{
    background: #ddd;
    color: #ddd;
    clear: both;
    float: none;
    width: 100%;
    height: .1em;
    margin: 0 0 1.45em;
    border: none;
}

.float-left
{
    float: left;
}
.float-right
{
    float: right;
}

H1
{
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 160%;
    font-weight: normal;
}

H2
{
    margin-top: 2px;
    margin-bottom: 10px;
    font-size: 140%; /*color: #00529C;*/
    font-weight: normal;
    border-bottom: solid 1px #333;
    padding-bottom: 2px;
}
H5
{
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 115%;
    font-weight: bold;
}

H6
{
    margin-top: 0px;
    font-size: 110%;
    font-weight: normal;
}


.brown
{
    color: #524a3c;
}

.white
{
    color: #fff;
}
.black
{
    color: #222;
}

.pink
{
    color: #e4175d;
}


.hidden
{
    display: none;
}

div.clear
{
    clear: both;
    font-size: 0;
}

.teasers .column-1, .teasers .column-2, .teasers .column-3, .teasers .column-4
{
    vertical-align: top;
}
.sk_tsr
{
    padding: 5px 5px 5px 5px;
}
.sk_tsr img
{
    padding: 3px;
}
.sk_cnt img
{
    padding: 8px;
}
span.readmore
{
    white-space: nowrap;
}



input[type=text], input[type=password], textarea, select
{
    font-size: 11px;
    border: solid 1px #888;
    color: #333;
    padding: 2px;
}
input.water
{
    color: #999;
}

input.invalid, textarea.invalid
{
    border: solid 1px #AA0000;
}
select.invalid
{
    color: #AA0000;
}

div.email
{
    margin-top: 4px;
    float: right;
    height: 15px;
    line-height: 15px;
}

input.footertxt
{
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background-color: #e4175d;
    border: solid 1px #e4175d;
    width: 120px;
    font-size: 10px;
    color: #fff;
    height: 13px;
    padding: 0px 2px; /* 13 + border = 15 */
}
.footerbtn
{
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-size: 8px;
    color: #e4175d;
    height: 15px;
    border: solid 1px #e4175d;
    padding: 0 3px;
    vertical-align: top;
    cursor: pointer; *margin-top:1px;/* IE6 and IE7 only */

}

#otherbrandbutton
{
    width: 58px;
    height: 119px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 467px;
    margin-top: -45px;
}

#a2apage_any_email
{
    display: none !important;
}
/* For standard sharing menu */
#footer a.a2a_dd:hover
{
    text-decoration: none;
}
.a2a_dd img
{
    margin-left: 5px;
    margin-bottom: 1px;
    vertical-align: middle;
}

/**************************************/
/*              TEASER                */
/**************************************/

#otherbrandteaser
{
    width: 205px;
    height: 613px;
    position: absolute;
    top: 0px;
    right: -2px;
    background-color: #000;
    background: url(/images/teaser/background.jpg) no-repeat;
    z-index: 99;
    border: solid 1px #000;
    display: none;
    cursor: pointer;
}

.brandintro
{
    margin: 0 auto;
    width: 145px;
    padding: 10px;
    position: relative;
    top: 340px;
    color: White;
    height: 135px;
    overflow: hidden;
}
.brandlink
{
    position: relative;
    top: 420px;
    margin: 0 auto;
    width: 166px;
    height: 22px;
    line-height: 21px;
    font-size: 90%;
    color: White;
   /* background: url(/images/teaser/linkbg.png) no-repeat center center;*/
   background-color: #333;
    text-align: center;
}


/**************************************/
/*            CONTAINER               */
/**************************************/
#floater
{
    position: relative;
    float: left;
    height: 50%;
    margin-bottom: -307px;
    width: 100%;
}
#wrapper
{
    clear: left;
    height: 613px;
    position: relative;
    margin: 0 auto;
    width: 930px;
}
#background, #container
{
    width: 930px;
    height: 613px;
    position: absolute;
    border: solid 1px #504b49;
}

#background
{
    background-repeat: repeat;
    background-position: center top;
    background-color: #f5e7e5;
    background-image: url(/images/bg/main.jpg);
}

#container
{
    cursor: default;
}

/**************************************/
/*              HEADER                */
/**************************************/


#header
{
    height: 96px;
    position: relative;
    cursor: default;
}
#headerbg
{
    /* in aparte div voor png fix ie6 */
    background: transparent url('/images/bg/header_bg.png') no-repeat;
    position: absolute;
    height: 96px;
    width: 930px;
    font-size: 0;
}
#logo
{
    position: absolute;
}

#header ul#langs
{
    position: absolute;
    right: 20px;
    top: 8px;
    list-style-type: none;
}

#header ul#nav
{
    position: absolute;
    right: 20px;
    top: 50px;
    list-style-type: none;
    font-family: Tahoma, Verdana, Geneva, Sans-Serif;
    font-size: 16px;
}


/**************************************/
/*             NAVIGATION             */
/**************************************/
ul#nav li
{
    float: left;
    display: block;
}

ul#nav li a
{
    float: left; /* IE6 */
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    margin: 1px; /* transparent border for IE6 won't work */
    border: solid 0px #fff;
    height: 23px;
    line-height: 23px;
    color: #fff;
    text-decoration: none;
}

ul#nav li a.active
{
    margin: 0px; /* transparent border for IE6 won't work */
    border-width: 1px;
    color: #fff;
}


#footer li
{
    display: inline;
    margin: 0px 4px;
}

#footer li a
{
    color: #eee;
    font-size: 10px;
    text-decoration: none;
}

#footer li a:hover
{
    text-decoration: underline;
}


ul#langs li
{
    display: inline;
    margin-left: 12px;
}
ul#langs li a
{
    color: #fff;
    text-decoration: none;
    font-size: 10px;
    font-weight: normal;
}
ul#langs a:hover
{
    text-decoration: underline;
}

ul#langs li a.active
{
    text-decoration: none;
    font-weight: bold;
}



/* left side navigation */
/* override in collection.css */
ul.nav
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    width: 148px;
    font-family: Tahoma, Verdana, Geneva, Sans-Serif;
}

ul.nav li.top
{
    background-image: url('/images/leftnav_top.png');
    height: 5px;
    font-size: 0;
}
ul.nav li.btm
{
    background-image: url('/images/leftnav_btm.png');
    height: 4px;
    font-size: 0;
}

ul.nav li
{
    background-image: url('/images/leftnav_bg.png');
    _font-size: 0;
}

ul.nav a, ul.nav a:visited
{
    padding: 9px 4px 9px 12px;
    display: inline-block;
    width: 132px; /* 148 - 12 - 4 */
    color: #840D36;
    font-size: 14px;
    text-decoration: none;
}

ul.nav a.active, ul.nav a:visited.active, ul.nav a:hover
{
    color: #e4175d;
    text-decoration: none;
}


/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#content
{
    height: 475px; /* 505 */
    padding-top: 20px;
    position: relative;
    color: #222;
}

#left
{
    padding: 0 0 0 13px; /*width: 152px;*/ /* 178 - 13 - 13 */
    height: 475px; /* 505 - 20 */
    float: left;
}

#main
{
    position: absolute;
    left: 193px;
    float: left;
    width: 738px; /*752*/
    padding-left: 0px;
    height: 475px; /*overflow: auto;*/
    overflow: hidden;
}
.content
{
    position: relative;
    width: 714px;
    border: solid 0px #e4175d;
    height: 453px;
    background-color: #F6E6E6;
}

.content .scroll
{
    padding: 20px;
    height: 415px;
}

.scroll
{
    overflow: hidden; /* class for jquery scroll plugin */ /* overflow will be set to auto by jquery */
}

/* messagent stuff */


#msg_wrapper
{
    width: 403px;
    background: transparent url('/images/bg/msg_top.png') no-repeat;
    padding-top: 10px;
}
#msg_container
{
    background-position: center bottom;
    width: 403px;
    background-image: url('/images/bg/msg_btm_bg.png');
    background-repeat: no-repeat;
    padding-bottom: 10px;
}

#msg_cnt
{
    padding: 0 10px;
    overflow: auto;
    height: 430px;
}



/**************************************/
/*               FOOTER               */
/**************************************/
.footerbg
{
    position: absolute;
    left: 0px;
    top: 590px;
    background-color: #000; /*#000 */
    height: 23px;
    overflow: hidden; /* IE6 fix */
    font-size: 0;
    width: 930px; /*930*/
    z-index: 10;
}
#footer
{
    position: absolute;
    left: 0px;
    top: 590px;
    width: 930px; /*930*/
    line-height: 22px;
    height: 23px;
    padding-right: 0px;
    color: #eee;
    font-size: 9px;
    cursor: default;
    overflow: hidden; /* IE6 fix */
    z-index: 20;
}

#foot
{
    margin: 0;
    float: right;
    margin-right: 1px;
    margin-left: 15px;
    _margin-top: 4px;
}


/**************************************/
/*              OPACITY               */
/**************************************/


.opa90
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -moz-opacity: 0.90;
    filter: alpha(opacity=90);
    opacity: 0.90;
}


.opa80
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.80;
    filter: alpha(opacity=80);
    opacity: 0.80;
}



.opa60
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.opa15
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    -moz-opacity: 0.15;
    filter: alpha(opacity=15);
    opacity: 0.15;
}

.opa100
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
    opacity: 1.0;
}



/**************************************/
/*              MESSAGES              */
/**************************************/

.error, .notice, .success
{
    padding: .8em;
    margin-bottom: 1.6em;
    border: 1px solid #ddd;
    text-align: center;
}
.error
{
    background: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}
.notice
{
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}
.success
{
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}
.error a
{
    color: #8a1f11;
    background: none;
    padding: 0;
    margin: 0;
}
.notice a
{
    color: #514721;
    background: none;
    padding: 0;
    margin: 0;
}
.success a
{
    color: #264409;
    background: none;
    padding: 0;
    margin: 0;
}



/**************************************/
/*          storelocator              */
/**************************************/



body.storelocator
{
    background-color: #fff;
    color: #111;
    padding-top: 10px;
    padding-left: 10px;
    font-family: Verdana, Geneva, sans-serif;
}
body.storelocator iframe.storelocator
{
    background-color: #fff;
}
body.storelocator #sl_StoreLocatorTitle
{
    display: none;
}
body.storelocator H5
{
    font-size: 16px;
}

body.storelocator input
{
    font-family: Verdana, Geneva, sans-serif;
}
body.storelocator a, body.storelocator a:visited, body.storelocator a:hover
{
    color: #e4175d;
}


/**************************************/
/*              SKETCHES              */
/**************************************/

#sketchinfo
{
    padding: 10px;
    text-align: center;
}
#sketchinfo .image
{
    border: solid 0px red;
}
#sketchinfo .text
{
    padding: 8px;
    padding-top: 15px;
    width: 260px;
    margin: 0 auto;
    text-align: left;
    border: solid 0px green;
    font-size: 11px;
}

/**************************************/
/*       PRESS LOGIN FORM             */
/**************************************/

.loginform
{
    padding-bottom: 20px;
    line-height: 25px;
}

.loginform label
{
    width: 100px;
    display: inline-block;
    text-align: right;
}



/**************************************/
/*        JSCROLL CLASSES             */
/**************************************/

.jScrollPaneContainer
{
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack
{
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: #facbc6; /* #c0bfbe; */
}
.jScrollPaneDrag
{
    position: absolute; /*background: #9e9e9e;*/ /* #fff; */
    background: transparent url(/images/scroll_track.png) repeat-y scroll center top;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop
{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom
{
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp
{
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 17px;
    background: #5e5e5e url(/images/scroll_up.png) no-repeat scroll center top;
}
a.jScrollArrowUp:hover
{
    /*background-color: #e1003f;*/
}

a.jScrollArrowDown
{
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    height: 17px;
    background: #5e5e5e url(/images/scroll_down.png) no-repeat scroll center bottom;
}
a.jScrollArrowDown:hover
{
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover
{
    /*background-color: #f00;*/
}