@charset "utf-8";
/* CSS Document */

/*
 * TAG styles
 */

a {

	color:#9ddfeb;
	padding:0;
}
a:link, a:visited{
	text-decoration:underline;
}
a:hover, a:active{
	text-decoration:none;
}

a img{border:none; outline:none;}

body.bodyimg{
	margin:0;
	margin-right:auto;
	margin-left:auto;
	color:#ffffff;
	padding:0;
	background-attachment: scroll;
	background-image:url(../images/bg_21.jpg);
	background-repeat:repeat-y;
	background-position:center;
	background-color: #65422e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:15px;
}
button, input.button {
	font-size:9px;
	line-height:9px;
	padding: .2em .8em .2em .8em;
   	width: auto;
	background-color:#301c13;
	color: #fff;
   	text-shadow: 1px 1px 1px #000;
	border:none;
/*
optional border
	border: solid thin #fff;
 */
/*
optional rounded corners 
	-webkit-border-radius: .7em;
	-moz-border-radius: .7em;
	border-radius: .7em;
 */	
}
button:hover, input.button:hover {
	background-color:#c37245;
}
form {
	margin:0;
	padding:0;
}

h1{
	line-height:18px;
	font-size:18px;
	padding:0 0 20px 0;
	margin:0;
}
h2{
	line-height:16px;
	font-size:16px;
	padding:0 0 20px 0;
	margin:0;
}
input.textinput{
	color:#939495;
	border:0;
	background-color:#ccc;
	vertical-align:bottom;
	width:120px;
	padding:0;
	margin:0;
}
input.textinputGray{
	color:#939495;
	border:0;
	background-color:#ccc;
	vertical-align:bottom;
	width:120px;
	padding:0;
	margin:0;
}
input.textInputNormal{
	color:#333;
	border:0;
	background-color:#d4cbcc;
	vertical-align:bottom;
	width:150px;
	padding:0;
	margin:0;
}
input.textinput1, input.textinput2, input.textinput3{
	border:0;
	vertical-align:bottom;
	padding:0;
	margin:2px 0 0 0;
	width:190px;
}
input.textinputnowidth{
	background-color:#d2cccc;
	border:0;
	vertical-align:bottom;
	padding:0;
	margin:2px 0 0 0;
}

input.textinput1{
	background-color:#d2cccc;
}
input.textinput2{
	background-color:#ccc;
}
input.textinput3{
	background-color:#e2e0e1;
}



p {	
	margin:0;
	padding: 0 0 10px 0;
}
select.selectNormal {
	color:#333;
	background-color:#ccc;
	border:0;
	width:auto;
	padding:0;
	margin:0;
}
table.orderstatus, table.ruled {
	width:100%;
	margin:0 0 20px 0;
}

table.orderstatus tr, table.ruled tr {
	display:table-row;
}
table.orderstatus td, table.ruled td {
	border-top:1px solid #c6c3c6;
	border-left:none;
	border-right:none;
	border-bottom:none;
	padding:4px 4px 4px 9px;
	/*
	 * 	background-color:#f5ca59;
	height:40px;

	 */
	background-color:#ccc;
	font-size:11px;
	color:#666;
	margin:0;
	vertical-align:middle;
}
table.orderstatus td a, table.ruled td a {
	color:#6d9f9b;
	padding:0;
}


/*
 * ID styles
 */

