﻿A {
	text-decoration: none
}


#FullArea					
{
width: 948px; margin-left: auto; margin-right: auto; position: relative; z-index: 50000;
}

/* Top functions ----------------------------------------------------------------------------*/
table#WebTopFunctions a, table#WebTopFunctions a:link, table#WebTopFunctions a:hover
{
    text-decoration: none;
    font-weight: normal;
    color: #363636;
}
/* Indent the web function container slightly to the left on normal 
    pages (not product pages) with teasers to the right */
div.ContentContainerLeftAndMid_Show_LeftMid table#WebTopFunctions
{
    padding-right: 7px;
}

/* TopItems ------------------------------------------------------------ */
#TopArea 
{
	
	background-color: #ffffff; 
	position: relative;
	height: 166px;
	margin-top: 0px;
	position: relative; 
	z-index: 49000;
}

#TopAreaBack
{
	
	background-image: url(/images/layout/bg_header.jpg); background-repeat: no-repeat; 
	position: relative;
	height: 108px;
	margin-top: 0px;
}


#TopHeader
{
	width: 915px;
	margin-left: 20px;
	margin-top: 25px;
	position: relative;

}

#Headerlogo						
{
	width: 125px; 
	height: 25px;
	position: relative; 
	float: left;
}

#Saint 
{
	float: right;
	margin-right: 18px;
}

#QuickSearch 
{
	float: left;
	width: 660px;
	text-align: right;
}
#QuickSearch .tf 
{
	width: 110px;
}
#QuickSearch .bn 
{
	margin-left: 10px;
}

.TopMenu 
{
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 58px;
	position: relative;
	z-index: 40000;
	

}

/* ContentDivar ------------------------------------------------------------ */

div.ContentAll
{
	position: relative;
	float: left;
	padding-top: 6px;
	padding-right: 19px;
	padding-bottom: 15px;
	padding-left: 19px;
	width: 910px;
	height: auto;
	z-index: 2;
}
@media print { 
div.ContentAll{
    position: relative;
    float: left;
	padding: 6px 0px 15px 19px;
	width: 910px;
	height: auto;
	z-index: 2;
    }
}

div.ContentAll .Teaser_Link A, div.ContentAll .Teaser_Link A:visited	
{
    color: #3567ca;
    text-decoration: none;
}
div.ContentAll .Teaser_Link A:hover					
{
    color: #3567ca;
    text-decoration: underline;
}

#Content
{
	float: left;
	z-index: 3;
	position: relative;
}

/* LeftMenu Container ------------------------------------------------------------ */
#LeftMenu
{
	float: left; z-index: 50; position: relative;
	 width: 210px; height: auto;
}

/* Teasers Container ------------------------------------------------------------ */
#TeasersContainer
{
    float: left;
    z-index: 10;
    position: relative;
    width: 220px;
    height: auto;
    padding-top: 8px;
}

/* BottomArea ------------------------------------------------------------ */
#BottomArea						
{
width: 948px; 
position: relative; 
float: left; 
padding-top: 0px;}	


#Footer 
{
	background: transparent url(/images/layout/bg_footer.gif) repeat-x bottom left;
	padding: 8px 9px 8px 19px;
	color: #999;
	display: block;
	height: 13px;
}
#Footer table
{
    width: 100%;
}
#FooterMenu 
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: right;
	display: block;
}
#FooterMenu li
{
	float: left;
	padding: 0 10px;
}
#FooterMenu li.OtherListItem
{
	border-left: 1px solid #999;
}
#FooterMenu li.First 
{
	border: none;
}
#FooterMenu a 
{
	color: #999;
}
#FooterMenu a:hover 
{
	color: #333;
	text-decoration: underline;
}
#Footer div
{
    float: left;
    display: block;
}
#Footer p
{
    padding: 0;
    margin: 0;
}

/* Classes ------------------------------------------------------------ */


body 
{
	background-color: #ffffff; 
	font-family: arial,helvetica,sans-serif,Verdana,Tahoma,Helvetica;
    font-size: 11px;
    color: #000000;
    margin: 0;
}

@media print { 
body   
{
    font-size:11px;
    background-color: #ffffff; 
	font-family: arial,helvetica,sans-serif;
	color: #000;
}
}

.footer 
{
	font-size: 10px;
}

.tf 
{
	background: #fff url(/images/layout/bg_textfield.gif) no-repeat left top;
	border: 1px solid #ccc;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 2px 5px;
	width: 160px;
}

.bn 
{
	color: #fff;
	background: #a5b1c5 url(/images/layout/bg_button.gif) repeat-x left top;
	border: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.25em;
	padding: 4px 5px 2px 5px;
	text-transform: uppercase;
}
/* Classes for TopMenu ------------------------------------------------------------ */
.TopMenu_background_on
{
		background: transparent url(/images/layout/bg_topmenu.gif) no-repeat bottom left;
}

.TopMenu_background_off
{
		background: transparent url(/images/layout/bg_topmenu_noshadow.gif) no-repeat bottom left;
}

/* Classes for ContentAll ------------------------------------------------------------ */
div.ContentAll_background_on
{
	background: url(/images/layout/bg_content.gif) repeat-y; 
}

div.ContentAll_background_off
{
	background-color: #ffffff;
}

/* Classes for NormalPageMainContentContainer ------------------------------------------------------------ */
.NormalPageMainContentContainer
{
    overflow: hidden;
    float: left;
}

/* Classes for Content ------------------------------------------------------------ */
.Content_show_left
{
	width: 657px;
}

.Content_show_right
{
	width: 657px;
}

.Content_show_mid
{
	width: 657px;
}

.Content_show_full
{
	width: 910px;
}

/* Classes for content placement dynamically showing and hiding items ------------------------------------------------------------ */
.ContentContainerLeftAndMid_Show_LeftMid
{
	width: 670px;
}
.ContentContainerLeftAndMid_Show_Full
{
	width: 910px;
}

/* Inner content holder "...Main..." */
.ContentContainerMain_Show_Mid
{
	width: 440px;
}
.ContentContainerMain_Show_LeftMid
{
	width: 657px;
}
.ContentContainerMain_Show_MidRight
{
	width: 700px;
}
.ContentContainerMain_Show_Full
{
    width: 910px;
}

/* Content header */

div.NormalPageMainContentContainer div.MainContentText div.EcoContentHeadTools
{
    width: 100%;
    text-align: right;
    padding-top: 14px;
    float: right;
}
div#StartPageMainContentContainer div#StartPageMainContent div#SearchArea div.EcoContentHeadTools
{
    width: 100%;
    text-align: right;
    padding-top: 14px;
    float: right;
}

/* Content without top functions and header */

div#EcoPageNoTopFunctionsOrHeaderContainer
{
    padding-top: 8px;
}

