﻿/************************************************
*
* 1. GLOBAL
*
***********************************************/
body {
	margin: 0px 0px 0px 0px;
	background: url(/images/template/backgrounds/body-background-brands.jpg) top left repeat-x #171515;	
}
/*
hr {
	border: 0px solid #FFFFFF;
	border-top: 1px dashed #000000;
	margin-top: 15px;
}
*/

img {
  border: none;
}

hr.clear 
{
    display: block; 
    clear: both; 
    visibility: hidden; 
    height: 0; 
    border-width: 0; 
    margin: 0; 
    padding: 0; 
}

div#brand-wrapper * 
{
    font-family: Arial;
    font-size: 11px;
    margin-top:0px;
}


/************************************************
*
* 2. CONTENT STYLE TEXT (11px) - Dynamic Changing
*
***********************************************/

div#search-form 
{
    margin-top: 30px !important;
    margin-left: 400px !important;   

}

div#language-form 
{       
    margin-top: 30px !important;
    margin-left: 660px !important; 

}



div#brand-wrapper
{
    
    margin: 0px;
    padding: 0px;
    float: left;
    display: block;
    width: 780px;
    
        
}

    img.header-logo 
    {
        position: absolute;
        margin: 0px;
        padding: 0px;           
        
        margin-left: -780px;
        margin-top: -95px;
    }
    
    div#brand-top-logo
    {	
	    position: relative;	    

	    background: url(/template/images/header-menu/bg-line-dash-horizontal.gif) repeat-x bottom #FFFFFF;
	    height: 100px !important;   /* Sets header height */
    }

    div#brand-breadcrumb
    {
        margin: 0px;
        padding: 0px;
        width: 780px;
        height: 136px;
        display: block;
        clear: both;
        
    }
    
