@charset "UTF-8";
/* CSS Document */
/*XXXXXXXXXXXXXXXXXX Reset all browser defaults XXXXXXXXXXXXXXXXXXX*/
*	{
	margin:0px;
	border:0px none;
	}
body {
	font-family: "Arial", Verdana, sans-serif;
	font-size:10pt;
	font-weight:lighter;
	color:#807864;
	text-decoration:none;
	background-color:#fff;
	}
img {
	vertical-align:bottom;
	border:0px;
	padding:0px;
	}
h1, h2, h3, .h3 {
	font-family: "Arial", Verdana, sans-serif;
	}
h2, h3, .h3, h4 {
	color:#807864;
	}
h1 {
	}
h1 img { /* positions house icon in tagline */
	vertical-align:baseline;
	height:20px;
	margin-right:5px;
	}
h2	{
	}
h3, .h3	{
	}
p, .p {
	font-family: "Arial", Verdana, sans-serif;
	font-size: 10pt;
	color: #807864;
	text-decoration: none;
	margin-top:0.3em;
	}
li {
	font-family: "Arial", Verdana, sans-serif;
	font-size: 11pt;
	color: #807864;
	text-decoration: none;
	}
.TextIndent {
	margin-left:10px;
	}
.ClearFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
	}
a, a:link, a:active, a:visited {
	text-decoration:none;
	outline:none;
	color:#807864;
	cursor:pointer;
	}
a:link .p, a:active .p, a:visited .p {
	color:#381b00;
	}	
a:hover {
	color:#cc0000;
	}
a:link.email, a:visited.email {
	color: #381B00;
	}
a:hover.email {
	color:#E77918;
	}
input, input:visited, input:active, input:link {
	text-decoration:none;
	outline:none;
	border:2px inset #b6b6b6;
	color:#5a5447;
	padding-left:5px;
	}
	input:focus {
		background-color:#ffe;
		}
select {
	border:2px inset #b6b6b6;
	color:#5a5447;
	padding-left:5px;
	}
	select:focus {
		background-color:#ffc;
		}
textarea {
	border:2px inset #b6b6b6;
	color:#5a5447;
	padding-left:5px;
	}
submit {
	border:none;
	background-color:#fff;
	padding-left:0px;
	}
.ActiveSection a {
	color:#C00;
	}
.ActiveSection a:hover {
	color:#807864;
	}
.buttonInputType {
	height:26px;
	float:left;
	}
	.buttonInputType input {
		text-decoration:none;
		outline:none;
		cursor:pointer;
		background:none;
		color:#fff;
		position:relative;
		top:4px;
		left:-3px;
		border:0pt none #B6b6b6;
		font-size:9pt;
		}
	.buttonInputType input:active {
		color:#cc0000;
		background:none;
		text-decoration:none;
		border:none;
		}
	.buttonInputType input:focus {
		background:none;
	}
.buttonLinkType {
	height:26px;
	float:left;
	text-align:center;
	}
	.buttonLinkType a,
	.buttonLinkType a:hover,
	.buttonLinkType a:visited {
		font-size:9pt;
		border:none;
		color:#FFFFFF;
		text-decoration:none;
		position:relative;
		top:6px;
		display:block;
		}
	.buttonLinkType a:active {
		color:#c00;
		}
.buttonCloseWindow {
	background:url(/images/02271-wb-025_BRw_button_150px.png) left top no-repeat;	
	height:26px;
	float:left;
	margin-left:10px;
	}
	.buttonCloseWindow:hover {
		background:url(/images/02271-wb-025_BRw_button_150px.png) right top no-repeat;	
	}	
	.buttonCloseWindow a,
	.buttonCloseWindow a:hover,
	.buttonCloseWindow a:visited	{
		border:none;
		color:#FFFFFF;
		position:relative;
		top:6px;
		left:-5px;
		}
	.buttonCloseWindow a:active {
		color:#c00;
		}
	.buttonCloseWindow div {
		width:150px;
	}
.buttonCancelEmail {
	background:url(/images/02271-w-025_BRw_button_109px.png) left top no-repeat;	
	height:26px;
	float:left;
	margin-left:10px;
	}
	.buttonCancelEmail:hover {
		background:url(/images/02271-w-025_BRw_button_109px.png) right top no-repeat;	
	}	
	.buttonCancelEmail a,
	.buttonCancelEmail a:hover,
	.buttonCancelEmail a:visited	{
		border:none;
		color:#FFFFFF;
		position:relative;
		top:6px;
		left:-5px;
		}
	.buttonCancelEmail a:active {
		color:#c00;
		}
