/* main.css */

/**
* Definition der Easy-Clearing-Klasse
* (http://www.positioniseverything.net/easyclearing.html) 
*/

.clear:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
} 

.clear { 
display: inline-table; 
}

/* Hides from IE-mac */
* html .clear { 
height: 1%;
}

.clear { 
display: block; 
}
/* End hide from IE-mac */

BODY {
    font-family: Arial,Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    background: #000000 url(assets/theme_2_body_bg_black.png) no-repeat top center;
    margin: 0 0 30px 0;
    padding: 0;  
}

input, select {
    margin: 0;
    padding: 2px;
    font-family: Arial,Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #333;
    border: 1px solid #d5d7db;
}

.inputQuantity {
    width: 20px;
    text-align: center;
    color: #333;
    border: 1px solid #d5d7db;
}

a {
    margin: 0;
    padding: 0;
    color: #ffffff;
    text-decoration: none;
}

form, fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.img_plain {
    border: 0;
}

.img_productIcon {
    border: 0;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}


#page { 
    display: block;
    margin: 0 auto;
    width: 920px;
}


/* Header */
#pageHeaderWrapper {
    padding: 0;
}

#pageHeader {
    position: absolute;
    display: block;
    border: 0;
    height: 150px;
    width: 920px;
    top: 0;
    padding: 0;
    background: url(assets/theme_2_header_bg_demo-trans.png) no-repeat top center;
}

#appTitle {
    font-size: 20px;
    font-weight: bold;
    margin: 80px 0 0 0;
    background: url(assets/theme_2_default_logo-trans.png) no-repeat;
    height: 50px;
    padding: 25px 0 0 63px;
}

/* Content */
#pageContent {
    display: block;
    width: 920px;
    border: 0;
    /*background: url(assets/pv_content_bg-trans.png) repeat-y;*/
    margin: 0;
    padding: 10px 0 20px 0;
}

/** html #pageContent {
    background: url(assets/pv_content_bg_ie6-trans.png) no-repeat;
}*/ 

/* Header */
/* Footer */
#pageFooter {
    clear: both;
    display: block;
    margin: 0 auto;
    width: auto;
    border: 0;
    height: 80px;
    background: url(assets/theme_2_footer_bg_black.png) no-repeat top center;
    padding: 8px 0 0 0;
}

#pageFooterContent {
    display: block;
    margin-top: 0;
    border: 0;
    height: 80px;
    line-height: 30px;
    text-align: center;
    color: #7d7d7d;
}

#pageFooterContent a { 
    color: #7d7d7d;
}


#logoBottom {
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
    color: #7d7d7d;
    height: 20px;
    line-height: 20px;
}

#logoBottom a {
    background: url(assets/xxlpix_logo_footer-trans.png) no-repeat;
    padding: 0px 0 1px 73px;
    color: #7d7d7d;
    height: 16px;
    line-height: 16px;
    text-decoration: none;
}

/* Menu Top */
#menuTopWrapper {
    float: right;
    display: block;
    height: 36px;
    border: 0;
    /*background: url(assets/pv_menu_top_bg.png) repeat-x;*/
    margin: 110px 5px 0 0;
    padding: 0;   
}

#menuTop {
    float: left;
    height: 36px;
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;    
}

#menuTop li {
    /* html width: 50px;  */
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
    border-right: 1px solid #ffffff;
    /*height: 36px; */
    /*background: url(assets/pv_menu_top_divider.png) no-repeat right;*/
}

* html #menuTop li {
    width: 50px;
}

#menuTop a {
    position: relative; 
    width: 100%;
    display: block;
    font-family: Arial,Helvetica, sans-serif;
    font-size: 14px;
    /*line-height: 36px;*/
    /*height: 36px;*/
    font-weight: normal;
    color: #ffffff;
    text-decoration: none;
    margin-right: 10px;
}

#menuTop a:hover {
    text-decoration: underline;
    color: #ffffff;
}

#menuTop li p{
    position: relative; 
    width: 100%;
    margin: 0;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    /*line-height: 36px;*/
    /*height: 36px;*/
    font-weight:normal;
    color: #ffffff;
    text-decoration: underline;
    margin-right: 10px;
    cursor: default;
}

#menuTop li.last {
    border: 0;
}

/* Language Selector */
#languageSelector {
    position: relative;
    padding: 0;
    top: 150px;
    left: 800px;
    /*border: 1px solid white;*/
    height: 12px;
    width: 105px;
    text-align: right;
    /*margin: 0 16px 0 0;*/  
}

* html #languageSelector {
    margin-right: 8px;  
}

