/*      
	5-9-2010 20:52:15

    DEFAULT STYLE
    ____________________________________________________________________
*/
body, html
{
    margin: 0;
    padding: 0;
    /* padding: 1800px 0 0 0; */
    background-color: #226EA2;
}
body, td, div, span, p, a, li, h1, h2, h3
{
    font-family: arial;
    font-size: 12px;
}
a
{
    color: #14476D;
}
a:hover
{
    color: #DD5E00;
}
/*      
    MAIN LAYOUT
    ____________________________________________________________________
*/
form, div#BaseContentContainer, div#BaseMainContainer, div#BaseHeaderContainer, div#BaseFooterContainer
{
    margin: 0;
    padding: 0;
}
div#BaseMainContainer
{
    background-color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 0;
    width: 1000px;
	left: 50%;
	margin-left: -500px;
}
div#BaseHeaderContainer
{
    background-color: #FFFFFF;
    margin: 0;
}
div#BaseContentContainer
{
}
div#BaseFooterContainer
{
    border-top: 1px solid black;
}
/*      
    CONTENT LAYOUT
    ____________________________________________________________________
*/
td#tdLeftColumn, div#divLeftColumn
{
    width: 180px;
    background-color: #FFFFFF;
}
td#tdContent
{
}
td#tdRightColumn, div#divRightColumn
{
    width: 180px;
    background-color: #FFFFFF;
}
div#MinContentHeight
{
    width: 1px;
    background-color: Transparent;
    overflow: hidden;
    float: right;
    height: 600px;
}
div#Content_Container
{
    margin: 10px;
}
/*      
    HEADER
    ____________________________________________________________________
*/
div#HeaderTop
{
    height: 70px;
    background-color: #F5F5F5;
    background-image: url( '/Images/AircoshopDE/Header-Background.jpg' );
    width: 100%;
    display: block;
}
div#HeaderTop div#LeftBlock
{
    width: 200px;
    float: left;
}
div#HeaderTop div#LeftBlock div#Logo
{
    margin: 10px 0 0 10px;
}
div#HeaderTop div#Info
{
    position: absolute;
    top: 40px;
    left: 400px;
}
div#HeaderTop div#Info td
{
    font-size: 16px;
    font-weight: bold;
    color: #2F91D9;    
}
/*      
    SHOPCART
    ____________________________________________________________________
*/

