/*  GENERIC
    WRAPPER
    HEADER
    MENU
    SUBMENU
    CONTENT
    FOOTER
    COLLECTIES MENU
    SUBCOLLECTIES MENU
    PRODUCT NAVIGATION
    BEURZEN
    PERS
    DEALERS
    DEALERS RESULTATEN
    DEALERS PAGING
    CONTACTFORM
    REGISTER PERS
    PRODUCT DETAIL
    ERROR MESSAGES
    NOTIFICATION MESSAGES   
    SEARCH
    HOMEPAGE
    TOOLTIP
    NOFLASH
*/

/* =GENERIC
   ---------------------------------------------------- */
   
html, body
{
    height: 100%;
    margin: 0;
    padding: 0;
        
    font-family: 'Trebuchet MS', Verdana, Arial, 'Times New Roman';
    color: #565656;
    
    background-color: #ededed;
    background-image: url(../images/background.jpg);
    background-repeat: repeat-x;
}

body
{
    font-size: 0.75em;
}

h2
{
    margin: 0 0 12px 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 1em;    
}

h3
{
    margin: 0;
    padding: 0;
    font-size: 1.17em;
    text-transform: uppercase;
}

h4
{
    margin: 11px 0 0 0;
    padding: 0 0 3px 0;
    border-bottom: solid 1px #9B8B83;
}

h4 img
{
    display: block;
}

form
{
    margin: 0;
    padding: 0;
}

img
{
    border: 0;
}

a:hover
{
    text-decoration: none;
}

.clearBoth
{
	clear: both;
}

.invisible
{
    display: none;
}

/* =WRAPPER
   ---------------------------------------------------- */