#languageSelector a {
    margin: 0 0 0 3px;
    padding: 0;
    float: right;
    /*border: 1px solid white;*/
    text-decoration: none;
    line-height: 1px;
}

#languageSelector a img {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Navigation Path */

#naviPath {
    /*position: relative;*/
    clear: both; 
    display: block; 
    height: 18px;
    width: 770px;
    border: 0;
    /*background: url(assets/pv_navi_path_bg.png) repeat-x;*/
    margin: 0 15px 0px 0;
    top: 33px;
    padding: 0px 10px;
    font-family: Arial,Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 18px;
    font-weight: normal;
    color: #555;
    text-decoration: none;
    cursor: default; 
}

#naviPath a, #naviPath p {
    position: relative; 
    float: left;
    display: block;
    font-family: Arial,Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 18px;
    height: 18px;
    font-weight: normal;
    color: #999999;
    text-decoration: none;
    padding: 0 2px 0 0;
    margin: 0;
}

#naviPath a:hover {
    color: #ffffff; 
}  

#naviPath span {
    float: left;
    margin-right: 2px;
}

#naviPath .position {
    float: left;
    display: none;
    visibility: hidden;
    font-family: Arial,Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 18px;
    height: 18px;
    font-weight: normal;
    color: #999999;
    text-decoration: none;
    padding: 0 2px 0 0;
    margin: 0;
}


/* Content Spalten */
#columnLeft { 
    float: left;
    width: 230px;
    margin: 0;
    padding: 30px 0 20px 0px;
    height: auto;
}

#columnMain {
    float: none;
    position: relative;  
    margin-left: 260px; 
    padding: 30px 0 20px 0;
    height: auto; 
/*    width: auto; */
}  

* html #columnMain {
   float: left;  
    margin-left: 30px; 
    padding: 30px 0 20px 0px;
    width: auto;
}

#columnMain.columnSingle {
    float: none;
    position: relative;  
    margin-left: 0px; 
    padding: 10px 0 20px 0;
    height: auto;    
}


* html #columnMain.columnSingle {
   float: left;  
    margin-left: 0px; 
    padding: 30px 0 20px 0px;
    width: auto;
} 

#columnRight {

}


/* Content Boxen */
/* Links oder Rechts - kleine Boxen */
.box_1,.box_2, .box_3 {
    position: relative;
    display: block;
    margin: 0;
    margin-bottom: 10px;
    padding: 10px 0 0 5px;
    background: url(assets/box_top_divider-trans.png) no-repeat;
}

* html .box_1, * html .box_2, * html .box_3 {
    margin-bottom: 8px;
}

a.box_1_Header, a.box_1_Header:link, a.box_1_Header:visited, a.box_1_Header:active, a.box_1_Header:hover,
a.box_2_Header, a.box_2_Header:link, a.box_2_Header:visited, a.box_2_Header:active, a.box_2_Header:hover,
a.box_3_Header, a.box_3_Header:link, a.box_3_Header:visited, a.box_3_Header:active, a.box_3_Header:hover {
    color: #FFFFFF;
    display: block;
    /*float: left;*/
    font: bold 14px Arial, Helvetica, sans-serif;
    text-decoration: none; 
    /*height: 27px;*/
    margin: 0;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
    cursor: hand;
    width: auto; 
}

a.box_1_Header span, a.box_1_Header:link span, a.box_1_Header:visited span, a.box_1_Header:active span, a.box_1_Header:hover span,
a.box_2_Header span, a.box_2_Header:link span, a.box_2_Header:visited span, a.box_2_Header:active span, a.box_2_Header:hover span,
a.box_3_Header span, a.box_3_Header:link span, a.box_3_Header:visited span, a.box_3_Header:active span, a.box_3_Header:hover span {
    display: block;
    font: bold 14px Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: left;
    /*line-height: 27px;*/
    padding-left: 10px;
    cursor: hand;
}

/* Black Header */
/*a.box_1_Header, a.box_1_Header:link, a.box_1_Header:visited, a.box_1_Header:active, a.box_1_Header:hover {
    background: none;
}

a.box_1_Header span, a.box_1_tHeader:link span, a.box_1_Header:visited span, a.box_1_Header:active span, a.box_1_Header:hover span {
    background: none;
}  */


/* Grey Header */
a.box_2_Header, a.box_2_Header:link, a.box_2_Header:visited, a.box_2_Header:active, a.box_2_Header:hover {
    /*background: url(assets/pv_box_header_grey_right.png) no-repeat top right;*/
}

a.box_2_Header span, a.box_2_tHeader:link span, a.box_2_Header:visited span, a.box_2_Header:active span, a.box_2_Header:hover span {
    /*background: url(assets/pv_box_header_grey_left.png) no-repeat top left;*/
}

