@import url('../../../default/external/css/theme_styles.css');
/*
 * Leave first line of this file intact to make software updates easier!
 *
 * File Created from Geo v5.0.3 (Rev: 19710)
 */

/*
 * DEFAULT Theme Styles
 *
 * This file should hold all the "overall" styles, along with any customizations
 * to page or module-specific styles.
 */
/* ######### reset outlines on active button in IE ######### */
input[type=submit],
input[type=reset],
input[type=button]
input[type=a]

{
filter:chroma(color=#000000);
}
/* ######### BODY STYLES ######### */
html, body {margin:0; padding:0}

body {
    font-family:  Arial, Helvetica, sans-serif;
    color: #333;
    height:100%;
    min-width: 1024px;
    font-size: 100%;
}
/* ######### SHELL STYLES ######### */
.outer_shell {
    max-width: 80%;
    min-width: 1024px;
    position: relative;
    margin: 0 auto;
    padding: 0;
    z-index: 1;
    border:none;
}
.outer_shell .content_shell #left {
    float: left;
    width: 200px;
    margin-right: 10px;
}
/*.outer_shell .content_shell #right {
    float:right;
    overflow:hidden;
    width:768px;
}*/
.content_shell {
    clear: both;
    font-size: 12px;
    width:99.3%;
}
.content_shell_right {
    margin: 0 0 0 220px;
    font-size: 12px;
    clear:right;
}


.content_shell_left {
    float: left;
    width: 100px;
}
.seller_info_link {
    margin: 0;
    padding: 5px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
}
.login_shell {
    /*float: left;*/
    clear: both;
    /*width: 610px;*/
    margin: 20px auto;
}
#topbar {
    font-size: 0.6em;
    height: 32px;
    background: #fafafa;
    border: 1px solid #ccc;
    border-top: none;
    padding: 5px 5px 5px 0;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -o-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    behavior: url('css/border-radius.htc');

}
/* ######### HEADER STYLES - SET YOUR LOGO HERE ######### */
#header {
    border: none;
    padding: 0px;
    margin: 0px;
}
#header_logo {
    /* This is the logo link, make it float to the left */
    float: left;
    border: none;
}

#header_logo img {
    /* The actual logo image */
    vertical-align: middle;
    border: none;
    padding: 0px;
    margin-top: 18px;
}

.header_flags {
    float: right;
    border: none;
    padding-right: 5px;
}
/*advertising banner*/
#banner {
    float: right;
    margin-top: 38px;
}
#top_banner {
    float: left;
    width: 100%;
    height: 129px;
    margin-top: 12px;
}

.banner-manager {
    float: right;
    padding-top: 42px;
}

/* ######### MISC STYLES ######### */
.clear, .clr {
    clear: both;
}
a img {
    border: none;
}
form {
    margin: 0;
    padding: 0;
}
.center {
    text-align: left;
    padding: 10px 0;
}
.alignright {
    float: right;
    padding-right: 5px;
}
.inline {
    display: inline-block;
}
.nowrap {
    white-space: nowrap;
}
/* ######### GLOBAL STYLES ######### */
a:link, a:visited {
    text-decoration: none;
    color: #333;
}
a:hover, a:active {
    color: #333;
    list-style: none;
}

#login_left h1 {
    color: #333;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0px;
    padding: 5px 4px 4px 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
    behavior: url('/css/border-radius.htc');
}

h1.title {
    background: #67c0f9;
    height: 24px;
    line-height:20px;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    filter: Shadow(Color=#ffffff, Direction=135, Strength=5);
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: 5px 4px 4px 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
    behavior: url('css/border-radius.htc');
}
h2.title {
    background: #67c0f9;
    height: 24px;
    line-height:20px;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    filter: Shadow(Color=#ffffff, Direction=135, Strength=5);
    font-size: 1.1em;
    font-weight: bold;
    margin: 0px;
    padding: 5px 4px 4px 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
    behavior: url('css/border-radius.htc');
}
h1.subtitle {
    background: #eaeaea;
    color: #4987c5;
    font-size: 12px;
    font-weight: bold;
    margin: 12px 0px;
    padding: 5px 0px 5px 3px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    padding: 4px;
    behavior: url('css/border-radius.htc');
}

h1.title a:link, h1.title a:visited {
    color: #fff;
    text-decoration: none;
}
h1.title a:hover h1.title a:active {
    color: #fff;
    text-decoration: underline;
}
h2.title a:link, h2.title a:visited {
    text-decoration: none;
    color: #333;
}
h2.title a:hover, h2.title a:active {
    color: #333;
    text-decoration: none;
    text-shadow: 1px 1px 1px #fff;
    filter: Shadow(Color=#ffffff, Direction=135, Strength=5);
}
.highlight_links a:link, .highlight_links a:visited {
    color: #4987c5;
    text-decoration: underline;
    font-weight: bold;
}
.highlight_links a:hover, .highlight_links a:active {
    color: #4987c5;
    text-decoration: underline;
}
.divider {
    border-top: 2px solid #ddd;
    margin: 2px 0px;
}
.content_box {
    border: 1px solid #eaeaea;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    padding: 4px;
    behavior: url('css/border-radius.htc');
    margin: 0 0 12px 0;
    /*margin: 0 0 12px 9px;*/
    max-width: 99%;
}

.content_box2 a, .content_box2 a:link, .content_box2 a:visited {
    color:#666 !important;
}

#content_column_anzeigen {
    overflow: hidden;
    padding:0 9px 12px 1px;
    margin-left: 269px;
}

.content_box_absence {
    border: 5px solid #EAEAEA;
    padding: 5px;
    background: #F98989;
    font-size: 16px;
    font-weight: bold;
}

.content_box_sold {
    border: 5px solid #EAEAEA;
    padding: 5px;
    background: #F6CBF2;
    font-size: 16px;
    font-weight: bold;
}

.page_instructions.subtitle {
    color: #333;
    font-size: 1.4rem;
    line-height: 18px;
    padding: 12px 0 12px 36px;
}

/*added oliver*/

.contingents {
    float: left;
    margin-top: 48px;
}

div.page_instructions {
    color: #666;
    margin: 10px 5px 15px 5px;
    padding: 0px;
    font-size: 12px;
    line-height: 18px;
}


tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #ddd;
}

.search_page_results_even_row_sold, .search_page_results_even_row_bold_sold {
    background: none repeat scroll 0 0 #d99999 !important;
}


.search_page_results_odd_row_sold, .search_page_results_odd_row_sold {
    background: none repeat scroll 0 0 #d44444 !important;
}

td:first-child {
    font-weight: bold;
}

.box_pad {
    padding: 5px;
}


.anzeige-header {
    box-sizing: border-box;
    overflow: hidden;
    padding: 20px;
}

.anzeige-info {
    float: right;
}

@media (max-width: 768px) {
  .anzeige-info {
    float: left;
  }
}

.anzeige-info img {
    float: left;
    margin-top: 8px;
}

.anzeigen-klasse {
    color: #4987c5;
    display: block;
    font-size: 1rem;
}

.id {
    float: left;
    font-weight: bold;
    margin: 0 0 0 20px;
}

.id span {
    display: block;
    line-height: 1.4rem;
}


/* ######### GLOBAL TEXT STYLES ######### */
.main_text {
    color: #666;
    font-size: 12px;
    font-weight: bold;
}
.normal_text {
    font-size: 12px;
}
.text_highlight {
    color: #4987c5;
}
.sub_note {
    color: #666;
    font-size: 11px;
}
.mini_note {
    color: #666;
    font-size: 9px;
}
.mini_text {
    font-size: 11px;
}
.price {
    color: #4076B1;
    font-size:12px;
    font-weight: bold;
}
.success_text {
    color: #4987c5;
    font-weight: bold;
    font-size: 14px;
}
.bold {
    font-weight: bold;
}
.needs_attention {
    color: #e78a11;
}
/* ######### BREADCRUMB STYLES ######### */
.breadcrumb {
    background: url('../images/backgrounds/bullet_list_arrow_1.gif') no-repeat top left;
    padding: 0 30px;
    color: #5f6672;
    font-size: 11px;
    text-align: left;
    margin: 10px 0;
    font-weight: bold;
}
#breadcrumb {
    margin: 0px 0 10px 0;
    height: 30px;
    border: 1px solid #eaeaea;
    padding: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    behavior: url('css/border-radius.htc');

}
#breadcrumb li.element {
    background: url('../images/backgrounds/cart_step.gif') no-repeat center right;
    font-size: 12px;
    font-weight: bold;
}
#breadcrumb li.highlight {
    background: url('../images/backgrounds/cart_step.gif') no-repeat center right;
    color: #666;
}
#breadcrumb li.active {
    background: url('../images/backgrounds/cart_step.png') no-repeat center right;
    color: #333;
}
#breadcrumb li {
    display: block;
    float: left;
    height: 22px;
    color: #4076b1;
    font-size: 12px;
    padding: 7px 40px 0 10px;
    background: none;
}
/* ######### TABLE STYLES ######### */


