/* tastes CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	text-align: center;
	background-color: #f5ffcb;
	/*background-image: url(wrapperbg.jpg);
	background-repeat:repeat-x;
	background-position:top;*/
}
	
#wrapper {
	width:956px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	background-color: #FFF;
		}
#contentleft {
		width:240px;
		padding:0px;
		float:left;
		background:#FFF;
		}
	
#contentcenter {
		width:472px;
		height: 250px;
		padding:0px;
		float:left;
		background:#FFF;
		}
	
#contentright {
		width:232px;
		padding:0px;
		float:left;
		background:#FFF;
		}
	
#contentheader {
	background:#D9EFFC;
	width: 710px;
	height: 116px;
	float: right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:600;
	border-top: solid 6px #FFF;
	border-right: solid 6px #FFF;
	border-bottom: solid 6px #FFF;
	border-left: solid 0px #FFF;
	background-image: url(tastes-header-animated.gif);
	}
	
#contentheader-menu {
	background:#fff;
	width: 710px;
	height: 64px;
	float: right;
	border-top: solid 6px #FFF;
	border-right: solid 6px #FFF;
	border-bottom: solid 6px #FFF;
	border-left: solid 0px #FFF;
	background-image: url(../images/tastes-catering-head-menu.jpg);
	}
	
#contentheader-cat {
	background:#fff;
	width: 710px;
	height: 64px;
	float: right;
	border-top: solid 6px #FFF;
	border-right: solid 6px #FFF;
	border-bottom: solid 6px #FFF;
	border-left: solid 0px #FFF;
	background-image: url(../images/tastes-catering-head-cat.jpg);
	}

/* define logo */
#logo {
	width: 228px;
	height:226px;
	position: relative;
	top: 0px;
	left: 0px; 
	border: solid 6px #FFF;
	background-color: #FFF;
	/*background-image: url(tastes-catering-logo.jpg);*/
	}
	
#introtext {
	width: 228px;
	position: relative;
	/* top: -21px;*/
	#top: 0px;
	_top: 0px;
	left: 0px;
	border-top: solid 0px #FFF;
	border-right: solid 6px #FFF;
	border-bottom: solid 6px #FFF;
	border-left: solid 6px #FFF;
	background-color: #ccff00;
	background-image: url(introtextbg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:15px;
	}
	
#leftcolumnmenu{
	width: 228px;
	/*top: -43px;*/
	#top: 0px;
	_top: 0px;
	left: 0px;
	position: relative;
	border-top: solid 3px #FFF;
	border-right: solid 6px #FFF;
	border-bottom: solid 6px #FFF;
	border-left: solid 6px #FFF;
	background-color: #bee491;
	height: 100%;
	}
	
#navbar {
	padding-top: 0px;
	left: 0px;
	width:472px;
	_width:467px;;
	height: 34px;
	background-color: #015b1e;
	}

#navbar1 {
	padding-top: 0px;
	left: 0px;
	width:472px;
	_width:467px;
	height: 68px;
	background-color: #015b1e;
	}

#center_text {
	left: 0px;
	width:432px;
	_width:437px;
	padding: 5px 0px 10px 0px;
	height: auto;
	/*#height: 185px;
	_height: 183px;
	overflow: auto;*/
	margin-bottom: 6px;
	_margin-bottom: 4px;
}
/* Make Selection Table layout*/
#makeselection {
	font: 80% Arial, Helvetica, Verdana, Times, sans-serif;
	color: #FFFFFF;
	left: 0px;
	width: 442px;
	_width: 447px;
	height: auto;
	margin: 0px;
	padding: 5px;
	_padding: 0px 1.2px 0px 1.2px;
	background-color: #900000;
	border-collapse: collapse;
}
.makeselection td {
	border: 0px;
	text-align: left;
	padding: 4px
}
.makeselection th {
	text-decoration: underline;
	font-style: bold;
	border: 0px;
	text-align: left;
	padding: 4px;
}
#checkoutspacer {
	left: 0px;
	width: 472px;
	_width: 467px;
	height: 100px;
	margin: 0px;
	padding: 5px;
}

	/* define Album List Container */