/* Green Header */
a.box_3_Header, a.box_2_Header:link, a.box_2_Header:visited, a.box_2_Header:active, a.box_2_Header:hover {
    /*background: url(assets/pv_box_header_green_right.png) no-repeat top right;*/
}

a.box_3_Header span, a.box_2_tHeader:link span, a.box_2_Header:visited span, a.box_2_Header:active span, a.box_2_Header:hover span {
    /*background: url(assets/pv_box_header_green_left.png) no-repeat top left;*/
}


.box_1_Footer, .box_2_Footer, .box_3_Footer {
    color: #FFFFFF;
    display: block;
    text-decoration: none; 
    height: 5px;
    line-height: 5px;
    font-size: 1px;
    margin: 0;
    padding: 0; 
    padding-right: 5px; /* sliding doors padding */
    cursor: default;
   /* background: url(assets/pv_box_footer_right_bg.png) no-repeat top right;*/
    width: auto; 
}

.box_1_Footer span, .box_2_Footer span, .box_3_Footer span {
    display: block;
    margin: 0;
    padding: 0;
    font: bold 12px Arial,Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    line-height: 5px;
    height: 5px;
    cursor: default;
   /* background: url(assets/pv_box_footer_left_bg.png) no-repeat top left;*/
}

.box_1_Content, .box_2_Content, .box_3_Content {
    clear: both;
    display: block;
    width: auto;
    /*background: #f6f7f8 url(assets/pv_content_top_shadow-trans.png) no-repeat top left;*/
    padding: 10px 10px 1px 10px;
    border-bottom: 0px;
}



.box_1_ContentTable td {
    font-size: 12px;
    color: #999999;
    line-height: 20px;
}

.box_1_Content p, .box_2_Content p, .box_3_Content p {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 12px;
    color: #ffffff;
    line-height: 16px;
}

.box_1_Content h1 {
    margin: 10px 0 5px 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    line-height: 16px;
}

.box_1_Content a, .box_2_Content a, .box_3_Content a {
    color: #898989;
    display: block;
    /*float: left;*/
    font: 12px Arial,Helvetica, sans-serif;
    text-decoration: none; 
    line-height: 18px;
    margin-bottom: 7px;
    text-decoration: underline;
    cursor: hand;
}

.box_1_Content a:hover, .box_2_Content a:hover, .box_3_Content a:hover {
    color: #ffffff;
}

/* Box cart */
#box_table_cart {
    border-collapse: collapse;
    border: 0;
    width: 100%;    
}

#box_table_cart td {
    padding: 8px 2px 4px 0;
    font-size: 11px;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 16px;
}

#box_table_cart td.th {
    padding-left: 2px;
}

#box_table_cart td.td_end {
    padding-right: 20px;
}  

.cart_thumb img {
    height: 30px;
    padding: 0;
    margin: 0 4px 0 0;
    border: 0;
}

#box_cart_total {
    margin: 0 auto;
    overflow: hidden;
    background: none;
    border-top: 1px solid #FFFFFF;
    padding: 10px 20px;  
}

.item_separator {
    background: url(assets/box_content_divider.png) no-repeat bottom center;
}

.last_item_separator {
    border-bottom: 2px solid #e5e5e5;
}

/* Box Categories */
#contentCategories {
    /*display: none;*/
}

.treeview, .treeview ul { 
    font-size: 12px;
    color: #ffffff;
}

.treeview .hover { cursor: pointer; color: #777777;}

.treeview-famfamfam li { background-image: none; }
.treeview-famfamfam li a {color: #ffffff; }

.treeview a:hover {
    color: #777777;
    outline: none;
}

.treeview a.selected {
	/*background-color: #eee;*/
    color: #777777;
    outline: none;
}

/* Box Suche */
#form_search_items {
    margin-bottom: 8px;
}

#itemSearch { 
    float: left;
    width: 160px;
    border: 1px solid #d5d7db;
    margin: 0;
}


#box_search_button {
    float: left;
    border: 0px;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 22px;
    cursor: pointer;
    background: url(assets/btn_box_search-trans.png) no-repeat;
}

/** html #box_search_button {
    width: 25px;
    margin-left: -3px;
} */

#box_search_extended {
    clear: both;
    margin: 5px 0 0 0;
    padding: 0;
}

#box_newsletter {
    float: left;
    width: 155px;
    border: 1px solid #d5d7db;
    margin: 0;
    font-style: italic;
    color: #777;
}

.box_new_item {
    margin: 0;
    padding: 7px 0 3px 0;
    background: url(assets/box_content_divider.png) no-repeat bottom center;
}

