/* CSS Document */
/************************************************************************
Site: www.anolon.com
Author: Dayspring Technologies (DT) www.dayspring-tech.com
Client: Meyer Anolon

Listing Order:
==============

1 - 1 COL SUBPAGE (PRIVACY, SIGNUP, ETC.)
2 - FORMS
3 - BROWSING PRODUCTS
4 - SURVERY RESULTS
5 - PRODUCTS PAGE(S) STYLES
6 - COOKWARE LAYOUTS
7 - PRODUCT DETAIL PAGES
8 - COOKWARE LAYOUTS
9 - INDIVIDUAL RECIPE PAGE
  
*/

/* New Styles */

div#CONewCustomer {
	width: 300px;
	border: 1px solid #828282;
	margin: 10px 30px 5px 30px;
	padding: 5px;
	float: left;
	display: inline;
	}

div#CONewCustomer h3{
	text-align: center;
	color: #cccccc;
	background-color: #828282;
	}

div#COSignIn {
	width: 300px;
	border: 1px solid #828282;
	margin: 10px 30px 5px 30px;
	padding: 5px;
	float: left;
	display: inline;
	}

div#COSignIn h3{
	text-align: center;
	color: #cccccc;
	background-color: #828282;
	}

/*table.tableBordered {
	border: 1px solid #772e00;
	background-color: #ffffff;
	margin: 3px 0px 3px 0px;
	vertical-align: top;
	float: left;
	}
	
table.tableBordered td {
	padding: 3px;
	}

table.tableBordered th {
	padding: 3px;
	}*/

table.tableBordered {
	margin: 3px;
	vertical-align: top;
	float: left;
	border-collapse:collapse;
	width: 100%;
	_width: 843px;
	}
	
table.tableBordered td {
	padding: 3px;
	}

table.tableBordered th {
	padding: 3px;
	}

table.tableBordered th h3 {
	color:#FFFFFF;
	text-decoration: underline;
	}

tr.productRow td {
	border: 1px solid #772e00;
	}
	
tr.productRow th {
	border: 1px solid #772e00;
	}

th {
	background-color: #feefc5;
	font-color:#ffffff;
	text-transform:uppercase;
	text-decoration: underline;
	}

.Xtrawidth {
	width: 75px;
	}
	
.XtrawidthLeft {
	width: 110px;
	}


.darkBG {
	background-color:#772e00;
	}

/************************************************************************
2.1 - BOX ROWS
************************************************************************/
div#threeBoxRow {
	border-top:1px solid #bb8f33;
	margin:0 0 2.4em;
  padding:2.4em 0 0 45px;
  text-align:center;
  }
div#threeBoxRow a {
	cursor:pointer;
	text-decoration:none;
  }
.rowBox {
	border:1px #751b0c solid; 
  float:left;
	height:125px;
	margin:0 20px 0 0;
	padding:0;
  position:relative;
  width:262px;
  }
.rowBox p {
	color:#d3b67a;
  font-family:"lucida sans",verdana,sans-serif;
  font-size:11px;
  line-height:14px;
  margin:30px 10px 0 125px;
  padding:0;
  text-align:center;
  }
.rowBox p strong {
  border-bottom:1px #d3b67a solid; 
  display:block;
  font-family:"lucida sans",verdana,sans-serif;
  font-size:14px;
  line-height:20px;
  margin:0 0 5px 0;
  padding:0 0 2px 0;
  }

/************************************************************************
	1 - 1 COL SUBPAGE (PRIVACY, SIGNUP, ETC.)
************************************************************************/
div#subBlankContent {
	border-top:1px solid #bb8f33;
  margin:0 35px;
	padding:20px 0 0;
	width: 850px;
  }
div#subBlankContent img {
	margin-left:auto;
  margin-right:auto;
  }


div#subBlankContent form input{
	border:1px solid #dcdcdc;
	font-family:georgia,"times new roman",times,serif;
  margin:0;
  padding:1px;
  }

div#subBlankContent2 div#productHead{ /* Allows Products subnav to expand full width. */
	margin:0;
  }


ul#ULSiteMapLeft {
	float: Left;
	width: 337px;
	padding-left: 15px;
	text-align: left;
}

ul#ULSiteMapRight {
	float: right;
	width: 337px;
	padding-left: 15px;
	text-align: left;
}