#body_container{
	width:780px;
	padding:36px 150px 30px 40px;
	min-height:450px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: none;
	background:url(../images/bg_subpage_content.jpg) repeat-y;
	float:left;
	/*
	overflow:auto;
	*/
}
#body_container .leftSide {
	font-family:Arial, Helvetica, sans-serif;
	width:190px;
	/*
	 * 
	width:216px;
	 */
	float:left;
	padding-bottom:40px;
}
#body_container .leftSide a {
	color:#fff;
}
#body_container .leftSide a:link,  #body_container .leftSide a:visited{
	text-decoration:none;
}
#body_container .leftSide a:hover,  #body_container .leftSide a:active{
	text-decoration:underline;
	font-weight:bold;
}
#body_container .leftSide a.selected {
	font-weight:bold;
}
#body_container .leftSide ul{
	margin:0;
	padding:0;
}
#body_container .leftSide li{
	font-size:13px;
	line-height:22px;
	list-style-type:none;
	margin:0;
	padding:0;
}
#body_container .rightSide{
	width:560px;	
	float:right;
}
#body_container .rightSide p.intro{
	font-size:14px;
	line-height:17px;
	font-weight:bold;
	margin:0 0 30px 0;
}
#body_containerguide{				
	width:970px;
	height:450px;
	margin-top:0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding:0px;
	float: none;
	background-image:url(../images/emc_guide.jpg);
	background-repeat:no-repeat;
	float:left;
}	
#bottomleft{
			width:870px;
			border:0px solid #65422e;
			background:#1d120e;
			height:20px;
			float:left;
			text-align:left;
			padding-left:10px;
			position:relative;
			margin-top:10px;
			font:normal 11px Arial, san-serif;
						
}

#bottomleft p{
			margin-left:125px;
			color:#999999;
			margin-top:-30px;
			text-align:center;

}
#bottomright{
			width:90px;
			border:0px solid #65422e;
			background:#1d120e;
			float:right;
			height:20px;
			position:relative;
			margin-top:10px;
		
}

#chocolate_guide{
	width:970px;
	height:291px;
	margin:0;
	padding:0px;
	float:left;
	overflow:hidden;
	
}

#content_header{
	width:970px;
	height:164px;
	margin:0;
	padding:0;
	clear:both;
}

#copyright{
			width:970px;
			border:0px solid #65422e;
			background:#1d120e;
			height:80px;
			float:left;
			}			
#copyright a {
	color: #ccc;
	width:auto;
	margin-top:auto;
	padding:0;
	line-height: 10px;
}
#copyright a:link, #copyright a:visited{
	text-decoration:none;	
}
#copyright a:hover, #copyright a:active{
	text-decoration:underline;	
}
			
#foot_right { width:100px;
			border:0px solid #65422e;
			background:#61402d;
			display:inline;
			float:right;
			height:25px;
			padding-top:5px;
			}
#footer { width:970px;
			border:0px solid #65422e;
			background:#61402d;
			height:25px;
			vertical-align:top;
			float:left;
			padding:0;
			
			}
			

#foot_left{
			width:840px;
			border:0px solid #65422e;
			background:#61402d;
			float:left;
			display:inline;
			height:25px;
			padding-left:5px;
			margin-top:5px;	
}	
#foot_left ul li{
	list-style-type:none;
	display:inline;
	margin:0px;
	padding:0px 10px 0 0;
}


#guideThumbs {
	width:970px;
	height:291px;
}
#guideContent { float: left; 
	/*
	 *background: url("../images/choc-guide-description.JPG"); 
	  
	 */
	 width: 292px; height: 290px;}

#guideContent2 { 
	z-index:1;
	display:none;
	position:absolute;
	width: 292px; height: 290px;
}
#header { 
	width:970px;
	background-image:url(../images/bgheader.jpg);
	background-repeat:repeat-x;
	background-position:left;
	height:76px;
	margin:0;
	padding:0;
	border:0;
	/*
	border-bottom:0px;
	border:0px solid #372519;
	background:#372519;
	height:70px;
	*/
}
#headermenu{
	height:20px;
	width:480px;;
	padding-right:20px;
	padding-top:8px;
	float:right;
	position:relative;
	color:#999999;
	text-align:right;
	/*
	border-bottom:1px solid #20190f;
	*/
}
#hp_flash{
	width:970px;
	height:496px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding:0;
	background:#61402d;