.box_new_item_img a {
    float: left;
    display: block;
    width: 50px;
    padding: 0;
    margin: 0 7px 0 0;
}

.box_new_item_img a img {
    /*height: 30px;*/
    padding: 0;
    margin: 0;
    border: 0;
}

.box_new_item h3 {
    margin: 1px 0 0 0;
    padding: 0;
    font: normal 12px Arial,Helvetica, sans-serif;
    color: #898989;
}

.box_new_item h3 a {
    font: normal 12px Arial,Helvetica, sans-serif;
    color: #898989;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.box_new_item_price {
    display: block;
    margin: 3px 0 0 0px;
    white-space: nowrap;
    font: normal 12px Arial,Helvetica, sans-serif;
    color: #898989;    
} 

.box_new_item_price span {
    margin: -2px 0px 0 3px;
    padding: 0;
    font: bold 12px Arial,Helvetica, sans-serif;
    color: #ffffff;    
}

.box_new_item br {
    clear: both;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 1px;
}

.last_item {
    background-image: none;
}



/* Container */
.container_1, .container_2, .container_4 {
    display: block; 
    margin: 0 0 10px 0;
    padding-top: 10px;
    background: url(assets/container_top_divider-trans.png) no-repeat;
   /* width: 100%; */
    /*min-height: 100px;*/
}

.container_2 {
    margin-bottom: 42px;
}

.container_4 {
    padding-top: 0;
}

.container_1 h1, .container_2 h1 {
    display: block;
    margin: 0;
    padding: 0;
    font: bold 14px Arial,Helvetica, sans-serif;
    color: #ffffff;
    /*height: 27px;
    line-height: 27px;*/
}

.container_2 h1 {
    margin: 0 0 10px 0;
}

.container_1 h1 span, .container_2 h1 span {
    color: #ffffff;
}

.container_1 h2, .container_2 h2, .container_3 h2, .container_4 h2 {
    color: #999999;
    font-size: 14px;    
}

.container_1_Footer, .container_2_Footer, .container_3_Footer, .container_4_Footer {
    color: #FFFFFF;
    display: block;
    text-decoration: none; 
    height: 32px;
    line-height: 32px;
    font-size: 1px;
    margin: 0;
    padding: 0; 
    padding-right: 0; /* sliding doors padding */
    cursor: default;
    /*background: url(assets/pv_container_footer_right_bg.png) no-repeat top right;*/
    width: auto;
    white-space: nowrap; 
}

.container_1_Footer span, .container_2_Footer span, .container_3_Footer span, .container_4_Footer span {
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-align: left;
    line-height: 32px;
    height: 32px;
    cursor: default;
    /*background: url(assets/pv_container_footer_left_bg.png) no-repeat top left;*/
    white-space: nowrap;
}

.container_1_Content, .container_2_Content, .container_3_Content, .container_4_Content {
    display: block;  
    /*background: url(assets/pv_content_top_shadow_light-trans.png) no-repeat top left;*/
    padding: 5px 8px 10px 0px;
    border-bottom: 0px;
    margin: 0;
    /*min-height: 100px;*/
     overflow: hidden;
}

.container_2_Content {
    padding: 0px 0px 10px 0px;  
}

.container_1_Content p, .container_2_Content p, .container_3_Content p, .container_4_Content p {
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;  
}

/* Container Welcome */
#Welcome img {
    float: right;
    margin: 0 0 0 20px;
}

/* Container Gallery */
.paginationWrapper {
    font-size: 12px;
}

.paginationWrapper a {
    display: block;
    height: 17px;
    line-height: 17px;
    padding: 0 4px 0 4px;
    text-align: center;
    border: 1px solid #333;
}

.paginationWrapper a.active {
    background: #999;
}

.container_item_wrapper {
    float: left;
    width: 150px;
    margin: 8px 10px 0 0;
    padding: 7px 0 4px 0;
    background: url(assets/gallery_item_bg_top-trans.png) no-repeat;
}

.container_item {
    display: block;
    padding: 5px 0 2px 0;
    background: #3c3c3c url(assets/gallery_item_bg_bottom.png) no-repeat bottom left;
    cursor: default;
}

/*.container_item:hover {
    background: url(assets/pv_container_item_hover_bg.png) no-repeat bottom left;
} */

.container_img {
    /*position: relative;*/
    width: 100%;
    height: 103px;
    text-align: center;
    /*vertical-align: bottom;*/
    margin: 0 auto;
    table-layout:fixed;
    border: 0;
    border-spacing: 0;
}

.gallery_img_thumb {
    border: 0;
} 

