/* CSS Document */
/************************************************************************
    Site:		Circulon.com

	Author:		eROI		[www.eroi.com]  

	Client:		ANG Meyer Circulon

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 Stuff */
 
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 {
	margin: 3px;
	vertical-align: top;
	float: left;
	border-collapse:collapse;
	}
	
table.tableBordered td {
	padding: 3px;
	}

table.tableBordered th {
	padding: 3px;
	}

table.tableBordered th h3 {
	color:#FFFFFF;
	text-decoration: underline;
	}

tr.productRow td {
	border: 2px solid #dedede;
	}
	
tr.productRow th {
	border: 2px solid #dedede;
	}

th {
	background-color:#dedede;
	text-transform:uppercase;
	text-decoration: underline;
	}

.darkBG {
	background-color:#666666;
	}

.lightBG {
	background-color:#efefef;
	}

.Xtrawidth {
	width: 50px;
	}
	
.XtrawidthLeft {
	width: 110px;
	}
	
div#threeBoxRow{
	clear:both;
	height:125px;
	margin:20px 0px 0px 48px;
	font-size: 110%;
}

.rowBox{

	display:block;
	width:262px;
	height:125px;
	float:left;
	position:relative;
	margin-right:22px; 

}

.rowBox p{
	float:right;
	color:#FFFFFF;
	padding:0px 10px;
	text-decoration:none;
	width:110px;
}

div#threeBoxRow a:hover{
	text-decoration:none;
	cursor:hand;
}
/************************************************************************
	1 - 1 COL SUBPAGE (PRIVACY, SIGNUP, ETC.)
************************************************************************/

div#processing {
	width:770px;
	margin:20px 0px 20px 66px;
	color:#828282;
	}

div#processing h2{
	padding: 10px 0px 0px 0px;
}

div#processing p{
	margin:10px 0px 0px 0px;
}

div#subBlankContent{
	width:770px;
	margin:20px 0px 20px 66px;
	color:#828282;
}

div#subBlankContent h2{
	padding: 10px 0px 0px 0px;
}

div#subBlankContent p{
	margin:10px 0px 0px 0px;
}

div#subBlankContent ul{
	margin:5px 0px 0px 10px;
}

div#subBlankContent ul li{
	margin:5px 0px 0px 10px;
}

div#subBlankContent ul li b{
	font-size:150%;
}

/* div#subBlankContent form input{
	border:1px solid #dcdcdc;
	margin:20px 0px 0px 0px;
} */

img.headerGraphic {
	margin: 0px 0px 0px 48px;
}

div#subBlankContent img.headerGraphic {
	margin: 0px 0px 0px 0px;
}

div#subBlankContent2 div#productHead{ /* Allows Products subnav to expand full width. */
	margin:0;
  }

div#subBlankContent2 div#productHead p{
	float:left;
	margin-left: 10px;
}


ul#ULSiteMapLeft {
	float: Left;
	width: 337px;
	padding-left: 15px;
}

ul#ULSiteMapRight {
	float: right;
	width: 337px;
	padding-left: 15px;
}


/***********************************************************************
	5.1 - PRODUCT HEAD RULES
************************************************************************/
div#productHead{
  margin:0px;
	padding:0;
  }
div#productHead h3{
  color:#585858;
	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 #dcdcdc;
  color:#585858;
	display:block;
  float:left;
  font-family:"lucida sans",verdana,sans-serif;
  font-size:13px;
  line-height:13px;
  font-weight:bold;
  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 {
  color:#9d0a0e;
  text-decoration:none;
	}
div#productHead p{
	display:none;
  }
.browseSelector{ 
	border:1px solid #dcdcdc;
	margin:20px 0px 0px 0px;
  }

/************************************************************************
	2 - FORMS
************************************************************************/

#tableForm{
	margin-right:auto;
	margin-left:auto;
	border-bottom:1px solid #CCCCCC;
}

table.hiddenForm{
	border:1px solid #CCCCCC;
	padding:5px;
	margin: 10px auto 10px auto
}

#tableForm h3{
	text-align:left;
}

radio{
	border:none;
}


select{
	border:1px solid #aaaaaa;
}

td,legend {
	background: white ;
	color: black; 
	font-size: 14px; 
	/*padding:5px;*/
}

#tableForm tr{
	/*border-bottom:1px solid #CCCCCC;*/ 
	display:block;
}

span.required{
	font-size: 13px;
	color: red;
}

/***********************************************************************
	3 - BROWSING PRODUCTS
************************************************************************/


div#subPageContent{
	width:830px;
	margin:0px 0px 0px 48px;
	color:#828282;
}

div#leftReg{
	background:#e8e8e8;
}

div#regBottomCap{
	height:34px;
	background:url(../images/regBottomSingle.gif) top left no-repeat;
}

