body {
    color:#666666;
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
}

h1, h2, h3 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

img {
    border: none;
}

a:focus {
    outline: none;
}

:active,
:focus {
    outline: none;
}

input::-moz-focus-inner {
    border: 0;
}

a,
a:hover {
    text-decoration: underline;
    color: #333333;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clearFloats {
    clear: both;
}

.light {

}

.textAlignLeft {
    text-align: left !important;
}

.textAlignRight {
    text-align: right !important;
}

.textAlignCenter {
    text-align: center !important;
}

.defaultFontSize {
    font-size: 12px;
}

.defaultFontWeight,
.list .defaultFontWeight {
    font-weight: normal;
}

#siteContainer {
    /*width: 1040px;*/
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    /*border: 1px solid #ff0000;*/

}

#popUpContainer {
    padding: 20px;
}

/* TinyMCE text counter */

div.metrics {float:right;}
div.metrics > span {margin-left:0.5em;}

.errorField {
   border: 1px solid #E30000;
   background: #FFEAEA;
}

.errorMessage, .errorMessage a {
    color: #E30000;
    font-weight: bold;
}

.errorContainer {
    color: #E30000;
    font-weight: bold;
    border: 1px solid #E30000;
    background: #FFEAEA;
    padding: 5px 5px 5px 5px;
    margin: 5px 0 10px 0;
}

.successContainer {
    color: #009700;
    font-weight: bold;
    border: 1px solid #009700;
    background: #DBFFDB;
    padding: 5px 5px 5px 5px;
    margin: 5px 0 10px 0;
}

.errorContainer ul,
.successContainer ul {
    margin-left: 0;
}

.errorContainer ul li,
.successContainer ul li {
    list-style-type: square;
}

/*-------------------------------------------------------------------------- FORMS */

fieldset {
    border: 1px solid #cccccc;
    padding: 20px;
    margin-bottom: 20px;
}

legend {
    font-size: 12px;
    font-weight: bold;
    color: #999999;
    margin-bottom: 20px;
}

form {
    margin: 0;
    padding: 0;
    font-size: 11px;
}

.formDiv {
    margin-bottom: 10px;
}

.formCheckbox {
    width: 30px;
    height: 20px;
    float: left;
}

.formCheckboxText {
    width: 220px;
    min-height: 20px;
    float: left;
}

.fieldTitle {
    font-size: 10px;
    color: #444444;
    margin-bottom: 3px;
}

.formTable {
    border-collapse: collapse;
}

.formTable td {
    padding: 3px 0 3px 0;
}

.smallSize {
    width: 120px;
}

.subNormalSize {
    width: 190px;
}

.normalSize {
    width: 230px;
}

.largeSize {
    width: 300px;
}

.extraLargeSize {
    width: 500px;
}

textarea.extraLargeSize {
    width: 500px;
    height: 120px;    
}

.zipCodeSize {
    width: 40px;
}

.citySize {
    width: 175px;
}

.quantitySize {
    width: 60px;
}

.articleDetailQuantitySize {
    width: 40px;
}

.newsletterSize {
    width: 170px;
    
}

.marginBottom {
     margin-bottom: 4px;
}

.searchField {
    background: #ffffff url(../img/magnifier.png) 5px 2px no-repeat;
    padding-left: 23px;
    font-size: 11px;
    color: #888888;
    width: 125px;
    float: left;
    /*height: 20px;*/
}

.loginField {
    border: none;
    background: url(../img/bg_login_field.png) center left no-repeat;
    width: 156px;
    height: 16px;
    padding: 3px;
    margin: 3px 0 3px 0;
}

.butSearch,
.butSearchAgain {
    border: none;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
    width: 85px;
    height: 20px;
    background: url(../img/but_search.png) center center no-repeat;
    cursor: pointer;
    float: right;
}

.butSearchAgain {
    width: 135px;
    background: url(../img/but_search_again.png) center center no-repeat;
}

.butRefresh,
.butEdit,
.butDelete {
    border: none;
    color: #999999;
    font-size: 10px;
    width: 98px;
    height: 20px;
    margin: 2px 0 2px 0;
    padding: 0 0 0 22px;
    text-align: left;
    cursor: pointer;
    /*display: block;*/
}

.butRefresh {
    background: url(../img/icon_refresh.png) center left no-repeat;
}

.butEdit {
    background: url(../img/icon_edit.png) center left no-repeat;
    width: 90px;
}

.butDelete {
    background: url(../img/icon_delete.png) center left no-repeat;
}

.iconRefresh,
.iconDelete,
.iconEdit {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
}

.iconDelete {
    background: url(../img/icon_delete.png) center center no-repeat;
}

.iconEdit {
    background: url(../img/icon_edit.png) center center no-repeat;
}

.iconRefresh {
    background: url(../img/icon_refresh.png) center center no-repeat;
}

.butRed,
.butRedShort,
.butRedPaymentResponse,
.butGreen,
.butGreenShort,
.butGreenLong,
.butGreenPaymentResponse,
.butGray,
.butGrayDown,
.butGreenRight {
    border: none;
    height: 30px;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    text-align: right;
    padding: 6px 60px 4px 5px;
    cursor: pointer;
}

.butRed {
    text-align: left;
    padding: 6px 5px 4px 60px;
    background: url(../img/but_red.png) center center no-repeat;
    width: 230px;
}

.butRedShort {
    text-align: left;
    padding: 6px 5px 4px 60px;
    background: url(../img/but_red_short.png) center center no-repeat;
    width: 140px;
}

.butRedPaymentResponse {

    text-align: left;
    height: 545px;
    padding: 6px 5px 4px 60px;
    background: url(../img/but_red.png) center center no-repeat;
    width: 230px;
}

.butGreen {
    background: url(../img/but_green.png) center center no-repeat;
    width: 230px;
}

.butGreenShort {
    background: url(../img/but_green_short.png) center center no-repeat;
    width: 140px;
}

.butGreenLong {
    background: url(../img/but_green_long.png) center center no-repeat;
    width: 261px;
}

.butGreenPaymentResponse {

    height: 545px;
    background: url(../img/but_green.png) center center no-repeat;
    width: 230px;
}

.butGray {
    background: url(../img/but_gray.png) center center no-repeat;
    width: 240px;
    /*height: 30px;*/
    font-size: 11px;
}

.butGrayDown {
    background: url(../img/but_gray_down.png) center center no-repeat;
    width: 240px;
    /*height: 30px;*/
    font-size: 11px;
}

.butGreenRight {
    background: url(../img/but_green_right.png) center center no-repeat;
    width: 240px;
    /*height: 30px;*/
    font-size: 11px;
}

.hrefBut,
.hrefBut:hover {
    display: block;
    text-decoration: none;
}

.buttons {
    margin-top: 30px;
}

.buttons.belowContent {
    margin: 30px 10px;
}

.butGraySimple,
.butGraySimpleBig {
    border: none;
    width: 110px;
    height: 20px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff !important;
    text-align: center;
    /*padding: 6px 60px 4px 5px;*/
    cursor: pointer;
}

.butGraySimple {
    background: url(../img/but_gray_simple.png) center center no-repeat;
}

.butGraySimpleBig,
.butGraySimpleBig:hover {
    background: url(../img/but_gray_simple_big.png) center center no-repeat;
    width: 140px;
    height: 30px;
    display: block;
    font-size: 11px;
    text-decoration: none;
    
}

.butLogin {
    width: 80px;
    height: 20px;
    border: none;
    background: url(../img/but_login.png) center center no-repeat;
    color: #ffffff;
    font-size: 11px;
    /*font-family: Georgia, sans-serif;*/    
    text-align: right;
    padding-right: 20px;
    cursor: pointer;
}

.butCheckout,
.butCheckout:hover {
    width: 70px;
    height: 15px;
    background: url(../img/but_gray_small.png) center center no-repeat;
    display: block;
    color: #ffffff !important;
    font-size: 10px;
    text-decoration: none;
    text-align: center;
}

.butGraySmall {
    width: 70px;
    height: 15px;
    background: url(../img/but_gray_small.png) center center no-repeat;
    color: #ffffff !important;
    font-size: 10px;
    text-decoration: none;
    text-align: center;
    border: none;
    cursor: pointer;
}

.butToCart {
    width: 129px;
    height: 20px;
    border: none;
    background: url(../img/but_green_plain.png) center center no-repeat;
    color: #dddddd;
    font-size: 12px;
    font-family: georgia, sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
    cursor: pointer;
}

.functionButtons {
    position: absolute;
    bottom: 10px;
}

.butOrderEbook,
.butOrderEbookOnly,
.butAddToCart {
    width: 210px;
    height: 34px;
    border: none;
    background: url(../img/but_ebook.png) center center no-repeat;
    color: #666666;
    font-size: 14px;
    font-family: arial, sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
    padding-left: 64px;
    cursor: pointer;
}

.butAddToCart {
    background: url(../img/but_cart.png) center center no-repeat;
    color: #ffffff;
}

.orderInformation {
    font-weight: bold;
    color: #E30000;
}

.butGray3D {
    width: 140px;
    height: 30px;
    background: url(../img/but_gray_3d.png) center center no-repeat;
    color: #dddddd !important;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: none;
    cursor: pointer;
}

.butGray3DSmaller {
    width: 140px;
    height: 20px;
    background: url(../img/but_gray_3d_smaller.png) center center no-repeat;
    color: #ffffff !important;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    border: none;
    cursor: pointer;
}

.butGrayStretched span {
    background: url(../img/but_lightgray_right.png) center right no-repeat;
    padding: 5px 6px 7px 1px;
    /*border: 1px solid black;*/
}

.butGrayStretched a,
.butGrayStretched a:hover {
    height: 17px;
    background: url(../img/but_lightgray_left.png) center left no-repeat;
    padding: 2px 0 2px 10px;
    color: #ffffff !important;
    font-size: 11px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

/*-------------------------------------------------------------------------- HEAD */

#outerHeadContainer {
    /*width: 1040px;*/
    width: 100%;
    height: 119px;
    background: url(../img/bg_head.png) top left repeat-x;
}

#headContainer {
    position: relative;
    width: 1280px;
    height: 119px;
    margin: 0 auto;
}

#logo {
    position: absolute;
    top: 0;
    left: 48px;
    width: 200px;
    height: 101px;
}

#topSearchContainer {
    position: relative;
    width: 500px;
    height: 60px;
    top: 35px;
    margin: auto;
    padding: 0;
    background: url(../img/bg_top_search.png) bottom center no-repeat;
}

#topSearchContainer .topSearch {    
    width: 250px;
    height: 25px;
    margin: auto;
}

#topSearchContainer .loggedIn {
    color: #ff7f00;
    font-weight: bold;
    margin: 0 0 14px 125px;
    height: 14px;
}

#metaNavContainer {
    position: absolute;
    top: 0;
    right: 50px;
    text-align: left;
    width: 600px;
    height: 17px;
    font-size: 12px;
    /*border: 1px solid black;*/
}

/*div#metaNavContainerInLoginContainer {*/
    /*position: relative;*/
    /*top: 0;*/
    /*right: -5px;*/
    /*text-align: right;*/
    /*width: 120px;*/
    /*height: 17px;*/
    /*font-size: 11px;*/
    /*border: 1px solid black;*/
/*}*/

#cartViewContainer {
    position: absolute;
    top: 50px;
    left: 780px;
    width: 210px;
    height: 60px;
    background: url(../img/cart.png) 0 0 no-repeat;
    /*padding-left: 50px;*/
    padding: 0;
    /*border: 1px solid black;*/
}

#cartViewContainer .cartQuantity {
    font-size: 38px;
    color: #666666;
    font-weight: bold;
    height: 38px;
    float: left;
    margin: -5px 7px 0 0;
    padding-left: 50px;
}

#cartViewContainer .cartText {
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    font-family: georgia, sans-serif;
    width: 85px;
    float: left;
}

#cartViewContainer .cartFunctions {
    clear: both;
    padding: 5px 0 0 50px;
}

#cartViewContainer .cartFunctions a,
#cartViewContainer .cartFunctions a:hover {
    text-decoration: none;
    color: #666666;
    font-size: 10px;
    display: block;
    float: left;
    margin-right: 10px;
}

#cartViewContainerExpanded {
    position: absolute;
    top: 42px;
    left: 777px;
    z-index: 3000;
    width: 196px;
    padding: 0;
    display: none;
}

