/* CSS Document */
body {

	background-color: #C5D7D1;
	background-image: url(/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

pre {
	font-size: 12px;
	padding: 0;
	margin: 0;
	line-height: 20px; /*--Height of each line of code--*/
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
	word-wrap: break-word;
}
.label {font-weight: bold}
pre.value {padding: 0 0 0 0px;margin: 0}
#details, #dialog {text-align: left}
#custom_invite {
	
	font-weight: bold;
}
#step2 {
	display:none;
}

#brown_header {
	margin: 0 auto;
	width: 995px;
	background-image: url(/mcbw_header_02.png);
	background-repeat: repeat-x;

}
#header_logo {
	float: left;
}
#header_bg {
	float: left;
	background-image: url(/mcbw_header_05.png);
	width: 623px;
	height: 87px;
	background-repeat: no-repeat;
	position: relative;
}
#header_help_image {
	position: absolute;
	width: 165px;
	left: 450px;
	top: 55px;
}
#minicart_wrapper {
	height: 20px;	
	padding-top: 5px;
	text-align: right;
}
#navigation {
	width: 993px;
	text-align: left;
	background-image: url(/mcbw_header_21.png);
}

#coupon_box
{
	padding: 0px;
	margin: 0px;
	text-align:center;
	background:#FFF6BF;
	color:#514721;
	padding-top: 3px;
	font-size: 14px;
	border-top-width: 0;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #FFD324;
	border-right-color: #FFD324;
	border-bottom-color: #FFD324;
	border-left-color: #FFD324;	/*
	border: 1px solid #F90;
	background-color: #FC0;
	text-align: center;
	font-size: 14px;
	*/
}

#ProductSideBar
{
	min-height: 500px;
}

.OptionBox 
{


	padding: 5px	
}

.tip {
	padding-top: 5px;	
}
.HighlightOptionBox 
{
	background-color: #FFF6BF; 
	border: 1px solid #FAD42E; 
	padding: 5px	
}

.fancy {
  color: #7C6957;
  /*font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;*/
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  margin: 0px;
  padding-bottom: 5px;
}

.red {
	color: #900;	
}
p {
	margin: 0px;
	padding: 0px;
}

.container {
	background-color:#FFF;
}
#container {

}	

#sidebar {

}

#sidebar_links {

}

#content {

}
#footer {

}

.button, .next_button, .prev_button, .view_cart_button, .generic_button, .image_button {
	font-size: 10px;
}
.ui-button-text .ui-button-text
{
	padding: 0px;
	margin: 0px;
}

#ImageContainer {

}

.DivTopLayer {	
	position: absolute;
	top: 0px;	
	left: 0px;
	z-index: 2;
	width: 260px;
}

.DivBottomLayer {
	position: absolute;
	left: 30px;
	top: 50px;
	width: 260px;
	z-index: 1;	

}
.DivTopLayerMini {	
	position: relative;
	top: 0px;	
	left: 0px;
	z-index: 2;
}
.DivBottomLayerMini {
	position: relative;
	margin-top: -30px;
	z-index: 1;	
}

.footer {
	min-height: 120px;	
}

.larger     {
	font-size: 1.4em;

}

.huge {
	font-size: 3em;
}

.boxed {
	width: 186px;
	float: left;


	}
.image_box {
	min-height: 175px;
	}
	
.my_textarea {
	height: 50px;
	width: 370px;
	/* Fix for textarea bug */
	font-size: 14px;

	}

.med_textarea {
	height: 50px;
	width: 330px;
	/* Fix for textarea bug */
	font-size: 14px;

	}
img.foil_image {
	border: 1px solid #000;
	}

.form_left {
	padding-top: 5px;
	text-align: right;
	}
.my_textbox {
	width: 370px;
	padding-bottom: 5px;
	padding: 5px;	
	}
.small_textbox {
	width: 30px;
	padding: 5px;
	}
	
.med_textbox {
	width: 100px;
	padding: 5px;
	}	
	

#ImageContainer {
	min-height: 147px;	
}
.ImageContainer_BG {
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-bottom: 2px;
}
.ImageContainer_default {
	padding: 2px 2px 0 2px;	
}


