/* 
	Global Defaults
	- defines base colors, margins, borders and so on
	- defines global style of input boxes, error messages....
   
	Demandware eCommerce 2.0, copyright 2007, all rights reserved 
*/

/*
	Remove all default margins and paddings because all browser think about
	this differently. This means we start clean and have to declare it, if
	needed.
*/	
*
{
	margin: 0px;
	padding: 0px;
}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
img,body,html{border:0;}


body {
	color: #333333;
	background-image: url(../images/bg.jpg);
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	border: none; 
	margin: 0px;
	padding: 0px;
}

h1 {
color:#e37c00;
font-size: 21px;
font-weight: bold; }
	
h2 {
	font-weight: bold;
	font-size: 14px; }
	
h3 {
	font-size: 12px;
	font-weight: bold; }
	
h4 {
	font-size: 10px;
	font-weight: bold; }

img , fieldset {
	border: none; }
a {
	font-size: 11px;
	font-family:Arial,sans-serif;
	text-decoration: underline;
	color: #333333; }
a:hover {
	text-decoration: none;
	color: #9a9a9a;
	 }
a.advice {
	font-size: 10px;
	font-family:Arial,sans-serif;
	text-decoration: underline;
	color: #339; }
a.advice:hover {
	text-decoration: none; }

hr{

	height:1px;
	color: #ccc;
	background-color:#ccc;
	border: 0px;
	margin: 5px 0px 16px 0px;
	
	
}
.topNavPoint{
cursor:pointer;

}

.top_dotted
{
	background: transparent url('../images/dotted_line.gif') repeat-x left top;
	padding: 10px 0 10px 0px;
}


.priceadjustment {
	color: Red }
/* Clear floats inside a div (W3C recommendation) */
.clear {
	clear: both;}

/* Global button layout */
.button {
	background-color: #e1ebf5;
	border: 1px solid #666;
	font-size: 10px;
	font-weight: bold;
	padding: 1px;	
	font-family: arial, sans-serif; }

/* Global image button layout */
.imagebutton {
	border: none; }

/* Default layout of input boxes */
.inputbox {
	padding: 1px;
	font-size: 10px;
	font-weight: normal;
	vertical-align: middle;
	color:#333333;
	}
input[type="text"],input[type="password"],textarea, .selectbox, select
{
	border-top:1px solid #556571;
	border-left:1px solid #556571;
	border-bottom:1px solid #556571;
	border-right:1px solid #556571;
	color:#333333;
}


input.imageButPad{
	padding: 15px 0px 15px 0px;
	border:0px;
}	
	
input[type="checkbox"], input.checkbox {
	border:0px; }
	
.inputboxerror {
	border: 2px solid red;
	}

.checkboxerror {
		border: 2px solid red;
	}

/* Default layout of select boxes */
.selectbox {
	padding: 1px;
	font-size: 11px;
	}
/*
	Advanced behavior of input/select boxes to focus when a user is editing the content.
	This is clearly CSS 2.1 and therefore is ignored by IE 6.0 and all other 
	unsupportive browsers.
*/
input[type="text"]:focus, input[type="password"]:focus {
	background-color: #ffffc0 !important; }
	
textarea:focus { 
	background-color: #ffffc0 !important; }
	
select:focus { 
	background-color: #ffffc0 !important; }	
	
input.removeLink{
		border: 0px solid;
		font-size:10px;
		text-decoration:underline;
		color:#556571;
		background-color: #fff;
	}
	
input.removeLinkhov	{
		border: 0px solid;
		font-size:10px;
		color:#ccc;
		background-color: #fff;
	}
	
.warning {
	color: #cc0000;
	font-weight: bold;
}

.popupbody
{
	z-index:7;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	margin:0px;
	background-color:#000000;
	alpha(opacity=60);
	-moz-opacity:.6;
	opacity:.6;
}
.productVideoView
{
	z-index:9;
	position:absolute;
	background-color:#fff;
	top:50%;
	width:600px;
	left:50%;
	margin-left:-371px;
	height:509px;
	alpha(opacity=0);
	padding:5px;
	-moz-opacity:.0;
	opacity:.0;
}

.productquickview
{
	z-index:9;
	position:absolute;
	background-color:#fff;
	top:50%;
	width:744px;
	left:50%;
	margin-left:-371px;
	height:483px;
	alpha(opacity=0);
	padding:5px;
	-moz-opacity:.0;
	opacity:.0;
}


.editaddress
{
	z-index:9;
	position:absolute;
	background-color:#fff;
	top:50%;
	width:300px;
	left:50%;
	margin-left:-371px;
	height:500px;
	alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;
}

.giftcard
{
	z-index:9;
	position:absolute;
	background-color:#fff;
	top:50%;
	width:450px;
	left:50%;
	margin-left:-800px;
	height:450px;
	alpha(opacity=0);
	padding:5px;
	-moz-opacity:.0;
	opacity:.0;
}
.closewindow
{
	z-index:9;
	position:absolute;
	background-color:#fff;
	top:50%;
	width:300px;
	left:50%;
	margin-left:-371px;
	height:150px;
	padding:5px;
}
.deletewindow
{
	z-index:10;
	position:absolute;
	background-color:#fff;
	top:50%;
	width:267px;
	left:50%;
	margin-left:-371px;
	height:150px;
	alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;
}
	
	
.footerpopupclass
{
	z-index:10;
	width:500px;
	height:400px;
	position:absolute;
	background-color:#fff;
	alpha(opacity=50);
	-moz-opacity:.5;
	margin-left:-371px;
	opacity:.5;
	top:50%;
	left:50%;
}

/*  ===== Container Notes =====   /
	Container wraps the complete page content inside the body. 
	It allows the page a visible margin, padding and have a different background color.
	There are options for fixed width as well as variable width.
*/
#container {
	margin: 10px auto;
	width: 985px;
}

#container .viewall{
	margin: 10px auto;
	width: 20px;
}

#header {
	clear: both;
	background:url(../images/top.jpg) no-repeat top;
	width:985px;
	height:88px;
}   

#header .welcome{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color:#433e3a;;
}   

#header #logo a { /* Create a clickable image by attaching a background to the anchor */
	background: url(../images/timberland-logo.jpg) no-repeat;
	display: block;
	width: 212px; /* LOGO WIDTH */
	height: 54px; /* LOGO HEIGHT */
	position:relative;
	left: 25px; /* LOGO POSITION RELATIVE TO LEFT SIDE OF HEADER BOX */
	top: 20px; /* LOGO POSITION RELATIVE TO TOP OF HEADER BOX */ }				 			 
			 			 