.column_header th  {
    background: #67c0f9;
    height: 24px;
    line-height:20px;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    filter: Shadow(Color=#ffffff, Direction=135, Strength=5);
    font-size: 1.1em;
    font-weight: bold;
    margin: 0px;
    padding: 5px 8px 4px !important;
    -webkit-border-radius: 2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
    behavior: url('css/border-radius.htc');
}

.column_header td {
    white-space: nowrap;
    padding: 3px 5px;
}

.column_header > .row_even td:first-child {
    font-weight: bold;
}


.column_header td.title {
    width: 100%;
}
.results_column_header {
    height: 24px;
    color: #5f6672;
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    padding: 4px 0px 0px 5px;
}
.results_column_header td {
    white-space: nowrap;
    text-align: center;
    padding: 3px 5px;
}
.results_column_header td.title {
    width: 100%;
    text-align: left;
}
.results_column_header td.half {
    width: 50%;
}

/**/


/* ######### LIST STYLES ######### */
.checklist {
    margin: 5px 10px;
    padding: 0;
    font-size: 12px;
    color: #666;
}
.checklist li {
    list-style: none;
    background: url('../images/backgrounds/bullet_list_checkmark.gif') no-repeat 0 5px;
    padding: 5px 5px 10px 30px;
}
.arrowlist {
    margin: 5px 10px;
    padding: 0;
    font-size: 12px;
}
.arrowlist li {
    list-style: none;
    background: url('../images/backgrounds/bullet_list_arrow_1.gif') no-repeat 0 5px;
    padding: 5px 5px 10px 30px;
}
.horizontal_list {
    margin: 0;
    padding: 0;
}
.horizontal_list li {
    list-style: none;
    display: block;
    float: left;
    margin: 0 20px;
    font-weight: normal;
    white-space: nowrap;
}
.vertical_list {
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.vertical_list li {
    list-style: none;
    padding: 5px;
    font-weight: bold;
}
.button_list {
    margin: 5px 0px 5px 0px;
    padding: 0px;
}
.button_list li {
    list-style: none;
    display: inline;
    font-weight: normal;
    white-space: nowrap;
}
.option_list {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.option_list li {
    display: block;
    font-weight: bold;
    list-style: outside none none;
    padding: 5px;
}

.option_list li {
    border-bottom: 1px solid #eaeaea;
}

.option_list li:last-child {
    border-bottom: 0px;
}

.option_list li a:link, .option_list li a:visited {
    border-bottom: 0px;
}


.option_list li a:link, .option_list li a:visited {
    display: block;
    padding: 5px;
}

.option_list li a:hover, .option_list li a:active {
    display: block;
    border-bottom: 0px;
    background: #f4f3f3;
    padding: 5px;
}

.payment_options_list {
    margin: 0;
    padding: 0;
    width: 700px;
}

.payment_options_list li {
    list-style: none;
    display: inline-block;
    width: 220px;
    font-weight: normal;
    white-space: nowrap;
}

#checkbox {
    width: 100%;
}

#checkbox ul {
    margin: 5px -5px 5px 5px;
    padding: 0;
    font-size: 12px;
    display: block;
    float: left;
}

#checkbox ul li {
    list-style: none;
    background: url('../images/backgrounds/bullet_list_checkmark.gif') no-repeat 0 5px;
    padding: 5px 5px 10px 30px;
    font-weight: bold;
    color: #737373;
}

/* ######### FORM STYLES ######### */
label.field_label {
    color: #666;
    padding: 2px 5px;
    width: 200px;
    clear: both;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
}
label.required {
    color: #4987c5;
    padding: 2px 5px;
    width: 200px;
    clear: both;
    display: block;
    font-weight: bold;
    float: left;
    font-size: 12px;
}
label.login_label {
    color: red;
    padding: 2px 5px;
    width: 100px;
    clear: both;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
}
input.login_field {
    /* need to specify width for these fields, or IE makes them look funny */
    width: 138px;
}
.form_field {
    font-size: 11px;
    font-weight: bold;
    color: #666;
    padding: 7px;
}
input.field {
    width: 200px;
}

input.field, textarea.field, select.field, div.field, input.editor_field
textarea.field {
    background: #fff;
    border: 1px solid #CCC;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    padding: 7px;
    behavior: url('css/border-radius.htc');
}