div#subPageRightCol{
	margin:0px 0px 20px 20px;
	float:left;
	width:618px;
}

div#leftReg ul{
	display:block;
	border-bottom:2px solid white;
	_border-bottom:1px solid white;
	margin:5px 0px 0px 0px;
}

div#leftReg ul li{
	width:192px;
	height:23px;
	list-style:none;
}

div#leftReg ul li a{
	display:block;
	border-top:1px solid white;
	background-color:#efefef;
	width:174px;
	height:21px;	
	padding:2px 0px 0px 18px;
	color:#828282;
}

div#leftReg ul li a:hover{
	display:block;
	border-top:1px solid white;
	background-color:#dcdcdc;
	width:174px;
	height:21px;	
	padding:2px 0px 0px 18px;
	text-decoration:none;
	color:#828282;
}


div#dynamicBrowseContent{
	clear:both;
	width:830px;
	height:auto;
	margin:0px;
	border:0px;
}

div.browseResultHead{
	height:190px;
	width:100%;
	border:1px solid #cccccc;
	margin:0px 0px 10px 0px;
}

div.browseResultHead img{
	float:left;
	padding:1px;
}

div.browseResultHead div.browseResultHeadDetails{
	float:left;
	width:616px;
	padding:0px;
	margin-top:10px;
	margin-left:20px;
}

div.browseResultHeadDetails h4{
	margin:5px 0px;
	font-size:140%
}

div.browseResultHeadDetails h1{
	margin:5px 0px;
	font-size:220%;
	color:#760000;
}

div.browseResultHeadDetails h3{
	margin:5px 0px;
	font-size:180%;
}

div.browseResultHeadDetails a{
	margin:5px 20px 0px 0px;
	font-size:130%;
	font-weight:bold;
}

div.browseResultHeadDetails p{
	margin-top:6px;
	clear:both;
}

ul.contentNavLinks {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 0px 0px;
}

ul.contentNavLinks h4 a{
	text-decoration:underline;
}

div.browseResultBox{
	/*height:190px;*/
	width:100%;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #cccccc;
	display:table;
}

.borderIMG{
	border:1px solid #cccccc;
	padding:1px;
	float:left;
}

div.browseResultBox h4{
	font-size:150%;
	margin:5px 5px;
}

div.browseResultBox div.browseResultDetails{
	float:left;
	width:616px;
	padding:0px;
	margin-left:20px;
}

div.browseResultBox div.browseResultDetails div{
	clear:both;
	height:100%;
	width:616px;
}

div.browseResultBox div.highlighted{
	background-color:#dfdfdf;
}

span.pricelinehead span.pricelinesku, span.pricelinehead span.pricelinedesc, span.pricelinehead span.pricelinemsrp, span.pricelinehead span.pricelineourprice, span.pricelinehead span.pricelinebuy {
	text-decoration: underline;
}

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

span.pricelinedesc{
	display:block;
	float:left;
	margin-left: 5px;
	width:270px;
	_width:265px;
}

span.pricelinesku{
	text-transform:uppercase;
	display:block;
	float:left;
	width:50px;
	text-align:right;
}

span.pricelinemsrp{
	text-transform:uppercase;
	display:block;
	float:left;
	width:60px;
	text-align:right;
}

span.pricelineourprice{
	text-transform:uppercase;
	display:block;
	float:left;
	width:70px;
	text-align:right;
}

span.pricelinesale{
	display:block;
	float:left;
	width:50px;
	text-align:center;
	min-width: 50px;
	height: 13px;
	margin-top: 3px;
	
}

span.pricelinebuy{
	text-transform:uppercase;
	display:block;
	float:left;
	width:70px;
	text-align:right;
}

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

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

/***********************************************************************
	4 - SURVERY RESULTS
************************************************************************/

div#surveryResults{
	margin:5px 0px;
}

div#surveryResults img{
	display:block;
	float:left;
}

div#surveryResults div#surveyRightCopy{
	width:380px;
	float:right;
}

div#surveryResults div#surveyRightCopy h2{
	margin:10px 0px;
	color:#828282;
	font-size:180%;
}

div#surveryResults div#surveyRightCopy h4{
	margin:10px 0px;
	color:#828282;
	font-size:140%;
}

div#surveryResults div#surveyCopy{
	width:600px;
	margin-left:18px;
}

div#surveryResults div#surveyCopy h2{
	line-height:1.5em;
	margin-bottom:5px;
}

div#surveryResults div#surveyCopy a{
	text-decoration:underline;
}

  
/***********************************************************************
	5 - PRODUCT PAGE(S) STYLES
************************************************************************/

div#productHead{
	margin:0px 0px 0px 66px;
}

div#productHead h3{
	
}

div#productHead p{
	padding-top:5px;
	
	width:785px;
	color:#2e2e2e;
}

h3{
	color:#585858;
}

