﻿body 
{
    background:#ebebeb;
    font-family:Verdana;
    font-size:11px;
    margin-left:0px;
    margin-right:0px;
    text-align:left;
    position:relative;
    
}

body Table TD
{
    text-align:left;
}

Table 
{
    font-size:1.0em;
}

.Button
{
	display:inline;
    color:#c50d0f;
    text-decoration:none;
	border: solid 1px #c50d0f;
	padding: 1px;
	margin: 2px;
}

.Button A
{
	color:#c50d0f;
    text-decoration:none;
}

.ProductLink
{
    color:#000000;
    text-decoration:none;   
}

.SubMenuLinks
{
    width:750px;  
    left:-24px; 
}

.SubMenuLinks A
{
    color: #21315A; 
    font-size:10px; 
}

A:hover 
{
    color:#000000;
    text-decoration:none;   
}

.MenuTable
{
    width:1000px;
    height:60px;
    margin-left:0px;
    border:0px;   
}

.ItemSelected A
{
    color:#000000;
    text-decoration:none; 
}

.DivMenu
{
    padding-left:120px;  
    padding-top:8px;   
    position:relative;
}

.ULMenu
{
    display:inline; 
}

.ULSubMenu
{
    display:inline; 
    position:absolute;
    top:40px;
    left:126px;
}

.ULSubMenu LI A
{
    color:#c50d0f;
    font-size:10px;
}

.ULSubMenu LI A:Hover
{
    color:#000000;   
}

.ULMenu LI UL LI
{
    border-right:solid 1px #c50d0f; 
    padding: 0px 7px 0px 7px;  
}

.ULMenu LI
{
    display:inline;
    border-right:solid 1px #FFFFFF;
    padding:0px 10px 0px 13px;
    font-size:12px;
}

.TDAtYour
{
    width:61px;
    height:60px;
    vertical-align:top;
    background:url('atyourlogo.gif');
    background-repeat:no-repeat;
    vertical-align:top;
    padding:0px;
    border-top:solid 1px #dedede;
}

.TDOfficeMenu
{
    width:934px;
    height:60px;    
    background:url('Officelogo.gif');
    background-color:#FFFFFF;
    background-repeat:no-repeat;
    vertical-align:top;
    border-top:solid 1px #dedede;
    position:relative;
}

.TDShadowRight
{
    background:url('rightshadow.gif');
    background-repeat:repeat-y;
    width:4px;
    padding-right:1px;
}



.TDHeader 
{
    width:180px;
    height:20px;
    background:url('tdHeader.gif');
    background-repeat:repeat-x;
    color:#FFFFFF;
    vertical-align:top; 
    font-size:11px;
    padding:2px 0px 0px 5px;  
}

#AYOHomepage
{
    width:555px;
    vertical-align:top;
    margin:0 auto;
}

#AYOHomepage .AYOHomeImage
{
    vertical-align:top;
    padding:0px;
    background-color:#FFFFFF;
}

#AYOHomepage .AYOHomeImage 
{
    width:550px;
}

#AYOHomepage .ShadowHomeImage
{
    background:url('lightshadowright.gif');
    background-repeat:repeat-y;
    width:4px;
    padding-right:3px;
}

.AYOHomeBottom
{
    width:273px;
}

.AYOHomeBottom .Header
{
    width:180px;
    height:18px;  
    background:url('tdHeader.gif'); 
    background-repeat:repeat-x;
    color:#FFFFFF;
    vertical-align:top; 
    font-size:11px;
    padding:2px 0px 0px 5px;  
}

.AYOHomeBottom .LightShadowRight, .TDLightShadowRight
{
    background:url('lightshadowright.gif') repeat-y;
    width:4px;
    padding-right:1px;
}

.AYOHomeBottom .Content , .TDContent
{
    width:180px;
    background:url('tdcontent.gif');
    background-color:#dfdfdf;
    background-repeat:repeat-x;
    color:#000000;
    vertical-align:top;
    font-size:11px;
    padding: 0px 0px 0px 0px;
}

.TDContentCatalog
{
    width:180px;
    height:147px;
    background:url('tdcontent.gif');
    background-color:#dfdfdf;
    background-repeat:repeat-x;
    color:#000000;
    vertical-align:top;
    font-size:11px;
    padding: 0px 0px 5px 5px;
}

.AanbiedingenTable
{
    width:180px;  
}