#header #logo span { /* Make the text optional, hide it here. */
	display: none; }
	
#categoryDisplay a{
	display: block;
	width: 100px; /* LOGO WIDTH */
	height: 70px; /* LOGO HEIGHT */
	position:relative;
}	
	
#categoryDisplay span { /* Make the text optional, hide it here. */
	display: none; }				 			 

#cInfo{

	
	margin-top: 20px;
	padding-right: 20px;
	float: right;
	clear: right; 
	text-align: right;
	width:400px;
}

#navigation{
	text-align: center;
	position:relative;
}

#nSearch{
	float: right;
	clear: right; 
	text-align: right;
	width: 725px; /* Hack IE 6 to make logo not wrap below navigation */
	padding-right: 20px;
}
#nSearch a {
	color: #433e3a; }
#nSearch a:hover {
	color: #decdb9; }
	
.dividerheader{
	margin:0px 3px 0px 3px;
	color: #decdb9;
}
.dividerProductTypes{
	margin:0px 3px 0px 3px;
	color: #ccc;
}

.dividerheaderdots{
	padding-left: 8px;
	padding-right: 8px;
}
	
/*  ===== Footer Notes =====   /
	The footer is located below all elements on the page and full width.
*/
#footer {
	clear: both;
	background:url(../images/bottom.jpg) no-repeat top;
	width:985px;
	height:50px; 
}

#footerLinks {
	display: inline;
	float: right;
	text-align: right;
	padding-top:8px;
	padding-right:20px;
}


#footerHopLinks {
	display: inline;
	float: left;
	padding-left:19px;
	padding-top:8px;
}
#footerLinks a {
	text-decoration:underline;
	color:#333;
}
#footerLinks a:hover {
	text-decoration:none;
}


#siteselection{
	display: inline;
	float: left;
	padding-left:19px;
}

#socailMedia{
	display: inline;
	float: left;
	padding-left:19px;

}
#followus{
	font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: -0.3px;
	font-size:10px;
	display: inline;
	float: left;
	margin-top:2px;
	text-align: top;
}

#languageselection{
	display:inline;
	float:left;
	background: transparent url('../images/btn-lang.gif') repeat-x left top;	
	width:176px;
	height:20px;

}

#LocaleForm select{
	width:100px;
	margin-left:40px;
	font-size: 10px;
}

/* CREATES TWO COLUMN FOOTER LAYOUT */


/*  ===== Main Content Page Structure Column Notes =====   /
	This content the code for the Left Column, Right Column and Center Column of the page.
*/
#mainContentAreaTable {
	clear: both;
	display: inline;
	vertical-align: top;
	}
#mainContentArea {
	clear: both;
	width: 935px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	vertical-align: top;}
	
#mainContentAreaWithoutNav {
	clear: both;
	width: 924px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	vertical-align: top;}
	
#main{
		background-color: #fff;
	}

/* The left column contains navigation on left side of page */

table.whereRU{
	background: url(../images/where-are-you-header.gif) no-repeat left top;
	width:935px;
	height:137px;	

}


TD.contentBackgroundRT{
	background: url(../images/rough-repeat-rt.jpg) repeat;	
}

TD.contentBackgroundRT2{
	background: url(../images/rough-repeat-rt2.gif) repeat;	
}
TD.contentBackgroundLT{	
	background: url(../images/rough-repeat-lt.gif) repeat;
}

TD.contentBackgroundLT2{	
	background: url(../images/rough-repeat-lt2.gif) repeat;
}

TD.catNavBackground{ 
	background: #dddddd;
}

TD.catNavBackgroundBootCo{ 
	background: #675c56;
}

TD.globalNavBackground{ 
	background: #556571;
}


TD.rightNavBackground{ 
	background: url(../images/rightcolumnbg.gif) no-repeat bottom;
	width:270px;
}



/* Left Column Nav Container */	
#leftColumn {
	display:inline;
	float:left;
	width:200px;
	margin: 0px;
	padding:0px 0px 0px 0px; 
	}	
#leftColumn ul {
	list-style: none;
	margin: 0px;
	padding:0px;
	
}

/* Fix IE/Win's broken rendering of block-level anchors in lists */
#leftColumn li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}
#navCatImage {
	
	height: 70px; 
	overflow: hidden;
	
}
#navCatImageBootCo {
	
	height: 198px; 
	overflow: hidden;
	
}
#leftColumn #bootCoVist{

color: #FFF;
font-weight: bold;
}

#leftColumn #bootCoVist a{

color: #FFF;
font-weight: bold;
text-decoration:none;
margin:0px 0px 0px 20px;
line-height:23px;
}

#leftColumn #bootCoVist a:hover{

text-decoration:underline;

}

#leftColumn li.disabled {
	color: #B4B1AC;
}

/* Fix for browsers that don't need the hack */
html>body #leftColumn li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}
		
	
#leftColumn .resultcount {
	color: #999999;}
#leftColumn select {
	width: 150px;
	font-size: 11px; }
	
/* = RIGHT COLUMN Styles = */	
#rightColumn h2 {
	background-color: #fafafa;
	color: #868f98;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;	
	padding: 0px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;}	
	
	/* Right Column Nav Container */	
#rightColumn {
	display:inline;
	float:right;
	width:270px;
	margin:0px;
	padding:0px 0px 0px 0px; 
}
#rightColumn .rightNav{
padding:0px 15px 0px 15px; 
}

#rightColumn .myBagInfo{
	display:inline;
	align:center;
	padding:10px 0px 10px 0px; 
}

/* Category Header Text */
.category {
	width: 85px;
	height:24px;
	margin:0px;
	padding:0px;
	float: left;
	display:inline;
	border:0px;
	font-weight:bold;
	font-size:10pt;
	color:#fff;
	text-indent: 13px;
	line-height: 22px;
	overflow:hidden; }

