/*******************/
/* General         */
/*******************/
html, body, div, p, h1, h2, h3, h4, h5, h6, span, table, tr, td, form, img {
    padding:            0px;
    border:             0px;
    margin:             0px;
    font-size:          12px;
    font-family:        Arial, Verdana, "Times New Roman", Helvetica, sans-serif;
    color:              #000000;
}

ol, ul, li {
    font-size:          12px;
    font-family:        Arial, Verdana, "Times New Roman", Helvetica, sans-serif;
    color:              #000000;
}

.print {
    display:            none;
    visibility:         hidden;
}

.hidden {
    display:            none;
}

.clear {
    clear:              both;
}

.left {
    float:              left;
}

.right {
    float:              right;
}

.center {
    text-align:         center;
}

.vstretch {
    overflow:           hidden;
}

a, a:visited, a span, a:visited span {
    color:              #C40010;
    text-decoration:    none;
}

a:hover, a:active {
    color:              #C40011; /* fix for IE6, underline only appears when color is set differently */
    text-decoration:    underline;
}

div.list div a:hover, div.list div a:active {
    text-decoration:    none;
}

div.list div a:hover span, div.list div a:active span {
    text-decoration:    underline;
}

/*******************/
/* Layout          */
/*******************/
#paper {
    width:              894px;
    margin:             20px auto 0 auto;
    background:         #ffffff url(/et_static/background.png) repeat-y;
    text-align:         left;
    overflow:           hidden;
}

#menu {
    width:              225px;
    float:              left;
}

#head {
    width:              657px;
    height:             65px;
    float:              right;
    border-bottom:      1px solid #A29F94;
}

#headLeft {
    width:              300px;
    margin-top:         40px;
    float:              left;
    font-size:          18px;
    font-weight:        bold;
    color:              #E30012;
}

#headRight {
    width:              300px;
    margin-top:         45px;
    float:              right;
    text-align:         right;
}

#content {
    margin:             10px 0 40px 0;
    width:              657px;
    float:              right;
    overflow:           hidden;
}

#foot {
    clear:              both;
    height:             21px;
    background-color:   #A29F94;
    border-bottom:      20px solid #ffffff;
}

#menuFoot {
    float:              left;
    width:              200px;
    height:             21px;
    background-color:   #C0BEB6;
}

#contentFootLeft {
    float:              left;
    height:             21px;
    line-height:        21px;
    overflow:           hidden;
    margin-left:        37px;
    width:              480px;
    color:              #ffffff;
}

#contentFootRight {
    float:              right;
    height:             21px;
    line-height:        21px;
    overflow:           hidden;
    display:            inline; /* fix for IE6 to not get double margin */
    text-align:         right;
    margin-right:       12px;
    width:              140px;
    color:              #ffffff;
}

/*******************/
/* Menu            */
/*******************/
#menublock {
    width:              200px;
    border-top:         1px solid #ffffff;
    margin-bottom:      40px;
}

.submenu {
    border-bottom:      1px solid #ffffff;
    padding-bottom:      3px;
}

div.submenuHead {
    margin:             6px 0px 3px 10px;
    font-weight:        bold;
}

#menublock a {
    display:            block;
    border-bottom:      1px solid #ffffff;
    text-decoration:    none;
    padding:            5px 16px 5px 10px;
    color:              #000000;
    width:              174px; /* fix for IE6 to get hover effect for whole width */
}

#menublock a:hover, #menublock a:active  {
    background-color:   #e0e0e0;
}

#menublock a.active {
    background:         #e0e0e0 url(/et_static/menuActive.png) repeat-y right;
}

#menublock .submenu a {
    border:             0px;
    padding:            3px 16px 3px 20px;
    width:              164px; /* fix for IE6 to get hover effect for whole width */
}

#menublock a.space {
    margin-top:         6px;
}

/*******************/
/* Content         */
/*******************/
div.list {
    clear:              both;
    overflow:           hidden;
}

div.list div {
    float:              left;
    width:              112px;
    padding:            4px 9px 0 9px;
    text-align:         center;
}

div.list div img, div.list img {
    margin-bottom:      3px;
    border:             1px solid #ffffff;
}

img.left {
    float:              left;
    padding:            6px 20px 20px 0;
}

.heading {
    margin-top:         12px;
    color:              #A29F94;
    font-weight:        bold;
}

.startText {
    margin-top:         12px;
}

.text {
    margin-top:         3px;
}

/*******************/
/* Start page      */
/*******************/
#startPage {
    padding-top:        25px;
    text-align:         center;
}

#startPage img {
    border:             1px solid #ffffff;
    margin:             0 9px 18px 9px;
}

#startPage a:hover img, #startPage a:active img, #startPage a.active img {
    border:             1px solid #C40010;
}

.voucher {
    display:            block;
    margin-top:         10px;
    text-align:         center;
    font-size:          24px;
}

/*******************/
/* Product page    */
/*******************/
#productInfo {
    width:              382px;
    float:              left;
}

#productName {
    font-size:          14px;
    color:              #A29F94;
    font-weight:        bold;
}

#productImgTable {
    margin:             10px 0 0 0;
    /* height:             287px; */
    width:              100%;
}

#productImgTable tbody tr td {
    vertical-align:     top;
    text-align:         center;
}

#imgSelection {
    width:              262px;
    float:              right;
}

#imgSelectionHeading {
    margin:             2px 0 3px 10px;
    color:              #A29F94;
}

#imgSelection div.list div {
    padding-bottom:     12px;
}

#imgSelection div.list div a:hover img, #imgSelection div.list div a:active img, #imgSelection div.list div a.active img {
    border:             1px solid #C40010;
}