/* START: Background Colors */


body
{
background-color: #ffffff; 
}

body div.wrapper
{
background-color: transparent;
}
/*
.bannerContainer
{
background-color: gray; 
}
*/
.logoContainer
{
background-color: #dddddd;  
}
/*
.utilityNavContainerTop
{
background-color: red; 
}


.utilityNavContainerBottom
{
background-color: green; 
}

.ProductInfoContainer
{
background-color: #909090; 
}
.ProductInfoContainerLeft
{
background-color: pink; 
}
.ProductInfoContainerLeftImage
{
background-color: orange; 
}
.ProductInfoContainerNextPrevious
{
background-color: yellow; 
}
.ProductInfoContainerRight
{
background-color: white; 
}
.ProductInfoContainerRight
{
background-color: white; 
}

.ProductsMaster
{
}
.bodyContainer
{
background-color: #909090; 
}
.secondaryNavContainer
{
background-color: pink; 
}

.secondaryNavContainerSearch
{
background-color:green; 
}
.secondaryNavContainerMenu
{
background-color: magenta;  
}

.contentContainer
{
background-color: white; 
}
.contentContainerBreadcrumbs
{
background-color: cyan; 
}
.contentContainerMain
{
background-color: cyan; 
}

.footerContainerMain
{
background-color: purple; 
}
.footerSpacer
{
background-color: pink; 
}
.footerNav
{
background-color: DodgerBlue; 
}

.footerCopyright
{
background-color: orange; 
}

.securedPaymentBox
{
background-color: red;  
}
*/
/* END: Background Colors */


