@charset "UTF-8";



#footer-wrap {
min-height: 200px;
background-color: #281808;
background-repeat: repeat-x;
background-position: top;
border-top-width: thick;
border-top-style: solid;
border-top-color: #E0D9CB;
padding-bottom: 25px;
width: 100%;
margin-left: auto;
margin-right: auto;
}

#footer-main {
width: 900px;
margin: auto;
padding-top: 21px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-position: center top;
background-repeat: no-repeat;
}

.footer-links {
float: left;
padding-top: 5px;
padding-right: 25px;
padding-bottom: 5px;
padding-left: 5px;
width: 130px;
}

#footer-main h2 {
font-size: 14pt;
font-weight: normal;
color: #F8F7F4;
padding-top: 0px;

margin-top: 0;
margin-right: 0;
margin-bottom: 5;
margin-left: 0;
}

#footer-main ul {
margin: 0px;
padding-left: 0px;
font-size: 11px;
float: left;
color: #B0AEA5;
}

#footer-social {
float: left;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
padding-top: 5px;
width: 250px;
}

#org-links {
margin: auto;
width: 980px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #36312B;
padding-top: 10px;
}

#footer-main a {
color: #F4DC9D;
text-decoration: none;
font-size: 15px;
border: none;
}

#footer-main a:hover {
color: white;

}


.footer-links li {
color: #B0AEA5;
margin-bottom: 0px;
padding-bottom: 4px;
}

#footer-right span {
color: white;
font-size: 11px;
float: right;
}

#footer-right {
float: right;
text-align: right;
width: 300px;
}

#footer-right img{
	background: #FFF;
padding: 4px;
}


.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #F6E7C1;
	padding-left: 75px;
}
.menu_wrap ul li {
	line-height: 150%;
	list-style-type: none;
	list-style-position: inside;
}
#frame {
	margin: auto;
	height: auto;
	width: 1050px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	background-repeat: repeat-y;	
}
#content_wrapper_top {
	height: 70px;
	width: 950px;
	background-image: url(images/content_top_02.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: auto;
}

