/* Charlottes Chocolates */

/*******************************************
=========== OVERALL  ===========
*******************************************/

html 
{
	font-family: arial, sans-serif;
}


body 
{
	background-color: #EBEBD7;
}

/*******************************************
=========== HEADER =========== 
*******************************************/

#header1 table
{
	width: 100%;
	border-collapse: collapse;
	background-color: #D7D7C3;
}

#header1 td 
{
	padding :0px;
}

#logo 
{
	width: 172px;
	height: 90px;
}

#telephone 
{
	color: #960D21;
	text-align: center;
	width: 280px;
}

#telephoneSMALL
{	
	color: #960D21;
	text-align: center;
	font-size: 10pt;
}

#spacer
{
	width: 100%;
}
	
#bannerPic 
{
	width: 500px;
	height: 90px;
}

/*******************************************
=========== MENUBAR =========== 
*******************************************/


#menubar table 
{
	width: 100%;
	background-color: #DEDECD;
	border-collapse: collapse;
	
}

#menubar td.menu 
{
	padding: 3px;		/* Gap between hilgt + top */
}

#menubar a.menuItem 
{
	color: #960D21;
	width: 150px;
	padding: 2px;		/* Amount of 'Red'*/
	text-decoration: none;
	text-align: center;
	float: left;
}

#menubar a:hover 
{
	color: #E6E6D7;
	background-color: #960D21;
}

/*******************************************
=========== HEADER 3 =========== 
*******************************************/

#header3 table 
{
	width: 100%;
	background-color: #E6E6D7;
	border-collapse: collapse;
}

#header3 td.subMenu 
{
	padding: 3px;
}

#header3 a.subMenuItem 
{
	color: #8C1414;
	width: 120px;
	padding: 3px;		/* Amount of 'Red'*/
	font-size: small;
	text-decoration: none;
	text-align: center;
	float: left;
}

#header3 a:hover 
{
	color: #FFFFFF;
	background-color: #8C1414;
}

/*******************************************
=========== MAIN =========== 
*******************************************/

.main 
{
	width: 100%;
	background-color: #FFFFFF;
	font-family: Optima, serif;
}

.mainTitle 
{
	text-align: left;
	font-size: x-large;
	font-weight: bold;
	padding: 1em;
}

.minorTitle
{
	text-align: left;
	font-size: large;
	font-weight: bold;
	padding: 1em 0em 0em 4em;
}

#shopPane
{
	position: relative;
	height: 500px;
}

#shopBlurb
{
	position: absolute;
	left: 25px;
	width: 440px;
	
}

#shopFrontage 
{
	position: absolute;
	top: 110px;
	left: 58px;
	
	
}

#shopQuote 
{
	position: absolute;
	top: 0px;
	left: 500px;
	width: 340px;
}

#shopCounter
{
	position: absolute;
	top: 90px;
	left: 520px;
}

#shopQuickLinks
{
	position: absolute;
	top: 300px;
	left: 470px;
	width: 400px;
		border: 1px dashed #960D21;
}





a:link img, a:visited img
{
	border: 0px;
	padding: 0px 10px 0px 10px;
	border-collapse: collapse;
}

/*********************************
.text-l, p
{
	font-size: normal;
	text-align: left;
}
.text-c 
{
	font-size: normal;
	text-align: center;
}


.text-r
{
	font-size: medium;
	text-align: right;
}
*********************************/
b {
	font-weight: bold; }

i {
	font-style: italic; }

.left {
	text-align: left; }

.center { 
	text-align: center; }

.center table { 
	margin-left: auto;
	margin-right: auto;
	text-align: left; }
	
.right {
	text-align: right; }
/*******************************************
======= OCCASION CAKES ====== 
*******************************************/

#celebrationPane
{
	width: 75%;
	margin: 0 auto;
}
#occaCakePane
{
	position: relative;
	width: 80%;
	margin: 0 auto;
	padding: 10px 0px 30px 0px;
}