#cartViewContainerExpanded .cartQuantity {
    font-size: 38px;
    color: #cccccc;
    font-weight: bold;
    height: 38px;
    float: left;
    margin: -5px 7px 0 0;
}

#cartViewContainerExpanded .cartText {
    font-size: 14px;
    color: #cccccc;
    font-weight: bold;
    font-family: georgia, sans-serif;
    width: 85px;
    float: left;
}

#cartViewContainerExpanded .cartFunctions {
    clear: both;
    padding-top: 5px;
}

#cartViewContainerExpanded .cartFunctions a,
#cartViewContainerExpanded .cartFunctions a:hover {
    text-decoration: none;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 10px;
}

#cartViewContainerExpanded .cartViewHead {
    width: 166px;
    height: 55px;
    padding: 8px 15px 0 15px;
    background: url(../img/bg_cartbox_head.png) top left no-repeat;
}

#cartViewContainerExpanded .cartViewContent {
    width: 167px;
    padding: 15px 18px 5px 11px;
    background: url(../img/bg_cartbox_content.png) top left no-repeat;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
}

#cartViewContainerExpanded .cartViewContent table {
    border-collapse: collapse;
}

#cartViewContainerExpanded .cartViewContent table td {
    padding-bottom: 10px;
}

#cartViewContainerExpanded .cartViewFoot {
    width: 167px;
    height: 52px;
    padding: 10px 18px 0px 11px;
    background: url(../img/bg_cartbox_foot.png) top left no-repeat;
    text-align: center;
}

.cartLink,
.cartLink:hover {
    text-decoration: none !important;
    cursor: pointer;
}

#metaNavContainer ul,
#metaNavContainerInLoginContainer ul {
    padding: 0;
    margin: 0;
    float: right;
    text-align: center;
}

#metaNavContainer ul li,
#metaNavContainerInLoginContainer ul li {
    display: inline;
    text-align: center;
    padding: 0;
    margin: 0;
}

#metaNavContainer ul li a,
#metaNavContainer ul li a.loginMetaNav,
#metaNavContainer ul li a.lastMetaNav,
#metaNavContainerInLoginContainer ul li a,
#metaNavContainerInLoginContainer ul li a.loginMetaNav {
    padding: 0 7px 0 7px;
    margin: 8px 0 0 0;
    color: #444444;
    text-decoration: none;
    float: left;
    border-right: 1px solid #444444;
    display: block;
}

#metaNavContainer ul li a.lastMetaNav {
    border-right: none;
}

#metaNavContainer ul li a.loginMetaNav,
#metaNavContainerInLoginContainer ul li a.loginMetaNav {

    background: url(../img/icon_lock.png) 0 2px no-repeat;
    padding-left: 15px;
}

#metaNavContainer ul li a:hover,
#metaNavContainer ul li a.act,
#metaNavContainer ul li a.lastMetaNavAct,
#metaNavContainerInLoginContainer ul li a:hover,
#metaNavContainerInLoginContainer ul li a.act,
#metaNavContainerInLoginContainer ul li a.loginMetaNavAct {
    color: #444444;
    text-decoration: underline;
}

#metaNavContainer ul li a.loginMetaNavAct,
#metaNavContainerInLoginContainer ul li a.loginMetaNav:hover {
    color: #ffffff;
    text-decoration: none;
    background: url(../img/bg_login_nav.png) top left no-repeat;
    width: 77px;
    height: 22px;
    margin: 0;
    padding: 8px 0 0 7px;
    border-right: none;
    /*border: 1px solid red;*/
}

#loginContainer {
    position: absolute;
    top: 30px;
    right: 41px;
    z-index: 1500;
    width: 162px;
    height: 167px;
    padding: 10px 16px 0 10px;
    background: url(../img/bg_login.png) top left no-repeat;
    display: none;
}

#butLogin {
    margin-top: 10px;
    text-align: right;
}

#loginLinks {
    margin-top: 17px;
}

#loginLinks a {
    font-size: 9px;
    color: #ffffff;
    text-decoration: none;
}

#loginLinks a:hover {
    text-decoration: underline;
}

#closeLoginContainer {
    width: 17px;
    margin: 2px auto;
}

.closeArrow {
    width: 17px;
    height: 17px;
    display: block;
    background: url(../img/arrow_cartbox.png) center center no-repeat;
    margin: auto;
}

#testSystem {
    color: red;
    font-size: 25px;
    font-weight: bold;
    font-style: italic;
}

/*-------------------------------------------------------------------------- HEAD | PRIMARY NAVIGATION */

#outerPriNavContainer {
    width: 100%;
    height: 34px;
    background: url(../img/bg_prinav.png) top left repeat-x;
}

#priNavContainer {
    width: 1280px;
    height: 34px;
    position: relative;
    /*top: 0;*/
    /*left: 0;*/
    font-size: 14px;
    margin: 0 auto;
    z-index: 2001;
    /*float: left;*/
    /*padding-right:20px;*/
}

#priNavContainer table.ie6 {
    border-collapse:collapse;
    margin:0;
    padding:0;
}

#priNavContainer ul {
    padding:0;
    margin: 0 0 0 50px;
    list-style: none;    
}

#priNavContainer ul li {
    float:left;
    /*margin-right: 3px;*/
}

#priNavContainer ul li.lastSeparator {
    background: url(/img/prinav_separator.png) 0 0 no-repeat;
    height: 34px;
}

#priNavContainer ul li a {
    display:block;
    float:left;
    padding: 8px 17px 8px 17px;
    text-decoration:none;
    color: #dddddd;
    font-weight:bold;
    font-family: georgia, sans-serif;
    /*width: 160px;*/
    /*height:27px;*/
    /*line-height:40px;*/
    font-size:14px;
    background:url(../img/prinav_separator.png) no-repeat left top;
    text-align: center;
    margin: 0;
}

/*#priNavContainer ul li a b {*/
    /*display:block;*/
    /*float:left;*/
    /*padding:0 0 0 15px;*/
    /*text-decoration:none;*/
    /*color:#fff;*/
    /*font-weight:bold;*/
    /*height:41px;*/
    /*line-height:40px;*/
    /*font-size:11px;*/
    /*background:url(multicolumn/tabCenter.gif) no-repeat left top;*/
    /*cursor:pointer;*/
/*}*/

#priNavContainer ul li div.holder {
    position:absolute;
    left:-9999px;
    /*z-index: 2002;*/
}

#priNavContainer ul li div#holder1 {
    background: url(../img/box_seknav.png) bottom right no-repeat;
    /*width: 583px;*/
    /*height: 188px;*/
    margin-top: 3px;
    padding-bottom: 20px;
}

#priNavContainer ul li div#holder2 {
    background: url(../img/box_seknav.png) bottom right no-repeat;
    /*width: 765px;*/
    /*height: 218px;*/
    margin-top: 3px;
    padding-bottom: 20px;
}

#priNavContainer ul li div#holder3 {
    background: url(../img/box_seknav.png) bottom right no-repeat;
    /*width: 583px;*/
    /*height: 188px;*/
    margin-top: 3px;
    padding-bottom: 20px;
}

#priNavContainer ul li div#holder4 {
    background: url(../img/box_seknav.png) bottom right no-repeat;
    /*width: 410px;*/
    /*height: 188px;*/
    margin-top: 3px;
    padding-bottom: 20px;
}

#priNavContainer ul li div .leftSide {
    float:left;
}

#priNavContainer ul li div #leftSide1 {
    background: url(../img/box_seknav_label_red.png) top left no-repeat;
}

#priNavContainer ul li div #leftSide2 {
    background: url(../img/box_seknav_label_yellow.png) top left no-repeat;
}

#priNavContainer ul li div #leftSide3 {
    background: url(../img/box_seknav_label_blue.png) top left no-repeat;
}

#priNavContainer ul li div #leftSide4 {
    background: url(../img/box_seknav_label_green.png) top left no-repeat;
}

#priNavContainer ul li div .rightSide {
    float:left;
    margin-left:5px;
    display:inline;
    padding:0 10px 0 0;
    background: transparent;
}

#priNavContainer ul li:hover {
    position:relative;
}

#priNavContainer ul li a:hover {
    color:#494949;
    /*background-position:right center;*/
    white-space:nowrap;
    position:relative;
    /*background: url(../img/bg_prinav_yellow.png) top left repeat-x;*/
}



/*#priNavContainer ul li a:hover b {*/
    /*color:#910;*/
    /*background-position:left center;*/
/*}*/

/*#priNavContainer ul li a.sub:hover {*/
    /*color:#4949ff;*/
    /*background-position:right bottom;*/
    /*white-space:nowrap;*/
    /*position:relative;*/
/*}*/

/*#priNavContainer ul li a.sub:hover b {*/
    /*color:#910;*/
    /*background-position:left bottom;*/
/*}*/

#priNavContainer ul li:hover > a {
    color:#ffffff;
    position:relative;
    /*background: url(../img/bg_prinav_yellow.png) top left repeat-x;*/
}

#priNavContainer ul li a.pn1:hover {
    color: #ffffff;
    background: url(../img/bg_prinav_red.png) top left repeat-x;
}

#priNavContainer ul li:hover > a.pn1 {
    color: #ffffff;
    background: url(../img/bg_prinav_red.png) top left repeat-x;
}

#priNavContainer ul li a.pn1.act {
    color: #ffffff;
    background: url(../img/bg_prinav_red_act.png) top left repeat-x;
}

#priNavContainer ul li a.pn1.act:hover,
#priNavContainer ul li:hover > a.pn1.act {
    color: #ffffff;
    background: url(../img/bg_prinav_red.png) top left repeat-x;
}

#priNavContainer ul li a.pn2:hover {
    color: #494949;
    background: url(../img/bg_prinav_yellow.png) top left repeat-x;
}

#priNavContainer ul li:hover > a.pn2 {
    color: #494949;
    background: url(../img/bg_prinav_yellow.png) top left repeat-x;
}

#priNavContainer ul li a.pn2.act {
    color: #494949;
    background: url(../img/bg_prinav_yellow_act.png) top left repeat-x;
}

#priNavContainer ul li a.pn2.act:hover,
#priNavContainer ul li:hover > a.pn2.act {
    color: #494949;
    background: url(../img/bg_prinav_yellow.png) top left repeat-x;
}

#priNavContainer ul li a.pn3:hover {
    color: #ffffff;
    background: url(../img/bg_prinav_blue.png) top left repeat-x;
}

#priNavContainer ul li:hover > a.pn3 {
    color: #ffffff;
    background: url(../img/bg_prinav_blue.png) top left repeat-x;
}

#priNavContainer ul li a.pn3.act {
    color: #ffffff;
    background: url(../img/bg_prinav_blue_act.png) top left repeat-x;
}

#priNavContainer ul li a.pn3.act:hover,
#priNavContainer ul li:hover > a.pn3.act {
    color: #ffffff;
    background: url(../img/bg_prinav_blue.png) top left repeat-x;
}

#priNavContainer ul li a.pn4:hover {
    color: #ffffff;
    background: url(../img/bg_prinav_green.png) top left repeat-x;
}

#priNavContainer ul li:hover > a.pn4 {
    color: #ffffff;
    background: url(../img/bg_prinav_green.png) top left repeat-x;
}

#priNavContainer ul li a.pn4.act {
    color: #ffffff;
    background: url(../img/bg_prinav_green_act.png) top left repeat-x;
}

#priNavContainer ul li a.pn4.act:hover,
#priNavContainer ul li:hover > a.pn4.act {
    color: #ffffff;
    background: url(../img/bg_prinav_green.png) top left repeat-x;
}

#priNavContainer ul li a.pn5:hover,
#priNavContainer ul li:hover > a.pn5,
#priNavContainer ul li a.pn5.act,
#priNavContainer ul li a.pn5.act:hover,
#priNavContainer ul li:hover > a.pn5.act {
    color: #ffffff;
}

#priNavContainer ul li:hover a.sub {
    color:#494949;
    background-position:right bottom;
    white-space:nowrap;
    position:relative;
}


/*#priNavContainer ul li:hover a.sub > b {*/
    /*color:#910;*/
    /*background-position:left bottom;*/
/*}*/

#priNavContainer ul :hover div.holder {
    position:absolute;
    top:30px;
    left:0px;
    margin: 0;
    padding: 0;
}

#priNavContainer ul li.right a:hover div.holder {
    left:auto;
    right:3px;
    top:30px;
}

