/*
	Summary
	+--------------------------------------+
	Project:	CDs 2010
	Date Created:	11 May 2010
	Date Modified:	19 May 2010
	Author:		keving@gmail.com
	
	Color	Description
	+--------------------------------------+
	#A69B11 - Mustard
		#E1DDAE - Mustard shade
	#4C081D	- Dark Red
	#99002F	- CDs Red (Maroon)
	#0A5166	- Dark Blue
	#0BB5E5	- Bright Blue	
	#FCFBFB	- Cream
*/
body{
	background-color:#FFF;
}
#wrapperHeading{
	width:100%;
	background-color:#FCFBFB;
	border-bottom:1px solid #EEE;
}
#wrapperFooter{
	float:left;
	width:100%;
	/*background-color:#FCFBFB;*/
	border-top:1px solid #EEE;
}
#contentWrapper{
	margin:0 auto;
	width:962px;
	padding:0 40px;
	background-color:#FCFBFB;
}
#heading{
	margin:0 auto;
	width:1040px;
	height:150px;
}
#headingHomepagelink{
	display:block;
	width:120px;
	height:120px;
	float:left;
	background:url('../images/template/bgHeading.jpg') top left no-repeat transparent;
}
.contactDetails li a{
	float:left;
	min-width:63px;
}
.contactDetails .phone{
	background:url('../images/template/phone.png') center left no-repeat transparent;
	padding-left:20px;
	padding-right:5px;
	margin-left:5px;
	margin-right:5px;
}
.phone:hover{
	background:url('../images/template/phone_f2.png') center left no-repeat transparent;
}

.contactDetails .fax{
	background:url('../images/template/fax.png') center left no-repeat transparent;
	padding-left:20px;
	padding-right:5px;
}
.contactDetails .wifi{
	background:url('../images/template/wifi.png') center left no-repeat transparent;
	padding-left:20px;
	padding-right:5px;
}
.wifi:hover{
	background:url('../images/template/wifi_f2.png') center left no-repeat transparent;
}
.fax:hover{
	background:url('../images/template/fax_f2.png') center left no-repeat transparent;
}
#headingRight{
	float:left;
	width:372px;
	height:100px;
	padding-top:20px;
	padding-right:38px;
}
#socialNetworkLinks{
	display:block;
	overflow:hidden;
	float:right;
	height:100px;
	width:100%;
	
}
.viewMenu a{
	display:block;
	float:right;
	height:30px;
	width:auto;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#0A5166;
	color:#FCFBFB;
	font-size:11px;
	font-weight:bold;
	line-height:30px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	padding:0px 10px;
	margin-right:4px;
}
.downloadMenu a{
	display:block;
	float:right;
	background:url('../images/template/pdf.gif') center right no-repeat transparent;
	height:30px;
	width:auto;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#0A5166;
	color:#FCFBFB;
	font-size:11px;
	font-weight:bold;
	line-height:30px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	padding:0px 40px 0px 10px;
	margin-right:4px;
	
}
.downloadMenu a:hover, .viewMenu a:hover{
	color:#FFF;
	background-color:#0BB5E5;
}
.facebook a, .twitter a, .downloadMenu a, .viewMenu a{
	margin-top:60px;
}
.facebook a{
	display:block;
	float:right;
	height:38px;
	width:38px;
	background:url('../images/template/iconFacebook_f2.gif') top center no-repeat transparent;
}
.facebook a:hover{
	background:url('../images/template/iconFacebook.gif') top center no-repeat transparent;
}
.twitter span, .facebook span{
	display:none;
}
.twitter a{
	display:block;
	float:right;
	height:38px;
	width:38px;
	background:url('../images/template/iconTwitter_f2.gif') top center no-repeat transparent;
}
.twitter a:hover{
	background:url('../images/template/iconTwitter.gif') top center no-repeat transparent;
}
#headingLeft{
	float:left;
	width:510px;
	height:110px;
	padding-top:10px;
	
}
#headingNav{
	float:left;
	width:1000px;
	height:30px;
	background-color:#0A5166;
	padding-left:40px;
	-moz-border-radius:15px 15px 0px 0px;
        -webkit-border-radius:15px 15px 0px 0px
}
#content{
	float:left;
	width:960px;
	background-color:#FCFBFB;
	margin-top:-1px; /*  */
}
#middle, #middleInner{
	float:left;
	width:958px;
	min-height:400px;
	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
	background-color:#FCFBFB;
}
#middleInner{
	float:left;
	width:940px;
	padding:10px;
	padding-top:20px;
}
#middleNav{
	float:right;
	width:240px;
	padding:0px 0px 10px 10px;
}
.mainPromotion{
	float:left;
	width:240px; 
	height:240px;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}
