/* General styles */
body {
    font-size: 12px;
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
	color: #726357; 
	font-family: Arial, Courier, serif;
	background-color: #FFFFFF;
}


/* Header styles */
#header {
	clear:both;
	float:left;
	width:900px;
	height: 100px;
}

/* 'widths' sub menu */
#layoutdims {
clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
	background-color: transparent;
}
/* column container */
.colmask {
	background-color: transparent;
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:900px;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	background-color: transparent;
	float:left;
	width:900px;				/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	background-color: transparent;
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background-color: transparent;
	/* right column background colour */
}
.threecol .colmid {
	background-color: transparent;
	right:25%;				/* width of the right column */
	/* center column background colour */
}
.threecol .colleft {
	background-color: transparent;
	right:50%;				/* width of the middle column */
	/* left column background colour */
}
.threecol .col1 {
	background-color: transparent;
	width:46%;				/* width of center column content (column width minus padding on either side) */
	left:95%;				/*89 100% plus left padding of center column */
	z-index: 50;
}
.threecol .col2 {
	background-color: transparent;
	width:21%;				/* Width of left column content (column width minus padding on either side) */
	left:31%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	background-color: transparent;
	margin-top: 75px;
	width:33%;				/* Width of right column content (column width minus padding on either side) */
	left:75%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


/* 2 Column (left menu) settings */
.leftmenu {
	background:transparent;		/* right column background colour */
}
.leftmenu .colleft {
	right:75%;				/* right column width */
	background:transparent;		/* left column background colour */
}
.leftmenu .col1 {
	padding-top: 40px;
	width:71%;				/* right column content width */
	left:95%;				/* 100% plus left column left padding */
	font-size: 12px;
}
.leftmenu .col2 {
	width:21%;				/* left column content width (column width minus left and right padding) */
	left:6%;				/* (right column left and right padding) plus (left column left padding) */
}

/* Full page settings */
.fullpage {
	background:transparent;		/* page background colour */
}
.fullpage .col1 {
	width:96%;				/* page width minus left and right padding */
	left:2%;				/* page left padding */
}

/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:900px;
	border-top:1px solid #8E7C6B;
	background: #FFFFFF;
}
#footer p {
	padding:10px;
	margin:0;
}

#right_line {
    border-right: 2px solid #8E7C6B;
}
    
  
/* Standard Tags */
em {
	font-weight: bold;
	font-style: normal;
}


p {
	font-size: 12px;
}

h1 {
	font-family: Arial, Courier, serif;
	font-size: 28px;
	color: #8E7C6B;
	letter-spacing: 1px;
	font-weight: 800;
}
h2 {
	font-family: Arial, Courier, serif;
	font-size: 24px;
	color: #8E7C6B;
	font-weight: 300;
	letter-spacing: 2px;
}
h3 {
	font-family: Arial, Courier, serif;
	font-size: 16px;
	font-weight: 800;
	color: #8E7C6B;
	line-height: 20px;
	display: inline;
}
h4 {
	font-family: Arial, Courier, serif;
	font-size: 14px;
	font-weight: 800;
	color: #94B6D9;
	line-height: 20px;
	display: inline;
}
h5 {
	font-family: Arial, Courier, serif;
	font-size: 14px;
	font-weight: 400;
	color: #000000;
	line-height: 20px;
	display: inline;
}

a:link { color: #94B6D9; text-decoration: none; }
a:visited { color: #94B6D9; text-decoration: none; }
a:hover { color: #8E7C6B; text-decoration: none; }
a:active { color: #94B6D9; text-decoration: none; }


/* Custom Div */
div.cartDisplay {
	text-align: center;
}
div.checkout-menu-container {
	background-color: transparent;
	margin-right: 20px;
	text-align: right;
	position: relative;
	top: -65px;
}

div.checkout-header-container {
	width: 900px;
}
div.footer-bar {
	background-color: #93b7da;
	min-height: 30px;
}
div.header-bar {
	background-color: #93b7da;
	min-height: 30px;
}
div.header-container {
	background-color: #FFFFFF;
}
div.header-footer {
	text-align: right;
	background-color: #FFFFFF;
	display: inline;
	position: relative;
	top: -7px;
	z-index: 1000;
}
div.logo-container {
	background-color: #FFFFFF;
	display: inline;
	margin-left: 7px;
}
div.menu-container {
	background-color: #FFFFFF;
	display: inline;
	padding-top: 30px;
	position: relative;
	left: 79px; 
	top: -25px;
}
div.sort {
	text-align: right;
}
div.text_bar {
	text-align: center;
	letter-spacing: 1px;
	padding: 10px; 
}
div.title {
	padding-left: 100px; 
	padding-top:100px;
}

/* Custom P */
p.amount {
	text-align: left;
	clear:left;
	padding-top: 4px;
}
p.cart {
	padding-top: 10px;
	text-align: left;
}
p.category {
	clear: left;
	padding-top: 12px;
}
p.featured {
	font-size: 12px;
}
p.item-detail {
	display: block;
}
p.item {
	display:  block;
}
p.orderInfo {
	line-height: 20px;
}
p.special {
	color: #8E7C6B;
}

/* Custom Table */
table.featured {
	width: 100%;
}
table.holder {
	padding-top: 60px;
	background-color: #FFFFFF;
}
table.login {
	text-align: center;
	font-size: 12px;
}
table.results {
	width:100%;
}
table.sotd {
	font-size: 12px;
}


/* Custom Img */
img {
	border: 0;
}
img.cart {
	margin-left: 14px;
	margin-right: 7px;
}
img.checkout {
	margin-left: 7px;
}
img.img-detail {
	float: left;
	padding-right: 20px;
}
img.menu {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline;
}

img.navImage {
	margin-top: 30px;
	margin-bottom: 20px;
	z-index: 2000;
}
img.soup {
	float: left; 
	padding-right: 10px;
}


/* Custom Form */
input.search {
	border: 2px solid #8E7C6B;
	position: relative;
	top: -8px;
}
input.search-btn {
	padding-top: 10px;
}

/* MIsc */
#center {
	text-align: center;
}
#newCategory {
  margin: 0px 20px 0px 20px;
  display: none;
}

.errorMessage {
	color: red;
	width: 85%;
	padding: 10px;
	font-size: 14px;
	margin: 25px;
	text-align: center;
}
.success {
	text-align: center;
}