#occaCakeInfoPane
{
	position: relative;
	width: 95%;
	margin: 0 auto;
	border: 1px dashed #960D21;
		background-color: #E6E6D7;
}

#occaCakeTitle
{
	position: relative;
	top: 0px;
	left: 0px;
	font-weight: bold;
	color: white;
		background-color: #960D21;
	padding: 2px 0px 2px 5px;

}

#occaCakeInfo
{
	margin: 0 auto;
	padding: 2px 0px 0px 0px;

}

#occaCakeInfo:first-letter
{
	font-size: large;
	font-weight: bold;
	color: #960D21;
}

/*******************************************
======= DESIGNER DESSERTS ====== 
*******************************************/

#designerDesPane
{
	position: relative;
	width: 80%;
	margin: 0 auto;
	padding: 10px 0px 30px 0px;
}

#ddPane
{
	position: relative;
	width: 960px;
	height: 600px;
	margin: 0 auto;
}

.designerDessert
{
	position: relative;
	height: 180px;
	width: 460px;
	margin: 5px;
		border: 1px dashed black;
}

#ddImage
{
	width: 180px;
}

#ddTitle
{
	position: absolute;
	left: 180px;
	top: 0px;
	width: 280px;
	height: 30px;
	color: white;
		background-color: #960D21;
}

#ddDesc
{
	position: absolute;
	left: 180px;
	top: 30px;
	width: 280px;
	height: 120px;
		background-color: #E6E6D7;
}

#ddPrice
{
	position: absolute;
	left: 180px;
	top: 150px;
	width: 280px;
	height: 30px;
		background-color: #D7D7C3;
}

#dd-1 
{
	position: absolute;
	left: 0px;
	top: 0px;
}

#dd-2 
{
	position: absolute;
	left: 470px;
	top: 0px;
}

#dd-3 
{
	position: absolute;
	left: 0px;
	top: 190px;
}

#dd-4 
{

	position: absolute;
	left: 470px;
	top: 190px;
}

#dd-5 
{
	position: absolute;
	left: 0px;
	top: 380px;
}

#dd-6 
{
	position: absolute;
	left: 470px;
	top: 380px;
}



/*******************************************
=========== CAKES =========== 
*******************************************/

#wedCakePane
{
	position: relative;
	width: 70%;
	margin: 0 auto;
	padding: 10px 0px 30px 0px;
}

#wedCakeInfoPane
{
	position: relative;
	width: 95%;
	margin: 0 auto;
	border: 1px dashed #960D21;
		background-color: #E6E6D7;
}

#wedCakeTitle
{
	position: relative;
	top: 0px;
	left: 0px;
	font-weight: bold;
	color: white;
		background-color: #960D21;
	padding: 2px 0px 2px 5px;

}

#wedCakeInfo
{
	margin: 0 auto;
	padding: 2px 0px 0px 0px;
}

#wedCakeInfo:first-letter
{
	font-size: large;
	font-weight: bold;
	color: #960D21;
}



#cakeTableMAIN
{
	width: 75%;
	text-align: center;
}

#cakeTableMAIN tr
{
	text-align: center;
}

.sub-option
{
	position: relative;
	left: 1em;
	font-style: italic;
	
}

/******/

#wedCakePageInfo
{
	color: white;
	width: 70%;
	margin: 0 auto;
	background-color: #960D21;
}

.foo
{
	position: relative;
}

.container
{
	position: absolute;
	top: -625px;
	left: 500px;
	display: block;
}

.cakeImages
{
	width: 400px;
	height: 654px;
}

.altCakeTable
{
	
}

.altCakeOption img
{
	border: 0px;
	border-collapse: collapse;
}

/******/

#fillings
{
}

.fillingsTitle
{
	font-weight: bold;
		width: 330px;
		color: white;
		background-color: #960D21;
	padding: 0px 0px 0px 5px;
}

.fillingsList
{
	position: relative;
	left: 2em;
}