h1 {font-size: 3em; margin: 20px 0;}
.container {
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
ul.tabs { margin: auto; padding: 0; list-style: none; height: 32px; width: 80%; border-top-width: thin; border-bottom-width: thin; border-top-style: solid; border-bottom-style: solid; border-top-color: #996F46; border-bottom-color: #734C2B; font-size: 14px; }
ul.tabs li {
	float: left;
	padding: 0;
	height: 31px;
	line-height: 31px;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #533218;
	color: #FFF;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
ul.tabs li a {
	text-decoration: none;
	color: #FFC;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	outline: none;
}
ul.tabs li a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	background-color: #3E2006;
	text-align: center;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background-color: #542A08;
	color: #FFF;
}
.tab_container {
	float: left;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
}
.tab_container_center {
	clear: both;
	float: left;
	width: 100%;
	border: 1px solid #CFB56A;
	background-image: url(images/content_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.tab_container_bottom {
	clear: both;
	float: left;
	width: 100%;
	border: 1px solid #CFB56A;
	background-image: url(images/content_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.tab_content {
	padding: 5px;
	font-size: 1.2em;
	list-style-type: circle;
}
.tab_content h2 {
	padding-bottom: 5px;
	border-bottom: 1px dashed #ddd;
	padding-left: 10px;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	padding: 5px;
	text-align: left;
}
.menu_wrap { float: left; width: 100%; border: 1px solid #996F46; color: #FFF; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; }
.wrapper_right {
	float: right;
	width: 225px;
	padding-right: 25px;
	padding-left: 10px;
	padding-top: 5px;
	background-color: #FFF;
	border: 1px solid #A4A4A4;
}
#content_wrapper {
	margin: auto;
	height: auto;
	width: 975px;
}
.p_columns {
	line-height: 18px;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
}
.col_list h3 {
	color: #FFF;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CE8C52;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 16px;
	padding-top: 0px;
	background-color: #6B4523;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #5E3B1C;
}
#content_wrapper_body {
	height: auto;
	width: 890px;
	background-color: #FEFEFC;
	background-image: url(images/content_repeat_02.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin: auto;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 10px;
}
#content_wrapper_bottom {
	height: 70px;
	width: 950px;
	background-image: url(images/content_bottom_02.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: auto;
}
body {
	margin: 0px;
	background-color: #D4B86D;
	background-image: url(images/bg_main.jpg);
	background-repeat: repeat-x;	
}
#content_wrapper_top {
	height: 75px;
	width: 950px;
	background-image: url(images/content_top_menu.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: auto;
	padding-top: 20px;
}
.content_wrapper_top {
	height: 75px;
	width: 950px;
	background-image: url(images/content_top_wholesale.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: auto;
	padding-top: 20px;
}
#content_wrapper_body {
	height: auto;
	width: 890px;
	background-color: #F6E7C1;
	background-image: url(images/content_bg_wood.jpg);
	background-repeat: repeat-y;
	background-position: center;
	margin: auto;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 10px;
}
#content_wrapper_bottom {
	height: 70px;
	width: 950px;
	background-image: url(images/content_bottom_02.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: auto;
}
.header{
	height: 100px;
	width: 415px;
	float: left;
	background-image: url(images/bg_header.gif);
	background-repeat: repeat-x;
}
.header_02{
	height: 100px;
	width: 435px;
	float: left;
	background-image: url(images/bg_header.gif);
	background-repeat: repeat-x;
}
#logo {
	height: 155px;
	width: 200px;
	padding-left: 0px;
	padding-right: 0px;
	z-index: 1;
	top: auto;
	float: left;
	background-image: url(images/fosselmans_logo.jpg);
	background-repeat: no-repeat;
}
.header_wrapper {
	height: 155px;
	width: 415px;
	float: left;
}
.header_wrapper_02 {
	height: 155px;
	width: 435px;
	float: right;
}
.nav_menu {
	height: 55px;
	width: 360px;
	float: left;
	background-color: #2B190A;
	padding-left: 55px;
	text-align: right;
	background-image: url(images/curl_left.gif);
	background-position: 10px center;
	background-repeat: no-repeat;
}
.nav_menu_02 {
	height: 55px;
	width: 435px;
	float: left;
	background-color: #2B190A;
	background-image: url(images/curl_right.gif);
	background-position: 360px center;
	background-repeat: no-repeat;
}
.clear {
	clear: both;
}
.wrapper_main {
	height: auto;
	width: 1050px;
	background-color: #F0E1B7;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #D1C4A3;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.p {
}
.wrapper_content {
	padding: 10px;
	width: 1030px;
}
.wrapper_content_columns {
	width: 990px;
	height: 255px;
	margin: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #572800;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6C895;
}
#column_01 {
	float: left;
	width: 320px;
	background-repeat: no-repeat;
	height: 245px;
	text-align: justify;
	margin-top: 5px;
	margin-right: 5px;
}
#navMenu {
	margin:0; 
	padding:0;
	list-style:none;	
	font-family:arial;
	text-align:center;
	line-height:60px;
}

	#navMenu li {
		float:left;	
		background:url(images/default.jpg) no-repeat center center;	/* default background image	*/
		width:120px;							/* width and height of the menu item */
		height:55px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

	#navMenu li a {
	z-index:20;		/* z-index must be higher than .hover class */
	display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
	height:55px;
	position:relative;
	}

 	#navMenu li .hover {
		background:url(images/over.jpg) no-repeat center center;		/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:120px;	/*	width, height, left and top to fill the whole LI item	*/
		height:55px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
		background-size: 75px 55px;
	}	

	#navMenu li.selected {
		background:url(images/selected.jpg) no-repeat center center;	/* selected image	*/
	}