.foil {
	display:inline;
	padding: 5px;	
	margin: 0px;	
}
.foil_highlight {
	background-color: #DAEAF6;
	border: 1px solid blue;
}
#nutritional_expand {
	display:none;
	position:absolute;
	width: 330px;
	height: 260px;
	background-color: #FFFFFF;
	margin-left: -310px;
	margin-top: -200px;
	z-index: 45;
	padding: 10px;
	border: 2px solid #c0c0c0;
}

.hspace-10 {
	padding-left: 0px;
	padding-right: 10px;
}
a:link {
	color: #7C6957;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #7C6957;
}
a:hover {
	color: #7C6957;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	color: #7C6957;
}



a.blue:link {
	color: #36C;
	text-decoration: none;
}
a.blue:visited {
	text-decoration: none;
	color: #36C;
}
a.blue:hover {
	color: #36C;
	text-decoration: underline;
}
a.blue:active {
	text-decoration: none;
	color: #36C;
}

a.white:link {
	color: #FFF;
	text-decoration: none;
}
a.white:visited {
	text-decoration: none;
	color: #FFF;
}
a.white:hover {
	color: #FFF;
	text-decoration: underline;
}
a.white:active {
	text-decoration: none;
	color: #FFF;
}

/* Mini Cart */
#fc_minicart {
	color: #fff;
	text-align: right;
	padding: 5px;
	
}

/* Jquery Tools Tooltip */
#demotip {
	display:none;
	background:transparent url(/scripts/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
	z-index: 100;
}
 
/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}


/*

	Admin section CSS


*/
.MainDiv {
	width: 858px;
	text-align: center;
	border: 1px solid #B2B2B2;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
.Header {
	font-size: 16px;
	font-weight: bold;
}
.DefaultRow {
	background-color: #DFDFDF;
        padding: 3px;
}
.HighlightRow {
	background-color: #C0D977;
        padding: 3px;
}
.Cartheader {
	padding: 4px;
	background-color: #88A54B;
	color: #FFFFFF;
	font-weight: bold;
}
.GreenHeader {
	height: 24px;
	border: 1px solid #B2B2B2;
	background-color: #C0D977;
	font-family: Trebuchet MS;
	font-size: 13px;
	text-align: center;
}
.GreenFooter {
	height: 24px;
	background-color: #88A54B;
	font-family: Trebuchet MS;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
}
.PinkFooter {
	height: 24px;
	background-color: #D093B3;
	font-family: Trebuchet MS;
	font-size: 13px;
	text-align: center;
}
.MainContent {
        width: 650px;
	text-align: left;
	padding: 10px;
}

#RoundLeft {
	 background-color: #FFE6BF;
	 padding: 3px;
}
#SideBar {
	 background-color: #FFE6BF;
}
.CenterContent {
	vertical-align: top;
}
.ReplaceDiv {
	width: 100%;
}
.CategoryList {
	border: solid 1px #c0c0c0;
}
.CategoryListHover {
	border: solid 1px #c0c0c0;
	background-color: #c0c0c0;
}
.CategoryDiv {
	margin-top: 5px;
}
.DeleteForm {
	display: inline;
}
.SearchBox {
	text-align: right;
}
.ErrorMsg {
	border: solid 2px red;
	text-align: center;	
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;	
}

.Msg {
	border: solid 2px green;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;	
}

.Clear {
	clear: both;
}
.PricesList {
	border: solid 1px #c0c0c0;
}
.PricesListHover {
	border: solid 1px #c0c0c0;
	background-color: #c0c0c0;
}


.stepbox_1, .stepbox_2, .stepbox_3 {
	width: 613px;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	height: 24px;
	padding-top: 0px;
	background-image: url(/steps.jpg);
	background-position:right top;
	background-repeat:no-repeat;	
	display: block;
}
.stepbox_1 {


}
.stepbox_2 {

	background-position: right -25px;

}
.stepbox_3 {
	background-position: right -50px;
}



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(/scripts/colorbox/example5/images/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(/scripts/colorbox/example5/images/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(/scripts/colorbox/example5/images/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/scripts/colorbox/example5/images/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(/scripts/colorbox/example5/images/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(/scripts/colorbox/example5/images/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(/scripts/colorbox/example5/images/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(/scripts/colorbox/example5/images/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/scripts/colorbox/example5/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/scripts/colorbox/example5/images/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/scripts/colorbox/example5/images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}.Ltgrn {
	color: #690;
}