@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Ning Catering
Version:		1.11
Last change:	22/04/10 [ Styles for new "feature" box - TV and Cookbook]
Author:			Andrew Yee (andrew@citruscube.com)
Primary use:	Web site
-------------------------------------------------------------------*/

/* Layout */
* {
	margin: 0;
	padding: 0;
}

html {
	/* non-ie browsers short page fix */
	margin-bottom: 1px;
	height: 100%;
	margin: 0 auto;
}

body {
	/*font: 11px Verdana, Helvetica, sans-serif;*/
	font: 12px Georgia, "Times New Roman", Times, serif;
	color : #CCCCCC;
	background-color:#000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	height: 100%;
	
}

.body{
	width: 960px;
	/*margin: 0 auto;*/
	text-align: left;
	display: table;
	/*padding:15px;*/
	margin: 15px auto; /* centres the 'page' with 'margin space' of 15px;*/
	
}

.header{
	width: 960px;
	padding-top: 5px;
	text-align: left;
	display: table;
	/*height:20px;
	background-image:url(../media/dotted-line.gif);
	background-repeat:no-repeat;
	background-position:bottom;*/
	
}

.header-left{
	width: 270px; /*273*/
	float:left;
	color: #C90066;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight:bold;
}

.header-right{
	width: 690px; /* 687px*/
	float:left;
	text-align: right;
	font-size: 13px;

	
	
}

.header-right a{
	font-weight:bold;	
}

.main{
	width: 960px; /*960*/
	padding: 5px 0 0 0;
	margin: 0;
	text-align: left;
	/*display: table;*/  /* before hiding this sometimes some pages had display problems - the div main-right would go below main-left - although was fine when refreshed page?? */
	/*background-image:url(../media/background.gif);*/
	
}

.main-left{
	width: 262px;/* Original width before tweak  273*/
	float:left;
	padding:0;
	margin:0;
	background-image:url(../media/background.gif);
}

.main-right{
	width: 698px;/* Original width before tweak 687*/
	float:left;
	line-height:15px;
	overflow:hidden;
	padding:0;
	margin:0;
	
}

.footer{
	width: 960px; 
	padding-top: 5px;
	text-align: center;
	display: table;
	font-size:10px;
	background-image:url(../media/dotted-line.gif);
	background-repeat:no-repeat;
	background-position:top;
}
.clear {
	/* this is needed to make sure the footer always appears below the three columns */
	clear: both;
}

/* Internal elements */
/* Info box */
.infobox{
	width: 231px;
	padding: 5px;
	display:table;
	margin:5px;
	font-size:10px;
	background-image:url(../media/infobox-background.png);
	
}

.infobox-heading{
	color: #C90066;
	font-size:12px;
	line-height:22px;
	
}

.infobox-left{
	width: 106px;
	float:left;
	font-size: 11px;
	padding:5px;
}

.infobox-right{
	width: 105px;
	float:left;
	font-size: 10px;
	padding:5px;
}

.infobox-largertext{

	font-size:12px;
	
}

/* Sign up box */
.signupbox{
	width: 231px;
	padding: 5px;
	display:table;
	margin:5px;
	font-size:13px;
	background-image:url(../media/infobox-background.png);
	color: #C90066;
}

.signupbox-heading{
	color: #C90066;
	font-size:21px;
	
}

.signupbox-subheading{
	color: #FFFFFF;
	font-size:17px;
	
}

.signup-textbox{
	width:200px; 
	height:24px; 
	margin:0 0 10px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding:0 0 0 5px;
}

.signupbox a{
	color: #FFFFFF;
	font-size:13px;
	font-weight:normal;
	
}

/* Logos box */
.logobox{
	/*width: 231px;
	padding: 5px 5px 5px 0px;*/
	width: 263px;
	padding: 5px;
	/*display:table;*/
	margin:0px; /*margin:5px; */
	font-size:10px;
	text-align:left;
	
}

.logobox-icons{
	width: 45px;
	float:left;
	margin:4px 3px 0 0;
	
}

.logobox-facebook{
	width: 82px;
	float:left;
	margin:4px 3px 0 0;
	
}

.logobox-justeat{
	width: 110px;
	float:left;
	
}




/* News box */
.newsbox{
	width: 677px;
	padding: 5px;
	display:table;
	margin:0;
	font-size:11px;
	background-image:url(../media/newsbox-background.png);
	
}

.newsbox2{
	width: 677px;
	padding: 5px;
	display:table;
	margin:0;
	font-size:11px;
	height:117px;
	background-image:url(../media/newsbox-background2.gif);
	
}

