/* CSS Document */
/************************************************************************
  Site: www.anolon.com

	Author: Dayspring Technologies (DT) www.dayspring-tech.com

  Client: Meyer Anolon

Listing Order:
==============

1 - SUBPAGES 2 COL LAYOUTS
2 - SUBPAGE TOUTS
3 - LIST PAGE
4 - INDIVIDUAL PAGE

  
************************************************************************
1 - SUBPAGES 2 COL LAYOUTS
************************************************************************/
div#subPageContent{
	background:url(../images/subpageBG.gif) 205px 0 repeat-y;
	border-top:1px solid #bb8f33;
  margin:0 35px;
	padding:0;
  }
div#subPageRightCol{
	float:right;
	margin:0 0 15px 0;
	padding:15px 0 0 0;
  width:634px;
  }

/************************************************************************
1.1 - LEFTCOL SUBMENU STYLES
************************************************************************/
div#leftSubMenu ul{
	margin:0;
  padding:0;
  }
div#leftSubMenu ul li{
	font-size:90%;
  line-height:1.4em;
  list-style:none;
  margin:0;
  padding:0;
  }
div#leftSubMenu ul li a {
	border-bottom:1px solid #bb8f33;
	color:#772e00;
  display:block;
  margin:0;
	padding:10px 10px 10px 15px;
	text-decoration:none;
	width:180px; /* Required in IE6 to display properly. */
  }
div#leftSubMenu ul li a:hover, div#leftSubMenu ul li.here {
	background:#feefc5 url(../images/snav-arrw.gif) 0 50% no-repeat;
	}
div#leftSubMenu ul.thirdLevelLi li{
	font-size:12px; /* Prevents compounding font sizing. */
  }


/***********************************************************************
	1.2 - SURVEY ROW RULES
************************************************************************/
div#surveyRow {
	background:#fff;
  border:2px solid #bb8f33;
  float:left;
  margin: 2.4em auto 2.4em auto;
  padding:5px;
  width: 562px;
	}
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:255px !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:255px !important;
  }
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;
  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, input.printButton {
	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;
  }
  
div#surveyRight div {
	border: 0px;
	}

div#surveyRight div#errorBlock {
	background: none;
	}

img.leftAligndPicture{
	padding-right:15px;
	margin:0;
  }
img.rightAligndPicture{
	padding-left:15px;
	clear:right;
  }

/************************************************************************
1.3 - RECIPE ROW STYLES
************************************************************************/
div.recipeRow {
	float:left;
	margin:0 50px 1.2em 0;
  width:auto;
	}
div.recipeRow ul {
	list-style:none;
	margin-left:0;
  }

/************************************************************************
1.4 - FLASH STYLES
************************************************************************/

div#flashcontent{
  background:#000;
  height:200px;
  margin:0;
  padding:0;
  width:618px;
	}
div#flashcontent img {
  border:0;
  margin:0;
  padding:0;
  }


/************************************************************************
2 - SUBPAGE TOUTS
************************************************************************/

/************************************************************************
2.1 - BOX ROWS
************************************************************************/
div#threeBoxRow {
	border-top:1px solid #bb8f33;
	margin:0 -3px 2.4em;
  padding:2.4em 0 0 45px;
  text-align:center;
  height: 125px;
  }
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;
  width: 127px;
  }
.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;
  width: 127px;
  }

/************************************************************************
2.2 - TOUT COMPLETE BOX
************************************************************************/
#content div.toutCompleteBox {
	margin:0 0 1.2em 0;
  }
#toutCompleteBox img {
	float:left;
  margin-right:1.2em;
  width:175px;
	border:1px solid #751B0C;
	padding:3px;
  }
  
#toutCompleteBox p {
	margin-left: 195px;
	}
	
span.videoObject{
	display:block;
  margin:0 0 1.2em 0;
	padding:0;
  text-align:center;
	}

/************************************************************************
3 - LIST PAGE
************************************************************************/

/************************************************************************
3.1 - RECIPE LIST PAGE
************************************************************************/
div#subPageRightCol div.unhighlighted{
	border-top:1px solid #bb8f33;
  margin:0;
  padding:.6em 10px .2em;
  }
div#subPageRightCol div.highlighted{
	background-color:#feefc5;
	border-top:1px solid #bb8f33;
  margin:0;
  padding:.6em 10px .2em;
  }
span.recipeTitle{
	color:#772e00;
	display:block;
	float:left;
	font-weight:bold;
	margin:0;
	padding:0;
	width:385px;
  }
span.recipeContributor{
	color:#772e00;
	display:block;
	float:right;
	margin:0;
	padding:0;
	text-align:right;
	width:225px;
  }
span.recipeCategoriesRow{
	clear: both;
  display:block;
	}
span.recipeMeals{
	display:block;
	font-weight:bold;
	float:left;
	margin-right:20px;
	}
span.recipeCuisine{
	display:block;
	font-weight:bold;
	float:left;
	margin-right:20px;
	}
span.recipeIngredient{
	display:block;
	font-weight:bold;
	float:left;
	margin-right:20px;
	}
span.recipeSeason{
	display:block;
	font-weight:bold;
	float:left;
	margin-right:20px;
	}
span.recipeDescription{
	clear:left;
  display:block;
	}