.DivLeftCenterImage
{
    background-color:#e4e3e3;   
}

.ImgAanbieding 
{
    border:0px;
    padding-top:5px;  
}

.DivAanbiedingenTextHeader
{
    font-weight:bold;  
    font-size:9px;
}

.DivAanbiedingenText
{
   margin-left:8px;   
   margin-top:5px;
   padding-top:15px;
   margin-right:8px;
}

.DivCatalogusText
{
   margin-left:8px;   
   margin-top:5px;
   padding-right:10px;
}

.DivAanbiedingenPrijs
{
    color:#21315A;
}

.DivMeerInfo
{
    color:#21315A;   
}

.CatalogusTable
{ 
    margin-top:31px;
}

.GebruikersTable
{
    padding:5px;
    width:185px;   
}

.DiVGebruikersItems , .DiVGebruikersItems A
{
    padding:5px;
    color:#21315A;   
}

.DiVGebruikersItems A:Hover
{
    color:#c50d0f;   
}

.ZoekTable
{
    
    width: 100%;
    margin-top:5px;   
}

.MeerAanbiedingen 
{
       color:#c50d0f;
}

.LowerContentTable
{
    margin-left:60px;
    width:938px;
    height:200px;
    padding:0px;
    padding-bottom:10px;
    border:0px;
}

.ServicesTable
{
    width:100%;
    height:145px;
    margin-top:15px;
}

.Services
{
    background:url('Servicesplus2.gif');
    background-repeat:no-repeat;   
    width:100%;
    height:194px;   
}

.InlogTable
{
    width:100%;
    height:145px;
    margin-top:10px;
}

.InlogLayout
{
    background:url('inlog.gif');
    background-repeat:no-repeat;   
    width:100%;
    height:145px;   
}

.ServicesHeader
{
    color:#FFFFFF;  
    font-size:11px;
    padding-left:5px;
    padding-bottom:5px;
}

.InlogHeader
{
    color:#FFFFFF;  
    font-size:11px;
    padding-top:2px;
    padding-left:5px;
    padding-bottom:2px; 
    margin-top:5px;  
}

.InlogItemsInloggen, .InlogItemsInloggen A 
{
    
    font-size:11px;
    width:147px;
    padding-top:6px;
    font-family:Verdana;
     
}

.InlogItems
{
   font-size:11px;
   width:150px;
   padding-top:2px;   
   padding-left:5px; 
}

.InlogItemsRegi
{
   font-size:11px;
   width:150px;
   padding-top:4px;   
   padding-left:5px; 
   padding-bottom:4px;
}

.InlogItemsRegi A, .InlogItems A
{
    color:#000000;   
}

.InlogItemsRegi A:Hover, .InlogItems A:Hover
{
    color:#c50d0f;   
}


.btnInloggen
{
    color:#c40909;
    font-size:12px;
    padding-left:5px;
    
}

.ErrorOKbutton
{
    margin-top:5px;
    margin-left:5px;
    padding:0px 5px 0px 5px;
    font-size:11px;
    font-family:Verdana;   
}

.ErrorOKbutton2
{
    margin-top:5px;
    margin-left:70px;
    padding:0px 5px 0px 5px;
    font-size:11px;
    font-family:Verdana;   
}

.VerderButtons
{
    margin-top:3px;
    margin-left:-3px;
    padding: 0px;
    font-size:11px;
    font-family:Verdana;   
}

.ErrorMessageLogin
{
    position:absolute;
    background:url('errorBG.png');  
    background-repeat:no-repeat; 
    height:100px;
    width:190px;
    padding-top:30px;
    padding-left:14px;
    text-align:left;
    top:380px;
    left:600px;
    /*    
     top:-45px;
    left:-210px; */
}
.ErrorMessageLogin2
{
    position:absolute;
    background:url('errorBGBig.png');  
    background-repeat:no-repeat; 
    height:150px;
    width:350px;
    padding-top:30px;
    padding-left:14px;
    text-align:left;
    top:100px;
    left:210px;
}

.VerderOfNaarWinkel
{
    position:absolute;
    background:url('errorBG.png');  
    background-repeat:no-repeat; 
    height:100px;
    width:190px;
    padding-top:30px;
    padding-left:14px;
    text-align:left;
    top:100px;
    left:210px;
}