.buttonSendEmail {
	background:url(/images/02271-w-025_BRw_button_109px.png) left top no-repeat;	
	width:109px;
	float:left;
	margin-right:-10px;
	}
	.buttonSendEmail:hover {
		background:url(/images/02271-w-025_BRw_button_109px.png) right top no-repeat;	
	}	
.TradeMark {
	font-size:70%;
	position:relative;
	top:-3px;
	}
.PolicyHeaders {
	color:#c00;
	text-decoration:underline;
	font-weight:bold;
}

/*XXXXXXXXXXXXXXXXXX Navigation Bars XXXXXXXXXXXXXXX*/ 	

#NavigationBarTop {
	background:url(/images/02270-w-025_IRw_line_middle_IE.png) top repeat-x;
	width:862px;
	height:30px;
	position:relative;
	top:43px;
	left:76px;
	}
	#NavigationBarLineStart {
		position:absolute;
		top:0px;
		left:-5px;
		}
	#NavigationBarLineEnd {
		position:absolute;
		top:0px;
		left:862px;
		}
	.NavigationBarElements {
		padding:5px 0;
		float:right;
		}
	.NavigationBarElements li {
		text-decoration:none;
		list-style-type:none;
		float:left;
		padding:0 1.00em;
		}
	.NavigationBarElements .NavSpacer {
		padding:0;
		}
	#MastheadCartTotal {
		font-size:80%;
		position:relative;
		top:-1px;
		}
	#Logo {
		position:absolute;
		top:0px;
		left:26px;
		}

#SearchHistory {
	position:relative;
	right:15px;
	top:9px;
	float:right;
	z-index:1000;
	}
	#SearchHistoryList {
		background-color:#fff;
		display:none;
		z-index:1000;
		border:3px ridge #381B00;
		padding:10px;
		}
	#SearchHistory ul {
		background:transparent;
		list-style-type:none;
		margin-left:-40px;
		}
	#SearchHistory ul li {
		}
	#SearchHistory .Divider,
	#SearchHistory .TopDivider {
		font-size:80%;
		font-style:italic;
		text-decoration:underline;
		margin-top:5px;
		}
	#SearchHistory .TopDivider {
		margin-top:0px;
	}
	#SearchHistory ul .SearchItem,
	#SearchHistory ul .ProductItem {
		padding-left:8px;
	}
	#buttonSearchHistoryOpen {
		background:transparent url(/images/02276-w-025_BRw_magnifying_glass.jpg) no-repeat scroll center top;
		display:block;
		height:18px;
		position:absolute;
		width:18px;
		z-index:1010;
		top:-7px;
		right:-7px;
		}
		#buttonSearchHistoryOpen:hover {
			background:url(/images/02276-w-025_BRw_magnifying_glass.jpg) bottom no-repeat;
			}
	#buttonSearchHistoryClose {
		background:url(/images/02277-w-025_BRw_search_close.jpg) no-repeat scroll center top;
		display:none;
		height:18px;
		position:absolute;
		width:18px;
		z-index:1010;
		top:-7px;
		right:-7px;
		}
		#buttonSearchHistoryClose:hover {
			background:url(/images/02277-w-025_BRw_search_close.jpg) bottom no-repeat;
			}	
#formSearch {
	position:absolute;
	top:15px;
	right:32px;
	width:1500px; /* this makes no sense on an absolute element, but its the only way to hide the cursor when setting focus */
	}
	#xSearch {
		float:right;
		margin-right:10px;
		border:2px inset #b6b6b6;
		color:#5a5447;
		padding-left:5px;
		width:200px;
		height:18px;
		top:4px;
		}
	#buttonSearch {
		background:url(/images/02271-w-025_BRw_button_69px.png) left no-repeat;
		width:69px;
		float:right;
		margin-top:-2px;
		}
		#buttonSearch:hover {
			background:url(/images/02271-w-025_BRw_search.png) right no-repeat;
			}
		#buttonSearch input {
			display:block;
			width:69px;
			top:4px;
			}
#Footer {
	margin:0pt auto;
	padding-left:20px;
	width:903px;
	}
	#Footer .NavigationBarElements {
		float:left;
		padding:7px 0;
	}
	#Footer .NavigationBarElements li {
		font-size: 9pt;
		padding: 0 1em 0 0;
	}
		
