/**
 *  Styling of the product overview page
 */

/* overwrite stuff from content.css */
#content .bigbox {
    /* fixed by design */
    width: 936px;
    float: none; 
}

#content .bigbox .top {
    background: none;
    height: 50px;
}

#content .bigbox .middle {
    background-image: url(../images/tab_bg.png);
    background-repeat: repeat-y;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 0;
}


#content .bigbox .bottom {
    background-image: auto;
    background-repeat: auto;
    height: auto;
    margin: auto;
}


#content .bigbox .contents {
    color: #666666;
    margin-top: 2em;
}

#content .main {
    padding: 20px;
}

#content .products {
    padding-left: 5px;
    padding-right: 5px;
}

#content .products .product {
    float: left;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 25px;
}

#content .products .narrow {
    width: 200px;
}

#content .products .medium {
    width: 276px;
}

#content .products .wide {
    width: 429px;
}

#content .products .product > h1 {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 0.2em;
    margin-top: 0;
    margin-bottom: 0.5em;
    background: url(../images/separator_gradient_continued.png);
    background-repeat: repeat-x;
}

#content .products .product > h1 img {
    border-right: 1px solid white;
}

#content .products .product div.contents {
    font-size: 1.1em;
    line-height: 1.8em;
    margin: 0;
}

#content .products .product div.contents a {
    font-weight: bold;
}

#content .products .product div.contents p {
    margin-bottom: 0;
    line-height: inherit;
    font-size: inherit;
}

/*
 * Slider styling
 */
#content .bigbox .middle .main .right .slider {
    width: 207px;
    height: 300px;
    overflow: hidden;
}

#content .bigbox .middle .main .right .slider .slidebox {
    margin: 0;
    margin-top: 6px;
}

#content .bigbox .middle .main .right .slider .slidebox.first-child {
    margin-top: 0;
}

#content .bigbox .middle .main .right .slider .slidebox h1 {
    height: 32px;
}

#content .bigbox .middle .main .right .slider .slidebox h1 a {
    cursor: default;
}

#content .bigbox .middle .main .right .slider .slidebox.collapsed h1 a {
    cursor: pointer;
}

#content .bigbox .middle .main .right .slider .slidebox .contents {
    height: 68px;
    background: #717171;
    margin-top: 1px;
    margin-left: 0px;
    position: relative;
    padding: 0;
}

#content .bigbox .middle .main .right .slider .slidebox .contents .image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 207px;
    height: 68px;
}

#content .bigbox .middle .main .right .slider .slidebox .contents .text {
    position: absolute;
    left: 0;
    top: 0;
    padding: 7px;
    width: 193px;
    height: 52px;
    overflow: hidden;
}

#content .bigbox .middle .main .right .slider .slidebox .contents .text p {
    margin: 0;
    font-size: 0.9em;
    line-height: 1.5em;
}

#content .bigbox .middle .main .right .slider .slidebox .contents .text a {
    color: white;
}

#content .bigbox .middle .main .right .slider .slidebox .contents .text a:hover {
    color: #33ccff;
    text-decoration: none;
}

#content .bigbox .middle .main .left {
    float: left;
    width: 212px;
    margin-top: 0px;
    padding-left: 2px;
    padding-right: 10px;
    font-size: 1.1em;
    line-height: 2em;
}

#content .bigbox .middle .main .left p {
    margin: 0px;
}

#content .bigbox .middle .main .contents {
    margin: 0px;
    margin-left: 226px;
    margin-right: 217px;
}

#content .bigbox .middle .main .contents a {
    color: #000000;
    text-decoration: none;
}

#content .bigbox .middle .main .contents .header {
    width: 433px;
    height: 64px;
    background-repeat: no-repeat;
    font-family: Arial;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0px;
    margin-right: 10px;
}

#content .bigbox .middle .main .contents .header h1 {
    padding-left: 76px;
    padding-top: 32px;
    margin: 0;
}

