/*--------------------------------------
BELLYFEEL page layout CSS
---------------------------------------*/
body 
{
	margin: 0 auto;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.9em;
	color: #70481C;
	background-color: #70481C;
	text-align: center;
}

*
{
	padding: 0;
	margin: 0;
}

/* Make sure the table cells show the right font */
td 
{ 
	font-family: arial, helvetica, sans-serif; 
}

/*--------------------------------------
GLOBALS & GENERAL CASES
---------------------------------------*/

a 
{
	color:#F4EDE7;
	text-decoration:none;
}

a:visited
{
	color:#F4EDE7;
	text-decoration:none;
}

a:hover 
{
	color: #7D5831;
	text-decoration:none;
	background-color:#B29A81;
}

a.anchors
{
	color: #7D5831;
	text-decoration:none;
}

a.anchors:visited
{
	color: #7D5831;
	text-decoration:none;
}

a.anchors:hover 
{
	color: #7D5831;
	text-decoration:none;
	background-color:#B29A81;
}



/*--------------------------------------
TYPOGRAPHY
---------------------------------------*/
h1, h2, h3, h4, h5, h6 
{
	font-size: 1.1em;
}

/* approx 21px*/
h1 
{
}

/* approx 16px*/
h2 
{

}

/* approx 14px*/
h3 
{

}

/* approx 12px*/
h4 
{

}

/* approx 11/14 */
p 
{
	margin-bottom:10px;
	margin-top:10px;
}

/*--------------------------------------
TABBED NAVIGATION 1
---------------------------------------*/


ul 
{
	list-style-type: none;
	padding:0px;
	margin:0px;
	margin-left: 18px;
}

a.link1 
{
	float:left;
	display:block;
	overflow:hidden;
	width: 82px;
	height: 28px;
	background: url(../graphics/our-shop.gif) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.link1 
{
	background-position: -83px 0;
}

a.active1
{
	float:left;
	display:block;
	overflow:hidden;
	width: 82px;
	height: 28px;
	background: url(../graphics/our-shop.gif) -83px 0 no-repeat;
	text-decoration: none;
}

a.link2
{
	float:left;
	display:block;
	overflow:hidden;
	width: 84px;
	height: 28px;
	background: url(../graphics/our-menu.gif) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.link2 
{
	background-position: -83px 0;
}

a.active2
{
	float:left;
	display:block;
	overflow:hidden;
	width: 84px;
	height: 28px;
	background: url(../graphics/our-menu.gif) -83px 0 no-repeat;
	text-decoration: none;
}

a.link3
{
	float:left;
	display:block;
	overflow:hidden;
	width: 86px;
	height: 28px;
	background: url(../graphics/our-press.gif) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.link3
{
	background-position: -86px 0;
}

a.active3
{
	float:left;
	display:block;
	overflow:hidden;
	width: 86px;
	height: 28px;
	background: url(../graphics/our-press.gif) -86px 0 no-repeat;
	text-decoration: none;
}

a.link4
{
	float:left;
	display:block;
	overflow:hidden;
	width: 114px;
	height: 28px;
	background: url(../graphics/our-franchise.gif) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.link4
{
	background-position: -114px 0;
}

a.active4
{
	float:left;
	display:block;
	overflow:hidden;
	width: 114px;
	height: 28px;
	background: url(../graphics/our-franchise.gif) -114px 0 no-repeat;
	text-decoration: none;
}

a.link5
{
	float:left;
	display:block;
	overflow:hidden;
	width: 112px;
	height: 28px;
	background: url(../graphics/our-locations.gif) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.link5
{
	background-position: -112px 0;
}

a.active5
{
	float:left;
	display:block;
	overflow:hidden;
	width: 112px;
	height: 28px;
	background: url(../graphics/our-locations.gif) -112px 0 no-repeat;
	text-decoration: none;
}

/*--------------------------------------
MENU 2
---------------------------------------*/

ul.menu2
{
	clear: both;
	padding: 0;
	margin:0;
}

ul.menu2 li 
{
 	list-style: none;
	color:#7D5831;
	margin: 0px;
 	margin-bottom: 10px;
}

ul.menu2 li a 
{
	color:#F4EDE7;
	text-decoration:none;
}

ul.menu2 li a:visited
{
	color:#F4EDE7;
	text-decoration:none;
}

ul.menu2 li a:hover 
{
	color: #7D5831;
	text-decoration:none;
	background-color:#B29A81;
}

ul.menu2 li a.active 
{
	color:#492e01;
}


ul.bullets
{
	list-style-type:disc;
}


/*--------------------------------------
PAGE STRUCTURE 
---------------------------------------*/

#container 
{
	width:800px;
	margin:0 auto;
	text-align: left;
}

#contentframe 
{
	margin: 10px 0 0 0;
	padding: 0 0;
	width: 100%;
	text-align: left;
	float: left;
}

/* 2 column layout c1-c1-c2 */
.c1-c2 #c2 
{
	float: right;
	width: 240px;
	padding: 0 0 0 0;
	margin: 0;
}

.c1-c2 #c1 
{
	float: left;
	width: 545px;
	padding: 0 0 0 0;
	margin: 0;
}

.c1-c2 #c100 
{
	float: left;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0;
}

#moduleTop
{
	margin-left:18px;
	color:#F4EDE7;
	height:30px;
	*height:28px;
}

#mainModule
{
	padding-left:20px;
	padding-right:20px;
	background-color:#F4EDE7;
	min-height:300px;
	*height:300px;
}

#mainModuleC
{
	width: 100%;
	min-height:300px;
	*height:300px;
	background:#B29A81 url(../graphics/column-bg.jpg) repeat-y;
}

#mainModuleC:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#mainModuleCInner
{
	width: 100%;
	min-height:300px;
	*height:300px;
	background:url(../graphics/column.jpg) bottom left no-repeat;
}

#mainModuleCInner:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#mainModuleC1
{
	float:left;
	width:140px;
	*width:160px;
	padding-left:20px;
}

#mainModuleC2
{
	float:left;
	width:345px;
	*width:385px;
	padding-left:20px;
	padding-right:20px;
	min-height:450px;
	*height:450px;
}

#mainMenu
{
	width: 100%;
	height: auto !important;
	margin-bottom:5px;
}

#mainMenu:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#mainMenuDesc
{
	float:left;
	width:200px;
}

#mainMenuSize
{
	float:left;
	width:150px;
}

#mainMenuWeight
{
	float:left;
	width:100px;
}

#mainMenuPrice
{
	float:right;
	text-align:right;
	width:70px;
}

#sideModule
{
	padding-left:20px;
	padding-right:20px;
	background-color:#F4EDE7;
}

#sideMenu
{
	width: 100%;
	height: auto !important;
}

#sideMenu:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#sideMenuItem
{
	font-size:0.8em;
	float:left;
	width:65px;
	text-align:center;
}

img
{
	border:none !IMPORTANT;
	margin:0px !IMPORTANT;
	padding:0px !IMPORTANT;
	*display:block;
}

/* main background transparency set in html - below set border or background styling */
a img
{

}

#moduleEnd
{
	width:100%;
	height:20px;
}

#moduleEndLeft
{
	float: left;
	width:20px;
	height:20px;
}

#moduleEndRight
{
	float: right;
	width:20px;
	height:20px;
}