textarea {
    color: #666;
    font-family: arial;
    font-size: 1.1em;
}
select.field {
    background: #fff url('../images/backgrounds/form_input.gif') repeat-x top left;
    width: 200px;
    padding: 6px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    margin: 4px;
}
div.field {
    background: blue;
}
input.editor_field {
    padding: 6px;
    background: #fff url('../images/backgrounds/form_input.gif') repeat-x top left;
    border: 1px solid #ccc;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    margin: 4px;
}
input.field:focus, textarea.field:focus, select.field:focus {
    padding: 7px;
    border: 1px solid #c5e7fc;
    margin: 4px;
}
select.field {
    display: inline-block;
}
textarea.field {
    /* this aligns text on the textarea's row with the middle of the textarea */
    vertical-align: middle;
}
.usage_agreement {
    width: 100%;
    height: 180px;
}
div.usage_agreement {
    overflow: scroll;
    border: 1px solid #b9b9b9;
}
.inline {
    display: inline-block;
    padding: 0 5px;
    vertical-align: middle;
}
/* ######### BUTTON STYLES ######### */
.button {
    border: 1px solid #fff;
    background: #67c0f9;
    height: 23px;
    padding: 7px 10px 0px 10px;
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    color: #333;
    cursor: pointer;
    text-shadow: 1px 1px 1px #fff;
    filter: Shadow(Color=#ffffff, Direction=135, Strength=5);
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius:4px 4px 4px 4px;
    -o-border-radius:4px 4px 4px 4px;
    border-radius:4px 4px 4px 4px;
    behavior: url('css/border-radius.htc');

}

.button-search-reset {
    font-size: 0.8em;
    height: 25px;
    padding: 4px 8px;
    margin-left: 2px;
}

.button:hover, .button:active {
    border: 1px solid #fff;
    background: #67c0f9;
    text-decoration: none;
}
.cancel {
    border: 1px solid #c5e7fc;
    background: #67c0f9;
    height: 23px;
    padding: 7px 10px 0px 10px;
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    filter: Shadow(Color=#ffffff, Direction=135, Strength=5);
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius:4px 4px 4px 4px;
    -o-border-radius:4px 4px 4px 4px;
    border-radius:4px 4px 4px 4px;
    behavior: url('css/border-radius.htc');

}
.cancel:hover, .cancel:active {
    border: 1px solid #fff;
    background: #67c0f9;
    text-decoration: none;
    color: #333;
}
input.button, input.cancel {
    /* Have to set padding/height different as they work different on input tag */
    padding: 6px 10px;
}
.mini_button, .editor_ok_button {
    border: 1px solid #cacbcc;
    background: #e2e4e9 url('../images/backgrounds/button.gif') repeat-x center left;
    color: #666;
    padding: 3px 5px 2px 5px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    margin: 0 1px;
    display: inline-block;
}
.mini_button:hover, .mini_button:active, .editor_ok_button:hover {
    border: 1px solid #a7c1dd;
    background: #b7d5f2 url('../images/backgrounds/button_hover.gif') repeat-x center left;
    color: #3c70ac;
    text-decoration: none;
}
.mini_cancel, .editor_cancel_button {
    border: 1px solid #cacbcc;
    background: #e2e4e9 url('../images/backgrounds/button.gif') repeat-x center left;
    color: #666;
    padding: 3px 5px 2px 5px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    margin: 0 1px;
    display: inline-block;
}
.mini_cancel:hover, .mini_cancel:active, .editor_cancel_button:hover {
    border: 1px solid #e4a0a2;
    background: #f0b5b7 url('../images/backgrounds/button_cancel.gif') repeat-x top left;
    color: #3c70ac;
    text-decoration: none;
}
input.button, input.cancel, input.mini_button, input.mini_cancel, input.editor_ok_button, input.editor_cancel_button {
    /* have to specify this, or FF will use system-default font for text on HTML buttons */
    font-family: Geneva, Arial, Helvetica, sans-serif;
}
.edit {
    border: 1px solid #cacbcc;
    background: #e2e4e9 url('../images/backgrounds/button.gif') repeat-x center left;
    color: #666;
    padding: 3px 5px 2px 5px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    display: block;
    float: left;
    margin: 0 1px;
}
.edit:hover, .edit:active {
    border: 1px solid #a7c1dd;
    background: #b7d5f2 url('../images/backgrounds/button_hover.gif') repeat-x center left;
    color: #3c70ac;
    text-decoration: none;
}
.delete {
    border: 1px solid #cacbcc;
    background: #e2e4e9 url('../images/backgrounds/button.gif') repeat-x center left;
    color: #666;
    padding: 3px 5px 2px 5px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    display: block;
    float: left;
    margin: 0 1px;
}
.delete:hover, .delete:active {
    border: 1px solid #e4a0a2;
    background: #f0b5b7 url('../images/backgrounds/button_cancel.gif') repeat-x center left;
    color: #9e4144;
    text-decoration: none;
}
.preview {
    border: 1px solid #cacbcc;
    background: #e2e4e9 url('../images/backgrounds/button.gif') repeat-x center left;
    color: #666;
    padding: 3px 5px 2px 5px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    display: block;
    float: left;
    margin: 0 1px;
}
.preview:hover, .preview:active {
    border: 1px solid #a7c1dd;
    background: #b7d5f2 url('../images/backgrounds/button_hover.gif') repeat-x center left;
    color: #3c70ac;
    text-decoration: none;
}
.large_button {
    border: 1px solid #cacbcc;
    background: #eeeff2 url('../images/backgrounds/button.gif') repeat-x top left;
    color: #666;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    display: block
}
.large_button:hover, .large_button:active {
    border: 1px solid #a7c1dd;
    background: #d4e6f7 url('../images/backgrounds/button_hover.gif') repeat-x top left;
    color: #3c70ac;
    text-decoration: none;
}
/* ######### NAVIGATION BAR STYLES ######### */
#nav {
    font-size: 11px;
    font-weight: bold;
    height: 100px;
    z-index: 1;
    position: relative;
}
#nav_bar {
    position: absolute;
    z-index: 2;
    margin: -2px 0px 0px 10px;
    padding: 0px;
    top: 0px;
}
#nav_bar li {
    list-style: none;
    display: inline;
}
#nav_bar li a:link, #nav_bar li a:visited {
    padding: 8px 15px;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    filter: Shadow(Color=#ffffff, Direction=135, Strength=5);
    text-decoration: none;
    display: block;
    float: left;
    position: relative;
    top: 8px;
    margin: 0px 1px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius:4px 4px 0px 0px;
    -o-border-radius:4px 4px 0px 0px;
    border-radius:4px 4px 0px 0px;
    border: none;
    background: #c5e7fc;
}
#nav_bar li a:hover, #nav_bar li a:active {
    background: #c5e7fc;
    padding: 12px 15px;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    filter: Shadow(Color=#ffffff, Direction=135, Strength=5);
    display: block;
    float: left;
    position: relative;
    top: 0px;
    margin: 0px 1px;
}
/* ######### SEARCH BAR STYLES ######### */
div#search_bar {
    background:#c5e7fc;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    border: none;
    padding: 2px 3px 4px 2px;
    position: absolute;
    top: 36px;
    left: 0;
    z-index: 1;
}
#search_inner {
    background: #67c0f9;
    border: 1px solid #67c0f9;
    height: 48px;
    text-align: right;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;

}
/*ausrichtung der elemente in der suchleiste*/
#search_bar div.element {
    float: left;
    padding: 6px;
}
#search_bar label {
    color: #fff;
    display: block;
    float: left;
    padding: 6px;
}
/* ######### WELCOME USER BAR STYLES ######### */
#user_bar {
    clear: both;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    padding: 7px 10px 14px 10px;
}
#user_bar a:link, #user_bar a:visited {
    color: #e78a11;
    text-decoration: none;
}
#user_bar a:hover, #user_bar a:active {
    color: #67c0f9;
    text-decoration: underline;
}
/* ######### CONTENT COLUMN STYLES ######### */
#content_column {
    overflow: hidden;
    padding:0;
    margin-left:270px;
}

#content_column_wide {
    overflow: hidden;
    /*padding: 0 3px 0 0;*/
}

#half_column_left {
    width: 100%;
    margin-bottom: 24px;
    float:left;

}
#half_column_right {
    width: 100%;
    padding: 0;
    float:left;
}
/* ######### LOGIN COLUMN STYLES ######### */
#login_left {
    width:357px;
    margin:0 auto;
    float:none;
}