#content .bigbox .middle .main .contents .header h1 p {
    margin: 0;
}	

#content .bigbox .middle .main .contents .content {
    width: 433px;
    min-height: 15px;
    background-repeat: repeat-y;
    margin-top: 0px;
    font-weight: bold;
    font-size: 0.9em;
}

#content .bigbox .middle .main .contents .content h2 {
   padding-left: 76px;
   padding-right: 10px;
   padding-bottom: 0px;
   margin: 0px;
   color: #000000;
}

#content .bigbox .middle .main .contents .footer {
    width: 433px;
    height: 32px;
    background-repeat: no-repeat;
    margin-top: 0px;
}

#content .bigbox .middle .main .contents .businesssuite .header {
    background: url(../images/elsbeth_business_suite_bg_header_433.png);
}

#content .bigbox .middle .main .contents .businesssuite .content {
    background: url(../images/elsbeth_business_suite_bg_content_433.png);
}

#content .bigbox .middle .main .contents .businesssuite .footer {
    background: url(../images/elsbeth_business_suite_bg_footer_433.png);
}

#content .bigbox .middle .main .contents .inboundsuite .header {
    background: url(../images/elsbeth_inbound_suite_bg_header_433.png);
}

#content .bigbox .middle .main .contents .inboundsuite .content {
    background: url(../images/elsbeth_inbound_suite_bg_content_433.png);
}

#content .bigbox .middle .main .contents .inboundsuite .footer {
    background: url(../images/elsbeth_inbound_suite_bg_footer_433.png);
}

#content .bigbox .middle .main .contents .outboundsuite .header {
    background: url(../images/elsbeth_outbound_suite_bg_header_433.png);
}

#content .bigbox .middle .main .contents .outboundsuite .content {
    background: url(../images/elsbeth_outbound_suite_bg_content_433.png);
}

#content .bigbox .middle .main .contents .outboundsuite .footer {
    background: url(../images/elsbeth_outbound_suite_bg_footer_433.png);
}

#content .bigbox .middle .main .contents .premiumsuite .header {
    background: url(../images/elsbeth_premium_suite_bg_header_433.png);
}

#content .bigbox .middle .main .contents .premiumsuite .content {
    background: url(../images/elsbeth_premium_suite_bg_content_433.png);
}

#content .bigbox .middle .main .contents .premiumsuite .footer {
    background: url(../images/elsbeth_premium_suite_bg_footer_433.png);
}



#content .bigbox .middle .main .right {
    width: 207px;
    float: right;
}

#content .bigbox .middle .main .right a {
    color: #000000;
    text-decoration: none;
}

#content .bigbox .middle .main .right .header {
    width: 207px;
    height: 63px;
    background-repeat: no-repeat;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
}

#content .bigbox .middle .main .right .header h1 {
    font-size: 1.3em;
    padding-left: 76px;
    padding-top: 32px;
    margin-top: 0px;
}
	

#content .bigbox .middle .main .right .content {
    width: 207px;
    min-height: 15px;
    background-repeat: repeat-y;
    margin-top: 0px;
    font-weight: bold;
}

#content .bigbox .middle .main .right .content h2 {
    padding-left: 76px;
    padding-right: 5px;
    padding-bottom: 0px;
    margin: 0px;
    color: #000000;
    font-size: 1.0em;
}

#content .bigbox .middle .main .right .footer {
    width: 207px;
    height: 32px;
    background-repeat: no-repeat;
    margin-top: 0px;
}

#content .bigbox .middle .main .right .classicsuite {
    margin-bottom: 21px;
}

#content .bigbox .middle .main .right .classicsuite .header {
    background: url(../images/elsbeth_classic_suite_bg_header_207.png);
}

#content .bigbox .middle .main .right .classicsuite .content {
    background: url(../images/elsbeth_classic_suite_bg_content_207.png);
}

#content .bigbox .middle .main .right .classicsuite .footer {
    background: url(../images/elsbeth_classic_suite_bg_footer_207.png);
}