/*----------------------------------
          PAGE PROPERTIES
-----------------------------------*/

body {
	background: #FFF url(images/header.bmp);
	background-position: 0px 0px;
	background-repeat : repeat-x;
	padding: 0;
	margin: 0; /* to avoid margins */
   text-align: center; /* to correct the centering IE bug*/
}

#container {
	width: 750px;
	margin-left: auto;
   margin-right: auto;
	text-align: left; /* to realign your text */
	position: relative;
	margin-top: 20px;
}


/*----------------------------------
              HEADER
-----------------------------------*/

#logo {
	background-color: #625B2F;
	border: 1px solid #867E40;
	width: 300px;
	height: 55px;
	color: #FFF;
	font-family: 'Credit Valley';
	font-size: 36pt;
}

#logo p.padding {
	margin: 8px 0 0 10px;
}

#tabs {
	float: left;
	position: absolute;
	width: 450px;
	background: #918745;
	line-height: normal;
	margin-top: -56px;
	margin-left: 325px;
}

*html #tabs {
	margin-top: -54px;
	margin-left: 20px;
}

#tabs .current {
  background-position:0% -42px;
}

#tabs .current span {
  background-position:100% -42px;
}

#tabs ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
}

#tabs li {
   display:inline;
   margin:0;
   padding:0;
}

#tabs a {
   float:left;
   background:url('images/tableft.bmp') no-repeat left top;
   margin:0;
   padding:0 0 0 8px;
   text-decoration:none;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 13pt;
}

#tabs a span {
   float:left;
   display:block;
   background:url('images/tabright.bmp') no-repeat right top;
   padding:5px 12px 4px 6px;
   color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover span {
  color: #FFF /*#625B2F*/;
}

#tabs a:hover {
  background-position:0% -42px;
}

#tabs a:hover span {
  background-position:100% -42px;
}

#navigation {
	margin: -8px 0 30px 280px;
	list-style:none;
	overflow: auto;	
} 

*html #navigation {
	margin-left: 305px;
}

#navigation li {
	display: inline;
	border-right: 1px solid #BBA371;
	padding: 0 9px 0 6px;
}

*html #navigation li {
	padding: 0 6px 0 9px;
}

#navigation li a {
	color: #DAC9A7;
	font-family: Verdana, sans-serif;
	font-size: 9pt;
	text-decoration: none;
}

#navigation li a:hover {
	color: #BBA371;
}


/*----------------------------------
              BODY
-----------------------------------*/
#body {
	position: relative;
	clear: both;
	float: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	color: #72542C;	
	width: 750px;
}

#body h2 {
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 15pt;
	margin: 0;
	padding: 0;
}

#body a {
	color: #A4994F;
}

#body #pad {
	padding: 20px 0 0 40px;
	margin-bottom: 30px;
}

#body #column1 {
	float: left;
	clear: both;
	width: 230px;
	text-align: right;
	margin: 0;
	padding: 0;
}

#body #column2 {
	float: left;
	clear: right;
	width: 230px;
	border-left: 1px solid #DAC9A7;
	text-align: center;
	margin: 0;
	padding: 0;
}

#body #column3 {
	float: left;
	clear: right;
	width: 230px;
	border-left: 1px solid #DAC9A7;
	margin: 0;
	padding: 0;
}

#body #padding {
	padding: 0 10px 0 10px;
}

.snapshot {
	width: 363px;
	height: 263px;
	float: left;
}

.psnapshot {
	width: 325px;
	height: 244px;
	float: right;
	clear: right;
	border: 3px double #72542C;
}

#body p.caption {
	font-family: Georgia, 'Times New Roman';
	font-size: 12pt;
	color: #918745;
	float: right;
	clear: right;
	width: 325px;
	margin-top: 20px;
}

#producttext {
	float: left;
	clear: both;
	border-right: 1px solid #DAC9A7;
	padding: 0 10px 0 0;
	margin: 10px 8px 0 0px;
	width: 400px;
}

#producttext p {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	clear: both;
}

#producttext b { /*highlights*/
	font-family: Georgia, 'Times New Roman';
	font-size: 12pt;
	color: #918745;
	font-weight: normal;
}

#producttext ul { 
	list-style-type: none;
	display: block;
	padding-left: 5px;
	margin: -10px 0 10px 0;
}

#producttext li {
	text-indent: -5px;
}

#producttext ul.flavorcolumn1 {
	float: left;
	width: 128px;
	padding-bottom: 0;
	margin-bottom: 0;
}

