/* Coded by Ice Design
   © 2009 Ice Design bvba // info@icedesign.be */

body
{
	margin: 0;
    padding: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	/*background-image: url(Images/top-bar.png);
	background-position: left top;
	background-repeat: repeat-x;*/
	text-align: center;
	line-height: 22px;
	background-color: #f7f7f7;
}

#box
{
	margin: 0 auto;
	text-align: left;
	width: 800px;
	border: none;
	/*background-color: #f7f7f7;*/
	display: table;
	background-image: url(../Content/Images/body-back.png);
	background-repeat: repeat-y;
	background-position: left top;
}

#childContentPage
{
    float: left;
    height: 100%;
    display: table-cell;
    background-color: #f7f7f7;
}

#twoColumnBack
{
    
}

#underConstruction
{
	top: 0;
	background-color: #fffcca;
	margin: 0;
	padding: 2px;
	text-align: center;
	border-bottom: solid 1px #dadc3f;
}

#logoHeader
{
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 800px;
    background-color: #f7f7f7;	
}

#logoHeader img
{
	padding: 25px 0 25px 0;
}

#footer
{
	margin: 0px 0 0 0;
	padding: 1px 0 0 0;
	text-align: center;
	width: 800px;
    background-color: #f7f7f7;
	border-top: solid 1px #9f689b;
}

#footer a
{
	color: #333333;
	text-decoration: none;
}

#footer a hover
{
	text-decoration: underline;
}

#topRightLoginPanel
{
	position: absolute;
	right: 0;
	top: 0;
	height: 75px;
	width: 175px;
	padding-left: 10px; 
	border-left: solid 1px #9f689b;
	vertical-align: bottom;
}

#topRightLoginPanel #login
{
	margin: 0 0 -6px 0;
	position: absolute;
	bottom: 0;
	height: auto;
	width: 175px;
}

#titleHeader
{
	padding: 0;
	background-color: #f7f7f7;
	text-align: left;
    border-bottom: solid 1px #9f689b;
}

div #topMenu
{
	margin: 0;
	padding: 0;
	height: 45px;
	border-bottom: solid 1px #9f689b;
}

#topPageMenu
{
	border: none;
	margin: 0;
	padding: 0 6px 0 9px;
	list-style-type: none;
	width: auto;
	position: relative;
	display: block;
	height: 45px;
	border-bottom: solid 1px #9f689b;
}

ul#topMenu
{
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto;
	position: relative;
	display: block;
	/*background-color: White;*/
	height: 25px;
}

ul#topMenu li
{
	display: block;
	float: left;
	margin: 0 40px 0 0;
	padding: 0;
}

ul#topMenu li a
{
	color: #333333;
	text-decoration: none;
}

#mainContent
{
	float: left;
	width: 615px;
	margin: 0;
	padding: 0;
	/*border-right: solid 1px #bcc2c7;*/
	background-color: White;
	height: 100%;
}

#mainContentOneColumnPage
{
	margin: 0;
	padding: 30px 0 0 0;
	background-color: #f7f7f7;
	width: 800px;
}

#mainContentOneColumnPage p
{
	margin: 0;
	padding: 0 0 20px 0;
	height: auto;
}

#mainContentPadding
{
	padding: 10px 20px 0 20px;
}

#mainContentPadding p
{
	margin: 0;
	padding: 0;
	text-align: justify;
}

.oneColumnIndex
{
    float: left; 
    margin-bottom: 20px; 
    padding-bottom: 20px; 
    background-color: Gray; /* #f7f7f7; */
}