#login_right {
    width: 200px;
    float: left;
    margin-left: 10px;
}
/* ######### EXTRA COLUMN STYLES ######### */
#extra_column {
    width: 200px;
    float: right;
    font-size: 11px;
}
#extra_column img {
    display: block;
}
/* ######### CATEGORY COLUMN STYLES ######### */

div.category_column {
    float: left;
    width: 100%;
}
div.category_column ul {
    margin: 0;
    padding: 0;
}
div.category_column ul li.element {
    list-style: none;
    font-weight: bold;
    padding: 7px;
    background: #f7f7f7;
    margin: 2px;
}
div.category_column ul li.element:hover {
    background: #eaeaea;
}
div.category_column ul li.element img {
    /* Make category image line up good */
    vertical-align: middle;
}
div.category_column.main_classified_navigation ul li.element {
    /* specific to main classified navigation */
    padding: 5px;
    background: #fefefe;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #f3f3f3;
}
#content_column_navigation div.category_column ul.categories li.element {
    /* add background image but only on alternate front page */
    background: url('../images/backgrounds/category.gif') repeat-x right 20px;
}
#content_column_navigation div.category_column ul.categories li.element ul.sub_categories li.element {
    background: transparent;
}
.category_column ul.sub_categories li.element {
    /* specific to sub-categories */
    font-weight: normal;
    padding: 3px;
    margin: 0px 0px 0px 20px;
}
#listing_categories {
    margin: 0;
    padding: 0;
}
#listing_categories li.element {
    list-style: none;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left;
}
#listing_categories li.clr {
    clear: both;
    list-style: none;
    height: 0;
    font-size: 0;
    line-height: 0;
}
#listing_categories a:link, #listing_categories a:visited {
    margin: 0;
    padding: 10px 0;
    display: inline-block;
    float: left;
    width: 100%;
}
#listing_categories a:hover, #listing_categories a:active {
    text-decoration: none;
    background: #f7f7f7;
}
#listing_categories span {
    padding: 0 10px;
}
#main_categories span.category_title {

}
#listing_categories span.category_title, div.category_column ul span.category_title {
    font-weight: bold;
    font-size: 116px;
}
div.category_column ul.sub_categories span.category_title {
    /* Sub-categories are not bolded */
    font-weight: normal;
    font-size: 12px;
}
p.category_description {
    margin: 0;
    padding: 2px 0 2px 0;
    font-size: 11px;
    color: #888;
    font-weight: normal;
}
.categories div {
    font-size: 11px;
    font-weight: bold;
}
.categories div.element {
    float: left;
    padding: 4px 0px 4px 5px;
}
.categories div a:link, .categories div a:visited {
    font-weight: bold;
    padding: 0px 2px;
    color: #666;
    text-decoration: none;
}
.categories div a:hover, .categories div a:active {
    padding: 0px 2px;
    text-decoration: underline;
}
span.listing_counts {
    font-size: .8em;
}

#left_categories, #left_cart {
    border: 1px solid #eaeaea;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    padding: 4px;
    behavior: url('../css/border-radius.htc');
}

#left_categories {
    width: 250px;
}


/* ######### USER ACCOUNT & LEFT COLUMN STYLES ######### */
#user_column, #left_column {
    width: 250px;
    float: left;
}
#user_column ul, #left_column ul {
    margin: 0px;
    padding: 0px 0px 1px 0px;
}
#user_column ul li, #left_column ul li {
    list-style: none;
    text-align: left;
}

#user_column ul li:last-child {
    border:none;
}

#user_column ul li a:link, #user_column ul li a:visited, #left_column ul li a:link, #left_column ul li a:visited {
    display: block;
    padding: 10px 5px 10px 8px;
    font-size: 12px;
    font-weight: bold;
    background: #fefefe;
    border-bottom: 1px solid #f3f3f3;
    text-decoration: none;
}
#user_column ul li a:hover, #user_column ul li a:active, #left_column ul li a:hover, #left_column ul li a:active {
    display: block;
    padding: 10px 5px 10px 8px;
    font-size: 12px;
    font-weight: bold;
    background: #f3f3f3;
    text-decoration: none;
}

#user_column .content_box {
    margin: 0;
    width: 240px;
}

/* ######### FOOTER STYLES ######### */
#footer {
    clear: both;
    height:40px;
    padding-top:60px;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    zoom:1;
    border-bottom:1px solid #E1E0E0;
}

.footer_navi {
    min-width: 1024px;
    margin: 0 auto;
}

#footer ul {
    margin: 0 0 0 20%; !important;
    padding: 0;
    height:33px;

}
#footer ul li {
    list-style: none;
    padding: 6px 0;
    display: inline;
    margin-left:14px;
}

#footer ul li a:link, #footer ul li a:visited {
    color: #666;
    text-decoration: none;
}
#footer ul li a:hover, #footer ul li a:active {
    color: #4987c5;
    text-decoration: underline;
}
#footer p a:link, #footer p a:visited {
    /* color: #c5e7fc; wanted? */
    color: #67c0f9;
}
#footer p a:hover, #footer p a:active {
    /* color: #4987c5; wanted? */
    color: #a4d521;
}
#footer div.blurb {
    float: right;
    width: 425px;
    padding: 0px 0px 0px 20px;
}
#footer h3 {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    color: #4987c5;
    font-size: 14px;
    font-weight: bold;
}
#footer h4 {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    color: #4987c5;
    font-size: 11px;
    font-weight: bold;
    float: left;
}
#footer h5 {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    float: right;
}
#footer p {
    line-height: 18px;
    margin: 0px;
    padding: 0px;
    clear: both;
}
#footer div.disclaimer {
    clear: both;
    padding-top: 30px;
    line-height: 20px;
}
.footer_divider {
    display: block;
    float: right;
    width: 2px;
    height: 80px;
    background: none;
}
/* ######### ERROR AND SUCCESS STYLES ######### */
.success_box {
    background: #E5F5DF;
    border: 1px solid #c5e7fc;
    padding: 10px;
    margin: 10px;
    color: #5F6672;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
}
.success_box h1 {
    color: #67c0f9;
    font-size: 22px;
    font-weight: normal;
    margin: 10px 0;
    padding: 0;
}
.error_message {
    color: #980000;
    font-size: 12px;
    font-weight: bold;
    padding: 0 10px;
}
.error_box {
    background: #FFFFE1;
    border: 1px solid #A9AFD4;
    padding: 10px;
    color: #5F6672;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
}
.field_error_box {
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-weight:normal;
    background: #fceaed;
    border: 1px solid #E68A9D;
    padding: 10px;
    color: #5F6672;
    font-size: 11px;
    margin: 10px;
}
.field_error {
    border-color: #E68A9D;
    border-style: solid;
    background: #FFFFE1;
}

/* overwrite standard errorbox styling */
#login_left .content_box .center.main_text .field_error_box {
    background: none;
    border:none;
    text-align:center;
}

