@import url('../smoothbox.css');
@import url('../resetSettings.css');
@import url('../standardSettings.css');

/* -----------------------------------*/
/* ------->>> BASIC LAYOUT <<<--------*/
/* -----------------------------------*/

/* Mortel */
/* - Camee  = #EDE5B6 */
/* - Oranje = #FFB400 */
/* - Grijs = #717171 */

:root
{
 overflow-y:scroll;
}

/* A - Kleur achtergrond */
body, html, form
{
    height:100%;
    width:100%;
    background-color:#EDE5B6;   
}

/* LAY OUT BASIS */ 
.fullHeight
{
    margin:0 auto;
    width:100%;
}
.wrap
{
    margin:0 auto;
    width:100%;
    height:100%;
}

/* Linkerkant onder menu */
.middleColumn
{
    width:959px;                                                           /* Totale breedte webpage */
    background-image:url(../../images/klant/evMortelb2b/bg.jpg);      /* B - Ruimte/afbeelding onder linker menu */
    background-repeat:repeat-y; 
}
.leftBgColumn
{
    background-color:#EDE5B6;                                               /* C - Kleur links van linker menu */
    background-image:url(../../images/bg-LeftColumn.gif);                   /* D - Afbeelding tussen B en C */
    background-position:right;
    background-repeat:repeat-y;
    border-right:1px solid ##717171;
}
.rightBgColumn
{
    background-color:#EDE5B6;                                               /* E - Kleur rechts van webpage */
    background-image:url(../../images/bg-RightColumn.gif);                  /* F - Afbeelding tussen webpage en E */
    background-position:left;
    background-repeat:repeat-y; 
    border-left:1px solid ##717171;
}
.logoCell
{
    width:98px;
    height:98px;
    background-color:#EDE5B6;
    font-size:0;
    background:#EDE5B6 url(../../images/klant/evMortelb2b/logo.jpg) no-repeat; 
}
/* Bovenkant van het form */
.topNavigationCell
{
    width:714px; /* 719 - 5px padding */
    padding-right:5px;
    background:#EDE5B6 url(../../images/klant/evMortelb2b/back_header_right.png) no-repeat; 
}


/* SEARCHBOX */
.searchBox
{
    float:right;
    height:27px; /* -- padding */
    padding-top:5px;
    padding-left:2px;

}
.searchBox .input
{
    width:178px;
    margin-top:20px;
    margin-left:6px;
    margin-right:5px;   
}
.searchBox label
{
    color:#000000;
}

/* NAVIGATION TAB STRIP */
.navigationTabStrip
{
    margin-top:100px;    
    margin-left:120px;    
}

.navigationTabStrip a
{
    float:left;
    display:block;
    padding:10px;
    color:#717171;
    text-decoration:none;
}
.navigationTabStrip a:hover
{
    background:#717171;
    text-decoration:none;   
    color:#ffffff;
}
.navigationTabStrip a.active
{
    background-color:#DEDEDE;
    font-weight:bold;
    text-decoration:none;   
    color:#595959;
}

/* NAVIGATION MENU */
.navigationMenu
{
    background-color:#EDE5B6;
    padding:0 5px 15px 5px;
    color:#717171;
    font-weight:bold;
}

/* De titel (Online Ordering) */
.navigationMenu .title
{
    font-weight:bold;
    font-size:18px;
    padding:10px 0px 10px 5px;
    border-bottom: 1px dotted #ffffff;      
    color:#717171;
}

/* De menu items */
.navigationMenu a
{
    font-weight:bold;
    font-size:14px;
    display:block;
    padding:5px 5px 5px 5px;    
    color:#717171;  
    text-decoration:none;
}

.navigationMenu a.heading
{
    font-weight:bold;
    font-size:14px;
    margin-top:10px;
    font-weight:bold;
}

/* Hoover over het linker menu */
.navigationMenu a.active, .navigationMenu a:hover
{
    background-color:#717171;   
    font-weight:bold;
    color:#EDE5B6;
    text-decoration:none;   
}


/* Kopjes boven de menu-items (Ordering / Instellingen / Uuiterste Besteltijd)*/
.navigationMenu strong
{
    margin-top:10px;    
    display:block;
    padding:10px 5px 10px 5px;    
    color: #717171;  
    text-decoration:none;
    font-size:18px;
}