#priNavContainer ul li.right:hover div.holder {
    left:auto;
    right:4px;
    top:30px;
}

#priNavContainer ul dl {
    width:auto;
    margin: 0;
    padding:0;
    list-style:none;
}

#priNavContainer ul dl dt {
    display: block;
}

#priNavContainer ul dl dt a {
    padding: 5px;
    margin: 10px 30px 10px 10px;
    /*line-height:20px;*/
    color: #888888;
    font-size: 15px;
    font-family: arial, sans-serif;
    font-weight: bold;
    white-space: nowrap;
    border: none;
    background: none;
    height: auto;
    /*display: block;*/
}

#priNavContainer ul dl dt a:hover {
    color: #ffffff;
    background: #999999;
}

#priNavContainer ul dl dd {
    display:block;
    padding:0;
    margin: 0 0 0 10px;
    clear: both;
}

#priNavContainer ul dd a,
#priNavContainer ul dd a:hover {
    background-image: none;
    display:block;
    width: auto;
    /*height: 16px;*/
    /*line-height: 18px;*/
    color: #444444;
    text-align:left;
    margin: 0;
    padding: 0 5px 0 5px;
    font-size: 11px;
    font-weight:normal;
    font-family: arial, sans-serif;
    white-space:normal !important;
    /*float:none;*/
}

#priNavContainer ul dd a:hover {
    color:#ffffff;
    background: #999999;
}

#priNavContainer ul table td {
    vertical-align:top;
}


/*-------------------------------------------------------------------------- CONTENT */

#breadcrumbDateContainer {
    font-size: 10px;
    color: #666666;
    margin-top: 3px;
}

#breadcrumbDateContainer #breadcrumbs {
    width: 770px;
    float: left;
}

#breadcrumbDateContainer #breadcrumbs a {
    color: #666666;
    text-decoration: none;
}

#breadcrumbDateContainer #breadcrumbs a:hover {
    color: #666666;
    text-decoration: underline;
}

#breadcrumbDateContainer #currentDate {
    width: 170px;
    text-align: right;
    float: right;
}

.noteContainer {
    padding: 20px;
    color: #E30000;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

#topNewReleasesContainerWideHead {
    width: 940px;
    height: 30px;
    padding: 0;
}

#topNewReleasesContainerWideHead div {
    float: right;
    margin-top: 7px;
}

#topNewReleasesContainerWideHead div a {
    text-decoration: none;
    font-size: 15px;
    color: #666666;
}

#topNewReleasesContainerWideHead div a:hover {
    text-decoration: underline;
}

#topNewReleasesContainerWide {
    /*position: relative;*/
    width: 939px;
    height: 330px;
    /*background: #ffffff;*/
    /*border: 1px solid #CFCFCF;*/
    margin-bottom: 20px;
    padding: 0;
    /*overflow: hidden;*/
}

#topNewReleasesContainerWide #slideContainer {
    position:relative;
    width:939px;
    margin:0 auto;
}

#topNewReleasesContainer,
#premiumsContainer {
    position: relative;
    width: 620px;
    height: 290px;
    background: #ffffff;
    border: 1px solid #CFCFCF;
    margin-bottom: 20px;
}

#premiumsContainer {
    height: auto;
}

.hintContainer {
    border: 1px solid #E10019;
    margin-top: -20px;
    margin-bottom: 20px;
}

.hintContainer h2 {
    background: #E10019;
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    padding: 20px;
}

.hintContainer p {
    margin: 0;
    padding: 20px;
    background: #ffffff;
}

.headLabelCombination {
    
}

.headLabelCombination .headLeftSide {
    width: 250px;
    float: left;
}

.headLabelCombination .labelRightSide {
    width: 250px;
    margin-top: 10px;
    float: right;
}

#lightboxCaption .articleName {
    font-size: 13px;
}

#lightboxCaption .articleName a {
    text-decoration: none !important;
}

#lightboxCaption .articleName a:hover {
    color: #000000;
    text-decoration: none !important;
}

/*-------------------------------------------------------------------------- CONTENT | HOME TOP NEW RELEASES SLIDE */
/*----------------------------------------------*/
/* CONFIGURATION >>> jquery.mSimpleSlidebox.css */
/*----------------------------------------------*/

/*.homeTopNewReleasesSlideContainer {*/
    /*width: 900px;*/
    /*height: 253px;*/
    /*margin: 0;*/
    /*border: 1px solid black;*/
/*}*/

/*.HTNRLeft,*/
/*.HTNRRight {*/
    /*width: 41px;*/
    /*margin-top: 105px;*/
/*}*/

/*.HTNRLeft a,*/
/*.HTNRRight a,*/
/*.HTNRLeft a:hover,*/
/*.HTNRRight a:hover {*/
    /*width: 41px;*/
    /*height: 36px;*/
    /*display: block;*/
    /*border: 1px solid black;*/
/*}*/

/*.HTNRLeft a,*/
/*.HTNRLeft a:hover {*/
    /*background: url(../img/carousel_arrow_left.png) center center no-repeat;*/
/*}*/

/*.HTNRRight a,*/
/*.HTNRRight a:hover {*/
    /*background: url(../img/carousel_arrow_right.png) center center no-repeat;*/
/*}*/

/*.HTNRSlide {*/
    /*width: 768px;*/
    /*height: 250px;*/
    /*margin: 0 20px 0 30px;*/
    /*border: 1px solid black;*/
/*}*/

/*.HTNR-jcarousellite {*/
    /*width: 768px;*/
    /*height: 250px;*/
    /*overflow: hidden;*/
    /*border: 1px solid black;*/
/*}*/

/*.HTNR-jcarousellite ul {*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*list-style-type: none;*/
    /*float: left;*/
/*}*/

/*.HTNR-jcarousellite ul li {*/
    /*list-style: none;*/
    /*display: block;*/
    /*padding: 0;*/
    /*margin: 0 8px 0 8px;*/
    /*margin: 0;*/
    /*width: 240px;*/
    /*height: 250px;*/
    /*background: none;*/
    /*border: 1px solid black;*/
/*}*/

/*.HTNR-jcarousellite ul li a {*/
    /*font-size: 11px;*/
    /*color: #666666;*/
    /*text-decoration: none;*/
/*}*/

/*.HTNR-jcarousellite ul li a:hover {*/
    /*text-decoration: underline;*/
/*}*/

/*-------------------------------------------------------------------------- CONTENT | HOME TOP NEW RELEASES SLIDE END */

/*-------------------------------------------------------------------------- CONTENT | TOP NEW RELEASES SLIDE */

.topNewReleasesSlideContainer {
    width: 580px;
    height: 170px;
    margin: 10px 20px 0 20px;
    /*border: 1px solid black;*/
}

.TNRLeft,
.TNRRight {
    margin-top: 70px;
}

.TNRLeft a,
.TNRRight a,
.TNRLeft a:hover,
.TNRRight a:hover {
    width: 23px;
    height: 20px;
    display: block;
    /*border: 1px solid black;*/
}

.TNRLeft a,
.TNRLeft a:hover {
    background: url(../img/carousel_arrow_left_small.png) center center no-repeat;
}

.TNRRight a,
.TNRRight a:hover {
    background: url(../img/carousel_arrow_right_small.png) center center no-repeat;
}

.TNRSlide {
    width: 530px;
    height: 170px;
    /*margin: 20px 0 0 0;*/
    /*border: 1px solid black;*/
}

.TNR-jcarousellite {
    width: 530px;
    height: 170px;
    overflow: hidden;
    /*border: 1px solid black;*/
}

.TNR-jcarousellite ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*float: left;*/
}

.TNR-jcarousellite ul li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0 8px 0 8px;
    /*margin: 0;*/
    width: 505px;
    height: 170px;
    background: none;
    /*border: 1px solid black;*/
}

.TNR-jcarousellite ul li a {
    font-size: 11px;
    color: #666666;
    text-decoration: none;
}

.TNR-jcarousellite ul li a:hover {
    text-decoration: underline;
}

/*-------------------------------------------------------------------------- CONTENT | TOP NEW RELEASES SLIDE END */

#topSellersContainer {
    position: relative;
    width: 580px;
    /*height: 290px;*/
    padding: 20px 20px 10px 20px;
    background: #ffffff;
    border: 1px solid #CFCFCF;
    margin-bottom: 20px;
}

#topSellersContainer .pin,
.pin {
    position: absolute;
    width: 29px;
    height: 44px;
    background: url(../img/pin.png) top center no-repeat;
    top: -10px;
    left: 560px;
}

#categoryBoxesContainer {
    width: 644px;
    padding: 0;
    /*margin-top: 20px;*/
}

#categoryBoxesContainer .categoryBox {
    position: relative;
    width: 299px;
    height: 140px;
    /*background: #ffffff url(../img/dummy.jpg) top left no-repeat;*/
    border: 1px solid #CFCFCF;
    float: left;
    margin: 0 20px 20px 0;
}

#categoryBoxesContainer .categoryBox .leftBar {
    width: 40px;
    height: 140px;
    background: url(../img/theme_box_bar.png) top left no-repeat;    
}

#categoryBoxesContainer .categoryBox .category {
    position: absolute;
    top: 85px;
    left: 40px;
}

#categoryBoxesContainer .categoryBox .category a {
    color: #666666;
    text-decoration: none;
    font-size: 13px;
}

#categoryBoxesContainer .categoryBox .category a:hover {
    color: #666666;
    text-decoration: underline;
    font-size: 13px;
}

#categoryBoxesContainer .categoryBox .category h2 {
    color: #212121;
    font-weight: bold;
    margin-bottom: 5px;
}

#categoryBoxesContainer .categoryBox .category h2 a {
    color: #212121;
    text-decoration: none;
    font-size: 15px;
}

#categoryBoxesContainer .categoryBox .category h2 a:hover {
    color: #212121;
    text-decoration: underline;
    font-size: 15px;
}

#categoryOverviewBoxesContainer {
    width: 940px;
    margin-bottom: 20px;
    /*height: 180px;*/
    /*border: 1px solid black;*/
}

#categoryOverviewBoxesContainer.short {
    width: 620px;
}

#categoryOverviewBoxesContainer #categoryBox1 {
    background: #ffffff url(../img/category_box_line_red.png) 0 70px no-repeat;
}

#categoryOverviewBoxesContainer #categoryBox2 {
    background: #ffffff url(../img/category_box_line_yellow.png) 0 70px no-repeat;
}

#categoryOverviewBoxesContainer #categoryBox3 {
    background: #ffffff url(../img/category_box_line_blue.png) 0 70px no-repeat;
}

#categoryOverviewBoxesContainer #categoryBox4 {
    background: #ffffff url(../img/category_box_line_green.png) 0 70px no-repeat;
}

#categoryOverviewBoxesContainer .categoryOverviewBox {
    width: 298px;
    min-height: 180px;
    border: 1px solid #cfcfcf;
    margin-right: 20px;
    float: left;
}

#categoryOverviewBoxesContainer .categoryOverviewBox.noMargin {
    margin-right: 0;
}

#categoryOverviewBoxesContainer .categoryOverviewBox .categoryOverviewImage {
    width: 298px;
    height: 70px;
    overflow: hidden;
}

#categoryOverviewBoxesContainer .categoryOverviewBox .categoryOverviewText {
    width: 258px;
    /*height: 65px;*/
    padding: 20px 20px 10px 20px;
}

#categoryOverviewBoxesContainer .categoryOverviewBox .categoryOverviewText h2 a,
#categoryOverviewBoxesContainer .categoryOverviewBox .categoryOverviewText h2 a:hover {
    font-size: 15px;
    font-weight: bold;
    color: #212121;
    text-decoration: none;
}

#categoryOverviewBoxesContainer .categoryOverviewBox .categoryOverviewText ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 120px;
    float: left;
}

#categoryOverviewBoxesContainer .categoryOverviewBox .categoryOverviewText ul li {
    margin: 0;
    padding: 0;
}

#categoryOverviewBoxesContainer .categoryOverviewBox .categoryOverviewText ul li a {
    text-decoration: none;
    color: #444444;
    font-size: 11px;
}

#categoryOverviewBoxesContainer .categoryOverviewBox .categoryOverviewText ul li a:hover {
    text-decoration: underline;
}

#themeBoxesContainer {
    width: 620px;
}

#themeBoxesContainer .themeBox {
    position: relative;
    width: 298px;
    height: 160px;
    margin: 0 20px 20px 0;
    background: url(../img/bg_theme_box.png) top left no-repeat;
    border: 1px solid #cfcfcf;
    float: left;
}