/* confirm button i.e. logout */
.field_error_box a {
    border: 1px solid #fff;
    background: #67c0f9;
    height: 23px;
    padding: 7px 10px 0px 10px;
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    filter: Shadow(Color=#ffffff, Direction=135, Strength=5);
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius:4px 4px 4px 4px;
    -o-border-radius:4px 4px 4px 4px;
    border-radius:4px 4px 4px 4px;
    behavior: url('css/border-radius.htc');
}

.field_error_box a:hover, .field_error_box a:active {
    border: 1px solid #fff;
    background: #67c0f9;
    text-decoration: none;
}

.note_box {
    background: #ecf4ff;
    border: 1px solid #a9afd4;
    padding: 10px;
    color: #5f6672;
    font-size: 11px;
    line-height: 18px;
    text-align: left;
    margin: 10px;
}
.no_results_box {
    background: #ecf4ff;
    border: 1px solid #a9afd4;
    padding: 10px;
    color: #5f6672;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
    margin: 10px;
}
/* ######### CATEGORIES STYLES ######### */

#listing_categories span.category_title, div.category_column ul span.category_title {
    font-weight: bold;
    font-size: 1em;
}
a:hover#listing_categories span.category_title, div.category_column ul span.category_title {
    color:#666;
}
span.listing_counts {
    font-size: 0.9em;
}
#categories {
    margin: 0;
    padding: 0;
}
#categories li.element {
    display: inline-block;
    float: left;
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
}
#categories li.clr {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
}
#main_categories {
    margin: 0;
    padding: 0;
}

#main_categories li {
    /*height:33px;
    line-height:33px;*/
    font-weight:bold;
    list-style:none outside none;
    padding:0 0 0 8px;
    border-bottom:1px solid #F3F3F3;
}

ul#main_categories li.element:hover {
    list-style: none;
    text-align: left;
}

ul#main_categories li:last-child {
    border-bottom:none;
}

ul#main_categories li.element:active, ul#main_categories li.element:visited {
    list-style: none;
    text-align: left;
}
#main_categories li ul {
    margin: 0;
    padding: 0 0 0 10px;
}
#main_categories li ul li {
    list-style: none;
    text-align: left;
    padding: 1px 0;
}
#main_categories li.clr {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    border:none;
}

#listing_categories {
    margin: 0;
    padding: 0;
    list-style: none;
}
#listing_categories li.element {
    list-style: none;
    color: #4987c5;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left;
}
#listing_categories li.clr {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
}
#listing_categories a:link, #listing_categories a:visited {
    margin: 0;
    padding: 10px 0;
    display: inline-block;
    float: left;
    width: 100%;
}
#listing_categories a:hover, #listing_categories a:active {
    text-decoration: none;
    background: #f7f7f7;
}
#listing_categories span {
    padding: 0 10px;
}
#listing_categories span.category_title, #categories span.category_title {
    font-weight: bold;
    font-size: 14px;
    color: #4987c5;
}
p.category_description {
    margin: 0;
    padding: 2px 0 2px 0;
    font-size: 11px;
    color: #888;
    font-weight: normal;
}
.categories div {
    font-size: 11px;
    font-weight: bold;
}
.categories div.element {
    float: left;
    padding: 4px 0px 4px 5px;
}
.categories div a:link, .categories div a:visited {
    font-weight: bold;
    padding: 0px 2px;
    color: #666;
    text-decoration: none;
}
.categories div a:hover, .categories div a:active {
    padding: 0px 2px;
    color: #4987c5;
    text-decoration: underline;
}
/* ######### LISTING RESULTS STYLES ######### */
.row_header {
    background: #eaeaea;
    color: #4987c5;
    font-size: 12px;
    font-weight: bold;
    margin: 1px 0px;
    padding: 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
}
.row_even, .browsing_result_table_body_even, .seller_result_table_body_even {
    padding: 7px 5px;
    background: none;
    font-size: 12px;
    color: #333;
/*    line-height: 1.6rem; */
}
.row_odd, .browsing_result_table_body_odd, .seller_result_table_body_odd {
    padding: 7px 5px;
    background: #fff;
    font-size: 12px;
    color: #333;
}
.row_even_highlight, .browsing_result_table_body_even_bold, .seller_result_table_body_even_bold {
    color: #666;
    font-weight: bold;
}
.row_odd_highlight, .browsing_result_table_body_odd_bold, .seller_result_table_body_odd_bold {
    background: #dfeaf9;
    color: #666;
    font-weighT: bold;
}
tr.row_even:hover, tr.browsing_result_table_body_even:hover, tr.seller_result_table_body_even:hover, tr.row_odd:hover, tr.browsing_result_table_body_odd:hover, tr.seller_result_table_body_odd:hover, tr.row_even_highlight:hover, tr.browsing_result_table_body_even_bold:hover, tr.seller_result_table_body_even_bold:hover, tr.row_odd_highlight:hover, tr.browsing_result_table_body_odd_bold:hover, tr.seller_result_table_body_odd_bold:hover {
    background: #FCED7E;
}
/* Results Cell Padding */
.row_even td, .browsing_result_table_body_even td, .seller_result_table_body_even td, .row_odd td, .browsing_result_table_body_odd td, .seller_result_table_body_odd td, .row_even_highlight td, .browsing_result_table_body_even_bold td, .seller_result_table_body_even_bold td, .row_odd_highlight td, .browsing_result_table_body_odd_bold td, .seller_result_table_body_odd_bold td {
    padding: 5px;
}
.listing_results {
    width: 100%;
}
p.listing_results_description {
    color: #888;
    margin: 3px 0;
    padding: 0;
    font-size: 11px;

    overflow: hidden;
}
.field_error_row {
    background: #fceaed;
    border-top: 1px solid #E68A9D;
    border-bottom: 1px solid #E68A9D;
    padding: 7px 5px;
    margin: 1px 0px;
    color: #5F6672;
    font-size: 11px;
    font-weight: bold;
}
/* ######### FEATURED STYLES ######### */
.featured_items {
    width: 100%;
}
.featured_items td.element {
    background: #fff url('../images/backgrounds/featured_item.gif') repeat-x bottom left;
    text-align: center;
    font-weight: bold;
    padding: 2px;
    margin: 5px;
    border: 5px solid #eaeaea;
}
.featured_items td.element:hover {
    background: #ffffe1;
}
.featured_items span.featured_title {
    color: #888;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 0 5px 0;
    margin: 0;
    display: block;
    width: 100%;
}
.featured_items span.price {
    display: block;
    white-space: nowrap;
}
/* ######### LISTING DETAILS STYLES ######### */


h1.listing_title {
    color: #4987c5;
    display: inline;
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 54px;
    margin: 0;
    padding: 0;
}


h1.listing_title span {
    color: #4174a6;
    float: right;
    font-size: 14px;
    padding: 4px 0 0 0;
}
h1.seller_username {
    margin: 5px 2px;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    color: #4987c5;
}
h1.seller_username a:link, h1.seller_username a:visited {
    margin: 5px 2px;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: #4987c5;
}
#seller_column {
    width: 200px;
    float: right;
}
#lead_photo_column {
margin-top: 50px;
width: 250px;
    display: block;
    float: right;
    text-align: center;
}
#lead_photo_column img {
    border: 5px solid #eaeaea;
    margin-bottom: 10px;
}
#lead_photo_column div {
    text-align: left;
}
#listing_info_column {
    overflow: hidden;
    padding: 0;
}

#listing_info_column ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 70%;
}