/************************************************************************
	2 - FORMS
************************************************************************/
#tableForm{ /* Styles login fields. */
	font-size:1.3em;
  margin-left:auto;
	margin-right:auto;
  }
table.hiddenForm{ /* Styles forgot your password fields. */
	background:#feefc5;
	padding:5px 5px 0;
	margin:10px auto;
  width:100%;
  }
#tableForm h3{
	font-size:90%;
	text-align:left;
  }
#tableForm label {
  color:#333;
  }
radio{
	border:none;
  }
select{
	/*margin-top:20px;*/
	border:1px solid #CCCCCC;
  }
  
#tableForm tr{
	/*border-bottom:1px solid #CCCCCC;*/ 
	display:block;
  margin-bottom:.6em;
  }
span.required{
	color:red;
  }


/***********************************************************************
	3 - BROWSING PRODUCTS
************************************************************************/
div#subPageContent{
	background:#fff;
  border-top:1px solid #bb8f33;
  margin:0 35px;
	padding:20px;
  }
div#subPageContent img{
  border:0;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  }
div#subPageContent h2, div#subPageContent p {
  height:1%;
  }


/***********************************************************************
3.1 - PRODUCT LIST PAGE STYLES
************************************************************************/

ul.contentNavLinks {
	border-top:1px solid #772e00;
	border-bottom:1px solid #772e00;
	padding: 10px 0px 10px 0px;
	margin: 5px 0px 15px 0px;
	text-align:center;
	display:inline-block;
	width: 100%;
	}

ul.contentNavLinks li {
	display:inline;
  	list-style:none;
  	font-size:80%;
	}
ul.contentNavLinks h4 {
	display:inline;
	}

ul.contentNavLinks h4 a {
	padding: 0px 10px 0px 10px;
	line-height: 1.5em;
  }


span.topLink{
	display:block;	
	width:100%;
	text-align:center;
	padding: 5px 0px 5px 0px;
}

span.topLink a{
	text-decoration: underline;
}

/***********************************************************************
3.2 - PRODUCT LIST DETAILS TABLE STYLES
************************************************************************/
div.browseResultBox{
	border-top:1px solid #772e00;
	margin:0;
  padding:20px 0 40px;
  }
div.browseResultBox img{
	float:left;
  width:190px;
  }
div.browseResultBox h4{
	margin:0 0 5px 0;
  }
div.browseResultBox table {
  border:1px solid #bb8f33;
  border-collapse:collapse;
  empty-cells:show;
  float:right;
  margin:0;
  padding:0;
  width:600px;
  }
div.browseResultBox table thead tr {
  background-color:#feefc5;
  }
div.browseResultBox table th { /* Styles the column and row headers. */
	border:1px solid #bb8f33;
  color:#333;
	font-size:1.3em;
  font-weight:bold;
  margin:0;
  padding:7px 10px;
  text-align:left;
  vertical-align:top;
  }
div.browseResultBox table thead th { /* Styles the column headers only. */
	font-family:"lucida sans",verdana,sans-serif;
  text-transform:uppercase;
  white-space:nowrap;
  }
div.browseResultBox table tbody th { /* Styles the row headers only. */
  font-weight:normal;
  }
div.browseResultBox table tbody tr.highlight {
  background-color:#fffae6;
  }
div.browseResultBox table tbody td {
  border:1px solid #bb8f33;
  color:#333;
	font-size:1.3em;
  line-height:1.6em;
  margin:0 !important;
  padding:7px 10px;
  vertical-align:top;
  }





/***********************************************************************
	5.1 - PRODUCT HEAD RULES
************************************************************************/
div#productHead{
  border-bottom:1px solid #bb8f33;
  border-top:1px solid #bb8f33;
  margin:0 35px;
	padding:0;
  }
div#productHead h3{
  color:#bb8f33;
	font-family:"lucida sans",verdana,sans-serif;
  font-size:13px;
  font-weight:normal;
  margin:0;
  padding:0;
  text-transform:uppercase;
  
  }
div#productHead h3 a {
  border-left:1px solid #bb8f33;
  color:#bb8f33;
	display:block;
  float:left;
  font-family:"lucida sans",verdana,sans-serif;
  font-size:13px;
  line-height:13px;
  font-weight:normal;
  margin:0;
  padding:15px 0;
  text-align:center;
  text-decoration:none;
  width:32.24%;
  }
div#productHead h3 a#first {
  border-left:0;
  }