span.description{
	display:block;
	float:left;
	color:#760000;
	margin-left:5px;
	width:328px;
  }
span.difficulty{
	text-transform:uppercase;
	display:block;
	float:left;
	margin-right:5px;
	width:80px;
  }
span.rating{
	text-transform:uppercase;
	display:block;
	float:right;
	margin-right:5px;
  }
span.priceline a{
	margin-left:20px;
  }
span.recipeRating{
	width:60px;
	height:22px;
  }
img.ratingStar{
	display:block;
	float:left;
	margin-top:3px;
  }
span.previousPage{
	float:left;
	font-weight:bold;
}
span.nextPage{
	float:right;
	font-weight:bold;
  }
  
#productRecipe {
	border: 2px #772e00 solid;
	height: auto;
	margin-top: 15px;
	padding: 5px;
	background-color: #bb8f33;
	color: #fff;
	}

#productRecipe h3 {
	color: #8c2100;
	padding-bottom: 15px;
	}
	
#productRecipe h4{
	color: #3f0800;
	padding-bottom: 15px;
	}

#productRecipe a:hover {
	color: #fff;
	}
/************************************************************************
4 - INDIVIDUAL PAGE (RECIPE PAGE STYLES)
************************************************************************/

/************************************************************************
4.1 - LEFTCOL RECIPE INGREDIENTS
************************************************************************/
div#leftReg ul{
	margin:0 15px;
  }

div#leftReg ul li{
	list-style:none;
	margin:0 0 10px;
	}
  
  div#leftReg select{
	width: 150px;
}

/************************************************************************
4.2 - RIGHTCOL RECIPE INGREDIENTS
************************************************************************/
div#recipeIndividualHeader{
	background:#fff;
  border:2px solid #772e00;
  float:left;
  margin:0 0 1.2em 0;
  padding:5px;
	}
div#recipeIndividualHeader div#HeaderTxt{
  border:6px solid #772e00;
  float:left;
  font-family:"lucida sans",verdana,sans-serif;
  margin:0;
  padding:0;
  }
div#recipeIndividualHeader div#HeaderTxt h1{
	float:left;
  font-family:georgia,"times new roman",times,serif;
  margin:10px 0 1.2em 15px;
  width:370px;
  }
div#recipeIndividualHeader div#HeaderTxt p{
	clear:left;
  float:left;
  line-height:1.3em;
  margin:0 0 0 15px;
  width:370px;
  }
div#recipeIndividualHeader img.headImg{
	border:0;
  float:right;
	margin:0;
  padding:0;
  width:200px;
	}
	
img.headerGraphic {
	border:1px solid #751B0C;
	margin:0 0 1.2em;
	padding:3px;
}

.eventBox {
	height: 260px;
}

.eventBox p{
	margin:0px;
}

.eventBox h2{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}

.eventBox img{
	margin-right: 20px;
}

/************************************************************************
4.3 - Bridal Events Page
************************************************************************/
.StateEventLoc {
	float: left;
	width: 330px;
}

.StateEventCity {
	float: left;
	width: 160px;
}

.StateEventRow {
	width: 610px;
	height: 20px;
	clear: both;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

.StateEventDate {
	float: left;
	width: 60px;
}

.StateEventTime {
	float: left;
	width: 60px;
}

.StateEventTopLink {
	margin-top: 10px;
	width: 200px;
	margin-bottom: 10px;
}

.StateEventsText {
}

.StateEvents {
}

/************************************************************************
4.4 - Table Talk Contest Pages
************************************************************************/

.TableTalkWinnerCopy {
	float: left;
	width: 416px;
	margin-right: 12px;
}
.TableTalkWinnerImage {
	padding: 2px;
	float: left;
	border: 1px solid BB8F33;
}

/************************************************************************
4.5 - Events Page
************************************************************************/

.eventBox {
	height: 260px;
}

.eventBox p{
	margin:0px;
}

.eventBox h2{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}

.eventBox img{
	margin-right: 20px;
}

.EventsCurrent{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}

.EventsCurrentBox{
	float: left;
	height: 420px;
	width: 306px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid bb8f33;
	border-style:solid;
	border-width:1px;
	background-color:#FFFFFF;
}

.EventsBoxCurrentRow {
	height: 422px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}


.EventsCurrentBox img{
	padding:4px;
}

.EventsCurrentBox h2{
	margin: 0px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

.EventsCurrentBox h4{
	margin: 0px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

.EventsCurrentBox p{
	margin: 0px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}

.EventsCurrentLearnMore {
	height: 22px;
	vertical-align: bottom;
	text-align: right;
}

.EventsCurrentLearnMore a{
	font-size: 14px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

.EventsCurrentBoxCopy {
	height: 230px;
}

.EventsPast {
	float: left;
	width: 506px;
}

.EventsPast p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 6px;
}

.EventsPast img{
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
}

.EventsPastIcon {
	float: left;
	height: 90px;
	width: 116px;
}

/************************************************************************
4.6 - Shipping & Delivery Page
************************************************************************/

.shipping-rates {
	font-size: 1.5em;
	border: 1px solid #000000;
}

.shipping-rates th{
	font-size: 0.9em;
}

.shipping-rates td{
	border-top: 1px solid #E2E2E2;
}
