/*
LAYOUT
*/

/* START: MODALBOX */
div#cartTable {
overflow: auto; max-height: 250px;
}
/* END: MODALBOX */

html {
overflow-y: scroll;
}
body
{
	padding: 0;
	margin: 40px 0 0 0;
	background-color: #201B08; 
	background-image: ; 
	background-position: 50% 0;
	background-repeat: repeat-x;
	text-align: center;
}

body div.wrapper
	{
		width: 777px;
		padding: 0;
		text-align: left;
		background-image: ;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-color: transparent;
		margin-left: auto;
		margin-right: auto;
		voice-family: "\"}\"";
		voice-family: inherit;
	
		width: 777px;
	}
	/* Begin hiding from Mac IE */
	/* \*/
	html>body div.wrapper
	{
		width: 777px;
	}
	/* End hiding from Mac IE */
	.mainContainer
	{
		width: 777px;
		text-align: left;
       /* overflow: hidden; MacIE can't center with this */
	}
		.bannerContainer
			{
			padding: 0px 0px 0 0px;
			margin: 0px 0 0 0px;
			text-align: left;
			overflow: hidden;
			height: 80px;
			voice-family: "\"}\"";
			voice-family: inherit;
			/*added relative to enable absolute position within*/
			position: relative;
			}
			/* Begin hiding from Mac IE */
			/* \*/
			html>body div.bannerContainer
			{
			height: 80px;
			}
			/* End hiding from Mac IE */
			.logoContainer
			{
				float: none;

/*				background-color: yellow;  */
				background-image: url('images/logo_440u.gif') ;
				background-repeat: no-repeat;
				background-position: center;

			}
				.logoContainer a
					{
						width: 250px;
						height: 51px;
						display: block;
						margin-left: auto;
						margin-right: auto;

					}
			.utilityNavContainerTop
			{
				clear: both;
				position: absolute;
				bottom:6px;
				left:0px;
/*				background-color: red; */
				text-align: left;
			}

	                    div.navSearchLabel 
							{
	                        float: left;
				margin-right: 5px;
				padding-top: 2px;
				color: #999999;
	                    	}
						
	                    div.navSearchBox 
							{
							height: 18px;
							float: left;
							/*width: 96px;*/
							}
	
	                    div.navSearchBox input 
							{
							border: 1px solid #C7C1A5; 
							padding: 3px;
							margin-right: 3px;
							width: 118px;
							height: 17px;
							color: #777259;
							font-size: 11px;
							voice-family: "\"}\"";
							voice-family: inherit;
							
							width: 112px;
							height: 14px;

							}
							/* Begin hiding from Mac IE */
							/* \*/
							html>body div.navSearchBox input 
							{
							width: 112px;
							height: 14px;
							}
							/* End hiding from Mac IE */
	
	                    div.navSearchButton 
							{
							padding-top: 4px;
							float: left;
							width: 15px;
							}



			.utilityNavContainerBottom
			{
				position: absolute;
				bottom:11px;
				right:0px;
				width: 210px;
				/*margin-left: 0px;*/
/*				background-color: red; */
				text-align: right;
			}
		.contentbg_bot 
		{
min-height: 400px;
		width:777px;
		margin:0; 
		padding:0;
		height:auto; 
		background-image: url('images/background.gif');
		background-repeat: repeat-y;
		border: 1px #988344 solid; /* this one controls the line colors of the content box */
		}
		.repeatingBodyBg
			{
				background-image: ;
				background-repeat: repeat-y;
			}
		.bodyContainer
		{
			height: 1%;
			padding: 0px;
			margin: 0px;
			padding: 0px 0px 0px 0px;
			/*overflow: hidden;*/
		}





			.secondaryNavContainer
				{
					padding: 0 0 0 0px;
					text-align: left;
					float: left;
					width: 185px;
/*					background-color: pink; */
				}
				
			.secondaryNavContainerSearch
				{
					padding: 15px 0 5px 10px;
					text-align: left;
					float: left;
					width: 175px;
/*					background-color:green; */
				}
			.secondaryNavContainerMenu
				{
					padding: 15px 0 15px 10px;
					text-align: left;
					float: left;
					width: 175px;
/*					background-color: magenta;  */
					line-height: 13pt;
				}

			.contentContainer
			{
/*                height: 100%;*/
				padding: 0 10px;
				margin: 0;
				background-color: white; 
				float: left;
				width: 572px;
			}
			.contentContainerBreadcrumbs
			{
/*                height: 100%;*/
				margin-bottom: 0.8em;
				padding: 6px 0 3px 0;
/*				background-color: cyan; */
				float: left;
				width: 100%;
				border-bottom: 1px solid #988344;
			}
			.contentContainerMain
			{
/*                height: 100%;*/
				margin-left: 0;
				margin-bottom: 0.5em;
/*				background-color: gray; */
				float: left;
				width: 100%;
				text-align: left;
			}
			.contentContainerFooter
			{
/*                height: 100%;*/
				margin-left: 0;
				margin-bottom: 0.5em;
/*				background-color: blue;  */
				float: left;
				width: 100%;

			}
			

		.clearer
		{
			float: none !important;		/* Remove any inherited floats */
			display: block !important;	/* Make sure our element is a block-level element */
			clear: both !important;		/* Make sure it clears on both sides */
			margin: 0 !important;		/* Remove all margins that would make it visible */
			border: 0 !important;		/* Remove all borders that would make it visible */
			padding: 0 !important;		/* Remove all padding that would make it visible */
			height: 0.1px !important;	/* Mozilla/Firefox require the clearer height to not be 0, bug? */
			line-height: 0 !important;	/* Set the line-height to 0 so it isn't visible */
			font-size: 0 !important;	/* Set the font-size to 0 so it isn't visible */
		}

		.footerContainerMain
		{
			padding: 0px 0px 0px 0px;
			height: 28px;
			background-image: ;
			background-repeat: repeat-y;
			text-align: left;
		}
			.footerSpacer
				{
					padding: 4px 0px;
					text-align: left;
					float: left;
					width: 185px;
/*					background-color: pink; */
				}
			.footerNav
			{
/*                height: 100%;*/
				padding: 5px 0px 0 0px;
				margin: 0;
/*				background-color: DodgerBlue; */
				float: left;
				width: 592px;
				text-align: right;
			}

		.footerContainerBottom
		{
			padding: 0px 0px 0px 0px;
			height: 29px;
			background-image: ;
			/*background-position: 0px 9px;*/
			background-repeat: no-repeat;
			text-align: left;
		}
		.footerContainerBottomTwo
		{
			padding: 0px 0px 20px 0px;
			height: 29px;
			background-image: ;
			/*background-position: 0px 9px;*/
			background-repeat: no-repeat;
			text-align: center;
		}

		.securedPaymentBox
		{
				width: 350px;
/*				background-color: white;  */
				text-align: right;
				float: right;
		}

		.dottedLineBottom
		{
			border-bottom: 1px solid #988344;
			padding: 4px 0;
		}
		.dottedLineTop
		{
			border-Top: 1px solid #988344;
			padding: 4px 0;
		}