#producttext ul.flavorcolumn2 {
	float: left;
	clear: right;
	width: 128px;
	padding-bottom: 0;
	margin-bottom: 0;
}

#producttext ul.flavorcolumn3 {
	float: left;
	clear: right;
	width: 128px;
	padding-bottom: 0;
	margin-bottom: 0;
}

#hometext {
	float: left;
	clear: right;
	border-left: 1px solid #DAC9A7;
	padding: 0 0 0 10px;
	margin: 10px 0 0 10px;
	width: 360px;
	height: 240px;
}

#hometext p {
	margin: 0 0 10px 0;
	padding: 0;
}

#hometext b { /*highlights*/
	font-family: Georgia, 'Times New Roman';
	font-size: 12pt;
	color:#918745;
	font-weight: normal;
}

/*------- product page -------*/
#product .thumbnail {
	float: left;
	clear: right;
	margin: 0;
	padding: 0;
	width: 150px;
	height: 165px;
	text-align: center;
}

*html #product .thumbnail {
	height: 140
}

#product .thumbnail img {
	border: 1px solid #72542C;
	padding: 4px;
}

#product .thumbnail a {
	font-family: Georgia;
	font-size: 10pt;
	text-decoration: none;
	color: #72542C;	
}

#product .thumbnail b {
	font-size: 6pt;
	font-weight: normal;
}


/*----------------------------------
 FOOTER (and extended chocolate bar)
-----------------------------------*/
#chocolate {
	background: url('images/top.bmp') #946C38 top right no-repeat;
	clear: both;
	float: left;
	width: 750px;
	height: 230px;
	margin-top: 30px;
}

#chocolate h2 {
	font-family: Verdana, Calibri, sans-serif;
	font-weight: normal;
	font-size: 14pt;
	color: #FFF;
	margin: 7px 0 0 13px;
}

#chocolate p {
	padding: 0;
	margin: 10px 10px 0 10px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	color: #352715;
}

#chocolate p.shipping {
	margin-left: 45px;
	margin-top: 8px;
	font-family: Verdana;
	font-size: 9pt;
	color: #352715;
}

#chocolate p.shipping em {  /*shipping charges styling*/
	margin: 0 0 0 15px;
	color: #49361D;
}

#chocolate p.shipping b { /* *shipping*/
	font-weight: normal;
	color: #49361D;
}

#chocolate p.products img {
	margin: 8px 0 0 18px;
}

#chocolate #center {
	padding-left: 75px;
	width: 750px;
}

#chocolate .thumbnail {
	float: left;
	clear: right;
	margin: 10px;
	padding: 0;
	width: 99px;
	height: 110px;
	text-align: center;
}

#chocolate .thumbnail a {
	font-family: Georgia;
	font-size: 10pt;
	color: #FFF;
	text-decoration: none;
}

#chocolate .thumbnail a:hover {
	color: #352715;
}

#chocolate .thumbnail img {
	border: 1px solid #72542C;
}

#chocolate .thumbnail img:hover {
	border: 1px solid #D7C195;
}

#chocolate .thumbnail b {
	font-size: 6pt;
	font-weight: normal;
}


/*FORM BEGIN*/
#col1 {
	clear: both;
	float: left;
	width: 300px;
	margin-top: 30px;
}

#col2 {
	clear: right;
	float: left;
	width: 400px;
	margin-top: 0px;
}

*html #col1 {
	margin-top: 10px;
	margin-left: -5px;
}

*html #col2 {
	margin-top: -20px;
}

#contactform .label {
	float: left;
	clear: both;
	width: 90px;
	margin-top: 3px;
	margin-right: 8px;
	text-align: right;
	font-family: Verdana;
	font-size: 10pt;
	color: #352715;
}

#contactform .button {
	float: right;
	border: 1px solid #D7C195;
	font-family: Verdana;
	background-color: #72542C;
	color: #D7C195;
	margin: 7px 0 0 8px;
}

input#name, input#email {
	width: 150px;
	border: 1px solid #D7C195;
	font-family: Georgia;
	font-size: 10pt;
	margin-bottom: 5px;
	color: #352715;
	padding: 2px;
}

textarea#message {
	width: 415px;
	height: 100px;
	border: 1px solid #D7C195;
	font-family: Georgia;
	font-size: 10pt;
	color: #352715;
	padding: 5px;
}
/*FORM END*/

#footer {
	clear: both;
	float: left;
	background-color: #918745;
	width: 750px;
	height: 35px;
	margin-top: 2px;
	color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
}

#footer p {
	padding: 9px 0 0 10px;
	margin: 0;
}