img.squarePadding{
	vertical-align:middle;
	margin: 10px 5px 10px 0px;
	padding: 0px;
}

img.arrowPadding{
	vertical-align:middle;
	margin-right:5px;
}
img.rulePadding {	
	padding: 0px 5px 0px 5px;
}

a.returnPrevious {
	color:#000; 
	font-size: 11px;
	text-weight: bold;
}
a.returnPrevious:hover {
	color:#333333; 
}

/* Clearing Style */
.clear {
	clear:both;}
	
/* The content column contains all display items between the left and right columns */	
#content {
	display: inline;
	float:left;
	margin: 0px 0px; 
	background-color:#fff;}

/* The right column floats on the right side and contains promotional elements of site */	



	
#content h1:first-line {
	text-transform: none; }
	
#content h2 {
	color: #333333;
	border: none;
	font-weight: bold;
	margin: 10px 2px;
}
	
#content h3 {
	color: #333333;
	border: none;
	font-weight: bold;
	/*margin: 2px 2px;*/
}

#content h2 span.firstline {
	text-transform: lowercase;
	color: #999999;
	border: none;
	font-weight: normal; }
	
select {
	font-size: 11px; }

.divider {
	margin-left: 4px;
	margin-right: 4px;
	color: #666; }
	
/* Default CSS INPUT button */
.button {
	font-weight: bold;
	vertical-align: middle;
	background-color: #999;
	color: White;
	border: 1px solid #7d97cb; }
.image {
	margin: 0px 0px 0px 10px;
	border: 0px;}
.sendimage {
	vertical-align:middle;}
.imageleft {
	margin: 15px 0px 10px 0px;
	padding: 5px 0px 10px 0px;
	display: inline;
	float: left;
	border: 0px;}
.imageright {
	margin: 15px 2px 10px 0px;
	padding: 5px 0px 10px 0px;
	display: inline;
	float: right;
	border: 0px;}
.imageleftnoborder {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	border: 0px;}
.imagerightnoborder {
	margin: 0px;
	padding-left: 0px;
	display: inline;
	float: right;
	border: 0px;}
.userlogin {
	color: #666666; }
.value {
	font-size: 11px;
	font-weight: normal;
}
.key {
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	 }
.required {
	color: Red;
}
.promotion {
	color: #d8823c;
	font-weight: bold; }
.promotiondescription {
	color: #d8823c; }
.bonus {
	color: Red;
	margin: 0px;
	padding: 0px; }
.confirmationmessage {
	color: #999999;
	font-size: 1.1em;
	font-weight: bold;
	display: block; }
.caption {
	display: block; }
.keynote {
	margin: 5px 5px;
	white-space: nowrap;
	font-size: 10px; }
/* Styles the Coupon Code identical throughout page */
.cartcoupon {
	text-align: right; }	
.couponcode {
	font-family: "Courier New", courier, monospace;
	font-size: 12px; }	
.couponapplied {
	color: #d8823c; }	
.couponnotapplied {
	color: #d8823c; }
			

	
/************* FOOTER Info styles **************/	
			
/* = Copyright/Powered By Styles = */
#copyright	{
	clear: both;
	font-size: 10px;
	text-align:right;
	padding-right:20px;
	padding-top: 5px;}
	
#copyright a	{
	color: #decdb9;
	text-decoration: none; 
	}
	
#copyright a:hover	{
	color: #333333; 
	text-decoration: underline;}
	
.dividerfooter {
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 3px;
	margin-right: 3px;
	color: #999999; }
	


/************* SEARCH BAR styles (search/simplesearch) **************/

#searchbar {
	padding: 2px;
	margin-left: 0px;
	margin-bottom: 1px;
	font-size: 10px;
	font-weight: bold;
	border:0px solid #eee;}
#searchbar .searchbutton {
	font-size:11px;
	font-family:Lucida Console,Verdana,Tahoma,sans-serif;
	font-weight:bold;
	color:#888888;
	width:35px;
	height: 17px;
	background-color:#EEEEEE;
	border-style:solid;
	border-color:#BBBBBB;
	border-width:1px;
	text-transform: uppercase;}
#searchbar input {
	font-family: Arial, Courier, sans-serif;
	color: #666666;
	font-size: 10px;
	padding: 1px;
	vertical-align: middle;
	border: 1px solid #666666; }
#searchbar label {
	margin-right: 3px;
	font-size: 10px;
	font-weight: bold;
	color: #369;
	vertical-align: middle;
	text-transform: uppercase;}
#searchbar .searchimage {
	display: none; }
	
.searchBtn{
 
  vertical-align: top;

}
			
/************* USER styles (pagecomponents/headertopline) **************/
#user{
	display: inline;
	z-index:0;
	width: 210px;
	height: 69px;
	border-left:1px #c0c0c0 dotted;

	background-color: #fafafa;
	padding:3px;
	margin: 2px 2px 0px 2px;
	float: right;}
	
#userlogin {
	height: 45px;}/* SETS POSITION OF MINI CART */

/************* MINICART styles (cart/minicartcontent) **************/	

#minicarttotal{
	padding:0px;
	margin:0px;
	text-align:center;
	width:279px;
	height:30px;
	
}

#minicarttotal .totalCount{
width:122px;
text-align:center;
}

#minicarttotal a{
	color:#fff;
}

#minicarttotal a:hover{
	color:#ccc;
}


#minicarttotal .items{
	color:#ccc;
}

#minicart {
	font-family: Arial,sans-serif;
	font-size: 1em;
	color: #999999;	
	float:right;
	display:inline;
	width: 300px;
}
#minicart .cartstatustext {
	margin-left: 5px;}
	
.emptycart {
	font-size: 11px;
	color: #999999;
	margin-left: 5px;}
	
#minicart .text {
	margin-left: 5px;}
#minicart .pricevalue {
	margin-left: 5px;}
#minicartcontent {
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 277px;
	float:right;
	z-index: 97;
	}
TD.miniBack{	
	background: url(../images/mini-back.gif)  no-repeat bottom;	
}	
	
#minicartcontent .link2cart {
	text-align: center;
	padding: 10px;}
	
