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

	Author:		eROI		[www.eroi.com]  

	Client:		ANG Meyer Circulon

Listing Order:
==============

1 - SUBPAGES 2 COL LAYOUTS
2 - SUBPAGE TOUTS
3 - LIST PAGE
4 - INDIVIDUAL PAGE

  
************************************************************************
	1 - SUBPAGES 2 COL LAYOUTS
************************************************************************/

div#subPageContent{
	width:830px;
	margin:0px 0px 0px 48px;
	background:url(../images/subpageBG.gif) top left repeat-y;
	color:#464646;
}

div#leftReg{
	height:100%;
	padding:10px 0px;
}

div#leftReg select{
	width: 150px;
}

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

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

div#leftSubMenu ul.thirdLevelLi{
	margin:0px;
	border-bottom:0px;
	_border-bottom:0px;
}

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

div#leftSubMenu ul.thirdLevelLi li{
	height:21px;
}

div#leftSubMenu ul.thirdLevelLi img{
	display:inline;
}

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

div#leftSubMenu ul.thirdLevelLi li a{
	width:156px;	
	padding:2px 0px 0px 36px;
}

div#leftSubMenu 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:#464646;
}

div#leftSubMenu ul.thirdLevelLi li a:hover{
	width:156px;	
	padding:2px 0px 0px 36px;
}

div#subPageRightCol{
	margin:0px 0px 20px 18px;
	float:left;
	width:618px;
	font-size: 120%;
}

div#subPageRightCol h2{
	font-size:13px;
	color:#464646;
	margin:20px 0px 0px 0px;
}

div#subPageRightCol p{
	display:block;
	margin:5px 0px 20px 0px;
	color:#464646;
}

div#subPageRightCol ul{
	margin:5px 0px 20px 20px;
}

div#surveyRow{
	width:618px;
	height:146px;
	margin:20px 0px 25px 0px;
	background:url(../images/surveyBGsub.gif) top left no-repeat;
}

div#surveyLeft{
	float:left;
	width:220px;
	margin:20px 0px 0px 15px;
}

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

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

input.surveyButton {
	font: 75% 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.printButton {
	font: 75% 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:10px 0px 0px 0px;
	display:block;
	cursor: hand;
	cursor: pointer;
}

img.leftAligndPicture{
	padding:0px 15px 0px 0px;
	margin:0px;
}

img.rightAligndPicture{
	padding-left:15px;
	clear:right;
}

div.recipeRow{
	float:left;
	width:100px;
	margin:10px 0px 0px 10px;
	_margin:10px 0px 0px 5px;
}

div.recipeRow ul li{
	list-style:none;
	background:url(../images/doubleArrowRight.gif) left no-repeat;
}

div.recipeRow ul li a{
	padding:5px 10px;
	color:#828282;
}

span.callOut {
	font: 150% Arial, Helvetica, Sans Serif; 
	font-style: italic;
}

/************************************************************************
	2 - SUBPAGE TOUTS
************************************************************************/


div#threeBoxRow{
	clear:both;
	height:125px;
	margin:20px 0px 0px 30px;
	font-size: 11px;
	line-height: 13px;
}

div#threeBoxRow p{
	color:#FFFFFF;
}

.rowBox{

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

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

div#threeBoxRow a:hover{
	text-decoration:none;
	cursor:pointer;
}

div#toutCompleteBox{
	display:block;
}

div#toutCompleteBox p{
	overflow:visible;
	_width:410px;
}

span.videoObject{
	display:block;
	text-align:center;
	padding: 20px 0px 0px 0px;
}

/************************************************************************
	3 - LIST PAGE
************************************************************************/

div#subPageRightCol div.unhighlighted{
	clear:both;
	height:100%;
	width:600px;
}

div#subPageRightCol div.highlighted{
	background-color:#dfdfdf;
	height:100%;
	width:600px;
}

span.recipeTitle{
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	float:left;
	color:#760000;
	margin-left:5px;
	padding-bottom:5px;
	width:290px;
}

span.recipeCategoriesRow{
	display:block;
	clear: both;
}

span.recipeMeals{
	display:block;
	font-weight:bold;
	float:left;
	margin-left:5px;
	width:140px;
}

span.recipeCuisine{
	display:block;
	font-weight:bold;
	float:left;
	margin-left:5px;
	width:140px;
}

span.recipeIngredient{
	display:block;
	font-weight:bold;
	float:left;
	margin-left:5px;
	width:140px;
}

span.recipeSeason{
	display:block;
	font-weight:bold;
	float:left;
	margin-left:5px;
	width:140px;
}

span.recipeContributor{
	display:block;
	float:left;
	margin-right:5px;
	text-align:right;
	padding-bottom:5px;
	color:#760000;
	width:290px;
}

span.recipeDescription{
	display:block;
	float:left;
	padding-top:5px;
	_padding-bottom:5px;
	margin-left:5px;
	width:585px;
}

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

/************************************************************************
	4 - INDIVIDUAL PAGE
************************************************************************/

div#leftReg ul li{
	list-style:none;
	margin:10px 20px;
	font-size:120%;
}

div#recipeIndividualHeader{
	background:url(../images/individualRecipeHeadBG.gif) top left no-repeat;
	width:618px;
	height:154px;
}

div#recipeIndividualHeader div#HeaderTxt h1{
	font-size:150%;
	color:#8b2222;
	margin:0px 0px 0px 20px;
	padding-top:20px;
	width: 270px;
}

div#recipeIndividualHeader div#HeaderTxt p{
	margin:10px 0px 0px 20px;
}

div#recipeIndividualHeader img.headImg{
	float:right;
	width:328px;
	height:154px;
}

div#subPageRightCol ol{
	margin-left:20px;
}

div#subPageRightCol ol li{
	margin-left:20px;
	margin-bottom:10px;
}

div.ArticleImageBlock{
	display:block;
}

ul.contentNavLinks {
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 0px 0px;
}

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

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

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

div#productRecipe{
	border:2px solid #efefef;
	height: 190px;
	background-color: #efefef;
	margin-top: 10px;
}