/* 
    Document   : showproduct
    Created on : Jan 14, 2011, 12:30:29 PM
    Author     : sebastiaan
    Description:
        Styling of product details page
*/
.overwriteTabPadding {
    padding:10px 5px 10px 5px !important; /* overwrite default tab padding */
}

.productContainer .productContents .left .product-liner {
    border-bottom:1px solid #00004A;
    height:1px;
}
.productContainer {
    width:740px;
    border:1px solid #00004A;
/*    background-image: url(../../../images/layout/menu_bg.png);
    background-repeat: repeat-x;
*/
}

.productContainer .productContents .left {
    width:200px;
    float:left;
}
.productContainer .productContents .right {
    float:left;
    display: block;
    max-width:539px;
    min-height: 180px; /* make sure the left border is as tall as the left column */
}

.product_info_border_left {
    border-left:1px solid #00004A;
}
.product_info_border_right {
    border-right:1px solid #00004A;
}
.productContainer .orderBar {
    background: #00004A;
    float:right;
    height:22px;
    line-height:22px;
    width:725px;
    text-align:right;
    padding-right: 15px;
}
.productContainer .orderBar a {
    color:#FFFF5E;
    font-weight:bold;
    
}
/* product image */
.productContainer .productContents .left .imageContainer {
    width:200px;
    height:100px;
    border-bottom:1px solid #00004A;
}

.productContainer .productContents .left .boxitem {
    background-color:#CDE3F3;
    border-bottom:1px solid #00004A;
    border-top:1px solid white;
    display:block;
    font-size:11px;
    padding:5px;
    text-align:left;
}

.productContainer .productContents .left .proefset {
    text-align: center;
    line-height: 22px;
}

.productContainer .productContents .left .proefset a {
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #00004a;
}

.productContainer .productContents .left .boxitem .row {
    clear:both;
    width:100%;
}
.productContainer .productContents .left .boxitem .row .label {
    clear:both;
    font-weight:bold;
}
.productContainer .productContents .left .boxitem .row .label_non_lens {
    clear:both;
    font-weight:bold;
    float:left;
}
.productContainer .productContents .left .boxitem .row .title {
    float:left;
    width:75%;
}
.productContainer .productContents .left .boxitem .row .val {
    float:right;
    width:25%;
}
.productContainer .productContents .left .no_bottom_border {
    border-bottom:0px;
}

.productContainer .productContents .left .box_product_boxprice {
    background:#CDE3F3;
    color:red;
    font-weight:bold;
    padding:5px;
}

.productContainer .productContents .left .vloeistof {
    padding:0px;
}
.productContainer .productContents .left .liquid_photo {
    background:white;
    padding: 5px 0px 5px 0px;
}
.productContainer .productContents .left .liquid_photo > .title {
    background:white;
    padding: 5px;
    font-weight: bold;
}
.productContainer .productContents .right > .title {
    border-bottom:1px solid #00004A;
    padding-left:5px;
    margin-bottom:5px;
    width:534px;
}
.productContainer .productContents .right  h2 {
    margin:20px 0 4px 5px !important;
}
.productContainer .productContents .right .description {
    padding-left:5px;
}
.productContainer .productContents .right .description * {
    max-width:520px;
}
/* set ul / p margin*/
.productContainer .productContents .right .description ul {
    padding:10px 10px 10px 20px;
    margin:5px;
}
.productContainer .productContents .right .description p {
    margin:5px;
    color: #00004A;
    font-size:11px;
}
.productContainer .productContents .right .description a {
    font-size:11px;
}
.productContainer .productContents .right .description .productColumn {
    width:260px;
    float:left;
}

.productContainer .productContents .right .description .productColumn .proefset {
    font-weight:bold;
    line-height:24px;
}

.productContainer .productContents .right .description .productColumn .boxitem {
    padding-bottom:10px;
}
/** ORDER PART **/
.productContainer .orderSection {
    clear:both;
}

#product_order_form .box_product_bestellen table, #proefset_product_order_form .box_product_bestellen table, table {
    width:742px; /* + 2 pixels.. cause the form has no borders */
}