h5{
	text-align:center;
	margin:0px;
}

.browseSelector{
	border:1px solid #dcdcdc;
	margin:20px 0px 0px 0px;
}

div.browseImgs{
	display:block;
	float:left;
	padding:0px;
}

div#productBrowseRow1{
	border-top:1px solid #dcdcdc;
	width:830px;
	height:164px;
	margin:10px 32px 0px 48px;
	padding:30px 0px 0px 0px;
	border-bottom:1px solid #dcdcdc;
}

div.browseImgs h5{
	border:0px;
	margin:0px;
	display:block;
	padding:0px;
}

div#productBrowseRow1 div#browseIndividualBox{
	margin:0px 0px 0px 18px;
	float:left;
	width:264px;
	height:142px;
	text-align:center;
	padding-bottom:10px;
}

div#browseIndividualBox h3{
	text-align:left;
	margin-left:20px;
}

div#productBrowseRow1 div#browseIndividualBox img{
	margin:0px 0px 0px 7px;
}

div#productBrowseRow1 div#browseIndividualBox form select{
	margin-top:25px;
	_margin-top: 12px;
	text-align:center;
	text-align:left;
}

div#productBrowseRow1 div#browseMaterialsBox{
	float:left;
	width:265px;
	height:142px;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	text-align:center;
	padding-bottom:10px;

}

div#productBrowseRow1 div#browseMaterialsBox h3{
	text-align:left;
	margin-left:20px;
}

div#productBrowseRow1 div#browseMaterialsBox h5{
	display:block;
/*	margin:0px 0px 0px 15px; */
}

div#productBrowseRow1 div#browseMaterialsBox img{
	margin:0px 6px 0px 6px;
/*	padding:10px;*/
}

div#productBrowseRow1 div#browseMaterialsBox form select{
	margin-left:-30px;
	margin-top:10px;
}

div#productBrowseRow1 div#browseCollectionBox{
	float:left;
	width:234px;
	height:142px;
	padding-left:25px;
	padding-bottom:10px;
	text-align:center;
}

div#productBrowseRow1 div#browseCollectionBox h3{
	text-align:left;
	margin-left:-5px;
}

div#productBrowseRow1 div#browseCollectionBox img{
	margin:0px 0px 0px 0px;
}

div#productBrowseRow1 div#browseCollectionBox form select{
	margin-left: 0px;
	margin-top:25px;
	_margin-top:10px;
}

div#productBrowseRow2{
	width:800px;
	height:156px;
	margin:10px 0px 0px 26px;
	padding-left:30px;
}
div#productBrowseRow2 h3{
	text-align:left;
}

div#productBrowseRow2 img{
	margin:0px 0px 0px 25px;
}

div#productBrowseRow2 h5{
	margin:0px 0px 0px 25px;
}

div#productBrowseRow2 div{
	margin-left:25px;
}

div#surveyRow{
	width:794px;
	height:147px;
	margin:10px 0px 25px 66px;
	background:url(../images/surveyBG.gif) top left no-repeat;
}

div#surveyLeft{
	float:left;
	width:390px;
	margin:10px 0px 0px 25px;
	color:#FFFFFF;
}

div#surveyLeft h3{
	color:#FFFFFF;
}

div#surveyRight{
	float:right;
	width:280px;
	margin:5px 20px 0px 0px;
	_margin:10px 10px 0px 0px;
	color:#626262;
	font-weight:bold;
}

div#surveyRight p{
	margin:3px 0px 0px 8px;
}

div#surveyRight table{
	margin-left: 0px;
	border-bottom:none;
}

div#surveyRight label,td,legend {
	background: none ;
	font-size:11px;
	color:#626262;
	padding:0px;
}

div#surveyRight tr{
	border-bottom:none;
	display:block;
}

div#surveyRight h4, p, input, table, td{
	padding: 0px;
	margin: 0px;
}

input.surveyButton{
	font: 90% Arial, Helvetica, Sans Serif;
	font-weight: bold;
	text-transform:uppercase;
	width:59px;
	height:19px;
	color:#FFFFFF;
	background:url(../images/surveyButton.gif) top left no-repeat;
	border:0;
	padding:0;
	margin:0px 0px 0px 10px;
	display:block;
	float:right;
	cursor: hand;
	cursor: pointer;
}

input.next{
	font: 90% Arial, Helvetica, Sans Serif;
	font-weight: bold;
	text-transform:uppercase;
	width:59px;
	height:19px;
	color:#FFFFFF;
	background:url(../images/surveyButton.gif) top left no-repeat;
	border:0;
	padding:0;
	margin:0px 0px 0px 10px;
	display:block;
	float:right;
	cursor: hand;
	cursor: pointer;
}

