/*
This file holds the main website structure frame and basic colours such as body
background colours.

funther styles from colums such as the main menu and footer are inside theri own css

THIS MUST NOT BE ALTERED
*/

/*
Note: Changing footer height

1) Change in footer: maging-top, height
2) Div Left: margin-bottom
3) Div Right: margin-bottom
4) Main: margin-bottom
*/

*{
  padding: 0;
  margin:  0;
  border:  0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
html, body {height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* set outside background color */
body{
  background: #D6D6D6;
/*  background: #FBFBFB;*/
/*  background-image: url(../images/bk.jpg);
background-repeat: repeat-x;*/
    padding: 0;
  margin:  0;
  border:  0;
  height:100%;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/* Centres the page and sets max size of the page */
#wrapper {
margin-right: auto;
margin-left: auto;

min-height: 100%;
width: 1002px;
padding-top:0px;
background-color: #FFFFFF;


}

/*
set left and right margins for outer padding
*/
#main {
overflow: hidden;
padding-bottom: 150px;
padding: 0;
padding-left:11px;
padding-right:11px;
  border:  0;
  background-color: #FFFFFF;
  float:left;
  width:980px;
  min-height:1000px;
}  /* must be same height as the footer */



#header{
 height: 115px;
  /*  width:auto;*/
	/*padding: 0 10px;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    padding: 0;
  margin: 0;
  background-color: #FFFFFF;


}

#top_header{
height:39px;
width:100%;
}

#sales_line{
height:38px;
width:100%;
}

#logo{
  float: left;
  width:295px;
  height:111px;
  background-image: url(../images/logo.png);
  margin: 0;
  padding: 0;
  margin:0;
}


#main_menu{

font-family: Verdana, Arial, Helvetica, sans-serif;
height:40px;
z-index:1;
  position: relative;
  left: auto;
  right: auto;
  /*background-image: url(../images/header_menu_bar.png); */
/* background:#9DA9F9;*/

 width:980px;

}



/* the background section to the search input */






#right {
position: relative;
 /*top: 9px;*/
 float: right;
 width: 160px; /* since this element is floated, a width must be given */
 max-width:160px;
 /* background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 0 0 0; /* top and bottom padding create visual space within this div */

	height: 100%;
    padding-bottom: 420px; /* footer height */
}

 #left{
   font-family: Verdana, Helvetica, Arial, sans-serif;
    position: relative;
    float: left;
	width: 160px;
	max-width:160px; /* since this element is floated, a width must be given */
	/* background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	padding-top: 5px; /* top and bottom padding create visual space within this div */
    padding-left: 0px; /* top and bottom padding create visual space within this div */
    padding-right: 0px; /* top and bottom padding create visual space within this div */
    padding-bottom: 0px; /* top and bottom padding create visual space within this div */

  /*  top: 118px;    top bar 20px headder 75px main menu 20px + 3px padding on main menu*/
    left: 0px;
	min-height:500px;

    padding-bottom: 420px;    /* footer height */
/*    background-color: #004063;  */

}

#left .title{
border: 0 0 0 0;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 160px;
height:30px;
}



/* middle centre content set laft and right margins to size of the left and right column plus padding to push column into centre */
#content {
 	/*margin: 0 10.2em 0 10.3em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
    margin: 0 0px 0 188px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
    /* margin: 0 0 0 0; the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	padding: 0 0 0 0; /* padding here creates white space "inside the box." */
    height:100%;
    padding-bottom: 420px; /* footer height */


}

#content_no_left{
      margin: 0 0 0 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
    /* margin: 0 0 0 0; the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	padding: 0 0 0 0; /* padding here creates white space "inside the box." */
    height:100%;
    padding-bottom: 300px; /* footer height */
}

#top_banner{
    margin: 0 0 5px 0;
    	padding: 0 0 0 0; /* padding here creates white space "inside the box." */
    height:240px;
    background-color: #EFEFEF;
  background-image: url(../images/banner.jpg);
}

#middle_banner{
    margin: 0 0 0 0;
    	padding: 0 0 0 0; /* padding here creates white space "inside the box." */
    height:240px;
    background-color: #EFEFEF;
  background-image: url(../images/banner.jpg);
}

#centre_wrapper{
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
 /* height:100%;*/
  padding-bottom: 420px; /* footer height */
  overflow: hidden;
 /* border: thin solid;   */
}
/*
#top_menu{
  width:980px;
  height:30px;

  position: absolute;
  top:5px;
  left: auto;
  right: auto;
  background-image: url(../images/header_menu_bar.png);

}*/

#footer {position: relative;
	margin-top: -420px; /* negative value of footer height */
	height: 420px;
	clear:both;
    width:100%;
    left: auto;
    right: auto;
    padding-top: 0px;

    }


/* horizontal spacer of 14px*/
.spacer{
  width: 100%;
  height: 14px;
  background: transparent;
}

/* horizontal spacer of 14px with blue background*/
.spacer_BG{
  width: 100%;
  height: 14px;
  background: #CC0033;
  position: relative;
}
/* depricated no longer needed in main structure replaced by padding */

.vertical_spacer
{
  width:11px;
  height:100%;
  float: left;
  overflow:auto;
padding-bottom: 50px;
padding: 0;
  margin:  0;
  border:  0;
 /*  background-color: #9900FF;*/
}