/*
LAYOUT
*/

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

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

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: 72px;
			voice-family: "\"}\"";
			voice-family: inherit;
			/*added relative to enable absolute position within*/
			position: relative;
			}
			/* Begin hiding from Mac IE */
			/* \*/
			html>body div.bannerContainer
			{
			height: 72px;
			}
			/* End hiding from Mac IE */
			.logoContainer
			{
				float: none;
				background-image: url(http://203.211.145.32/~suencant/images/logo.jpg) ;
				background-repeat: no-repeat;
				margin-left:0px;
			}
				.logoContainer a
					{
						width: 183px;
						height: 42px;
						display: block;
						left: 0;

					}
			.utilityNavContainerTop
			{
				color: #ffffff;
				clear: both;
				position: absolute;
				top:10px;
				right:0px;
				height: 25px;
				text-align: left;
			}

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

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


	                    div.navNewsLabel 
							{
	                        color: white;
				float: left;
				margin-right: 5px;
				padding-top: 5px;
	                    	}
						
	                    div.navNewsBox 
							{
							height: 18px;
							float: left;
							/*width: 96px;*/
							}
	
	                    div.navNewsBox input 
							{
							border: 1px solid white; 
							padding: 3px;
							margin-right: 3px;
							width: 102px;
							height: 14px;
							color: #7F7F7F;
							font-size: 11px;
							voice-family: "\"}\"";
							voice-family: inherit;

							}
							/* Begin hiding from Mac IE */
							/* \*/
							html>body div.navNewsBox input 
							{
							width: 102px;
							height: 14px;
							}
							/* End hiding from Mac IE */
	
	                    div.navNewsButton 
							{
							padding-top: 5px;
							float: left;
							width: 15px;
							}
			.utilityNavContainerBottom
			{
				position: absolute;
				bottom:15px;
				right:0px;
				width: 100%;
				/*margin-left: 0px;*/
				text-align: right;
			}



.ProductInfoNotFound 
{
		width:100%;
		padding: 5px 0px;
		margin: 0px;
		height:auto; 
}
.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
{
padding: 0 0 0 0px;
text-align: left;
float: left;
width: 385px;
}
.ProductInfoContainerLeftImage
{
padding: 0 25px 0 0px;
text-align: center;
float: right;
}
.ProductInfoContainerLeftImageBorder
{
margin-top: 10px;
border: 1px #999999 solid;
}

.ProductInfoContainerNextPrevious
{
/*                height: 100%;*/
padding: 0 0px;
margin: 0;
float: right;
width: 240px;
}
.ProductInfoContainerRight
{
/*                height: 100%;*/
padding: 0 0px;
margin: 0;
background-color: white; 
float: right;
width: 240px;
}


.ProductsMaster
{

}
.ProductsSwatches
{
border: 1px #999999 solid;
}
		.bodyContainer
		{
		position: relative;
		min-height: 300px;
		width:777px;
		height:auto; 
		border: 0px #988344 solid; /* this one controls the line colors of the content box */
		padding: 0px;
		margin: 0px;
		/*overflow: hidden;*/
		}
			.secondaryNavContainer
				{
					padding: 0 0 0 0px;
					text-align: left;
					float: left;
					width: 140px;
				}
				
			.secondaryNavContainerSearch
				{
					padding: 0px 0 5px 10px;
					text-align: left;
					float: left;
					width: 130px;
				}
			.secondaryNavContainerMenu
				{
					padding: 0px 0 15px 10px;
					text-align: left;
					float: left;
					width: 130px;
					line-height: 13pt;
				}

			.contentContainer
			{
/*                height: 100%;*/
				padding: 0 0 0 12px;
				margin: 0;
				background-color: white; 
				float: left;
				width: 625px;
			}
			.contentContainerBreadcrumbs
			{
/*                height: 100%;*/
				margin-bottom: 0em;
				padding: 0px 0 3px 0;
				float: left;
				width: 100%;
				border-bottom: 0px solid #988344;
			}
			.contentContainerMain
			{
/*                height: 100%;*/
				margin: 0;
				float: left;
				width: 100%;
				text-align: left;
			}
		

		.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
		{
			position: relative;
			padding: 0;
			height: 60px;
			background-image: ;
			background-repeat: repeat-y;
			text-align: left;
		}
			.footerNav
			{
				border-top: 1px solid #7F7F7F;
				position: absolute;
				top: 12px;
				right: 0px;
				padding: 0;
				margin: 0;
				width: 100%;
				text-align: right;
			}

			.footerCopyright
			{
				position: absolute;
				top: 40px;
				right: 0px;
				text-align: right;
			}

		.securedPaymentBox
		{
				width: 350px;
				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;
}

.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: #7F7F7F;
	text-transform:none; 
}
.lightgray
{
	COLOR: #999999;
}
/* MAIN LINK FONT */
a {
	font-family: arial, verdana, sans-serif;
	COLOR: #7F7F7F;
	font-size: 11px;
	text-transform:none; 
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #7F7F7F;
}
a:hover {
	text-decoration: underline;
	color: #B21C7D;
}
a:active {
	text-decoration: none;
	color: #7F7F7F;
}

/* PRODUCT LISTING LINK FONT */
a.list {
	text-decoration: none;
	text-transform:none; 
}
a.list:link {
	text-decoration: none;
}
a.list:visited {
	text-decoration: none;
}
a.list:hover {
	text-decoration: none;
}
a.list:active {
	text-decoration: none;
}

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

/* BREADCRUMB LINK FONTS */
a.headerNavigation {
	color: #7F7F7F;
	font-size: 11px;
	text-transform:none; 
}
a.headerNavigation:link {
	text-decoration: none;
}
a.headerNavigation:visited {
	text-decoration: none;
	color: #7F7F7F;
}
a.headerNavigation:hover {
	text-decoration: none;
	color: #B21C7D;
}

/* TOP MENU LINK FONTS */
a.topmenu, .topmenu {
	color: #7F7F7F;
	font-size: 11px;
	text-transform:none; 
}
a.topmenu:link {
	text-decoration: none;
}
a.topmenu:visited {
	text-decoration: none;
	color: #7F7F7F;
}
a.topmenu:hover {
	text-decoration: none;
	color: #B21C7D;
}

/* BOTTOM MENU LINK FONTS */
a.bottommenu {
	color: #7F7F7F;
	font-size: 11px;
	text-transform:none; 
}
a.bottommenu:link {
	text-decoration: none;
}
a.bottommenu:visited {
	text-decoration: none;
	color: #7F7F7F;
}
a.bottommenu:hover {
	text-decoration: none;
	color: #B21C7D;
}


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


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