#footer {
	margin: auto;
	height: 45px;
	width: 1030px;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	border-top-color: #D4B250;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #F4DC9D;
	font-size: 11px;
	font-weight: lighter;
	font-style: normal;
	background-image: url(images/footer_bg.gif);
	background-repeat: no-repeat;
}
#footer_02 {
	margin: auto;
	padding: 10px;
	height: 45px;
	width: 1030px;
	background-color: #F6E7C1;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CBBFA2;
	border-bottom-width: thin;
	border-bottom-style: inset;
	border-bottom-color: #CBBFA2;
	font-family: "normal Verdana", Arial, Helvetica, sans-serif;
}
#footer_right {
	float: right;
}
#footer_left {
	float: left;
}
#footer_logo {
	margin: auto;
	height: 48px;
	width: 109px;
	padding-top: 5px;
}
.wrapper_left {
	float: left;
	height: auto;
	width: 975px;
	padding-left: 25px;
}
.menu_left {
	float: left;
	height: 200px;
	width: 215px;
}
.menu_left_wrap {
	float: left;
	height: 800px;
	width: 215px;
	clear: left;
}
.col_list {
	float: left;
	height: auto;
	width: 270px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
	list-style-position: inside;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #885529;
	padding: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #72451F;
}
.h2_title {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #F6E7C1;
	font-weight: lighter;
	font-size: 26px;
	padding-left: 20px;
}
.p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFF;
	line-height: 120%;
}
.header_wrapper_main {
	height: 175px;
	width: 100%;
	background-image: url(images/bg_header.gif);
	background-repeat: repeat-x;
	background-color: #2B190A;
}
.header_wrapper_main_02 {
	height: 155px;
	width: 1050px;
	margin: auto;
}

#history {
	background-image: url(images/content_top_history.jpg);
}
#menu {
	background-image: url(images/content_top_menu.gif);
}
#contact_us {
	background-image: url(images/content_top_contact.jpg);
}
#store {
	background-image: url(images/content_top_store.jpg);
}
#whole_sale{
	background-image: url(images/content_top_wholesale.jpg);
}
#about_us {
	background-image: url(images/content_top_aboutus.gif);
}

#whats_cool{
	background-image: url(images/content_top_whatscool.gif);
}
.content_text {
	float: left;
	width: 450px;
	padding-left: 10px;
	text-align: justify;
}
.flavor_item {
	height: 130px;
	width: 270px;
	margin-bottom: 20px;
}
#cake {
	width: 150px;
	.text_right {
	float: right;
	height: auto;
	width: 400px;
	padding-top: 15px;
	padding-left: 10px;
	font-size: 11px;
	padding-right: 100px;
}
.content_text ul li {
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.65px;
}
h2 {
	font-weight: lighter;
}
#whole_flavors{
	float: left;
}
			.list_row {
	float: left;
}
.list_row {
	margin: 0;
	padding: 0;
	text-align: left;
}
.list_row ul li { display: inline; }

.list_row ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
}

.list_rowr ul li a:hover
{
color: #fff;
background-color: #369;
}
.wholeasle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
.column_wholesale {
	float: left;
	width: 280px;
	margin-right: 5px;
	margin-left: 5px;
}
#outer{

   position:relative;
    width:300px;

    background:red;

}
#inner{
	position:absolute;
	left:-584px;
	top:103px;
	height:100%;
	width:200px;
	background:green;
}
#inner2{

    position:absolute;

    left:105px;

    top:0;

    height:100%;

    width:100px;

    background:yellow;
}
#container { float: left; background: url(images/example-2.gif) top left repeat-y; }
      #container div { float: left; width: 200px; }
.menu_wrap h2 {
	font-weight: normal;
	color: #F6E7C1;
}
.h2wholesale {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
.img_wrap { width: 850px; margin:auto; padding-bottom: 10px; padding-top: 5px; }
.menu_wrap p {
	padding-right: 20px;
	padding-left: 20px;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 150%;
	text-align: left;
}
.column_img {
	color: #FFF;
	margin: auto;
	height: 200px;
	width: 255px;
}
.p_main {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 150%;
	color: #FFF;
}
.col_list ul li h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 100%; padding-bottom: 0px; }
.col_list ul li { line-height: 150%; font-size: 14px; }
.b {
	font-weight: bold;
}