/*
LAYOUT
*/


html {
overflow-y: scroll;
}
body
{
	margin: 0;
	padding: 40px 0 0 0;
	background-color: #FFFFFF;
	background-image: url(/images/layout/background.png);
	background-position: 50% 0;
	background-repeat: repeat-x;
	text-align: center;
	margin-top: 0;
}

body div.wrapper
	{
		width: 997px;
		padding: 0;
		text-align: left;
		background-image: url(/images/layout/header.png) ;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-color: transparent;
		margin-left: auto;
		margin-right: auto;
		voice-family: "\"}\"";
		voice-family: inherit;
	
		width: 997px;
	}
	/* Begin hiding from Mac IE */
	/* \*/
	html>body div.wrapper
	{
		width: 997px;
	}
	/* End hiding from Mac IE */
	.mainContainer
	{
		width: 997px;
		text-align: left;
       /* overflow: hidden; MacIE can't center with this */
	}
		.bannerContainer
			{
			padding: 0px 110px 0 110px;
			margin: 0px 0 0 0px;
			text-align: left;
			overflow: hidden;
			height: 70px;
			voice-family: "\"}\"";
			voice-family: inherit;
			/*added relative to enable absolute position within*/
			position: relative;
			}
			/* Begin hiding from Mac IE */
			/* \*/
			html>body div.bannerContainer
			{
			height: 70px;
			}
			/* End hiding from Mac IE */
			.logoContainer
			{
				float: left;
/*				background-color: yellow; */
			}
				.logoContainer a
					{
						width: 250px;
						height: 61px;
						display: block;
					}
			.utilityNavContainerTop
			{
				width: 310px;
				/*margin-left: 110px;*/
				float: right;
/*				background-color: red; */
				text-align: right;
			}

	                    div.navSearchLabel 
							{
	                        float: left;
				margin-right: 5px;
				padding-top: 2px;
	                    	}
						
	                    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:110px;
				width: 520px;
				/*margin-left: 110px;*/
/*				background-color: red; */
				text-align: right;
			}
		.contentbg_bot 
		{
		width:997px;
		margin:0; 
		padding:0;
		height:auto; 
		background:url(/images/layout/bottomflower.png) no-repeat left bottom;
		}
		.repeatingBodyBg
			{
				background-image: url(/images/layout/repeatbody.png);
				background-repeat: repeat-y;
			}
		.bodyContainer
		{
			height: 1%;
			padding: 0px;
			margin: 0px;
			padding: 0px 110px 0px 110px;
			/*overflow: hidden;*/
		}





			.secondaryNavContainer
				{
					padding: 0 0 0 0px;
					text-align: left;
					float: left;
					width: 165px;
/*					background-color: pink; */
				}
				
			.secondaryNavContainerSearch
				{
					padding: 5px 0 5px 10px;
					text-align: left;
					float: left;
					width: 155px;
/*					background-color:green; */
				}
			.secondaryNavContainerMenu
				{
					padding: 15px 0 15px 10px;
					text-align: left;
					float: left;
					width: 155px;
/*					background-color: magenta; */
				}

			.contentContainer
			{
/*                height: 100%;*/
				padding: 0 10px;
				margin: 0;
/*				background-color: purple; */
				float: left;
				width: 592px;
			}
			.contentContainerBreadcrumbs
			{
/*                height: 100%;*/
				margin-bottom: 0.8em;
				padding: 3px 0;
/*				background-color: cyan; */
				float: left;
				width: 100%;
				border-bottom: 1px dotted gray;
			}
			.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 110px 0px 110px;
			height: 28px;
			background-image: url(/images/layout/repeatbody.png);
			background-repeat: repeat-y;
			text-align: left;
		}
			.footerSpacer
				{
					padding: 4px 0px;
					text-align: left;
					float: left;
					width: 165px;
/*					background-color: pink; */
				}
			.footerNav
			{
/*                height: 100%;*/
				padding: 0 10px 0 10px;
				margin: 0;
/*				background-color: DodgerBlue; */
				float: left;
				width: 592px;
				text-align: right;
			}

		.footerContainerBottom
		{
			padding: 0px 110px 0px 110px;
			height: 29px;
			background-image: url(/images/layout/footer.png);
			/*background-position: 0px 9px;*/
			background-repeat: no-repeat;
			text-align: left;
		}
		.footerContainerBottomTwo
		{
			padding: 0px 110px 20px 110px;
			height: 29px;
			background-image: ;
			/*background-position: 0px 9px;*/
			background-repeat: no-repeat;
			text-align: right;
		}

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

		.dottedLineBottom
		{
			border-bottom: 1px dotted gray;
			padding: 4px 0;
		}
		.dottedLineTop
		{
			border-Top: 1px dotted gray;
			padding: 4px 0;
		}


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

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

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