.productsTableContain{
padding:0px;
margin:0px;
}	
#minicartcontent table td.productname{
	text-align:left;
	/*border-bottom: 1px solid #eaeaea; */}
#minicartcontent table td.productpricing{
	text-align:right;
	vertical-align:top;
	width: 90px;
	/*border-bottom: 1px solid #eaeaea;*/}
#minicartcontent table td.productpricingexpand{
	text-align:right;
	/*border-bottom: 1px solid #eaeaea;*/ }
#minicartcontent table td.productnameexpand{
	text-align:left;
	/*border-bottom: 1px solid #eaeaea; */}

#minicartcontent table td.arrow {
	width:15px;
	vertical-align:top;
	text-align:left;
	/*border-bottom: 1px solid #eaeaea;*/ }
	
#minicartcontent table td.miniBorder{
	/*border-bottom: 1px solid #eaeaea;*/}
	
img.thumbnail {
	vertical-align:top;
	float:left;
	display:inline;
	align:left;
	padding:0px 5px 0px 0px;
}

.hideDisplay{
	display:none;
}
.showDisplay{
	display:table-row;
}
	
#minicartcontent table td.subTotal{
	background-color: #7f7c79;
	color:#fff;
	text-align:left;
	height:18px;
	border-bottom: 1px #ccc solid;
	border-top: 1px #ccc solid;
 }
 
 #minicartcontent table td.subTotalPrice{
	background-color: #7f7c79;
	color:#fff;
	text-align:right;
	height:18px;
	font-weight:bold;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
 }
 
 
#minicartcontent table a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}

#minicartcontent table a:hover {
	color:#cccc;
	font-weight:bold;
	text-decoration:underline;
}
#minicartcontent table td {
	background-color: #fff;
	text-align:left;
	color:#333;
}

	
#minicartcontent table td.rule {
	padding:0px;
	height:1px;}
		
/************* BREADCRUMB styles (pagecomponents/searchbreadcrumb) **************/
#breadcrumb {
	color: #666;
	margin: 2px 2px 2px 10px;
	font-size: 1px;	/* trick to reduce the white-space problems */ 
	/*border: 1px solid black;*/
}		
#breadcrumb .key {
	display: none;
	margin: 0px; }
	
#breadcrumb span {
	font-size: 11px;
	margin-right: 0px; 
	/*border: 1px solid black;*/
}

#breadcrumb span.divider {
	margin-left: 0.25em;
	margin-right: 0.25em; 
}

#breadcrumb a {
	font-size: 11px;
	color: #666;
	margin-right: 0px; 
}

#breadcrumb a.right{
	font-size: 10px;
	color: #333333;
	margin-right: 0px;
	float:right; 
	width: 100px;
	border: 1px solid black;
}
	
#breadcrumb a: hover{
	font-size: 10px;
	color: #9c5d23;
	text-decoration: none;
	margin-right: 0px; 
}	
	
#categoryTopNavigationCartDisplay{
	background: url(../images/top_nav.jpg) no-repeat;
	width: 985px;
	height: 30px;
}
#categoryTopNavigation{
	background: url(../images/top_nav_no_cart.jpg) no-repeat;
	width: 985px;
	height: 30px;
}


#checkoutCategoryTopNavigation{
	padding: 0px; 
	background: url(../images/top_nav_checkout.jpg) no-repeat;
	display: block;
	width: 985px;
	height: 30px;
}
#categoryTopNavigationButtons{
	padding-left: 19px;
	float:left;
	display:inline;
	width:665px;
	height: 30px;
}
#categoryTopNavigationCart{
	width:300px;
	padding-right: 19px;
	float:right;
	display:inline;
	height: 30px;
}




#recentlyViewed{
	color: #666666; 
	padding-left: 11px; 
	margin-top: 45px;
	
}

#bootCoVist #recentlyViewed{
	color: #ffffff; 
	padding-left: 11px; 
	margin-top: 45px;
	
}


/*********** Other Navigation styles ***********/

/*  ===== boxNav Notes =====   /
	Simple navigation style to use when you want a basic box and <ul> list navigation style
	EXAMPLE: Left Column Navigation on Product Page
*/
#boxNav {
	position: relative;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	background-color: #fafafa;
	border: 1px solid #efefef; }
#boxNav h2 {
	display: block;
	border: 0px;
	padding: 2px 0px 0px 7px;
	font-size: 11px;
	font-family: 'Trebuchet', 'Trebuchet MS', Arial, verdana, sans-serif;
	color: #666666;
	text-align: left;
	text-transform: none;
	font-weight: normal;
	background-color: #fafafa;}
#boxNav ul {
	list-style: none;
	margin: 0;
	padding: 0;}	
#boxNav ul a:link, 
#boxNav ul a:visited {display: block;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#boxNav li {
	font-family: Arial, verdana, 'Century Gothic', sans-serif;
	padding-left: 0px;
	margin: 0px;}
/* fix for browsers that don't need the hack */
html>body #boxNav li {
	font-family: Arial, verdana, 'Century Gothic', sans-serif;
	padding-left: 0px;
	margin: 0px;}
#boxNav a {
	display: block;
	padding: 1px 0px 1px 15px;
	color: #333333; }
#boxNav a:hover{
	background-color: #efefef;}
#boxNav .specialoffer {
	margin: 0px;
	padding: 0px;
	border: 0px; }
#boxNav .image {
	margin: 0px;
	padding: 0px;
	border: 0px; }
#boxNav .description {
	margin: 0px;
	padding: 0px;
	border: 0px; }

/*********** COLUMNS and LIST STYLE for Brands Page ex: SHOP BY BRAND ***********/

.brandlisting {
	display: inline;
	float: left;	
	width: 188px;
	margin: 3px 0px 3px 3px; }
	
.brandlisting ul {
	list-style: circle;
	margin-left: 1.5em; }
	
/*********** MARKETING / PROMOTIONAL styles ***********/

/*  ===== productMarketing Notes =====   /
	Simple Box style to use when you want a basic box for promotion and marketing products
	EXAMPLE: Top Sellers / Last Visited on Category Page
*/
.productMarketing {
	background-color: #fff;
	border: 1px solid #cfcfcf;
	padding: 0px;
	margin: 0px 0px 1px 0px;}
	