.clearfloat
{
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*
h1
{
	font-size: 13px;
	margin: 13px 0 -6px 10px;
	color: #23486e;
}
*/

h2
{
	font-weight: normal;
	font-size: 13px;
}

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

.listContainer
{
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	padding: 15px 0 27px 0;
	/*background-color: Yellow;*/
}

.listContainerEdit
{
	margin-top: -20px;
}

.listItem
{
	background-color: White;
	border-bottom: solid 1px #ece1ec;
	float: left;
	/*display: block;*/
	width: 100%;
	left: 0;
	list-style-type: none;
	height: 24px;
}

.listItem div
{
	/*margin: 4px 8px 2px 8px;*/
	
}

.listAlternatingItem
{
	background-color: #ffffff;
}

.listFirstItem
{
	border-top: solid 1px #ece1ec;
}

.listLastItem
{
	border-bottom: solid 1px #ece1ec;
}

.listSelectedItem
{
	background-color: #3d80df;
	color: White;
}

.listItemText
{
	float: left;
	display: block;
	padding-bottom: 2px;
	/*background-color: Yellow;*/
}

.emptyListItemText
{
	float: left;
	display: block;
	color: Gray;
	font-style: italic;
	padding-bottom: 2px;
}

.listItemRightAlignedPrice
{
	float: right; 
	text-align: right; 
	width: 80px;
}

.listItemIcons
{
	float: right; 
	text-align: right; 
	width: 80px;
	padding-top: 3px;	
}

.listItemIconsLeft
{
	float: left; 
	text-align: left; 
	width: 80px;
	padding-top: 3px;	
}

.removeItem .checkItem
{}

a
{
	color: #1c4fb7;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

#rightMenu
{
	margin: 0;
	padding: 0;
	/*background-color: Yellow;*/
	width: 185px;
	float: left;
}

#rightMenu ul
{
	display: block;
	margin:0;
	padding: 0 0 15px 0;
	list-style:none;
}

#rightMenu li a 
{
	color: #485765;
	text-decoration: none;
	font-weight: normal;
	border-bottom: solid 1px #bcc2c7;
	font-size: 11px;
	display: block;
	padding: 6px 0 6px 10px;
	margin: 0;
	/*background-color: Yellow;*/
}

.selectedLeftMenu
{
	background-color: #8ea6bf;
}

img
{
	border: 0;
}

/*img.editIcon, img.deleteIcon, img.emptyIcon, img.detailIcon, img.checkIcon, img.checkedIcon, img.suggestionGrayIcon, img.suggestionColorIcon
{
	margin: 4px 0 0 2px;
	border: 0;	
}*/

input
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
}

select
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
}

input#inline-search, input#inline-search-2
{
	float: right; 
	margin: 12px 12px 0 0;
}

.fieldsetBlock input#inline-search, .fieldsetBlock input#inline-search-2
{
	float: right; 
	margin: 7px 0 0 0;
}

.fieldsetContainer
{
	margin: 0;
	width: 100%;
	position: relative;
}

.fieldsetBlock
{
	float: left;
	width: 100%;
	border-top: solid 1px #bcc2c7;
	margin-bottom: 1px;
}

.fieldsetBlock#firstBlock
{
	border-top: none;
}

.fieldsetBlock div
{
	margin: 6px 0 0 0;
	padding: 0;
}

.fieldsetBlock .leftColumn
{
	float: left;
	display: block;
	width: 150px;
	font-size: 13px;
	padding-bottom: 10px;
}

.fieldsetBlock .column
{
	float: left;
	display: block;
}

.fieldsetBlock p
{
	margin: 0;
	padding: 0 0 10px 0;
}

.fieldsetButtons
{
	float: right;
	padding: 0 10px 0 0;
}

.fieldsetButtons input
{
	margin-bottom: 20px;
}

.editField
{
	width: 220px;
	padding: 2px 3px 2px 3px;
}

.wysiwygField
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: solid 1px #bcc2c7;
	border-bottom: solid 1px #bcc2c7;
}

.editFieldLabel
{
	margin: 0;
	padding: 0;
}

.button
{
	margin-top: 10px;
	padding: 3px 10px 3px 10px;
}

.infoBar
{
	padding: 10px;
	background-color: #f3f5f5;
	border: 1px solid #bcc2c7;
}

.sortablePlaceholder
{
	height: 27px;
	width: 100%;
	display: block;
}

.topRightCorner
{
	clear: both;
	margin: 4px 0 0 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}

#accordion div.header
{
	background-color: #ece1ec;
	margin: 0;
	border-bottom: solid 1px White;
	font-size: 11px;
	font-weight: normal;
}

#accordion div.header a
{
	padding: 3px;
}

#accordion a
{
	color: #333333;
	text-decoration: none;
}

.row
{
	height: auto;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #ece1ec;
	width: 100%;
	display: inline-block;
}

.accordionDiv .row .rowColumnLeft
{
	float: left;
	display: block;
	margin: 0;
	padding: 3px;
}

.description
{
	font-style: italic;
	color: #888888;
}

.accordionDiv .row .rowColumnRight
{
	float: right;
	text-align: right;
	margin: 0;
	padding: 3px;
	height: 100%;
	vertical-align: middle;
}

.homePageColumn1
{
	float: left;
	display: block;
	text-align: right;
	margin: 0;
	padding: 0 15px 15px 0;
	width: 185px;
	/*background-color: Red;*/
}

.homePageColumn2
{
	float: left;
	display: block;
	margin: 0;
	padding: 0 0 15px 15px; 
	border-left: solid 1px #9f689b;
	width: 250px;
	/*background-color: Green;*/
}

.homePageColumn3
{
	float: right;
	display: block;
	text-align: right;
	margin: 0;
	padding: 0 0 15px 0;
	width: 320px;
	/*background-color: Red;*/
}

