﻿.DialogBody
{
	background-color: #FFFFFF;
}

.VerticalRuler
{
    border-top: none 0px;
    border-left: none 0px;
    border-right: none 0px;
    border-bottom: solid 1px #d3d3d3;
    height: 1px;
}

.FlatLink
{
    color: Black;
    text-decoration: none;
}

.FlatLink:hover
{
    text-decoration: underline;
}

.productAd p{
	font-size: 10px;
	font-family: verdana, sans-serif;
	padding: 0;
	margin: 0;
	line-height: 14px;	
}

.productLink p 
{
	font-size: 10px;
	font-family: verdana, sans-serif;
	padding: 0;
	margin: 0px;
}

.TextBox
{
    border: 1px solid #DADADA;
}

.Button
{
    background-color: #d31f13;
    color: White;
}

/*   LIST   */

ul 
{
	margin: 5px 0px 10px 45px;
	padding: 0;	
}

li 
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	line-height: 16px;
	list-style-image:  url(images/layout/listBullit.gif);
	margin: 0;
	padding: 0;
}

/*   ---   General Layout Template Stylesheets --- */

.FirefoxVerticalScrollbarFix /* This forces the scrollbar to always be shown in Firefox. If removed, the vertical scrollbar is not showed in firefox at all times */
{
    position: absolute;
    top:0; 
    height:100%; 
    padding:0 0 1px
}

.MainTable
{
     margin: 0px auto; 
     margin-top: 14px; 
     position: relative;
     z-index:0;
     width: 938px;
     border: 0px solid black;          
}

.MainTable .TopShadowRow
{
    background: url(/WebResources/images/layout/bgTop.gif) no-repeat;
    height: 11px;
}

.MainTable .ContentRowWithShadow
{
    background: url(/WebResources/images/layout/bgPage.gif) repeat-y;
}

.MainTable .ContentRowWithShadow .TopSectionMainTable
{
    margin: 0px;
    padding: 0px;
    position: relative; 
    z-index: 0;
    width: 933px;
}

.MainTable .ContentRowWithShadow .TopSectionMainTable .LeftContentCell
{
    width: 171px;
}

.MainTable .ContentRowWithShadow .TopSectionMainTable .LeftContentCell .NewLogoContainer
{
    margin-left: 33px;
    top: -6px; 
    position: relative;
}

.MainTable .ContentRowWithShadow .TopSectionMainTable .RightContentCell
{
    width: 762px;
}

.MainTable .ContentRowWithShadow .TopSectionMainTable .RightContentCell .RightContentTable
{
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 0;
    width: 100%;
}

.MainTable .ContentRowWithShadow .TopSectionMainTable .RightContentCell .RightContentTable .LoginContainer
{
    margin-bottom: 7px;
    margin-right: 12px;
    margin-top: 9px;
}

.MainTable .ContentRowWithShadow .TopSectionMainTable .RightContentCell .RightContentTable .TopMenuBg
{
	background-color: #d31f13;	
}

.MainTable .ContentRowWithShadow .TopSectionMainTable .RightContentCell .RightContentTable .SupplyGuideCell
{
    width: 132px;
}

.MainTable .ContentRowWithShadow .TopSectionMainTable .RightContentCell .RightContentTable .SupplyGuideContainer
{
    padding-right: 15px;
}

.MainTable .ContentRowWithShadow .TopSectionMainTable .RightContentCell .RightContentTable .HorizontalSpacer
{
    height: 2px;
    overflow: hidden;
}

.MainTable .ContentRowWithShadow .TopSectionMainTable .RightContentCell .RightContentTable .BottomMenuBg
{
    background-color: #DADADA;
    height: 33px;
}

.MainTable .ContentRowWithShadow .TopSectionMainTable .RightContentCell .RightContentTable .SearchCell
{
   width: 440px;
}

.MainTable .ContentRowWithShadow .TopSectionMainTable .RightContentCell .RightContentTable .SearchCell .SearchContainer
{
    margin-left: 14px;
}

.MainTable .ContentRowWithShadow .TopSectionMainTable .RightContentCell .RightContentTable .BasketSummaryContainer
{
    padding-right: 11px;
}

.MainTable .ContentRowWithShadow .ContentSectionMainTable
{
    margin: 2px 0px 0px 16px;
    padding: 0px; 
    position: relative;
    z-index:0;
    width: 910px;
}

.MainTable .ContentRowWithShadow .ContentSectionMainTable .CatalogBrowserCell
{
    width: 240px; 
    position: relative; 
    z-index: 100000;
} 

.MainTable .ContentRowWithShadow .ContentSectionMainTable .ContentCell
{    
    width: 670px;
}