/* TOP MENU NON-LINK TEXT */
.smallText {
	font-size: 10px;
	color: #7F7F7F;
}

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

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

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

form {
	display: inline;
}
td {
	vertical-align: top;
}
td.productListing-data {
	vertical-align: middle;
}
td.productListingCol-data {
	vertical-align: top;
	padding: 0;
	margin: 0;
}
	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 {
	border: 0px #988344 solid;
	background-color: #E6E6E6;
	padding: 0 10px;
}
td.infoBoxHeading {
/*	border: 0px black solid; */
	border-width: 0px 0;
}

/* boxes for shopping cart */
table.productListing {
	border: 0px #988344 solid;
	padding: 0 0px;
}
.productListing-heading {
	background-color: #ffffff;
}
tr.productListing-even td{
	background-color: #ffffff;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
}
tr.productListing-odd td{
	background-color: #ffffff;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
}
tr.productListing-alt td{
	background-color: #E6E6E6;
	border-bottom:5px white solid;
	text-align:center;
}
td.productListing-data {
	padding: 10px;

}
table.infoBoxNotice {
	border: 1px #988344 solid;
}

.errorText {
	color: red;
}
/* .cBoxE higlighting for categories box enhancement contrib */
.cBoxE {
	color: red;
}
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: #7F7F7F;
}

td.infoBoxHeadingLT, .infoBoxHeading, .productListing-heading {
	background: #ffffff;
	color: #7F7F7F;
	text-align:center;
}
/* 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: 16px;
	font-weight: bold;
	font-family: arial, verdana, sans-serif;
	text-indent: 0px;
	padding: 3px 5px;
	margin: 0;
	color: #7F7F7F;
/*	color: #B21C7D;*/
	background-color: #E6E6E6;
	text-transform:none;
}
/* end fonts */

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


/* SPECIALS PRICE COLOUR */
SPAN.productSpecialPrice {
	color: red;
}
/* SECRET PRICE COLOUR */
SPAN.productSecretPrice {
	color: red;
}
/* PRODUCT DESCRIPTION ON PRODUCT INFO FONT */
.prodDescription {
	font-size:11px; 
	line-height: 15px;
	padding-top: 15px;
}
/* PRODUCT MODEL ON PRODUCT INFO FONT */
.prodModel {
	font-size:11px; 
	line-height: 15px;
}
/* PRODUCT COLOR ON PRODUCT INFO FONT */
.prodColor {
	font-size:11px; 
	line-height: 15px;
	padding-top: 15px;
}
/* PRODUCT PRICE ON PRODUCT INFO FONT */
.prodPrice {
	FONT-SIZE:12px; 
	font-weight: bold; 
	LINE-HEIGHT: 15px; 
	padding-bottom: 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 {
	FONT-SIZE:11px; 
	font-weight: bold; 
	LINE-HEIGHT: 15px; 
	padding-top: 15px;
}

/* PRODUCT HEADING ON PRODUCT INFO FONT */
.prodName {
	margin-top: 9px;
	FONT-SIZE: 20px; 
	font-weight: bold; 
	color: #B21C7D; 
	LINE-HEIGHT: 20px; 
}
.prodModelDescBox {
	padding: 5px;
	border: 1px #999999 solid; 
}
/* 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;
}

.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: #f3f3f3;
}
.productListingDisplayCount {
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
}
.productListingResultPage {
	float: right;
}
.productListingSort {
	clear: both;
}
.productListingManufacturerCategory {
	float: left;
	margin-bottom: 5px;
}
.productListingList {
	clear: both;
}
.productListingSubmit {
	float: left;
}
.mainPageDiscoverTitle {
	margin: 10px 0 0 0;
}
.category_desc {
	padding-top:10px;
}
/* mian(start): size chart mod */
div#commentForm{  margin: 13px 0 5px 0;  display: none;}
/* mian(end): size chart mod */
#oosmsg {
color:;
}
.buttons {
background-color:#ffffff;
}
.buttons td{
padding:2px;
}