/*
 * 
 * background-image:url(../images/Bigimage.jpg);
	background-repeat:no-repeat;
	float:left;

 */	

}
#logo{ 
		/*
		 * 		margin:7px 0 0 18px;
		padding:14px 0 0 18px;
		height:69px;
		width:231px;

		 */
		height:55px;
		width:213px;
		padding:14px 0 0 18px;
		float:left;
}
#lside { 
	float: left; 
	/*
	background: url("../images/choc-guide-description.JPG"); 
	*/
	width: 294px; height: 290px;
}
#menu_container { 
	width:970px;
	height:29px;
	position: relative;
	color:#999999;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background:#1d120e;
	background:url(../images/mani_menu_bg_10.jpg);
	background-repeat:repeat-x;
	vertical-align:top;	
	float:left;
}
#menu a:link, #menu a:visited, #menuMainRight a:link, #menuMainRight a:visited{
	background:url(../images/mani_menu_bg_10.jpg) repeat-x;
}
#menu a:hover, #menu a:active, #menuMainRight a:hover, #menuMainRight a:active{
	color:#fff;
	background:url(../images/selected_bg.jpg) repeat-x;
}
#menu ul, #menuMainRight ul, #foot_left ul{
	margin:0;
	padding:0;
}
#menu ul li, #menuMainRight ul li{
	padding:0;
	margin-top:0;
	height:29px;
	text-align:center;
	width:auto;
	text-decoration:none;
	float:left;
	display:block;
	background:url(../images/mani_menu_bg_10.jpg);
	background-repeat:repeat-x;
	/*
	background-image:url(../images/bg_main_nav_button.jpg);
	*/
}
#menu ul li a, #menuMainRight ul li a {
	width:auto;
	margin-top:auto;
	margin-bottom:0;
	display:block;
	padding:8px 18px 10px 17px;
	line-height: 10px;
	font-weight:bold;
	vertical-align:middle;
	border-right:1px solid #130a05;
	border-left:1px solid #201614;
	border-bottom:none;
	border-top:none;
}
#menu ul li a.selected, #menuMainRight ul li a.selected {
	background:url(../images/selected_bg.jpg) repeat-x;
	color:#fff;
}
#menufooter {
	color: #ffffff;
	font-weight:normal;
}
#menufooter a {
	color: #ffffff;
	width:auto;
	margin-top:auto;
	padding:0;
	line-height: 10px;
}
#menufooter a:link, #menufooter a:visited{
	text-decoration:none;	
}
#menufooter a:hover, #menufooter a:active{
	text-decoration:underline;	
}
#menuMainRight ul li{
	/* override this setting
	 */
	float:right;
}

#menuSecondary a, #menu a, #menuMainRight a {
	color:#999999;
	text-decoration:none;	
}
#menuSecondary a:hover, #menuSecondary a:active {
	color:#fff;
	text-decoration:none;	
}




#menuselected
{
  display: block;
 /* width: px;  height: 31px; */ 
 /* background-image:url(image/over-01.jpg);  */
   background-color:#61402D;
  text-decoration: none;
  height:28px;
  text-decoration:none;
  color: #999999;
  text-align: center;
}
#orderdetailhead {
	width:100%;
	margin:0;
	padding:0;
}
#orderdetailhead .backlink {
	width:70%;
	float:left;
	margin:0 0 10px 0;
}
#orderdetailhead .backlink a{
	color:#ccc;
	font-size:12px;
	font-weight:bold;
}
#orderdetailhead .backlink a:link, .backlink a:visited {
	text-decoration:none;
}
#orderdetailhead .backlink a:hover, .backlink a:active {
	text-decoration:underline;
}
#orderdetailhead .invoiceNumber {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	width:10%;
	display:inline;
	margin:0 0 10px 0;
}
#orderdetailhead .orderDate{
	color:#fff;
	font-size:10px;
	width:15%;
	text-align:right;
	display:inline;
	margin:0 0 10px 40px;
}
#orderstatus{
	padding:0 10px 10px 0;
}