.navigationMenu .padFive
{
    font-weight:bold;
    color:#717171;
}


/* CONTENT AREA */
.contentArea
{
    padding-left:5px;
    color:#595959;
    width:714px; /* 719 - 5px padding */    
}
.contentArea .breadCrumb 
{
    padding:10px 0px 10px 5px;
    border-bottom: 1px dotted #b2b2b2;      
    margin-bottom:5px;
    margin-right:5px;
    height:11px;    
}
.contentArea .breadCrumb .left, .contentArea .pager .left
{
    float:left;
}
.contentArea .breadCrumb .right, .contentArea .pager .right
{
    float:right;
}
.contentArea .pager .left, .contentArea .pager .right
{
    padding-top:4px;
    padding-bottom:4px;
}
.contentArea .pager .right
{
    padding-right:5px;
}
.contentArea .breadCrumb a, .contentArea .pager a
{
    color:#595959;
    text-decoration:underline;
    margin:0 2px 0 2px;
}
.contentArea .breadCrumb span, .contentArea .pager span
{
    font-weight:bold;
}
.productPager td
{
    padding-left:2px;
    padding-right:3px;
}
/* PRODUCT LAYOUT SHARED */
.productBig .input, .productNoPicture .input, .productSmall .input, .productDetail .input
{
    width:25px;
    height:15px; /* overwritten in IE specific in combi with padding top */
    text-align:right;
    padding-right:2px;
}
.productBig .button, .productNoPicture .button, .productSmall .button, .productDetail .button
{
    width:185px;
    height:20px;
}
.productBig select, .productNoPicture select, .productSmall select, .productDetail select
{
    width:220px;
    margin-top:5px;
    margin-bottom:4px;
}
.productBig img, .productSmall img , .productDetail img
{
    border:1px solid #b2b2b2;
}
.productBigLineHorizontal, .productSmallLineHorizontal
{
    float:left;
    margin:5px 5px 5px 0;
    width:709px;
    border-bottom:1px dotted #b2b2b2;
}
/* CONTENT LAYOUT BIG */
.productBig
{
    float:left;
    width:219px; /* -- padding */
    height:238px;
    padding:5px;    
    background-color:#eeeeee;
    color:#595959;
}
.productBig div.title
{
    padding:5px;
    margin-bottom:5px;
    font-weight:bold;
}
.productBig a
{
    display:block;
    color:#595959;
    text-decoration:none;
    background-image:url(../../images/icon-info.gif);
    background-position:top right;
    background-repeat:no-repeat;
    text-decoration:none;   
}
.productBig a:hover
{
    background-image:url(../../images/icon-info-active.gif);
    text-decoration:none;
}
.productBigLine
{
    float:left;
    margin:0 5px 0 5px;
    height:248px;
    border-right:1px dotted #b2b2b2;
}

