/* CSS Document */
/************************************************************************
Site: www.FarberwareCookware.com
Author: Meyer Corporation
Client: Meyer Farberware

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
  
/************************************************************************
	1 - New Stuff
************************************************************************/

th {
	background-color:#dedede;
	text-transform:uppercase;
	text-decoration: underline;
	line-height: 1.6em;
	color: #003399;
	}
 
table.tableBordered {
	margin: 3px auto 3px auto;
	border-collapse:collapse;
	
	}
  
tr.productRow td {
	border: 2px solid #dedede;
	}
	
tr.productRow th {
	border: 2px solid #dedede;
	}  
  
.darkBG {
	background-color:#dedede;
	}

.lightBG {
	background-color:#efefef;
	}
  


.headerGraphic {
	display: block;
	
	padding: 0px 0px 0px 53px;
	}

/************************************************************************
	1 - 1 COL SUBPAGE (PRIVACY, SIGNUP, ETC.)
************************************************************************/
div#subBlankContent {
	margin:0 35px;
	padding:20px 0 0;
	text-align:left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	width: 866px;
  }
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{
	border:1px solid #000000;
  }
#tableForm tr{
	/*border-bottom:1px solid #CCCCCC;*/ 
	display:block;
  margin-bottom:.6em;
  }
span.required{
	color:red;
  }


/***********************************************************************
	3 - BROWSING PRODUCTS
************************************************************************/
div#subPageContent{
	background:#fff;
	margin:0 35px;
	padding:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
  }
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 {
	padding: 10px 0px 10px 0px;
	margin: 5px 0px 0px 0px;
	text-align:center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	}

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;
  }


/***********************************************************************
3.2 - PRODUCT LIST DETAILS TABLE STYLES
************************************************************************/

div.browseResultBox{
	/*height:190px;*/
	width:100%;
	padding: 10px 0px 15px 0px;
	display:table;
	Clear:both;

}

div.browseResultBox img{
	border:0px;
	margin:0;
	padding:0;
	float:left;

}

div.browseResultBox div.browseResultDetails{
	float:left;
	width:622px;
	padding:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366CC;	
}

div.priceLineWrapper {
	display: block;
}

div.priceLineHeadDiv {
	font-family:"lucida sans", verdana, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	white-space:nowrap;
	background-color:#CCCCCC;
	font-size: 90%;
	width: 600px;
	margin-top: 5px;
}

div.browseResultDetails div{
	clear:both;
	width:600px;
	display:table;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #3366CC;
	border-right-color: #3366CC;
	border-left-color: #3366CC;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

div.browseResultDetails p{
	_padding: 0px;
	_margin: 0px;
	_height: 0px;
}

div.browseResultDetails div div{
	clear:both;
  	border:none;
	width:600px;
  	padding:0px;
}

div.browseResultDetails div.highlighted{
  	background-color:#fffae6;
}

span.priceline{
	margin:0px;
	padding:0px;
}

span.pricelinedesc{
	display:block;
	float:left;
	width:350px;
	font-size: 110%;
	padding: 4px 0px;
}

span.pricelinesku{
	display:block;
	float:left;
	width:90px;
	text-align:right;
	font-size: 110%;
	padding: 4px 0px;
}

span.pricelinemsrp{
	display:block;
	float:left;
	width:70px;
	text-align:right;
	font-size: 110%;
	padding: 4px 0px;
}

span.pricelinebuy{
	display:block;
	float:left;
	width:85px;
	text-align:right;
	font-size: 110%;
	font-weight: bold;
	padding: 4px 0px;
}

span.topLink{
	display:block;	
	width:100%;
	text-align:center;
	padding: 5px 0px 5px 0px;
}

span.topLink a{
	text-decoration: underline;
}




/***********************************************************************
	5.1 - PRODUCT HEAD RULES
************************************************************************/
div#productHead{
	margin:0 35px;
	padding:0;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-color: #DADADA;
  }
div#productHead h3{
	color:#FFFFFF;
	font-family:Optima, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	margin:0;
	text-transform:capitalize;
	padding: 0;
  }
div#productHead h3 a {
	color:#666666;
	display:block;
	float:left;
	font-weight:normal;
	margin:0;
	padding:15px;
	text-align:left;
	text-decoration:none;
	width:256px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
  }
div#productHead h3 a#first {
  border-left:0;
  }
div#productHead h3 a:hover, div#productHead h3 a.here {
	color:#FFFFFF;
	text-decoration:none;
	background-color: #799DCE;
	}
div#productHead p{
	display:none;
  }
.browseSelector{ 
	border:1px solid #dcdcdc;
	margin:20px 0px 0px 0px;
  }