.ProductAddedMessage
{
    position:absolute;
    background:url('errorBG.png');  
    background-repeat:no-repeat; 
    height:100px;
    width:190px;
    padding-top:30px;
    padding-left:14px;
    text-align:left;
    top:-45px;
    left:-200px;
}

.AddressDeleteMessage
{
    position:absolute;
    background:url('errorBG.png');  
    background-repeat:no-repeat; 
    height:100px;
    width:190px;
    padding-top:30px;
    padding-left:14px;
    text-align:left;
    top:-30px;
    left:100px;


}

.LoginButton
{
    padding-left:2px;
    font-size:10px;
    margin-right:14px;
     border:groove inset 1px #000000;
    background:#FFFFFF; 
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#C50d0f',endColorstr='#FFE5E6', gradientType='0')
            progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#c50d0f', Positive='true');
    color:#000000;
    font-family: Verdana;
    font-size: 8pt;
    font-weight:bold;
       
}

.LoginBoxes
{
    padding-top:5px;
    padding-left:3px;
    padding-bottom:6px;
}

.LabelLoggedIn
{
    padding-top:4px;
    font-size:12px;
    color:#c40909;
    padding-left:5px; 
    padding-bottom:4px;  
}

.LabelLoggedInComment
{
    padding-top:6px;
    font-size:12px;
    color:#000000;
    padding-left:5px;
}

.DIVpnlLoggedIn
{
    padding-top:7px;   
}

.DivpnlLoginBoxes, .DivpnlLoginBoxesstyle
{
    height: 57px;
    
}

.loggedintext
{
 
    padding-left:1px;  
    padding-top:5px; 
 
    
}

.OKbuttons
{
    padding:0px 5px 0px 5px;   
}


.loggedintextUsername
{
    padding-left:1px;
    padding-top:5px;    
    font-weight:bold;    
}

.loggedintextUsername A
{
    color:#c50d0f;
}

.loggedintextUsername A:Hover
{
    color:#000000;
}

.TableCreateUser
{
    font-family:Verdana;
    font-size:11px;      
}

.SmallLoginText
{
    font-size:10px;
    color:#c50d0f;  
    text-align:left; 
}

.SmallLoginText A
{
    color:#c50d0f;
       
}

.SmallLoginText A:Hover
{
    color:#000000;
       
}

.PasswordRecoveryLayout
{
    
    Font-family:Verdana;
    Font-Size:10pt;
    width:520px;
    text-align:center;
    padding-top:20px;
}

.ForgotPasswordheader
{
    color:White;
    background-color:#c50d0f;
    font-weight:bold;
    
}

.TDCreateUser
{
     padding-left:50px;
 
}

.ServicesItems
{
    color:#000000;
    font-size:9px;
    padding-left:5px; 
    width:150px; 
    height:21px;
}

.ServicesItems A
{
    color:#000000;
}

.ServicesItems A:Hover
{
    color:#c50d0f;
}


.WinkelWagenTable
{
    width:100%;
    height:50px;
    margin-top:9px;
}

.WinkelWagenLayout
{
    background:url('winkelwagen.gif');
    background-repeat:no-repeat;   
    width:100%;
    height:50px;   
}

.WinkelWagenHeader
{
    color:#FFFFFF;
    font-size:11px;
    padding-left:5px;
    padding-top:2px;
    padding-bottom:6px;
       
}

.WinkelWagenTotalItems
{
    color:#000000;
    font-size:11px;
    padding-left:5px;
    width:150px;
}

.LoginError
{
    color:#c50d0f;   
    width:200px;
}

.TableServiceItems
{
    margin-top:3px;   
}



.ArrowRight
{
    width:10px;
    padding-top:3.1px;
    border:0px;
}

.ArrowRightTransport
{
    width:10px;
    padding-top:3.1px;
}

.ArrowRightImage
{
    margin-top:3px; 
    border:0px;     
}

.ArrowRightImageAV
{
    margin-top:2px; 
    border:0px;     
}

.TDSearch
{
    width:100%;  
    padding-bottom:8px; 
    
}

.TDLieverBellen
{   
    
    background:url('bellen.gif');
    background-repeat:no-repeat; 
    color:#c5090b;  
    font-size:14px;
    height:22px;
}

.Belnummer
{
    margin-left:7px;    
    font-size:11px;
    
}