.container_img td {
    width: 100%;
    vertical-align: bottom;
    text-align: center;
    padding: 0;
} 

.container_img a {
    border: 0;
}  

.container_item h2 {
    display: block;
    margin: 5px 0 0 25px;
    width: 125px;
    font: bold 10px Arial,Helvetica, sans-serif;
    color: #ffffff;    
}

.container_item p {
    display: block;
    margin: 3px 0 0 25px;
    width: 125px;
    font: normal 10px Arial,Helvetica, sans-serif;
    color: #bcbcbc;    
}

.container_item_price {
    display: block;
    margin: 2px 0 0 25px;
    width: 125px;
    font: normal 10px Arial,Helvetica, sans-serif;
    color: #bcbcbc;    
} 

.container_item_price span {
    margin: -2px 15px 0 3px;
    padding: 0;
    font: bold 12px Arial,Helvetica, sans-serif;
    color: #ffffff;    
}

.btn_item_details,
.btn_item_details a,
.btn_item_details a:link,
.btn_item_details a:visited,
.btn_item_details a:active,
.btn_item_details a:hover,
.btn_item_order,
.btn_item_order a,
.btn_item_order a:link,
.btn_item_order a:visited,
.btn_item_order a:active,
.btn_item_order a:hover {
    display: block;
    float: left;
    font: bold 11px Arial,Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    padding: 0px 0 0px 19px;
    margin: 10px 0 0 6px;
    height: 19px;
    line-height: 19px;
}

.btn_item_details {
    background: url(assets/btn_item_details-trans.png) no-repeat left;
}

.btn_item_order {
    background: url(assets/btn_item_order-trans.png) no-repeat left;
}

/* Item Folders */
.container_folder_wrapper {
    float: left;
    width: 150px;
    height: 185px;
    margin: 8px 10px 0 0;
    padding-bottom: 4px;
    background: none;
}

.container_folder {
    display: block;
    padding: 5px 0 2px 0;
    border: 0;
    background: none;
    cursor: default;
}

.container_folder h2 {
    display: block;
    margin: 0 0 0 0;
    width: 148px;
    font: bold 10px Verdana, sans-serif;
    color: #ffffff;
    text-align: center;     
}

.container_folder p {
    display: block;
    margin: 3px 0 0 0;
    padding: 0;
    width: 148px;
    font: normal 10px Verdana, sans-serif;
    color: #bcbcbc;
    text-align: center;    
}

.container_folder a {
    display: block;
    text-decoration: none;
    cursor: hand;
    width: 148px;
    height: 127px;
    background: url(/common/assets/folder_128_silver_closed-trans.png) no-repeat top left;   
}

.container_folder a:hover {
    display: block;
    text-decoration: none;
    cursor: hand;
    width: 148px;
    height: 127px;
    background: url(/common/assets/folder_128_silver_open-trans.png) no-repeat top left;   
}

/* Container Item Details */
#container_item_details {
    padding: 0;
    margin: 0 auto;
/*    border: 1px solid black; */
    overflow: hidden;
}

#container_item_details_img {
    float: left;
    margin: 20px 20px 0 20px;
    border: 0;
}

#container_item_details_data {
    margin: 20px 0 0 0;
    border: 0;
    border-collapse: collapse;
}
#container_item_details_data td {
    padding: 2px 12px 2px 0;
    font: normal 12px Arial,Helvetica, sans-serif;
    color: #ffffff;
    text-align: left;
    vertical-align: top;
}

#container_item_details_data td a {
    color: #ffffff;
    text-decoration: underline;
}

#container_item_details_data td a:hover {
    color: #5386b0;
    text-decoration: underline;
}
#container_item_details_data td p {
    color: #bcbcbc;
    text-decoration: none;
    font: bold 12px Arial,Helvetica, sans-serif;
    padding: 0;
    margin: 10px 0 0 0; 
}

.item_details_item_price_prefix {
    float: left;
    margin: 2px 0 0 0px;
    font: normal 9px Arial,Helvetica, sans-serif;
    color: #bcbcbc;    
}

.item_details_item_price {
    float: left;
    margin: 0 15px 0 3px;
    padding: 0;
    font: bold 28px Arial,Helvetica, sans-serif;
    letter-spacing: -2px;
    color: #ffffff;    
}

.item_details_item_price span {
    /*color: #86abca;*/
    font: 600 28px Arial, sans-serif;
}

/* Product Configuration*/
#ConfigureProduct .sub_tabs {
    margin-top: 10px;
}

.container_product_configuration {
    margin: 0 auto;
    padding: 8px;
    overflow: hidden;
    background: #303030;  
}

.previewLoaderWrapper {
    float: left;
    background: url(assets/preview_bg_2_1.jpg) no-repeat;
}