.newsbox3{
	width: 677px;
	padding: 5px;
	display:table;
	margin:0;
	font-size:11px;
	height:117px;
	background-image:url(../media/newsbox-background3.gif);
	
}

.newsbox-latest-news{
	width: 677px;
	padding: 5px;
	display:table;
	margin:0 0 2px 0;
	font-size:11px;
	height:67px;
	background-image:url(../media/newsbox-background2.gif);
	
}

.newsbox-what-customers-say{
	width: 677px;
	padding: 5px;
	display:table;
	margin:0;
	font-size:11px;
	height:67px;
	background-image:url(../media/newsbox-background2.gif);
	
}

.newsbox-heading{
	color: #C90066;
	font-size:16px;
	font-weight:bold;
	line-height:22px;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	
}

.newsbox-heading2{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	line-height:22px;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	
}

.newsbox-row{
	height:auto;
}

.newsbox-row2{
	height:auto;
	padding-top:5px;
}


.newsbox-row-title{
	float:left;
	width:190px;
	
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	line-height:22px;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.newsbox-row-text{
	float:left;
	width:480px;
	color:#FFF;
	font-size:14px;
}





/* Activity box */
.activitybox{
	width: 667px;
	padding: 5px;
	display:table;
	margin:5px;
	font-size:10px;
	background-image:url(../media/infobox-background.png);
	
}


/*Featured - home page */
.featured{
	height: 220px;
}

.featured-left{
	width: 217px;
	float:left;
	margin-right:18px;
}

.featured-middle{
	width: 217px;
	float:left;
	margin-right:18px;
}

.featured-right{
	width: 217px;
	float:left;
}

/*Featured products - Christmas page */
.featured-products{
	height:420px;
}

.featured-products-left{
	width: 217px;
	float:left;
	margin-right:18px;
}

.featured-products-middle{
	width: 217px;
	float:left;
	margin-right:18px;
}

.featured-products-right{
	width: 217px;
	float:left;
}

/* Feature box */

.featurebox{
	
	background-image:url(../media/ning-tv-cookbook-feature.jpg); 
	height:339px; 
	width:687px;
}

.featurebox2{
	
	background-image:url(../media/ning-tv-cookbook-feature.jpg); 
	height:305px; 
	width:687px;
	margin:0 0 14px 0;
}

.featurebox-left{
	width:313px; 
	float:left; 
	padding:10px 10px 10px 20px;
}

.featurebox-right{
	width:324px; 
	float:left; 
	padding:10px;
}

.featurebox-heading{
	font-size:29px;
	color:#C90066;
	font-weight:normal;
	margin-bottom:16px;
}

.featurebox-heading a{
	font-size:29px;
	color:#C90066;
	font-weight:normal;
	margin-bottom:16px;
}

.featurebox-heading a:hover{
	font-size:29px;
	color:#C90066;
	font-weight:normal;
	margin-bottom:16px;
	text-decoration:underline;
}

.featurebox-introtext{
	font-size:19px;
	color:#C90066;
	line-height:20px;
}

.featurebox-text{
	font-size:16px;
	color:#C90066;
	line-height:16px;
}


/* Colours */

.pink{
	 color: #C90066;
}

/* Text */

h1{
	display:none;
}

h2{
	font-size:22px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:10px;
	color: #C90066;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#hometitle{
	font-size:28px;
	font-weight:bold;
	margin-top:22px;
	margin-bottom:10px;
	color: #C90066;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h3{
	font-size:16px;
	color: #C90066;
	margin-bottom:10px;
	margin-top:14px;
	line-height:18px;
}

h4{
	margin-top:10px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	color: #C90066;
}

h5{
	margin-top:10px;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	color: #C90066;
}

h6{
	margin-top:0px;
	margin-bottom:0px;
	font-size:12px;
	font-weight:bold;
	color: #C90066;
}

p{
	margin: 5px 0 10px 0;
}

a {
	text-decoration:none;
	color: #FFFFFF;
	font-weight:bold;
}

a:hover{
	text-decoration:none;
	color: #C90066;
}

.selected{
	 color: #C90066;
}



#sidebar li {
	list-style-image:url(../media/bullet.gif);
	background-image:url(../media/dotted-line.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	font-size:12px;
}

#sidebar li a{
	
	font-weight:normal;
}

#sidebar-sub li {
	list-style-image:url(../media/bullet-sub.gif);
	background-image:none;
	font-size:12px;
}

#sidebar-sub li a{
	
	font-weight:normal;
}

.telephone{
	font-size:29px;
	font-weight:normal;
	color:#C90066;
	padding:8px 0 8px 0;
}