.MainTable .ContentRowWithShadow .ContentSectionMainTable .ContentCell .ContentContainer
{
    width: 665px;
    overflow: hidden;
    text-align: left;
}    

.MainTable .ContentRowWithShadow .FooterSectionMainTable
{
    margin-top: 20px;
    padding: 0px; 
    position: relative;
    z-index:0;
    width: 100%;    
}

.MainTable .ContentRowWithShadow .FooterSectionMainTable .DummyLeftSpace
{
    width: 110px;
}

.MainTable .ContentRowWithShadow .FooterSectionMainTable .FooterMenuContainer
{
    width: 592px;
}

.MainTable .ContentRowWithShadow .FooterSectionMainTable .CreditCardContainer
{
    
}

.MainTable .ContentRowWithShadow .FooterSectionMainTable .HorizontalGrayLine
{
    height: 1px;
    width: 100%;
    background-color: #D3D3D3;
    overflow: hidden;
}

.MainTable .ContentRowWithShadow .FooterSectionMainTable .FooterContainer
{
    width: 100%; 
    text-align: center;
    margin-top: 4px;
    /*height: 33px;*/
}
 
.MainTable .BottomShadowRow
{
     margin-left: 1px; 
     height: 12px; 
     background: url(/WebResources/images/layout/bgBottom.jpg) no-repeat;				
}

/*   ---   MENUES   ---   */
/*   TOP MENU   */

.TopMenu
{
   
}

.TopMenu .RadMenu {
	padding: 0;
	margin: 0;
	margin-left: 4px;	
	z-index: 2;	
}

.TopMenu ul {
	margin: 0;
	padding: 0;
}

.TopMenu li {
	list-style: none;
	float: left;
	height: 34px;
}

.TopMenu a {
	font-family: verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #ffffff;
	padding: 10px 10px;
	margin: 0;
	display: block;
}

.TopMenu a:hover {
	padding-top: 6px;
	border-top: 4px solid #ffffff;
}

.TopMenu a.menuSelected {
	padding-top: 6px;
	border-top: 4px solid #ffffff;
}




/*   FOOTER MENU   */

.FooterWebPart
{
}

.FooterMenu
{
}

.RadMenu 
{
	padding-top: 20px;	
}

.FooterMenu .RadMenu
{
	text-align: center;
}

.FooterMenu .RadMenu .rmRootGroup
{
	/* Begin temp hack */
	width: 570px;
	/* End temp hack */
}

.FooterMenu ul {
	margin: 0;
	padding: 0;
}

.FooterMenu li {
	list-style: none;
	float: left;
	height: 22px;
}

.FooterMenu a {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #D31F13;
	padding: 0px 10px;
	margin: 0;
	display: block;
}

.FooterMenu a:hover 
{
	text-decoration: underline;	
}

.FooterMenu .footerMenuItemSelected 
{
	text-decoration: underline;	
}

.FooterSubMenu 
{
	height: 75px;	
}

/*.FooterSubMenu .fSMenuItem */
/*{*/
	/*width: 84px;*/
/*	height: 62px;*/
	/*background: #ffffff;*/
	/*border: 1px solid rgb(208, 208, 208);*/
	/*background: url(/WebResources/images/layout/linkClips.jpg);*/
	/*color: #747373;*/
	/*text-decoration: none;*/
	/*line-height: normal;*/
/*}*/

.FooterSubMenu .fsMenuItemTD
{
	width: 84px;
}

.fsMenuItemDIV
{
	border: 1px solid rgb(208, 208, 208); 
	height: 62px; background: url(/WebResources/images/layout/linkClips.jpg); 
	line-height: normal; 
	cursor: pointer;
}

.fsMenuItemDIVSelected
{
	border: 1px solid rgb(208, 208, 208); 
	height: 62px; background: url(/WebResources/images/layout/linkClips_aktiv.jpg); 
	line-height: normal; 
	cursor: pointer;
	color: #ffffff;
}

.fsMenuItemDIVTextContainer
{
	position: absolute; 
	bottom: 0px;
}

/*

.FooterSubMenu .fSMenuItemSelected 
{
	width: 84px;
	height: 62px;	
	border: 1px solid rgb(208, 208, 208);
	background: url(/WebResources/images/layout/linkClips_aktiv.jpg);
	color: #ffffff;
	text-decoration: none;
	line-height: normal;
}*/

/*.FooterSubMenu .fSMenuItem 
{
	width: 84px;
	height: 85px;
	background: url(images/layout/oD.gif) no-repeat;
	color: #747373;
	text-decoration: none;
	line-height: normal;
}

.FooterSubMenu .fSMenuItemSelected 
{
	width: 84px;
	height: 85px;
	background: url(images/layout/oDSelected.gif) no-repeat;
	color: #ffffff;
	text-decoration: none;
	line-height: normal;
}*/

