/*****************************************************************
 *	File:		style.css
 *	Purpose:	Cascade Style Sheet file for www.chefinabox.co.uk
 *				(New design)
 *	
 *	Author:		Rajesh Wadhwani
 *	Created:	12-Feb-2009
 *	Modified:	12-Feb-2009
 *	Copyright:	Room 101 Limited, 2009
 ****************************************************************/

body {
	margin: 0px;
	width: 98%;
	min-width: 990px;
	max-width: 2180px;
	font-size: 12pt;
	font-family: Times New Roman, Arial, Verdana;
}

img { border: 0px; }
a.selected { color: #FF0000; }

/*****************************************************************
 *	Text formatting
 ****************************************************************/
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.uline-onhover { text-decoration: none; }
.uline-onhover:hover { text-decoration: underline; }
.no-uline-onhover { text-decoration: underline; }
.no-uline-onhover:hover { text-decoration: none; }

/*****************************************************************
 *	Colours
 ****************************************************************/
.black { color: #000000; }
.white { color: #ffffff; }
.blue { color: #24197F; }
.red { color: #FF0000; }

/*****************************************************************
 *	Font size
 ****************************************************************/
h4 { color: #FF0000; margin-top: 10px; margin-bottom: 8px; font-size: 18px; }
.heading11 { font-size: 11pt; }
.heading12 { font-size: 12pt; }
.heading13 { font-size: 13pt; }
.heading, h1 {
	font-size: 19pt;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 12px;
	color: #000000;
}
.sub-heading {
	margin-top: 14px;
	margin-bottom: 4px;
	font-size: 14pt;
	font-weight: bold;
	color: #FF0000;
	text-transform: uppercase;
}

/*****************************************************************
 *	Text alignment
 ****************************************************************/
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }

/*****************************************************************
 *	Topnav
 ****************************************************************/
.topnav {
	clear: both;
	width: 100%;
	padding: 10px;
	text-align: center;
}

/*****************************************************************
 *	Main content
 ****************************************************************/
.main-content {
	width: 100%;
	height: 535px;
}
.main-content tr td { vertical-align: top; }
.main-content tr td.content img {
	margin-top: 14px;
	margin-bottom: 14px;
}

/********************************
 *	Leftmenu
 *******************************/
.leftmenu {
	width: 240px;
}
.menu {
	margin-top:	8px;
	padding-left: 14px;
}
.menuitem {
	clear: both;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 5px;
}
.menuitem a {
	font-size: 12.5pt;
	font-weight: bold;
	cursor: pointer;
	color: #013D09;
	text-decoration: none;
	text-transform: uppercase;
	/*text-shadow: #a0a0a0 5px -2px 0px;*/
}
.menuitem a:hover { color: #FF0000; }
.menuitem a.selected { color: #FF0000; }
.sub-menuitem {
	clear: both;
	margin-top: 4px;
	margin-bottom: 2px;
}
.sub-menuitem a {
	color: #000000;
	text-decoration: none;
}
.sub-menuitem a:hover { color: #FF0000; }
.sub-menuitem a.selected { color: #FF0000; }
.sub-menuitem2 {
	clear: both;
	margin-bottom: 1px;
	margin-left: 30px;
	/*border-bottom: 1px solid #e5e5e5;*/
}
/*.sub-menuitem2:hover {
	border-bottom: 1px solid #a0a0a0;
}*/
.sub-menuitem2 a {
	font-size: 11pt;
	color: #101010;
	text-decoration: none;
}
.sub-menuitem2 a:hover { color: #FF0000; }
.sub-menuitem2 a.selected { color: #FF0000; }

#products {
	display: none;
	margin-bottom: 4px;
}

/********************************
 *	Content
 *******************************/
.content {
	text-align: center;
	width: 78%;
	padding-right: 60px;
}

/*****************************************************************
 *	Footer
 ****************************************************************/
.footer {
	clear: both;
	padding: 10px;
	width: 100%;
	text-align: center;
}

/*****************************************************************
 *	Misc
 ****************************************************************/
.image {
	margin-top: 14px;
	margin-bottom: 14px;
	text-align: center;
}

.title {
	font-size: 14pt;
	color: #FF0000;
	font-style: italic;
	font-weight: bold;
}
.new-title {
	font-size: 14pt;
	color: #FF0000;
}

.error {
	font-weight: bold;
	color: #FF0000;
}