/* ==================================== */
/*	DIV's & PANES						*/
/* ==================================== */

table td.reToolZone
{	
	font-size: 11px !important;
}
#SkinMaster
{
    text-align: center;
    font-family: Arial;
    background-color: #EEE;
}

.SkinTop
{
    height: 130px;
    margin: 10px 0px 0px 0px;
    background-color: #FFF;
}

.SkinCenter
{
    text-align: left;
    width: 960px;
    margin: auto;
}

#SkinCenterTop.SkinCenter {
    height: 130px;
    background: #FFF url('Images/header_image_page.jpg') right center no-repeat; 
}

.Logo
{
    width: 200px;   
    float:left;
}

.SkinMenu
{
    background-color: #000;
    height: 30px;
    margin: 0px 0px 0px 0px;
}

.Baseline
{
    font-size: 32px;
    color: #009a49;
    float: left;
    width: 320px;
	margin:0px 0px 0px 30px;
    _margin: 15px 0px 0px 30px;
    text-align: center;
}

.LoginButton 
{
   float: left;
   border-right: 1px solid #FFF;
   line-height: 30px;
    }
    
.HomeButton 
{
   float: left;
   border-right: 1px solid #FFF;
   line-height: 30px;
    }
    
.HomeButton:hover,
.LoginButton:hover 
{
   color: #fff;
   background-color: #009a49;
   cursor: pointer;
    } 
      
.HomeButton a, .HomeButton  a:visited,
.LoginButton a, .LoginButton  a:visited
{
   color: #fff;
   font-size: 14px;
   text-decoration: none;
   padding: 7px 20px 7px 20px;
   _padding: 7px 20px 8px 20px;
}

.HomeButton a:hover,
.LoginButton a:hover
{
    color: #FFF;
    text-decoration: none;
    background-color: #009a49;
    cursor: pointer;
    padding: 7px 20px 7px 20px;
    _padding: 7px 20px 8px 20px;
}

.LoginButton a:focused
{
    background-color: #009a49;
    color: #FFF;
}

.Language
{
    width: 960px;
    text-align: right;
    font-size: 14px;
    margin: 15px auto 0px auto;
    _margin: 0px auto;
	
    }
.Language a, .Language a:visited
{
    color: #000;
    }
    
.Language a:hover
{
    color: #000;
    text-decoration: none;
    }      
   
.AddSM 
{
    float: left;
    text-align: right;
    margin: 7px 0px 0px 10px;
    _margin: 7px 0px 0px 5px;
}

a.addthis_button_twitter,
a.addthis_button_facebook,
a.addthis_button_compact
{ 
    padding: 0px 0px 0px 5px !important;
  }

.SkinPage
{
    text-align: left;
    width: 960px;
    margin: 20px auto 20px auto;
}
.Order
{
    background-color: #FFF;
    padding: 20px;
    _width: 960px;
}
#Adres a.LoginButton, #Adres a.LoginButton:visited
{
    color: #000;
    }
    
#Adres a.LoginButton:hover
{
    color: #CCC;
    }

.SkinFooter
{
    background-color: #000;
    padding: 10px;
    color: #CCC;
	clear: both;
   
}

#SkinFooter a, #SkinFooter a:visited
{
    color: #CCC;
    text-decoration: underline;
}

#SkinFooter a:hover
{
    color: #CCC;
    text-decoration: none;
}

.SkinCopyright
{
    text-align: center;
    color: #666;
    font-size: 11px;
    margin-top: 5px;
    font-family: Arial;
}
.SkinCopyright a, .SkinCopyright a:visited
{ 
    color: #FFF;  
}
.SkinCopyright a:hover
{ 
    color: #333;  
}

 #SkinPanes, #SkinMenu, #SkinTop
{
    clear: both;
}

.clear
{
    clear: both;
}
.Pane_left 
{
    width: 630px;
    float: left;
    margin: 0px 0px 20px 0px;
    background-color: #fff;
  
    }

.Pane_right 
{
    width: 310px;
    float: left;
    margin: 0px 0px 20px 20px;
    }