#product_order_form .box_product_bestellen .tr_bestellen_blauw, #proefset_product_order_form .box_product_bestellen .tr_bestellen_blauw {
    background-color:#00004A;
    color:#FFFFFF;
    font-size:12px;
    height:22px;
    line-height:22px;
}
#product_order_form .box_product_bestellen .tr_bestellen_geel td, #proefset_product_order_form .box_product_bestellen .tr_bestellen_geel td, .tr_bestellen_blauw td {
    padding:0 0 0 2px;
}
#product_order_form .box_product_bestellen .tr_bestellen_geel, #proefset_product_order_form .box_product_bestellen .tr_bestellen_geel, .box_product_verwant .td_geel {
    background-color:#FFFF5E;
    color:#000000;
    font-size:12px;
    height:22px;
    line-height:22px;
}

#product_order_form .tr_bestellen_geel td, #proefset_product_order_form .tr_bestellen_geel td {
    border-bottom:1px solid #DDDDDD;
    border-left:1px solid #DDDDDD;
}

/* overwrite default h3 styling for #contentPage 
#product-reviews .review-items .item h3 {
    background:none;
    color:#00004A;
    font-size:115%;
    padding:0px;
}
*/
#product-reviews h3 {
    font-size:110%;
    background:none;
    color:#00004A;
    font-weight:bold;
    padding:0px;
    margin:0 0 4px;
}
#product-reviews .review-items .item hr {
    color: #00004A;
    background-color: #00004A;
    height: 1px;
    margin-top:-3px;
}

#product-reviews .review-items {
    padding-top:20px;
}

#product-reviews .review-items .item {
    clear:both;
    background:#edf1f3;
    margin-bottom:15px;
}

#product-reviews .review-items blockquote {
    background:url("../../../images/pullquote2.png") no-repeat scroll 0 0 transparent;
    font-family:Georgia,"Bitstream Vera Serif",serif;
    font-size:1em;
    font-style:italic;
    font-weight:normal;
    line-height:1.5em;
    margin:15px 0 10px;
    padding:6px 0 0 55px;
    min-height:50px;
    border:1px #BBBBBB solid;
}

#product-reviews .review-items .review {
    max-width:650px;
}

#product-reviews .review-items .infobar {
    clear:both;
    height:18px;
    line-height:16px;
    padding:2px;
    margin-top:5px;
}

#product-reviews .review-items .infobar .reviewer {
    width:250px;
    float:left;
}
#product-reviews .review-items .infobar .reviewdate {
    float:right;
    background-image: url('../../../images/icons/clock.png');
    background-repeat: no-repeat;
    padding-left:20px;
}

#product-reviews .review-form {
    padding-top:20px;
}


.orderSection .addToBasketBar {
    padding-top:15px;
    width:100%;
}

.orderSection .addToBasketBar #productCntLiner {
    width:70%;
    line-height:32px;
}


.productContainer .productContents .right .description .boxitem_staffel_container {
    width:230px;
}

.productContainer .productContents .right .description .boxitem_staffel_container .boxitem_staffel {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
    margin-bottom:10px;
    width:250px;
}
.productContainer .productContents .right .description .boxitem_staffel_container .boxitem_staffel div {
    font-weight:bold;
    line-height:20px;
    margin:3px;
}

.productContainer .productContents .right .description .boxitem_staffel_container .boxitem_staffel div.label {
    width:70%;
    float:left;
}
.productContainer .productContents .right .description .boxitem_staffel_container .boxitem_staffel div.price {
    float:right;
}

/* proefset button */
.productContainer .productContents .right .description .proefset .buttons, .productContainer .productContents .right .description .proefset .buttons button {
    width:252px;
    font-size:11px;
}
.productContainer .productContents .left .proefset .buttons  button {
    font-size:11px;
    padding:2px 5px 2px 5px;
    margin:0px;
}
.productContainer .productContents .right .description .productColumn .boxitem .liquid_photo {
    background:white;
    text-align:center;
    width:250px;
    border: 1px solid #C2E1EF;
}
.productContainer .productContents .right .description .productColumn .boxitem .liquid_photo .title {
    width:250px;
    background: #C2E1EF;
    color:#336699;
    font-weight:bold;
}
.productContainer .productContents .right .description .productColumn .boxitem .liquid_photo .title > a {
    padding:3px;
}