/* CSS - Osinga - 28 Feb 2007 */


body {
	background-color		: #f3f3f4;
	font-size				: 9pt;
	font-family				: Arial, Verdana, Trebuchet;
	margin					: 0px 0px 0px 0px;
}

/* LAYER */

div.Container {
	width						: 996px;
	margin-left				: auto;
	margin-right			: auto;
	background-color		: #eeefef;
}

div.Top {
	width						: 100%;
	clear						: both;
	background-image		: url(../Images/TopBg.gif);
	background-repeat		: repeat-x;
	background-position	: top;
	height					: 47px;
}

div.Menu {
	width						: 100% -80px;
	clear						: both;
	color						: #f5841f;
	height					: 20px;
	padding-left			: 80px;
}

div.Bar {
	width						: 100% -20px;
	background-color		: #939598;
	font-size				: 24pt;
	color						: white;
	padding-left			: 20px;
	padding-bottom			: 4px;
	padding-top				: 4px;
}

div.Content {
	width						: 100% -40px;
	padding-left 			: 20px;
	padding-right			: 20px;
	background-position	: top left;
	background-repeat		: no-repeat;
	background-color		: #f3f3f4;
	min-height				: 400px;
	_height					: 400px;
}

div.CartBtn {
	position					: absolute;
	margin-left				: 800px;
	top						: 38px;
	cursor					: pointer; 
}

div.ButtonControl {
	border-top				: 1px solid #f0a901;
	width						: 100%;
	text-align				: right;
	padding-top				: 2px;
}

div.LoggedIn {
	font-size				: 8pt;
	position					: absolute;
	margin-left				: 380px;
	top						: 10px;
	color						: #f0a901;
}

div.Bottom {
	clear						: both;
	width						: 100%;
}

/* TABLES */

tr.DownloadItem td {
	padding-top				: 10px;
	font-size				: 13pt;
	border-bottom			: 1px solid #f7841d;
}

tr.DownloadHeader td {
	background-color		: #939598;
	border-right			: 1px solid white;
	font-size				: 12pt;
	color						: white;
}

tr.ShoppingCartOverviewTop td {
	font-size				: 10pt;
	border-bottom			: 2px solid #939598;
}

tr.ShoppingCartItem td {
	border-bottom			: 1px solid #939598;
	font-size				: 11pt;
}

tr.Colors td {
	border-bottom			: 1px solid #bcbcbc;
}

tr.ProductDetailColor td {
	font-size				: 8pt;
}

tr.ProductDetail td {
	border-bottom			: 1px solid #939598;
	font-size				: 8pt;
}

table.News {
	border					: 1px solid #939598;
	background-color		: white;
}

	td.NewsTitle {
		font-size				: 11pt;
	}
	
	td.NewsText {
		font-size				: 8pt;
		color						: #404040;
	}
	
	td.NewsBottom {
		text-align				: right;
		border-top				: 1px dotted #939598;
		font-size				: 8pt;
	}

td.MenuItem {
	padding-right			: 10px;
	padding-left			: 10px;
}

td.NewsHeader {
	font-size				: 13pt;
}

td.NewsDate {
	text-align				: right;
	font-size				: 8pt;
}

tr.OrderSubTop td {
	border-bottom			: 1px dotted #000;
}

/* LINKS */

a.Menu {
	color						: #f5841f;
	font-weight				: normal;
	font-size				: 11pt;
	text-decoration		: none;
	height					: 20px;
	padding-left			: 14px;
	padding-right			: 14px;
	border-left				: 1px solid #f5841f;
}

a.Menu:hover {
	color						: #939598;
	font-weight				: normal;
	font-size				: 11pt;
	text-decoration		: none;	
	height					: 20px;
	padding-left			: 14px;
	padding-right			: 14px;
	border-left				: 1px solid #f5841f;
}

a.MenuSelected {
	color						: #939598;
	font-weight				: normal;
	font-size				: 11pt;
	text-decoration		: none;
	height					: 20px;	
	padding-left			: 14px;
	padding-right			: 14px;
	border-left				: 1px solid #f5841f;
}

a.MenuSelected:hover {
	color						: #939598;
	font-weight				: normal;
	font-size				: 11pt;
	text-decoration		: none;	
	height					: 20px;	
	padding-left			: 14px;
	padding-right			: 14px;
	border-left				: 1px solid #f5841f;
}

a {
	color						: #555555;
	text-decoration		: underline;
}

a:hover {
	color						: #f7941d;
	text-decoration		: underline;
}

a.SubMenu {
	display					: block;
	background-color		: #f0a901;
	color						: white;
	text-decoration		: none;
	padding					: 4px;
	border-bottom			: 1px solid #939598;	
	border-top				: 1px solid #eeefef;
}