ol li{
	
	
	margin-left:20px;
	margin-top: 5px;
	margin-right:26px;
	padding-bottom:5px;
	background-image:none;
	color:#CCCCCC;

}

ul li{
	
	
	margin-left:20px;
	margin-top: 5px;
	margin-right:26px;
	padding-bottom:5px;
	background-image:none;
	color:#CCCCCC;

}


ul li ul li{
	list-style-image:url(../media/bullet-sub.gif);
	margin-left:20px;
	margin-top: 5px;
	padding-bottom:2px;
	background-image:none;
	color:#CCCCCC;
}

ul li a{
	font-weight:bold;

}




/* intro text */

.intro-text{
	font-size: 16px;
	line-height:110%;
}

/* Sub page */

.subpage-column{
	margin-left:20px;
	
}

.subpage-column-image{
	padding:1px;
	background-color:#FFFFFF;
	
}

.subpage-column-cell{
	padding:4px;
	
}

/* Footer contact form */
/* form */

form label {
  display: block;
  float: left;
  width: 95px;
  
  
}



#contact_name {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}

#email_address {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}

#friend_name {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}

#friend_email_address {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}



#telno {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;

}

#date {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}

#time {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}


#number {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}

#numberparty {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}

#special {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
/* font-family: verdana , arial, hevetica, sans-serif;*/
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:12px;
}


#comments {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
 /* font-family: verdana , arial, hevetica, sans-serif;*/
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:12px;
}

#orders {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
 /* font-family: verdana , arial, hevetica, sans-serif;*/
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:12px;
}

#special {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
 /* font-family: verdana , arial, hevetica, sans-serif;*/
 font-family: Georgia, "Times New Roman", Times, serif;
  font-size:12px;
}

.products-item {
  display: block;
  float: left;
  width: 285px;
  
  
}

form div input.inputText {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

.hideform {
	display: none;
}

/* Classes */

.smalltext{
	font-size: 8pt;
}

.smalltext-grey{
	font-size: 8pt;
	color:#666666;
}

/* Gallery */

.gallery-images {
	width: 500px;
}

/* Gallery/link */

.gallery-links-left{
	float:left;
	width:335px;
}

.gallery-links-right{
	float:left;
	width:335px;
	margin-left:10px;
}


/* Enter */

.enter{
	
	font-family:Georgia, "Times New Roman", Times, serif	
	font-size: 7pt; 
	font-weight: normal; 
	color: #FFFFFF; 
	text-decoration: none ;
}

/* Header image padding */

.header-image{
	padding:1px;
	background-color: #FFFFFF;

}

/* Georgia font */

.georgia{
	font-family:Georgia, "Times New Roman", Times, serif;
}

/* Map image */

.mapimage{

	margin: 0 23px 15px 0;
	
}

/* Contact */

#contact-info{
	height:135px;
}

#contact-footer{
	height: 40px;
}

.contact-column{
	float:left;
	width: 166px;
	height:120px;
	padding: 0 3px 0 3px;
	margin: 1px;
	background-color:#111111;
	
}

.contact-column-heading{
	font-size:16px;
	font-weight:bold;
	
}

.contact-column-telephone{
	font-size:13px;
	font-weight:bold;
	
}

.contact-column-email{
	font-size:10px;
	font-weight:bold;
	
}

.clear {
	/* this is needed to make sure the "main" always appears below the top header - flash banner (home page) */
	clear: both;
}
/* Image - border around */

.image-border{
	margin-left: 5px;
}

/* Opening Hours - on Location page */

.openinghours-heading{
	color: #C90066;
	font-size:12px;
	line-height:22px;
	
}

.openinghours-text{
	
	font-size:10px;
	
}

/* Location/opening/parking page */

.location-left{

width:499px;
float:left;
margin-right:23px;
}

.location-right{

width:169px;
float:left;
}

.consultancy-emphasis{
	font-size: 14px;	
}

/* Online Store */

.online-store-column{
	width:225px;
	float:left;
	margin-right:5px;
}

.online-store-column-final{
	width:225px;
	float:left;
}

.online-store-product-image{
	padding: 5px;
	background-color:#C90066;
	margin:0 0 10px 0;
}

.online-store-product-name{
		font-size: 17px;
		height:35px;
		margin:0;
		padding:0;
		
}

.online-store-product-price{
		font-size: 21px;
}

.online-store-product-order{
		font-size: 12px;
		color:#C90066;
		font-weight:normal;
}

.new-store{
	color:#C90066;
	text-decoration: blink;
}