.categoryHeaderImage
{
margin: 0 0 10px 0;
}

.categoryHeaderName
{
margin: 0 0 10px 0;
width: 100%;
clear:both;
}

.categoryHeaderHTML
{
margin: 0 0 10px 0;
}


/* FONT */
body, table, tr, td, input,select, textarea, div, span
{
	font-family: arial, verdana, sans-serif;
	font-size: 8pt;
	color: #6d6755;
}
.lightgray
{
	COLOR: #999999;
}
/* MAIN LINK FONT */
a {
	font-family: arial, verdana, sans-serif;
	COLOR: #201B08;
	font-size: 11px;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #201B08;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #201B08;
}

/* PRODUCT LISTING LINK FONT */
a.list {
	COLOR: #201B08;
	font-size: 11px;
	text-decoration: none;
}
a.list:link {
	text-decoration: none;
}
a.list:visited {
	text-decoration: none;
	color: #201B08;
}
a.list:hover {
	text-decoration: none;
	color: #8E1A18;
}
a.list:active {
	text-decoration: none;
	color: #201B08;
}

/* LOGO LINK */
a.logo {
	text-decoration: none;
}
a.logo:link {
	text-decoration: none;
}
a.logo:visited {
	text-decoration: none;
}
a.logo:hover {
	text-decoration: none;
}
a.logo:active {
	text-decoration: none;
}

/* LINK IN SHOPPING CART */
a.cart {
	COLOR: #201B08;
	font-size: 11px;
	font-weight: bold;
	text-decoration:underline;
}
a.cart:link {
	text-decoration: underline;
}
a.cart:visited {
	text-decoration: underline;
	color: #201B08;
}
a.cart:hover {
	text-decoration: underline;
	color: #333333;
}

/* BREADCRUMB LINK FONTS */
a.headerNavigation {
	COLOR: #201B08;
	font-size: 11px;
	text-transform:none;
}
a.headerNavigation:link {
	text-decoration: none;
}
a.headerNavigation:visited {
	text-decoration: none;
	color: #201B08;
}
a.headerNavigation:hover {
	text-decoration: underline;
	color: #333333;
}

