/* CSS Document */
/* Deli Delights*/
/* Created 29/05/09 */



/* GENERAL PAGE ELEMENTS  */
body 				{ background-color:#fff; /*background-image:url(../images/background.jpg); background-repeat:repeat-x; background-position:top; padding:0;*/ margin:0 auto;  font-family: Arial, Helvetica, sans-serif }
	.bold			{ font-weight:bold; }
	.clear			{ position:relative; clear:both; width:0px; height:0px; margin:0 }
	.left           {float:left; padding-right:10px}
	


	
/* MAIN TOP NAVIGATION ELEMENTS */

#mainNav						{ position:relative; width:100%; height:40px;  margin:0; z-index:500; overflow:visible; background-color: #ec670a;}
	#nav, #nav ul     			   	{ position:relative; margin:0; padding:0; list-style-type:none; list-style-position:outside;  line-height:40px; z-index:501; font-family:Arial, Helvetica, sans-serif; }
	#nav a                          {background-color: #ec670a; display:block; padding:0px 18.5px 0px 18.5px; font-size:12px; font-weight:bold;  color:#fff; text-decoration:none; border-left:1px solid #fff; border-right:1px solid #fff }
	#nav a:hover     				{ color:#000;  }
	#nav li                         { float:left; position:relative;  }
	#nav ul                         { position:absolute;display:none; width:99px;top:40px;}
	#nav li ul a           			{ width:180px; float:left; background-color:#989896; color:#fff; font-weight:normal;  font-size:11px; line-height:20px; border:1px solid #fff; border-top:0px; padding:2px 0 2px 14px; text-align:left; z-index:600  }
	#nav li ul a:hover           	{
	background-color:#ec670a; color:#FFFFFF;
}
	#nav ul ul                      { top:auto; }        
	#nav li ul ul         			{ left:7.1em; margin:0px 0 0 10px; }
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul			{ display:none; color:#cccccc }
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul 		{ display:block; }

	
#container				{ position:relative; width:932px;  margin:0 auto; clear:both; }


/* HEADER ELEMENTS  */
#header				{ position:relative; width:930px; height:130px; margin:0;  }
	#logo			{
	position:relative;
	left:16px;
	top:20px;
	margin:0;
	border:0;
	z-index:100;
	width: 920px;
}
	#strapline		{ position:absolute; right:0px; top:60px; width:350px; height:200px; background-image:url(../images/freephone.jpg); background-repeat:no-repeat; margin:0; }


/* HOMEPAGE SPECIFIC ELEMENTS  */
#banner				{ position:relative; float:left; width:590px; height:257px; margin:0 4px 0 0; border:0px dashed #C1BCA4; }
	#banner h1		{ position:absolute; font-size:2em; width:250px; color:#282828; margin:73px 20px; font-weight:normal }
	#banner p		{ position:absolute; font-size:1em; width:230px; color:#000000; top:150px; left:25px}

#quickNav			{
	position:relative;
	width:330px;
	float:left;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}
	#quickNav img 	{
	position:relative;
	width:330px;
	height:60px;
	margin:0 0 4px 0;
	padding:0;
	vertical-align:bottom;
	z-index:20
}

#cu3er-container {
	width:594px;
	height:252px;
	padding-right:0px;
	outline:0;
}


/* MAIN CONTENT ELEMENTS  */
#content			{
	position:relative;
	width:550px;
	float:left;
	padding:20px;
	margin:0 4px 10px 0;
}
	#content h1		{ position:relative; font-size:1.4em; color:#949392; margin:0 0 20px 0; font-weight: normal}
	#content h2		{ position:relative; font-size:1.1em; color:#f06c19; margin:0 0 20px 0;}
	#content p		{ position:relative; font-size:0.85em; color:#888; padding:0 0 8px 0; margin:0; line-height: 1.4em;}
	#content a:link  {color: #ef6d16; text-decoration: underline; }
	#content a:visited {color: #ef6d16; text-decoration: underline; }
	#content li {position:relative; font-size:0.85em; color:#888; padding:0 0 4px 0; margin:0; line-height: 1.4em;}

	
.conImage			{ position:relative; margin-bottom:5px}	

#sideBar			{ position:relative; width:286px; float:left;  padding:10px 15px 10px 30px; margin:0; margin-top:10px; border-left:1px dashed #555  }
	#sideBar h2		{ position:relative; font-size:0.9em; color:#999; font-weight:bold; margin:0; margin-bottom:10px; }
	#sideBar p		{ position:relative; font-size:0.75em; color:#282828; margin:0; }
	#sideBar ul		{ position:relative; font-size:0.75em; list-style:inside; list-style-type:square; padding:0; margin:0px 0 15px 0  }
	#sideBar li		{ position:relative; color:#949392; margin:0; line-height:1.4em; font-weight:normal;}
	#sideBar img	{ position:relative; float:left; margin:0 10px 10px 0;  }
	#sideBar a		{ color:#f06c19; text-decoration:none }
	#sideBar a:hover	{  text-decoration:underline }

/* FOOTER ELEMENTS  */
#footer				{ position:relative; width:100%; background-color:#ef6d19;  margin:0; height:182px; color:#F2EDD6; border-top:1px solid #666; clear:both}
	#innerFooter	{ position:relative; width:930px; height:142px; margin:0 auto;}	
	#innerFooter ul	{ position:relative;  list-style-type:none; margin:0; margin-right:40px; padding:10px 0 0 20px; float:left  }
	#innerFooter li.bold { color:#000; font-size:16px }
	#innerFooter li { position:relative; font-size:12px; color:#FFFFFF;  padding:2px 0 2px 0px}
	#innerFooter li a		{ position:relative; font-size:13px; color:#FFFFFF; text-decoration:none;  }
	#innerFooter li a:hover	{ color:#E5E5E5 }
	#copyright		{ position:absolute; top:152px; left:20px; font-size:0.75em; color:#000}
	#links			{
	position:absolute;
	top:152px;
	right:36px;
	color:#000;
	font-size:0.75em
}
	#links a		{ color:#000; text-decoration:none; }
	#links a:hover	{ text-decoration:underline; }
	
	
	
.menu {
	width: 150px;
	float: left;
	margin: 15px 32px 15px 0;
	}
	
.menu h1 {
	font-size: 80%;
	color:#330000;
	text-align: center;
	padding: 0;
	margin: 0;
	}	
	
.menu h1 a:link {
	color:#a7bf00;
	text-decoration: none;
	font-weight: normal;
	}	
	
.menu h1 a:hover {
	color:#fff;
	text-decoration: none;
	font-weight: normal;
	}		
	
.menu h1 a:visited {	
	color:#fff;
	text-decoration: none;
	font-weight: normal;
	}			
	
.menu img {
	margin: 0;
	padding: 4px;
	background-color: #484848;
	}
	
.menu li {
	padding: 0;
	margin: 0;
	list-style:outside;
	font-size: 80%;
	}		
	
	.areas {font-size: 0.8em;}
	
	td {font-size: 0.7em; color:#888;}
	.orange-text {color:#ee6d12;}


#right-logos {
	text-align: center;
	}
	
#crumbtrail {
	font-size: 80%;
	font-style: italic;
	margin-bottom: 15px;
	color: #999999;
	}	

#features {
	background-color: #ec670a;
	margin-top: 10px;
	padding: 8px;
	width: 264px;
	border: 1px solid #afafaf;
	}	
	
#features p {
	color: #fff;
	font-size: 1.1em;
	padding-bottom: 5px;
	text-align: left;
	}		
	
#features img {
	padding: 0;
	margin: 0;
	overflow: hidden;
	}