.SearchButton 
{
    margin-left:-20px;
    border:groove inset 1px #000000;
    background:#FFFFFF; 
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#C50d0f',endColorstr='#FFE5E6', gradientType='0')
            progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#c50d0f', Positive='true');
    color:#000000;
    font-family: Verdana;
    font-size: 8pt;
    font-weight:bold;
    height:19px;

   /* border:solid 1px black; */
}

.TDFrontImageDescription
{
    background-color:#e4e3e3;
    font-size:10px;
    font-family:Verdana;
    padding-left:5px;
    height:136px;
    vertical-align:top;
    
}

.TDFrontImageOverOnsDescription
{
    background-color:#e4e3e3;
    font-size:10px;
    font-family:Verdana;
    padding-left:5px;
    height:100px;
    vertical-align:top; 
    
}

.TDDescriptionHeader
{
    font-size:11px;
    font-family:Verdana;
    font-weight:bold;
    color:#21315A;   
}

.DivMenuProductCategories
{
    font-size:11px;
    font-family:Verdana;
    color:#21315A;
    width:185px;
    overflow:hidden;
    
      
}

.FilesHeader 
{
    padding-bottom:0px;
    color:#CECECE;
}

.rptCategory
{
    padding-left:18px; 
    padding-top:45px;  
}

.rptCategoryDownloads
{
    padding-left:18px; 
    padding-top:10px;  
}

.DivMenuProductCategories A
{
       color:#21315A;
}

.CategoriesMenuTable
{
    width:90%;  
   
}

.ParentNode
{
    border-bottom:dotted 1px #21315A;
    width:150px;   
}

.RootNode
{
    border-bottom:dotted 1px #21315A;
    width:150px;  
}


.TDCategoryItem
{
    border-bottom:dotted 1px #21315A;
    padding-bottom:3px;
    padding-top:3px;
       
}

.TDFilesItem
{
    
    padding-bottom:3px;
    padding-top:3px;
       
}

.TDFilesItem A
{
    color:#c50d0f;
    
}

.TDFilesItem A:Hover
{
    color:#c50d0f;
    
}

.TDCategoryItem A
{
    color:#21315A;
}

.TDCategoryItem A:Hover
{
    color:#000000;
    
}


.TDCategoryImages
{
    height:130px;
    width:110px; 
    border:solid 1px #dedede;  
    padding:10px 10px 10px 10px;
}

.TDProductHeader
{
    border-bottom:dotted 1px #000000;
    font-weight:bold; 
    font-size:11px;
    width:100%;  
}

.TDSingleProductHeader
{
    border-bottom:dotted 1px #000000;
    font-weight:bold; 
    font-size:15px;
    width:100%;  
    text-align:left;
    
}

.TDSingleProductDescription
{
    text-align:left;
    font-size:11px;   
    
}

.TDProductHeader A, .TDSingleProductHeader A
{
    color:#000000;
}

.TDProductHeader A:hover , .TDSingleProductHeader A:Hover
{
    color:#c50d0f;
}

.TableProduct
{
    width:100%;
    border:solid 1px #cecece;
	height: 190px; 
	min-height:190px;
    
}

.TDBestellen A
{
    color:#c50d0f; 	
}
.TDBestellen
{
    color:#c50d0f; 	
    text-align:right;
}

.TDBestellenButton
{

    color:#FFFFFF;
    text-align:right;
    background-color:#c50d0f;
}

.TDBestellenButton A
{

    color:#FFFFFF;
}

.TDBestellenButton A:Hover
{
    color:#000000;

}

.TDCheckOut A
{
    
    color:#c50d0f; 
    
    
}
.TDCheckOut
{
    border:solid 1px #c50d0f;
    color:#c50d0f; 
    padding: 0px 3px 0px 3px; 
    text-align:center;
}

.TDProducts
{
    width:100%;   
    
}

.TableTDOverzichtProductHeader
{
    width:100%;
    background-color:#21315A;   
    color:#FFFFFF;
    font-size:10px;
    
}

.TableTDOverzichtProductHeader TD
{
    text-align:center;
}


.steptext
{
    text-align:right;
    font-size: 8px;
       
}

.TDEachProduct
{
   width:183px;    
}

.GeenProducts
{
    
    font-size:11px;
    font-weight:bold;  
    font-family:Verdana; 
}

.ProductDescription
{
    font-size:11px;
    font-family:Verdana;  
 vertical-align:bottom; 
height:15px; 	
}