.fillingOption
{
	width: 100%;

}

/******/


.cakeTypes
{
}

.cakeTypesTitle
{
	font-weight: bold;
		width: 330px;
		color: white;
		background-color: #960D21;
	padding: 0px 0px 0px 5px;
}

.cakeTypesList
{
	position: relative;
	left: 2em;
}

.cakeTypeOption
{
	width: 100%;

}
/******/


.fruitTypes
{
}

.fruitTypesTitle
{
	font-weight: bold;
		width: 330px;
		color: white;
		background-color: #960D21;
	padding: 0px 0px 0px 5px;
}

.fruitTypesList
{
	position: relative;
	left: 2em;
}

.fruitTypeOption
{
	width: 100%;
}


/******/

.curls
{
}

.curlsTitle
{	
	font-weight: bold;
		width: 330px;
		color: white;
		background-color: #960D21;
	padding: 0px 0px 0px 5px;
}

.curlsTypes
{
	position: relative;
	left: 2em;
}

.curlsTypeOption
{
	width: 100%;

}

/******/

.prices
{
	width: 280px;
}

.pricesTitle
{
	font-weight: bold;
		width: 330px;
		color: white;
		background-color: #960D21;
	padding: 0px 0px 0px 5px;
}

.pricesTable
{
	text-align: center;
	position: relative;
	left: 2em;
	border: 1px dashed black;
}

.pricesTable td
{
	text-align: center;
	border-bottom: 1px dashed silver;
	padding: 1px;
}

/*****/

.note 
{
	font-style: italic;
	font-size: 10pt;
}


/******************************************
====== HANDMADE CHOCOLATES PAGES ===========
*******************************************/ 

#hmChocPane
{
	position: relative;
	height: 285px;
	width: 762px;
	margin: 0 auto;
	padding: 10px 0px 30px 0px;
}

#hmChocInfoPane
{
	position: relative;
	width: 520px;
		float: left;
	border: 1px dashed #960D21;
	background-color: #E6E6D7;
}
#hmTitle
{
	position: relative;
	top: 0px;
	left: 0px;
	font-weight: bold;
	color: white;
	background-color: #960D21;
		padding: 2px 0px 2px 5px;
}

#hmChocBox
{
	position: relative;
	width: 120px;
	float: left;
}

#hmChocPrice
{
	position: relative;
	width: 120px;
	float: left;
}

#hmInfo
{
	margin: 0 auto;
		padding: 2px 0px 0px 0px; 

}

#hmInfo:first-letter
{
	font-size: large;
	font-weight: bold;
	color: #960D21;
}



#chocTable
{
	width: 75%;
	text-align: center;
}
.border 
{
	border-bottom: 1px dashed #960D21;
}

.chocolates
{

}

/*********   SELECTION BOXES   ************/

#selecInfoPane
{
	position: relative;
}

#sb-Info
{
	position: relative;
	width: 800px;
		margin: 0 auto;
		border: 1px dashed #960D21;
		background-color: #E6E6D7;
}


/*-------------------*/


#sb-Title
{
	position: relative;
	font-weight: bold;
	color: white;
		margin: 0 auto;
		background-color: #960D21;
	padding: 2px 0px 2px 5px;
}


#sb-Type
{
	position: relative;
	width: 500px;
		margin: 0 auto;
		background-color: #E6E6D7;
}


#sb-Heading
{
	position: relative;
	font-weight: bold;
	margin: 2px 0px 0px 0px;
		color: white;
		background-color: #960D21;
	padding: 2px 0px 2px 5px;

}
#sb-Text
{
	position: relative;
	margin: 0 auto;
		background-color: #D7D7C3;
	padding: 2px 0px 0px 0px;


}

#sb-Text:first-letter
{
	font-size: large;
	font-weight: bold;
	color: #960D21;
}

#sb-subText
{
	position: relative;
	left: 0px;
	width: 130px;
	margin: 0 auto;
	text-align: left;
		background-color: yellow;

}