#themeBoxesContainer .themeBox.noMargin {
    margin: 0 0 20px 0;
}

#themeBoxesContainer .themeBox .themeImage {
    width: 298px;
    height: 70px;
    overflow: hidden;
}

#themeBoxesContainer .themeBox .themeText {
    width: 258px;
    height: 65px;
    padding: 15px 20px 10px 20px;
}

#themeBoxesContainer .themeBox .themeText h2 {
    font-size: 15px;
    font-weight: bold;
    color: #212121;
}

#themeBoxesContainer .themeBox .themeText a.showAll,
#themeBoxesContainer .themeBox .themeText a.showAll:hover {
    position: absolute;
    bottom: 10px;
    right: 20px;
    display: block;
    width: 70px;
    height: 17px;
    padding-top: 2px;
    background: url(../img/but_lightgray_simple_small.png) center center no-repeat;
    color: #ffffff;
    font-size: 11px;
    text-decoration: none;
    text-align: center;
}

#aboBoxesContainer {
    width: 620px;
}

#aboBoxesContainer .aboBox {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 0 20px 20px 0;
    float: left;
}

#aboBoxesContainer .aboBox.noMargin {
    margin: 0 0 20px 0;
}

#aboBoxesContainer .aboBox .aboImage {
    width: 300px;
    height: 300px;
    overflow: hidden;
    text-align: center;
}

#aboBoxesContainer .aboBox .aboText {
    position: absolute;
    top: 170px;
    left: 15px;
    width: 240px;
    /*height: 25px;*/
    padding: 10px 15px 10px 15px;
    background: #ffffff;
    border: 1px solid #cfcfcf;
}

#aboBoxesContainer .aboBox .aboText h2 {
    font-size: 15px;
    font-weight: bold;
    color: #212121;
}

#aboBoxesContainer .aboBox .aboText span {
    font-size: 11px;
    font-weight: bold;
    color: #666666;
}

.recommendationsContainer {
    position: relative;
    width: 590px;
    height: 230px;
    margin-bottom: 20px;
    padding: 20px 10px 0 20px;
    background: #ffffff;
    border: 1px solid #cfcfcf;
}

.recommendationsContainer h1 {
    font-size: 15px;
    font-weight: bold;
}

.recommendationsContainer .recommendations {
    position: absolute;
    bottom: 0;
}

.recommendationsContainer .recommendation {
    width: 290px;
    height: 190px;
    background: url(../img/flap_short_v2.png) bottom center no-repeat;
    float: left;
    /*border: 1px solid black;*/
}

.marginRight20 {
    margin-right: 10px;
}

.articleListContainer {
    width: 620px;
}

.articleListContainer .articleListHead {
    width: 582px;
    height: 26px;
    padding: 6px 20px 0px 20px;
    background: url(../img/bg_articlehead.png) top left repeat-x;
}

.articleListContainer .articleListHead h1 {
    font-weight: bold;
    font-family: georgia, sans-serif;
    font-size: 14px;
    color: #dddddd;
}

.articleListContainer .articleListHead .searchFilter {
    float: right;
    width: 258px;
}

.articleListContainer .articleListHead .searchFilter .sortSelect {
    margin-left: 10px;
    float: left;
}

.articleListContainer .articleListHead .searchFilter .sortSelect select {
    font-size: 11px;
    width: 142px;
    color: #666666;
    padding-top: 2px;
}

.articleListContainer .articleListHead .searchFilter .searchFilterLink {
    float: left;
    width: 105px;
    margin-top: 3px;
}

.articleListContainer .articleListHead .searchFilter .searchFilterLink a,
.articleListContainer .articleListHead .searchFilter .searchFilterLink a:hover {
    color: #ffffff;
    text-decoration: none;
    text-align: right;
    font-size: 11px;
    background: url(../img/form_expand_collapse.png) 100% -35% no-repeat;
    padding-right: 15px;
}

.articleListContainer .articleListHead .searchFilter .searchFilterLink a.expanded {
    background: url(../img/form_expand_collapse.png) 100% 120% no-repeat;
}

.articleListContainer .articleListContent {
    width: 620px;
    /*padding: 20px;*/
    background: #ffffff;
    border: 1px solid #cfcfcf;
    margin-bottom: 20px;
}

.articleListContainer .articleListContent #searchFilter {
    width: 580px;
    height: 80px;
    padding: 20px;
    background: url(../img/bg_searchfilter.png) top left repeat-x;
    display: none;
}

.articleListContainer .articleListContent #articleList {
    width: 580px;
    padding: 20px;
}

.articleContainer {
    position: relative;
    width: 290px;
    height: 190px;
    margin-bottom: 30px;
    /*border: 1px solid black;*/
}

.cartCrossSellingArticle .articleContainer {
    width: 130px;
    height: 200px;
    margin-right: 80px;
    float: left;
}

.articleContainer.TNR {
    width: 510px;
}

.articleContainer.HTNR {
    width: 230px;
}

.articleContainer.premiums {
    width: 280px;
}

.articleContainer a {
    text-decoration: none;
    color: #333333;
}

.articleContainer a:hover {
    text-decoration: none;
    color: #000000;
}

.articleContainer .articleImage {
    width: 100px;
    height: 150px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
    text-align: center;
}

.cartCrossSellingArticle .articleImage {
    width: 130px;
    margin-right: 0;
    text-align: left;
    clear: both;
}

.articleContainer.HTNR .articleImage {
    float: none;
    margin-right: 0;
    position: relative;
}

.articleContainer.HTNR .articleImage img {
    position: absolute;
    bottom: 0;
    left: 0;
}

.articleContainer .articleText,
.articleContainer.TNR .articleText,
.articleContainer.HTNR .articleText {
    position: relative;
    width: 160px;
    height: 160px;
    padding: 0;
    overflow: hidden;
    float: left;
    /*border: 1px solid black;*/
}

.articleContainer .articleText {
    height:180px;
}

.articleContainer.TNR .articleText {
    width: 390px;
    height: 165px;
}

.articleContainer.HTNR .articleText {
    width: 241px;
    height: 110px;
    margin-top: 20px;
    font-size: 11px;
}

.articleContainer.premiums .articleText {
    width: 120px;
}

.cartCrossSellingArticle .articleText {
    width: 160px;
    height: 60px !important;
}

.articleContainer .articleText .articleName,
.cartCrossSellingArticle .articleContainer .articleText .articleName {
    color: #333333;
    height: 45px;
    overflow: hidden;
}

.cartCrossSellingArticle .articleContainer .articleText .articleName {
    height: 60px;
}

.articleContainer.TNR .articleText .articleName {
    height: 30px;
}

.articleContainer.HTNR .articleText .articleName {
    height: 30px;
    overflow: visible;
}

.articleContainer.HTNR .articleText .articleName a,
.articleContainer.HTNR .articleText .articleName a:hover {
    color: #333333 !important;
    font-size: 14px;
    text-decoration: none;
}

.articleContainer .articleText .articleAttributes {
    height: 75px;
    overflow: hidden;
}

.articleContainer .articleText .articleAttributes.TOP_NOVELTY_TEASER {
    height: 56px;
}

.articleContainer .articlePrice,
.articleContainer.TNR .articlePrice,
.articleContainer.HTNR .articlePrice {
    position: absolute;
    bottom: 0;
    right: 20px;
    width: 200px;
}

.articleContainer.TNR .articlePrice {
    width: 385px;
    bottom: 0;
    right: 5px;
    /*border: 1px solid black;*/
}

.articleContainer.HTNR .articlePrice {
    position: relative;
    width: 220px;
    margin-top: 10px;
    right: 0;
}

.articleContainer .articlePrice.inArticleList {
    bottom: 0;
    right: 0;
    width: 160px;
}

.cartCrossSellingArticle .articleContainer .articlePrice {
    position: absolute;
    right: 0 !important;
    margin-top: 10px;
    width: 130px;
}

.articleContainer .articlePrice .price,
.articleContainer.TNR .articlePrice .price,
.articleContainer.HTNR .articlePrice .price {
    width: 120px;
    text-align: right;
    float: left;
}

.articleContainer.TNR .articlePrice .price {
    width: 200px;
    text-align: left;
    /*border: 1px solid black;*/
}

.articleContainer.HTNR .articlePrice .price {
    width: 148px;
    text-align: left;
    /*border: 1px solid black;*/
}

.articleContainer.HTNR .articlePrice .price .nettoPrice {
    font-size: 20px;
    /*color: #666666;*/
}

.articleContainer .articlePrice.inArticleList .price {
    width: 160px;
    text-align: left;
    clear: both;
}

.articleContainer .articlePrice .orderLink,
.articleContainer.TNR .articlePrice .orderLink,
.articleContainer.HTNR .articlePrice .orderLink {
    width: 70px;
    margin-top: 1px;
    float: left;
}

.articleContainer.TNR .articlePrice .orderLink,
.articleContainer.HTNR .articlePrice .orderLink {
    float: right;
}

.articleContainer.HTNR .articlePrice .orderLink a {
    text-decoration: none !important;
}

.articleContainer .articlePrice.inArticleList .orderLink {
    clear: both;
}

.nettoPrice {
    font-size: 15px;
    font-weight: bold;
    color: #666666;
}

.bruttoPrice {
    font-size: 11px;
    color: #666666;
}

.resultChooserContainer {
    width: 580px;
    padding: 20px;
}

.resultChooserContainer.noPadding {
    padding: 0;
}

.resultChooserContainer .resultChooser {
    width: 300px;
    text-align: right;
    font-size: 11px;
    float: right;
}

.resultChooserContainer .resultChooser a,
.resultChooserContainer .resultChooser a:hover {
    text-decoration: none;
    color: #666666;
}

.resultChooserContainer .resultChooser a.act {
    font-size: 13px;
    font-weight: bold;
}

.pagingContainer {
    text-align: right;
    font-size: 11px;
}

.pagingContainer a,
.pagingContainer a:hover {
    text-decoration: none;
    color: #666666;
}

#articleDetailTopContainer {
    width: 898px;
    height: 330px;
    border-top: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    background: #ffffff;
    padding: 20px 20px 10px 20px;
}

#articleDetailTopContainer.webinar {
    background: #ffffff url(../img/flap_short.png) 90% 100% no-repeat;
}

#articleDetailTopContainer.abo {
    background: #ffffff;
}

#articleDetailTopContainer.advert {
    background: #ffffff;
    height: 360px;
}

#outerArticleDetailBottomContainer {
    width: 100%;
    background: url(../img/upper_shadow_contentarea.png) top left repeat-x;        
}

#articleDetailBottomContainer {
    width: 942px;
    /*height: 100px;*/
    margin: -11px auto;
    padding: 30px 48px 0 50px;
}

#articleDetailLeftColumn {
    width: 620px;
    float: left;
    margin-right: 20px;
    /*border: 1px solid black;*/
}

#articleDetailRightColumn {
    width: 300px;
    float: left;
    /*border: 1px solid black;*/
}

#articleDetailTopContainer .articleDetailsRightSide {
    position: relative;
    height: 320px;
}

#articleDetailTopContainer .articleInfos {
    width: 440px;
    height: 250px;
    margin: 0 0 0 40px;
    float: left;
    position: relative;
    /*border: 1px solid black;*/
}

#articleDetailTopContainer .abo {
    height: 300px;
}

#articleDetailTopContainer .articleFunctions {
    position: relative;
    width: 210px;
    height: 250px;
    text-align: center;
    float: left;
    margin-left: 20px;
    /*border: 1px solid black;*/
}

#articleDetailTopContainer .scalePrice {
    clear: both;
    padding-top: 19px;
    /*border: 1px solid black;*/
}

#articleDetailTopContainer .scalePrice table {
    margin: 0 0 0 40px;
    font-size: 11px;
    color: #444444;
}

#articleDetailTopContainer .webinarImage {
    width: 250px;
    height: 250px;
    margin-right: 40px;
    overflow: hidden;
}

#articleDetailTopContainer .webinarTeaser {
    width: 580px;
    margin-top: 65px;
}

.webinarTeaser .webinarDate {
    font-size: 13px;
    font-weight: bold;
    color: #666666;
}

.webinarTeaser .webinarTitle {
    font-size: 15px;
    font-weight: bold;
    color: #222222;
    /*margin-bottom: 30px;*/
}

