.pagetitle
{
    color: #FF3333;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
}

textbox
{
    border-style: solid;
    border-width: 1px;
}

textarea
{
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    width: 200px;
}

.FullWidth
{
    width: 100%;
}

.masterBody
{
	width: 760px;
}

.CenterTable, .ContentHolder
{
    width:100%;
    /*text-align:center;*/
}

.borderBottom1
{
    border-bottom: 1px solid #999999;
}

.masterBackground
{
  /*  text-align:-moz-center;
    #text-align:center;*/
}

.DefaultLabelCell
{
    font-size: 12px;
    color: Black;
    width: 173px;
    text-align: left;
}

.DefaultBorderSpacing
{
    width: 50px;
    text-align: left;
}

.DefaultComboCell 
{
    /*width: 537px;*/
	text-align: left;
}

input.submit
{
    width: 210px;
	height: 24px;
	color: #444444;
	font-weight:bold;
}

.ImageButtons
{
    margin: 4px;
    height: 24px;
}

.CMMTSelection td
{
    padding: 2px 0 4px 0;
}

/* Title & Flag area */

.AreaTitleFlag { height: 80px; }

.TitleArea { float: left;
             text-align: left; }
.SelectTitle { font-size: 26px;
               font-weight: bold; }
.SelectSubTitle { font-size: 16px;
                  position: absolute; }

.FlagArea { float: right; }
.divLanguageBar { padding: 5px 0 0 0; }
.LanguageButtons { margin: 0 3px;
                   width: 26px; }


/* Select vehicle & Search */

.AreaSelectSearch { height: 30px; }
.CategoryLabel { float: left;
                 font-size: 14px;
                 padding-top: 5px; }

.SearchArea { }
.SearchLabel { float: left;
               padding: 5px 10px 0 0;
               font-size: 12px;
               text-align: right; }
.SearchInput { float: left; }               
.SearchItem { width: 195px;
              height: 25px;              
              background: transparent url('../../App_Images/custom/SearchWindow.png') no-repeat top left;
              border: 0 none;
              outline: 0 none;
              padding: 0 30px 0 10px;
              font-size: 13px; }
.SearchButton { margin-left: -24px;
                position: absolute; }

/* Category Menu */

#CategoryMenu { height: 100px; width: 100%;
                clear: both; 
                text-align: center; }

.Category { width: 80px;
              float: left;
              padding: 0 15px 0 0; }

/* Verberg de 'alt' img tekst*/
.Category input { display: block;                
                  height: 68px;
                  line-height: 68px;
                  text-align: center;
                  color: transparent;
                  -webkit-border-radius:5px;
                  -moz-border-radius:5px;
                  -ms-border-radius:5px;
                  -o-border-radius:5px;
                  border-radius:5px; }