.Pane_center
{
    width: 500px;
    float: left;
    margin: 0px 0px 20px 0px;
    background-color: #fff;
    
    }

.Pane_center_wide
{
    width: 770px;
    float: left;
    margin: 0px 0px 20px 0px;
    background-color: #fff;
    
    }
.Pane_center_right 
{
    width: 250px;
	_width: 230px;
    float: left;
    margin: 0px 0px 20px 20px;
    }
    
    
.UDT_Form .RadEditor
{
    height: 415px !important;
    min-height: 415px !important;
}
.Link a,
.NewsArchive a {
	color: #009a49;}
/* ==================================== */
/*	Left Menu					*/
/* ==================================== */

.LeftMenu 
{
    width: 170px;
    float: left;
    margin: 0px 20px 0px 0px;
    background-color: #009a49;
    }
    /**/

.SkinPage .LeftMenu h1
{
    color: #FFF;
    font-size: 24px;
    margin: 15px 0px 10px 10px;
    font-weight: normal;  
    padding: 0px;
    }
.LeftMenu .item a:link,
.LeftMenu .item a:visited
{
   color: #FFF;
   font-size: 14px;
   text-decoration: none;
   padding: 0px 20px !important;
}
.LeftMenu .item a:hover
{
   color: #FFF;
   font-size: 14px;
   text-decoration: none;
   padding: 0px 20px !important;
}
    

/*search*/


.Search .NormalTextBox

{
    border: 1px solid #cccccc;
    margin: 0px 0px 0px 0px;
    _margin: 0px 0px 0px 0px;
}
.Search a
{ 
 
}
.Search
{ 
   
    padding: 0px 0px 0px 10px;
    margin-right: 5px;
    height: 30px;
    width: 210px;
    _width: 205px;
    float: left;
    border-right: 1px solid #ffffff;
    color: #333 !important;    
}

Search.InputContent {margin:0px;padding: 0px; }
.Search td
{ 
    color: #333;    
}
.Search.InputContent {border: none; padding: 0px;}
/* ==================================== */
/*	Custom classes						*/
/* ==================================== */

#LegalInfo
{
    float: right;
}

.News_Menu
{
   padding: 5px 0px 5px 0px;
   background-color: #FFF;
   border-top: 1px dashed #CCC;
   border-bottom: 1px dashed #CCC;
   
    }
    
.News_Menu a:link, .News_Menu a:visited
{
   color: #666;
   text-decoration: underline;
    } 
    
  .News_Menu a:hover
{
   color: #333;
   text-decoration: none;
    } 
    
.NewsDate
{
   color: #666;
   }  
     
.NewsArticlesLatest div
{
	margin: 5px 0px 0px 0px;
	border-bottom: 1px dotted #CCC; 
	padding-bottom: 5px;
}

.NewsArticlesLatest a, .NewsArticlesLatest a:visited
{
	color:#000;
	text-decoration: none;
}  
  
.NewsArticlesLatest a:hover
{
	color:#018553 ;
	text-decoration: none;
}  

.NewsSummary 
{
    color: #333;
    } 

/* ==================================== */
/*	CONTAINERS							*/
/* ==================================== */

h1, h2, h3, h4, h5, h6 
{ 
    margin: 0px; 
    padding: 0px;
    }
    
.Title 
{
   color: #009a49;
   font-weight: normal; 
}

h1 span.Title
{
   font-size: 24px;
}

h2 span.Title, h2 
{
   font-size: 16px;
   font-weight: normal;
}

.DefaultContainer 
{
    padding: 15px 20px;
    }
    
.DefaultContainer h2
{
    padding: 0px;
    margin: 0px 0px 10px 0px;
    }  
    
.DefaultContainer a, .DefaultContainer a:visited
.WhiteContainer .Content a, .WhiteContainer .Contentr a:visited   
.Empty a, .Empty:visited
{
   color: #009a49;
   text-decoration: underline; 
} 

.DefaultContainer a:hover,   
.WhiteContainer .Content a:hover,
.Empty a:hover   
{
   color: #009a49;
   text-decoration: none; 
} 
.DefaultContainer.GreyBorder      
{
    border-bottom: 1px dotted #cccccc;
    margin: 0px 10px 15px 10px;
}   
.WhiteContainer      
  {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 15px 0px;
    background: #FFF;
    float: left;
    width: 100%;
    }
       
.WhiteContainer h2
{   
    margin: 15px 20px 10px 20px;
    }     

.WhiteContainer .Content {  
    padding: 0px 20px;
    }

.SkinPage h1   
{ 
    color: #009a49;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 8px;
    }
    
.SkinPage h2   
{ 
    color: #009a49;
    font-size: 16px;
    font-weight: normal;
     margin-bottom: 8px;
    }
    
.SkinPage h3  
{ 
   color: #000;
   font-size: 16px;
   font-weight: normal;
    margin-bottom: 8px;
    }
    
.SkinPage h4  
{ 
   color: #009a49;
   font-weight: bold;
   font-size: 13px;
    margin-bottom: 8px;
    }

.SkinPage h6
{
    color: #000;
    font-size: 13px;
    font-weight: normal;
    padding: 2px 10px;
    border: 2px #009a49 solid;
    margin-bottom: 8px;
}   

.SkinPage h5
{
    color: #FFF;
    background-color: #009a49; 
    font-size: 13px;
    font-weight: normal;
    padding: 5px 10px;
    margin-bottom: 8px;
}  
.Pane_center ul,
.Pane_center_wide ul,
.DefaultContainer ul
{
    list-style: none;
    margin: 0px 0px 8px 5px;
}
.Pane_center ul li,
.Pane_center_wide ul li,
.DefaultContainer ul li
{
    background: url('Images/li.gif') no-repeat left 5px;
    padding-left: 12px;
    margin-bottom: 4px;
}
.DefaultContainer ul.reToolbar.Windows7 li,
.reEditorModes ul li
{
    background: none !important;
    
}
.Pane_center a, .Pane_center a:visited,
.Pane_center_wide a, .Pane_center_wide a:visited
{
    color: #009a49;  
    text-decoration: underline;
} 
.Pane_center a:hover,
.Pane_center_wide a:hover
{
    color: #009a49;  
    text-decoration: none;
} 

/*KLANTENPORTAAL*/
.Warning { float: left !important;}
.HAL_Login  table td {
	vertical-align: top;
	height: 45px;
}
.SkinPage .CommandButton a.CommandButton, .SkinPage a.CommandButton:visited,
.OrderBasket a, .OrderBasket a:visited
{
   color: #009a49;  
    text-decoration: underline;
}
.SkinPage .CommandButton a.CommandButton:hover
.OrderBasket a:hover
{
   color: #009a49;  
    text-decoration: none;
}
.SkinPage .NormalTextBox
{
   width: 300px;
}
td.CategorieList div.RadComboBox.RadComboBox_Default.CategoriesSelect { width: 380px !important; }
td.CountryList div.RadComboBox.RadComboBox_Default { width: 310px !important; }
/*OrderBasket*/

.OrderBasket 
{
     float: left;
	 width: 230px;
     _width: 220px;
     margin: 5px 0px 0px 0px;  
     }
.OrderBasketContainer 
     {
   
     padding: 5px;
     margin: 20px 0px 0px 0px;
     border: 1px dotted #009a49;
     background-color: #EFEFEF;
     height: 35px;
     } 
 .OrderBasketContainer img
     {
   
   float: left;
   margin: 0px 10px;
     } 

.OrderBasketContainer .DivIndicator
{
    text-align: left;
	}
    
/*CATALOG*/
.SearchHeader 
{
    background-color:#049e4d;
    margin: 0px 0px 5px 0px;
    width: 880px;
    padding: 10px 5px 5px 10px;
    }
.GridViewProducts .Header th a,
.GridViewProducts .Header th a:visited
{
    color:#049e4d;
    text-decoration: underline;
     }
.GridViewProducts .Header th a:hover
{
    color:#049e4d;
    text-decoration: none !important;
     }
.Pager table a,
.Pager table a:visited
{
    color:#049e4d;
    text-decoration: underline;
     }
.Pager table td a:hover
{
    color:#049e4d;
    text-decoration: none !important;
     }
.TableDetail {width: 100%}
.TableDetail td
{
   padding: 0px 0px 3px 0px;
    }
.TableDetail span.NormalBold
{   
   color: #FFF;
    }
.TableDetail .Categorie
{
    width: 400px;
    }
.TableDetail td.CategorieList select.NormalBold 
{
    width: 370px;
    }
.TableDetail td.CountryList select.NormalBold 
{
    width: 310px;
    }
.TableDetail .ColumnProductCode 
{
    width: 70px;
    }
.TableDetail .ColumnProductCode input
{
    width: 60px;
    }
.TableDetail .Country,
.TableDetail .ColumnName
{
       width: 330px;  
     }
.TableDetail .ColumnName input,
.TableDetail .ColumnActiveIngredient input
{
       width: 310px;  
     }
.TableDetail td .Submit
{
   color: #333;
   width: 110px;
   background: url('Images/submit.gif') x-repeat left top;
    border: none;
   cursor: pointer;
    }
.TableDetail td .Submit:hover
{
   color: #000;
   background-color: #EEE !important;
    }
.TableDetail td.Search
{
    text-align: center;
    background: none;
    border: 0px;
    padding: 0px;
    }
    
.GridViewProducts
 {
	width: 895px;
     _width: 880px;
     background: none;
     border: 1px solid #ccc !important;     
     }
.GridViewProducts td
 {
     padding: 3px 5px;    
    }
.GridViewProducts td
 {
     border: 1px dotted #CCC !important;
 }
.Header  
{
   background-color:  #EEE !important;
   border: none;
   border-top: 1px solid #ccc;
    }
.Header th
{
   padding: 3px 5px !important;
   border: none !important;
    }
.ProductCode 
{
    width: 70px;    
    }
.Name,
.ActiveIngredient
{
    width: 330px;  
    }
.Amount,
.AddToCart {
    width: 70px;
    text-align: center;
    }
.Amount input{
    text-align: center;
    }
.Suffix {
    text-align: center;
    }
/*ORDERBASKET*/
.HW_Basket .GridViewProducts
{
    margin: 0px 0px 10px 0px;

    }

.Buttons a, .Buttons a:visited
{
    background-color: #049e4d;
    line-height: 30px;
    padding: 5px 5px;
    color: #FFF;
    text-decoration: none;
    }
.Buttons a:hover
{
    background-color: #058140;
    line-height: 30px;
    padding: 5px 5px;
    color: #FFF !important;
    text-decoration: none; 
    }  
.Delete 
{
    text-align: center;
	}
.DetailTable .Label {
	width: 150px;
}	
fieldset 
{
	margin: 7px 0px 14px 0px;
	border: 1px dashed #049e4d;
	padding: 10px 5px;
}
legend {
	font-size: 16px;
	background-color: #FFF;
}
.DivConfirmTitle {
	font-size: 16px;
	margin: 7px 0px 14px 0px;
}
.DivConfirmMessage {
	margin: 7px 0px 14px 0px;
	}
	
/*WARNINGS*/

.WarningList  h1{
	margin: 20px 0px 0px 0px;
}
.CategoryName 
{
   
    margin-bottom: 5px !important; 
    }
.LabelCategoryName
 {
	font-size: 16px !important;
	color: #049e4d;
	
}
.ItemTitle 
{
    padding: 0px;
    margin: 0px 0px 4px 0px;}
.LabelWarningTitle 
{
    font-size: 16px;
   
    text-decoration: none;
    }
.ItemDate
{
	color: #666;
	padding: 0px;
	margin: 0px;
}
.ItemDescription 
{
	margin: 3px 0px;
}

.WarningCategory {
	padding: 0px 0px 0px 0px;
	border-bottom: 1px dotted #049e4d;
	margin-bottom: 40px !important;
	}
.CategoryItem 
{
    border-top: 1px dotted #049e4d;
    padding: 5px 0px 5px 0px;
    margin-bottom: 5px !important;
    }
.WarningCategory a , .WarningCategory  a:visited,
.WarningMenu a, .WarningMenu  a:visited,
.Detail  a, .Detail a:visited
{
	color: #049e4d !important;
	text-decoration: underline;
}
.WarningCategory  a:hover,
.WarningMenu  a:hover
.Detail a:hover
{
	color: #049e4d !important;
	text-decoration: hover;
}

.SubTitle {
 color: #049e4d;
 font-size: 16px;
 margin: 0px 0px 14xp 0px;
 }
 
 .Detail {
  background-color: #FFF;
  padding: 20px;
  margin-bottom: 20px;
  width: 940px;
  _width: 960px;
  }

/* ==================================== */
/*	BASIS HTML							*/
/* ==================================== */

html
{
    overflow-y: scroll;
    font-size: 13px;
}

body
{
    margin: 0px;
    background-color: #FFF;
}

p
{
    
}


SMALL
{
}

BIG
{
}

BLOCKQUOTE
{
    font-style: italic;
}

TFOOT
{
}

THEAD
{
}

TD
{
    font-size: 13px;
    line-height: 18px;
}

TH
{
    font-size: 13px;
}

OL
{
    margin-top: 0px;
    margin-bottom: 0px;
}

UL
{
    margin: 0px;
    padding: 0px;
}

UL LI
{
   
}

HR
{
    
}

H1, H1 A
{
    
}

H2, H2 A
{
   
}

H3, H3 A
{
 
}

H4, H4 A
{
   
}

H5, H5 A
{
   
}

H6, H6 A
{
    
}

Legend
{
  
}

Textarea, Input, Select
{
 
}

IMG
{
    border: 0px;
}

/* ==================================== */
/* ================DNN================= */
/* ==================================== */

.DNNEmptyPane
{
    
}

.PagingTable
{
   
}

/* styles for control panel */
.ControlPanel
{
    
}

/* style for module titles */


/* style of item titles on edit and admin pages */
.SubHead
{
    font-weight: bold;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
}

/* text style used for most text rendered by modules */
.Normal
{
    font-weight: normal;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
}

/* text style used for error messages */
.NormalRed
{
    color: #dc3539 !important;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

/* style to apply if the content should be hidden */
.Hidden
{
    display: none;
}

/* text style for buttons and link buttons used in the portal admin pages */


/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
}

A.CommandButton:visited
{
}

A.CommandButton:hover
{
}

A.CommandButton:active
{
}

/* button style for standard HTML buttons */
.StandardButton
{
}



/*Edit In Place Tool Bar Classes*/
.eipbackimg
{
    border: outset 1px; /*give toolbar a 3D look*/
    position: absolute; /*needed so it doesn't take up space */
    margin-top: -22px; /*specify toolbar to be just above text */
    margin-left: 30px;
    white-space: nowrap; /* makes toolbar horizontal */
    background: url(../../../../images/eip_toolbar.gif);
    background-color: #DDD;
    background-repeat: repeat-x;
    height: 22px;
}

.eipbuttonbackimg
{
    width: 21px;
    height: 21px;
    cursor: pointer; /*change mouse to pointer when hover over button*/
    float: left;
}

.eipbutton_edit
{
    background: url(../../../../images/eip_edit.gif) no-repeat 100% center;
    float: left;
}
.eipbutton_save
{
    background: url(../../../../images/eip_save.gif) no-repeat 100% center;
    float: left;
}
.eipborderhover
{
    border: outset 1px;
}


/* ==================================== */
/*	MODULE MENU							*/
/* ==================================== */


.ModuleTitle_MenuItem TD
{
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
}

.ModuleTitle_MenuItem
{
    
    background-color: #eeeeee;
    font-size: 15px;
}

.ModuleTitle_MenuIcon
{
    background-color: #eeeeee;
    border-top: 0px;
    border-bottom: 0px;
}

.ModuleTitle_SubMenu
{
    background-color: #eeeeee;
    border: outset 1px;
}

.ModuleTitle_MenuItemSel
{
    color: #584183;
}

a.HyperLinkWarningDetail,
a.HyperLinkWarningDetail:visited
{
    color: #009a49;
    text-decoration: underline;
    }
a.HyperLinkWarningDetail:hover
{
    color: #009a49;
    text-decoration: none;
    }