body {background-image: url('images/bgs/background4.png');}
a.active, b.active {background-color: #0a857e;}
table.header {border-top-color: #0a857e;}
.main_grid .t_l {background-image: url('images/color_bub_2/bub_bor_t-l.png');}
* html .main_grid .t_l {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mod/site/images/color_bub_2/bub_bor_t-l.png', sizingMethod='scale'); background-image: none;}
.main_grid .t {background-image: url('images/color_bub_2/bub_bor_t.png');}
* html .main_grid .t {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mod/site/images/color_bub_2/bub_bor_t.png', sizingMethod='scale'); background-image: none;}
.main_grid .t_r {background-image: url('images/color_bub_2/bub_bor_t-r.png');}
* html .main_grid .t_r {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mod/site/images/color_bub_2/bub_bor_t-r.png', sizingMethod='scale'); background-image: none;}
.main_grid .l {background-image: url('images/color_bub_2/bub_bor_l.png');}
* html .main_grid .l {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mod/site/images/color_bub_2/bub_bor_l.png', sizingMethod='scale'); background-image: none;}
.main_grid .r {background-image: url('images/color_bub_2/bub_bor_r.png');}
* html .main_grid .r {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mod/site/images/color_bub_2/bub_bor_r.png', sizingMethod='scale'); background-image: none;}
.main_grid .b_l {background-image: url('images/color_bub_2/bub_bor_b-l.png');}
* html .main_grid .b_l {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mod/site/images/color_bub_2/bub_bor_b-l.png', sizingMethod='scale'); background-image: none;}
.main_grid .b {background-image: url('images/color_bub_2/bub_bor_b.png');}
* html .main_grid .b {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mod/site/images/color_bub_2/bub_bor_b.png', sizingMethod='scale'); background-image: none;}
.main_grid .b_r {background-image: url('images/color_bub_2/bub_bor_b-r.png');}
* html .main_grid .b_r {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mod/site/images/color_bub_2/bub_bor_b-r.png', sizingMethod='scale'); background-image: none;}


a.toggle-configurator-link {
    font-weight: bold;
    text-decoration: none;
    color: #336699;
    padding-right: 11px;
    background: no-repeat right center;
}

a.toggle-configurator-link.toggle-configurator-link-hide {
    background-image: url("images/complectations/up-arrow-blue.png");
}

a.toggle-configurator-link.toggle-configurator-link-show {
    background-image: url("images/complectations/down-arrow-blue.png");
}

a.toggle-configurator-link.toggle-configurator-link-hide:hover {
    background-image: url("images/complectations/up-arrow-red.png");
}

a.toggle-configurator-link.toggle-configurator-link-show:hover {
    background-image: url("images/complectations/down-arrow-red.png");
}

a.toggle-configurator-link:hover {
    color: #C41921;
}

a.toggle-configurator-link span {
    border-bottom: 1px dashed #336699;
}

a.toggle-configurator-link:hover span {
    border-bottom-color: #C41921;
}

#configurator {
    background: url("images/complectations/bottom-bg.png") no-repeat top;
    width: 920px;
    margin: 0.7em 0;
	display: none;
}

#configurator .configurator-wrapper {
    background: url("images/complectations/top-bg.png") no-repeat bottom;
}

#configurator .configurator-delimiter {
    position: relative;
    background: url("images/complectations/separator-v.png") repeat-y 432px;
}

#configurator .separator-arrow {
    position: absolute;
    width: 6px;
    height: 7px;
    top: 22px;
    left: 432px;
    background-image: url("images/complectations/separator-v-arrow.png");
}

#configurator .template {
    display: none;
}

#configurator .options {
    float: left;
}

#configurator .suggestions {
    float: left;
    padding-left: 42px;
}

#configurator .clear {
    clear: left;
}

#configurator table {
    margin: 1.1em 0;
    border-collapse: collapse;
    width: auto;
}

#configurator thead {
    font-weight: bold;
}

#configurator table td {
    padding: 0 35px 4px 0;
}

#configurator .substance-box {
    width: 108px;
    height: 21px;
}

#configurator .portion-box {
    width: 227px;
    height: 21px;
}

#configurator a.remove-substance-link {
    padding: 6px 3px;
    margin-left: 14px;
}

#configurator a.add-substance-link {
    margin-left: -12px;
    text-decoration: none;
    color: #336699;
}

#configurator a.add-substance-link:hover {
    color: #C41921;
}

#configurator a.add-substance-link span {
    border-bottom: 1px dashed #336699;
}

#configurator a.add-substance-link:hover span {
    border-bottom-color: #C41921;
}

#configurator input[type="radio"] {
    margin-left: -16px;
}

#configurator .option-information {
    font-size: 12px;
}

#configurator .suggestions td.configuration-small,
#configurator .suggestions td.configuration-large {
    width: 179px;
    padding-right: 0;
}

#configurator .suggestions td.or {
    font-style: italic;
    padding-right: 55px;
}

#configurator .suggestions .configuration-small .container {
    width: 124px;
    height: 91px;
    overflow: hidden;
}

#configurator .suggestions .configuration-small .container.capacity11 {
    background-image: url("images/complectations/s-11.png");
}

#configurator .suggestions .configuration-small .container.capacity2 {
    background-image: url("images/complectations/s-2.png");
}

#configurator .suggestions .configuration-large .container {
    width: 124px;
    height: 162px;
    overflow: hidden;
}

#configurator .suggestions .configuration-large .container.capacity1111 {
    background-image: url("images/complectations/l-1111.png");
}

#configurator .suggestions .configuration-large .container.capacity112 {
    background-image: url("images/complectations/l-112.png");
}

#configurator .suggestions .configuration-large .container.capacity211 {
    background-image: url("images/complectations/l-211.png");
}

#configurator .suggestions .configuration-large .container.capacity22 {
    background-image: url("images/complectations/l-22.png");
}

#configurator .suggestions .container .substance {
    height: 68px;
    float: left;
    margin: 2px 1px 1px 2px;
    background-color: #E5E5E5;
    text-align: center;
    line-height: 68px;
}

#configurator .suggestions .container .substance.substance-small {
    width: 59px;
}

#configurator .suggestions .container .substance.substance-large {
    width: 120px;
}

#configurator .suggestions .description {
    margin: 1em 0 2em;
}

#configurator .button-wrapper {
    margin-left: -25px;
    margin-bottom: 0.7em;
    padding-left: 25px;
    padding-top: 18px;
    background: url("images/complectations/button-bg.png") no-repeat top left;
}