#previewLoaderWrapper_1 {
    background: url(assets/preview_bg_2_1.jpg) no-repeat;
}

#previewLoaderWrapper_2 {
    background: url(assets/preview_bg_2_2.jpg) no-repeat;
}

#previewLoaderWrapper_3 {
    background: url(assets/preview_bg_2_3.jpg) no-repeat;
}

#previewLoaderWrapper_4 {
    background: url(assets/preview_bg_2_4.jpg) no-repeat;
}

#previewLoaderWrapper_5 {
    background: url(assets/preview_bg_2_5.jpg) no-repeat;
}

#previewLoaderWrapper_6 {
    background: url(assets/preview_bg_2_6.jpg) no-repeat;
}

#previewLoaderWrapper_7 {
    background: url(assets/preview_bg_2_7.jpg) no-repeat;
}

.previewLoader {
    margin: 0 24px 0 0;
    padding: 0;
    border: 0;
    height: 311px;
    width: 262px;
    background: url(assets/firefox-spinner.gif) no-repeat center 108px;
    overflow: hidden;
}

/*#previewLoader.loading {
    
}*/

#form_configureProduct {
    width: 100%
}

.upload_detail_img {
    border: 0;
    outline: 0;
}

.preview_icon {
    border: 0;
    outline: 0;
} 

.preview_img {
    display: block;
    margin: 0;
    border: 0;
}

.table_product_configuration {
    border-collapse: collapse;
    border: 0;
    width: 55%;
    color: #ffffff;
}

.table_product_configuration td {
    padding: 5px 10px 5px 5px;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 18px;
}

/* Cart */
#container_table_cart {
    border-collapse: collapse;
    border: 0;
    width: 100%;
    
}

#container_table_cart td {
    padding: 5px 7px;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 18px;
}

#container_table_cart td.td_end {
    padding-right: 20px;
}  

.cart_thumb a img {
    height: 30px;
    padding: 0;
    margin: 0;
    border: 0;
}

#container_cart_total {
    margin: 0 auto;
    overflow: hidden;
    background: #b7b7b7;
    border-top: 1px solid #FFFFFF;
    padding: 10px 20px;  
}

#table_cart_total {
    float: right;
    border-collapse: collapse;
    border: 0;
}

#table_cart_total td {
    padding: 3px 0px;
    white-space: nowrap;
    font-family: Arial,Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000000;
}

#table_cart_total td.td_end {
    width: 100px;
}

/* Container Customer Checkout */

#containerAddressBill {
    background: none;
}

#containerAddressDelivery {
    background: #3c3c3c;
    margin: 20px 0 20px 0;
}

.containerAddress, .containerContact {
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 20px;
    border: 1px solid #dfe1e6;
    margin: 10px 0 10px 0;
    -moz-border-radius: 5px;  
}

.containerContact {
    background: none;
    width: 500px;
}

.containerAddress legend, .containerContact legend {
    font-size: 12px;
    font-weight:bold;
    color: #f5f5f5;
}

.containerAddress label, .containerContact label {
    float: left;
    font-size: 12px;
    font-weight:normal;
    color: #ffffff;
    margin: 7px 0 7px 3px;
    width: 150px;
}

.containerAddress input, .containerAddress textarea, .containerAddress select,
.containerContact input, .containerContact textarea, .containerContact select {
    font-size: 12px;
    font-weight: normal;
    color: #444;
    margin: 3px 0;
    width: 200px;
}

textarea {
    color: #ffffff;
    background: #000000;
    padding: 4px;
}

.containerContact textarea {
    color: #444;
    background: #ffffff;
    border: 1px solid #444;
}

.containerAddress br, .containerContact br { /* Alle Zeilenumbrüche im Formular auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
} 

#containerAddressPayment input {
    width: 15px;
    height: 20px;
    float: left;
}

#containerAddressPayment label {
    height: 20px;
    width: auto;
    white-space: nowrap;     
}

#fotoservice_delivery_address {
    display: none;
}

.collapsed {
    padding-left: 18px;
    background: url(assets/icon_collapsed-trans.png) no-repeat left;
    cursor: pointer;
}

.expanded {
    padding-left: 18px;
    background: url(assets/icon_expanded-trans.png) no-repeat left;
    cursor: pointer;
}

/* Container Checkout Summary */
.customerData {
    float:left;
    margin-top:10px;
    width: 180px;
}

#customerDataDeliveryAddress {
    margin:10px 0 0 30px;
}

#customerDataPayment {
    margin:10px 0 0 30px;
}     


/* Container Imprint */
#Imprint a {
    color: #ffffff;
    text-decoration: none; 
}

