﻿body
{
	text-align: center;
	background: #FFFFFF url('Images/background.jpg') repeat-x 0 0;
}

/* MAIN CONTAINERS */
div#OuterWrapper
{
	width: 990px;
	text-align: left;
	margin: 20px auto;
	border: solid 2px #EEEEEE;
	background-color: #FFFFFF;
}
div#InnerWrapper
{
	clear: both;
	background: transparent url('Images/background-inner.png') repeat-x scroll top left;
}
div#InnerWrapper div#TreeMenuContainer
{
	width: 180px;
	float: left;
	padding: 10px 15px 0px 20px;
}
div#InnerWrapper div#ContentContainer
{	
	width: 730px;
	float: left;
	padding: 10px 20px 0px 20px;
	border-left: 2px solid #EEEEEE;
}
div#InnerWrapper div#PortalContentContainer
{
	padding: 10px 20px 0px 20px;
}
div#InnerWrapper div#ContentBottom
{
	clear: both;
}
div#EditorField
{
	margin: 13px 0px;
}
div#InnerWrapper div#ContentContainer div.EditorContentContainer
{
}
div#InnerWrapper div#PortalContentContainer div.EditorContentContainer
{
	clear: both;
}

/* HEADER */
div#Header
{
	padding: 10px 15px 0px 10px;
}
div#Header div.Column1
{
	float: left;
	width: 100px;
}
div#Header div.Column2
{
	float: right;
	width: 850px;
}
div#Header div#Logo
{
	padding-left: 10px;
}
div#Header div#Logo img
{
}
div#Header div#Search
{
	float: right;
	width: 255px;
}
div#Header div#Search input.SearchTerm
{
	border: solid 2px #EDEDED;
	width: 170px;
	float: left;
}
div#Header div#Search input.SearchGo
{
	margin-left: 10px;
	margin-right: 5px;
	float: right;
}
div#Header div#TabMenuContainer
{
	margin-top: 32px;
	float: right;
	width: 740px;
}

/* BREADCRUMB */
div#BreadcrumbContainer
{
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
}
div#BreadcrumbContainer span.YouAreHere
{
	padding-right: 10px;
}
div#BreadcrumbContainer span.BreadcrumbItem
{
}
div#BreadcrumbContainer span.BreadcrumbItem a
{
	color: #666666;
	text-decoration: none;
}
div#BreadcrumbContainer span.BreadcrumbItem a:hover
{
	color: #C5B94A;
}
div#BreadcrumbContainer span.BreadcrumbItem a.Selected
{
	text-decoration: underline;
}
div#BreadcrumbContainer span.BreadcrumbItem a.Selected:hover
{
}
div#BreadcrumbContainer span.BreadcrumbItem span.Separator
{
	background: transparent url(Images/breadcrumb-separator.png) no-repeat scroll center center;
	padding: 0px 3px;
}

/* PRODUCT GROUP LIST */
div.ProductGroupList
{
}
div.ProductGroupList table
{
}
div.ProductGroupList table tbody
{
}
div.ProductGroupList table tbody tr
{
	vertical-align: top;
}
div.ProductGroupList table tbody tr td
{
	padding-right: 20px;
}
div.ProductGroupList table tbody tr td h2
{
}
div.ProductGroupList table tbody tr td h2 a
{
	color: #C5B94A;
}
div.ProductGroupList table tbody tr td p
{
}
div.ProductGroupList table tbody tr td img
{
}

/* PRODUCT LIST */
div.ProductList
{
}
div.ProductList table
{
}
div.ProductList table tbody
{
}
div.ProductList table tbody tr
{
	vertical-align: top;
}
div.ProductList table tbody tr td
{
	padding-right: 20px;
}
div.ProductList table tbody tr td h2
{
}
div.ProductList table tbody tr td h2 a
{
	color: #C5B94A;
}
div.ProductList table tbody tr td p
{
}
div.ProductList table tbody tr td img
{
}

/* PRODUCT */
div.Product
{
}
div.Product div.MainInfo
{
	float: left;
	width: 500px;
	padding: 0px 15px 0px 0px;
	border-right: 2px solid #EEEEEE;
	position: relative;
}
div.Product div.MainInfo img
{
	width: 500px;
}
div.Product div.AdditionalInfo
{
	float: left;
	width: 195px;
	padding-left: 15px;
}
div.Product div.AdditionalInfo div.Documents
{
}
div.Product div.AdditionalInfo div.Documents div.Document
{
	margin-bottom: 20px;
}
div.Product div.AdditionalInfo div.Documents div.Document a
{
	display: block;
	height: 60px;
}
div.Product div.AdditionalInfo div.Documents div.Document a span
{
	display: none;
}
div.Product div.AdditionalInfo div.Documents div.Document a.Instructions
{
	background: transparent url(Images/document-download-instructions.jpg) no-repeat scroll 0 0;
}
div.Product div.AdditionalInfo div.Documents div.Document a.Other
{
	background: transparent url(Images/document-download-other.jpg) no-repeat scroll 0 0;
}
div.Product div.AdditionalInfo div.Colors
{
}
div.Product div.AdditionalInfo div.Colors div.Color
{
	margin-bottom: 10px;
}
div.Product div.AdditionalInfo div.Colors div.Color img
{
}
div.Product div.AdditionalInfo div.Colors div.Color span.Text
{
	display: block;
	font-size: 11px;
}
div.Product div.AdditionalInfo div.Colors div.Color span.Code
{
	font-size: 10px;
}