/***********************************************************************
	5.2 - PRODUCT ROW 1 (BOTTOM) RULES
************************************************************************/
div#productBrowseRow1{
	margin:0 35px 30px;
	padding:0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: #fff;
	background-image: url(../images/BrowseRowBG.jpg);
	background-repeat: repeat-x;
  }
div#productBrowseRow1 h3{
	color:#003399;
	font-size:1.4em;
	text-transform:none;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
  }
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;
	padding:0px;
	text-align:center;
	width:280px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	}
	
div#productBrowseRow1 div#browseMaterialsBox {
	float:left;
	padding:0px;
	text-align:center;
	width:294px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	background-image: url(../images/vertDots.gif);
	background-repeat: repeat-y;
  }
	
div#productBrowseRow1 div#browseCollectionBox{
	float:left;
	padding:0px;
	text-align:center;
	width:280px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
  }

/***********************************************************************
	5.3 - PRODUCT ROW 2 (TOP) RULES
************************************************************************/
div#productBrowseRow2{
	margin:0 35px;
	padding:20px 20px 30px;
	background-color: #fff;
	background-image: url(../images/BrowseRowBG.jpg);
	background-repeat: repeat-x;
  }
div#productBrowseRow2 h3{
	color:#003399;
	font-size:1.6em;
	margin:0 0 20px 0;
	padding:0;
	text-align:left;
	text-transform: capitalize;
  }
/* 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 5px;
  padding:0;
  text-align:center;
  width:190px;
  }
div#productBrowseRow2 div img{
	border:0;
  margin:0 auto 10px;
  padding:0;
  }
div.browseImgs h5{
	border:0px;
	display:block;
	color:#003399;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	margin:0px;
	padding:0px;
	text-transform: capitalize;
  }
div.browseImgs a {
	text-decoration:none;
  }
div.browseImgs a:hover {
	text-decoration:none;
  }

/***********************************************************************
	5.4 - SURVEY ROW RULES
************************************************************************/
div#surveyRow {
	display:inline; /* Fixes WinIE6 double margin bug. */
	float:left;
	padding:5px;
	width: 850px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	background-image: url(../images/surveyBGsub.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
}

div#surveyLeft {
	background:transparent !important;
  border:0 !important;
  float:left;
	margin:0;
  padding:10px !important;
	width:355px !important;
  }
div#surveyLeft h3 {
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:normal;
	line-height:1.2em;
	margin:0;
	padding:0;
	text-transform:capitalize;
  }
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:370px !important;
  }
div#surveyRight h4 {
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:normal;
	line-height:1.2em;
	margin:0 0 5px 0;
	padding:0;
	text-transform:none;
  }
div#surveyRight table {
	border-collapse:collapse;
	empty-cells:show;
	margin:0;
	padding:0;
  }
div#surveyRight label {
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:normal;
	line-height:1.3em;
	margin:0;
	padding:0;
	text-transform:none;
  }
div#surveyRight p {
	margin:0;
	padding:10px 0 0 0;
	text-align:right;
	text-transform:none;
  }
div#surveyRight input.surveyButton {
	color:#fff;
	font-size:11px;
	background-image: url(../images/startBTN.gif);
	background-repeat: no-repeat;
	padding: 0px;
	width: 90px;
	height: 24px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
  }

div#surveyRight input {
	border: none;
	}  
  
div#surveyRight input.next { /* Obsolete 08-07DD */
	font-weight:normal;
	font-size:11px;
	margin:0 0 0 5px;
	padding:2px 7px;
	background-image: url(../images/startBTN.gif);
  }
div#surveyRight input.start { /* Obsolete 08-07DD */
	font-weight:normal;
	font-size:11px;
	margin:0 0 0 5px;
	padding:2px 7px;
  }

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

div#Cookware101List div.unhighlighted{
	border-bottom:1px solid #CCCCCC;
}

div#Cookware101List img{
  	border: 0px;
}

div#Cookware101List {
	padding: 0px;
	width: 829px;
	margin: 0px auto 0px auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

.listHead {
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	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 #CCCCCC;
	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;
}


 
 /* 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 #CCCCCC;
  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:#003399;
	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;
	}
div#prodDetailRightCol img{
	margin:0px;
  padding:0;
  }
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 #CCCCCC;
	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;
  }
/************************************************************************
2.1 - BOX ROWS
************************************************************************/
div#threeBoxRow {
	width:290px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 1.5em;
	padding-left: 0px;
	margin: 0;
	}
div#threeBoxRow a {
	cursor:pointer;
	text-decoration:none;
  }
.rowBox {
	display:block;
	height:140px;
	padding:0px;
	position:relative;
	width:265px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
  }
.rowBox p {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:13px 0px 0px 0px;
	text-align:left;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 15px;
  }
.rowBox p strong {
	font-family:Optima, Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-bottom: 0px;
	font-weight: normal;
  }