#sb-subTitle
{

}

/*********   S-Box PRICES   ************/

#boxInfoPane
{
	position: relative;
	width: 960px;
	height: 420px;
	margin: 0 auto;
		
}


.chocolateBox
{
	height: 125px;
	width: 460px;
	margin: 5px;
		border: 1px dashed black;
}

#cBox-1 
{
	position: absolute;
	left: 0px;
	top: 0px;
}

#cBox-2 
{
	position: absolute;
	left: 470px;
	top: 0px;
}

#cBox-3 
{
	position: absolute;
	left: 0px;
	top: 135px;
}

#cBox-4 
{

	position: absolute;
	left: 470px;
	top: 135px;
}

#cBox-5 
{
	position: absolute;
	left: 0px;
	top: 275px;
}

#cBox-6 
{
	position: absolute;
	left: 470px;
	top: 275px;
}

#cboxImage
{
	width: 150px;
}


#cBoxDesc
{
	position: absolute;
	left: 150px;
	top: 0px;
	width: 305px;
	height: 50px;
	color: white;
		background-color: #960D21;
}

#cBoxItem
{
	position: absolute;
	left: 150px;
	top: 50px;
	width: 175px;
	height: 75px;
		background-color: #DEDECD;
	
}


#cBoxWeight
{
	position: absolute;
	left: 325px;
	top: 50px;
	width: 50px;
	height: 75px;
		background-color: #E6E6D7;
	
}

#cBoxPrice
{
	position: absolute;
	left: 375px;
	top: 50px;
	width: 80px;
	height: 75px;
		background-color: #DEDECD;

}


/*******************************************
=========== CONTACT US ========= 
*******************************************/

#contactPane
{
	position: relative;
}

#innercontactPane
{
	position: relative;
	height: 475px;
}

.contactTitle
{
	text-align: left;
	font-size: large;
	font-weight: bold;
	color: white;
	background-color: #960D21;
		padding: 2px 0px 2px 5px;

}

#telephoneInfo
{
	position: relative;
	left: 0px;
	width: 350px;
	padding: 0px 0px 0px 5px;
}

#telephoneNo
{
	font-size: x-large;
	font-weight: bold;
}

#openingTimes
{	
	position: absolute;
	margin: 10px 0px 0px 0px;
	left: 50px;
	width: 250px;
}

#timesDisclaimer
{
	
}

#days
{
	position: relative;
	left: 50px;
	width: 50px;
}

.day
{
	border-top: 1px dashed #960D21 /* 'red' */
}

#times
{
	position: absolute;
	width: 150px;
	left: 100px;
	bottom: 0px;
}

.time
{
	border-top: 1px dashed #960D21 /* 'red' */
}


#visiting
{
	position: absolute;
	left: 375px;
	top: 0px;
	width: 600px;
	height: 425px;
}

#address
{
	position: relative;
	left: 50px;
	width: 200px;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
	border: 1px dashed #960D21
}

#buxtonLocation
{
	width: 300px;
	padding: 5px 0px 5px 0px;
}

#map
{
	position: absolute;
	left: 300px;
	bottom: 0px;
	width: 300px;
	height: 300px;
	border: 1px dashed #960D21
	
}

#contactPic
{
	position: absolute;
	width: 270px;
	left: 50px;	
	bottom: 0px;
}

#contactPicNote
{
	position: absolute;
	width: 150px;
	height: 100px;
	left: 320px;
	bottom: 30px;
}
/*******************************************
============= DETAIL PAGE =========== 
*******************************************/

table.popUpTable tr td 
{
	text-align: center;
}

.chocDescTitle
{
	font-size: large;
	color: green;
}

.chocDesc
{
	color: green;
}

/*******************************************
===========  FOOTER =========== 
*******************************************/

.footer 
{
	font-size: x-small;
	font-style: italic;
	background-color: #D7D7C3;
}