.webinarTeaser .webinarSubTitle {
    font-size: 13px;     
    margin-bottom: 30px;
}

.webinarTeaser .webinarText {

}

.articleDetailsRightSide .webinarPrice {
    position: absolute;
    top: 300px;
    left: 380px;
    font-size: 26px;
    font-weight: bold;
}

.articleDetailsRightSide .webinarPrice p {
    margin: 0;
    padding: 0;
}

.articleDetailsRightSide .webinarPrice span {
    font-size: 14px;
}

.articleDetailsRightSide .labelNew {
    position: absolute;
    top: 0;
    left: 350px;
    width: 104px;
    height: 104px;
}

.articleDetailsRightSide .labelAbo {
    position: absolute;
    top: 0;
    left: 340px;
    width: 104px;
    height: 104px;
}

.articleDetailsRightSide .labelWebinar {
    position: absolute;
    top: 0;
    left: 500px;
    width: 104px;
    height: 104px;
    background: url(../img/interferer/label_seminar.png) center center no-repeat;
}

.articleInfos .oneResult {
    font-weight: bold;
    height: 20px;
}

.articleInfos .articleAuthor {
    font-size: 11px;
    color: #666666;
}

.articleInfos .articleName,
.articleInfos .articleName1,
.articleInfos .articleName2,
.articleInfos .articleName3,
.articleInfos .articleName4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.articleInfos .withInterferer {
    width: 305px;
}

.articleInfos .articleName.withInterferer {
    margin-bottom: 0;
}

.articleInfos .articleName1,
.articleInfos .oneResult.nc1 {
    color: #C90420;
}

.articleInfos .articleName2,
.articleInfos .oneResult.nc2 {
    color: #FECD1A;
}

.articleInfos .articleName3,
.articleInfos .oneResult.nc3 {
    color: #0074B6;
}

.articleInfos .articleName4,
.articleInfos .oneResult.nc4 {
    color: #009011;
}

.articleInfos .articleShortDescription {
    font-size: 12px !important;
    color: #333333;
    font-weight: bold;
    height: 57px;
    overflow: hidden;
}

.articleInfos .articleShortDescription p,
.articleInfos .articleShortDescription span {
    font-size: 12px !important;
}

.articleInfos .articleShortDescription p strong {
    font-weight: inherit !important;
}

.articleInfos .shortDescriptionAbo {
    height: 130px;
}

.articleInfos .shortDescriptionAboSearch {
    height: 85px;
}

.articleInfos .articleAttributes {
    font-size: 11px;
    color: #444444;
    height: 45px;
}

.articleInfos .articlePrice {
    font-size: 11px;
    position: absolute;
    bottom: 3px;
    /*border: 1px solid black;*/
}

.articleInfos .articlePrice .nettoPrice,
.articleInfos .articlePrice .bruttoPrice {
    display: inline-block;
    min-width: 57px;
    height: 34px;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    padding: 3px 9px 3px 9px;
    margin-top: 20px;
    margin-right: 2px;
    float: left;
}

.articleInfos .articlePrice .nettoPrice {
    border-right: 3px solid #666666;
}

.articleInfos .articlePrice .nettoPrice span,
.articleInfos .articlePrice .bruttoPrice span {
    display: block;
    font-size: 10px;
    margin-top: -3px;
}

.articleInfos .articlePrice .articleStatusAVAILABLE {
    color: #00cc00;
    padding-bottom: 3px;
}

.articleInfos .articlePrice .articleStatusORDERABLE {
    color: #ff9900;
    padding-bottom: 3px;
}

.articleInfos .articlePrice .articleStatusNOTAVAILABLE {
    color: #cc0000;
    padding-bottom: 3px;
}

.articleFunctions ul {
    margin: 10px 0 10px 0;
    padding: 0;
    list-style: none;
    width: 137px;
    float: right;
}

.articleFunctions ul li {
    margin: 0;
    padding: 8px 10px 0 28px;
    border-top: 1px solid #cccccc;
}

.articleFunctions ul li.last {
    border-bottom: 1px solid #cccccc;
}

.articleFunctions ul li a,
.articleFunctions ul li a:hover {
    display: block;
    width: auto;
    height: 23px;
    font-size: 12px;
    color: #666666;
    text-decoration: none;
    text-align: left;
    padding: 0 0 0 17px;
    background-image: url(../img/functions_sprite.png);
    background-repeat: no-repeat;
}

.articleFunctions ul li a.extractPDF {
    background-position: 0 2px;
}

.articleFunctions ul li a.recommendation {
    background-position: 0 -67px;
}

.articleFunctions ul li a.print {
    background-position: 0 -33px;
}

#choosedPremium {
    margin-top: 20px;
    width: 440px;
}

#choosedPremium .delAddress,
#choosedPremium .premium {
    width: 160px;
    height: 40px;
    float: left;
}

#choosedPremium .premium {
    width: 270px;
}

#choosedPremium .premium .premiumImage {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border: 1px solid #cfcfcf;
    /*overflow: hidden;*/
    float: left;
}

#choosedPremium .premium .premiumImage #premiumImageTag {
    width: auto;
    height: auto;
    max-height: 30px;
    max-width: 30px;
}

#choosedPremium .premium .premiumText {
    font-weight: bold;
}

/*-------------------------------------------------------------------------- CONTENT | ARTICLE IMAGES SLIDE */

.articleImageSlideContainer {
    width: 180px;
    height: 310px;
    position: relative;
    /*margin: 10px 20px 0 20px;*/
    /*border: 1px solid black;*/
}

.imagePositionContainer {
    position: absolute;
    bottom: 0;
}

.AIInfoContainer {
    width: 180px;
    height: 30px;
}

.AICounter {
    width: 138px;
    text-align: center;
}

.AILeft,
.AIRight {
    /*margin-top: 70px;*/
}

.AILeft a,
.AIRight a,
.AILeft a:hover,
.AIRight a:hover {
    width: 21px;
    height: 17px;
    display: block;
    /*border: 1px solid black;*/
}

.AILeft a,
.AILeft a:hover {
    background: url(../img/imgnav_left.png) center center no-repeat;
}

.AIRight a,
.AIRight a:hover {
    background: url(../img/imgnav_right.png) center center no-repeat;
}

.zoomInView {
    width: 180px;
    text-align: center;
}

.zoomInView a,
.zoomInView a:hover {
    display: block;
    background: url(../img/magnifier_lightgray.png) center left no-repeat;
    text-decoration: none;
    color: #999999;
    font-size: 11px;
    padding-left: 17px;
    width: 95px;
    margin: 0 auto;
}

.AISlide {
    width: 180px;
    height: 280px;
    /*margin: 20px 0 0 0;*/
    /*border: 1px solid black;*/
}

.AI-jcarousellite {
    width: 180px;
    height: 280px;
    overflow: hidden;
    /*border: 1px solid black;*/
}

.AI-jcarousellite ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*float: left;*/
}

.AI-jcarousellite ul li {
    list-style: none;
    display: block;
    padding: 0;
    /*margin: 0 5px 0 5px;*/
    margin: 0;
    width: 180px;
    height: 270px;
    background: none;
    text-align: center;
    position: relative;
    /*border: 1px solid black;*/
}

.AI-jcarousellite ul li img {
    position: absolute;
    left: 0;
    bottom: 20px;
}

/*.AI-jcarousellite ul li a {*/
    /*font-size: 11px;*/
    /*color: #666666;*/
    /*text-decoration: none;*/
/*}*/

/*.AI-jcarousellite ul li a:hover {*/
    /*text-decoration: underline;*/
/*}*/

/*-------------------------------------------------------------------------- CONTENT | ARTICLE IMAGES SLIDE END */

div#softenBackground {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    background: #000000;
    display: none;
}

div#boxOverlayArticleImage,
div#boxOverlayPremium {
    position: absolute;
    top: 119px;
    margin-left: 100px;
    display: none;
    z-index: 2001;
    /*padding-bottom: 10px;*/
    background: url(../img/bg_overlay_box.png) top left no-repeat;
    width: 700px;
    height: 800px;
    /*min-height: 100px;*/
    padding: 0;
    /*height: 180px;*/
    overflow-x: hidden;
    overflow-y: hidden;
}

div#noticeOverlay {
    position: absolute;
    top: 230px;
    margin-left: 200px;
    display: none;
    z-index: 2001;
    background: url(../img/bg_overlay_box_notice.png) top left no-repeat;
    width: 450px;
    height: 210px;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.articleDetailViewOuterContainer {
    /*position: relative;*/
    width: 700px;
    height: 300px;
    /*border: 1px solid black;*/
}

.articleDetailViewOuterContainer.noticeOverlay {
    width: 450px;
    height: 210px;
}

.articleDetailViewContainer {
    width: 670px;
    height: 270px;
    margin-top: 25px;
    /*border: 1px solid black;*/
}

.articleDetailViewContainer.noticeOverlay {
    width: 380px;
    height: 200px;
    margin-top: 25px;
    padding: 20px;
    font-size: 12px;
    /*border: 1px solid black;*/
}

.closeArticleDetailView {
    position: absolute;
    top: 11px;
    right: 18px;
    z-index: 2002;
    /*border: 1px solid black;*/
}

.closeArticleDetailView a {
    width: 25px;
    height: 25px;
    display: block;
}

.contentFlowCaptionContainer {
    width:240px;
    height:270px;
    margin-left:40px;
    padding-left:10px;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}

.articleDetailViewContainer .prevArticleImage,
.articleDetailViewContainer .nextArticleImage {
    float: left;
    margin: 290px 29px 0 29px;
    width: 40px;
}

.articleDetailViewContainer .prevArticleImage.forPremiums,
.articleDetailViewContainer .nextArticleImage.forPremiums {
    margin: 130px 29px 0 29px;
}

.articleDetailViewContainer .prevArticleImage a,
.articleDetailViewContainer .nextArticleImage a {
    width: 41px;
    height: 36px;
    display: block;
}

.articleDetailViewContainer .prevArticleImage a {
    background: url(../img/carousel_arrow_left.png) center center no-repeat;
}

.articleDetailViewContainer .nextArticleImage a {
    background: url(../img/carousel_arrow_right.png) center center no-repeat;
}

.articleDetailViewContainer .articleDetailView {
    width: 470px;
    height: 640px;
    margin-top: 15px;
    float: left;
    overflow: auto;
    text-align: center;
    /*border: 1px solid black;*/
}

.articleDetailViewContainer .articleDetailView.forPremiums {
    height: 280px;
}

.articleDetailView .premiumTitle {
    width: 100%;
    text-align: center;
}

.articleDetailView .premiumTitle h1,
.premiumDescription h1 {
    font-size: 15px;
    font-weight: bold;
    color: #666666;
}

.articleDetailView .zoomImage {
    width: 450px;
    height: 250px;
    text-align: center;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

.premiumImage {
    margin-top: 3px;
    max-height: 247px;
    max-width: 450px;
}

.premiumDescription {
    margin: 0 29px 0 29px;
    width: 620px;
    height: 310px;
    overflow-y: auto;
}

.premiumArticleAttributes {
    text-align:left;
}

.premiumInformation {
    margin: 4px 29px 0 29px;
    height: 27px;
}

.articleDetailViewContainer .premiumTheme {
    width: 610px;
    margin: 40px 30px 10px 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cfcfcf;
    font-size: 15px;
    font-weight: bold;
}

.premiumChoose {
    clear: both;
    padding: 6px 30px 0 30px;
    height: 55px;
    width: 610px;
}

.premiumChoose .chooseElem {
    float: left;
    width: 184px;
}

.premiumChoose .chooseElem select {
    width: 180px;
}

.arrow,
.premiumChoose .arrow {
    font-size: 30px;
    color: #666666;
    font-weight: bold;
    /*border: 1px solid black;*/
    /*padding-bottom: 5px;*/
    margin: 0 10px 0 10px;
    /*padding-top: 0;*/
    height: 15px;
    margin-top: -4px;
    float: left;
}

.premiumChoose .arrow {
    margin-top: 4px;
    width: 30px;
}

.premiumChoose .button {
    margin-top: 8px;
}

#tabNavContainer {
    background: url(../img/bg_tabnav.png) bottom left repeat-x;
}

#tabNavContainer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#tabNavContainer ul li {
    margin: 0;
    padding: 0;
    display: inline;
}