div#ShopCartSub_Container
{
    padding: 15px 10px 15px 15px;
    margin-top: 0;
    background-color: #B4D7F1;
}
div#ShopCartSub_Container h2
{
    font-weight: bold;
    font-size: 16px;
    display: inline;
    color: #2263A7;
}
div#ShopCartSub_Container span.Label
{
    color: #2263A7;
}
div#ShopCartSub_Container span.Value
{
    color: #000000;
}
/*      
    CHECKOUT
    ____________________________________________________________________
*/
div.Checkout_Container
{
    border: 4px solid silver;
    margin: 40px 10px 40px 40px;
    padding: 10px;
    width: 700px;
    height: auto;
}
div.Checkout_Container .Title
{
    font-size: 15px;
    font-weight: bold;
}
div.Checkout_Container .SubTitle
{
    font-size: 13px;
    font-weight: bold;
}
div.Checkout_Container .Label
{
    font-size: 13px;
    color: #444444;    
}
div.Checkout_Container .Comment
{
    font-size: 11px;
    color: #444444;
    margin: 2px 0 2px 0;
}
div.Checkout_Container .LinkButton
{
    font-weight: bold;
    font-size: 13px;
}
div.Checkout_Container .Message
{
    font-weight: bold;
    font-size: 12px;
    color: #333333;
}
div.Checkout_Container .Warning
{
    color: Red;
    font-weight: bold;
    font-size: 11px;
    margin: 5px 0 5px 0;
}
/* Steps */ 
div#Checkout_StepsContainer
{
    border: 1px solid #143C63;
    background-color: #2263A7;
    padding: 6px;
}
div#Checkout_StepsContainer ul, div#Checkout_StepsContainer ul li
{
    margin: 0;
    display: inline;
    list-style-type: none;
    font-size: 14px;
    color: #9ACAED;
}
div#Checkout_StepsContainer ul li
{
    padding: 2px 5px 2px 5px;
}
div#Checkout_StepsContainer ul li.Selected
{
    font-weight: bold;
    color: #FFFFFF;
}
div#Checkout_StepsContainer div.Comment
{
    font-size: 11px;
    margin: 5px 0 5px 0;
    padding: 0;
    color: #444444;
}
/* Navigatie */
div.Navigation_Container
{
    margin: 15px 0 15px 0;
    border: 0px dotted red;
    height: 30px;
}
div.Navigation_Container span.Text
{
    font-size: 15px;
    font-weight: bold;
    color: #AAAAAA;
    padding: 6px 15px 0 15px;
    white-space: nowrap;
}
/* 


    Layout: opmaak pagina blokken 
    ____________________________________________________________________
*/
.ContainerLight, .ContainerMiddle, .ContainerDark, .ContainerWhite
{
    padding: 15px 10px 15px 15px;
    margin-top: 10px;
}
.ContainerLight p, .ContainerMiddle p, .ContainerDark p, .ContainerWhite p
{
    font-size: 11px;
    margin: 0 0 8px 0; /*line-height: 14px;*/
}
.ContainerDark p
{
    color: #FFFFFF;
}
.ContainerLight
{
    background-color: #DDF3FD;
}
.ContainerMiddle
{
    background-color: #B4D7F1;
}
.ContainerDark
{
    background-color: #6AB0E4;
}
.ContainerWhite
{
    background-color: #FFFFFF;
    border: 1px solid #6AB0E4;
}
/* 


    Header
    ____________________________________________________________________
*/
div#Header
{
    width: 100%;
    height: 68px;
    overflow: hidden;
    clear: both;
    background-image: url( '/Images/AircoshopDE/Header-Background.jpg' );
}
div#Header div#Logo
{
    margin: 7px 0 0 8px;
    float: left;
}
div#Header div#HeaderEmblem
{
    margin: 8px 15px 0 0;
    float: right;
    clear: right;
}
div#Header div#HeaderInfo
{
    position: absolute;
    top: 38px;
    left: 350px;
    font-size: 18px;
    padding: 0;
    font-weight: bold;
    color: #2F91D9;
}
div#Header div#HeaderInfo span
{
    white-space: nowrap;
    font-size: 16px;
    font-weight: bold;
}
div#Header img.MobilePhone
{
    position: absolute;
    left: 353px;
    top: 39px;
}
div#Header div#HeaderMenuContainer
{
    width: auto;
    height: 9px;
    float: right;
    margin: 8px 15px 0 0;
    clear: right;
}
div#Header div#HeaderMenuContainer ul#HeaderMenu
{
    padding: 0;
    margin: 0;
}
div#Header div#HeaderMenuContainer ul#HeaderMenu li
{
    display: inline;
    float: left;
    height: 9px;
    padding: 0;
}
div#Header div#HeaderMenuContainer ul#HeaderMenu a.HeaderItem1
{
    border-right: 1px solid #14476D;
    padding-left: 5px;
    padding-right: 5px;
}
div#Header div#HeaderMenuContainer ul#HeaderMenu a.HeaderItem2
{
    padding-left: 5px;
}
div#Header div#HeaderMenuContainer ul#HeaderMenu a
{
    text-decoration: underline;
    color: #14476D;
    font-weight: normal;
    font-size: 11px;
}
div#Header div#HeaderMenuContainer ul#HeaderMenu a:hover
{
    text-decoration: underline;
    color: Red;
}
/* 


    Footer 
    ____________________________________________________________________
*/
div#Footer
{
    width: 100%;
    margin: 0;
    padding: 0px 0px 65px 0px;
    border: 0px dotted red;
    background-color: #226EA2;
    text-align: center;
    border-top: 1px solid #174D71;
}
div#Footer p, div#Footer a
{
    font-size: 11px;
    text-align: center;
    line-height: 13px;
    margin: 0;
    color: #DAEBF8;
}
div#Footer div#FooterMenuContainer
{
    height: 16px;
    margin: 8px 0 15px 0;
    border: none;
}
div#Footer div#FooterMenuContainer ul#FooterMenu
{
    padding: 0;
    margin: 0;
}
div#Footer div#FooterMenuContainer ul#FooterMenu li
{
    display: inline;
    height: 9px;
    padding: 0;
}
div#Footer div#FooterMenuContainer ul#FooterMenu li a
{
    color: #DAEBF8;
    font-size: 12px;
}
div#Footer div#FooterMenuContainer ul#FooterMenu li a:hover
{
    color: #FFFFFF;
}
div#Footer div#FooterMenuContainer ul#FooterMenu a.FooterItem1
{
    border-right: 1px solid #14476D;
    padding-left: 5px;
    padding-right: 5px;
}
div#Footer div#FooterMenuContainer ul#FooterMenu a.FooterItem2
{
    padding-left: 5px;
}
div#Footer div#FooterMenuContainer ul#FooterMenu a
{
    text-decoration: underline;
    color: #14476D;
    font-weight: normal;
    font-size: 0.8em;
    font-weight: bold;
}
/* 


    Topmenu 
    ____________________________________________________________________
*/
div#TopMenu
{
    width: 100%;
    height: 21px;
    overflow: hidden;
    background-color: #2F91D9 /*#6AB0E4*/;
    white-space: nowrap;
    background-image: url( '/Images/AircoshopDE/Menu/bg.jpg' );
}
div#TopMenu div#LeftSpace
{
    width: 180px;
    height: 21px;
    border-right: 10px solid #FFFFFF;
    float: left;
}
div#TopMenu div#RightSpace
{
    width: 180px;
    height: 21px;
    border-left: 10px solid #FFFFFF;
    float: right;
}
div#TopMenu div#NavContainer
{
    width: auto;
    height: 21px;
    float: left;
}
div#TopMenu ul#NavButtons
{
    padding: 0;
    margin: 0;
}
div#TopMenu ul#NavButtons li
{
    display: inline;
    float: left;
    height: 21px;
    padding: 2px 12px 0px 12px;
}
div#TopMenu ul#NavButtons li.NavButton1
{
    width: 70px;
    border-right: 1px solid #174F73;
    text-align: right;
}
div#TopMenu ul#NavButtons li.NavButton2
{
    border-left: 1px solid #66ADE1;
    border-right: 1px solid #174F73;
    text-align: center;
}
div#TopMenu ul#NavButtons li.NavButton3
{
    border-left: 1px solid #66ADE1;
    text-align: left;
}
div#TopMenu ul#NavButtons a
{
    text-decoration: none;
    color: #DDF3FD /*#14476D*/;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 13px;
}
div#TopMenu ul#NavButtons a.Selected
{
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 13px;
}
div#TopMenu ul#NavButtons a:hover
{
    color: #FFFFFF;
}
/* 


    Blok: Winkel menu 
    ____________________________________________________________________
*/
div#SideMenuContainer
{
    padding: 0;
}
div#ShopMenu
{
	padding: 10px 0 10px 0;
}
div#ShopMenu ul
{
	margin: 0 0 0 10px;
	list-style: none;
}
div#ShopMenu ul li
{
	margin: 0 0 4px 0;
	border-bottom: 1px solid white;
}
div#ShopMenu ul li a
{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
div#ShopMenu ul li a:hover
{
	text-decoration: underline;
}
div#ShopMenu ul li
{
	margin: 0 0 2px 0;
	border-bottom: 0;
}
div#ShopMenu ul li ul li a
{
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
div#ShopMenu ul li a.selected
{
    color: #DD5E00;
}
/* 


    Blok: Winkel Merken menu 
    ____________________________________________________________________
*/

div#ShopBrandsMenu
{
	margin: 0;
	padding: 5px 0 10px 0;
	border-top: 2px solid #ffffff;
}
div#ShopBrandsMenu ul
{
	margin: 0 0 0 10px;
	list-style: none;
}
div#ShopBrandsMenu ul li
{
	margin: 0;
	line-height: 15px;
}
div#ShopBrandsMenu ul li a
{
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
div#ShopBrandsMenu ul li a:hover
{
	text-decoration: underline;
}
div#ShopBrandsMenu ul li a.selected
{
    color: #DD5E00;
    font-weight: bold;
}
/* 


    Blok: FAQ 
    ____________________________________________________________________
*/
div.PageContainer
{
	border: 0px dotted red;
}
div.PageContainer div.Spacer
{
	border: 0px dotted blue;
	margin: 50px;
}
div.PageContainer h1
{
	margin: 0 0 15px 0;
	font-size: 18px;
}
div.PageContainer h2
{
	margin: 0 0 15px 0;
	font-size: 15px;
}
div.PageContainer h3
{
	margin: 0 0 15px 0;
	font-size: 13px;
}
div.PageContainer p
{
	margin: 0 0 15px 0;
	font-size: 12px;
}

/* 


    Blok: FAQ 
    ____________________________________________________________________
*/
div#BlockFAQ p.Title
{
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    color: #1F62A4;
}
div#BlockFAQ ul#FAQMenu
{
    list-style-type: square;
    margin: 0 0 0 5%;
    padding: 0;
    color: #6AB0E4;
    font-size: small;
}
div#BlockFAQ ul#FAQMenu li
{
    line-height: 15px;
    padding-bottom: 3px;
}
div#BlockFAQ a
{
    font-size: 0.95em;
    font-weight: normal;
}
/* 


    Blok: Zoekveld 
    ____________________________________________________________________
*/
div#BlockSearch
{
    padding: 5px 5px 5px 15px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #B4D7F1;
    border-right: 1px solid #B4D7F1;
    border-left: 1px solid #FFFFFF;
}
div#BlockSearch input#SearchBox
{
    width: 120px;
    background-color: #F5F5F5;
    font-size: 11px;
    border: 1px solid #6AB0E4;
}
div#BlockSearch form
{
    margin: 0;
}
div#BlockSearch p
{
    font-size: 13px;
    font-weight: bold;
    color: #1F62A4;
}
/* 


    Blok: Winkelwagen 
    ____________________________________________________________________
*/
div#BlockCart
{
}
div#BlockCart a
{
    font-weight: bold;
}
div#BlockCart p.Title
{
    font-size: 14px;
    font-weight: bold;
    color: #004479;
}
/* 


    Blok: USP's (Unique Selling Points) 
    ____________________________________________________________________
*/
div#BlockUSP
{
    color: #DDF3FD;
}
div#BlockUSP img.Check
{
    margin: 3px 5px 0 0;
}
div#BlockUSP p.Title
{
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    color: #FFFFFF;
}
div#BlockUSP ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
div#BlockUSP ul li
{
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 14px;
}
/* 


    Blok: Welke Airco? (Koellast berekening)
    ____________________________________________________________________
*/
div#BlockCalculator
{
}
div#BlockCalculator p.Title
{
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    color: #1F62A4;
    margin-top: 6px;
}
div#BlockCalculator p
{
    font-size: 12px;
}
div#BlockCalculator a
{
    font-size: 12px;
    font-weight: bold;
}
/* 


    Pagina titel (content)
    ____________________________________________________________________
*/
div#PageTitle_Header
{
    width: 97.5%;
    background-color: #FFFFFF;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #FFFFFF;
    color: #666666;
}
div#PageTitle_Header H1
{
    font-size: 15px;
    color: #333333;
    margin: 0 0 0 22px;
}
div#PageTitle_Header span#PageTitle_Text
{
    float: right;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    color: inherit;
    padding: 3px 10px 0 0;
}
div#PageTitle_Header span#PageTitle_Text a
{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
}
/* 


    Blok: Welke Airco? (Koellast berekening)
    ____________________________________________________________________
*/
div#BlockTechnowacht
{
}
div#BlockTechnowacht p.Title
{
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    color: #1F62A4;
    margin-top: 6px;
}
/* 


    Blok: Welke Airco? (Koellast berekening)
    ____________________________________________________________________
*/
div#BlockInfo
{
    font-size: 11px;
    padding: 10px 5px 10px 10px;
}
div#BlockInfo p.Title
{
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    color: #E85E00;
    margin-top: 0px;
}