div#productHead h3 a:hover, div#productHead h3 a.here {
	background:#feefc5;
  color:#772e00;
  text-decoration:none;
	}
div#productHead p{
	display:none;
  }
.browseSelector{ 
	border:1px solid #dcdcdc;
	margin:20px 0px 0px 0px;
  }

/***********************************************************************
	5.2 - PRODUCT ROW 1 (BOTTOM) RULES
************************************************************************/
div#productBrowseRow1{
	background:#fff;
  border-bottom:1px solid #bb8f33;
  border-top:1px solid #bb8f33;
  margin:0 35px 30px;
	padding:0;
  }
div#productBrowseRow1 h3{
	color:#772e00;
  font-size:1.2em;
  margin:0 0 20px 0;
  padding:0;
  text-transform:none;
  }
div#productBrowseRow1 div.browseImgs {
	display:inline; /* Fixes WinIE6 double margin bug. */
	float:left;
  margin:0 0 0 5px;
  padding:0;
  text-align:center;
  width:87px;
  }
div#productBrowseRow1 img{
	border:0;
  margin:0 auto 5px;
  padding:0;
  }
div#productBrowseRow1 form {
	clear:both;
  }
div#productBrowseRow1 select.browseSelector { /* Applies to all select elements in #productBrowseRow1. */
	border:1px solid #dcdcdc;
	margin:40px 0 0 0;
	_margin: 0px 0 0 0;
  padding:1px;
  }
div#productBrowseRow1 div#browseIndividualBox {
  float:left;
	margin:0;
  padding:15px 0;
  text-align:center;
	width:33.24%;
	}
div#productBrowseRow1 div#browseMaterialsBox {
	border-left:1px solid #bb8f33;
	border-right:1px solid #bb8f33;
	float:left;
  margin:0;
	padding:15px 0;
  text-align:center;
	width:33.24%;
  }
div#productBrowseRow1 div#browseCollectionBox{
	float:left;
  margin:0;
	padding:15px 0;
  text-align:center;
	width:33.24%;
  }

/***********************************************************************
	5.3 - PRODUCT ROW 2 (TOP) RULES
************************************************************************/
div#productBrowseRow2{
	background:#fff;
  margin:0 35px;
	padding:20px 20px 30px;
  }
div#productBrowseRow2 h3{
	color:#772e00;
  font-size:1.6em;
  margin:0 0 20px 0;
  padding:0;
  text-align:center;
  text-transform:none;
  }
/* Hides from IE/Mac \*/
* html div#productBrowseRow2 h3 {
  height:1%;
  }
/* End hide from IE/Mac */
div#productBrowseRow2 div.browseImgs {
  display:inline; /* Fixes WinIE6 double margin bug. */
	float:left;
  margin:0 10px;
  padding:0;
  text-align:center;
  width:140px;
  }
div#productBrowseRow2 div img{
	border:0;
  margin:0 auto 10px;
  padding:0;
  }
div.browseImgs h5{
	border:0px;
	display:block;
  color:#626262;
  font-family:"lucida sans",verdana,sans-serif;
  font-size:1.1em;
  margin:0px;
	padding:0px;
  
  }
div.browseImgs a {
	text-decoration:none;
  }
div.browseImgs a:hover {
	text-decoration:none;
  }

/***********************************************************************
	5.4 - SURVEY ROW RULES
************************************************************************/
div#surveyRow {
	background:#fff;
  border:2px solid #bb8f33;
  display:inline; /* Fixes WinIE6 double margin bug. */
  float:left;
  margin:0 50px;
  padding:5px;
  }
div#surveyRow div {
	background:url(../images/surveyBGsub.gif) 50% 50% no-repeat;
  border:6px solid #bb8f33;
  float:left;
  font-family:"lucida sans",verdana,sans-serif;
  margin:0;
  padding:0;
  }
div#surveyLeft {
	background:transparent !important;
  border:0 !important;
  float:left;
	margin:0;
  padding:10px !important;
	width:355px !important;
  }
div#surveyLeft h3 {
	color:#3f0800;
  font-size:1.4em;
  font-weight:normal;
  line-height:1.2em;
  margin:0;
  padding:0;
  text-transform:uppercase;
  }
div#surveyLeft p {
	color:#fff;
  font-size:1.2em;
  font-weight:normal;
  line-height:1.4em;
  margin:0;
  padding:0;
  text-transform:none;
  }