#Imprint a:hover {
    color: #ffffff;
    text-decoration: underline; 
}

#Imprint table td {
    line-height: 18px;
}

/* Icon Links */
a.iconLink:link,
a.iconLink:visited,
a.iconLink:active,
a.iconLink:hover {
    display: block;
    font: normal 12px Arial,Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
    padding: 0px 0 0px 18px;
    line-height: 16px;
}

a.iconLink:hover {
    color: #999999;
    text-decoration: underline;    
}

.cart_remove {
    background: url(assets/cart_remove-trans.png) no-repeat left;
}



/* Tables */
.product_prices {
    border-spacing: 0;
}

.product_prices th {
    text-align: left;
    padding: 0px 5px 5px 7px;
    color: #777;
    font-size: 12px;
    border-bottom: 1px solid #555;
}

.product_prices td {
    font-family: Arial,Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    padding: 3px 5px;
    cursor: pointer;
}

.product_prices tr.productRow.odd td {
    background-color: #f7f7f7;
}

.product_prices tr.productRow.even td {
    background-color: #f5f5f5;
} 

.in_cart td {
    background: #ede276;
}

.priceTableRow0, .priceTableRow1, .priceTableRow2, .priceTableRow3 { 
    font-family: Arial,Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    padding: 3px 0px;
    cursor: default; 
}

.priceTableRow0 {
    background-color: #4d4d4d;
}

.priceTableRow1 {
    background-color: #646464;
}

.priceTableRow2 {
    background-color: #d7e4ed;
}

.priceTableRow3 {
    background-color: #e7eef4;
}

.priceTableRow4 {
    /*background: none; */
}

.tableRowSelectable {
    cursor: pointer;
}

.innerTableHeaderGrey, .innerTableHeaderBlue, .innerTableHeaderGreen, .innerTableHeaderBeige, .innerTableHeaderOrange {
    display: block;
    margin: 0;
    height: 29px; 
    font: bold 12px Arial,Helvetica, sans-serif; 
    color: #FFFFFF;
    /*border-top: 1px solid #FFFFFF;*/
    padding: 0 14px 0 14px;
    text-align: left;
    white-space: nowrap;
    line-height: 28px; 
}

.innerTableHeaderGrey {
    background: #d5d5d3 url(assets/table_col_header_bg_grey.png) repeat-x top left; 
}

.innerTableHeaderBlue {
    background: #85b2da url(assets/table_col_header_bg_blue.png) repeat-x top left; 
}

.innerTableHeaderGreen {
    background: #a9d16f url(assets/table_col_header_bg_green.png) repeat-x top left; 
}

.innerTableHeaderBeige {
    background: #e5e1c8 url(assets/table_col_header_bg_beige.png) repeat-x top left; 
}

.innerTableHeaderOrange {
    background: #f6c44d url(assets/table_col_header_bg_orange.png) repeat-x top left; 
}

.colHeaderGrey {
    height: 29px;
    background: url(../assets/table_col_header_bg_grey.png) repeat-x top left;
    font: normal 12px Arial,Helvetica, sans-serif; 
    color: #FFFFFF;
    border-right: 1px solid #FFFFFF;
    padding: 0 7px 0 7px;
    text-align: center;
    white-space: nowrap;
}

.colHeaderBlue {
    height: 29px;
    background: url(../assets/table_col_header_bg_blue.png) repeat-x top left;
    font: normal 12px Arial,Helvetica, sans-serif; 
    color: #FFFFFF;
    border-right: 1px solid #FFFFFF;
    padding: 0 7px 0 7px;
    text-align: center;
    white-space: nowrap;
}

.colHeaderTransparent {
    font: normal 12px Arial,Helvetica, sans-serif; 
    color: #ffffff;
    background: #242424;
    padding: 0 7px 0 7px;
    white-space: nowrap;
}



.td_right {
    text-align: right;
}

.td_left {
    text-align: left;
}

.td_center {
    text-align: center;
}

.th {
    padding-bottom: 5px;
}


/* Button */
.buttonPanel2, .buttonPanel3 {
    width: 100%;
    padding: 0;
    margin: 0;
    table-layout:fixed;
    border: 0;
    border-spacing: 0; 
}

.buttonPanel2_left{
    width: 50%;
    text-align: left;
}

.buttonPanel2_right {
    width: 50%;
    text-align: right;
}

.buttonPanel3_left{
    text-align: left;
    width: 33%;
}

.buttonPanel3_center{
    text-align: center;
    width: 33%;
}

.buttonPanel3_right {
    text-align: right;
    width: 33%;
}