/* Header for Product Marketing; EXAMPLE: May We Recommend */
.productMarketing h2, #content .productMarketing h2 {
	background-color: #e9e9e9;
	color: #878787;
	border-top: 0px;
	border-bottom: 1px solid #cfcfcf;	
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-align: center;
	font-size: 14px;}

/* Link for Product Marketing: Product */	
h3 a{
	display: block;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	overflow: hidden; /* Limits Amount of Characters allowed */
	line-height: 1.1;
	padding: 0px;
	margin: 2px 0px 3px 0px; }
		
h3.name {
	font-weight: normal;
	font-size: 1.1em;
	text-transform: none;
	margin-top: -5px;
		}

/*  ===== login Notes =====   /
	Simple side by side box style used on user login in page
	EXAMPLE: Member Login Page (loginpanel.isml); Checkout (checkout_login.isml)
*/
#loginpanel
{
	z-index:9;
	position:absolute;
	background-color:#fff;
	border:#999999 solid 1px;
	width:350px;
	height:auto;
	left:50%;
	top:50%;
	padding:5px;
	margin:0px 0px 0px -2000px;
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;
}

#content #login .reviewHeader {
background-color:#EEEEEE;
font-size:18px;
height:auto !important;
min-height:28px;
padding-left:10px;
padding-top:10px;
}

#content #login .accountOverview{
	margin: 10px;
	padding: 0px;
	border: 1px solid #eaeaea;
	float: left;
	display: inline;
	width: 213px;
	min-height: 160px; /* Sets minimum height, but still allows div box to grow to accomodate error message */
	height:auto !important; /* IE Hack for minimum height */
	height:160px;
}

#content #productreview {
	margin: auto;
	border: 0px;
	width: 715px; 
	padding: 10px;}


#content #login {
	margin: auto;
	border: 0px;
	width: 715px; 
	padding: 0px;}

#content #login h3 {
	text-transform: uppercase;
	color: #333333;
	border: none;
	font-weight: normal;
	font-size: 12px;
	padding: 0px 0px;
	margin: 0px; }
#content #login .logintostore {
	margin: 10px;
	padding: 0px;
	border: 1px solid #eaeaea;
	float: left;
	display: inline;
	width: 313px;
	min-height: 205px; /* Sets minimum height, but still allows div box to grow to accomodate error message */
	height:auto !important; /* IE Hack for minimum height */
	height:205px;}
	
	
#content #login .logintostoreinfo{
	margin: 10px;
	padding: 0px;
	float: left;
	display: inline;
	width: 313px;
	min-height: 147px; /* Sets minimum height, but still allows div box to grow to accomodate error message */
	height:auto !important; /* IE Hack for minimum height */
	height:147px;
}

#content #login .inputbox {
	padding: 1px;
	vertical-align: middle;
	border: 1px solid #7f9db9;
width: 130px;	}

#content #login .logintostoreinfo ul{
	list-style: square;
	margin-top:10px;
}

#content #login a {
font-size: 1.0em;
	text-decoration: underline;
	color: #a57c52; }
#content #login a:hover {
	text-decoration: none;
	color: #a57c52; }
#content #login .logintostore .login {
	text-align: right;
	font-size: 10px;
	margin: 10px 40px 0 30px; }
#content #login #accountbenefits {	
	padding-left: 5px;
	margin-top: 10px; }
	
#content #login .logintostore .login .username {
	margin: 5px 0px; }
#content #login .logintostore .login .password {
	margin: 5px 0px; }
#content #login .logintostore .login label {
	clear: left;
	display: inline;
	float: left;
	width: 10em;
	font-weight: normal; }
/* Spacer div to line up image on Log In Screen */
#content #login .loginheight {
	height: 42px; }
	
/*  ===== userinfobox Container Notes =====   /
	Styles box containing: addresses,minicreditcard, etc. 
	by adding gray box and button around saved credit cards */
	
.userinfobox {
	display: inline;
	float: left;
	width: 210px; /*25em;*/
	padding: 6px;
	margin: 3px; 
	border: 1px solid #CCCCCC;
	font-size: 11px;
	overflow: hidden; }		
		
.userinfobox .buttons {
	margin: 2px 2px;
	text-align: right; }
	
.userinfobox .stackedbuttons {
	margin: 5px;
	text-align: left; }
	
.userinfobox .stackedbuttons input {
	vertical-align: middle; }
		
.userinfobox .stackedbuttons label {
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	margin-left: 5px;
	border: 1px solid #CCCCCC; }
	
/******* Styles minicreditcard inside unserinfobox *******/
.minicreditcard {
	position: relative;
	top:14px;
	left:14px;
	margin-bottom:14px;
}
.minicreditcard .type {
	margin: 2px 0px;
	font-weight: bold; }
.minicreditcard .number {
	letter-spacing: 0.1em; }
.minicreditcard .owner {
	overflow:hidden;
	height:1em;}
.error {
	background-color:#f3dcdc;
	color:#900;
	}
/******* Styles Address inside unserinfobox *******/
.miniaddress {
	font-size: 11px;
	min-height: 100px; /* Sets minimum height, but still allows div box to grow to accomodate error message */
	height:auto !important; /* IE Hack for minimum height */
	height:100px;
}
	
.miniaddress .addressname {
	font-size: 11px;
	font-weight: bold; }
.miniaddress .name {
	margin-bottom: 5px; }
.miniaddress .name .firstname {
	margin-right: 5px;}
.miniaddress .name .lastname {}
.miniaddress .address {}
.miniaddress .address .street {}
.miniaddress .address .street .line1 {}
.miniaddress .address .street .line2 {}
.miniaddress .address .location {}
.miniaddress .address .location .city {
	display: inline; }
.miniaddress .address .location .statedivider {
	display: inline;
	margin-right: 5px; }
.miniaddress .address .location .state {
	display: inline;
	margin-right: 5px; }
.miniaddress .address .location .zip {
	display: inline; }
.miniaddress .address .country {
	margin-top: 5px; }
.miniaddress .phone {
	margin-top: 5px;
	margin-bottom: 5px;}	
	
/******* Simple Container Box *******/		
#infoBox {
	position: relative;
	margin: 0px 0px 5px 0px;
	padding: 3px;
	font-size: 10pt;
	background-color: #fafafa;
	border: 1px solid #efefef;
	color: #cc0000;
	padding: 5px;
	text-align: center;}

