@charset "utf-8";
/* CSS Document */



/* GENERAL */
body, td, th {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #000;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {color:#000;}

#proper-pad a:link {
	color: #000;
}
#proper-pad a:visited {
	color: #000;
}
#proper-pad a:hover {
	color: #1c5eab;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h3 {
	font-size: 12px;
}
.locations { font-size:11px;}

#interiorContainer {
   	 height: 472px; 
	 width: 690px;

 }
 
#main-content {
	position:absolute;
	left:233px;
	top:45px;
	width:704px;
	height:595px;
	z-index:2;
	background-image:url(images/white_layer.png);
	background-repeat:no-repeat;
}
#interior-content {
	width: 474px;
	height: 472px;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-arrow-color: #888;
	scrollbar-face-color: #e7e7e7;
	scrollbar-3dlight-color: #a0a0a0;
	scrollbar-darkshadow-color: #888;
	float:left;
	background-color:#FFF;

}
#proper-pad {
	padding:10px;}
	
#landing-content {
	width: 474px;
	height: 472px;
	overflow-y: hidden;
	overflow-x: hidden;
	display: inline-block;
   	white-space: normal;
	float:left;
}
#food-chart {
	width: 474px;
	height: 472px;
	overflow-y: hidden;
	overflow-x: hidden;
	display: inline-block;
   	white-space: normal;
	float:left;
}
#benefits {
	padding:10px;
	width: 420px;
	height: 452px;
	float:left;
}
#video {
	width: 474px;
	height: 472px;
	overflow-y: hidden;
	overflow-x: hidden;
	display: inline-block;
   	white-space: normal;
	float:left;
}
#main-iframe {
	 height: 472px; 
	 width: 700px;
	 margin: 0;
	 padding:0;
}
#caption {

	 margin: 15px 0 60px 0;
}
#caption a {margin-left:10px;}

/* IMAGES */
.thumb1 {
	margin-left: 20px;
	margin-bottom: 20px;
	/*display:none; */
	}




/* NAVIGATION */
#right-nav {
	margin:0px;
	padding: 0 0 0 15px;
	width: 175px;
	height: 472px;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-arrow-color: #888;
	scrollbar-face-color: #e7e7e7;
	scrollbar-3dlight-color: #a0a0a0;
	scrollbar-darkshadow-color: #888;	
	display: inline-block;
   	white-space: normal;
	float:left;
}
	
#right-nav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#right-nav li a {
/* 	background-image:url(interior/interior-images/li_arrow_right.gif); */
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 14px; 
	text-decoration:none;
}
#right-nav ul ul {
	list-style-type: none;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}
#right-nav li li a {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 14px; 
	text-decoration:none;
	color:#1c5eab;
}

#right-nav li li a:hover {
	color:#1c5eab;
}
#right-nav li li a:active {
	color:#f00;
}
#bottom-nav {
	position:absolute;
	left:314px;
	top:681px;
	width:432px;
	height:17px;
	z-index:3;
}
#left-nav {
	position:absolute;
	left:0px;
	top:0px;
	width:210px;
	height:621px;
	z-index:1;
}

/* HACK */


.arrowlistmenu {
width: 180px; /*width of accordion menu*/
	margin-left:20px;
	float:left;
		width: 180px;
	height: 472px;
	overflow-y: scroll;
	overflow-x: hidden;

}
#arrowlistmenu h3 {
	font-weight:normal;
}
.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	background-image:url(interior/interior-images/li_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 14px; 
	text-decoration:none;
cursor: hand;
cursor: pointer;
}
.menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	background-image:url(interior/interior-images/li_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 14px; 
	text-decoration:none;
cursor: hand;
cursor: pointer;
}
.categoryitems li{ /*C*/
	background-image:none;
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 14px; 
	text-decoration:none;
	color:#1C5EAB;
cursor: hand;
cursor: pointer;
}

.openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image:url(interior/interior-images/li_arrow_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 14px; 
	text-decoration:none;
 color: #1c5eab;
}


.active { /*CSS class for menu headers in general (expanding or not!)*/
	background-image:url(http://www.cheesesoffrance.com/interior-images/li_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 20px; 
	color: #900;
}

.menuheader:hover {
	color:#1c5eab;}

h3.menu-head {
	margin:0px;
	
	}
	
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
background-image: none;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li {

}

.arrowlistmenu ul li a{
	/* background-image:url(http://www.cheesesoffrance.com/interior-images/li_arrow_right.gif);*/
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 14px; 
	text-decoration:none;
	/*color: #1c5eab;*/
}

.arrowlistmenu ul li a:visited{
color: #1c5eab;
}


.arrowlistmenu ul li a:hover { /*hover state CSS*/
color: #1c5eab;
}
.arrowlistmenu li a:hover { /*hover state CSS*/
color: #1c5eab;
}
.arrowlistmenu ul li a:active{
color: #f00; 
background-color:red;
}

#right-nav li a {
/* 	background-image:url(interior/interior-images/li_arrow_right.gif); */
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 14px; 
	text-decoration:none;
	color: #1c5eab;
	scrollbar-arrow-color: #888;
	scrollbar-face-color: #e7e7e7;
	scrollbar-3dlight-color: #a0a0a0;
	scrollbar-darkshadow-color: #888;
}


.field { margin: 0 0 4px 0;
height:23px;
border: solid 1px #777;
background-color:#FFF;
color:#999;}

.recipe {margin-bottom:50px;}

.cheese {margin-bottom:50px;}


/* controls */
.hear-it {margin-bottom:8px; float: left;"}

.hilite {color:#C30;}

.locations td {font-size:11px;}