.mainPromotionText{
	float:left;
	display:block;
	color:#FCFBFB;
	bottom:0;
	left:0;
	position: absolute;
	margin-bottom:-85px;
	padding:5px;
	min-height:100px;
	height:100px;
	width:240px;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
}
.mainPromotionText h3{
	text-align:center;
	margin-bottom:4px; /*temp*/
	color:#FFF;
}
.halfBox{
	float:left;
	width:458px; /* there's a 1px border either side of this (#middle)*/
	min-height:150px;
	padding:10px 10px 0px 10px;
}
.fullBox{
	float:left;
	width:940px;
	min-height:120px;
	padding:10px;
}
.mustard{
	background-color:#A69B11;
}
.darkred{
	background-color:#4C081D;
}
.cdsred{
	background-color:#99002F;
}
.darkblue{
	background-color:#0A5166;
}
.brightblue{
	background-color:#0BB5E5;
}
.cream{
	background-color:#FCFBFB;
}
.goujons{
	background:url('../images/template/goujons.jpg') top left no-repeat transparent;
}
.meatsandwiches{
	background:url('../images/template/meatsandwiches.jpg') top left no-repeat transparent;
}
.thaifishcakes{
	background:url('../images/template/thaifishcakes.jpg') top left no-repeat transparent;
}
.vanillapartycake{
	background:url('../images/template/vanillapartycake.jpg') top left no-repeat transparent;
}
.frenchstick{
	background:url('../images/template/frenchstick3.jpg') top left no-repeat transparent;
}
#latestNews{
	float:left;
}
#latestNews li{
	float:left;
	border-top:1px solid #CCC;
	background-color:#FFF;
	padding:5px 0px 5px 5px;
	width:450px;
}
#latestNews span.newsDate{
	display:block;
	text-transform:uppercase;
	font-size:9px;
}
#latestNews li.alt{
	background-color:#FCFBFB !important;
}
.genericForm input[type="text"]{
	height:16px;
}
.genericForm textarea {
	height:48px;
}
.genericForm input[type="text"], .genericForm input[type="password"], .genericForm textarea {
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	width:448px;
	margin-bottom:5px;
}
.genericForm input[type="text"], .genericForm input[type="password"], .genericForm textarea, .genericForm select, .genericForm checkbox {
	border:1px solid #AAA;
	padding:4px 4px;
	color:#AAA;
}
.genericForm input[type="text"]:focus, .genericForm input[type="password"]:focus, .genericForm textarea:focus{
	outline:none;
	border-color:#99002F;
	border-color:rgba(153,0,47,.75)!important;
	box-shadow:0 0 8px rgba(153,0,47,.5);
	-moz-box-shadow:0 0 8px rgba(153,0,47,.5);
	-webkit-box-shadow:0 0 8px rgba(153,0,47,.5);
	color:#000;
}
.genericForm input[type="text"], .genericForm textarea{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	overflow: auto;
}
.genericForm input[type="submit"]{
	background-color:#0A5166;
	border:1px solid #0A5166;
	color:#FCFBFB;
	text-transform:uppercase;
	line-height:20px;
	font-weight:bold;
	cursor:pointer;
	float:right;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	width:55px;
	height:22px;
	font-size:11px;
}
.genericForm input[type="submit"]:hover{
	background-color:#0BB5E5;
	border:1px solid #0BB5E5;
}
.genericForm input[type="submit"]:focus{
	outline:none;
	background-color:#0BB5E5;
	border:1px solid #0BB5E5;
}
.done #gallery{
	width:485px;
}
.done{
	display:none;
}
.loading{
	display:none;
}
.cdsmenu{
	width:340px;
	float:left;
	border-bottom:2px solid #A69B11;
	margin-bottom:10px;
	margin-right:10px;
}
.cdsmenu th{
	line-height:30px;
	height:30px;
	padding-left:10px;
	background-color:#A69B11;
	border-bottom:1px solid #A69B11;
	color:#FCFBFB !important;
}
.cdsmenu td{
	height:22px;
	line-height:22px;
	border-bottom:1px solid #A69B11;
	padding-left:10px;
	text-align:right;
	padding-right:5px;

}
.cdsmenu td:first-child{
	width:260px;
	padding-right:0;
	text-align:left;
}
.cdsmenu tr{
	background-color:#FCFBFB;
}
.cdsmenu .rowhover{
	background-color:#E1DDAE !important;
}
.cdsmenu tr.alt{
	background-color:#FFF;
}
.twoCol{
	width:340px;
	float:left;
}
#gallery{
	width:340px;
	float:left;
}
#gallery a{
	display:block;
	width:110px;
	height:78px;
	float:left;
	margin-left:5px;
	margin-bottom:5px;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
}
#map {
	float:left;
	width:480px;
	height:340px;
	margin-right:10px;
	background:url('../images/template/noscriptMap.jpg') top left no-repeat transparent;
}
#footer{
	margin:0 auto;
	width:1040px;
	padding:10px;
}
#footer li{
	display:inline-block;
	background:url('../images/template/liFooter.gif') top left no-repeat transparent;
	padding-left:16px;
}
#footer li:first-child{
	background:none;
	padding-left:0;
}
#footer p{
	color:#CCC;
}
/*
	TEXT
*/
h1, h2, h3, h4, h5, .cdsmenu th{
	font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
	color:#99002F;
	margin-bottom:5px !important;
}
h1{
	font-size:20px;
}
h2, .cdsmenu th{
	font-size:20px;
}