input.start{
	font: 90% Arial, Helvetica, Sans Serif;
	font-weight: bold;
	text-transform:uppercase;
	width:59px;
	height:19px;
	color:#FFFFFF;
	background:url(../images/surveyButton.gif) top left no-repeat;
	border:0;
	padding:0;
	margin:0px 0px 0px 10px;
	display:block;
	float:right;
	cursor: hand;
	cursor: pointer;
}

 /* 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 */
/***********************************************************************
	6 - COOKWARE LAYOUTS
************************************************************************/

div#sub101Content{
	width:830px;
	margin:0px 0px 20px 48px;
	color:#828282;
}
div#sub101Content h3{
	color:#585858;
	margin-bottom:10px;
	margin-left:10px;
}

div#sub101Content div#cookwareKey{
	width:830px;
	height:auto;
	border:1px solid #d0d0d0;
	margin:20px 0px 20px 0px;
	padding-bottom:5px;
}

div#cookwareKey p{
	margin:10px 40px 0px 10px;
	width:160px;
	height:100px;
	float:left;
	display:block;
}

div#cookwareKey ul{
	display:block;
	padding:3px 0px 0px 40px;
	float:right;
	width:555px;
}

div#cookwareKey ul li{
	list-style:none;
	display:inline;
}

div#cookwareKey ul li div{
	float:left;
	width:185px;
	margin-top:4px;
}

div#cookwareKey ul li div img{
	display:inline;
}

div#cookwareKey ul li div h4{
	display:inline;
	margin:7px 0px 0px 10px;
	vertical-align:top;
}

div.listHead{
	background-color:#d0d0d0;
	border-top:10px solid #d0d0d0;
	width:830px;
	height:16px;
}

div#sub101Content div.unhighlighted{
	width:830px;
}

div#sub101Content div.highlighted{

	background-color:#ececec;
	width:830px;
}

.row1Cookware{
	width:180px;
	height:100%;
	float:left;
	display:block;
	text-align:center;
	vertical-align:top;
	border-right:1px solid #ffffff;
}
.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;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
}
.row4Cookware{
	width:115px;
	height:100%;
	float:right;
	display:block;
	text-align:center;
	vertical-align:top;
}
.row3Cookware img{
	float:left;
	margin:8px 6px;
}

div#sub101Content ul{
	margin:5px 0px 0px 10px;
}

ul.contentNavLinks{
	width:100%;
	text-align:center;
}

ul.contentNavLinks li{
	display:inline;
	padding: 0px 5px 0px 5px;
}

ul.contentNavLinks h4{
	display:inline;
	padding: 0px 5px 0px 5px;
}

div.browseResultDetails h4{
	display:inline;
}

/***********************************************************************
	7 - PRODUCT DETAIL PAGES
************************************************************************/	

div#prodDetailContent{
	width:830px;
	margin:0px 0px 0px 48px;
	color:#828282;
}

div#prodDetailLeftCol{
	float:left;
	width:400px;
}

div#prodDetailLeftCol h3{
	margin:10px 0px 0px 20px;
}

div#prodDetailLeftCol img{
	margin:0px 0px 0px 18px;
}

div#prodDetailRightCol{
	float:left;
	width:350px;
	padding:80px 0px 0px 40px;;
}

div#prodDetailRightCol p{
	margin:0px 0px 16px 0px;
}

div#prodDetailRightCol h2{
	font-size:18px;
	text-transform:uppercase;
	margin:0px 0px 4px 0px;
}

div#prodDetailRightCol h4{
	font-size:12px;
	text-transform:uppercase;
	margin:0px 0px 16px 0px;
}

.bottomPad16{
	padding: 0px 0px 16px 0px;
}

div#prodDetailRightCol ul{
	margin: 0px 0px 0px 13px;
	_margin: 0px 0px 0px 16px; 
	padding: 0px 0px 16px 0px;
}

span.price{
	font-size:16px;
	font-weight:bold;
} 

/***********************************************************************
	8 - COOKWARE LAYOUTS
************************************************************************/

div#subBlankContent2{
	width:830px;
	margin:0px 0px 20px 48px;
	color:#828282;
}

div#subBlankContent2 h3{
	display:block;
	float:left;
	margin-left:10px;
	color:#585858;
	margin-bottom:10px;
}

div#subBlankContent2 h2{
	display:block;
	float:right;
	padding:5px;
}

div#subBlankContent2 h4{
	text-align:center;
}


div#subBlankContent2 table tr td{
	border:1px solid #d0d0d0;
	padding:10px;
	vertical-align:top;
}

div#subBlankContent2 table tr td img{
	border:0px;
	padding:0px;
	margin:0px;
}

table.productRow tr.topCompare{
	font-weight:bold;
}

table.productRow{
	clear:both;
	margin:0px 0px 0px 0px;
	width:830px;
	height:auto;
	padding:0px;
}

table.productRow tr{
	display: table-row;
}

table tr.bottomCompare td{
	font-size: 90%;
}