#tabNavContainer ul li a,
#tabNavContainer ul li a:hover {
    float: left;
    display: block;
    /*height: 40px;*/
    font-size: 15px;
    font-weight: bold;
    color: #999999;
    text-decoration: none;
    padding: 0 0 0 20px;
    cursor: pointer;
}

#tabNavContainer ul li a.act,
#tabNavContainer ul li a:hover {
    color: #666666;    
}

#tabNavContainer ul li a.act {
    /*padding: 0 0 0 20px;*/
    background: url(../img/bg_tab_left.png) top left no-repeat;
}

#tabNavContainer ul li a span {
    display: block;    
    height: 20px;
    padding: 15px 30px 5px 0;
    background: url(../img/tabnav_separator.png) 100% 70% no-repeat;
}

#tabNavContainer ul li a span.lastTab,
#tabNavContainer ul li a span.beforeAct {
    background: none;
}

#tabNavContainer ul li a.act span {
    background: url(../img/bg_tab_right.png) top right no-repeat;
}

#articleDetailLowerContentContainer {
    width: 580px;
    clear: both;
    background: #ffffff;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    padding: 10px 20px 20px 20px;
    margin-bottom: 20px;
}

#articleDetailLowerContentContainer #lowerContent1 {

}

#articleDetailLowerContentContainer #lowerContent2,
#articleDetailLowerContentContainer #lowerContent3,
#articleDetailLowerContentContainer #lowerContent4,
#articleDetailLowerContentContainer #lowerContent1Title,
#articleDetailLowerContentContainer #lowerContent2Title,
#articleDetailLowerContentContainer #lowerContent3Title,
#articleDetailLowerContentContainer #lowerContent4Title {
    display: none;
}

#articleDetailLowerContentContainer #lowerContent3 {
    padding-top: 10px;
}

.authorContainer {
    /*width: 570px;*/
    margin-bottom: 30px;
}

.authorContainer .authorImage {
    width: 104px;
    height: 156px;
    overflow: hidden;
    float: left;
    margin-right: 35px;
    text-align: center;
}

.authorContainer .authorText {
    width: 430px;
    float: left;
}

.authorText p {
    font-size: 12px;
    font-weight: normal;
    color: #666666;
}

.pressCommentContainer {
    /*width: 570px;*/
    margin-bottom: 30px;
}

.pressCommentContainer .pressImage {
    width: 122px;
    height: 157px;
    overflow: hidden;
    float: left;
    margin-right: 35px;
    text-align: center;
}

.pressCommentContainer .pressText {
    width: 412px;
    float: left;
}

.contentSubHeadline {
    font-size: 12px;
    color: #444444;
    margin-bottom: 20px;
}

.downloadList {
    font-size: 15px;
}

.downloadList a {
    color: #444444 !important;
}

.downloadList span {
    font-size: 11px;
    color: #444444 !important;
}

/*-------------------------------------------------------------------------- CONTENT | PREMIUMS SLIDE */

.premiumsSlideContainer {
    width: 580px;
    height: 170px;
    margin: 10px 20px 0 20px;
    /*border: 1px solid black;*/
}

.premiumLeft,
.premiumRight {
    margin-top: 70px;
}

.premiumLeft a,
.premiumRight a,
.premiumLeft a:hover,
.premiumRight a:hover {
    width: 23px;
    height: 20px;
    display: block;
    /*border: 1px solid black;*/
}

.premiumLeft a,
.premiumLeft a:hover {
    background: url(../img/carousel_arrow_left_small.png) center center no-repeat;
}

.premiumRight a,
.premiumRight a:hover {
    background: url(../img/carousel_arrow_right_small.png) center center no-repeat;
}

.premiumSlide {
    width: 530px;
    height: 170px;
    /*margin: 20px 0 0 0;*/
    /*border: 1px solid black;*/
}

.premium-jcarousellite {
    width: 500px;
    height: 170px;
    overflow: hidden;
    /*border: 1px solid black;*/
}

.premium-jcarousellite ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*float: left;*/
}

.premium-jcarousellite ul li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0 5px 0 5px;
    /*margin: 0;*/
    width: 255px;
    height: 170px;
    background: none;
    /*border: 1px solid black;*/
}

.premium-jcarousellite ul li a {
    font-size: 11px;
    color: #666666;
    text-decoration: none;
}

.premium-jcarousellite ul li a:hover {
    text-decoration: underline;
}

.choosePremiumContainer {
    width: 580px;
    border-top: 1px solid #cfcfcf;
    margin: 20px auto 20px auto;
    padding: 20px 0 0 0;
    text-align: center;
}

/*-------------------------------------------------------------------------- CONTENT | PREMIUMS SLIDE END */

h1.headline,
h1.headlineMarginBottomOnly {
    font-size: 16px;
    font-weight: 600;
    color: #666666;
    margin: 10px 20px 20px 20px;
}

h1.headlineMarginBottomOnly.welcomePage {
    font-size: 24px;
    font-weight: 300;
}

#topNewReleasesContainerWideHead h1.headline {
    color: #ffffff;
    background: #999999;
    margin: 0;
    padding: 6px 13px 0 13px;
    width: 170px;
    height: 24px;
    float: left;
}

h1.headlineMarginBottomOnly {
    margin: 0 0 20px 0;
}

h2.contentHeadline {
    font-size: 15px;
    font-weight: bold;
    color: #666666;
    margin-bottom: 20px;
}

h2.contentHeadlineSmall {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 20px;
}

.noBulletsList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.noBulletsList li {
    margin: 0;
    padding: 0;
}

.noBulletsList li a {
    text-decoration: none;
    color: #666666;
}

.noBulletsList li a:hover {
    text-decoration: underline;
}

.recommendationBox {
    width: 600px;
    border: 1px solid #cfcfcf;
    background: #ffffff;
    padding: 20px;
}

.webinarInfoContainer {
    width: 580px;
    background: #ffffff url(../img/bg_webinarbox.png) bottom left repeat-x;
    border: 1px solid #cfcfcf;
    padding: 20px;
    margin-bottom: 20px;
}

#articleDetailRightColumn .articleVideoContainer {
    width: 302px;
    height: 260px;
    margin-bottom: 20px;
    background: url(../img/bg_videobox.png) bottom left no-repeat;
}

#articleDetailRightColumn .articleVideoContainer .videoPosition {
    border-top: 1px solid #ebecee;
    margin-top: -8px;
    /*padding-top: 10px;*/
}

#articleDetailRightColumn .articleVideoContainer .videoPosition div {
    margin: 10px auto;
}

#articleDetailRightColumn .relatedArticlesContainer {
    width: 300px;
    height: 100%;
    text-align: right;
    background: url(../img/bg_related_articles.png) top right no-repeat;
}

#articleDetailRightColumn .infoBoxContainer {
    width: 258px;
    border: 1px solid #cfcfcf;
    background: #ffffff;
    padding: 20px;
    margin-bottom: 20px;
}

#articleDetailRightColumn .infoBoxContainer.grayBg {
    background: url(../img/bg_searchfilter.png) top left repeat-x;
}

.infoBoxContainer h1 {
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 20px;
    width: 258px;
}

#articleDetailRightColumn .specialHeadContainer {
    width: 300px;
}

.specialHeadContainer .headBar {
    width: 260px;
    height: 25px;
    background: url(../img/bg_articlehead.png) top left repeat-x;
    padding: 7px 20px 0 20px;
}

.specialHeadContainer .headBar h1 {
    font-size: 14px;
    font-weight: bold;
    font-family: georgia, sans-serif;
    color: #dddddd;
}

.specialHeadContainer .contentArea {
    width: 258px;
    padding: 20px;
    margin-bottom: 20px;
}

.pressLeftSide,
.pressRightSide {
    width: 440px;
    height: 240px;
    float: left;
}

.pressReleaseList .pressRelease {
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #cccccc;
}

.pressReleaseArchiveList .pressRelease {
    padding: 15px 0 15px 0;
}

.pressRelease.archive {
    height: 100px;
}

.pressReleaseList p,
.pressReleaseArchiveList p {
    margin: 0;
}

.pressArchiveSplitFirst,
.pressArchiveSplitSecond {
    width: 410px;
    float: left;
    margin-right: 70px;
    /*border: 1px solid black;*/
}
.pressArchiveSplitSecond {
    margin-right: 0;
}

.pressReleaseHeadContainer {
    width: 580px;
    /*border: 1px solid black;*/
}

.pressReleaseHeadContainer .pressReleaseHeadInfo h2.contentHeadlineSmall {
    margin-bottom: 0 !important;
}

.pressReleaseHeadContainer .pressReleaseHeadInfo a {
    text-decoration: none;
    display: block;
    background: #ffffff url(../img/expand.png) 562px -132px no-repeat;
    padding: 3px 0 3px 0;
}

.pressReleaseHeadContainer .pressReleaseHeadInfo a:hover {
    text-decoration: none;
    background: #F5F5F5 url(../img/expand.png) 562px -132px no-repeat;
}

.pressReleaseHeadContainer .pressReleaseHeadInfo a.prOpened {
    background: #ffffff url(../img/expand.png) 562px 3px no-repeat;
}

.pressReleaseHeadContainer .pressReleaseHeadInfo a.prOpened:hover {
    background: #F5F5F5 url(../img/expand.png) 562px 3px no-repeat;
}

.pressReleaseContent {
    display: none;
    padding-top: 20px;
}


.boldLink,
.boldLink:hover {
    font-size: 12px;
    font-weight: bold;
    color: #444444;
    text-decoration: none;;
}

.boldLink span,
.boldLink:hover span {
    text-decoration: underline;
}

.bigBulletList {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
}

.bigBulletList li.first,
.bigBulletList li.second,
.bigBulletList li.third,
.bigBulletList li.fourth,
.bigBulletList li.fifth {
    margin: 20px 0 20px 0;
    padding: 0 0 0 25px;
}

.bigBulletList li.first {
    background: url(../img/bullet1.png) 0 0 no-repeat;
}

.bigBulletList li.second {
    background: url(../img/bullet2.png) 0 0 no-repeat;
}

.bigBulletList li.third {
    background: url(../img/bullet3.png) 0 0 no-repeat;
}

.bigBulletList li.fourth {
    background: url(../img/bullet4.png) 0 0 no-repeat;
}

.bigBulletList li.fifth {
    background: url(../img/bullet5.png) 0 0 no-repeat;
}

#searchContainer {
    width: 410px;
    height: 30px;
    margin: 40px auto;
    padding: 10px 0 0 0;
    background: url(../img/bg_search.png) center center no-repeat;    
}

#searchContainer div {
    width: 300px;
    height: 20px;
    margin: auto;
}

.singleArticle {
    width: 265px;
    /*height: 190px;*/
    position: relative;
}

.singleArticle table {
    border-collapse: collapse;
}

.singleArticleImage, .contentImage {
    width: 114px;
    /*height: 269px;*/
    /*float: left;*/
    /*margin-right: 10px;*/
    /*text-align: center;*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*border: 1px solid black;*/
}

.singleArticleText, .contentText {
    width: 130px;
    /*height: 90px;*/
    /*float: right;*/
    margin: 70px 0 0 20px;
}

.contentText .singleArticleName {
    height: 70px;
    font-size: 11px;
    /*border: 1px solid black;*/
}

.singleArticleText .singleArticleName {
    font-size: 11px;
}

.contentImage {
    width: 122px;
    top: 0;
}

.contentText {
    margin: 0 0 0 0;
    width: 140px;
}

.sitemapList ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sitemapList ul ul,
.sitemapList ul ul ul,
.sitemapList ul ul ul ul {
    margin: 0 0 0 20px;
}

.sitemapList ul li {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.sitemapList ul li li,
.sitemapList ul li li li,
.sitemapList ul li li li li {
    font-weight: normal;
}

.sitemapList a,
.sitemapList a:hover {
    text-decoration: none;
}

.manipulateFirstElement {}

.manipulateFirstElement p:first-of-type,
.manipulateFirstElement ul {
    margin-top: 0;
}

/*-------------------------------------------------------------------------- CONTENT | RELATED ARTICLES SLIDE */

.relatedArticleSlideContainer {
    width: 260px;
    height: 810px;
    margin-left: 38px;
    text-align: left !important;
    /*border: 1px solid black;*/
}

.RAUp,
.RADown {
    margin: 20px 0 20px 0;
    text-align: center;
}

.RAUp a,
.RADown a,
.RAUp a:hover,
.RADown a:hover {
    width: 36px;
    height: 41px;
    display: block;
    margin: 0 auto;
    /*border: 1px solid black;*/
}

.RAUp a,
.RAUp a:hover {
    background: url(../img/carousel_arrow_up.png) center center no-repeat;
}

.RADown a,
.RADown a:hover {
    background: url(../img/carousel_arrow_down.png) center center no-repeat;
}

.RASlide {
    width: 260px;
    height: 658px;
    /*margin: 20px 0 0 0;*/
    /*border: 1px solid black;*/
}

.RA-jcarousellite {
    width: 260px;
    height: 658px;
    overflow: hidden;
    /*border: 1px solid black;*/
}

.RA-jcarousellite ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*float: left;*/
}