h3{
	font-size:16px;
}
p, li, address, table, blockquote{
	font-size:12px;
	line-height:16px;
}
p, ul, ol, address{
	margin-bottom:5px;
}
blockquote{
	margin:0 auto;
	padding-bottom:10px;
	display:block;
	width:660px;
	text-align:center;
	font-style:italic;
}
#testimonial{
	min-height:60px;

}
#testimonials blockquote{
	margin:0 auto 10px;
	padding-bottom:10px;
	display:block;
	width:660px;
	text-align:center;
	border-bottom:1px solid #AAA;
}
#testimonials blockquote em{
	display:block;
}
#testimonialControls{
	margin-right:10px;
	display:block;
	float:left;
	width:60px;
	height:auto;
}
#testimonialControls a{
	font-size:11px;
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	background-color:#0A5166;
	border:1px solid #0A5166;
	color:#FCFBFB;
	text-transform:uppercase;
	text-decoration:none;
	margin-bottom:5px;
	text-align:center;
	line-height:20px;
	font-weight:bold;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	width:55px;
	height:20px;
	display:block;
}
#testimonialControls a:hover{
	background-color:#0BB5E5;
	border:1px solid #0BB5E5;
}

#testimonial blockquote{
	text-align:left;
	width:870px;	
	display:block;
	float:left;
}
#testimonial blockquote em{
	font-style:normal;
	clear:both;
	display:block;
	
}
#middleInner blockquote{
	margin-top:10px;
}
a{
	color:#0A5166;
	text-decoration:underline;
}
a:hover{
	color:#0BB5E5;
	text-decoration:none;
}
#heading li a, #footer li a{
	text-decoration:none;
}
strong{
	font-weight:bold;
	color:#99002F;
}
em{
	font-style:italic;
}
/*
	NAVIGATION MENU
*/
ul.tabs
{
	display: table;
	position: relative;
}

ul.tabs li
{
	list-style: none;
	display: table-cell;
	float: left;
	position: relative;
	width:auto;
}
ul.tabs a
{
	position: relative;
	display: block;
	color:#FCFBFB;
	font-weight:bold;
	text-decoration:none;
	line-height:30px;
	text-transform:uppercase;
	font-size:11px;
	height:30px;
	padding:0 15px;
	background-color:#0A5166;
	width:auto;
}
ul.tabs a:hover, ul.tabs a:focus{
	background-color:#FFF;
	color:#0A5166;
}

ul.tabs li a.on{
	background-color:#FCFBFB;
	color:#0A5166;
}
/* dropdowns
*************************/

ul.dropdown
{
	display: block;
	position: absolute;
	z-index: 999;
	top: 100%;
	width: 240px;
	display: none;
	left: 0;
	border-top:1px solid #CCC;
}

ul.dropdown ul.dropdown
{
	top: 0;
	left: 95%;
}

ul.dropdown li
{
	float: none;
	position: relative;
	list-style: none;
	display: block;
	border-bottom:1px solid #CCC;
}

ul.dropdown li a
{
	display: block;
	color:#FFF;
	padding-left:10px;
	text-transform:none;
}
ul.dropdown li a.on
{
	background-color:#0BB5E5;
	color:#FCFBFB;
}
.pdf{
	background:url('../images/template/pdf.gif') center right no-repeat transparent;
}
ul.dropdown li a:hover{
	background-color:#FFF;
	color:#0A5166;
}
/* middleNav
*************************/
ul.middleNav{
	width: 240px;
}
ul.middleNav li{
	float: none;
	display: block;
	border-bottom:1px solid #CCC;
}
ul.middleNav li a{
	position: relative;
	display: block;
	color:#FCFBFB;
	font-weight:bold;
	text-decoration:none;
	line-height:30px;
	font-size:11px;
	height:30px;
	padding:0 10px;
	background-color:#0A5166;
}
ul.middleNav li a:hover{
	background-color:#FFF;
	color:#0A5166;
}
ul.middleNav li a.on{
	background-color:#0BB5E5;
	color:#FCFBFB;
	padding-left:15px !important;
}
ul.middleNav li.heading{
	position: relative;
	display: block;
	font-weight:bold;
	text-decoration:none;
	line-height:30px;
	font-size:11px;
	height:30px;
	padding:0 10px;
	background-color:transparent;
	color:#0A5166;	
	text-transform:uppercase;
}
ul.middleNav li a.on:hover{
	background-color:#0BB5E5;
	color:#FCFBFB;
}
/*
	GENERIC
*/
.clear{
	clear:both;
}
/* Contact Form */
.wrapperContactForm {
	width:400px;
	margin:0 auto;
	text-align:left;
}
.hightlight {
	border:1px solid #99002F !important;
}
.loadingTweets{
	text-align:center;
	padding-top:35px;
	color:#AAA;
	display:none;
}
.loading {
	text-align:center; 
	display:none;
	padding-top:60px;
	color:#AAA;
}
.done {
	display:none
}
::selection {
	background: #99002F; /* Safari */
	color:#FFF;
	}
::-moz-selection {
	background: #99002F; /* Firefox */
	color:#FFF;
}