/*XXXXXXXXXXXXXXXXXX Custom width constraints and extra styling XXXXXXXXXXXXXXX*/ 	

#SiteContainerBox { /* this container hold the site and the drop shadow and forces centering when resizing the window */
	margin: 10px auto;
	position:relative;
	top:0px;
	/*background:lavenderblush;*/
	}
.PageWidthHeight {
	width:973px;
	}
#ContentContainerBox {
	position:relative;
	height:auto;
	width:883px;
/*	width:auto;*/
/*	min-width:883px;*/
	padding:10px;
	border:1px solid #807864;
}
	
#Masthead {
	height:75px;
}
p.ErrorText {
	display:block;	
}
.ErrorText {
	color:#c00;
	padding-left:3px;
	display:inline;
	}
	.ErrorTextObvious {
		text-decoration:blink;
		}
	.ErrorFormField {
		border-color:#c00;
		}
#ProgressBar {
	position:fixed;
	top:185px;
	left:585px;
	display:none;
	z-index:50;
}
#ProgressBarAddToCart {
	position:fixed;
	top:185px;
	left:585px;
	display:none;
	z-index:50;
	height:0; /* this is required so the div doesn't take up any space */
	width:0;
}
/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/ 
#ShadowContainerBox {
	width:910px;
	margin-left:35px;
}

#ShadowUpperRightCorner {	/* .ShadowUpperRightCorner must be given a width contraint, via either a width, or by floating or absolute positioning. In this demo these are applied from the second class name on the .ShadowUpperRightCorner DIV's.	This box also has one of the corner .png's. */
	background: transparent url(/images/DropShadowComponents/ShadowUpperRightCorner.gif) right top no-repeat;
	}
#ShadowUpperRightCorner {
	float: right; /* Floating causes this box to shrinkwrap around sized content elements. */
	display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
	overflow:visible; /* made visible incase any data is wider than the page, it will still show.*/
	/*background-color:#381b00;*/
	}	
#ShadowLowerLeftCorner { /* .ShadowLowerLeftCorner has padding equal to the shadow thickness, and also has one of the corner .png's */ 
	background: url(/images/DropShadowComponents/ShadowLowerLeftCorner.gif) left bottom no-repeat;
	padding-top: 5px;
	padding-left: 5px;
	}	
#ShadowLowerRightCorner {	/* .ShadowLowerRightCorner has the Lower Right corner .png's */ 
	background: url(/images/DropShadowComponents/ShadowLowerRightCorner.gif) right bottom no-repeat;
	}	
#ShadowBottom {	/* .shadowbox holds the bottom shadow .png */ 
	background: url(/images/DropShadowComponents/ShadowBottom.gif) bottom repeat-x;
	}		
#ShadowRight {	/* .shadowbox holds the right side shadow .png */ 
	background: url(/images/DropShadowComponents/ShadowRight.gif) right repeat-y;
	}	
.innerbox { /* .innerbox is made "relative" and is "pulled" up and to the left, by a distance equal to the thickness of the shadow.  Because this is a relative-based shift, the box retains its exact dimensions without change. */
	position: relative;
	left: -5px;
	top: -5px;
	}
/*XXXXXXXXXXXXXXXXXXXXXXX forced account update modal specs XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
	#ModalContainer {
		display:block;
		}
	#ModalBackground {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:175%;
		background:#000;
		opacity:0.60;
		z-index:10000;
		}
	#ModalContent {
		background:#fff none repeat scroll 0 0;
		border:3pt ridge #ddd;
		left:50%;
		margin-left:-335px;
	/*	padding:30px;*/
		position:absolute;
		top:20px;
		width:670px;
		z-index:10001;
		}
	#ModalInfoBox #AccountDetails {
		font-size:10pt;
		}
		#ModalInfoBox{
			position:relative;
			margin:30px 0 30px 30px;
			}
			#ModalInfoBox p {
				margin-right:70px;
			}
			#ModalInfoBox form {
	/*			position:relative;
				left:30px;*/
			}
			#ModalInfoBox form .FormFieldOther {
				right:60px;
				}
	.OptInMessage {
		font-size:9pt;
		left:-60px;
		position:relative;
		text-align:center;
		}
	.CheckboxErrorText {
		display:inline-block;
		left:-25px;
		margin-bottom:5px;
		position:relative;
		text-align:center;
		width:400px;
	}