h1
{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
}

.OneColumnIndex ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.hoveredPrice
{
	display: block;
	background-color: #ffffbd;
}

#Basket
{
	margin: 0 0 30px 0;
	padding: 10px;
	font-size: 11px;
}

#Basket h1
{
	color: #333333;
	font-weight: normal;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0;
}

#basketRow
{
	margin: 0;
	padding: 0;
}

#basketLeftColumn
{
	float: left;
	width: 27px;
}

#basketRightColumn
{
	width: 135px;
}

/* begin popup screen */

#backgroundPopup{  
	display: none;  
	position: fixed;  
	_position: absolute; /* hack for internet explorer 6*/  
	height: 100%;  
	width: 100%;  
	top: 0;  
	left: 0;  
	background: #000000;  
	border: 1px solid #cecece;  
	z-index: 1;  
}  

#popupContact{  
	display: none;  
	position: fixed;  
	_position: absolute; /* hack for internet explorer 6*/  
	height: 650px;  
	width: 800px;  
	background: #ffffff;  
	border: solid 1px #9f689b;
	z-index: 2; 
	margin: 0; 
	padding: 0;  
}  

#popupContactClose{  
	font-size:14px;  
	line-height:14px;  
	right:6px;  
	top:4px;  
	position:absolute;  
	color:#6fa5fd;  
	font-weight:700;  
	display:block;  
}  

/* end popup screen */

#IngredientList
{
	margin: 0;
	padding: 20px;
}

#IngredientList ul
{
	margin: 0 0 20px 0;
	padding: 0;
	display: table-cell;
	float: left;
}

li.ingredient 
{
	width: 139px;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0 0 0 5px;
	background-color: White;
	border: solid 1px #ece1ec;
	list-style-type: none;
	display: block;
}

#ingredientPlus, #ingredientMin, #gallery  
{
	min-height: 24px;
	width: 100%;
	padding: 0; 
	margin: 0;
	background-color: #eeeeee;
}
	
#pageBlock
{
	float: left;
	margin: 0;
	width: 100%;
	position: relative;
	padding: 11px 0 27px 0;
}

#pageBlock p
{ 
	margin: 0 0 10px 0;
}

#pageBlock div.leftColumn
{
    float: left;
	width: 185px;
	border-bottom: solid 1px #ece1ec;
}

#pageBlock div.rightColumn
{
	float: left;
	text-align: left;
	width: 390px;
	border-bottom: solid 1px #ece1ec;
}

h3
{
    float: left;
	background-color: #ece1ec;
	margin: 0;
	padding: 3px;
	border-bottom: solid 1px White;
	font-size: 11px;
	font-weight: normal;
	height: auto;
	width: 100%;
}

#orderFlow
{
	font-style: normal;
	margin: 0 0 20px 0;
	padding: 6px 0 6px 0;
	background-color: #f7f7f7;
	width: 100%;
	height: auto;
	float: left;
	border-bottom: solid 1px #9f689b;
}

#orderFlow p
{
	margin: 0 0 0 20px;
	padding: 0;
}

#orderFlow span
{
	margin: 0;
	padding: 0;
}

.selectedOrderStep
{
	background-color: #ffffbd;
}

/* begin sign in screen */

#signInScreen
{
	padding: 5px 55px 30px 50px;
	margin: 0;
	/*float: left;*/
}

#signInScreen #leftColumn
{
	float: left;
	width: 300px;
	padding-bottom: 25px;
}

#signInScreen #rightColumn
{
	float: right;
	width: 300px;	
}

div.formRow
{
    height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	display: inline-block;
}

#signInScreen #leftColumn .leftColumn, #signInScreen #rightColumn .leftColumn
{
    float: left;
	width: 110px;
	margin: 5px 0 5px 0;
}

#signInScreen #leftColumn .rightColumn, #signInScreen #rightColumn .rightColumn
{
	float: left;
	margin: 5px 0 5px 0;
}

/* end sign in screen */

.validationSummary ul
{
	border: solid 1px #dd3c10;
	background-color: #ffebe8;
	margin: 0 50px 10px 50px;
	padding: 5px 10px 5px 10px;
	list-style-type: none;
}

.validationSummaryInfo ul
{
	border: solid 1px #e2c822;
	background-color: #fff9d7;
	margin: 0 50px 10px 50px;
	padding: 5px 10px 5px 10px;
	list-style-type: none;
}

.buttonsBottom
{
	text-align: right;
	padding-bottom: 20px;
}

.textAfterH3
{
	padding-top: 12px;
}

textarea
{
	width: 754px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
}

.errorText
{
	background-color: #ffebe8;
}