.buttonWrapper{    
    overflow: hidden;
    min-height: 23px;
    padding: 0;
    /*border: 1px solid red;*/
}  


a.button, a.button:link, a.button:visited {
    /*background: transparent url(assets/button_1_right_standard.png) no-repeat scroll top right;*/
    color: #ffffff;
    display: block;
    /*float: left;*/
    font: bold 12px Arial,Helvetica, sans-serif;
    text-decoration: none; 
    height: 23px;
    margin: 0; 
    padding-right: 32px; /* sliding doors padding */
    text-decoration: none;
    cursor: pointer;
}

a.button span, a.button:link span, a.button:visited span {
    background: url(assets/button_2_left_standard.png) no-repeat scroll top left;
    display: block;
    /*font: bold 12px Arial,Helvetica, sans-serif;*/
    text-decoration: none;
    margin: 0;
    line-height: 23px;
    height: 23px;
    padding: 0px 5px 0px 18px;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    color: #ffffff;
}

.left {
    float: left;
    margin: 10px 0 10px 0;
}

.right {
    float: right;
    margin: 10px 0 10px 0;
}

.center {
    float: none;
    margin: 10px auto;
}


a.button:hover {
    background-position: center right;
    color: #ffffff;
    outline: none; /* hide dotted outline in Firefox */
    border: 0;
    text-decoration: none;
}

a.button:hover span {
    background-position: center left;
    padding: 0px 5px 0px 18px; /* push text up 1px */
    outline: none; /* hide dotted outline in Firefox */
    border: 0;
    color: #ffffff;
    text-decoration: none;
} 

a.button:active {
    background-position: bottom right;
    color: #999999;
    outline: none; /* hide dotted outline in Firefox */
    border: 0;
}

a.button:active span {
    background-position: bottom left;
    padding: 0px 5px 0px 18px; /* push text up 1px */
    outline: none; /* hide dotted outline in Firefox */
    border: 0;
}

.icon_cart {
    background: url(assets/button_2_right_standard-trans.png) no-repeat scroll top right;
}

.icon_next {
    background: url(assets/button_2_right_standard-trans.png) no-repeat scroll top right;
}

.icon_check {
    background: transparent url(assets/button_2_right_check-trans.png) no-repeat scroll top right;
}

.icon_upload {
    background: transparent url(assets/button_2_right_standard-trans.png) no-repeat scroll top right;
}

.icon_back {
    background: transparent url(assets/button_2_right_back-trans.png) no-repeat scroll top right;
}

.icon_update {
    background: transparent url(assets/button_2_right_standard-trans.png) no-repeat scroll top right;
}

.icon_cancel {
    background: transparent url(assets/button_2_right_cancel-trans.png) no-repeat scroll top right;
}

/* App Buttons */

#btn_cart_back {

}

#btn_cart_checkout {
    margin-right: 5px;
}

#btn_box_cart a{
    width:120px;
}

#btn_box_checkout a{
    width:120px;
}

/* Tabs */
.tab_panel {
    margin: 0;
    padding: 0;
}

.tab_content_wrapper {
    padding: 10px 20px 1px 20px;
}

#ConfigureProduct .tab_content_wrapper {
    padding: 0px 0px 1px 0px;
}

/* Modal Winddows */

div#fancy_inner {
	background-color: #555;
}

.modalWindow {
    display: none;
    background: #5386b0;
}

.modal_title_1, .modal_title_2 {
    height: 27px;
    padding: 7px 10px 0 10px;
    font-size: 12px;
    font-weight: bold;
    cursor: default;  
}

.modal_title_1 {
    background: #333;
    color: #fff; 
}

.modal_title_2 {
    background: #333;
    color: #FFFFFF; 
}

#modalHelper {
    text-decoration: none;
    font-size: 1px;
}

.modalHelper {
    text-decoration: none;
    font-size: 1px;
}

.modal_content {
    background: #555;
    padding: 10px 10px 10px 10px;
    margin-top: -7px;
    border-top: 1px solid #777;
    color: #ffffff;    
}

.modal_content p {
    color: #ffffff;
    line-height: 16px;
    margin: 0 0 20px 0;
}

.modal_exclamation {
    background: url(assets/exclamation-trans.png) no-repeat top left;
    padding-left: 40px;
    min-height: 32px;
}

.modal_content p span {
    font-weight: bold;
}

.modal_content a {
    color: #ffffff;
}

.modal_content label {
    color: #ffffff;
}

.modal_content br { /* Alle Zeilenumbrüche im Formular auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

.modal_divider {
    display: block;
    margin: 12px 0 12px 0;
    height: 1px;
    line-height: 1px;
    background: #dfe1e6;
}