/* 
 * Monkee CSS Styles - Structure
 */

div.wrapper {
    margin:0 auto;
    width:860px;
    overflow:hidden;
}

div.header-top-container {
    height:200px;
    position:relative;
}

h1#logo {
    left:260px;
    position:absolute;
    top:0;
}

div.col-left {
    float:left;
    width:322px;
}

/*
 * [start] homepage
 */
div#top-right-navi small {
    display:block;
    padding:2px 0 0 110px;
}
/*
 * [end] homepage
 */

/*
 * [start] category view (on same page with product view)
 */
table#product-list-table {}
table#product-list-table tr td {
    height:90px;
    padding:13px 28px 0 4px;
    width:68px;
}
table#product-list-table tr td p {
    margin:0;
    padding-bottom:31px;
    position:relative;
}
table#product-list-table tr td img.badge {
    position:absolute;
    right:-13px;
    top:-23px;
}
div#category-slim {
    padding:40px 30px;
    position:relative;
}
/*
 * [end] category view
 */

/*
 * [start] product view
 */
fieldset#product-options-wrapper {
    padding:25px 0 10px;
}
fieldset#product-options-wrapper dt {
    /* options labels */
    float:left;
    padding:7px 0;
    width:3.5em;
}
fieldset#product-options-wrapper dd {
    /* options inputs */
    padding:7px 0;
}
fieldset.add-to-cart-box {
    display:block;
    padding:20px 0;
}
select#qty {
    text-align:center;
    width:70px;
}
/* Dropdown Options need some space */
select.super-attribute-select option {
    padding:0 0.5em;
}
a#btn-size-chart {
    position:absolute;
    right:30px;
    top:8px;
}
img#size-chart {
    left:-20px;
    position:absolute;
    top:0;
    z-index:150;
}
div.col-2-left-layout div#main {
    float:right;
    padding:0 18px 0 13px;
    width:505px;
}
div.product-img-box {
    float:right;
    text-align:center;
    padding-top:15px;
    position:relative;
    width:286px; /* to center in right box */
}

.cms-home .col-main, .cms-spass .col-main, .checkout-cart-index .col-main {
	margin:0;
	padding:0;
	overflow:hidden;
}

.cms-home .col-main { 
	margin-bottom:-6px; /*edit: 9.11.08 safari bug */
}

a#backview-switch {
    display:block;
    position:absolute;
    right:4px;
    top:35px;
    z-index:100;
}
p.main-product-img {
    height:287px;
    padding:4px 0;
}
div.product-essential {
    padding-top:40px;
    width:179px; /* 192-13 (padding main) */
}
div#monkee-sublabels {
    padding-bottom:40px;
}
div#monkee-sublabels img {
    padding-right:24px;
}
div#cart-msg {
    height:70px;
    left:556px;
    padding:10px;
    position:absolute;
    top:330px;
    width:295px;
}
div#cart-msg ul {
    width:245px;
}
/*
 * [end] product view
 */
 
/*
 * [start] navigation
 */
div#top-left-navi {
    /* Imprint, AGB etc. */
    bottom:0;
    height:21px;
    left:0;
    overflow:hidden;
    position:absolute;
    width:322px;
}

div#top-left-navi-top {
    left:-10px;
    position:relative;
}

div.subnavi {
    height:63px;
    width:60px;
    position:absolute;
    top:85px;
}
div.subnavi a {
    display:block;
    width:50px;
    height:21px;
}

div#top-right-navi {
    /* Cart */
    bottom:0;
    height:21px;
    right:1px;
    overflow:hidden;
    position:absolute;
    width:322px;
}

div#top-right-navi-top {
    right:0;
}

div#top-right-navi-top,
div#top-left-navi-top {
    /* Content Pages */
    height:21px;
    overflow:hidden;
    position:absolute;
    top:57px;
    width:212px;
}
    div#top-right-navi-top ul li,
    div#top-left-navi-top ul li {
        display:block;
        float:left;
        height:21px;
        width:53px;
    }
    div#top-right-navi-top ul li a,
    div#top-left-navi-top ul li a {
        display:block;
        height:21px;
        width:53px;
    }
/*
 * [end] navigation
 */

/*
 * [start] monkee checkout cart
 */
table#shopping-cart-table {
    border-collapse:collapse;
    margin:0 auto;
    width:90%;
}
table#shopping-cart-table td {
    border:1px solid #B5B5B5; border-left:none; border-right:none;
    padding-bottom:5px;
    padding-top:5px;
}
td.last {
    border-bottom:none !important;
}
/*
 * [end] monkee checkout cart
 */
 
/*
 * [start] monkee content container
 */

div#monkee-content-1col-right,
div#monkee-content-2col-left,
div#monkee-content-2col-right,
div#monkee-content-3col {
	display:block;
	height:auto;
	min-height:460px;
	padding-top:10px;
}

div#monkee-content-1col { width:860px; }

body.cms-agb div#monkee-content-1col { padding-top: 20px; }
body.cms-agb div#monkee-content-1col p { padding-left: 10px;padding-top: 5px;padding-right: 20px; }

div#monkee-content-right, div#monkee-content-left { width:302px;}
div#monkee-content-middle { width:193px;}

div#monkee-content-big { width:495px;}

div#monkee-content-left, div#monkee-content-middle, div#monkee-content-big, div#monkee-content-right {
	float:left!important;
 	padding-left:10px;padding-right:10px; 
}

div#monkee-content-big .entry {
	min-height:40px;
	padding-bottom:30px;
}

div#monkee-content-left .entry {
	min-height:40px;
	padding-bottom:30px;
}

.news-left {
    float:left;
    overflow:hidden;
    padding:0 20px 5px 10px;
    width:300px;
}
.news-right {
    padding-right:25px;
	padding-left:330px;
}
.news-divider {
    background:url(../images/bg_news_divider.gif) repeat-x;
    height:7px;
    margin:5px auto;
    width:97%;
}
/*
 * [end] monkee content container
 */

/*
 * [start] monkee content 
 */
#engel_1 {
	padding-left:60px;
	background: url('../images/_cms/engle_protection.gif') 0px 0px no-repeat;
}

#engel_2 {
	padding-left:60px;
	background: url('../images/_cms/engle_organic.gif') 0px 0px no-repeat;
}

#engel_3 {
	padding-left:60px;
	background: url('../images/_cms/engle_care.gif') 0px 0px no-repeat;
}