div#brand-content-wrapper
{
    width: 780px;
    background: white;
    display: block;

    border-top: 5px solid #eeeeee;
}    

    div#brand-left-column-fullcontent
    {
        background: white;
        width: 750px;
        height: 20px;
        float: left;
        display: block;
        padding: 15px;
    }
    
    div#brand-left-column
    {
        background: white;
        width: 185px;
        float: left;
        display: block
        
    }

    div#brand-right-column
    {
        margin: 0px;
        padding: 0px;
        background: white;
        width: 588px;
        float: left;
        display: block;
        border-left: 5px solid #eeeeee;                
    }
    
        div#ctl00_mainContent_contentCtrl_brandOnlinePlanner
        {
            position: absolute;
            top: 0px;
            left: 0px;
            
            padding: 0px;
            margin: 0px;
            
            top: 151px;
            left: 520px;
        }
        
        div#ctl00_mainContent_contentCtrl_brandOnlinePlanner a
        {
            background: url("/images/icons/online-planner.gif") top left no-repeat;
            width: 82px;
            height: 12px;
            display: block;
            font-size: 9px;
            
            padding-top: 9px;
            padding-left: 26px;
        }
        
        div#content 
        {
            float: left;
            width: 335px;            
            padding: 11px;
            margin:0px;
            padding-top:0px;
        }

            div#content h1
            {
                font-size: 16px;
                line-height: 20px;
                text-transform: uppercase;
                width: 300px;
                margin-bottom: 15px; 
                padding-top: 25px;
            }
            
            div#content p
            {	
				margin-bottom: 15px;  				          
            }
        
	        div#content ul, 
	        div#content ol
            {	
				margin-left: 40px;
				margin-bottom: 15px;            
            }
            
			div#content img {
				padding: 5px;            
			}
                
        div#available-countries
        {
            position: absolute;
            height: 30px;
            width: 175px;
            margin: 0px;
            padding: 0px;
            margin-left: 175px;
            float:right;
            
            
        }
        
            div#available-countries span 
            {
                width: auto;
                padding-top:3px;
                font-size: 12px;
                float: right;
                text-align: right;
            }
            
            div#available-countries img 
            {
                padding: 0px;
                margin: 0px;
                float: right;
                margin-right: 5px;   
            }
            
            
            
        
        div#content-submenu {
            float: left;
            width: 200px;
            
            padding-left:4px;
            padding-top:15px;
          
            
            
        }

                div#content-submenu h2.topTitle
                {
                    margin: 0px;
                    padding: 0px;
                    width: 172px;
                    height: 20px;
                    
                    
                    color: #FFFFFF;
                    
                    padding-left: 20px;
                    padding-top: 2px;
                    
                }
        
                div#content-submenu h2
                {
                    margin: 0px;
                    padding: 0px;
                    width: 172px;
                    height: 20px;
                    background: url(/images/template/contentRightTitle.jpg) top left no-repeat;                    
                    color: #FFFFFF;
                    padding-left: 20px;
                    padding-top: 2px;
                }
                
                div#content-submenu .fileSubNav
                {
                    width:192px;
                    color:pink;
                }
                
                div#content-submenu .productFilesSubNav
                {
                     padding:0px;
                     padding-left:0px;
                     list-style:none;
                     width:190px;
                     
                      
                }
                div#content-submenu .productFilesSubNav ul li
                {
                     padding:0px;
                     margin:0px;
                     background:blue;
                     
                      
                }                
                
        div#content-footer-wrapper 
        {
            width: 595px;
            background: purple;
        }
        
        div#brand-footer-wrapper {
            background: red;
            float: left;
            height: 50px;
            clear: left;
            background: #868b9f;
            width:770px;
            border-left: 5px solid #eeeeee;    
            border-right: 5px solid #eeeeee;
            border-top: 5px solid #eeeeee;
            border-bottom: 5px solid #eeeeee;            

        }

        div#brand-footer-wrapper *
        {
            background: #868b9f;
        }
        
            div#brand-footer-wrapper div#brand-home 
            {
                float: left;
                width: 100px;
                padding-top: 18px;
                margin-left: 15px;
            }

                div#brand-footer-wrapper div#brand-home,
                div#brand-footer-wrapper div#brand-home a,
                div#brand-footer-wrapper div#brand-home a:hover
                {
                    font-family: Tahoma;
                    font-size: 11px;
                    color: white;
                }      
                            
            div#brand-footer-wrapper div#copyright 
            {
                width: 300px;
                float: left;
                margin-left: 75px;
                padding-top: 10px;
            }

                div#brand-footer-wrapper div#copyright,
                div#brand-footer-wrapper div#copyright a,
                div#brand-footer-wrapper div#copyright a:hover
                {
                    font-family: Tahoma;
                    font-size: 11px;
                    color: white;
                }            
            
            div#brand-footer-wrapper div#policys 
            {
                padding-top: 18px;
                
                width: 240px;
                float: right;
                padding-right: 15px;
            }
            
                div#brand-footer-wrapper div#policys,
                div#brand-footer-wrapper div#policys a,
                div#brand-footer-wrapper div#policys a:hover
                {
                    font-family: Tahoma;
                    font-size: 11px;
                    color: white;
                }                
                
                
div.internal-news 
{
 height:350px;
 overflow:auto;   

}         

div#change-font-master 
{
    position: absolute;
    top: 0px;
    left: 0px;   
    top: 130px;
    left: 720px;
}       

div#change-font-master a
{
    color: #FFFFFF;
}


/************************************************
*
* new landing page layout

    added by matt 

    may 2008
*
***********************************************/
div#brand-wrapper * 
{
    
    margin-top:0px;
}
div#brand-content-wrapper-new
{
    width: 780px;
    background: #e5e5e5;
    display: block;
    float:left;

    border-top: 5px solid #eeeeee;
}

    div#internal-content-holder
    {
        width:768px;
        clear:both;
        display:block;
        margin-left:6px;
        margin-top:6px;
        margin-bottom:6px;
        background-color:#ffffff
    }

          div#brand-v2-left-column
       {                
            float:left;
            width:255px; 
            margin-top:15px;
            padding-left:20px;
            
       }
       
          div#center-column-holder
        {
            float:left;
            width:235px;
            margin-top:15px;
        }       
        
                    div#brand-v2-center-column
                    {
                        border:#caccd5 thin solid;
                        max-width: 233px;
                        padding:20px;
                        padding-bottom:0px;
                        padding-top:10px !important;
                        overflow:auto;                                                
                        
                        background-color: #eeeeee
                        
                    }
        
        div#brand-v2-right-column
        {
            float:left;
            margin-top:15px;
            margin-left:25px;
            width:200px;
            
            
        }
        
        div#internal-news
        {
            background-color:Fuchsia;
        }
        
        div#clear
        {
            clear:both;
            display:block;
            content:".";
        }
        
        
        