#orderItems {
	width:70%;
	float:left;
	margin:0 0 20px 0;
	color:#666;
}
#orderItems th {
	background-color:#999;
	color:#333;
	font-size:10px;
	font-weight:bold;
	text-align:left;
 	text-transform:uppercase;
	padding:4px 4px 4px 9px;
	margin:0;
	border-bottom:1px solid #000;
}
#orderItems td {
	border-bottom:1px solid #000;
	padding:4px 4px 4px 9px;
	background-color:#fff;
	font-size:10px;
	font-weight:bold;
	margin:0;
	vertical-align:middle;
}
#orderSummary {
	width:27%;
	float:right;
	margin:0 0 20px 0;
	color:#fff;
}
#orderSummary th {
	background-color:#999;
	color:#fff;
	font-size:10px;
	text-align:left;
 	text-transform:uppercase;
	padding:4px 4px 4px 9px;
	margin:0;
	border-bottom:1px solid #000;
}
#orderSummary td {
	padding:4px 4px 4px 9px;
	background-color:#ccc;
	color:#333;
	font-size:10px;
	margin:0;
	vertical-align:middle;
}	

#rside { float: right; background: url("../images/rside.JPG"); height: 290px; width: 384px;}
#search_form{ 
	width:auto;
	height:20px;
	padding:7px 14px 0px 17px;
	float:left;
	/*padding:8px 5px 0px 8px;*/
	color:#999999;
	/*
	background-color:#ffcc00;
	*/
}	
#search_form input.textinput {
	border:none;
	width:109px;
	background-color:#acacac;
	color:#333;
}
#store_container{
	width:970px;
	/*
	height:616px;
	*/
	height:566px;
	margin:0;
	padding:0px;
	float:left;
	overflow:hidden;
	
}

#wrapper { 

	width:970px;
	background:#65422e;
	margin:auto;
	position: relative;
	height:100%;
}
/*
 * class styles
 */

.clearboth {
	clear:both;
	margin:0 0 10px 0;
}

.col1,  .col2  {
	width:220px;
	display:inline;
	float:left;
}
 .col1 div, .col2 div{
	margin:0;
	padding:0 15px 0 0;
}
 .guideThumb { float: left; margin: 0px; padding: 0px; width: 97px; height: 97px;}

.guideThumb a {
	border:0;
	color:#000;
}
.guideThumb a:active {
	border:0;
	color:#fff;
}
.guideThumb a img {
	margin:0px;
	border:0;
}
.guideThumb a img.selected {
	margin:0;
	border:1px #ffffff solid;	
}

.header2 { 
	/*
	height: 165px; 
	background: url("../images/header2_img.JPG") no-repeat; 
	*/
	height: 114px; 
	clear: both; 

}
.home{
	background-image:url(../images/mani_menu_bg_10.jpg);
	background-repeat:repeat-x;
	height:28px;
	width:70px;
}

.line{
		background-image:url(../images/line.png);
		background-repeat:no-repeat;
		height:28px;
		width:1px;		
}
.orangeText{ 
	color:#C26F41;
}
.required {
	color:#C26F41;
}		
		
		
 .textmenu{
 			font-family: Arial, Helvetica, sans-serif;
			color:#999999; 
			font-size:11px; 
			font-weight:bold; 
			text-decoration:none;
			margin-left:5px;
			margin-top:-5px;
			}

 
 .footertext{
 				font-family:Arial, Helvetica, sans-serif;
   				color:#999999;  
				font-size:11px; 
								
				}
.site{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#999999;
		font-weight:bold; 
}
.welcome{
	color:#999999;
	font-size:11px;
	font-weight:bold;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:25px;
}

.imgfloatleft{
	
	float:left;
margin:10px 10px 10px 20px !important;
}