#infoBox h2 {
	display: block;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 12pt;
	font-family: Arial, verdana, sans-serif;
	color: #333333;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	background-color: #fafafa;} 
/******* Order Container Boxes *******/
.orderproducts {
	display:inline;
	float:left;
	width: 700px;
	margin: auto;
	padding: 0px 3px 0px 0px; }	
.orderinfo {
	display:inline;
	float:right;
	width: 255px;
	margin: auto;
	padding: 0px 3px;
	border-left: 1px dotted #999999; }		
/*  ===== Product Reviews Style Notes =====   /
	These styles style the Product Reviews
*/


td.searchNull{
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	font-size: 13pt;
	color: #333333;
	font-weight: bold;
	background-color: #f3f1f2;
	width:750px;
	padding: 8px 0px 8px 10px;
}

.searchBox{
	padding: 8px 0px 20px 10px;
	border-bottom: 1px dotted #ccc;
}
.searchBox ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.searchBox li{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}

.nullWord{

color: #bf661b;
}
#SimpleSearchForm{
	padding:0px;
	margin: 0px 0px 0px 0px;
}
#SimpleSearchForm input[type="text"]{
	width:135px;
}
#prContainer {
	margin: 5px auto;
	padding: 0px;
	border: 1px solid #efefef;
	background-color: #fafafa;
	width: 300px;
}
#prColumn1 {
	position:relative;
	width:140px;
	height:25px;
	display: inline;
}
#prColumn2 {
	position:relative;
	width:140px;
	height:25px;
	display: inline;
}

/*  ===== Error Message Style Notes =====   /
	Special message pan for displaying error messages
	EXAMPLE: search/nohits
*/

.errormessageterms {
	padding: 1px;
	margin: 1px 1px;
	font-weight: bold;
	color: red; 
	
	}

.errormessage {
	border: 1px solid red;
	padding: 10px;
	margin: 10px 10px;
	color: red; }


.errormessage h4 {
	color: red;
	font-size: 12px;
	font-weight: normal; }
	
.errormessage ul
	{
	list-style-position : inside;
	list-style-type: circle;
	margin-left: 10px; }
	
.errormessage li {
	color: #333; }	
	
.errorcaption {
	display: block;
	color: red;}

#message {
margin-top: 20px;
margin-left: 15px;
width: 720px;
color:#333;
}
	
#message p {
	margin: 25px;
	font-size: 14px;}
	
#message p.problem {
	font-weight: bold;}

/*********** HTML TABLES STYLING ***********/

/*  ===== Product Table Style Notes =====   /
	This code creates a default table to display the products,
	as seen on the wishlist page and shopping cart
	EXAMPLE: wishlist/wishlist.isml
*/		
		