a.SubMenu:hover {
	display					: block;
	background-color		: white;
	color						: #f0a901;
	text-decoration		: none;
	padding					: 4px;
	border-bottom			: 1px solid #939598;	
	border-top				: 1px solid #eeefef;
}

/* FORM & MISCELLANEOUS*/

input.Text {
	border					: 1px solid #6d6d6e;
	color						: #f47e14;
	background-color		: white;
}

input.Btn {
	border					: 2px solid #f47e14;
	background-color		: white;
	color						: #6d6d6e;
	cursor					: pointer; 
}

h1 {
	color						: #f59948;
	font-size				: 16pt;
}

FONT.header {
	color						: #f59948;
	font-size				: 16pt;
}

h2 {
	color						: #7b7b7b;
	font-size				: 14pt;
}

FONT.subheader {
	color						: #7b7b7b;
	font-size				: 14pt;
}

img.CategoryImg {
	border					: 2px solid #fc8416;
}

/* ############################################### */
/* ############################################### */
/* 					DropDown Style 						*/
/* ############################################### */
/* ############################################### */

.TopMenuUl {
	list-style-type			: none;
	margin						: 0;
	padding						: 0;
	z-index						: 5;
}

.TopMenuLi {
	list-style-type			: none;
	float							: left;
	position						: relative;
}

.TopMenuTitle {
	display						: block;
	width							: 100px;
}

.SubMenuUl {
	list-style-type			: none;
	position						: absolute;
	top							: 14px;
	_margin-left				: 0px;
	padding-top					: 10px;
	display						: none;
}

.SubMenuLi a {
	display						: block;
	width							: 150px;
	position						: relative;
	left							: -40px;
	_left							: -120px;
	top							: -5px;
	_top 							: -7px;
}

/* lists nested under hovered list items */
li:hover ul , li.over ul{
	display						: block;
}

#dMenu li>ul {
	top							: auto;
	left							: auto;
}

table.HomeTop5 {
	margin-top: 23px;
	width: 250px;	
}

td.HomeTop5Header {
	background-color: #FF820E;
	height: 30px;
	font-family: Arial;
	font-weight: bold;
	font-size: 22px;
	color: #FFFFFF;
	padding-left: 12px;
	
}

td.HomeTop5ItemFooter,  td.ProductItemFooter{
	background-color: #939598;
	height: 15px;
	font-family: Arial;	
	font-size: 10px;
	color: #FFFFFF;
	padding-left: 12px;	
}

a.HomeTop5ItemLink, a.ProductItemLink {
	color: #FFFFFF;
	text-decoration: none;
}


a.HomeTop5ItemImageLink, a.ProductItemImageLink {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

img.HomeTop5ItemImage, img.ProductItemImage {
	padding: 0;
	margin: 0;
}

ul.ProductSubCategories {
	margin-left: 20px;	
	padding-left: 0px;
}

li.ProductSubCategories {
	float: left;
	list-style-type: none;
   position: relative;
   top: 10px;
}

a.ProductSubCategoriesLink, a.ProductSubCategoriesLinkSelected {
	border-left: 2px solid #F5841F;
   color: #F5841F;
   font-size: 12pt;
   font-weight: bold;
   height: 20px;
   padding-left: 14px;
   padding-right: 14px;
   text-decoration: none;
}

ul.ProductSubCategories > li.ProductSubCategories:first-child > a.ProductSubCategoriesLink,
ul.ProductSubCategories > li.ProductSubCategories:first-child > a.ProductSubCategoriesLinkSelected {
    border-left: 0px solid #F5841F;
    color: #F5841F;
    font-size: 12pt;
    font-weight: bold;
    height: 20px;
    padding-left: 0px;
    padding-right: 14px;
    text-decoration: none;
    padding-left: 5px;
}

a.ProductSubCategoriesLinkSelected {
	text-decoration: underline !important;
}

a.Page, a.PageFirst, a.SelectedPage, a.SelectedPageFirst {
	background-image: url(../Images/Seperator.gif);
	background-repeat: no-repeat;
	background-position: left center;
   color: #F5841F;
   font-size: 11pt;
   font-weight: bold;
   height: 20px;
   padding-left: 7px;
   padding-right: 2px;
   text-decoration: none;	
}

a.SelectedPage, a.SelectedPageFirst {
	text-decoration: underline;
}

a.PageFirst,
a.SelectedPageFirst {
	background-image: None;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 3px;
}

a.PageNext, a.PagePrevious {
   color: #F5841F;
   font-size: 11pt;
   font-weight: bold;
   height: 20px;
   padding-left: 2px;
   padding-right: 2px;
   text-decoration: none;	
}