/* FONT */
body, table, tr, td, input,select, textarea, div, span
{
	font-family: Georgia,"Times New Roman",Times,serif,Garamond;
	font-size: 8pt;
	color: #6d6755;
}

/* MAIN LINK FONT */
a {
	font-family: georgia,"Times New Roman",Times,serif,Garamond;
	COLOR: #666666;
	font-size: 11px;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #666666;
}

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

/* 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: #666666;
	font-size: 11px;
	font-weight: bold;
	text-decoration:underline;
}
a.cart:link {
	text-decoration: underline;
}
a.cart:visited {
	text-decoration: underline;
	color: #666666;
}
a.cart:hover {
	text-decoration: underline;
	color: #333333;
}

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

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

/* TOP MENU LINK FONTS */
a.bottommenu {
	COLOR: #666666;
	font-size: 11px;
	text-transform:lowercase;
/*	font-weight: bold; */
}
a.bottommenu:link {
	text-decoration: none;
}
a.bottommenu:visited {
	text-decoration: none;
	color: #666666;
}
a.bottommenu:hover {
	text-decoration: underline;
	color: royalblue;
}


/* LEFT MENU BAR FONT */
a.menu {
	COLOR: #666666;
	font-size: 11px;
	font-variant: normal;
	text-transform:lowercase;
}
a.menu:link {
	text-decoration: none;
}
a.menu:visited {
	text-decoration: none;
	COLOR: #666666;
}
a.menu:hover {
	text-decoration: underline;
	color: #999999;
}
/* OUT OF STOCK LINK FONT */
a.stock {
	COLOR: red;
	font-size: 11px;
	font-variant: none;
	font-weight: bold;
	text-transform:lowercase;
}
a.stock:link {
	text-decoration: none;
}
a.stock:visited {
	text-decoration: none;
	COLOR: red;
}
a.stock:hover {
	text-decoration: underline;
	COLOR: red;
}


/* 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: #666666;
}

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

/* 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: #999999 dotted 1px;
	border-width: 1px 1;
	border-color: black;
}
table.infoBoxNotice {
/*	border: #FF0000 solid 1px; */
	border-width: 1px 1;
}
/* boxes for shopping cart */
table.productListing2 {
	border: #CCCCCC dotted 1px;
	border-color: green;
	border-width: 1px 1;
}
.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: 1px #ffffff solid; this one controls the line colors in the box 
	border-width: 0px 0;
}
table#mainLayoutLT {
	border: 1px #999999 solid; this one controls the outer border color
}
.infoBoxLT td {
	border: 1px black solid; 
	border-width: 0px 0;
}
.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 {
	background: #F3F3F3;
}
/* end colors and borders */
.infoBoxHeading img {
	display: none;
}
td.infoBoxHeading {
	font-weight: bold;
}
td.main {
	padding: 2px;
}

/* font size for content in and outside tables */
/* BODY */
/* PAGE HEADING FONT E.G. ABOUT BRAUN BUFFEL */
h1 {
	font-size: 22px;
	font-weight: normal;
	font-family: Edwardian Script ITC, garamond, 'century gothic', georgia, verdana, sans-serif;
	text-indent: 0px;
	padding: 0px;
	margin: 0 0 0 -4px;
	COLOR: #666666;
	text-transform:lowercase;
}
/* end fonts */

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


/* SPECIALS PRICE COLOUR */
SPAN.productSpecialPrice {
	color: #990000;
}
/* SECRET PRICE COLOUR */
SPAN.productSecretPrice {
	color: #ad8355;
}
/* PRODUCT DESCRIPTION ON PRODUCT INFO FONT */
.prodDescription {
	FONT-SIZE:11px; 
	LINE-HEIGHT: 15px; 
}

/* PRODUCT HEADING ON PRODUCT INFO FONT */
.prodName {
	FONT-SIZE: 12px; 
	font-weight: bold; 
	COLOR: #0b1c36; 
	LINE-HEIGHT: 15px; 
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
/*	font-size: 30px; */
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
/* 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: #e0e8f1;
}
.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;
}