#albumlist {
	list-style-type: none;	
	width:472px; 
	_width:467px; 
	margin-left: -25px;
	#margin-left: 10px;
	_margin-left: 5px;
	#margin-bottom: 3px;
	_margin-bottom: 8px;
}
#albumlist li {
	float: left;
	margin: 0px 10px 6px 10px;
	background-color: #cceeff;
	text-align: center;
	height: 140px;
}
#albumlist li a:link, #albumlist li a:visited {
	font: 9pt arial, helvetica, sans-serif;
	color: #000000;
}
#albumlist li a:hover {color: #013277; text-decoration: underline;}
#albumlist img {display: block;}

	/* define Album List for Checkout */
#albumlistcheckout {
	list-style-type: none;	
	width:230px; 
	_width:220px; 
	margin-top: -16px;
	#margin-top: 0px;
	_margin-top: 4px;
	margin-left: -20px;
	#margin-left: 10px;
	_margin-left: 10px;
	_margin-bottom: -5px;
}
#albumlistcheckout li {
	float: left;
	margin: 7px 7px 7px 0px;
	#margin: 5px 3px -30px 3px;
	_margin: 5px 3px -30px 3px;
	background-color: #004488;
	text-align: center;
	height: auto;
	_height: 128px;
	
}
#albumlistcheckout li a:link, #albumlistcheckout li a:visited {
	font: 8pt arial, helvetica, sans-serif;
	color: #FFFFFF;
}
#albumlistcheckout li a:hover {color: #FFFF33; text-decoration: underline;}
#albumlistcheckout img {display: block;}
/* Define Centre Section */

/* define main image*/

#mainimage {

	width: 471px;
	background-color: #FFF;
	border-top: solid 6px #FFFFFF;
	
}

/* ########################### Right hand sections #################################*/

#searchmenu {
	margin-top: 0px;
	width: 232px;
	position: relative;
	top: 0px;
	#top: 0px;
	_top: 0px;
	right: 0px;
	border-top: solid 0px #FFF;
	border-right: solid 6px #FFF;
	border-bottom: solid 6px #FFF;
	border-left: solid 6px #FFF;
	background-color: #77c122;
	background-image: url(searchbg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	height: 70px;
	}
	
#trackorder{
	width: 232px;
	position: relative;
	top: 0px;
	#top: 0px;
	_top: 0px;;
	right: 0px;
	border-top: solid 0px #FFF;
	border-right: solid 6px #FFF;
	border-bottom: solid 6px #FFF;
	border-left: solid 6px #FFF;
	background-color: #015b1e;
	background-image: url(trackorderbg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	}
	
#orderdetails{
	width: 232px;
	position: relative;
	/*top: -32px;*/
	#top: 0px;
	_top: 0px;
	right: 0px;
	border-top: solid 0px #FFF;
	border-right: solid 6px #FFF;
	border-bottom: solid 6px #FFF;
	border-left: solid 6px #FFF;
	background-color: #d8eebd;
	background-image: url(orderdetailsbg.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	height: auto;
	padding-bottom:155px;
	}
	
#sellon{
	width: 232px;
	position: relative;
	/*top: -32px;*/
	#top: 0px;
	_top: 0px;;
	right: 0px;
	border-top: solid 0px #FFF;
	border-right: solid 6px #FFF;
	border-bottom: solid 6px #FFF;
	border-left: solid 6px #FFF;
	background-color: #d9effa;
	}
	
#testimonial{
	width: 232px;
	position: relative;
	/*top: -48px;*/
	#top: 0px;
	_top: 0px;
	right: 0px;
	border-top: solid 0px #FFF;
	border-right: solid 6px #FFF;
	border-bottom: solid 6px #FFF;
	border-left: solid 6px #FFF;
	background-color: #015b1e;
	background-image: url(testimonialbg.jpg);
	background-position:top;
	background-repeat: no-repeat;
	height: auto;
	padding-top:20px;
	height: auto;
	}
	
/* Table layout */
.checkoutdatatable {
	border: 0px;
	border-collapse: collapse;
	width: 100%;
}
.checkoutdatatable td {
	font: 12px Arial, Helvetica, Verdana, Times, sans-serif;
	background-color: #D9EFFC;
	border: 0px;
	color: #000000;
	line-height: 1.25em;
	text-align: left;
	padding: 4px;
}
.checkoutdatatable th {
	font: bold 12px Arial, Helvetica, Verdana, Times, sans-serif;
	border: 0px;
	background-color: #4DBAE5;
	color: #FFFFFF;
	line-height: 1.25em;
	text-align: left;
	padding: 4px;
}