/************************************************
*
* new landing page blue button styles

  added by matt 

    may 2008
*
***********************************************/
                
    /* BLUE BUTTON */   
    div.landing_btn_blue
    {        
        background: url(/uploadedImages/Images/brands/blue-btn-off.gif) top left no-repeat;
        width: 234px;
        height: 102px;
		cursor:hand;
    }
    
     div.landing_btn_blue a
     {
        display: block;
        height: 102px;
        text-decoration: none;
        margin-top:15px;
     }
    
    .landing_btn_blue img
    {
        margin: 0px;
        padding: 0px;
        position: absolute;
        margin-left: 10px !important;
        margin-top: 10px !important;
        
        
    }
    

    .landing_btn_blue em
    {
        position: absolute;
        margin-left: 100px;
        color: White;
        font-size: 12px;
        width: 120px;
        padding-top:13px;
		cursor:hand;
    }
    
    .landing_btn_blue u
    {
        position: absolute;
        margin-left: 180px;
        padding-top:57px;
        color: White;
        font-size: 12px;
		cursor:hand;
       
        
        
    }
    
    .landing_btn_blue strong
    {
        position: absolute;
        margin-left: 100px;
        color: White;
        font-size: 14px !important;
        width: 124px;
        padding-top:10px;
		cursor:hand;
    }
    
        
        .landing_btn_blue a:hover
        {
            color: White;
            background: url(/uploadedImages/Images/brands/blue-btn-on.gif) top left no-repeat;            
            text-decoration: none;
        }
        
/************************************************
*
* new landing page red button styles

  added by matt 

    may 2008
*
***********************************************/
                
    /* RED BUTTON */   
    div.landing_btn_red
    {        
        background: url(/uploadedImages/Images/brands/red-btn-off.gif) top left no-repeat;
        width: 234px;
        height: 102px;
		cursor:hand;
        
    }
    
     div.landing_btn_red a
     {
        display: block;
        height: 102px;
        margin-top:15px;
        text-decoration: none;
     }
    
    .landing_btn_red img
    {
        margin: 0px;
        padding: 0px;
        position: absolute;
        margin-left: 10px !important;
        margin-top: 10px !important;
        
        
    }
    

    .landing_btn_red em
    {
        position: absolute;
        margin-left: 100px;
        color: White;
        font-size: 12px;
        width: 120px;
        padding-top:13px;
		cursor:hand;
    }
    
    .landing_btn_red h6
    {
        position: absolute;
        margin-left: 100px;
        color: White;
        font-size: 12px;
        width: 110px;
        padding-top:13px;
		cursor:hand;
    }
    
    .landing_btn_red u
    {
        position: absolute;
        margin-left: 180px;
        padding-top:57px;
        color: White;
        font-size: 12px;
		cursor:hand;
        
        
        
    }
    
    .landing_btn_red strong
    {
        position: absolute;
        margin-left: 100px;
        color: White;
        font-size: 14px !important;
        width: 124px;
        padding-top:10px;
		cursor:hand;
    }
    
        
        .landing_btn_red a:hover
        {
            color: White;
            background: url(/uploadedImages/Images/brands/red-btn-on.gif) top left no-repeat;            
            text-decoration: none;
        }
        
        
 /************************************************
*
* Right column text styles

  added by matt 

    may 2008
*
***********************************************/  
 




 /************************************************
*
    Airmate text use <strong> tag, Metalbestos use <em>
*
***********************************************/   
 
 div#brand-v2-right-column strong 
 {
    color:Navy;
    text-decoration:none;  
 } 
 
  div#brand-v2-right-column a 
 {
    color:Red;
    text-decoration:underline;  
 } 
 div#brand-v2-right-column a:hover 
 {
    text-decoration:none;  
 }
 
  /************************************************
*
    Internal brand pages
*
***********************************************/  
 
 
 
 div#tabHolder
{	
	height:30px;
	/*max-width:516px;*/
	width:inherit;
	float:right;
	background-color:White;
	
	


}

