/* general */

div, p, h1, h2, h3, h4, h5, h6, form, input, span, a
{
    margin: 0px;
}
ul
{
    padding-left: 16px;
}
p, h1, h2, h3, h4, h5, h6, table
{
    margin-bottom: 10px;
}
p:last-child
{
    margin-bottom: 0px;
}
a
{
    color: #000;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
a img
{
    border: 0px;
}

p > img
{
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

/* global */

*
{
    font-family: Arial, sans-serif;
}

body
{
    background-color: #fff;
    font-size: 9pt;
    line-height: 12pt;
    margin: 0px;
}

#container-header
{
    background-image: url(images/header-bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
}
#page-header
{
    height: 154px;
    margin: auto;
    position: relative;
    width: 980px;
}

#container-content
{
    background-color: #e3e3e3;
}
#page-content
{
    margin: auto;
    padding-top: 20px;
    width: 980px;
}

#slot-left
{
    float: left;
    margin-right: 20px;
    min-width: 200px;
    position: relative;
    width: 200px;
}
#slot-middle
{
    float: left;
    margin-right: 20px;
    position: relative;
    width: 540px;
}
#slot-right
{
    float: left;
    min-width: 200px;
    position: relative;
    width: 200px;
}

.slot-full
{
    width: 980px;
    position: relative;
}
.slot-half
{
    float: left;
    margin-right: 20px;
    position: relative;
    width: 480px;
    min-width: 480px;
}
.slot-half + .slot-half
{
    margin-right: 0px;
}

#page-header ul, #page-header li
{
    margin: 0px;
    padding: 0px;
}

/* general classes */
div.center, p.center
{
    text-align: center;
}
p.right
{
    text-align: right;
}
div.right
{
    float: right;
    text-align: right;
}
.red
{
    color: Red;
}
.green
{
    color: Green;
    font-weight: bold;
}
div.center > h2
{
    text-align: left;
}
.price > strong
{
    color: #e7a223;
    display: block;
    font-size: 20pt;
    line-height: 24pt;
}
.price strike + strong
{
    color: #e00;
}
.box .deliverytime
{
    background-image: url(images/deliverytime-unknown.png);
    background-repeat: no-repeat;
    background-position: top right;
    padding-top: 14px;
    position: absolute;
    right: 10px;
    text-align: right;
    top: 6px;
    width: 200px;
}
.box .deliverytime-green
{
    background-image: url(images/deliverytime-green.png);
    color: #080;
}
.box .deliverytime-yellow
{
    background-image: url(images/deliverytime-yellow.png);
    color: #d19d00;
}
.box .deliverytime-red
{
    background-image: url(images/deliverytime-red.png);
    color: #e00;
}
.box .deliverytime-unknown
{
    color: #555;
}

.box .backtotop
{
    background-image: url(images/up-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    font-size: 7pt;
    padding-right: 12px;
    position: absolute;
    right: 10px;
    top: 6px;
}

ul.linklist
{
    list-style-image: url(images/enum-arrow.png);
}

.slot-side div.resetfilters
{
    margin-top: 6px;
    text-align: right;
}
#slot-middle div.resetfilters
{
    margin-top: 10px;
    text-align: right;
}

/* error list */
div.errorlist
{
    border-width: 2px;
    border-style: solid;
    border-color: #f00;
    margin: 20px 10px;
    padding: 10px;
}
div.errorlist > p
{
    background-image: url(images/error.png);
    background-repeat: no-repeat;
    font-weight: bold;
    line-height: 20px;
    padding-left: 28px;
}
div.errorlist > ul
{
    margin-bottom: 0px;
}

/* buttons */

a.button
{
    background-image: url(images/button-bg.png);
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 1px;
    border-color: #888;
    border-radius: 2px;
    display: inline-block;
    height: 21px;
    line-height: 21px;
    min-width: 75px;
    padding: 0px 8px;
    text-align: center;
}
a.button:hover
{
    background-image: url(images/button-bg-hover.png);
    border-color: #3c7fb1;
    opacity: 0.9;
    filter: alpha(opacity=90);
    text-decoration: none;
}
input.button
{
    background-image: url(images/button-bg.png);
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 1px;
    border-color: #888;
    border-radius: 2px;
    cursor: pointer;
    height: 23px;
    min-width: 75px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: center;
}
input.button:hover
{
    background-image: url(images/button-bg-hover.png);
    border-color: #3c7fb1;
    opacity: 0.9;
    filter: alpha(opacity=90);
    text-decoration: none;
}

a.ibutton
{
    background-image: url(images/info-button.png); /* 150x32 */
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding-left: 32px;
    width: 118px; /* 32+118=150 */
}
a.ibutton:hover
{
    filter: alpha(opacity=80);
    opacity: 0.8;
    text-decoration: none;
}
a.cartbutton
{
    background-image: url(images/cart-button.png); /* 190x32 */
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding-left: 42px;
    width: 148px; /* 32+158=180 */
}
a.cartbutton:hover
{
    filter: alpha(opacity=80);
    opacity: 0.8;
    text-decoration: none;
}
input.cartbutton
{
    background-image: url(images/cart-button.png); /* 190x32 */
    background-repeat: no-repeat;
    border: 0px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    width: 190px;
}
input.cartbutton:hover
{
    filter: alpha(opacity=80);
    opacity: 0.8;
}

a.inactive, input.inactive
{
    filter: alpha(opacity=50) !important;
    opacity: 0.5 !important;
    cursor: default;
}
a.inactive:hover, input.inactive:hover
{
    filter: alpha(opacity=50) !important;
    opacity: 0.5 !important;
    cursor: default;
}

a.inactive:hover + div.popup, input.inactive:hover + div.popup
{
    display: block !important;
    float: left;
    width: 360px;
    height: 32px;
    border-left: solid 1px #777;
    padding-left: 15px;
}


/* formlist form elements */
ul.formlist
{
    list-style-type: none;
    padding: 0px;
}
ul.formlist > li
{
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
}
ul.formlist > li > label
{
    display: block;
    float: left;
    line-height: 22px;
    margin-right: 10px;
    width: 120px;
}
ul.formlist > li > input, ul.formlist > li > select, ul.formlist > li > textarea
{
    border: solid 1px #e7a223;
    width: 200px;
}

ul.formlist > li > label.error
{
    background-image: url(images/red-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #f00;
}

ul.formlist > li > input.error
{
    border-color: #f00;
}

/* side slot img size restrictions */
.slot-side .box img
{
    max-width: 182px;
}

/* side slot form elements */
.slot-side .box label
{
    font-weight: bold;
    display: block;
    margin-bottom: 2px;
}
.slot-side .box select
{
    border: solid 1px #e7a223;
    height: 20px;
    margin-bottom: 8px;
    width: 182px;
}
.slot-side .box label.small
{
    margin-right: 5px;
    font-weight: normal;
    display: inline;
}
.slot-side .box select.small + label.small
{
    margin-left: 7px;
}
.slot-side .box select.small
{
    width: 60px;
}

/* general tables */

table
{
    width: 100%;
}
table tr > td, table tr > th
{
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 0px;
    vertical-align: baseline;
}
table tr > td + td, table tr > th + th
{
    padding-left: 8px;
}
table tr > th
{
    text-align: left;
}
table tr > th.right
{
    text-align: right;
}
table tr > th.center
{
    text-align: center;
}
table tr > td.fill
{
    width: 100%;
    white-space: normal;
}
table tr > td.right
{
    text-align: right;
    white-space: nowrap;
}
table tr > td.center
{
    text-align: center;
    white-space: nowrap;
}
table tr > td.total
{
    font-weight: bold;
}


/* side slot tables */
.slot-side table
{
    border-collapse: collapse;
    width: 100%;
}
.slot-side table th
{
    border: solid 1px #e3e3e3;
    padding: 1px 1px;
}
.slot-side table td
{
    border: solid 1px #e3e3e3;
    padding: 1px 1px;
    vertical-align: top;
}


/* header definitions */

#header-logo
{
    left: 2px;
    position: absolute;
    top: 20px;
}
#header-logo a
{
    background-image: url(images/bobs-logo.png);
    display: block;
    height: 116px;
    overflow: hidden;
    text-indent: -9999px;
    width: 175px;
}
#header-logo a:hover
{
    /*background-image: url(images/bobs-logo-hover.png);*/
}

#header-metanav
{
    position: absolute;
    right: 2px;
    top: 16px;
}
#header-metanav ul
{
    list-style-type: none;
}
#header-metanav li
{
    display: inline-block;
    font-weight: bold;
    height: 12px;
    line-height: 11px;
}
#header-metanav li + li
{
    border-left: solid 1px #790505;
    margin-left: 10px;
    padding-left: 12px;
}
#header-metanav a
{
    color: #790505;
}

#header-infoblock
{
    position: absolute;
    top: 80px;
    right: 220px;
}
#header-infoblock strong
{
    display: block;
    margin-top: 8px;
    font-size: 18pt;
    color: #e7a223;
}

#header-search
{
    position: absolute;
    top: 80px;
    left: 220px;
}
#header-search form
{
    margin-top: 4px;
}
#header-search input.search-box
{
    background-image: url(images/search-box.png);
    background-repeat: no-repeat;
    border: 0px;
    display: block;
    float: left;
    margin: 0px;
    height: 23px;
    padding-left: 4px;
    width: 199px;
}
#header-search input.search-button
{
    background-image: url(images/search-btn.png);
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer;
    display: block;
    float: left;
    height: 23px;
    margin: 0px;
    overflow: hidden;
    text-indent: -200px;
    width: 33px;
}
#header-search input.search-button:hover
{
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#header-cart
{
    background-image: url(images/cart-icon.png);
    background-repeat: no-repeat;
    background-position: 0px 22px;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 80px;
}
#header-cart a
{
    display: block;
    padding-left: 32px;
}
#header-cart a strong
{
    display: block;
    margin-top: 10px;
}


/* box general definitions */
.box
{
    background-color: #c0c0c0;
    border-style: solid;
    border-width: 1px;
    border-left-color: #ddd;
    border-left-color: rgba(255,255,255,0.3);
    border-top-color: #ddd;
    border-top-color: rgba(255,255,255,0.3);
    border-right-color: #888;
    border-right-color: rgba(0,0,0,0.3);
    border-bottom-color: #888;
    border-bottom-color: rgba(0,0,0,0.3);
    margin-bottom: 20px;
    overflow: hidden;
    padding: 8px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 5px;
    -o-box-shadow: rgba(0,0,0,0.2) 0px 1px 5px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 5px;
}
.box h2
{
    font-size: 9pt;
    height: 28px;
    line-height: 30px;
    margin-top: -8px;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 10px;
    overflow: hidden;
    padding-left: 40px;
    text-transform: uppercase;
}
.box-primary h2, .nav-primary h2
{
    color: #790505;
}
.box-secondary h2, .nav-secondary h2
{
    color: #303030;
}

.slot-side > a > img
{
    box-shadow: rgba(0,0,0,0.2) 0px 1px 5px;
    -o-box-shadow: rgba(0,0,0,0.2) 0px 1px 5px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 5px;
}

/* primary content boxes */
.box-primary
{
    background-color: #fff;
    background-image: url(images/box-background.gif);
    background-repeat: repeat-x;
    border-left-color: #f9c043;
    border-left-color: rgba(249, 192, 67, 0.8);
    border-top-color: #f9c043;
    border-top-color: rgba(249, 192, 67, 0.8);
    border-right-color: #d6a239;
    border-right-color: rgba(214, 162, 57, 0.8);
    border-bottom-color: #d6a239;
    border-bottom-color: rgba(214, 162, 57, 0.8);
}
.box-primary h1, .box-primary h2
{
    background-image: url(images/primary-headline-bg.png);
    background-color: #e7a223;
    border-bottom-color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.5);
    border-bottom-style: outset;
    border-bottom-width: 1px;
}

/* secondary content boxes */
.box-secondary
{
    background-image: url(images/box-background.gif);
    background-repeat: repeat-x;
    background-color: #fff;
}
.box-secondary h1, .box-secondary h2
{
    background-image: url(images/secondary-headline-bg.png);
    border-bottom-color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.5);
    border-bottom-style: outset;
    border-bottom-width: 1px;
    background-color: #c0c0c0;
}


/* nav box general definitions */
.nav-primary h1, .nav-primary h2
{
    background-image: url(images/primary-headline-bg.png);
}
.nav-secondary h1, .nav-secondary h2
{
    background-image: url(images/secondary-headline-bg.png);
}
.nav ul
{
    list-style-type: none;
    margin: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 8px;
    padding-bottom: 32px;
}
.nav li
{
    margin-bottom: 1px;
}
.nav li a
{
    background-image: url(images/nav-arrow.png);
    background-position: right;
    background-repeat: no-repeat;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 15px;
}

.nav-specialcategory
{
    font-weight: bold;
}

/* primary nav box */
.nav-primary
{
    background-color: #e29c22;
    border-left-color: #f9c043;
    border-left-color: rgba(249, 192, 67, 0.8);
    border-top-color: #f9c043;
    border-top-color: rgba(249, 192, 67, 0.8);
    border-right-color: #d6a239;
    border-right-color: rgba(214, 162, 57, 0.8);
    border-bottom-color: #d6a239;
    border-bottom-color: rgba(214, 162, 57, 0.8);
}
.nav-primary ul
{
    background-color: #e6b13d;
    margin-bottom: 12px;
}
.nav-primary li
{
    background-color: #e6b13d;
}
.nav-primary li a
{
    background-color: #ebc061;
}
.nav-primary li a:hover
{
    background-color: #ffe;
    text-decoration: none;
}

/* secondary nav box */
.nav-secondary
{
    background-color: #c0c0c0;
}
.nav-secondary ul
{
    background-color: #d1d1d1;
}
.nav-secondary li
{
    background-color: #e0e0e0;
}
.nav-secondary li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

/* submenu */
.nav .nav-activecategory ul
{
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
    padding-left: 10px;
}
.nav .nav-expandedcategory > a
{
    background-image: url(images/nav-arrow-active.png);
}
.nav-primary .nav-activecategory > a
{
    background-color: #f4d9a0;
}
.nav-primary .nav-activecategory li a
{
    background-color: #f4d9a0;
}
.nav-secondary .nav-activecategory > a
{
    background-color: #efefef;
}
.nav-secondary .nav-activecategory li a
{
    background-color: #efefef;
}
.nav .nav-activecategory li a:hover
{
    background-color: #ffffff;
}
.nav .nav-activecategory .nav-activesubcategory a
{
    background-color: #ffffff;
}

.nav ul li ul li a
{
	overflow: hidden;
	padding-right: 20px;
	text-overflow: ellipsis;
}

/* generic box content blocks */

.box > .boxcontent
{
    background-image: url(images/item-spacer.png);
    background-repeat: no-repeat;
    background-position: top;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
.box > div.boxcontent:last-child, .box > div.pageselectblock:last-child
{
    border-bottom: 0px;
    padding-bottom: 0px;
}
.box > div.itemblock:last-child
{
	padding-bottom: 10px !important;
}
.box > h2 + .boxcontent
{
    margin-top: -10px;
}
.box > h2 + .boxcontent + .boxcontent
{
    margin-top: 0px;
}
.box > div:last-child, .box > p:last-child, .box > table:last-child, .box > input:last-child, .box > ul:last-child
{
    margin-bottom: 0px;
}

/* item list */
.box > .itemblock
{
    border-bottom: solid 1px #e7a223;
    height: 156px;
}

.box > .itemblock > h3
{
    height: 16px;
    margin-bottom: 10px;
}
.box > .itemblock > h3 span
{
    font-weight: normal;
}
.box > .itemblock > p
{
    margin-left: 135px;
    width: 220px;
    height: 80px;
    overflow: hidden;
}
.box > .itemblock > a > img
{
    float: left;
    height: 125px;
    width: 125px;
}
.box > .itemblock > a.ibutton
{
    position: absolute;
    left: 145px;
    bottom: 16px;
}
.box > .itemblock > .manufacturerlogo
{
    position: absolute;
    right: 10px;
    top: 60px;
    max-width: 100px;
    max-height: 30px;
}
.box > .itemblock > .price
{
    bottom: 16px;
    position: absolute;
    right: 10px;
    text-align: right;
}
.box > .itemblock > .price > strike
{
    font-size: 9pt;
    line-height: 9pt;
}

/* item sort */
.box .pageselectblock
{
    border-bottom: solid 1px #e7a223;
    font-weight: bold;
    line-height: 22px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-left: -10px;
    margin-right: -10px;
}

.box .pageselectblock form
{
    display: inline;
}

.box .pageselectblock select
{
    margin-left: 6px;
    border: solid 1px #e7a223;
}

.box .pageselectblock .pages
{
    float: right;
    line-height: 20px;
}

.box .pageselectblock .pages span
{
    display: inline-block;
    height: 18px;
    margin: 0px;
    padding: 0px;
    width: 26px;
}
.box .pageselectblock .pages span.page-prev
{
    background-image: url(images/button-prev.png);
    margin-left: 8px;
}
.box .pageselectblock .pages span.page-next
{
    background-image: url(images/button-next.png);
    margin-left: 4px;
}
.box .pageselectblock .pages span.disabled
{
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.box .pageselectblock .pages a:hover
{
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.box .pageselectblock .pages input.disabled
{
    opacity: 0.4;
    filter: alpha(opacity=40);
}


/* wizard */

.box .wizardblock
{
    border-bottom: solid 1px #e7a223;
    margin-top: 10px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.box .wizardblock .filter-headline
{
    font-weight: bold;
}
.box .wizardblock .filter-headline > a
{
    padding-left: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    display: block;
}
.box .wizardblock .filter-headline > a:hover
{
    background-color: #f3f3f3;
    text-decoration: none;
}
.box .wizardblock .filter-headline > span
{
    display: inline-block;
    padding-left: 20px;
    width: 140px;
}
.box .wizardblock .filter
{
    border: solid 1px #999;
}
.box .wizardblock .filter + .filter
{
    border-top: none;
}
.box .wizardblock .filter-unfinished .filter-headline > a
{
    background-image: url(images/right-arrow-small.png);
    background-repeat: no-repeat;
    background-position: 2px 4px;
}
.box .wizardblock .filter-expanded .filter-headline > a
{
    background-image: url(images/down-arrow-small.png);
    background-repeat: no-repeat;
    background-position: 2px 4px;
    background-color: #f3f3f3;
}
.box .wizardblock .filter-finished .filter-headline
{
    background-image: url(images/finished.png);
    background-repeat: no-repeat;
    background-position: 2px 4px;
    background-color: #f3f3f3;
    padding-top: 5px;
    padding-bottom: 5px;
}
.box .wizardblock .filter-finished .filter-headline > span:last-child { 
    cursor: pointer;
    display: inline;
    float: right;
    font-weight: 400;
    padding-left: 10px;
    padding-right: 10px;
    visibility: hidden;
    width: auto;
}
.box .wizardblock .filter-finished .filter-headline:hover > span:last-child
{
    visibility: visible;
}
.box .wizardblock .filter-items
{
    border-top: solid 1px #999;
    padding-top: 2px;
    padding-bottom: 2px;
}
.box .wizardblock .filter-items div
{
    margin-left: 20px;
    margin-bottom: 2px;
}
.box .wizardblock .filter-items p
{
    margin: 3px;
}
.box .wizardblock .filter-items label
{
    line-height: 20px;
    font-weight: bold;
}
.box .wizardblock .filter-items input
{
    margin: 2px;
    margin-right: 4px;
    padding: 0px;
}
.box .wizardblock .filter-items input, .box .wizardblock .filter-items label
{
    cursor: pointer;
}
.box .wizardblock .filter-items label:hover, .box .wizardblock .filter-items input:hover + label
{
    text-decoration: underline;
}

/* wizard special filters */

.box .wizardblock .special-filter > div
{
    float: left;
    margin-left: 18px;
    margin-top: 5px;
    margin-bottom: 12px;
    text-align: center;
    width: 150px;
}
.box .wizardblock .special-filter > div:nth-child(3n+1)
{
    clear: both;
}
.box .wizardblock .special-filter > div > input
{
    display: none;
}
.box .wizardblock .special-filter > div > label
{
    display: block;
    line-height: normal;
}
.box .wizardblock .special-filter > div > label.image
{
    padding-bottom: 6px;
    display: table-cell;
    vertical-align: middle;
}
.box .wizardblock .special-filter > div > label:hover
{
    text-decoration: none;
}
.box .wizardblock .special-filter > div > label > img
{
    filter: alpha(opacity=80);
    opacity: 0.8;
    max-height: 182px;
    max-width: 140px;
    vertical-align: middle;
}
.box .wizardblock .special-filter > div:hover > label > img
{
    filter: alpha(opacity=100);
    opacity: 1;
}
.box .wizardblock .special-filter > div > input + label
{
    display: inline;
}
.box .wizardblock .special-filter input:hover + label
{
    text-decoration: none;
}
.box .wizardblock .warengruppen > div > label.image
{
    width: 150px;
    height: 182px;
}
.box .wizardblock .hersteller
{
    padding-top: 16px;
}
.box .wizardblock .hersteller > div > label > img
{
    max-width: 140px;
    margin-bottom: 5px;
}
.box .wizardblock .hersteller > div > *
{
    display: none !important;
}
.box .wizardblock .hersteller > div > label.image
{
    display: block !important;
}
.box .wizardblock .hersteller div:last-child
{
    clear: both;
    float: none;
    width: 100%;
}

.box .wizardblock .attribute div
{
    width: 510px;
    text-align: left;
    margin-left: 5px;
    margin-bottom: 0px;
    overflow: hidden;
}
.box .wizardblock .attribute div > label.image
{
    width: 100px;
    height: 100px;
    float: left;
    text-align: center;
}
.box .wizardblock .attribute div > label > img
{
    max-width: 90px;
    max-height: 90px;
}
.box .wizardblock .attribute div > label > span
{
    display: block;
    margin-top: 10px;
    padding-bottom: 10px;
    font-weight: normal;
}
.box .wizardblock .attribute div > label + input + label
{
    display: block;
    float: left;
    width: 400px;
}

/* simple item list */
.box > table.simpleitemlist
{
    width: 100%;
}
.box > table.simpleitemlist td
{
    font-weight: bold;
    font-size: 9pt;
    padding-bottom: 2px;
}
.box > table.simpleitemlist td + td
{
    text-align: right;
}

/* product detail view */
.box-product > .boxcontent > h3
{
    margin-bottom: 16px;
    width: 325px;
}

.box-product .gallery
{
    float: left;
    margin-bottom: 10px;
    width: 230px;
}
.box-product .gallery img
{
    float: left;
    height: 230px;
    margin-bottom: 10px;
    width: 230px;
}
.box-product .gallery img+img
{
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.box-product .gallery img:nth-child(4n+1)
{
    margin-right: 0px;
}

.box-product .manufacturerlogo
{
    clear: right;
    float: right;
    margin-top: 30px;
    max-height: 42px;
    max-width: 180px;
}
.box-product .price
{
    clear: right;
    float: right;
    text-align: right;
    margin-top: 30px;
    margin-bottom: 24px;
}
.box-product .price strong
{
    font-size: 22pt;
    line-height: 26pt;
}
.box-product .cartbutton
{
    clear: right;
    float: right;
    margin-bottom: 24px;
}
.box-product .function
{
    clear: right;
    float: right;
    max-width: 260px;
    margin-bottom: 8px;
}
.box-product a.function
{
    width: 140px;
}
.box-product select.function
{
    width: 190px;
}

.box-product .tab-headline
{
    clear: both;
    list-style-type: none;
    margin-bottom: -14px;
    margin-left: -5px;
    padding-right: 0px;
    padding-left: 6px;
    padding-top: 24px;
    padding-bottom: 3px;
}
.box-product .tab-headline li
{
    display: inline-block;
    margin-right: 5px;
}
.box-product .tab-headline li > a
{
    background: #e9e9e9;
    display: block;
    height: 21px;
    line-height: 21px;
    padding-left: 8px;
    padding-right: 8px;
}

/* energy label */
#energylabel
{
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative;
    width: 200px;
    height: 420px;
    overflow: hidden;
}

/* testeo */
#testeo
{
    height: 80px;
    width: 135px;
    float: right;
    clear: right;
    margin-bottom: 10px;
    margin-left: 10px;
    z-index: 2;
    position: relative;
}

/* shipping types */

.box .shipping-option
{
    background-image: url(images/i_icon.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    border: solid 1px #dadada;
    margin-bottom: 6px;
    padding: 2px;
}

.box .shipping-option span
{
    display: block;
    float: right;
    font-weight: bold;
    margin-right: -2px;
    margin-top: -2px;
    padding: 0px 2px;
    text-align: right;
    width: 46px;
}

.box .shipping-description
{
    background-color: #fff;
    border: solid 1px #666;
    display: none;
    left: -282px;
    margin-top: -2px;
    padding: 10px; 
    position: absolute;
    width: 250px;
    z-index: 10;
    box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
    -o-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
    -moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
}

.box .shipping-option:hover .shipping-description
{
    display: block;
}

/* popup boxes */
.box-popup
{
    position: absolute;
    border-width: 2px;
    z-index: 200;
    box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
    -o-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
    -moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;
}
.box-popup > a
{
    display: block;
    float: right;
    margin-left: 60px;
    margin-bottom: 10px;
}
.box-popup > h2
{
    cursor: move;
}
#recommend-form
{
    top: 300px;
    left: 5px;
    width: 510px;
}
#contact-form
{
    top: 300px;
    left: 105px;
    width: 410px;
}

/* shopping cart */

#shoppingcart
{
    border-collapse: collapse;
}
#shoppingcart tr > td.fill a
{
    font-weight: bold;
}
#shoppingcart tr > td
{
    border-bottom: solid 1px #dadada;
}
#shoppingcart tfoot > tr + tr > td
{
    padding-top: 20px;
    border-bottom: none;
}
#shoppingcart tfoot > tr:last-child > td
{
    border-bottom: none;
    padding-bottom: 0px;
}
#shoppingcart tbody td.fill form
{
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 4px;
}
#shoppingcart .itemamount
{
    width: 30px;
    text-align: center;
}
#shoppingcart .dropitem
{
    background-image: url(images/delete.png);
    display: block;
    height: 14px;
    overflow: hidden;
    text-indent: 100px;
    width: 14px;
}
#shoppingcart .cartbutton
{
    float: right;
}


/* item reminder */

#itemreminder
{
    width: 100%;
}
#itemreminder td
{
    vertical-align: top;
}
#itemreminder td.right
{
    text-align: right;
}
#itemreminder td.total
{
    font-weight: bold;
}
#itemreminder tr > td
{
    padding-left: 0px;
    padding-right: 0px;
}
#itemreminder tr > td+td
{
    padding-left: 6px;
}

/* cashbox */
ul#cashbox-progress
{
    border-top: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    height: 28px;
    list-style-type: none;
    margin: 0px;
    margin-bottom: 20px;
    padding: 0px;
}
ul#cashbox-progress li
{
    display: block;
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0px;
    padding-left: 20px;
    width: 220px;
}
ul#cashbox-progress li.inactive
{
    background-image: url(images/right-arrow-small.png);
    background-repeat: no-repeat;
    background-position: left;
}
ul#cashbox-progress li.active
{
    background-image: url(images/down-arrow-small.png);
    background-repeat: no-repeat;
    background-position: left;
    font-weight: bold;
}
ul#cashbox-progress li.finished
{
    background-image: url(images/finished.png);
    background-repeat: no-repeat;
    background-position: left;
}

/* Trusted Shops */

#ts-block
{
	background: #fff4df;
	border: solid 1px black;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 12px;
	width: 600px;
}

#ts-block #ts-logo
{
	float: right;
	margin-bottom: 12px;
	margin-left: 12px;
}

#ts-block input
{
	margin-bottom: 1em;
	margin-right: 8px;
}
#ts-block label
{
	font-weight: bold;
	margin-bottom: 1em;
}
#ts-block select
{
	display: block;
	clear: left;
	margin-bottom: 1em;
}

#ts-block p > a
{
	color: #790505;
	text-decoration: underline;
}

/* footer */
#container-footer
{
    background-color: #fff;
    background-image: url(images/footer-bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    clear: both;
    margin-top: 0px;
    padding-top: 0px;
}
#page-footer
{
    height: 80px;
    margin: auto;
    margin-top: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    width: 980px;
}
#footer-nav a
{
    color: #790505;
    font-weight: bold;
}