/* DO NOT ALTER THE WIDTHS ON ANY OF THE COLUMNS this should be fluid!!  */
/* PADDING STUFFS UP IE 6 so try not to use it. use margins in the divs */
/* put the html tag so that it displays without a border in opera!   */


					
html, body {
	margin:0 auto;
	padding:0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	height:auto;
	width:90%;
	background-color:#d6d3cc;	
		
}

/* Page wrapper leftcol includes the paras*/

#wrapper {width: 78%; margin:0 auto;} /* wrapper must be this size as the header is 800px wide and needs this space*/

/* generic tags formatting */
h1, h2, h3, h4 {margin: 0;font-family: verdana, Helvetica, sans-serif;}
h1 {letter-spacing:.5px;font-size: 160%;color:#000;xfont-weight:bold;padding:0 0 0 3%;}
h2 {font-size: 1.6em;margin:0;color: #000;font-weight:normal;}
h3 {font-size: 1.2em;font-weight: bold;}
h4 {font-size: 1em;font-weight: bold;margin:0;padding:0 0 1% 0;}
p, ul, ol {margin-bottom: 1.6em;}
p {font-size:.9em; }
li{list-style-type:none;}
img{border:none;}
ul {}
ol {}
a {color: #000;font-family:verdana, Helvetica, sans-serif; text-decoration: none;}


/* Header  - generic should apply to all of the pages*/
#header {background-image:url(newbanner.jpg); background-repeat: no-repeat; width:100%; height:210px;}
#header h1 {color: #fff; margin: 0 0 0 0;padding:5% 0 0 0;}
#header h2 {margin: 0 0 0 0;padding:0;color:#000;color:#008349;}
#header a {text-decoration: none;}



/*horizontal navigation - generic should apply to all of the pages*/
#headingtext {float:left;width:30%;padding:0 0 2% 0;}
#dbreadcrumbs {float:right;width:70%; font-size: 1em; font-weight:bold;padding:0 0 2% 0;}
#dbreadcrumbs li{list-style-type: none;display:inline;color:#c81738;padding:0;margin:0; }
#dbreadcrumbs ul {list-style-type: none;line-height: 2.5em;margin: 0;padding: 0;zbackground-color: #d6d3cc; text-align: right;}
#dbreadcrumbs a:link, #dbreadcrumbs a:visited { 
	margin-right: 2px;
	padding: 3px 10px 2px 10px; 
	color: #c81738;
	text-decoration: none;
}
#dbreadcrumbs a:hover, #dbreadcrumbs a:active {
	margin-right: 2px;
	padding: 3px 10px 2px 10px; 
	color: #000;
	text-decoration: none;
}

#dbreadcrumbs .currentpage {color:#afa99e;}

	/*content div*/ 		
#content {width:100%;height:auto; }
#content {background-image:url(bodybg.jpg);background-repeat: no-repeat;width:100%;height:503px; }

/* column  HOME PAGE!!!!   DO NOT ALTER THE WIDTHS this should be fluid!!  */
#rightside {width:31%; float:right;padding:1% 0 0 0;}
#leftside {float: left; width: 68%;height:auto; padding:0 0 0 1%;font-weight:normal;color:#000;}


#leftsideabout {float: left; width: 79%;height:auto; padding:2% 0 0 5%;font-weight:normal;color:#000;}
#leftsideabout  a{text-decoration: none;color:#c81738;font-weight:bold;}
#leftsideabout  a:hover{color:#000;font-weight:bold;}
#rightsideabout {width:20%; float:right;}

/*this applies to the  enquiry form page e  */
#enquiryforms {padding:0 5% 0 10%;}
#enquiryforms input.txt {color: #000;  background-color: #ffded;  border: 1px #ffded; }
#enquiryforms input.btn {color: #000;  background-color: #ffded;  border: 1px #ffded;}
#enquiryforms form p { clear: left; margin: 0; padding: 0; padding-top: 5px;}
#enquiryforms form p label { float: left; width: 30%;}
#enquiryforms fieldset {border: 1px solid #c9c9c9; margin-top: 16px; padding: 10px;}
#enquiryforms legend {font-weight:bold; color: #000;font-size:100%;}
#enquiryforms .error {margin-left:2%;font-weight:bold;color:#c81738;}

#legals  a{text-decoration: none;color:#c81738;font-weight:bold;}
#legals  a:hover{color:#000;font-weight:bold;}

#terms  a{text-decoration: none;color:#c81738;font-weight:bold;}
#terms  a:hover{color:#000;font-weight:bold;}

/*  our cakes page.... careful of the divs and post card sizes. */
#ourcakes {width:90%;clear:both;margin-left:2%; padding: 1% 0 0 1%;}
#cakedesc {width:60%;float:right;}
#cakeimages {width:35%;float:left;margin-bottom:1%;padding:0 0 0 1%;}

/*  roll over to show large images and details. */
#cakeimages ul {display:block; list-style:none; padding:0; margin:0; width:250px; position:relative; }
#cakeimages ul li {display:inline; float:left; margin:1% 1% 1% 1%;}
#cakeimages li a {display:block; text-decoration:none; }
#cakeimages li a img {display:block; width:0; height:0; border:0;}
#cakeimages ul li a:hover {white-space:normal;}
#cakeimages ul li a:hover img {position:absolute; display: block; left:250px; top:1%; width:auto; height:auto;}

#cakeimages a.thumb1 {background:url(thumbs/chocothumb.jpg);  width:118px; height:80px;}	
#cakeimages a.thumb2{background:url(thumbs/pinkrosethumb.jpg); width:118px; height:80px;}	
#cakeimages a.thumb3 {background:url(thumbs/strawbthumb.jpg);  width:118px; height:80px;}	
#cakeimages a.thumb4{background:url(thumbs/coconutthumb.jpg);  width:118px; height:80px;}	
#cakeimages a.thumb5 {background:url(thumbs/lightheartthumb.jpg); width:118px; height:80px;}		
#cakeimages a.thumb6{background:url(thumbs/duckthumb.jpg); width:118px; height:80px;}	
#cakeimages a.thumb7{background:url(thumbs/whiterosethumb.jpg); width:118px; height:80px;}	
#cakeimages a.thumb8{background:url(thumbs/minithumb.jpg); width:118px; height:80px;}

/* pricelist page ! */
#standard {float:left;margin-left:12%; background-image:url(images/standard.gif);background-repeat: no-repeat; width:38%; height: 316px;padding:0 0 0 0;}


#specialty {float:right;background-image:url(images/special.gif);background-repeat: no-repeat;width:38%; height: 316px; padding:0 2% 0 1%;}


#prices {clear:both;padding:3% 0 0 2%;}


/* Footer - this applies to the footoer on ALL Of the pages !!!!! */
#footer {width:100%; height:90px; margin:0 auto; zbackground:#d6d3cc; color:#c81738; clear:both; text-align:center; line-height: normal;}
#footer  li{list-style-type: none;display:inline;	color:#c81738;}
#footer  a{text-decoration: none;color:#c81738;font-weight:bold;}
#footer  a:hover{color:#000;font-weight:bold;}
#footer a:link, #footer a:visited { 
	margin-right: 2px;
	padding: 3px 10px 2px 10px; 
	color:#c81738;
	background-color: #d6d3cc;
	}