/* TOP MENU LINK FONTS */
a.topmenu, .topmenu {
	COLOR: #9A9A9C;
	font-size: 11px;
/*	text-transform:uppercase; */
	text-transform:none;
/*	font-weight: bold; */
}
a.topmenu:link {
	text-decoration: none;
}
a.topmenu:visited {
	text-decoration: none;
	color: #9A9A9C;
}
a.topmenu:hover {
	text-decoration: underline;
	color: #9A9A9C;
}

/* BOTTOM MENU LINK FONTS */
a.bottommenu {
	COLOR: #9A9A9C;
	font-size: 11px;
/*	text-transform:uppercase; */
	text-transform:none;
/*	font-weight: bold; */
}
a.bottommenu:link {
	text-decoration: none;
}
a.bottommenu:visited {
	text-decoration: none;
	color: #9A9A9C;
}
a.bottommenu:hover {
	text-decoration: underline;
	color: #9A9A9C;
}


/* LEFT MENU BAR FONT */
a.menu {
	COLOR: #999999;
	font-size: 11px;
	font-variant: normal;
	text-transform: normal;
}
a.menu:link {
	text-decoration: none;
}
a.menu:visited {
	text-decoration: none;
	COLOR: #999999;
}
a.menu:hover {
	text-decoration: underline;
	color: #999999;
}


/* end link styles */
/*
"One main layout Table" stylesheet for osC created by Paul Mathot
2003/11/12

- these stylesheet settings apply to all media
- for printing styles edit templates/print.css
- modified 2004/03/18 PaulM PandA.nl
- To optimize the stylesheet for small filesize (=>maximum speed) you can remove most comments, and group the styles.
*/


/* FIELD TEXT */
.field
{
	font-size:11px; 
	color: #4D4D4D;
}

/* TOP MENU NON-LINK TEXT */
.smallText {
	font-size: 10px;
	COLOR: #201B08;
}

/* BREADCRUMB NON-LINK TEXT */
.breadcrumb {
	font-size: 10px;
	COLOR: #201B08;
}

/* MESSAGE STACK ERROR TEXT */
.messageStackError, .messageStackWarning {
	font-size: 10px;
	background-color: #ffb3b5;
	COLOR: #3f3f3f;
}

/* MESSAGE STACK SUCCESS TEXT */
.messageStackSuccess { 
	font-size: 10px; 
	background-color: #99ff00; 
}
textarea {
	width: 100%;
	font-size: 11px;
	COLOR: #4D4D4D;
}
/* end import from original stylesheet */

form {
	display: inline;
}
td {
	vertical-align: top;
}
td.productListing-data {
	vertical-align: middle;
}
td.productListingCol-data {
	vertical-align: top;
}
	table.infoBoxLT td.infoBoxHeadingLT, table.infoBoxLT td.boxTextLT {
	width: 155px;
}
	table.infoBoxLT td table {
	width: 100%;
}
.infoBoxLT {
	margin: 5px;
}
td.infoBoxHeadingLT, .infoBoxHeading {
	padding: 2px 4px;
}
td.boxTextLT {
	padding: 6px 5px;
}

div#imageNavLT{
	margin: 12px 7px 0 0;
	float: right;
}
.boxTextLT select {
	width: 90%;
}
.infoBoxHeadingLT div {
	float: left;
}
#languagesBoxLT, #specialsBoxLT, #currenciesBoxLT, #whats_newBoxLT, #manufacturersBoxLT, #searchBoxLT, #tell_a_friendBoxLT {
	text-align: center;
}
/* begin colors and borders (for link colors: see the link styles section below) */
/* boxes for register, login */
table.infoBox, table.productListing {
	border: 1px #988344 solid;
}
table.infoBoxNotice {
	border: 1px #988344 solid;
}
/* boxes for shopping cart */
table.productListing2 {
	border: 1px #988344 solid;
}
.productListing-heading {
	background-color: #CCCCCC;
}
tr.productListing-even td {
	background-color: #ffffff;
}
tr.productListing-odd td.productListing-data {
	background-color: #ffffff;
}
.errorText {
	color: red;
}
/* .cBoxE higlighting for categories box enhancement contrib */
.cBoxE {
	color: red;
}
td.infoBoxHeading {
/*	border: 0px black solid; */
	border-width: 0px 0;
}
td#navBarTopLT, td#navBarBottomLT {
	border: 0px #988344 solid;
}
table#mainLayoutLT {
	border: 1px #988344 solid; /* this one controls the line colors of the content box */
}
.infoBoxLT td {
	border: 0px black solid; 
}
.infoBoxLT td table td {
	border-width: 0px;
}
.inputRequirement, .greetUser {
	color: red;
}
/* example how to assign styles to one individual small infobox (delete if you don't like) */
table#shopping_cartBoxLT {
	font-weight: bold;
	color: #e00;
}