.ProductImage
{
    text-align:center;  
height:140px;	
 vertical-align:top;
}

.ProductImageSingle
{
    text-align:left;   
}

.TableSingleProduct
{
    width:85%;   
}

.TableSubProducts
{
    width:85%;
    font-size:11px;  
    
}

.TableSubProductsBorder
{
    border:solid 1px #EBEBEB;
    width:50px;
    font-size:11px;   
    padding-bottom:5px;
}

.TDBrandName
{
    text-align:left;
    font-size:11px;  
    font-style:italic;
       
}


.TDBestelButton
{
    background-color:#c50d0f;  
    color:#ffffff; 
}

.TDSubproductDetailHeader
{
    text-align:left;
    font-weight:400;
    color:#6E6E6E;
       
}

.TDSubproductDetails
{
    text-align:left;   
   
}

.TDSubproductDetailsPrijs
{
    text-align:left;
    color:#c50d0f;   
    font-weight:bold;
    
}




.TableProductOverzichtRepeater
{
    border-bottom:dotted 1px #000000;border-top:dotted 1px #000000; width:100%;   
    
}

.TableProductOverzichtRepeater TD
{
    text-align:left;
}

.ProductOverzichtDetails
{
    font-size:9px;
    font-style:italic;
    color:#c50d0f;
}

.AbsoluteDivWholePage
{
    background-color:#000000 ;
    position:absolute;
    top:-15px;
    left:0px;
    /* for IE */
    filter: alpha(opacity=60);
    
    /* CSS3 Standard */
    opacity:0.6;
    width:100%;
    height:105%;
   
    
}

.AbsoluteDiv
{
    position:absolute; 
    top:50px; 
    left:250px; 
    
    background-image:url('largesub.png'); 
    width:350px;  
    height:350px; 

}

.TableAbsoluteDiv
{
    width:100%;   
    height:100%;
    
    
}

.TDlargeImage
{
    text-align:center;
    height:300px;
    
}

.VensterSluitenText
{
    font-size:10px;  
    text-align:center;
    height:50px; 
}

.VensterSluitenText A
{
    color:#ffffff;
}   
.TablePager
{
    width:100%;
}

.TDSubHeader
{
    padding-top:20px;
    color:#CECECE;
    font-size:13pt;
    font-weight:bold;
    text-align:left;
}

.TDSubImages
{
    text-align:center;
    width:100%;   
}

.TDPager
{
    
    text-align:center;   
}

.PagerPageText
{
    color:#c50d0f; 
    font-size:10px;  
}

.Pager A
{
    color:#000000;
    font-family:Verdana;
    font-size:10px;
}

.Pager A:Hover
{
    color:#c50d0f;
}

.ShoppingCartProductName
{

    text-align:left;
}
    

.LowerLeftPic
{
    border:0px;
    
     
    padding-top:10px;  
}

..LowerRightPic
{
    border:0px;
    padding-left:7px;   
}

.FooterTable
{
    margin-left:61px;  
    width:938px;
    height:20px;
    padding:0px;
    border:0px;
}

.FooterDetails
{
    background:#21315A;   
    width:938;
    height:100%;
    font-family:Verdana;
    font-size:10px;
    color:#FFFFFF;
    text-align:center;
    
}

.TDbottomShadow
{
    background:url('bottomShadow.gif');
    background-repeat:repeat-x;
    height:4px;
    width:938px;   
    
}

.TDbottomShadow2
{
    background:url('bottomshadow.gif');
    background-repeat:repeat-x;
    height:5px;
    padding:0px;
    
}
    

.DivAbsVragen {
    position:absolute;
    top:30%;
    left:25%;
    background:#FFFFFF;
    border:solid 1px #000000;
    width:200px;
    height:200px;
    overflow:hidden ;
    padding:25%;

}

.DivDescriptionProductBackGround
{
       width:85%;
   /* filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ededed', startColorstr='#FFFFFF', gradientType='0');
     background-color:#ededed; */
    background:url('descriptionBack.gif');
    background-repeat:repeat-x;
}


.WinkelWagenMenuBalk
{
   /*  background:#000000;
   background:url('http://www.atyouroffice.nl/themes/ayo/winkelwagenicon.png'); 
    width:100px;
    height:100px;
    top:-50px;
    left:20px;*/
}