#listing_info_column ul li {
    list-style: none;
    padding: 5px 0 5px 10px;
}
#listing_info_column li.label {
    display: block;
    width: 200px;
    float: left;
    clear: both;
    font-weight: bold;
    color: #333;
}

#listing_info_column li.value {
    color: inherit;
    display: block;
    float: left;
    font-weight: normal;
    line-height: 1.3rem;
    width: auto;
}

.value.sales_tax_data {
    clear: both;
}

#listing_info_column li.value_flag {
    display: block;
    width: 140px;
    float: left;
    color: #333;
    text-align: right;
    font-weight: bold;
}
#listing_info_column li.price {
    color: #4076B1;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 0 0px 10px;
}

#listing_info_column div.container > li {
 padding: 0px 0 0px 10px;
}

#listing_photos img {
    border: 5px solid #eaeaea;
}
#listing_photos img:hover {
    border: 5px solid #4987c5;
}
#bid_bar {
    margin: 0;
    padding: 0;
    display: block;
}
#bid_bar li {
    list-style: none;
    padding: 5px 0px 5px 10px;
    margin: 5px 0;
}
#bid_bar li.label {
    display: block;
    width: 120px;
    float: left;
    clear: both;
    font-weight: bold;
}
#bid_bar li.value {
    display: block;
    width: 100px;
    float: left;
    color: #777;
    font-weight: bold;
}
#bid_bar li.ieFloatFix {
    /* a nearly-invisible clearer element, to make IE play nice */
    display: block;
    clear: both;
    height: 0px;
    width: 0px;
    margin: 0px;
    padding: 0px;
}
#bid_bar li.buttons {
    display: block;
    width: auto;
    float: left;
    color: #777;
    font-weight: bold;
}
#extra_questions ul {
    margin: 0;
    padding: 0;
    color: #666;
}
#extra_questions li {
    list-style: none;
    padding: 5px;
}
#extra_questions div.label {
    width: 200px;
    display: inline-block;
    float: left; /* for IE <= 7, which doesn't like inline-block */
    white-space: nowrap;
    font-weight: bold;
}
#extra_questions div.data {
    width: 200px;
    display: inline-block;
}
#optional_fields {
    margin: 0;
    padding: 0;
}
#optional_fields li {
    list-style: none;
    padding: 5px;
}
#optional_fields label {
    font-weight: bold;
    display: inline-block;
    white-space: nowrap;
    width: 200px;
}
/* ######### LISTING IMAGES STYLES ######### */
.listing_images {
    margin: 0;
    padding: 0;
    text-align: center;
}
.listing_images li {
    display: inline-block;
    border: 5px solid #eaeaea;
    padding: 10px;
    margin: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    color: #5f6672;
    width: 175px;
}
.listing_images li:hover {
    background: #ffffe1;
}
.listing_images span {
    display: block;
    padding: 5px 0;
}
#galleryThumbs {
    width: 100%;
    text-align: center;
}
#galleryThumbs ul {
    list-style-type: none;
    margin: 15px;
}
#galleryThumbs ul li {
    display: inline;
    margin: 3px;
}
#galleryBigImage {
    margin: 10px auto;
    border: 5px solid #eaeaea;/* float: left; */
}
#galleryBigImage:hover {
    border: 5px solid #4987c5;
}
#galleryBigImage p {
    background: #f7f7f7;
    border-top: 1px solid #ddd;
    color: #4987c5;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 5px;
    text-align: center;
}
#galleryBigImage img {
    border: none;
}
#galleryBigImage img:hover {
    border: none;
}
.full_image_item {
    background: #f7f7f7;
    border: 5px solid #eaeaea;
    color: #4987c5;
    font-size: 14px;
    font-weight: bold;
    margin: 5px auto;
    padding: 0 0 5px 0;
    text-align: center;
    display: inline-block;
}
.full_image_item img {
    margin-bottom: 5px;
}
/* ######### PRINTER FRIENDLY PAGE STYLES ######### */
.print_body {
    background: #fff;
    font-size: 11px;
}
.print_shell {
    width: 700px;
    margin: 0 auto;
}
.print_top_text {
    padding: 35px 0 0 0;
    font-weight: bold;
    float: right;
}
h1.print_title {
    background: #eaeaea;
    color: #4987c5;
    font-size: 14px;
    font-weight: bold;
    margin: 1px 0px;
    padding: 5px 0px 5px 3px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}
#print_photo_column {
    width: 250px;
    display: block;
    float: right;
    text-align: center;
}
#print_photo_column img {
    border: 5px solid #eaeaea;
    margin-bottom: 10px;
}
#print_photo_column div {
    text-align: left;
}
#print_listing_info_column {
    overflow: hidden;
    padding: 0 10px;
    font-size: 11px;
}
#print_listing_info_column ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 490px;
}
#print_listing_info_column ul li {
    list-style: none;
    padding: 5px 0 5px 10px;
}
#print_listing_info_column li.label {
    display: block;
    width: 200px;
    float: left;
    clear: both;
    font-weight: bold;
    color: #737373;
}
#print_listing_info_column li.value {
    display: block;
    width: 250px;
    float: left;
    color: #777;
    font-weight: bold;
}
#print_listing_info_column li.price {
    color: #4076B1;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 10px 10px;
}
#print_listing_photos img {
    border: 5px solid #eaeaea;
}
#print_extra_questions ul {
    margin: 0;
    padding: 0;
    color: #666;
}
#print_extra_questions li {
    list-style: none;
    padding: 5px;
}
#print_extra_questions div.label {
    width: 175px;
    display: inline-block;
    white-space: nowrap;
    font-weight: bold;
}
#print_extra_questions div.data {
    width: 160px;
    display: inline-block;
}
#print_optional_fields {
    margin: 0;
    padding: 0;
}
#print_optional_fields li {
    list-style: none;
    padding: 5px;
}
#print_optional_fields label {
    font-weight: bold;
    display: inline-block;
    white-space: nowrap;
    width: 175px;
}
.print_half_column_left {
    width: 350px;
    float: left;
}
.print_half_column_right {
    width: 345px;
    padding: 0 0 0 5px;
    float: left;
}
/* ######### PAGINATION ######### */
.pagination {
    margin: 10px 5px;
    padding: 0px;
}
.pagination li {
    color: #666;
    list-style: none;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 11px;
    margin: 2px;
}
.pagination li.current {
    color: #35629e;
    padding: 3px 6px;
    border: 1px solid #4987c5;
    background: #b2cbe5;
}
.pagination li a:link, .pagination li a:visited {
    color: #666;
    padding: 3px 6px;
    border: 1px solid #b9b9b9;
    background: #f7f7f7;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    display: block;
    float: left;
}
.pagination li a:hover, .pagination li a:active {
    color: #35629e;
    padding: 3px 6px;
    border: 1px solid #c5e7fc;
    background: #dff1f5;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    display: block;
    float: left;
}
/* ######### CART STYLES ######### */
.cart_item {
    border: 1px solid #eaeaea;
    padding: 3px 10px;
    margin: 5px;
    font-weight: bold;
    font-size: 12px;
    background: #f7f7f7;
    color: #4987c5;
    background-image: none;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    behavior: url('css/border-radius.htc');
}