td.infoBoxHeadingLT, .infoBoxHeading, .productListing-heading {
	text-align: center;
	background: #988344;
	color: #f3f3f3;
}
/* end colors and borders */
.infoBoxHeading img {
	display: none;
}
td.infoBoxHeading {
	font-weight: bold;
}
/* font size for content in and outside tables */
/* BODY */
/* PAGE HEADING FONT E.G. ABOUT BRAUN BUFFEL */
h1 {
	font-size: 18px;
	font-weight: normal;
	font-family: arial, verdana, sans-serif;
	text-indent: 0px;
	padding: 0px;
	margin: 0px;
	color: #988344;
	text-transform:uppercase;
    line-height: 1em;
}
/* end fonts */

/**********************/
/* begin link styles */
/*********************/


/* DDB - 041031 - Form Field Progress Bar */
.progress {
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
	overflow: hidden;
	background-color: navy;
	padding-left: 5px;
}
.couponBox {
	background-color: #f3f3f3;
}
.productListingDisplayCount {
	float: left;
}
.productListingResultPage {
	float: right;
}
.productListingMain {
	clear: both;
}
.productListingSort {
	clear: both;
}
.productListingManufacturerCategory {
	float: left;
	margin-bottom: 5px;
}
.productListingList {
	clear: both;
}
.productListingSubmit {
	float: left;
}
.mainPageDiscoverTitle {
	margin: 10px 0 0 0;
}

.ProductInfoContainer
{
width:100%;
height:auto; 
border: 0px #988344 solid; /* this one controls the line colors of the content box */
padding: 0;
margin: 0px;
/*overflow: hidden;*/
}
.ProductInfoContainerLeft
{
float: left;
width: 290px;
}
.ProductInfoContainerLeftImage
{
padding: 0 0 0 0px;
text-align: center;
}

.ProductInfoContainerNextPrevious
{
padding: 0 0px;
margin: 0;
float: right;
width: 260px;
}
.ProductInfoContainerRight
{
clear:right;
padding: 0 0px;
margin: 0;
background-color: white; 
float: right;
width: 260px;
}
/* SPECIALS PRICE COLOUR */
SPAN.productSpecialPrice {
	color: red;
}
/* SECRET PRICE COLOUR */
SPAN.productSecretPrice {
	color: red;
}
/* PRODUCT DESCRIPTION ON PRODUCT INFO FONT */
.prodDescription {
	line-height: 15px;
}
/* PRODUCT MODEL ON PRODUCT INFO FONT */
.prodModel {
	line-height: 15px;
}
/* PRODUCT PRICE ON PRODUCT INFO FONT */
.prodPrice {
	LINE-HEIGHT: 15px; 
	padding-bottom: 5px;
}
/* PRODUCT COLOR ON PRODUCT INFO FONT */
.prodColor {
	font-size:11px; 
	line-height: 15px;
	padding-top: 15px;
}

/* PRODUCT QUANTITY ON PRODUCT INFO FONT */
.prodQuantity {
	font-weight: normal; 
	margin-top: 10px;
}
/* PRODUCT ATTRIBUTES ON PRODUCT INFO FONT */
.prodAttributes {
	FONT-SIZE:11px; 
	font-weight: normal; 
	LINE-HEIGHT: 15px; 
	padding-top: 5px;
}
/* PRODUCT URL ON PRODUCT INFO FONT */
.prodURL {
	FONT-SIZE:11px; 
	font-weight: bold; 
	LINE-HEIGHT: 15px; 
}
/* PRODUCT ADD TO BAG ON PRODUCT INFO FONT */
.prodAddBag {
	padding-top: 15px;
}
/* PRODUCT ADD TO WISHLIST ON PRODUCT INFO FONT */
.prodAddWishlist {
	padding-top: 5px;
}
/* PRODUCT TELL A FRIEND ON PRODUCT INFO FONT */
.prodTellFriend {
	padding-top: 5px;
}

/* PRODUCT HEADING ON PRODUCT INFO FONT */
.prodName {
	margin-top: 9px;
	FONT-SIZE: 12px; 
	font-weight: bold; 
	COLOR: #201B08; 
	LINE-HEIGHT: 15px; 
}
.prodModelDescBox {
	padding: 5px;
}
.ProductInfoNotFound 
{
		width:100%;
		padding: 5px 0px;
		margin: 0px;
		height:auto; 
}



.ProductsMaster
{

}
.ProductsSwatches
{
border: 1px #999999 solid;
}
.MorePics {
padding: 0 0 0 0px;
text-align: center;
width:100%;
}
.productImage {
margin-top: 25px;
}
.infoBoxContents {
clear:both;
width: 100%;
}