/* TEASER (PORTAL) */
div.PortalTeasersOuter
{
	background-color: #DADADA;
	margin-bottom: 10px;
}
div.PortalTeasersInner
{
}
div.Teaser
{
	background-color: #DADADA;
	margin-bottom: 20px;
	height: 283px;
}
div.Teaser div.Image
{
	float: left;
	width: 625px;
}
div.Teaser div.Image img
{
}
div.Teaser div.Content
{
	float: left;
	width: 280px;
	padding: 10px 10px 10px 25px;
}
div.Teaser div.Content h1
{
	color: #7C7C7C;
	font-size: 26px;
	margin-bottom: 15px;
}
div.Teaser div.Content h1 span
{
	color: #404040;
}
div.Teaser div.Content p
{
	font-size: 12px;
	padding: 0px;
}
div.Teaser div.Content p.Ingress
{
	font-weight: bold;
}

/* ADVERT LIST (PORTAL) */
div.AdvertList
{
	clear: both;
}
div.AdvertList div.Advert
{
	width: 300px;
	float: left;
}
div.AdvertList div.Advert a
{
}
div.AdvertList div.Advert div.Image
{
}
div.AdvertList div.Advert div.Image a img
{
}
div.AdvertList div.Advert p
{
	font-size: 12px;
	padding: 0px;
	text-align: justify;
	margin-bottom: 10px;
}
div.AdvertList div.Advert div.Content
{
	padding: 20px 0px 0px 0px;
}
div.AdvertList div.Advert div.Content p.Ingress
{
}
div.AdvertList div.Advert div.Content a.ReadMore
{
	background: transparent url(Images/read-more.jpg) no-repeat scroll center right;
	font-size: 16px;
	color: #3F3F3F;
	display: block;
	width: 90px;
	line-height: 23px;
}
div.AdvertList div.Advert div.Content a.ReadMore:hover
{
	color: #C5B94A;
	text-decoration: none;
}
div.AdvertList div.AdvertFirst
{
	margin-right: 25px;
}
div.AdvertList div.AdvertLast
{
	float: right;
}

/* PAGE LIST / PAGE ITEM */
div.PageListContainer
{
	border: solid 1px Black;
	padding: 10px;
}
div.PageListContainer div.PageItem
{
	border: dashed 1px #CCCCCC;
}
div.PageListContainer div.PageItem h3
{
	text-transform: uppercase;
}
div.PageListContainer div.PageItem div.MetaInformation
{
	color: #999999;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}
div.PageListContainer div.PageItem div.MetaInformation span.Date
{
}
div.PageListContainer div.PageItem p
{
}

/* SEARCH */
div#search
{
}
div#search h1
{
}
div#search div.search_list
{
}
div#search div.search_list div.search_hit
{
}
div#search div.search_list div.alt1
{
}
div#search div.search_list div.alt2
{
	background-color: #EEEEEE;
}
div#search div.search_list div.search_hit h2
{
}
div#search div.search_list div.search_hit h2 a
{
}
div#search div.search_list div.search_hit p
{
}
div#search div.search_list div.search_hit .Highlighted
{
	background-color: Yellow;
}
div#search div.search_list div.search_hit a.main_link
{
}
div#search div.search_list div.search_hit a.main_link:hover
{
}

/* HTML SITEMAP */
div#SiteMapContainer
{
}
div#SiteMapContainer ul#Sitemap
{
}
div#SiteMapContainer ul#Sitemap a
{
}
div#SiteMapContainer ul#Sitemap a:hover
{
}
div#SiteMapContainer ul#Sitemap li
{
}
div#SiteMapContainer ul#Sitemap li ul
{
}
div#SiteMapContainer ul#Sitemap li ul li
{
}
div#SiteMapContainer ul#Sitemap li ul li ul
{
}
div#SiteMapContainer ul#Sitemap li ul li ul li
{
}

/* FOOTER */
div#Footer 
{
	border-top: solid 2px #EEEEEE;
	padding: 20px;
	margin-top: 20px;
}
div#Footer div.Section
{
	float: left;
	width: 200px;
	margin-bottom: 20px;
}
div#Footer div.Links
{
	clear: both;
}
div#Footer span
{
}
div#Footer a
{
}

/**************** Admin Menu ************************/
div#AdminMenu
{
	overflow:hidden;
	border:1px solid #333333; 
	background-color:#FEFEFE;
	text-align:left; 	
	width:100%;
}
div#AdminMenu img
{
	float:left;
	padding:5px 5px 0px 5px;	
}
div#AdminMenu div#AdminMenuItems
{
}
div#AdminMenu div#AdminMenuItems ul
{	
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	direction:ltr;
}
div#AdminMenu div#AdminMenuItems ul li
{	
	float:left;	
	padding-left:10px;
	padding-right:10px;
}
div#AdminMenu div#AdminMenuItems div#LogOut
{
	float:right;
	padding-right:20px;
	padding-top:5px;
}