﻿/*********************************************
*
*                H E A D E R 
*
*********************************************/
/* Remove Mozilla / FireFox Dotted Outline Bug */
a:active
{
  outline: none;
}

.grid 
{

	background: url(/images/template/backgrounds/bg-grid.gif) repeat-x top;
}


#centerContentWrapper
{
	width: 791px; 
	margin: 0px auto;
}

div#search-form 
{
    margin: 0px;
    padding: 0px;
    
    position: absolute;

    background: url(/images/template/backgrounds/site-search/search-bg.jpg) top left no-repeat;
    width: 256px;
    height: 33px;
    
    margin-top: -116px;
    margin-left: 400px;   
    
}

    div#search-form span
    {
        position: absolute;
        margin: 0px;
        padding: 0px;
        top: 0;
        left: 0;
        
        top: 8px;
        left: 8px;
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
    }
    
div#language-form 
{
    position: absolute;
    display: block;
    background: url(/images/template/backgrounds/site-search/country-bg.jpg) top left no-repeat;
    
    width: 121px;
    height: 33px;
    
        
    margin-top: -116px;
    margin-left: 660px; 
}

div#language-form select
{    
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    top: 5px;
    left: 10px;
    width: 102px;
}
div#search-box 
{
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    left: 79px;
    top: 4px;
    width: 180px;
    height: 23px;
}

    div#search-box *
    {
        display: block;
        float: left;
    }

    input.search-field 
    {
        width: 100px;
        height: 23px;
        border: 0px;
        
        padding-top: 4px;
        background: url(/images/template/backgrounds/site-search/search-field-bg.jpg) top left repeat-x;
        
        font-family: Arial;
        
    }


/* Location / Position of the Language Tabs */
div#language-location 
{
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;

    left: 656px;
    top: 105px;
}

/* Logo Section of Header */
div#top-logo 
{
	position: relative;
	background: url(/template/images/header-menu/bg-line-dash-horizontal.gif) repeat-x bottom #FFFFFF;
	margin: 0px 0px 0px 0px;
    height: 140px;
}

    /* Section Logo Positioning ... ie selkirk, supervent, superpro ..... */
    div#top-logo img 
    {
		position: absolute;
		margin-top: 0px;
		left: 10px;

	}

/* Same as Top Logo but for Brands Pages */
div#brand-top-logo 
{
	position: relative;
	background: url(/template/images/header-menu/bg-line-dash-horizontal.gif) repeat-x bottom #FFFFFF;
	margin: 0px 0px 0px 0px;
	height: 130px;	
	display: block;
}
    
/* Sets Flash Header Size */
div#top-flash {
	position: relative;
	height: 195px;
	margin: 0px 0px 0px 0px;
	background: #f1f0f0;
}



/* Language Tab Styles */
input#englishLanguageButton,
input#frenchLanguageButton
{
    font-size: 0px; /* hide font so image shows */
    border: 0px;
}
    /* English Button Styles */
    input#englishLanguageButton
    {
        width: 67px; 
        height: 22px;    
        background: url(http://www.selkirkcanada.com/images/english.gif);
        z-index: 20;
    }

    /* French Button Styles */
    input#frenchLanguageButton
    {
        z-index: 15;
        width: 60px; 
        height: 22px;    
        margin-left: -3px;
        background: url(http://www.selkirkcanada.com/images/french.gif);
    }
    
    
/*********************************************
*
*                H E A D E R 
*
*********************************************/