.cart_item_child {
    border: 2px solid #eaeaea;
    padding: 2px 10px;
    margin: 3px 5px 3px 50px;
    font-weight: bold;
    font-size: 12px;
    color: #666;
    height: 21px;
}
.cart_item_child_mini {
    border: 2px solid #eaeaea;
    padding: 3px 10px;
    margin: 3px 5px 3px 50px;
    font-weight: bold;
    font-size: 12px;
    color: #666;
}
.cart_item_child_mini ul {
    margin: 0;
    padding: 0;
}
.cart_item_child_mini ul li {
    list-style: none;
    color: #aaaaaa;
}
.cart_item:hover {
    background-image: none;
}
.cart_item_child:hover {
    background: #ffffe1;
}
.cart_item_subtotal {
    background: #f7f7f7;
    border: 2px solid #eaeaea;
    padding: 2px 10px;
    margin: 5px 5px 15px 50px;
    font-weight: bold;
    font-size: 14px;
    color: #7daa3b;
    text-align: right;
}
.subtotal_cart_item, .tax_cart_item {
    border: 1px solid #eaeaea;
    padding: 2px 10px;
    margin: 5px;
    font-weight: bold;
    font-size: 1em;
    color: #666;
    text-align: right;
    width: 50%;
    float: right;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    behavior: url('css/border-radius.htc');
}
.total_cart_item, .total_order_item {
    background: #f7f7f7;
    border: 1px solid #eaeaea;
    padding: 2px 10px;
    margin: 5px;
    font-weight: bold;
    font-size: 1em;
    color: #67c0f9;
    text-align: right;
    clear: both;
    width: 50%;
    float: right;
    background-image: none;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    behavior: url('css/border-radius.htc');
}

.listing_extra_item, .payment_item {
    border: 1px solid #eaeaea;
    padding: 7px 10px;
    margin: 5px;
    font-weight: bold;
    font-size: 12px;
    background: #f7f7f7;
    color: #666;
    display: block;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    behavior: url('css/border-radius.htc');
}

.listing_extra_item:hover, .payment_item:hover {
    background: #f7f7f7;
}

.listing_extra_item_child {
    border: 2px solid #eaeaea;
    padding: 2px 10px;
    margin: 5px 5px 15px 50px;
    font-weight: bold;
    font-size: 14px;
    color: #7daa3b;
    text-align: right;
}
.cart_item_cost, .listing_extra_cost {
    float: right;
    padding: 3px 0;
}
.cart_item_buttons {
    float: right;
    padding: 0 10px;
}
.cart_item_label {
    float: left;
    padding: 3px 0;
}
.cart_item div.cart_item_label {
    padding-left: 0px;
}
#addToCartButton {
    float: right;
    padding-right: 3px;
    text-decoration: none;
    cursor: pointer;
}
#addToCartButton:hover {
    text-decoration: underline;
    color: #ff9900;
}
#cart_buttons {
    text-align: center;
    font-size: medium;
    margin:3px 3px 10px;
    border: 1px solid #CECECE;
    padding: 10px;
    clear: both;
}
.disabled {
    color: #cccccc;
}
.checkout_button {
    text-align: right;
    padding: 0px;
    clear: both;
}
.checkout_button .button {
    padding: 0px;!important;
}

button {
    padding: 0px;!important;
}

#cart_left_column {
    width: 400px;
    float: left;
}
#cart_right_column {
    overflow: hidden;
    padding: 0 0 0 10px;
}
/* ######### PAYMENT SELECTION STYLES ######### */
label.payment_label {
    padding: 2px 5px;
    width: 200px;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
}
.payment_text {
    margin-left:65px;
    font-weight:lighter;
}
.payment_choices {
    position:relative;
    border-style:solid;
    border-color:#CCE8FF;
    border-width:1px;
    padding-top:15px;
    padding-bottom:5px;
    width:370px;
    height:auto;
    margin:2px;
}
.agreement_text_box {
    /* Used for "box" around payment gateway agreement text */
    border: thin solid black;
    overflow: auto;
    width: 80%;
    height: 250px;
    padding: 5px;
}
/* ######### CART STEP STYLES ######### */
#cart_steps {
    margin: 0;
    padding: 0;
    height: 40px;
}
#cart_steps li {
    list-style: none;
    display: block;
    float: left;
    height: 40px;
    padding: 13px 40px 0 20px;
    background: url('../images/backgrounds/cart_step.gif') no-repeat top right;
    font-size: 12px;
    font-weight: bold;
    color: #666;
}
#cart_steps li.current {
    color: #4076b1;
    font-size: 12px;
    padding: 9px 40px 0 20px;
}
/* ######### FEEDBACK STYLES ######### */
.positive {
    color: #17A400;
}
.negative {
    color: #980000;
}
.neutral {
    color: #666;
}
.feedback_cells td {
    padding: 3px 10px;
}
/* ######### MODULES STYLES ######### */
/*suchfeld mit freier texteingabe*/
#search_box_1 {
    float: right;
}
#search_box_1 ul {
    margin: 0;
    padding: 6px 5px 0 0;
}
#search_box_1 ul li {
    list-style: none;
    display: inline;
}
/*Beschriftung vor Suchfeld*/
#search_box_1 form ul li span {
    font-size:1.1em;
    color: #333;
    text-shadow: 1px 1px 1px #fff;
    filter: Shadow(Color=#ffffff, Direction=135, Strength=5);
    font-weight: bold;
    padding-right: 18px;
}

#search_box_1 input.keyword {
    background: #fff url('../images/backgrounds/form_input.gif') repeat-x top left;
    width: 200px;
    padding: 7px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 11px;
    font-weight: bold;
    margin: 4px;
}
/* ######### ADDON STYLES ######### */

/* This is a good place to copy/paste any addon CSS you might want to modify,
    that way you don't have to edit the original CSS file. */

/*styling categories display // geodesic addons*/

/*global styling "element"*/

#main_categories .mainlevel {
    background-color: #f7f7f7;
    text-shadow: 1px 1px 1px #fff;
    filter: Shadow(Color=#ffffff, Direction=135, Strength=5);
    display: block;
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #f3f3f3;
    text-decoration: none;
    margin-left: 0px;
    list-style: none;
    padding: 10px 0 10px 0;
    zoom: 1;

}
#main_categories .firstlevel {
    text-shadow: 1px 1px 1px #fff;
    filter: Shadow(Color=#ffffff, Direction=135, Strength=5);
    background: url(../images/arrow.png) #d0d0d0 no-repeat 4px center !important;
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #f3f3f3;
    text-decoration: none;
    margin-left: 0px;
    list-style: none;
    padding: 10px 0 10px 0;
    zoom: 1;

}
#main_categories .sublevel {
    background-color: #5e5e5e;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    display: block;
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #f3f3f3;
    text-decoration: none;
    margin-left: 0px;
    list-style: none;
    padding: 10px 0 10px 0;
    zoom: 1;
}
.mainlevel a {
    padding-left: 8px;
    color: #666;
}
.mainlevel a:hover {
    padding-left: 8px;
    color: #363636;
}
.firstlevel a {
    padding-left: 18px;
}
.firstlevel a:hover {
    color: #363636;
}
.sublevel a {
    padding-left: 24px;
    color: #fff;
}
.main_navigation_1_ad_count {
    float:right;
    padding-right:8px;
    font-size: 0.9em;
}
/* ########### LIGHTBOX ########## */