/* PRODUCT LAYOUT NoPicture */
.productNoPicture
{
    width:709px;
}
.productNoPicture td
{
    background-color:#eeeeee;
    padding-top:5px; /* padding bottom is arranged by select */     
}
.productNoPicture tr.alt-row td
{
    background-color:#EDE5B6;   
}
.productNoPicture .name
{
    padding:0;  
}
.productNoPicture .name a div
{
    cursor:pointer;
    color:#595959;
    text-decoration:none;
    background-image:url(../../images/icon-info-noPicture.gif);
    background-position:top right;
    background-repeat:no-repeat;
    height:19px;
    padding:10px 0px 0px 10px;
    font-weight:bold;
    width:246px;
}
.productNoPicture .name a:hover div
{
    background-image:url(../../images/icon-info-noPicture-active.gif);  
}
.productNoPicture .input
{
    margin:0;
    margin-left:4px;
    width:21px;
}
.productNoPicture .button
{
    margin:0;
    margin-left:5px;
    position:relative;
    top:-2px;   /* also in IE specific */
    float:right;
}
.productNoPicture select
{
    margin:0;
    margin-left:5px;
    margin-bottom:4px;
}
/* Product SMALL */
.productSmall
{
    float:left;
    width:344px; /* -- padding */
    height:69px; /* -- padding */
    padding:5px;    
    padding-left:0px; /* left padding is in the TD of the table */
    background-color:#eeeeee;
    color:#595959;
}
.productSmall td
{
    padding-left:5px;
}
.productSmall div.title
{
    padding:5px;
    font-weight:bold;
}
.productSmall a
{
    display:block;
    color:#595959;
    text-decoration:none;
    background-image:url(../../images/icon-info.gif);
    background-position:top right;
    background-repeat:no-repeat;
    text-decoration:none;   
}
.productSmall a:hover
{
    background-image:url(../../images/icon-info-active.gif);
    text-decoration:none;
}
.productSmallLine
{
    float:left;
    margin:0 5px 0 5px;
    height:79px;
    border-right:1px dotted #b2b2b2;
}
.productSmall .button
{
    width:208px;
}
.productSmall select
{
    width:242px;
    margin-top:4px;
    margin-bottom:3px; /* also in IE Specific */
}
/* ProductDetail */
.productDetail td
{
    background-color:#eeeeee;   
}
.productDetail .productSpecification 
{
    background-color:#EDE5B6;
}
.productDetail .left
{
    width:99px; /* -- padding */
    text-align:right;
    padding-right:10px;
    padding-top:10px;   
    padding-bottom:10px;    
}
.productDetail .right
{
    width:99px; /* -- padding */
    text-align:right;
    padding-right:10px;
    padding-top:10px;
}
.productDetail .lineLeft
{
    border-left:5px solid #EDE5B6;  
    padding-top:10px;
    padding-left:10px;
}
.productDetail .lineLeft.withImage
{
    padding-left:5px;
    padding-right:5px;
    padding-top:0px;
}
.productDetail .lineLeft.withControls
{
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
}
.productDetail .lineRight
{
    width:5px;
    background-color:#EDE5B6;
    border-right:1px dotted #b2b2b2;    
}
.productDetail .lineRightText
{
    width:5px;
    border-left:1px dotted #b2b2b2; 
}
.productDetail .text
{
    width:339px;
    line-height:16px;
    padding-bottom:10px;
}
.productDetail .pricePerItem
{
    font-size:18px;
    padding-right:5px;
}
.productDetail hr
{   
    margin:0;
    padding:0;
    height:1px;
    color:#EDE5B6;
    background-color:#EDE5B6;
    padding-top:5px;
    border:0;
    border-bottom:1px dotted #b2b2b2;       
}
.productDetail .last
{
    padding-bottom:5px; 
}
.productDetail .horizontalDividerLeft
{
    background-color:#EDE5B6;
    height:11px; /* also in IE specific */
}
.productDetail .horizontalDividerRight
{
    background-color:#EDE5B6;
    height:11px; /* also in IE specific */
    padding-left:5px;
}

.productDetail .horizontalDividerFullWitdh
{
    background-color:#EDE5B6;
    height:11px;
}
/* PROBABLY TO COMPLEX
.productDetail .horizontalDividerLeft div
{
    margin-top:5px;
    width:109px;
    border-bottom:1px dotted #b2b2b2;
}
.productDetail .horizontalDividerRight div
{
    margin-top:5px;
    margin-left:5px;    
    width:229px;
    border-bottom:1px dotted #b2b2b2;
}
.productDetail .horizontalDividerFullWitdh div
{
    margin-top:5px;
    width:349px;
    border-bottom:1px dotted #b2b2b2;
}
*/
.productDetail .button
{
    margin-left:5px;
    width:180px;
}
.productDetail select
{
    width:219px;
    margin-top:0px;
    margin-bottom:5px; /* also in IE Specific */
}
/* OTHER */
a.ExtraVestigingLink
{
    display:block;
    position:relative;
    top:2px;
    color:#595959;
    padding-top:5px;
    padding-bottom:7px;
    margin-right:10px;
    margin-bottom:5px;
    height:14px;
    text-decoration:none;
    background-image:url(../../images/extravestiging-nl.gif);
    background-position:top right;
    background-repeat:no-repeat;
    text-decoration:none;   
}
a:hover.ExtraVestigingLink
{
    background-image:url(../../images/extravestiging-nl-active.gif);
}
.footer
{
    vertical-align:bottom;
    border-bottom:1px solid #cccccc;
}
/* FORM ELEMENTS */
input.input
{
    height:15px; /* displays as 19px in ff */
}
input.button
{
    position:relative;
    top:1px;
    height:19px; /* displays as 18px in ff */
}