body
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Trebuchet MS;
    background-color: #FFFFFF;
}
h1, h2, h3, h4, h5, h6
{
    text-decoration: none;
    margin: 0;
    padding: 0;
    font-weight: normal;
    display: inline;
    font-size: 100%;
    font-weight: normal;
}

a
{
    color: #626b71;
    font-size: 12px;
    cursor: pointer;
}
.GrayLine
{
    border: none 0px;
    height: 1px;
    width: 100%;
    background-color: #d0d0d0;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #d0d0d0;
}

img
{
    border: 0;
}

.wrapper
{
    width: 943px;
    margin-left:  auto;
    margin-right: auto;
}

.wrapper2
{
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.topBarBackground
{
    background-image: url(   "Images/TopBar/topBarBackground.png" );
    background-repeat: repeat-x;
    width: 100%;
    height: 31px;
}

.topBackground
{
    background-image: url(   "Images/TopBar/topMenu.png" );
    background-repeat: repeat-x;
    width: 100%;
    height: 154px;
}
.topMenuBackground
{
    width: 590px;
    height: 27px;
}
.contentTopBackground
{
    background-image: url(   "Images/contentTopBackground.png" );
    background-repeat: repeat-x;
    width: 100%;
    height: 5px;
}

.contentBackground
{
    /* background-image: url(   "Images/contentTopBackground.png" );     background-repeat: repeat-x;*/
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
}
.contentBottomBackground
{
    background-image: url(   "Images/contentBottomBackground.png" );
    background-repeat: repeat-x;
    width: 100%;
    height: 1px;
}
.bottomBackground
{
    background-image: url(   "Images/menu/menu_bottom_1_bg.jpg" );
    background-repeat: repeat-x; /* height:157px; */
    height: 50px;
}

.bottom1TDBackground
{
    background-image: url(   "Images/menu/menu_bottom_1_bg.jpg" );
    background-repeat: repeat-x; /* height:157px; */
    height: 33px;
}


.verticalTopPanel
{
    background-image: url(   "Images/verticalTopPanel.png" );
   background-color:#626B71;
    background-repeat: no-repeat;
    width: 244px;
    height: 31px;
}

.verticalContentPanel
{
    background-image: url(   "Images/verticalContentPanel.png" );
    background-repeat: repeat-y;
   
    width: 244px;
    height: 0px;
}

.verticalContentPanelGray
{
    background-image: url(   "Images/verticalContentPanelGray.png" );
    background-repeat: repeat-y;
    width: 244px;
    height: 1px;
}

.verticalBottomPanel
{
  
    background-image: url(   "Images/verticalBottomPanel.png" );
    background-repeat: no-repeat;
    width: 244px;
  
}

.topLease
{
    background-image: url(   "Images/TopLease.png" );
    background-repeat: no-repeat;
    width: 244px;
    height: 31px;
}
.contentLease
{
    background-image: url(   "Images/ContentLease.png" );
    background-repeat: no-repeat;
    width: 244px;
    height: 135px;
}

.txtBreadCrumbs
{
    font-size: 11px;
    color: #717171;
    text-decoration: none;
}

.txtTitle
{
    font-size: 15px;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.txtPanel
{
    font-size: 15px;
    color: white;
    text-decoration: none;
    font-weight: bold;
}


.txtTitle2
{
    font-size: 15px;
    color: #562381;
    text-decoration: none;
    font-weight: bold;
}

.txtTitle3
{
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.txtSubTitle
{
    font-size: 12px;
    color: #717171;
    text-decoration: none;
    font-weight: bold;
}

.txtLabel
{
    font-size: 14px;
    color: black;
    text-decoration: none;
    font-family:Trebuchet MS;
}
.txtLabelBold
{
    font-size: 12px;
    color: black;
    text-decoration: none;
    font-weight: bold;
}
.txtLabelBold2
{
    font-size: 12px;
    color: #562381;
    text-decoration: none;
    font-weight: bold;
}

.txtLabel2
{
    font-size: 11px;
    color: #999999;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}

.txtLabel3
{
    font-size: 11px;
    color: #663a8a;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}

.txtLabel5
{
    font-family:Trebuchet MS;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
}

.txtLabel4
{
    font-size: 11px;
    color: #949196;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}
.txtLabelError
{
    font-size: 12px;
    color: red;
    text-decoration: none;
}

.subMenuTitle
{
    font-size: 14px;
    color: Black;
    text-decoration: none;
    font-weight: bold;
    text-transform :uppercase;
    font-family:Trebuchet MS;
}

.subMenuItem
{
    font-size: 11px;
    color: black;
    text-decoration: none;
}
.ProfileSubtitle1
{
    font-size: 14px;
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.ProfileText1
{
    font-family:Trebuchet MS;
    font-size: 14px;
    color: black;
    text-decoration: none;
}

.ProfileLink1
{
    font-size: 12px;
    color: #225A97;
    text-decoration: none;
    font-weight: normal;
    line-height: 13px;
}

.textbox
{
    background-image: url(   "Images/textboxBackground.png" );
    background-repeat: no-repeat;
    border: 0px;
    padding-left: 5px;
    color: #7C7C7C;
    font-size: 12px;
    height: 18px;
    width: 193px;
}

.textbox2
{
    border: 0px;
    padding-left: 5px;
    color: #7C7C7C;
    font-size: 12px;
    height: 16px;
    width: 108px;
    border-top: solid 2px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
    border-right: solid 1px #e8e8e8;
    border-left: solid 2px #e8e8e8;
    font-style:italic;
}

.defaulttopmenuitem
{
    height: 35px; /*   text-align:center;*/
    vertical-align: middle;
    
}

.defaulttopmenuitemSelected
{
    height: 35px;
    background-image: url('Images/Menu/menuback.png');
    background-repeat: repeat-x; /* text-align:center;     vertical-align:middle;     max-width:140px;*/
}

.topmenuitem
{
    color: #626b71;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-left: 4px;
    font-size: 20px;
}
.topmenuitemselected
{
    color: #225A97;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    padding-left: 4px;
}

.topmenuitem:hover
{
    text-decoration: none;
}

.selectedtopmenuitem
{
    height: 27px;
}

.parentLinksNode
{
    color: #6D4490;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.parentTreeNode
{
    color: white;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold; /*text-transform:uppercase; */
    cursor: pointer;
}


.parentTreeNode:hover
{
    color: #003F87;
    font-size: 11px;
    font-weight: bold;
}

.parentTreeNodeDisable
{
    color: #999999;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold; /*text-transform:uppercase; */
    cursor: default;
}

.normalTreeNode
{
    color: White;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}
.normalTreeNode:hover
{
    color: #003F87;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

.normalNodeGray
{
    color: Gray;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

.normalTreeGray
{
    color: #84A019;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

.link
{
    color: #626b71;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}


.link:hover
{
    color: #626b71;
    font-size: 12px;
    font-weight: bold;
}

.TopSloganLink
{
    color: #ff0000;
    font-size: 15px;
    font-weight: normal;
    cursor: pointer;
    text-decoration: none;
    font-family: Trebuchet MS;
    text-transform: uppercase;
    font-weight: bold;
}



.TopSlogan
{
    color: Black;
    font-size: 11px;
    font-weight: normal;
    cursor: default;
    font-family: Trebuchet MS;
}

.contentTop
{
    height: 0px;
    width: 705px;
    /*background-image: url('Images/topContentBackground.png');*/
    background-repeat: no-repeat;
}

.content
{
    width: 705px;
    /*background-image: url('Images/contentMiddleBackground.png');
    background-repeat: repeat-y;*/
}

.contentBottom
{
    width: 705px;
    height: 20px;
    /*background-image: url('Images/bottomContentBackground.png');
    background-repeat: no-repeat;*/
}

.titleBackground
{
    height: 50px;
    width: 278px;
    background-image: url('Images/titleBackground.png');
    background-repeat: no-repeat;
}

.ShopDirections
{
    font-family: Trebuchet MS;
    font-size: 11px;
    color: #000000;
    line-height: 13px;
}

.ShopDirections a
{
    font-family: Trebuchet MS;
    font-size: 11px;
    color: #2364A6;
    text-decoration: none;
    font-weight: normal;
    line-height: 13px;
}

.ReparatieBackground
{
    height: 200px;
    width: 155px; /*width:228px;*/
    background-image: url('Images/menu/menu_mid_2_onderhoud_bg.jpg');
    background-repeat: no-repeat;
}

.ReparatieBackground2
{
    height: 200px;
    width: 155px; /*width:228px;*/
    background-image: url('Images/reparatie_2.png');
    background-repeat: no-repeat;
}

.BandenBackground
{
    height: 200px;
    width: 155px; /*width:228px;*/
    background-image: url('Images/menu/menu_mid_1_banden_bg.jpg');
    background-repeat: no-repeat;
}

.RuitschadeBackground
{
    height: 200px;
    width: 155px; /*width:228px;*/
    background-image: url('Images/menu/menu_mid_3_ruitherstel_bg.jpg');
    background-repeat: no-repeat;
}

.SchadeBackground
{
    height: 200px;
    width: 155px; /*width:228px;*/
    background-image: url('Images/menu/menu_mid_4_schade_bg.jpg');
    background-repeat: no-repeat;
}

.OnderhoudBackground
{
    height: 200px;
    width: 155px; /*  width:228px;*/
    background-image: url('Images/Onderhoud.png');
    background-repeat: no-repeat;
}

.OnderhoudBackground2
{
    height: 204px;
    width: 228px;
    background-image: url('Images/onderhoud_2 .png');
    background-repeat: no-repeat;
}

.MenuBottomBackground
{
    /*  height:103px;*/
    width: 172px;
    height: 31px; /*width:228px;*/
    background-image: url('Images/Menu_Bottom.png');
    background-repeat: no-repeat;
}

.ProfileCMSTitle
{
    color: #626B71;
    font-family: Trebuchet MS;
    font-size: 25px;
    text-decoration: none;
    line-height: 18px;
    font-weight: normal;
 
}

.ProfileCMSSubTitle
{
    color: #000000;
    font-family: Trebuchet MS;
    font-size: 15px;
    text-decoration: none;
    line-height: 18px;
    font-weight: bold;
   text-transform: uppercase;
}

.PopupModalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.5;
}

/* New appointment, Step3 - Calendar */
.MonthViewCalendarDaysTop
{
    width: 75px;
}
.MonthViewCalendarItem
{
    height: 29px;
    padding-top: 12px;
    border: solid 1px #E3E3E3 !important;
    width: 75px;
    text-align: center;
}
DIV.PopUpPanelForTimeIntervals
{
    position: absolute;
    top: 150px;
    left: 250px;
    width: 170px;
    border: solid 1px #E3E3E3;
    background-color: #FFFFFF; /* 	Style="width: 250px; height: 250px;             background-color: #DDDDDD; position: absolute; top: 400px; left: 420px;" */
}
.PopUpPanelTimeIntervals
{
    padding-left: 10px;
    border-style: none;
}
.Step3ActiveTimeInterval
{
}
.Step3InactiveTimeInterval
{
    color: #999999;
}


.TableNoLines
{
    /*border-style: none !important;*/
    border-style: none;
    border-collapse: collapse;
}
.TableNoLines TD
{
    border-style: none;
    border-collapse: collapse;
}

.megaMenuTop
{
    height: 11px;
    width: 560px; /*  background-image: url('Images/Menu/megaMenuTop1.png');     background-repeat: no-repeat;*/
}

.megaMenuContentGray
{
    height: 1px;
    width: 562px; /*  border-left:1px solid #5f5f5f;     border-right:1px solid #5f5f5f;*/
    background-image: url('Images/Menu/megaMenuContentGray.png');
    background-repeat: repeat-y;
}

.megaMenuBottomGray
{
    height: 4px;
    width: 558px;
    background-color: #5f5f5f; /*   background-image: url('Images/Menu/megaMenuBottom.png');     background-repeat: no-repeat;*/
}

.megaMenuBoder
{
    height: 1px;
    background-color: #626b71;
    background-repeat: repeat-x;
    margin-top: 5px;
}

.megaMenuBoderBig
{
    height: 2px;
    background-color: #5f5f5f;
    background-repeat: repeat-x;
    margin-top: 7px;
    margin-bottom: 2px;
}

.SearchBackgroundLeft
{
    height: 33px;
    width: 8px;
    background-image: url('Images/Menu/SearchL.png');
    background-repeat: no-repeat;
}
.SearchBackground
{
    height: 33px;
    width: 1px;
    background-image: url('Images/Menu/Search.png');
    background-repeat: repeat-x;
}
.SearchBackgroundRight
{
    height: 33px;
    width: 8px;
    background-image: url('Images/Menu/SearchR.png');
    background-repeat: no-repeat;
}
/* END New appointment */

.greenBackground
{
    background-color: #a6c504;
    color: #ffffff;
    font-family: Trebuchet MS;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}

.RightPanelTitle
{
    font-size: 22px;
    color: Black;
    padding-left: 10px;
    font-weight: bold;
}


.rightPanel .content, .rightPanel .t, .rightPanel .b, .rightPanel .b div
{
    background: transparent url(Images/Panels/rightPanel.png) no-repeat top right;
    _background-image: url(Images/Panels/rightPanel.gif);
}

.rightPanel .content
{
    position: relative;
    zoom: 1;
    _overflow-y: hidden;
    padding: 0px 6px 0px 0px;
}

.rightPanel .t
{
    /* top+left vertical slice */
    position: absolute;
    left: 0px;
    top: 0px;
    width: 6px; /* top slice width */
    margin-left: -6px;
    height: 100%;
    _height: 1600px; /* arbitrary long height, IE 6 */
    background-position: top left;
}

.rightPanel .b
{
    /* bottom */
    position: relative;
    width: 100%;
}

.rightPanel .b, .rightPanel .b div
{
    height: 6px; /* height of bottom cap/shade */
    font-size: 1px;
}

.rightPanel .b
{
    background-position: bottom right;
}

.rightPanel .b div
{
    position: relative;
    width: 6px; /* bottom corner width */
    margin-left: -6px;
    background-position: bottom left;
}

/*onlineplanning*/

.sizesPopupPanel
{
    background: transparent url(Images/Panels/sizePopupPanel.png) no-repeat bottom left;
    width: 500px;
    padding-bottom: 45px;
    padding-left: 28px;
    padding-right: 38px;
    z-index: 100;
}


.Navigator
{
    position: relative;
    top: -40px;
    z-index: 1000;
    left: 10px;
    height: 0px;
}
.Navigator a
{
    border: 1px solid #ccc;
    background: #888;
    text-decoration: none;
    margin: 0 5px;
    padding: 2px 8px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    opacity: 0.9;
    width: 40px;
    height: 40px;
    color: white;
}
.Navigator a.activeSlide
{
    background: #fff;
    color: black;
}
.Navigator a:focus
{
    outline: none;
}


.btnNormal
{
    border: 0px;
    background-image: url('Images/btnNormal.png');
    background-repeat: no-repeat;
    height: 49px;
    width: 328px;
    text-align: left;
    color: Black;
    font-weight: bold;
    padding-left: 5px;
    text-decoration: none;
    vertical-align: middle;
}
.btnOver
{
    border: 0px;
    background-image: url('Images/btnOver.png');
    background-repeat: no-repeat;
    height: 49px;
    width: 328px;
    text-align: left;
    color: White;
    font-weight: bold;
    padding-left: 5px;
    text-decoration: none;
    vertical-align: middle;
}
.btnOver a
{
    color: White;
}

.Safaritext
{
    text-align: left;
    color: Black;
    font-weight: bold;
    padding-left: 5px;
    text-decoration: none;
    vertical-align: middle;
    padding-top: 20px;
}
.List
{
    list-style-type: none;
}

.slideshow
{
    overflow: hidden;
    width: 880px;
    border: 0px;
}

.slideshow ul
{
    width: 4200px;
    padding-left: 0px;
    list-style: none;
    margin: 0 0 0 0;
}

.slideshow li
{
    float: left;
    margin: 0 0 0 0;
    cursor: pointer;
    list-style: none;
}

.videoslideshow
{
    overflow: hidden;
    width: 650px;
    border: 0px;
}

.videoslideshow ul
{
    width: 4200px;
    padding-left: 0px;
    list-style: none;
    margin: 0 0 0 0;
}

.videoslideshow li
{
    float: left;
    margin: 0 0 0 0;
    cursor: pointer;
    list-style: none;
}

.wheelsslideshow
{
    overflow: hidden;
    width: 880px;
    border: 0px;
}

.wheelsslideshow ul
{
    width: 4500px;
    padding-left: 0px;
    list-style: none;
    margin: 0 0 0 0;
}

.wheelsslideshow li
{
    float: left;
    margin: 0 0 0 0;
    cursor: pointer;
    list-style: none;
}
.pics
{
    cursor: pointer;
    height: 270px;
    width: 479px;
}
.divShortRed
{
    background-image: url('Images/Banners/red_678.png');
    background-repeat: no-repeat;
  /*  background-color: #ff0000;*/
    width: 678px;
    height: 50px;
}

.divShortBlue
{
     background-image: url('Images/Banners/blue_678.png');
    background-repeat: no-repeat; /* background-color: #1665AB;*/
    width: 678px;
    height: 50px;
}

.divShortGreen
{
    background-image: url('Images/Banners/green_678.png');
    background-repeat: no-repeat; /* background-color: #6d1874;*/
    width: 678px;
    height: 50px;
}

.divShortPurple
{
     background-image: url('Images/Banners/violet_678.png');
    background-repeat: no-repeat; /*background-color: #97bf0d;*/
    width: 678px;
    height: 50px;
}
.divLongRed
{
    background-image: url('Images/Banners/red_big_678.png');
    background-repeat: no-repeat;
    width: 678px;
    height: 50px;
}
.divLongBlue
{
      background-image: url('Images/Banners/blue_big_678.png');
    background-repeat: no-repeat;
    width: 678px;
    height: 50px;
}
.divLongGreen
{
  background-image: url('Images/Banners/green_big_678.png');
    background-repeat: no-repeat;
    width: 678px;
    height: 50px;
}
.divLongPurple
{
     background-image: url('Images/Banners/violet_big_678.png');
    background-repeat: no-repeat;
    width: 678px;
    height: 50px;
}