/* Light up box slideshow styles */
.lightUpBox {
    /* This is for the overall box the lightbox contents load in, but note that
     * the lightUpBox may be used for more than just the lightbox slideshow.
     */

    border: 10px solid #eaeaea;
    background-color: white;
    /* needs to be bigger than anything else on the page */
    z-index: 1005;
    /* position needs to be absolute to be able to be moved on the page */
    position: absolute;
}
.lightUpBoxOverlay {
    /* This is the overlay that hides the rest of the page, note that the
    opacity (transparency) will be set in JS for a "see through" or "faded"
    effect. */

    /* position needs to be absolute to work */
    position: absolute;
    top: 0px;
    left: 0px;
    /* Change the background color for different looks for how back is faded */
    background-color: #000000;
    width: 100%;
    /* needs to be second biggest z-index on the page, right below lightUpBox */
    z-index: 1004;
}
.lightUpBox_imageBox {
    /* In the overall box, this is the div containing the image */
    text-align: center;
}
.lightUpBox_imageBox img {
    /* The actual image */
    cursor: pointer;
}
img.lightUpBigImage {
    /* This is a stand-alone image in the box, it's not wrapped by extra HTML,
    this is used on image upload page as a "simpler" light up box without the
    fancy slideshow. */
    /* give it a pointer since when you click on it, it closes it. */
    cursor: pointer;
}
.lightUpBox_navigation {
    /* In the overall box, this is the div containing the navigation */
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px;
    text-align: center;
    /* width: 80%; */
    background-color: white;
    border: 5px solid #eaeaea;
    font-size: 12px;
    color: #4987c5;
}
.lightUpBox_description {
    /* In the overall box, this is the div containing the image description */
    text-align: center;
    padding: 7px 5px;
    background: #f7f7f7;
    font-size: 14px;
    font-weight: bold;
    color: #4987C5;
}
.lightUpMover, .lightUpTitle {
    /* CSS for anything that can be used to "move" the lightbox. */
    cursor: pointer;
}
div.closeBoxX {
    /* Used for red X to close the lightbox, used on "popup style" lightboxes */

    /* Not used for the slideshow, this is used when the lightbox is used
        for a mini-popup such as a yes/no confirmation. */
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    padding-top: 5px;
    padding-right: 5px;
    width: 15px;
    height: 15px;
    background: url('../images/close.gif') no-repeat top left;
}
div.closeBoxX:hover {
    /* Shift the background, make it look "pushed down" when hovering. */
    background: url('../images/close.gif') no-repeat 1px 1px;
}
/* ######### EXTRA PAGE LIST STYLES ######### */
dl {
    width: 350px;
}
dd {
    clear: right;
    margin: 0 0 20px 40px;
    font-size: 16px;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
}
dd.image {
    clear: none;
    float: left;
    margin: 0;
}
dt {
    clear: left;
    float: right;
    width: 310px;
    font-size: 20px;
    font-weight: bold;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
}
.title2 {
    font-size: 24px;
    font-weight: bold;
    color: #4987C5;
    font-family: Arial, Helvetica, sans-serif;
}
/* ######### FEEDBACK HELP BOX STYLES ######### */
#help_info_column {
    overflow: hidden;
    padding: 0 10px;
}
#help_info_column ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 390px;
}
#help_info_column ul li {
    list-style: none;
    padding: 5px 0 5px 10px;
}
#help_info_column li.left {
    display: block;
    width: 50px;
    float: left;
    clear: both;
    font-weight: bold;
    color: #737373;
    text-align: right;
}
#help_info_column li.right {
    display: block;
    width: 250px;
    float: left;
    color: #777;
    font-weight: bold;
}
#mkn_extra_listing {
    float: right;
}
/* ######### TOP BAR ######### */
/*Textlinks anmelden*/
#extra_links {
    float:left;
    z-index: 1;
    padding: 3px 0 0 8px;
    margin-top: -18px;
}

#extra_links li, #extra_links a, #extra_links li a:link, #extra_links li a:visited {
    text-decoration: none;
    color: #666;
    font-weight: bold;
}

#extra_links li {
    display: block;
    padding-top: 0;
    font-size: 1.1em;
}

#extra_links li a:hover, #extra_links li a:active {
    text-decoration: underline;
}


#extra_links.register {color:red}


/*Languages*/
#languages {
    float:left;
    margin: 0;
    margin:9px 2px 3px 4px;
    padding-right:8px;
    height: 19px;
    border-right: 1px solid #CCC;
}
#languages a {
    display: inline;
    width: 21px;
    line-height: 17px;
}
/*wrapper for position right*/
#topbar_wrap {
    height:38px;
    margin: 0;
    float: right;
}

/*partnerlinks*/

#partnerlinks {
    float:left;
    font-weight:bold;
}

#partnerlinks ul {
    }

#partnerlinks li {
    list-style:none;
    display:inline;
    padding-right:36px;
}

#partnerlinks li a {
    background: url('../images/arrow_grey.png') no-repeat center left;
    padding-left: 18px;
    font-size: 1.5em
}

#partnerlinks li a:hover {
    color: #e75400;
    background: url('../images/arrow_orange.png') no-repeat center left;
}

#content_box_small_right {
    padding-right: 10px;
    padding-top: 10px;
    width: auto;
}

@media screen and (max-width: 768px) {
  #content_box_small_right img {
    float: left;
  }
}

.search_result_item22 {
    text-align: right;
    padding-right: 10px;
    white-space: nowrap;
}


/* ######### button warenkorb ######### */




.clr.btn-warenkorb > a {
    background: #98d6fb none repeat scroll 0 0;
    border: 4px solid #64c1fe;
    font-size: 0.9rem;
    padding: 20px 20px 14px 22px;
    text-transform: uppercase;
}

.clr.btn-warenkorb > a::before {
    content: url("../../external/images/icon-warenkorb.svg");
    float: left;
    margin-right: 12px;
    margin-top: -10px;
}


/* ######### anzeige verkauf / suche ######### */
#anzeige {
    background: #fced7e none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #999;
    font-family: sans-serif;
    font-size: 2em;
    font-weight: bold;
    height: 36px;
    padding: 12px;
    text-align: center;
    text-transform: uppercase;
    width: 36px;
}

.sub_menu_container_hidden {
    display: none;
}

.parent_menu {
    color: #333;
    display: block;
    padding: 10px 5px 10px 8px;
    font-size: 12px;
    font-weight: bold;
    background: #fefefe;
    border-bottom: 1px solid #f3f3f3;
    text-decoration: none;
    cursor: pointer !important;
}

.parent_menu:hover {
    background: #f3f3f3;
}

.sub_menu_container .firstlevel {
    filter: Shadow(Color=#ffffff, Direction=135, Strength=5);
    background: url(../images/arrow.png) #d0d0d0 no-repeat 4px center !important;
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #f3f3f3;
    text-decoration: none;
    margin-left: 0px;
    list-style: none;
    padding: 10px 0 10px 0;
    zoom: 1;
}

.sub_menu_container .firstlevel  a {
    display: unset !important;
    padding: 10px 0 10px 15px !important;
    font-size: unset !important;
    font-weight: unset !important;
    background: unset !important;
    border-bottom: unset !important;
    text-decoration: unset !important;
}