table.ordertable {
	width: 715px;
	margin: 5px 0px;
	border: 1px solid #ababab; }
table.ordertable tr th {
	background-color: #f3f1f2;
	white-space: nowrap;
	color: #333;
	padding: 5px 13px;
	text-align: left;
	vertical-align:top;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	font-size: 11px; }
table.ordertable tfoot td {
	padding: 3px 5px;
	text-align: right;
	background-color: #e0e0e0; }
table.ordertable tr td {
	padding: 5px 13px;
	margin: 0px;
	text-align:left;
	vertical-align:top;
	border-right:1px solid #ccc;
}	
table.ordertable tr.odd 
{
	background-color: #ffffff;
}

table.ordertable tr.even
{
	background-color: #f3f1f2;
}
table.producttable {
	width: 775px;
	margin: 5px 0px;
	border: 1px solid #eee; }
table.producttable tr th {
	background-color: #e0e0e0;
	white-space: nowrap;
	color: #333;
	padding: 2px 5px;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px; }
table.producttable tfoot td {
	padding: 3px 5px;
	text-align: right;
	background-color: #e0e0e0; }
table.producttable tr td {
	padding: 3px 5px;
	margin: 0px;
	background-color: #f3f3f3;}	
table.producttable tr td.quantitycolumn {
	text-align: center;
	vertical-align: middle;
	width: 70px; }
table.producttable td .alreadyordered {
	display: block;
	color: Green; }
table.producttable tr.odd td {
background-color: #f3f3f3; }
table.producttable tr.even td {
	background-color: #fcfcfc; }
table.producttable td a {
	text-decoration: none;
	color: #333333;
	font-size: 1.2em; }
table.producttable td a:hover {
	text-decoration: underline; }
table.producttable td.price {
	text-align: right;
	width: 85px; }	
table.producttable .imagecolumn {
	margin: auto;
	text-align: center;
	vertical-align: middle; }
table.producttable .remove {
	margin: auto;
	text-align: center;
	vertical-align: middle; }	
table.producttable .shippinggrouping { }
table.producttable .shiptoline { 
	background-color: #fcfcfc;}
table.producttable .shippinggroupinginfo {
	text-align: right; }	
table.producttable .shippinggroupingpromo{
	text-align: right;
	color: Red; }
table.producttable td.ordertotalsdivider {
	margin: 0px;
	padding: 0px;
	background:#fff;
	border-bottom: 1px solid #cdcdcd; }
table.producttable tfoot .blank {
	background:#fff; }	
table.producttable .ordertotal{
	text-align: right;
	background-color: #dcdcdc; }	
table.producttable .ordertotalprice {
	text-align: right;
	font-weight: bold;
	background-color: #dcdcdc; }

/*  ===== Simple Table Style Notes =====   /
	This code creates a default table for entering credit cards etc.,
	simple border with one background color.
	EXAMPLE: customer/paymentinstruments.isml
*/	

table.simple {
	margin: 5px auto;
	padding: 0px; }
table.simple th {
	white-space: nowrap;
	color: #333;
	padding: 2px 5px;
	text-align: center;
	font-size: 12px; }
table.simple tr.highlight td {
	color: #c41b0b; }
table.simple td {
	color: #333;
	padding: 3px 3px 0px 0px;
	font-size:11px;
}
table.simple td.radio 	{
	width: 2em;
	text-align: center;	}
table.simple td.number input {
	width: 13em; }
table.simple td input.image {
	margin: 0px 0px 0px 10px;
	border: 0px;
	float: right;}
#content table.simple td.wide {
	width: 25em; }
table.simple td.expiration .year select {
	width: 40px; }
table.simple td.expiration .month select {
	width: 80px; }
table.simple td.remove {
	width: 2em;
	text-align: center; }
table.simple td.remove a {
	text-decoration: none;
	border: 1px solid Black; }
	
table.simple input {
	padding: 1px;
	font-weight: normal;
	border: 1px solid #556571;
	vertical-align: top; 
	color: #333333;}
table.simple input.radio {
	border: 0px;}
table.simple input[type="radio"]{
	border: 0px;}	
table.simple input.save {
	border: none; }
table.simple input.imagebutton {
	border: none; }
table.simple .inputbox {
	width: 150px; }
table.simple select {
	padding: 1px;
	font-weight: normal;
	border: 1px solid #556571;
	vertical-align: top;	
	width: 150px; }

table.simple td.right {
	text-align: right; }

/*********** PAGING for PRODUCT RESULTS/SEARCH ***********/
.paging {
	clear: both;
	border: none;
	width: 100%;	
	font-weight: normal;
	text-align: center;
	font-size: 1px; /* workaround to get rid off the whitespaces between the li's */
	padding-bottom: 3px; 
	padding-top: 3px; }	
.paging ul {
	margin: 0px;
	padding: 0px;
	border: none; }
.paging li {
	display: inline;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	list-style: none; }
.paging li.previous {
	margin-right: 10px; }	
.paging li.next {
	margin-left: 10px; }	
.paging .divider {
	margin: 0px 5px;
	padding: 0px; }
.paging .spacer {
	margin: 0px 5px;
	padding: 0px; }
.paging a {
	color: #006;
	font-weight: bold; }
.paging li.current span {
	font-weight: normal;
	text-decoration: underline; }
.paging li.current span.divider{
	text-decoration: none; }

/* Tell a Friend and Print Page Styles */
#pageservices {
	font-size: 10px;
	text-align: left;
	padding: 0px;
	border: 0px;
	float: left;
	display: inline; }



/*********** PAYMENT OPTIONS DISPLAY ON LOGIN SCREEN ex:paymentoptions.isml ***********/

.paymentoptions {
	text-transform: uppercase;
	vertical-align: top;
	font-weight: bold;
	margin-left: 10px;
	padding: 0px; }
.paymentoptions img {
	vertical-align: middle;
	margin-left: 10px; }
	
/***** BM Content Management System Styles. Not preformatted. Simple style. *****/
#content .text {
	color: #333;
	margin: 20px; }
#content .text h1 {
	font-size: 30px;
	font-weight: normal;
	margin: 15px 0px 5px 0px; }
#content .text h2 {
	font-weight: bold;
	margin: 15px 0px 5px 0px; }
#content .text h3 {
	font-weight: bold;
	margin: 15px 0px 5px 0px; }
#content .text h4 {
	font-weight: bold;
	margin: 15px 0px 5px 0px; }
#content .text p {
	margin: 5px 0px 15px 0px; }
#content .text a {
	color: darkblue;
	text-decoration: underline; }
#content .text ul {
	margin: 20px 0px;
	list-style-position: inside;
	list-style-type : circle; }
#content .text ul li {}
#content .text ol {
	margin: 20px 0px;
	list-style-position: inside; }
#content .text ol li {}
#content .text table {
	width: 70%;
	border: none; }
#content .text table td {
	vertical-align: top;
	padding: 5px 0px; }
#content .text table th {
	padding: 5px 0px;
	font-weight: bold; }
#content .text table td.key {
	font-weight: bold; }
	
#menu_drop{
	background-image: url('../images/menu_back.jpg');
	background-repeat: no-repeat;
	background-position:bottom;
	display: block;
}

	/* site menu */
.bar{
	background-image: url('../images/bar.gif');
	background-position:left;
	background-repeat:no-repeat;
	display: block;
	padding-bottom:3px;
	padding-top:1px;
}
.sale{
	font-weight:bold;
	color:DF8433;
}
.sitemenuheader {
	padding: 5px 5px 5px 5px;
}


#siteNavId  {	
	margin:0px;
	text-align:left; 
	padding:0px;

}



.twocolumnrefine {
	width:145px;
	display:inline;
	float:left; 
}

.userinfoboxhover{
	
	background: transparent url(../images/address-back.gif) no-repeat bottom center;
	width:175px;
	height:92px;
	position:absolute;
}
.rightNavPromo{
	padding: 0px 0px 0px 0px;
	display:inline;
	float:right;
}

.recentlyViewedRight{
	padding: 0px 0px 0px 0px;
	display:inline;
	float:right;
}

#faq{
	padding: 0px 0px 10px 0px;
	background:url(../images/rt-faq.gif) no-repeat center;
	width: 242px;
	height:240px;
	display:inline;
	float:right;
	font-size:11px;
}
#faq .faqInner{
	padding: 15px 10px 10px 20px; 
	vertical-align:top;
	text-align:left;
}

#faq .faqInner2{
	padding: 5px 10px 10px 20px; 
	text-align:left;
}
#faq #stillQuestion{
	padding:2px 0px 0px 0px;
}

#faq #stillQuestion .tiny{
	color:#666666;
	font-size:9px;
	
}
#faq #stillQuestion .phone{
	color:#333;
	font-size:11px;
	line-height:20px;
	
}
#faq ul {

list-style:square;
color:#999999;
margin: 10px 10px 0px 30px;
padding:0px;
}

#faq ul li a{

color:#333;
text-decoration:none;
}

#faq ul li a:hover{

color:#999999;
text-decoration:underline;
}


