*{ margin:0; padding:0; }
img { border:none; padding:0; margin:0;}
html, body { width:100%; height:auto; font-family:Arial, Helvetica, sans-serif; margin:0px; font-size:100%; color:#333; background-color:#fff; }
p { margin-bottom:1em; }
ul { margin-bottom:1em; }
h1 { font-size:2em; margin:1.25em 0; }
h2 { font-size:1.75em; margin:1em 0; }
h3 { font-size:1.5em; margin-bottom:14px; }
h4 { font-size:13px; margin-bottom:14px; }
h5 { font-size:1em; margin:0.63em 0; }
h6 { font-size:0.875em; margin:0.5em 0; }
table{	margin:0; padding:0;}
ul{margin-top:5px;}
ul li{ margin-left:15px;}


#container { position:relative; display:block; width:770px; max-width:100%; height:auto; margin-left:auto; margin-right:auto; text-align:left; font-size:0.75em; padding:0;background-color:#fff; margin-top:20px; border:0px solid #000;}

#content{	width:720px; float:left; text-align:left; margin:0; padding:13px 0 13px 24px;}
#header{ width:770px; margin:0 auto; height:146px; float:left; background-color:#A8A69A; }
#mainContent{ width:417px; float:left; text-align:left; margin:11px 17px 0 0;  }
#mainContent h1{ margin-top:0;margin-left:0;border-bottom:1px solid #666;padding-bottom:3px;margin-bottom:13px;}

div.head-text{	clear:both; float:right; color:#686248; margin-right:25px; margin-top:15px; position:relative; text-align:right;width:215px;	}
div.head-number{	font-size:18px; font-weight:bold; }
#title { display:block; width:0; height:0; text-indent:-999em; overflow:hidden; }
.pageTitle{ margin:0; padding:0;	}
.pageTitle1{ margin:0; padding:0; color:#686248;  }
.rightonly{		float:right;	}
.leftonly{		float:left;	}

#head-img{	background:url('../../images/head-bck.jpg') top center no-repeat #A8A69A; height:146px; }
#header h1 { margin-left:20px; }
#header h1 a { border:none; }
#header h1 a img { vertical-align:middle; float:left;}
#header h1 a span { padding-left:20px; }

a.bckButton{ text-decoration:underline;color:#000;font-size:1em;}
a.bckButton:hover{ text-decoration:none;}

#top-nav{ display:block; background:#fff; float:right; margin-right:25px; height:44px; width:245px; border-bottom:2px solid #ccc; border-right:2px solid #ccc; margin-top:1px; }
#top-nav ul { list-style:none; margin-bottom:0; text-align:center; margin:22px 0 12px 0; }
#top-nav ul li { display:inline;margin-left:0; margin-top:0px;  }
#top-nav ul li a{  color:#696447;margin:0 0 0 0; padding:0;text-decoration:none;font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#top-nav ul li a:hover, #top-nav ul li a.contact-us:hover { border-bottom:1px solid #696447; }
#top-nav ul li a.contact-us{ border:0;}

#mainnavigation{	width:770px;  padding:0; margin:0; float:left; height:32px; background:#fff; }

#mainnavigation ul { margin:0; padding:0; }
#mainnavigation ul li{margin:0; padding:0; display:inline; list-style-type:none;}
#mainnavigation ul li a { display:inline-block;width:192px;text-decoration:none;background:url('../../images/nav-back.jpg') top left no-repeat #fff; color:#EAE8E9;  line-height:2.1em;text-align:center;font-weight:bold;font-size:15px;margin:0;padding:0;float:left;}
#mainnavigation #active , #mainnavigation ul li a:hover {  background:url('../../images/nav-back-hover.jpg') top left no-repeat #fff;color:#fff;}

.main-pages{ width:417px; padding:0px; margin-bottom:1em; float:left;}
.main-pages a{ font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:0 0 11px 0; margin:0;text-decoration:none;color:#666; }
.main-pages a:hover{ text-decoration:underline; }
.main-pages img{ float:left; margin:0; padding-right:5px;}
a.more {	float:right; text-decoration:underline; color:#686248;font-size:1em;}
a.links:hover, a.more:hover{	text-decoration:none; }

a.links {	margin:2px; text-decoration:underline; font-size:1em;font-weight:bold;padding-bottom:11px;color:#666;}

/*Testing code for detailpages*/
#detail-pages{ padding:0; margin:0;width:100%; float:left; }
#detail-pages h2{  color:#000;padding-bottom:5px; margin-bottom:11px;border-bottom:1px solid #692B84;float:left;width:100%; }
.detailIntro{ float:left;width:100%;}
#detail-pages img{ float:right; margin:0 0 5px 15px; padding:0; border:1px solid #666666;}

#secondaryContent{	width:282px; float:left; margin-top:11px; padding:0; min-height:526px; }
#secondaryContent img{	margin-bottom:1em;}

ul.list1{	color:#fff; list-style: disc inside;padding:0;  position:relative;   overflow:hidden;}
ul.list1 li{	padding-left: 2em; list-style-position: inside; text-indent: -1.4em; }
table{	border-top:1px solid #ccc; padding:0px; margin:0; }
#flavourco-mainContent{	color:#686248;}
.intro{	margin-left:3px;}
#flavours-page img{ margin-right:5px; margin-left:0; padding:0; }

.floatblock { display:inline; width:362px; height:281px; float:left; margin:0; padding:0; overflow:hidden;}
.main_content{	 text-align:left;}
.floatblock1 { display:inline; width:358px; height:281px; float:left; background-color:#8A7F5F; margin:0;  padding:0; color:#fff;  overflow:hidden;}
#floatblock_contents{	padding:18px 16px 21px 17px;  }
.pageTitle2{	margin-bottom:8px; padding:0; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder;}
#floatblock2 { display:inline; width:173px; height:134px; float:left; margin:14px 7px 0 0; background:#8A7F5F; padding:0; }
.content-nav-img{ float:left; }
#floatblock3 { display:inline; width:173px; height:134px; float:left; margin:14px 6px 0 0;  background:#8A7F5F;}
#floatblock4 { display:inline; width:173px; height:134px; float:left; margin:14px 6px 0 0;  background:#8A7F5F;}
#floatblock5 { display:inline; width:173px; height:134px; float:left; margin:14px 6px 0 0;  background:#8A7F5F;}
#floatblock6 { display:inline; width:173px; height:134px; float:left; margin:14px 0 0 2px;   background:#8A7F5F;}
#floatblock2 a, #floatblock3 a, #floatblock4 a, #floatblock5 a, #floatblock6 a{ text-decoration:none; color:#FFFFFF;}
#floatblock2 a:hover, #floatblock3 a:hover, #floatblock4 a:hover, #floatblock5 a:hover, #floatblock6 a:hover{ text-decorationnone; }
.content-nav{font-size:14px; width:138px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:left; padding-left:12px; color:#fff; line-height:22px; }

#footer{ width:770px; margin:0; color:#696447; padding:0; border-top:1px solid #fff;  text-align:center; background:#A8A69A url('../../images/footer-back.jpg') top left repeat; height:25px; clear:both; border-top:3px solid #686248; overflow:hidden; }
.footy{	float:left; margin:5px 0 0 24px; font-size:11px; }
#footer-nav ul { list-style:none; margin-right:1em; padding:0; text-align:right;}
#footer-nav ul li { display:inline;  margin:0px; }
#footer-nav ul li a{ line-height:23px; font-size:11px; text-decoration:none; padding:0 3px 0 2px; margin:0; color:#696447;}
#footer-nav #foot-home a{ border-right:1px solid #696447;}
#footer-nav ul li a:hover { border-bottom:1px solid #696447; }