div#surveyRight {
  background:transparent !important;
  border:0 !important;
  float:right !important;
	font-weight:bold;
	margin:0;
  padding:10px !important;
	width:355px !important;
  }
div#surveyRight div {
	border: 0px;
  }

div#surveyRight div#errorBlock {
	background: none;
	width: 355px;
	}  

div#surveyRight h4 {
	color:#3f0800;
  font-size:1.2em;
  font-weight:bold;
  line-height:1.2em;
  margin:0 0 5px 0;
  padding:0;
  text-transform:none;
  }
div#surveyRight table {
  /*border-collapse:collapse; Removed 10.28.08 by DD */
  empty-cells:show;
  margin:0 0 1.2em 0;
  padding:0;
  }
div#surveyRight label {
	color:#3f0800;
  font-size:1.1em;
  font-weight:normal;
  line-height:1.3em;
  margin:0;
  padding:0;
  text-transform:none;
  }
div#surveyRight p {
  background:url(../images/dottedBG.gif) 0 0 repeat-x !important;
	margin:0;
  padding:10px 0 0 0;
  text-align:right;
  text-transform:none;
  }
div#surveyRight input.surveyButton {
	background:#a43c10;
	border:1px solid #a43c10;
  color:#fff;
	font-weight:bold;
  font-size:11px;
  margin:0 0 0 5px;
	padding:2px 7px;
	cursor: hand;
	cursor: pointer;
	float:right
  }
div#surveyRight input.start {
	background:#fff;
	border:1px solid #a43c10;
  color:#3f0800;
	font-weight:bold;
  font-size:11px;
  margin:0 0 0 5px;
	padding:2px 7px;
	cursor: hand;
	cursor: pointer;
  }


/***********************************************************************
6.1 - COOKWARE DICTIONARY LAYOUTS
************************************************************************/
div#sub101Content {
	background:#fff;
  margin:0 35px;
	padding:20px 0 0;
  }
div#sub101Content img {
	margin-left:auto;
  margin-right:auto;
  }


div#sub101Content div#cookwareKey {
	border:solid #bb8f33;
  border-width:2px 0;
	margin:0 8px 1.2em;
	padding:10px 20px;
  }
div#cookwareKey img {
	border:0;
  padding:0;
  }
div#cookwareKey p {
  float:left;
	margin:0;
	padding:0;
	width:160px;
	}
div#cookwareKey ul{
  float:right;
	margin:0;
  padding:0;
	width:600px;
  }
div#cookwareKey ul li{
  display:block;
  float:left;
  list-style:none;
	width:200px;
  }
div#cookwareKey ul li div{
	float:left;
	margin:0;
  padding:0 0 10px;
	}
	
div#cookwareKey ul li div img{
	display:block;
	float: left;
  margin:0px 5px 0px 0px; /* Centers the image. */
  padding: 0px;
  }

div#cookwareKey h4 {
	display:inline;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	font-weight: lighter;
}


/***********************************************************************
6.2 - COOKWARE DICTIONARY TABLE LAYOUTS
************************************************************************/
div#Cookware101List div.highlighted{
  	background-color:#fffae6;
	border-bottom:1px solid #bb8f33;
}

div#Cookware101List div.unhighlighted{
	border-bottom:1px solid #bb8f33;
}

div#Cookware101List img{
  	border: 0px;
}

div#Cookware101List {
	padding: 0px;
	width: 829px;
	margin: 0px auto 0px auto;
	border-left:1px solid #bb8f33;
	border-right:1px solid #bb8f33;
}

.listHead {
	border-top:1px solid #bb8f33;
	border-left:1px solid #bb8f33;
	border-bottom:1px solid #bb8f33;
	font-family:"lucida sans",verdana,sans-serif;
  	text-transform:uppercase;
	font-weight:bold;
  	white-space:nowrap;
  	background-color:#feefc5;
	font-size: 90%;
	padding: 0px;
	width: 830px;
	margin: 0px auto 0px auto;
}

.listHead p{
	margin: 0px;
	padding: 0px;
	border-right:1px solid #bb8f33;
	text-align: center;
}

.row1Cookware{
	width:180px;
	height:100%;
	float:left;
	display:block;
	text-align:center;
	vertical-align:top;
}