.emailsignupclass
{
	z-index:10;
	width:500px;
	height:400px;
	position:absolute;
	background-color:#fff;
	alpha(opacity=0);
	-moz-opacity:.0;
	margin-left:-371px;
	opacity:.0;
	top:50%;
	left:50%;	
}
.faqdiv
{
	z-index:19;
	position:absolute;
	background-color:#fff;
	top:50%;
	width:355px;
	left:50%;
	margin-left:-150px;
	max-height:400px;
	alpha(opacity=0);
	padding:5px;
	-moz-opacity:.0;
	opacity:.0;
	text-align:left;
	overflow-y:auto;
	overflow-x:hidden;
}
.faqdiv p{
	margin-top:10px;
	margin-bottom:10px;
}
.faqdiv a{
	color:#a57c52;
	text-decoration:underline;
}
.faqdiv a:hover{
	color:#333333;
	text-decoration:none;
}
.faqdiv .content{
	padding:10px;
}

.faqdiv .header
{

	margin-bottom:10px;
}
.faqdiv .footer
{
	
	padding:2px 4px 2px 4px;
	text-align:center;
	margin-top:4px;
}
.othersitesdiv
{
	z-index:9;
	position:absolute;
	background-color:#fff;
	border:#999999 solid 1px;
	top:50%;
	width:296px;
	height:auto;
	min-height : 332px;
	left:50%;
	margin-left:-150px;
	alpha(opacity=0);
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	-moz-opacity:.0;
	opacity:.0;
}



 #sites-nav{ width: 282px; margin:0px 5px 5px 5px; padding: 0px 0px 10px 0px; z-index: 301 !important; 	border:#999999 solid 1px; background:#fff;}
  #sites-nav li {list-style-type:none;}
 #sites-nav ul.first { background: none; padding: 7px 0px 4px 0px; margin: 0px; list-style-type:none;}
 #sites-nav ul { list-style-type:none; background: transparent url(../images/bg_logo_drop_divider.gif) 15px 0 no-repeat; padding: 7px 0px 4px 0px; margin: 0px 3px 0px 0px;}

 #sites-nav a { font-family: "Arial"; font-size: 11px; color: #666666; line-height:17px; display: block; padding: 0px 15px; white-space:nowrap; text-decoration: none;}
 #sites-nav a:hover { background-color: #f60; text-decoration: none;color:#fff; }


#content .whyrequiredclass{
	position:absolute;
	background-color:#fff;
	padding:4px;
	z-index:10;
	width:350px;
	top:50%;
	margin:0px 0px 0px -2000px;
	left:50%;
	height:170px;
	alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;
}

#content .whyrequiredclass .heading table{
	width:100%;
	background-color:#556570;
}

#content .forgottenpasswordclass .heading .left{
	text-align:left;
}

#content .whyrequiredclass .heading .right{
	text-align:right;
}

#content .whyrequiredclass .body{
	margin:5px;
}

#content .forgottenpasswordclass{
	position:absolute;
	background-color:#fff;
	padding:4px;
	z-index:10;
	width:350px;
	top:50%;
	left:50%;
	height:170px;
	alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;
}
#content .forgottenpasswordclass .heading table{
	width:100%;
	background-color:#556570;
}
#content .forgottenpasswordclass .heading .left{
	text-align:left;
}
#content .forgottenpasswordclass .heading .right{
	text-align:right;
}
#content .forgottenpasswordclass .heading .right a{
	color:#fff;
}
#content .forgottenpasswordclass .body{
	margin:5px;
}
#content .forgottenpasswordclass .body .advice{
	color:#ff3f3f;
	padding:15px 0px 15px 0px;
}
#content .forgottenpasswordclass .body .key{
	color:#333;
}
#content .forgottenpasswordclass .body .error{
	color:#ff3f3f;
}
#content .forgottenpasswordclass .body .emailfield{
	background-color:#ffffaf;
}
#content .forgottenpasswordclass .body .errorfield{
	background-color:#ff3f3f;
}

#content #passwordwarning {
	margin: 0px;
}

#content #formdiv {
	text-align:right;
	margin: 0px 30px 30px 30px;
	vertical-align:bottom;
}
#content #formdiv .forminput{
	margin-bottom:10px;
	vertical-align:middle;
}
.forminput .inputbox {
	vertical-align:bottom;
	text-align:left;
}

.invisiblewarning
{
	display:none;
}
.visiblewarning
{
	display:block;
}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/* Clearing Style */
.clear {
	clear:both;}
	
/* Form Data Errors */	
.formdataerrors {
	margin: 10px 10px 10px 10px;
}

.formdataerrors h4 {
	color: #cc0000;
	font-weight: bold;
	padding-bottom:5px;
	padding-top:1px;
	font-size: 11px;
}

.formdataerrors ul li{
	list-style-position: inside;
	margin-left: 10px;
	color: #cc0000;
	font-weight: bold;
}

#productOffers{
	margin: 10px 0px 10px 0px;
	display:inline;
}


#productOffers .specialOffer{
		color: #f89734;
		font-weight: bold;
}

#offers {

	overflow: hidden;
	
}

#productOffers a{
		color: #a57c52;
}

.loginbar
{
	background-image:url(../images/hdr-left-distress.png);
	background-repeat:no-repeat;
	background-color:#3b3b3b;
	padding:0px;
}
.loginbartext
{
	margin-top:5px;
	margin-left:7px;
	float:left;
	text-transform:uppercase;
	color:#fff;
	font-family:Arial,sans serif;
	font-size:14px;
	font-weight:bold;
}


.informationServiceBox{

	background-color:#78838c;
	margin-top:12px;
	margin-left:-3px;
	margin-right:-3px;
	padding: 12px;
}

.secondRow {

	padding-top: 10px;

}

.emailsignup {
	width: 475px;
	margin-left: 10px;
	padding: 0px;
		float:left;
	display:inline;
	}
.tinyPolicyText{
	font-size: 10px;
	color: #666666;
	width: 475px;
	float:left;
	display:inline;

}		
a.tinyPolicy {	
	font-size: 10px;
	font-family:Arial,sans-serif;
	text-decoration: underline;
	color: #de7826;
}

a.tinyPolicy:hover {
	text-decoration: none;
	color: #de7826;
 }
  table.simpleEmail{
  width:475px;
  }
 table.simpleEmail td{
text-align:left;
padding:3px;
 
 }