.Category input{ background:#bcbcbd;
                 background:-moz-linear-gradient(top, #bcbcbd 0%, #878788 100%);
                 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #bcbcbd), color-stop(100%, #878788)); }
.Category input:hover,
.Category input:focus,
.Category input:active{background:#8c8c8c;
                       background:-moz-linear-gradient(top, #8c8c8c 0%, #5a5a5a 100%);
                       background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8c8c8c), color-stop(100%, #5a5a5a));}

.Category .first{ background:#bcbcbd;
                    background:-moz-linear-gradient(top, #bcbcbd 0%, #878788 100%);
                    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #bcbcbd), color-stop(100%, #878788));}
.Category .first:hover,
.Category .first:focus,
.Category .first:active{ background:#c52331;
                        background:-moz-linear-gradient(top, #c52331 0%, #c52331 30%, #8c151a 100%);
                        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #c52331), color-stop(30%, #c52331), color-stop(100%, #8c151a));}

.Category .active{ background:#c52331;
                   background:-moz-linear-gradient(top, #c52331 0%, #c52331 30%, #8c151a 100%);
                   background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #c52331), color-stop(30%, #c52331), color-stop(100%, #8c151a));}
.Category .active:hover,
.Category .active:focus,
.Category .active:active{ background:#c52331;
                        background:-moz-linear-gradient(top, #c52331 0%, #c52331 30%, #8c151a 100%);
                        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #c52331), color-stop(30%, #c52331), color-stop(100%, #8c151a));}

/* Custom DropDown */

.DropDown 
{
     /*width: 537px;*/ }
/*.Header { width: 522px; 
          height: 21px;
          padding: 4px 0 0 15px;    
          background: transparent url('../../App_Images/custom/SelectionWindow.png') no-repeat top left;
          color: #000000;
          font-size: 13px; }*/
.Header {/*width:522px;*/
            height:18px;
            padding:2px 2px 2px 8px;
            margin-top: 10px;
            font-size: 13px;
            color: Gray;
            background:#F0F0F0 url('../../App_Images/motul/cmb_arrow.png') no-repeat 735px center;            
            border:2px solid #9e9d9e;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            -ms-border-radius:5px;
            -o-border-radius:5px;
            border-radius:5px; }                    
.Header.enabled { cursor:pointer;
                  color: Black;
                  background-color: #FFFFFF; }
.Options { width: 751px;
           position: absolute; 
           display: none;
           margin: 0 0 0 4px; }
.visible { display: block; }           
select { width:100%;
         border: 1px solid #D0D0D0; }         

.DefaultLabelCell .inactive { color: #D0D0D0; }
         
/* Buttons */
/*.SubmitButton
{	
	background: transparent url('../../App_Images/custom/BulletButton_fwd.png') no-repeat scroll top right;
	height: 20px;
	width: 240px;
	display: block;
	float: right;
	padding: 2px 30px 0 0;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;	
	font-family: Tahoma;	
	font-size: 13px;
	font-weight: bold;
	color: #C19B4A;	
}*/

.SubmitButton {
    float: right;
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 2px 10px 2px 10px;
    text-align: center;
    text-decoration: none;
	text-transform: uppercase;	
    font-size: 14px;
    color: #FFFFFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    background:#bcbcbd;
    background:-moz-linear-gradient(top, #bcbcbd 0%, #878788 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #bcbcbd), color-stop(100%, #878788));
}
.SubmitButton.enabled {
    background:#bcbcbd;
    background:-moz-linear-gradient(top, #bcbcbd 0%, #878788 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #bcbcbd), color-stop(100%, #878788));
}
.SubmitButton.enabled:active {
    height: 20px;
	padding: 3px 10px 5px 10px;
	outline: none;
}
.SubmitButton:hover
{
    background: #8c8c8c;
    background: -moz-linear-gradient(top, #c52331 0%, #8E151B 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c52331), color-stop(100%, #8E151B));
}
.SubmitButton.red
{
    background:#c52331;
    background:-moz-linear-gradient(top, #c52331 0%, #c52331 30%, #8E151B 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #c52331), color-stop(30%, #c52331), color-stop(100%, #8E151B));
}

.BackButton{ float: left;
                margin-right: 20px;
                display: block;                
                height: 24px;
                line-height: 24px;
                padding: 2px 10px 2px 10px;
                text-align: center;
                text-decoration: none;
	            text-transform: uppercase;	
                font-size: 14px;
                color: #FFFFFF;
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                -ms-border-radius:5px;
                -o-border-radius:5px;
                border-radius:5px; }
.BackButton { background:#bcbcbd;
                 background:-moz-linear-gradient(top, #bcbcbd 0%, #878788 100%);
                 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #bcbcbd), color-stop(100%, #878788)); }
.BackButton:hover { background:#8c8c8c;
                               background:-moz-linear-gradient(top, #8c8c8c 0%, #5a5a5a 100%);
                               background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8c8c8c), color-stop(100%, #5a5a5a));}
.BackButton:active{ height: 20px;
	                    padding: 3px 10px 5px 10px;
	                    outline: none; }

.NewSearchButton { float: left;
                    display: block;                
                    height: 24px;
                    line-height: 24px;
                    padding: 2px 10px 2px 10px;
                    text-align: center;
                    text-decoration: none;
	                text-transform: uppercase;	
                    font-size: 14px;
                    color: #FFFFFF;
                    -webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    -ms-border-radius:5px;
                    -o-border-radius:5px;
                    border-radius:5px; }
.NewSearchButton { background:#bcbcbd;
                 background:-moz-linear-gradient(top, #bcbcbd 0%, #878788 100%);
                 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #bcbcbd), color-stop(100%, #878788)); }
.NewSearchButton:hover { background:#8c8c8c;
                               background:-moz-linear-gradient(top, #8c8c8c 0%, #5a5a5a 100%);
                               background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #8c8c8c), color-stop(100%, #5a5a5a));}
.NewSearchButton:active{ height: 20px;
	                        padding: 3px 10px 5px 10px;
	                        outline: none; }

.BuyButton
{	
	background: transparent url('../../App_Images/custom/Button_wheretobuy.png') no-repeat scroll top left;
	height: 24px;
	width: 129px;
	display: block;
	float: right;
	padding: 8px 0 0 15px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;	
	font-family: Tahoma;	
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;	
}
.BuyButton:active
{	    
	height: 24px;
	padding: 9px 0 0 15px;
	outline: none;
}

/* Search Results */
.SearchResultsButtonArea { padding: 0 38px; }
.SearchCount { height: 50px;
               text-align: left; }

.AeraResults { width: 684px; }
.SearchResultsTop { width: 100%;
                    background: transparent url('../../App_Images/custom/ResultWindow_top.png') no-repeat scroll bottom center; }
.SearchResultsMiddle { width: 100%;
                       background: transparent url('../../App_Images/custom/ResultWindow_filler.png') repeat-y scroll top center; }
.SearchResultsMiddle select { width: 670px;                              
                              border: 0 none;
                              background: transparent; }
.SearchResultsBottom { width: 100%;
                       background: transparent url('../../App_Images/custom/ResultWindow_bottom.png') no-repeat scroll top center; }
                       
.ListBox { width: 670px;
	       height: 170px;				
	       margin-left: 44px;
	       border: 0 none;
	       overflow-y: scroll;
	       overflow-x: hidden;
	       background-color: transparent; }
ul.List,
ul.List ul { width: 100%;
	         display: block;
	         margin: 0;
	         padding: 0;
	         position: relative;
	         text-decoration: none; }
ul.List li { width: 100%;
	         padding: 1px 0 0 2px;
	         background-color: transparent;
	         list-style: none outside none;
	         position: relative;					
	         font-family: Arial;
	         font-size: 13px;
	         text-align: left; }
ul.List li:hover { background-color: #E3E3E3;
	               color: #000000; }			
ul.List li.selected,
ul.List li.selected:hover { background-color: #E03B45;	
	                        color: #FFFFFF; }
ul li { -moz-user-select: -moz-none;
	    -khtml-user-select: none;
	    -webkit-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    cursor: default; }
	    
	    
/* ###### KBA ###### */

#KBA-title
{
    font-size: 14px;
    text-align: left;
}
.help
{
    font-size: 10px;
    margin-left: 5px;
    border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.help:hover
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	cursor: help; 
}


#kbacontainer
{
    margin-top: 25px;
}
#kbacontainer #left
{
    float: left;
    width: 160px;
    text-align: right;
}
#kbacontainer #left label
{
    display: inline-block;
    font-size: 12px;
    margin-top: 8px;
}
#kbacontainer #right
{
    margin-left: 186px;
}

#KBA-title .small
{
    font-size: 9px;
    margin-left: 5px;
    border-bottom-width: 1px;	
	border-bottom-style: dotted;   
}
#KBA-title .small:hover
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	cursor: help; 
}

.HsnTsnLabel
{
	padding-left: 10px;
    margin-right: 20px; 
    color: Black;    
    font-size: 12px;
}
.HsnTsnLabel.left
{
    margin-right: 0;
    margin-left: 70px;
}

.divHsnTsnLabel
{
    margin-left: 37px;
    vertical-align: top;
}

.divHsnTsnLabel,
.divHsnTsnTextbox
{
	/*float: right;*/
	display: inline-block;
	line-height: 32px;
}
.HsnTsnTextbox
{
	padding-left: 5px;
	float:right;
    display:inline;
    width:150px;
    height:24px;
    padding:2px 10px;
    border:2px solid #9e9d9e;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.HsnTsnTextbox input
{
	width: 100%;
	display:block;    
    height:24px;
    padding:0;
    border:none;
    text-transform: uppercase;	
}

.divHsnTsnButton
{
    margin-left: 25px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
}

input[type="text"].watermark, textarea.watermark {
    color: #aaaaaa; }
    
.optionline
{
    position: relative;
    height: 30px;
    margin-top: 30px;
}
.optionline.top
{
    margin-top: 0;
}
.optionline .line
{
    background-color: #c52331;
    height: 2px;
}
.optionline span
{
    background-color: white;
    color: #000000;
    font-weight: bold;
    text-align: center;
    font-size: 23.4px; /* Font moest 30% groter dan de vorige 18px */
    display: inline-block;
    width: 100%;
}