div#brand-breadcrumb-int
    {
        margin: 0px;
        padding: 0px;
        width: 780px;
        height: 30px;
		background: #0b3d92;
    	color: #FFFFFF;
    	clear:both;
    	display:block;
		       
        
    }
    
  div#brand-content-wrapper-int
{
    width: 780px;
    background: #e5e5e5;
    display: block;
    float:left;

    border-top: 5px solid #eeeeee;
}

    div#internal-content-holder-int
    {
        width:768px;
        clear:both;
        display:block;
        margin-left:6px;
        margin-top:6px;
        margin-bottom:6px;
        background-color:#ffffff
    }

          div#brand-v2-left-column-int
       {                
            float:left;
            width:200px; 
            background-color:Black;
            height:auto;
            
       }
       
          div#center-column-holder-int
        {
            float:left;
            width:235px;
            margin-top:5px;
            height:auto;
            
        }       
        
                    div#brand-v2-center-column-int
                    {
                        border:#caccd5 thin solid;
                        max-width: 233px;
                        padding:20px;
                        padding-top:10px !important;
                        overflow:auto;                                                
                        
                        background-color: #eeeeee
                        
                    }
        
        div#brand-v2-right-column-int
        {
            float:right;
            margin-top:0px;
            margin-left:0px;
            width:200px;
            border-left:solid 1px #e5e5e5;
            height:inherit;
            
        }
        
        
         
    
  /************************************************
*
        internal menues
*
***********************************************/  
  
                          .tabTitles
						{
							width:118px;
							height:30px;
							text-align:center;
							font-weight:bold;
							color:#313131;
						}
						
						.tabText
						{
							font-size:13px !important;
							height:30px;
						}
				  
						.tabs
							{
								width:118px;
								height:21px;
								display:block;
								text-decoration:none;
								font-size:12px !important;
								padding-top:9px;
							}
						
						.tabsSelected
						{
						    width:118px;
							height:21px;								
							display:block;
							text-decoration:none;
							padding-top:9px;
						    outline: none;
							font-size:13px !important;  
						}
						
						div#tabHolder
						{	
							height:30px;
							width:auto;
						
														
						}
						
						.tabzz li
						{
							float:left;
							height:30px;
							width:118px;
							background: url(/images/brands/buttons/tab2.gif) no-repeat;
							margin-left:1px;
							margin-bottom:0px;
							padding:0px;
							list-style:none;
							margin-top:-15px;
							
						}
						
				/************ Internal Left Menu *********************************/
                    	.listMenu
						{
							padding:0px; 
							margin:0px;
							padding-left:25px; 
							margin-top:15px;
							padding-top:15px;
							width:155px; 
						}
																					
						div#brand-v2-left-column-int li{
						list-style-image:url(/images/icons/bullit.gif);
						margin-bottom:4px;
						}
									
						.list{
						color:#63aaf2 !important;
						font-size:12px;
						text-decoration:none;
						text-align:justify;
						}
						
						.listSelected
						{
						 color:#FFFFFF !important;
						 text-decoration:none;
						    
						}
						
						/***************** internal content blocks ****************************/
                    	
						
				        .fileSubNavInner 
				        {
				            padding-bottom:3px;
				            
				           
				            
				        }
				        
				        
				        div#left_buttons_int
				        {
				            padding-left:8px;
				            padding-top:15px;
				        }
				        
				        div#right_buttons_int
				        {
				            padding-left:4px;
				        }
				        
/************************************************
*
* HEADER LOGOUT BUTTON LAYOUT
*
***********************************************/
div#member-logout
{
	margin: 0px;
    padding: 0px;
    
    position: absolute;

	margin-left: 335px;
	margin-top: 30px;
	width: 61px;
    height: 34px;
}

	div#member-logout a
	{
	    background: url(/images/template/header/logout-btn.jpg) top left no-repeat;
		display: block;
		
		padding-top: 8px;
		width: 61px;
		height: 26px;
		text-align: center;
		text-decoration: none;
		font-size: 12px;
	    font-weight: bold;
		font-family: Arial;
		color: #bd0020;
	}

	div#member-logout a:link,
	div#member-logout a:visited,
	div#member-logout a:active,
	div#member-logout a:hover

	{
		color: #bd0020;
	}

		div#member-logout a:hover		
		{
			text-decoration: underline;
		}
		        				        
		        				        
		        				        
		        				        
#brand-left-column-fullcontent h2 {
    position: absolute;
    display: block;
    background: url(/images/template/backgrounds/content/brands-fullpage-title-bg.jpg) top left no-repeat;
    width: 760px;
    height: 23px;
    margin: 0px;
    padding: 0px;
    font-size: 12px !Important;
    font-weight: bold;
    margin-left: -15px;
    top: 296px;
    color: white;
    padding-top: 7px;
    padding-left: 20px;
}		        