.RA-jcarousellite ul li {
    list-style: none;
    display: block;
    padding: 0;
    /*margin: 0 5px 0 5px;*/
    margin: 0;
    width: 260px;
    height: 219px;
    background: none;
    /*text-align: center;*/
    /*border: 1px solid black;*/
}

.RA-jcarousellite ul li table {
    /*width: 260px;*/
    /*height: 269px;*/
    border-collapse: collapse;
}

.RA-jcarousellite ul li .relatedArticleImage {
    width: 124px;
    height: 219px;
    /*float: left;*/
}

.RA-jcarousellite ul li .relatedArticleText {
    width: 115px;
    /*height: 30px;*/
    /*float: left;*/
    padding: 0 20px 60px 0;
}

.RA-jcarousellite ul li .relatedArticleText .relatedArticleName {
    height: 90px;
    /*border: 1px solid black;*/
}

/*-------------------------------------------------------------------------- CONTENT | RELATED ARTICLES SLIDE END */

.commonContent,
.cmsContent {
    position: relative;
    width: 580px;
    background: #ffffff;
    border: 1px solid #cfcfcf;
    padding: 20px;
    margin-bottom: 20px;
}

.commonContent ul,
.cmsContent ul,
.commonContent ol,
.cmsContent ol {
    margin: 0;
}


.commonContent.grayBg {
    background: #e2e2e2;
}

.commonContent.noBorder {
    background: transparent;
    border: none;
}

.commonContent.wide {
    width: 900px;
}

.commonContent h1 {
    font-size: 16px;
    font-weight: 600;
    color: #666666;
    margin: 0 0 20px 0;
}

.siteTitle {
    width: 898px;
    height: 13px;
    background: url(../img/bg_sitetitle.png) top left repeat-x;
    border-top: 1px solid #cfcfcf;
    border-left: 1px solid #838383;
    border-right: 1px solid #838383;
    margin: 0 auto;
    padding: 6px 20px 10px 20px;
}

.siteTitle h1 {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    color: #484848;
    text-transform: uppercase;
}

#contentContainer {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    /*border: 1px solid black;*/
}

#contentContainer.shops {
    clear: both;
    width: 940px;
}

#contentContainer.popUp {
    width: 590px;
}

#contentColumn {
    width: 620px;
    margin-right: 20px;
    padding: 0;
    float: left;
}

#rightColumn {
    width: 300px;
    padding: 0;
    float: left;
}

.contentOfSite {
    width: 898px;
    margin: 0 auto 40px auto;
    padding: 20px;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    background: #ffffff;
}

.contentOfSite.further {
    border-top: 1px solid #cfcfcf;
}

.contentOfSite.wide {
    border-top: 1px solid #cfcfcf;
    margin: 0 auto 20px auto;
}

.insideContentContainer {
    border: 1px solid #cfcfcf;
    padding: 20px;
    margin-top: 40px;
}

.insideContentContainer.orderNewsletter {
    padding: 20px 0 20px 20px;
}

.insideContentContainer .leftArea {
    width: 300px;
    padding: 0;
    float: left;
    /*border: 1px solid black;*/
}

.insideContentContainer .rightArea {
    width: 550px;
    padding: 0;
    float: right;
    /*border: 1px solid black;*/
}

.rightArea .innerRightArea {
    margin-top: 20px;
}

.insideContentContainer h2 {
    font-size: 17px;
    color: #ff7f00;
    margin: 10px 0 0 0;
}

.insideContentContainer .outerNewsletterContainer {
    position: relative;
    width: 550px;
    height: 100px;
    padding: 20px 0 20px 0;
    /*border: 1px solid black;*/
}

.insideContentContainer .outerNewsletterContainer .newsletter {
    position: absolute;
    top: 0;
    right: -15px;
    width: 149px;
    height: 137px;
    background: url(../img/newsletter.png) top left no-repeat;
}

.insideContentContainer .newsletterContainer {
    width: 550px;
    height: 100px;
    /*margin: 18px 0 18px 0;*/
    background: #eeeeee;
    /*border: 1px solid black;*/
}

.labelTitle,
.labelTitleLeftSideTop,
.labelTitleRightSide,
.labelTitleRightSideTop {
    height: 40px;
    position: relative;
    left: -30px;
    background: url(../img/bg_label.png) top left no-repeat;
}

.labelTitleRightSide,
.labelTitleRightSideTop {
    /*position: absolute;*/
    left: 0;
    margin-right: -30px;
    background: url(../img/bg_label_right.png) top right no-repeat;
}

.labelTitleRightSideTop {
    margin-right: -10px;
}

.labelTitleLeftSideTop {
    top: -40px;
    left: -40px;
}

.labelTitle table,
.labelTitleLeftSideTop table,
.labelTitleRightSide table,
.labelTitleRightSideTop table {
    border-collapse: collapse;
}

.labelTitleRightSide table,
.labelTitleRightSideTop table {
    position: absolute;
    right: 0;
}

.labelTitle td,
.labelTitleLeftSideTop td,
.labelTitleRightSide td,
.labelTitleRightSideTop td {
    height: 30px;
    background: #999999;
    padding: 0 30px 0 31px;
    vertical-align: middle;
}

.labelTitle h2,
.labelTitleLeftSideTop h2,
.labelTitleRightSide h2,
.labelTitleRightSideTop h2 {
    /*font-size: 15px;*/
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    margin: 0;
}

.labelTitleRightSide h2 a,
.labelTitleRightSideTop h2 a,
.labelTitleRightSide h2 input {
    /*display: block;*/
    background: url(../img/arrow_labellink.png) center right no-repeat;
    padding-right: 12px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.labelTitleRightSide h2 input {
    border: none;
    cursor: pointer;
}

.labelTitleRightSide h2 a:hover,
.labelTitleRightSideTop h2 a:hover {
    text-decoration: underline;
}

.labelTitle h2 p {
    margin: 0 !important;
    padding: 0 !important;
}

#cartAssistant {
    width: 940px;
    height: 65px;
    margin: 0 auto;
}

#cartAssistant.step1 {
    background: url(../img/cart_assistant.png) 0 0 no-repeat;
}

#cartAssistant.step2 {
    background: url(../img/cart_assistant.png) 0 -76px no-repeat;
}

#cartAssistant.step3 {
    background: url(../img/cart_assistant.png) 0 -151px no-repeat;
}

#cartAssistant.step4 {
    background: url(../img/cart_assistant.png) 0 -226px no-repeat;
}

#cartAssistant.step5 {
    background: url(../img/cart_assistant.png) 0 -300px no-repeat;
}

#cartAssistant .step,
#cartAssistant .step.act {
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    float: left;
    width: 113px;
    height: 50px;
    margin: 0 50px 0 0;
    padding: 0 0 0 24px;
}

#cartAssistant .step.first {
    margin: 0 50px 0 50px;
}

#cartAssistant .step.last {
    margin: 0;
}

#cartAssistant .step.act {
    color: #ffffff;
}

#cartAssistant .step table {
    border-collapse: collapse;
}

#cartAssistant .step table td {
    height: 50px;
    vertical-align: middle;
}

.list,
.listGray {
    margin-top: 5px;
    font-size: 11px;
    width: 100%;
    border-collapse: collapse;
}

.list th,
.listGray th {
    background: #ffffff;
    color: #666666;
    padding: 5px 10px 5px 5px;
    font-size: 11px;
    text-align: left;
    font-weight: normal;
}

.listGray th.grayBackground {
    background: #c8c8c8;
    color: #525252;
}

.list .alignRight,
.listGray .alignRight {
    text-align: right;
}

.list .alignCenter,
.listGray .alignCenter {
    text-align: center;
}

.list th a,
.list th a:hover,
.listGray th a,
.listGray th a:hover {
    color: #666666;
    text-decoration: none;
    /*padding: 0 11px 0 0;*/
}

.list th.sortable a,
.listGray th.sortable a {
    background: url("../img/sort_off.png") center right no-repeat;
    padding: 0 11px 0 0;
}

.list th.order1 a,
.listGray th.order1 a {
    background: url("../img/sort_down.png") center right no-repeat;
    padding: 0 11px 0 0;
}

.list th.order2 a,
.listGray th.order2 a {
    background: url("../img/sort_up.png") center right no-repeat;
    padding: 0 11px 0 0;
}

.list tr.aggregate {
    background: #FFF5E5;
}

.list tr.aggregate td {
    font-weight: bold;
    border-top: 1px solid #FF9900;
    border-bottom: 1px solid #FF9900;
}

.list td,
.listGray td {
    padding: 5px 10px 5px 5px;
    vertical-align: top;
    /*border: 1px solid red;*/
}

.list td a,
.listGray td a {
    color: #666666;
    text-decoration: none;
}

.list td a:hover,
.listGray td a:hover {
    color: #666666;
    text-decoration: underline;
}

.list .even {
    background: #ffffff;
}

.list .odd {
    background: #ffffff;
}

.listGray .even {
    background: #ffffff;
}

.listGray .odd {
    background: #f2f2f2;
}

.list .captionCell,
.listGray .captionCell {
    padding: 5px;
}

.list .articleImg,
.listGray .articleImg {
    float: left;
    margin-right: 20px;
}

.list .netto,
.listGray .netto {
    float: right;
    padding-right: 40px;
}

.list .brutto,
.listGray .brutto {
    float: right;
    width: 70px;
    padding-right: 40px;
    /*border: 1px solid black;*/
}

.list .articleSum,
.listGray .articleSum {
    border-top: 1px solid #bbbbbb;
    padding: 13px 10px 13px 5px;
}

.list .groupTotalSum,
.list .totalSum,
.listGray .totalSum,
.listGray .groupTotalSum {
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    color: #444444;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 10px 8px 5px;
}

.list .totalSum,
.listGray .totalSum {
    font-size: 15px;
    padding: 15px 10px 15px 5px;
}

.list .bgGray,
.listGray .bgGray {
    background: #eeeeee;
}

.list .articleName,
.listGray .articleName {
    font-size: 13px;
    font-weight: bold;
    color: #333333;
}

.addressContainer {
    width: 520px;
    margin: 0 auto;
    /*border: 1px solid red;*/
}

.addressContainer.wide {
    width: 720px;
    margin: 0 0 0 188px;
    /*border: 1px solid red;*/
}

.addressContainer .addressLeft,
.addressContainer .addressRight {
    width: 250px;
    /*height: 255px;*/
    padding: 0;
    float: left;
    position: relative;
    /*border: 1px solid red;*/
}

.addressContainer .addressLeft {
    margin-right: 20px;
}

.address,
.addressContainer .address,
.addressContainer .paymentMethod {
    font-size: 15px;
    font-weight: bold;
    color: #444444;    
}

.address,
.addressContainer .address {
    line-height: 18px;
}

.addressContainer .paymentMethod {
    margin-right: 20px;
}

.addressContainer .savedAddresses {
    margin-top: 20px;
    /*position: absolute;*/
    /*bottom: 0;*/
}

.addressContainer .noticeText {
    width: 400px;
    padding: 0;
}

.italicText {
    font-style: italic;
    font-size: 11px;
    margin: 0 0 10px 0;
}

.infoText {
    font-size: 13px;
    font-weight: bold;
    color: #444444;
}

.infoTextRed {
    font-size: 15px;
    font-weight: bold;
    color: #ff0000;
}

.infoTextOrange {
    font-size: 15px;
    font-weight: bold;
    color: #ff7f00;
}

.boxSmall {
    width: 230px;
    height: 185px;
    border: 1px solid #cccccc;
    padding: 20px;
}

.boxSmall h2 {
    font-size: 15px;
    color: #999999;
}

.paymentDescription {
    font-size: 11px;
    font-weight: normal;
}