.FooterSubSubMenu .fSSubLinkSelected 
{
	font-weight: normal;
	font-size: 10px;
	margin: 0px 3px 2px 0px;
	padding: 0;
	color: #747373;
}

.FooterSubSubMenu .fSSubLinkSelected:hover{
	text-decoration: none;
}

.FooterSubSubMenu .fSSubLink 
{
	color: #000000;
	font-size: 10px;
	margin: 0px 3px 2px 0px;
	padding: 0;
	font-weight: normal;
}

.FooterSubSubMenu .fSSubLink:hover 
{
	text-decoration: underline;	
}

/*   BREAD CRUMB   */
.BreadCrumbTable 
{
	margin-left: 10px;
	font-size: 9px;
	color: #a3a3a3;	
	font-family: verdana, sans-serif;
}

.BreadCrumbTable a 
{
	text-decoration: none;
	color: #747373;	
}

.BreadCrumbTable a:hover 
{
	text-decoration: underline;
}


/*   ---   MISC   ---   */
.supplyGuideTxt {
	padding: 0px 5px;  
	color: #ffffff;
	font-size: 11px;
	font-family: verdana, sans-serif;
}

.Button
{
    background-color: #d61c10;
    color: White;
    /*width: 100px;*/
    font: Arial;
    font-size: 11px;
    cursor: pointer;
}

/*   Styles for Sub Page - Footer (i.e. all non-shop pages as customerservice, contact, about daarbak   */

.MainBannerAndTitle img 
{
	border: 1px solid #dedede;
}

.txtMainContent a
{
	color: #747373;
	text-decoration: none;
}

.txtMainContent a:hover
{
	text-decoration: underline;
}

.txtMainContent a:visited 
{
	color: #747373;
}

.txtMainContentWithGrayLinks a
{
	color: gray !important;
	text-decoration: none;
}

.txtMainContentWithGrayLinks a:hover
{
    color: Gray !important;
	text-decoration: underline;
}

.txtMainContentWithGrayLinks a:visited 
{
	color: gray !important;
}



.oDLinks a
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #747373;
	text-decoration: none;
}

.oDLinks .oDMenuItemSelected a 
{
	color: #ffffff;
	text-decoration: none;
}

.oDMenuItem 
{
	background: url(images/layout/oD.gif) no-repeat;
}

.oDMenuItemSelected 
{
	background: url(images/layout/oDSelected.gif) no-repeat;
}

a.oDSubLinks 
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	margin: 0px 5px 2px 0px;
	padding: 0;
}

a.oDSubLinksSelected 
{
	font-family: Verdana, Sans-Serif;
	font-size: 10px;
	color: #747373;
	text-decoration: underline;
	margin: 0px 5px 2px 0px;
	padding: 0;
}


/*   SPACERS   */
.smallHorzSpace 
{
	width: 5px;
	display: block;	
}

/* GenericInspiration */

.inspiration_table_main
{
    font-family: Verdana;
    font-size: 10px;
}

.inspiration_table_main a
{	
	text-decoration: none;
	color: black;
}

.inspiration_table_main a:hover
{
	text-decoration: underline;
	color: Gray;
}

.inspiration_li
{ 
    list-style-type: none !important;
    list-style-image: none !important;     
   
}

.inspiration_ul
{   
    margin-left: 0px;
}

/* CatagoryDataList */

.CategoryDataListTable
{
    width: 650px;
}

.CategoryDataListCell
{
    padding-top: 6px;
    padding-right: 15px;
    
}

/* Product List */

.ProductListTable a
{	
	text-decoration: none;
	color: black;
}

.ProductListTable a:hover
{
    text-decoration: underline;
	color: Gray;
}

.ProductListTable .ProductListTableHeader a
{
    text-decoration: underline;
	color: white;
}

.ProductListTable .ProductListTableHeader a:hover
{
    text-decoration: underline;
	color: white;
}

/* Product List Paging */

.PagingResultsPrPageTD a
{	
	text-decoration: none;
	color: black;
}

.PagingResultsPrPageTD a:hover
{
	text-decoration: underline;
	color: Gray;
}

.PagingPagesTD a
{	
	text-decoration: underline;
	color: black;
}

.PagingPagesTD a:hover
{
	text-decoration: underline;
	color: Gray;
}

/* Show Root Category */
.ShowRootCategorySubCategoryTD a
{	
	text-decoration: none;
	color: black;
}

.ShowRootCategorySubCategoryTD a:hover
{
	text-decoration: underline;
	color: Gray;
}

/* Product Accessory */
.ProductAccessory a
{	
	text-decoration: underline;
	color: black;
}

.ProductAccessory a:hover
{
	text-decoration: underline;
	color: black;
}