/* Coles - NEWER Styles
---------------------------------- */

/* Main & Sidebar */

.main, .sidebar 
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;	
	text-align: left;	
	color: #333333;	
}

.main {margin-left: 10px;}

.main p, .sidebar p 
{
	font-size: 12px;
	margin: 5px 0;
	color: #333333;		
}

.main p.posted
{
	font-style:italic;
	color:#a9a9a9;
	margin:3px 0 0 0; padding:0;
}

.bold {font-weight: bold;}
.red {color: #CB1800;}
.italic {font-style: italic;}
.small {font-size: 90%;}
img.floatright {float:right; margin: 10px 10px 10px 0;}
img.floatleft {float:left; margin: 10px 0 10px 10px;}
.borderless {border:none;}
.marginless {margin:0;}
.paddless {padding:0;}


.main a, .sidebar a
{
	font-size: 12px;
	text-decoration: underline;
	color: #333333;		
}

.main a:hover, .sidebar a:hover
{
	font-size: 12px;
	color: #CB1800;
	text-decoration: underline;
}

.main ul, .main ol
{
	font-size: 12px;
	padding: 0 0 0 15px;
	color: #333333;	
}

li.horizontal
{
	padding: 0;
	margin-right: 10px;
	list-style-type: none;
	display: inline;
}

.main li, .sidebar li
{
	padding: 0 0 5px 0;	
}

.sidebar ul
{
	font-size: 12px;
	padding-left: 5px;
	color: #333333;	
	line-height: 100%;	
	list-style: none;
}

ul.employee-sidebar
{
	font-size: 12px;
	padding: 0;
	color: #333333;	
	list-style: none;	
}

.main h1, .sidebar h1
{
	font-size: 150%;
	color: #CB1800;
	font-weight: normal;
	margin: 7px 0 10px 0;
}

.main h2
{
	font-size: 16px;
	font-weight: normal;
	margin: 25px 0 0 0;
	padding-top: 10px;
	border-top: 1px solid #e9e9e9;	
	color: #CB1800;
}

.main h2.noborder
{
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0;
	padding-top: 0;
	border-top: 0px;	
	color: #CB1800;
}

.sidebar h2
{
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 0;
	color: #CB1800;
}

.main h3
{
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 0 0;	
}

.main h3.entries
{
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 0 0;	
}

.sidebar h3
	{
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0 3px 0;		
	}
	
.main table
{
	margin-bottom: 1.5em;
	background-color: #F5F5F5;
	border: 1px solid #e9e9e9;
}

table.form
{
	margin-bottom: 1.5em;
	background-color: #F5F5F5;
	border: 1px solid #e9e9e9;
}

table.recipe
{
	margin-bottom: 1.5em;
	background-color: #FFF;
	border: none;
}

.main tr.row1
{
	background-color: #F5F5F5;
}

.main tr.row2
{
	background-color: #FFF;
}

img.bread
{float:right; margin: 0 0 10px 10px;}


.box
{	
	border: 1px solid #e9e9e9; 
	padding: 10px;
	margin: 30px 0;
	background-color: #F5F5F5;
}

.sidebar ul
{margin:0;}

.main input, .main textarea
{
	border: 1px solid #333;
}

.main label
{
	font-weight: bold;
	margin: 15px 0 3px 0;
	display: block;
	font-size: 110%;
}

.main .submit
{
	color: #fff;
	background-color: #cb1800;
	margin: 5px 0;
	padding:3px;
	border: none;
}

fieldset
{
	border: none;
}

.recipecard
{
width: 530px;
}
.recipeheader
{
	width:530px; 
	height:53px;
	background:url(/images/card-header.jpg);
}

.recipecontentwrap
{
	width:530px;
	margin:0;
	padding:0;
	background:url(/images/card-sides.jpg);
}

.recipecontent
{
	padding: 10px 30px;
}

.recipecontent img
{
	float:right;
	padding:15px;
}

.recipecontent ul
{
	font-size:12px;
	list-style:none;
	padding:0;
	margin:0 0 5px 0;
}

.recipecontent h2
{
	font-size:16px;
	padding:0px;
	margin:0 0 10px 0;
	color: #cb1800;
	border: none;
}

.recipecontent h3
{
	font-size:12px;
	font-weight: bold;
	padding:0px;
	margin:10px 0 5px 0;
}

.recipecontent p
{
	font-size:12px;
	padding:0px;
	margin:0 0 5px 0;
}

.recipecontent img
{
	font-size:12px;
	padding:0px;
	margin:0 0 5px 0;
}

.recipefooter
{
	background:url(/images/card-footer.jpg);
	width:530px;
	height:17px;
	margin:0px;
	padding:0px;
}




/* Legacy Styles
---------------------------------- */

.header {
position: absolute;
z-index: 4;
}

.swf {
	width:760px;
	height:285px;
	}

.sidebar-title {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #000000;
position: absolute;
z-index: 5;
top: 352px;
width: 160px;
padding-left: 10px;
}

.nav1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
position: absolute;
z-index: 5;
margin-top: 10px;
text-decoration: none;
width: 761px;
display:inline;
}

.nav1 a{
color: #000000;
text-decoration: none;
}

.nav1 a:hover{
color: #ffffff;
text-decoration: none;
}

.nav2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
position: absolute;
z-index: 5;
margin-top: 43px;
text-decoration: none;
width: 761px;
display: inline;
}

.nav2 a{
color: #000000;
text-decoration: none;
}

.nav2 a:hover{
color: #CB1800;
text-decoration: none;
}

.bnav1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
position: absolute;
z-index: 5;
margin-top: 291px;
text-decoration: none;
width: 740px;
display: inline;
}

.bnav1 a{
color: #000000;
text-decoration: none;
}

.bnav1 a:hover{
color: #CB1800;
text-decoration: none;
}

.bnav2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
position: absolute;
z-index: 5;
margin-top: 316px;
text-decoration: none;
width: 740px;
display:inline;
}

.bnav2 a{
color: #000000;
text-decoration: none;
}

.bnav2 a:hover{
color: #CB1800;
text-decoration: none;
}

.bodyh {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #1e1e1e;
font-weight: bold;
}

.bodyt {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #1e1e1e;
text-decoration: none;
}

.bodyt a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #1e1e1e;
text-decoration: underline;
}

.bodyt a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CB1800;
text-decoration: underline;
}

.bodyu a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration:underline;
}

.bodyu a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CB1800;
text-decoration:underline;
}

.bodyf a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CB1800;
text-decoration: none;
}

.bodyf a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CB1800;
text-decoration: none;
}

.bottomnav {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
}

.bottomnav a{
color: #000000;
text-decoration: none;
}

.bottomnav a:hover{
color: #ffffff;
text-decoration: none;
}

.bottom-img {border:none;}