#orderConfirmationContainer {
    position: relative;
    width: 520px;
    height: 330px;
    margin: 0 auto 20px auto;
    padding: 20px;
    background: url(../img/bg_order_confirmation.jpg) top left no-repeat;
    border: 1px solid #cfcfcf;
}

#orderConfirmationContainer .orderConfirmationMessageTop {
    position: absolute;
    top: 130px;
    left: 20px;
    width: 520px;
}

#orderConfirmationContainer .orderConfirmationMessageMiddle {
    position: absolute;
    top: 190px;
    left: 20px;
    width: 520px;
    padding-bottom: 20px;
    border-bottom: 1px solid #999999;
}

#orderConfirmationContainer .orderConfirmationMessageBottom {
    position: absolute;
    top: 300px;
    left: 20px;
    width: 520px;
}

#orderConfirmationContainer .orderConfirmationMessageMiddle .leftSide,
.inContainerLeftSide {
    width: 350px;
    margin-right: 15px;
    float: left;
}

#orderConfirmationContainer .orderConfirmationMessageMiddle .rightSide,
.inContainerRightSide {
    width: 140px;    
    float: left;
}

#orderConfirmationContainer .orderConfirmationMessageBottom .leftSide {
    width: 60px;
    margin-right: 15px;
    float: left;
}

#orderConfirmationContainer .orderConfirmationMessageBottom .middle {
    width: 270px;
    margin-right: 15px;
    float: left;
}

#orderConfirmationContainer .orderConfirmationMessageBottom .rightSide {
    width: 140px;
    float: left;
}

.commonContainerCart {
    width: 520px;
    margin: 0 auto 20px auto;
    padding: 20px;
    border: 1px solid #cfcfcf;
}

.fieldsetContainer {
    width: 560px;
    margin: 20px auto 40px auto;
}

.registrationContainer {
    position: relative;
    width: 500px;
    margin: 20px auto 40px auto;
    padding: 30px;
    border: 1px solid #888888;
    background: #dddddd;
}

.noUnderlineLink {
    text-decoration: none;
    color: #666666;
}

.noUnderlineLink:hover {
    text-decoration: underline;
    color: #666666;
}

.registrationButtonPosition {
    width: 560px;
    margin: 0 auto;
}

.warningContainer {
    width: 435px;
    background: url(../img/warning_sign.png) top left no-repeat;
    padding-left: 65px;
}

.xSellingArticle-jcarousellite {
    float: left;
    width: 320px;
    height: 150px;
    border: 1px solid black;
}

.xSellingArticle-jcarousellite ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*float: left;*/
}

.xSellingArticle-jcarousellite ul li {
    list-style: none;
    display: inline;
    padding: 0;
    margin: 0;
    width: 240px;
    height: 150px;
    background: none;
    float: left;
    /*border: 1px solid black;*/
}
.slideBar {
    width: 220px;
    height: 26px;
    margin-top: 10px;
}

.slideBar .prev a,
.slideBar .next a,
.slideBar .prev a:hover,
.slideBar .next a:hover {
    width: 25px;
    height: 26px;
    display: block;
    /*border: 1px solid black;*/
}

.cartCrossSellingArticleContainer {
    width: 938px;
    margin: 0 auto 40px auto;
    padding: 0;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    background: #ffffff;
}

.cartCrossSellingArticleContainer h1 {
    background: #999999;
    color: #ffffff;
    font-size: 15px;
    padding: 6px 20px 6px 20px;
}

.cartCrossSellingArticleContainer .cartCrossSellingArticleInnerContainer {
    width: 898px;
    padding: 20px;
}

.cartCrossSellingArticleContainer .cartCrossSellingArticleInnerContainer .cartCrossSellingArticle {
    width: 760px;
    margin: 0 auto;    
}

/*-------------------------------------------------------------------------- CONTENT | GADGETS */



.bottomGadgetContainer {
    position: relative;
    width: 580px;
    margin-bottom: 20px;
    padding: 20px 20px 10px 20px;
    background: #ffffff;
    border: 1px solid #CFCFCF;
}

.bottomGadgetContainer .eventDate {
    color: #444444;
    font-size: 12px;
}

.bottomGadgetContainer .eventTeaser {
    color: #333333;
    font-size: 12px;
    font-weight: bold;    
}

.bottomGadgetContainer .eventTeaser.withInterferer {
    width: 450px;
}

.bottomGadgetContainer .eventContent {
    margin-top: 30px;
}

.bottomGadgetContainer .eventImage {
    width: 160px;
    margin-right: 20px;
    overflow: hidden;
    float: left;
}

.bottomGadgetContainer .eventText {
    width: 400px;
    float: left;
}

.bottomGadgetContainer .eventLinkMore a {
    /*width: 580px;*/
    /*text-align: right;*/
    /*float: right;*/
}

.bottomGadgetContainer .eventLinkMore {
    margin-bottom: 30px;
    text-align: right;
}

.bottomGadgetContainer h1,
.rightGadgetContainer h1 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 35px;
}

.rightGadgetContainer h1 {
    margin-bottom: 0;
    padding: 0;
}

.rightGadgetContainer h1.withInterferer {
    width: 170px;
}

.rightGadgetContainer div.withInterferer {
    width: 170px;
}

.rightGadgetContainer {
    width: 260px;
    margin-bottom: 20px;
    padding: 20px;
    position: relative;
}

.rightGadgetContainer.bannerBox {
    width: 300px;
    /*height: 250px;*/
    padding: 0;
}

.rightGadgetContainer.commonBox {
    width: 258px;
    background: #ffffff;
    border: 1px solid #cfcfcf;
}

.rightGadgetContainer.contentBox {
    width: 258px;
    border: 1px solid #cfcfcf;
    background: #ffffff;
    /*background: #ffffff url(../img/bg_content_box.png) top left no-repeat;*/
}

.rightGadgetContainer.contentBox .textUnderline {
    border-bottom: 1px solid #cccccc;
    padding: 0 0 1px 0;
    margin-bottom: 5px;
}

.rightGadgetContainer.contentBox .gadgetContent {
    margin-top: 25px;
}

.rightGadgetContainer.contentBox .gadgetContent img {
    margin: 3px 10px 0 0;
}

.rightGadgetContainer.contentBox .gadgetFooter {
    margin-top: 10px;
    text-align: right;
}

.rightGadgetContainer.coverFlow {
    border: 1px solid #cfcfcf;
    background: #ffffff;
    width: 300px;
    padding: 20px 0 0 0;
}

.rightGadgetContainer.newsletterBox {
    width: 258px;
    border: 1px solid #cfcfcf;
    background: url(../img/bg_newsletter_box.png) top left no-repeat;    
}

.rightGadgetContainer.newsletterBox .textUnderline {
    background: url(../img/underline_newsletter_box.png) bottom left repeat-x;
    padding: 0 0 1px 0;
}

.rightGadgetContainer.contentBox h1,
.rightGadgetContainer.newsletterBox h1 {
    font-size: 15px;
    font-weight: bold;
    /*margin: 3px 0 20px 0;*/
    margin: 3px 0 9px 0;
}

.rightGadgetContainer.newsletterBox h1 {
    width: 180px;
    /*margin: 3px 0 9px 0;*/
}

.bottomGadgetContainer .labelInterferer,
.rightGadgetContainer .labelInterferer,
.rightGadgetContainer .labelNewsletter {
    position: absolute;
    top: -15px;
    left: 190px;
    width: 104px;
    height: 104px;
}

.rightGadgetContainer .labelInterferer {
    left: 200px;
    width: 85px;
    height: 85px;
}

.bottomGadgetContainer .labelInterferer {
    top: 5px;
    left: 490px;
}

.rightGadgetContainer .labelNewsletter {
    top: -15px;
    left: 205px;
    width: 76px;
    height: 76px;
    background: url(../img/label_newsletter.png) center center no-repeat;
}

.rightGadgetContainer.newsletterBox .textSizeFooter {
    font-size: 11px;
}

/*-------------------------------------------------------------------------- FOOT */

#outerFoot {
    width: 100%;
    height: 279px;
    background: url(../img/bg_foot.png) top left repeat-x;
}

#foot {
    width: 920px;
    height: 224px;
    margin: 20px auto;
    padding: 35px 50px 0 70px;
}

#foot .navColumn {
    width: 220px;
    margin-right: 10px;
    float: left;
    /*border: 1px solid black;*/
    font-size: 11px;
    color: #dddddd;
}

.navColumn h3 {
    font-size: 15px;
    color: #f2eb80;
    font-weight: bold;
}

.navColumn .hotline {
    background: url(../img/icon_phone.png) 0 17px no-repeat;
    color: #ffffff;
    font-size: 19px;
    font-weight: bold;
    padding: 19px 0 3px 35px;
}

.navColumn table {
    font-size: 11px;
    color: #dddddd;
    margin-bottom: 20px;
}

.navColumn ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.navColumn li,
.navColumn li.noBullet {
    margin: 0;
    padding: 0 0 0 20px;
    background: url(../img/bullet_footlist.png) top left no-repeat;
}

.navColumn li.noBullet {
    padding: 0;
    background: none;
}

.navColumn li a {
    text-decoration: none;
    color: #dddddd;
}

.navColumn li a:hover {
    text-decoration: none;
    color: #ffffff;
}

.navColumn .newsletterSubscribe {
    margin-top: 32px;
}

.navColumn .subscribe {
    width: 215px;
    text-align: right;
    margin-top: 10px;
}

.navColumn .newsletterNotice {
    font-size: 10px;
    font-style: italic;
    color: #aaaaaa;
    margin-top: 10px;
}

.navColumn .paymentMethods {
    width: 190px;
    background: url(../img/payment_methods.png) 20px 0 no-repeat;
    padding: 75px 0 0 0;
    margin-top: 20px;
}

.navColumn .footNav {
    margin-top: 50px;
}

.iFrame {
    margin: 50px auto 40px auto;
    background: #ffffff;
}

/*-------------------------------------------------------------------------- ORDER HISTORX */

.butCart {
    border: none;
    background: url(/img/but_cart_history.png) center center no-repeat;
    width: 54px;
    height: 20px;
    cursor: pointer;
}

div#boxOverlay {
    position: absolute;
    top: 200px;
    left: 270px;
    display: none;
    z-index: 5000;
    padding-bottom: 10px;
    background: #ffffff;
    border: 1px solid #c8c9c1;
    width: 638px;
    height: 400px;
    /*height: 180px;*/
    overflow-x: hidden;
    overflow-y: auto;
}

div#boxOverlayHead {
    position: relative;
    top: 0;
    width: 595px;
    padding: 5px 10px 10px 10px;
    color: #333333;
    font-weight: bold;
    font-size: 12px;
}

div#boxOverlayContent {
    position: relative;
    top: 0;
    width: 595px;
    height: 270px;
    overflow: auto;
    padding: 0;
}

div#boxOverlayFoot {
    position: relative;
    width: 595px;
    padding: 10px 10px 5px 10px;
}

.previewLinks {
    position: relative;
}

.previewOverlayContainer {
    position: absolute;
    top: 20px;
    left: 50px;
    z-index: 10;
    width: 500px;
    display: none;
}

.previewOverlayContainer .previewHead {
    width: 500px;
    height: 15px;
    background: url(/img/bg_preview_overlay_head.png) top left no-repeat;
}

.previewOverlayContainer .previewBody {
    width: 430px;
    padding: 0 40px 0 30px;
    background: url(/img/bg_preview_overlay_body.png) top left repeat-y;
}

.previewOverlayContainer .previewFoot {
    width: 500px;
    height: 20px;
    background: url(/img/bg_preview_overlay_foot.png) top left no-repeat;
}

.previewBody .articleImgAndName {
    width: 430px;
    /*height: 80px;*/
}

.articleImgAndName .articleImg {
    width: 100px;
    min-height: 140px;
    margin-right: 20px;
    /*overflow: hidden;*/
    float: left;
}

.articleImgAndName .articleNameAndText {
    width: 310px;
    float: left;
}

.articleNameAndText .articleName {
    font-size: 15px;
    font-weight: bold;
    height: 50px;
}

.articleNameAndText .articleText {
    line-height: 15px;
}

.articlePreview {
    display: block;
    margin-top: 3px;
    float: left;
}

.articleDownload {
    display: block;
    float: right;
    background-color: #009900;
    color: #ffffff !important;
    border-radius: 5px;
    padding: 3px 5px 3px 5px;
}

.articleDownload:hover {
    text-decoration: none !important;
}