#wrapper
{
	width: 100%;
    margin: 0;
    text-align: left;
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

/* =HEADER
   ---------------------------------------------------- */

#logo
{
	float: left;
	margin: 40px 0 0 50px;
}

/* =MENU
   ---------------------------------------------------- */

#menuWrapper
{
    float: right;
    display: inline;
    width: 600px;  
    margin: 50px 50px 0 0;
}

#menu
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu li
{
    float: right;
    display: inline;
  	padding: 0 15px 0 15px;
  	margin: 0;
}

#menu li a
{
    display: block;
    margin-bottom: 5px;
	padding-bottom: 7px;
	    /*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 0.92em;
	color: #565656;
	text-transform: uppercase;
    text-decoration: none;
}

#menu li a:hover, #menu li a.menuselected
{
	border-bottom: 1px solid #565656;
  
}

/* =SUBMENU
   ---------------------------------------------------- */

#submenuWrapper
{
    position: absolute;
    top: -100px;
    right: 0;
    width: 500px;  
    margin: 50px 50px 0 0;
    font-size: 1.1em;
}

#submenu
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#submenu li
{
    float: right;
    display: inline;
  	padding: 0 15px 0 15px;
  	margin: 0;
}

#submenu li a
{
    display: block;
    margin-bottom: 5px;
	padding-bottom: 7px;
	    /*font-family: Arial, Helvetica, sans-serif;*/
	color: #565656;
	text-transform: uppercase;
    text-decoration: none;
}

#submenu li a:hover, #submenu li a.menuselected
{
	border-bottom: 1px solid #565656;
}

/* =CONTENT
   ---------------------------------------------------- */

#content
{
    padding: 20px 50px 200px 50px;   
}

#pageContent, #productContent
{
    position: relative;
    margin: 0 auto;
    width: 675px;
    /*border: solid 1px red;*/
}

/* =FOOTER
   ---------------------------------------------------- */

#footer 
{
    position: absolute;
    bottom: 0;
    width: 100%;
	
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0.83em;
    
    background-image: url(../images/backCol.jpg);
	background-repeat: repeat-x;
	background-position: center top;
    background-color: #aeaeae;    
}

/* =COLLECTIES MENU
   ---------------------------------------------------- */

#collections
{
    margin: 0 0 0 45px;
    padding: 0;
    list-style: none;
}

#collections li
{
    position: relative;
    float: left;
    display: inline;
	padding: 21px 15px 0 15px;
}

#collections li a
{
    display: block;
   	/*margin-bottom: 10px;
	padding-bottom: 15px;*/
	border-bottom: 1px solid #aeaeae;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 0.92em;*/
	text-transform:uppercase;
    text-decoration: none;
	color: #FFFFFF;
}

#collections li a:hover, #collections li a.selected
{
	border-bottom: 1px solid #FFFFFF;
}

/* =SUBCOLLECTIES MENU
   ---------------------------------------------------- */

#collections li ul.subcollection
{
    position: absolute;
    width: 300px;
    top: 40px;
    left: -30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#collections li ul.subcollection li
{
    float: left;
    display: inline;
	margin: 0;
	padding: 5px;
	background-color: #EFEFEF;
}

#collections li ul.subcollection li a
{
    display: block;
	border-bottom: 1px solid #aeaeae;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
    text-decoration: none;
	color: #565656;
}

#collections li ul.subcollection li a:hover, #collections li ul.subcollection li a.selected
{
	border-bottom: 1px solid #565656;
}

/* =PRODUCT NAVIGATION
   ---------------------------------------------------- */

#previous
{
    position: absolute;
    top: 67px;
    left: 10px;
}

#next
{
    position: absolute;
    top: 67px;
    right: 10px;
}

#products
{
    margin: 33px auto 20px auto;
    /*margin: 0 auto 0 auto;*/
    overflow: hidden;
    width: 91%;
    /*border: solid 1px red;*/
}

#products ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    width: 50000px;
}

#products ul li
{
	float: left;
	margin: 0 25px 0 25px;
}

#products ul li img
{
	/*width: 63px;*/
	height: 56px;
	border: solid 3px #818181;
}

#products ul li img:hover
{
    border: solid 3px #FFFFFF;
}  

#products ul li #noProductsInCollection 
{
    height: 63px;            
}

.productOver
{
    border: solid 3px #FFFFFF;
}   

/* =BEURZEN
   ---------------------------------------------------- */ 

#beurzen
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#beurzen a 
{
    color: #565656;
}

#beurzen li
{
    padding: 12px 12px 12px 68px;
}

#beurzen li.first
{
    background-color: #E4E4E4;
}

/* =PERS
   ---------------------------------------------------- */ 

#pressContent
{
    margin: 0 auto;
    width: 600px;
    /*margin: 0 auto;*/
    /*OLD: padding: 10px;*/
    /*width: 755px; */
    background-color: #C7C8C7;
    border: solid 8px #E1E1E1;  
}
    
#pressLogin
{
    float: left;
    display: inline;
    margin: 25px 0 0 10px;
    padding: 31px 20px 21px 20px;
    width: 240px;
    height: 91px;
    background-color: #E0E0E0;    
}

#pressLogin a
{
    color: #787777;
}

#pressLogin ul
{
    float: left;
    margin: 20px 0 0 0;
    padding: 0;
    width: 150px;
    list-style: none;
}

#ctl00_cphBody_btnLogin
{
    margin: 20px 0 0 0;
    float: right;
}

#pressLogin ul li
{
    padding: 0 10px 0 0;
    float: left;
    font-size: 0.92em;
}

.marketingFoto
{
    float: left;
    margin: 10px 0 10px 30px;
    display: inline;
}

.pressTextBox
{
    padding: 3px 4px 3px 0;
    width: 238px;
    color: #7D7D7D;
    text-align: right;
    font-size: 0.92em;
}

.pressTextBoxError
{
    padding: 3px 4px 3px 0;
    width: 238px;
    color: #7D7D7D;
    text-align: right;
    font-size: 0.92em; 
    border: solid 1px #CD3C3C;    
}

/* =AGENT
   ---------------------------------------------------- */ 
#ctl00_cphBody_downloadStock
{
    padding: 30px 0 120px 0;     
    text-align: center;   
}

#ctl00_cphBody_downloadStock a
{
    color: #000000;
}

/* =DEALERS
   ---------------------------------------------------- */ 

#dealersContent
{
    margin: 0 auto;
    padding: 10px;
    width: 675px;
    background-color: #C7C8C7;
    border: solid 8px #E1E1E1;    
}

#dealersContent select
{
    width: 80px;
}

#dealersContent ul
{
    margin: 0 auto;
    padding: 0;
    width: 300px;
    list-style: none;
}

#dealersContent ul li
{
    clear: left; 
    padding: 0 0 7px 0;   
}

#dealersContent ul li label
{
    padding: 0 10px 0 0;
    float: left;
    display: block;
    width: 120px;
    text-align: right;
}

/* =DEALERS RESULTATEN
   ---------------------------------------------------- */ 

.dealersTextBox
{
    width: 140px;
}

.dealersTextBoxError
{
    width: 140px;
    padding: 2px;
    border: solid 1px #CD3C3C;    
}

#dealers
{
    margin: 20px auto;
    padding: 0;
    width: 695px; 
    /*border: solid 1px red; */
}

#dealers table
{
    width: 100%;
}

#dealers table tr td
{
    width: 25%;
    padding: 0 10px 0 15px;
    vertical-align: top;
    border-right: solid 1px #BFC0C0; 
    height: 120px;  
}

#dealers table tr td.lastItem
{
    border: 0;
}

#dealers table tr td a
{
    color: #565656;
}
    

/*#dealers ul 
{
    margin: 0;
    padding: 0;
    list-style: none;  
}

#dealers ul li
{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 10px;
    height: 120px;
    min-height: 120px;
    height: auto !important;
    border-right: solid 1px #BFC0C0;
}*/

/* =DEALERS PAGING
   ---------------------------------------------------- */ 

#ctl00_cphBody_paging
{
    text-align: center;    
}

#ctl00_cphBody_paging a
{
    color: #565656;
}

/* =CONTACTFORM
   ---------------------------------------------------- */ 

#contactContent
{
    margin: 0 auto;
    padding: 10px;
    width: 755px; 
    background-color: #C7C8C7;
    border: solid 8px #E1E1E1;  
}

#contactContent ul.contact
{
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}

#contactContent ul.contact li
{
    clear: left; 
    padding: 0 0 7px 0;   
}

#contactContent ul.contact li label
{
    padding: 0 10px 0 0;
    float: left;
    display: block;
    width: 120px;
    text-align: right;
}

#contactContent select, #contactContent select.dropdownlist
{
    width: 206px;
}

#contactContent .dropdownlistError
{
    /*width: 206px;  */  
    color: #CD3C3C;
    font-weight: bold;
    border: solid 1px #CD3C3C;
}

#contactInfo
{
    margin: 5px 0 15px 0;
    text-align: center;    
}

#contactInfo a
{
    color: #565656;
}    

.contactFormTextBox
{
    width: 206px;
}

.contactFormTextBoxLarge
{
    width: 206px;
    height: 130px;
    overflow: hidden;
}

.contactFormTextBoxError
{
    width: 206px;
    border: solid 1px #CD3C3C;    
}

#optionalChoices
{
    float: right;
    display: inline;
    margin: 0 71px 0 0;
    padding: 0;
    list-style: none;
    /*border: solid 1px red;*/
}

#optionalChoices li
{
    clear: left;
}

#optionalChoices li label
{
    float: left;
    display: inline;
    width: 330px;  
    padding: 0 10px 0 0;  
    text-align: right;
}

#ctl00_cphBody_btnSend
{
    clear: both;
    float: right;
    display: inline;
    margin: 20px 71px 0 0;    
}

/* =REGISTER PERS
   ---------------------------------------------------- */ 

#registerPersContent
{
    margin: 0 auto;
    padding: 10px;
    width: 750px; 
    background-color: #C7C8C7;
    border: solid 8px #E1E1E1;    
}

#registerPersContent ul.registerPers
{
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

#registerPersContent ul.registerPers li
{
    clear: left; 
    padding: 0 0 7px 0;   
}

#registerPersContent ul.registerPers li label
{
    padding: 0 10px 0 0;
    float: left;
    display: block;
    width: 120px;
    text-align: right;
}

#registerPersContent select
{
    width: 206px;
}

.registerPersTextBox
{
    width: 206px;
}

.registerPersTextBoxLarge
{
    width: 206px;
    height: 130px;
    overflow: hidden;
}

#optionalChoicesPersRegister
{
    float: right;
    display: inline;
    margin: 0 68px 0 0;
    padding: 0;
    list-style: none;
    /*border: solid 1px red;*/
}

#optionalChoicesPersRegister li
{
    clear: left;
}

#optionalChoicesPersRegister li label
{
    float: left;
    display: inline;
    width: 330px;  
    padding: 0 10px 0 0;  
    text-align: right;
}

/* =PRODUCT DETAIL
   ---------------------------------------------------- */ 
   
#productImage
{
    position: relative;
    width: 445px;
    margin: 0;
    padding: 0;
    /*border: solid 1px yellow;*/
}

#productImage img
{

}

#productDescription
{
    position: relative;
    float: right;
    width: 200px;
    /*border: solid 1px green;*/
}

#productDescription ul
{
    margin: 10px 0 0 40px;
    padding: 0;
    list-style: none;
}    

#lifestyle
{
    margin: 15px 0 0 0;
    /*width: 75px;*/
    height: 100px;
    /*float: left;*/
    
    /*position: absolute;
    bottom: 0;
    left: -155px;*/
}

#moulure
{
    margin: 10px 0 0 0;
}

#loading
{
    width: 100%;
    text-align: center;
}

#loading img
{
    margin: 80px 0 0 0;
}

#loadingProductImage
{
    display: block;
    margin: 20px auto;
}

#richting
{
    /*position: absolute;*/
    float: left;
    margin: 14px 0 0 0;
}

#productFoto
{
    /*display: none;*/
    /*position: absolute;*/
    /*float: right;*/
    margin: 0 auto;
    display: block;
    max-height: 350px;
}

/* =ERROR MESSAGES
   ---------------------------------------------------- */

.errorMessage
{
    position: relative;
    margin: 0 0 10px 0;
    padding: 6px 0 6px 0;
    color: #FFFFFF; 
    font-weight: bold;
    text-align: center;
    /*text-transform: uppercase;*/
    background-color: #CD3C3C;    
}

/* =NOTIFICATION MESSAGES
   ---------------------------------------------------- */

.notificationMessage
{
    position: relative;
    margin: 0 0 10px 0;
    padding: 6px 0 6px 0;
    font-weight: bold;
    text-align: center;
    color: #565656;
    background-color: #FFFFFF;    
}

/* =SEARCH
   ---------------------------------------------------- */ 

#ctl00_ctlCollecties_pnlSearch
{
    position: absolute;
    top: 10px;
    right: 10px;
}

#ctl00_ctlCollecties_pnlSearch ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#ctl00_ctlCollecties_pnlSearch ul li
{
    float: left;
}

.TextBoxSearch
{
    width: 80px;    
}

.TextBoxSearchSmall
{
    width: 35px;        
}

/* =HOMEPAGE
   ---------------------------------------------------- */ 

#homepage
{
    margin: 50px auto;
    width: 640px;
}

#moviepage
{
    margin: 20px auto;
    width: 880px;
}

#loadDealers
{
    text-align : center;
}

/* =TOOLTIP
   ---------------------------------------------------- */ 

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}

#tooltip h3, #tooltip div 
{
    margin: 0; 
    font-size: 1em;
    text-transform: lowercase;
}

/* =NOFLASH
   ---------------------------------------------------- */ 

#noFlash, #noFlashLargeMovie
{
    /*text-align: center;*/
}

#noFlash h1, #noFlashLargeMovie h1
{
    font-size: 1.2em;
}

#noFlash a
{
    color: #565656;
}

#routeContact
{
    vertical-align: middle;    
}

#routeContact a
{
    color: #565656;
}

/* SEARCH BOX */

#outer-div 
{
    position: absolute;
    right: 0; 
    bottom: 125px;
    z-index: 1000;
}

#searchList
{
    height: 0px; /*moet 0 zijn, wordt aangepast door javascript!*/
    width: 510px;
    background-color: #ADADAD;
    text-transform: uppercase;
}

.inner-list
{
     float: left;
     text-align: left;     
}

#inner-list_stijl
{
    width: 70px;
    padding: 5px 0px 0px 15px;
}

#inner-list_vorm
{
    width: 70px;
    padding: 5px 0px 0px 15px;
}

#inner-list_afmetingen
{
    width: 180px;
    padding: 5px 0px 0px 15px;
}

#inner-list_artcode
{
    width: 100px;
    padding: 5px 0px 0px 15px;
}

#search-open, #search-close
{
    display: block;
    height: 18px;
    width: 75px;
    margin: 0px 0px 0px 400px;
    background-color: #E1E1E1;
    padding: 4px 10px 0px 10px;
    font-weight: bold;
    color: #565656;
    text-decoration: none;
    text-transform: uppercase;
}

.search-button
{
    display: block;
    height: 18px;
    width: 100px;
    background-color: #E1E1E1;
    margin: 0px;
    padding: 4px 10px 0px 10px;
    font-weight: bold;
    color: #565656;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

#search-button-terms
{
    margin: 135px 0px 0px 0px;
}

#search-button-options
{
    margin: 20px 0px 0px 44px;
    ^margin: 22px 0px 0px 44px;    
}

#search-open:hover, #search-close:hover, .search-button:hover
{
     background-color: #565656;
     color: #E1E1E1;
}

.h3Margin
{
    margin: 0px 0px 5px 0px;
}

.vAlignTop
{
    height: 30px;
    vertical-align: middle;
}