.row1Cookware img, .row4Cookware img{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
.row2Cookware{
	width:405px;
	height:100%;
	float:left;
	display:block;
	vertical-align:top;
	text-align:center;
}
.row2Cookware span{
	display:block;
	margin:20px;
	text-align:left;
}

.row3Cookware{
	width:126px;
	float:left;
	display:block;
	text-align:center;
}
.row4Cookware{
	width:115px;
	height:100%;
	display:block;
	text-align:center;
	vertical-align:top;
	float:right;
}

.row3Cookware img{
	float:left;
	margin:8px 6px;
}

table.productlist {
	border:1px solid #bb8f33;
  border-collapse:collapse;
  empty-cells:show;
  margin:0 8px 1.2em;
  padding:0;
  }
table.productlist img {
  border:0 !important;
  display:block;
  margin:0 0 5px 0 !important;
  padding:0 !important;
  }
table.productlist td img { /* Styles icon and Compare Collections images. */
  float:left;
  margin-right:5px !important;
  }
table.productlist thead tr {
  background-color:#feefc5;
  }
table.productlist th { /* Styles the column and row headers. */
	border:1px solid #bb8f33;
  color:#333;
	font-family:"lucida sans",verdana,sans-serif;
  font-size:1.3em;
  font-weight:bold;
  margin:0;
  padding:7px 10px;
  text-align:center;
  text-transform:uppercase;
  vertical-align:top;
  }
table.productlist thead th { /* Styles the column headers only. */
	font-family:"lucida sans",verdana,sans-serif;
  white-space:nowrap;
  }
  
table.productList td {
  color:#333;
	font-size:1.3em;
  line-height:1.6em;
  margin:0 !important;
  vertical-align:top;
  }
 
 /* New stuff */
 
 table.productList {
 	width: 100%;
	}
 
 table.productList p {
	font-size:1em;
  }
 
 table.productList h3 {
	font-size:1em;
  }
 
 th.columnImage {
 	width: 122px;
	text-align: center;
 }

 th.columnDescription {
 	width: 393px;
	text-align: left;
 }

 th.columnItem {
 	width: 50px;
	text-align: left;
 }

 th.columnMSRP {
 	width: 60px;
	text-align: left;
 }

 th.columnOurPrice {
 	width: 70px;
	text-align: left;
 }

 th.columnSale {
 	width: 40px;
	text-align: center;
 }

 th.columnAddtoCart {
 	width: 80px;
	text-align: center;
 }

/* End New Stuff */

/***********************************************************************
7 - PRODUCT DETAIL PAGES
************************************************************************/	
div#prodDetailContent{
	background:#fff;
  border-top:1px solid #bb8f33;
  margin:0 35px;
	padding:20px;
  }
div#prodDetailContent img {
	border:0;
  padding:0;
  }

/***********************************************************************
7.1 - PRODUCT DETAIL LEFTCOL STYLES
************************************************************************/	
div#prodDetailLeftCol{
  float:left;
  margin:0;
  padding:0;
	width:410px;
  }
div#prodDetailLeftCol h3{
	color:#772e00;
	font-size:1.7em;
	line-height:1.3em;
	margin:0 0 .4em 0;
  padding:0;
  }


/***********************************************************************
7.2 - PRODUCT DETAIL RIGHTCOL STYLES
************************************************************************/	
div#prodDetailRightCol{
  float:right;
	margin:0;
  padding:0;
  width:380px;
	}
	
span.price{
	font-weight:bold;
  } 


/***********************************************************************
8 - PRODUCT COMPARISON STYLES
************************************************************************/
div#subBlankContent2{
  margin:0 35px;
	padding:0;
  }


/***********************************************************************
8.1 DEFAULT TABLE STYLES
************************************************************************/
div#subBlankContent2 table tr td{
	border:1px solid #bb8f33;
	margin:0;
  padding:5px 10px;
	vertical-align:top;
  }
div#subBlankContent2 table tr td h5{
	text-align:center;
  }
div#subBlankContent2 table tr td p{
	margin:0;
  padding:0;
  }
div#subBlankContent2 table tr td img{
	border:0;
	margin:0 auto;
  padding:0;
	}

/***********************************************************************
8.1 TABLE.PRODUCTROW STYLES
************************************************************************/
table.productRow {
	background:#fff;
  border-collapse:collapse;
  empty-cells:show;
  margin:1.2em 0;
	padding:0px;
  }
table.productRow tr.topCompare {
	background:#feefc5;
  font-family:"lucida sans",verdana,sans-serif;
  font-weight:bold;
  text-align:center;
  text-transform:uppercase;
  }

