/*
# ------------ Modification History ----------------------------------------------
#
# Date		  Ref# 	By 		Description
# --------	----	---		------------------------------------------------------
#   5-26-10   #1    mhg   Added styles for image shadow
#   6-14-10   #2    mhg   Added styles for featured classes
#   7-07-10   #3    mhg   Add various styles for new video layout
#   7-15-10               Moved video styles to video.css
#   7-20-10   #4    mhg   Add styles new featured classes layout
#================================================================================
*/

/********************************* Classes for XHTML default Tag *********************************/
body { margin:0; padding:0; font: .80em/1.4em verdana,arial, sans-serif, serif, tahoma; color:#000; background:#dbeaff url(../homeimages/bg_repeat.gif) repeat; }
h1, h2, h3, h4, h5 { color:#000; font-family:arial, sans-serif, serif, tahoma, "Trebuchet MS"; font-weight:normal; font-size:1.7em;  margin:0; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; font-weight:bold; }
h5 { font-size:1.2em; font-weight:bold; }
form { margin:0; padding:0; }
img, table { padding:0; margin:0 auto; border:0; }
a { color:#990008;  padding:0; margin:0; outline:none; }
a:hover { text-decoration:none; }
ul, li { list-style-type:none; padding:0; margin:0; }
ul.inline li { float:left; }
ul.inline li.fr { float:right; }
p { margin:0; padding:0; line-height:1.4em; }

input, textarea, select { font:12px arial, sans-serif, serif, tahoma;  padding:1px; }


input { vertical-align:middle; margin:0 2px 2px 0; padding:1px; }
.textbox { border:1px solid #999999; background:#fff; padding:2px;  width:150px;  }

/********************************* Classes for XHTML default Tag *********************************/
/*.lsize { width:797px;  margin:0 auto; background:#fff;}             mhg:7-9-10 */
.lsize { width:950px;  margin:0 auto; background:#fff;}            /* mhg:7-9-10 */
/********************************* Classes for Header *********************************/

#header { padding:14px 14px 0  14px; }
#header .top_menu { float:left; width:303px;  }
#header .top_menu li { float:left;  padding:0 10px 0 0; text-align:center; }
#header .top_menu li a {font-family:verdana; font-size:11px;  display:block; color:#735539; text-decoration:none;}


#header .logo { float:left; width:280px; text-align:center;}
#header .logo h2 { margin:0; padding:0; background: url(../homeimages/logo1.gif) no-repeat 0 0; border:none;  }
#header .logo h2 a { width:150px; height:133px; display:block;  text-indent:-9999px; }


#header .search { float:right; width:310px; color:#970008; }
#header .search h2 { float:right; font-family:verdana; font-size:14px;  font-weight:bold; color:#970008;  line-height:18px;}
#header .menu { float:right; padding-top:20px; color:#990008;  font:10px verdana;} 
#header .menu a {  color:#735539; text-decoration:none; padding:0 2px; }
#header .menu a.none { padding:0 0 0 2px;}
#header .menu a:hover { text-decoration:underline; color:#990008; }

.border_top {border-top:1px solid #fad375;}

#header .main_menu { }
#header .main_menu a {font-size:12px; padding:0 10px 0 8px; color:#5f2915; text-decoration:none; }
#header .main_menu a:hover { text-decoration:underline; color:#990008; }

#navContainer {
	margin:0 auto;
	width: 763px;
	clear:left;
	}

#menunav {
width:935px; 
clear:left;
	
}			
		
#menunav, #menunav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 20px;
	text-align:left;
	background:#fff;
	
}

#menunav li:hover, #menunav li.hover {
	position:static;
	}

#menunav a {
	display: block;
	
	font-family:verdana;
	font-size:11px;
	text-decoration:none;
	color:#7b7f80;
	background-image:url(nav_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	text-align:center;
}

#rightNavBorder {
	border-right:1px solid #7b7f80;
	}

#menunav li { /* all list items */
	float: left;
	 /* width needed or else Opera goes nuts */
	font-family:verdana;
	font-size:11px;
	padding:8px 11px
}


#menunav li ul li a{ /* all list items */
	font-family:verdana;
	font-size:11px;
	text-decoration:none;
	border:0;
	text-align:left;
}


#menunav li ul { /* second-level lists */
	position: absolute;
	background: #fef4d1;
	width:12em;
	line-height:10px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-family:verdana;
	font-size:11px;
	text-decoration:none;
}
#menunav li ul li {padding:5px 0 5px 0; width:12em;}


#menunav li ul li a{ /* second-level lists */
	background: #fef4d1;
	line-height:11px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-family:verdana;
	font-size:11px;
	color:#7b7f80;
	text-decoration:none;
	clear:both;
}


#menunav li:hover ul, #menunav li.sfhover ul { /* lists nested under hovered list items */
left:auto;

}
#menunav li ul li a:hover{ /* second-level lists */
	background: #fef4d1;
	line-height:11px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-family:verdana;
	color:#ab0005;
	text-decoration:none;
	clear:both;
}


/********************************* Classes for middle *********************************/
#middle_panel {padding:0 15px; margin-top:15px;}
.clock_head1 { background:url(../homeimages/cheese_plates.gif) no-repeat; width:355px; height:94px;}
.clock_head2 { background:url(../homeimages/clock_head2.gif) no-repeat; width:144px; height:52px;}
.clock_cont { font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#330206; padding:12px 5px 0 5px; }
.clock_divder { background:url(../homeimages/clock_divder.gif) no-repeat; width:144px; height:22px;}
.clock_cont1 { font-size:10px; line-height:14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#330206;  }

.cheese_right td { vertical-align:top; font-family:verdana; font-size:12px; color:#5f2915; line-height:18px; }
.clock_right_head { background:url(../homeimages/h_new_cheese_club.gif) no-repeat; width:230px; height:58px;}
.clock_right_head1 { background:url(../homeimages/mastering_head.gif) no-repeat; width:231px; height:62px;}

h2.cont { font-family:myriad;  font-size:14px; color:#330206; line-height:14px; padding:5px 0;}
h2.none { padding:0 0 0 0;}
.border_bottom { border-bottom:1px solid #875f50; padding-bottom:5px; }

.middle_div { background:url(../homeimages/artisanal_divder.gif) no-repeat; width:766px; height:63px; margin-top:14px; } 
.middle_divider { background:url(../homeimages/artisanal_divider_only.jpg) no-repeat; width:766px; height:33px; margin-top:5px; } }
.premimum_head1 td { vertical-align:top; font-family:verdana; font-size:11px; color:#5f2915; line-height:16px;}
.great_head1 { background:url(../homeimages/sexy_cheesehead1.gif) no-repeat; width:191px; height:24px; }
.about_head1 { background:url(../homeimages/italian_chheese.gif) no-repeat; width:200px; height:41px; }

.box_middle { margin-top:22px; background:url(../images/homepage/featured_cheese/box-middle.jpg) repeat-y;}
.box_top {  background:url(../images/homepage/featured_cheese/box-top.jpg) no-repeat;}
.box_bottom {  background:url(../images/homepage/featured_cheese/box-bottom.jpg) no-repeat 0 100%;}
.featured_chesse, .featured_chesse td { text-align:center; vertical-align:top; font-family:verdana; padding-right:18px; font-size:11px; color:#5f2915; line-height:16px;  }
.featured_chesse td.none { padding-right:0;}
.featured_chesse td a { font-family:verdana; font-size:11px; text-decoration:none; }
.featured_chesse td a:hover { text-decoration:underline;}
.featured_box { text-align:center; padding:0 18px 10px 18px; }

.middle_row {
	width:700px;
	padding:0px 10px 10px 10px;
}

/*********************** classes for footer *****************************************/

#footer { padding:35px 0 18px 0;}
.footer_cont { float:left; background:url(../homeimages/enter_your.gif) no-repeat 0 0; width:533px; height:24px; vertical-align:middle; }
.footer_search {float:right; color:#970008; }
.search_box input { vertical-align:bottom;}
.button { width:65px; font-family:verdana; font-size:16px; font-weight:bold; color:#970008; background:none; border:0; padding:0; margin:0; cursor:pointer;}
.footer_link { font-size:11px; color:#5f2915; }
.footer_link a { text-decoration:none; color:#5f2915; }
.footer_link a:hover { text-decoration:underline; color:#990008; }






/*********************** classes for differentiation *****************************************/
.fl { float:left; }
.fr { float:right; }
.clear { clear:both;  }
.block {display:block;}
.abs { position:absolute; }
.mid_align { vertical-align:middle; }
.mid_bottom { bottom:0; display:block; font-size:16px; position:relative; bottom:-11px; padding:0 0 0 5px; }
.same_line {display:inline;}
.top_align td { vertical-align:top; }
.star { color:#f00; font-weight:normal; }
.line_height { line-height:1.5em; }
.line_height1 { line-height:2em; }
.width_full { width:100%;}

/*********************** classes for align *****************************************/
.center { text-align:center; }
.left { text-align:left; }
.right	{ text-align:right; }
.justify { text-align:justify;}

/*********************** classes for font*****************************************/
.bold { font-weight:bold; }
.normal { font-weight:normal; }

.small_text { font-size:.85em; line-height:1.2em; }
.small_text1 { font-size:.80em; line-height:1.1em; }
.mid_text { font-size:.9em; }
.large_text { font-size:1.3em;}

.red_text, .hlight { color:#e84915; }
.black_text { color:#000; }
.white_text { color:#ffffff; }
.gray_text { color:#777; }
.green_text {color:#267c00;}
.orange_text {color:#ffb005;}
.light_gray {color:#b2b1b1;}
.dark_blue {color:#2e6095;}

/*********************** classes for padding all *****************************************/
.padding { padding:5px; }
.padding1 { padding:10px; }
/*********************** classes for padding_left *****************************************/
.padding_left4 { padding-left:3px; }
.padding_left { padding-left:5px; }
.padding_left1 { padding-left:10px; }
.padding_left2 { padding-left:15px; }
.padding_left3 { padding-left:10px; }
.padding_left15 {padding-left:15px;}
.padding_left36 { padding-left:36px;}


/*********************** classes for padding_right *****************************************/
.padding_right { padding-right:5px; }
.padding_right1 { padding-right:10px; }
.padding_right2 { padding-right:15px; }
.padding_right3 { padding-right:20px; }

/*********************** classes for padding_top *****************************************/
.padding_top4 { padding-top:2px; }
.padding_top { padding-top:5px; }
.padding_top1 { padding-top:10px; }
.padding_top2 { padding-top:15px; }
.padding_top3 { padding-top:20px; }
.padding_top28 { padding-top:26px;}

/*********************** classes for padding_bottom *****************************************/
.padding_bottom { padding-bottom:5px; }
.padding_bottom1 { padding-bottom:10px; }
.padding_bottom2 { padding-bottom:15px; }
.padding_bottom3 { padding-bottom:20px; }

/*********************** classes for padding_lr *****************************************/
.padding_lr { padding:0 5px; }
.padding_lr1 { padding:0 10px; }
.padding_lr2 {padding:0 15px;}
/*********************** classes for padding_tb *****************************************/
.padding_tb { padding:5px 0; }
.padding_tb1 { padding:10px 0; }
.padding2 { padding:10px 15px; }

/*********************** classes for margin all *****************************************/
.margin { margin:5px; }
.margin { margin:10px; }
/*********************** classes for margin_left *****************************************/
.margin_left { margin-left:10px; }
.margin_left4 { margin-left:4px;}
.margin_left1 { margin-left:15px; }
.margin_left3 {margin-left:323px; }
/*********************** classes for margin_right *****************************************/
.margin_right { margin-right:10px; }
/*********************** classes for margin_top *****************************************/
.margin_top { margin-top:5px; }
.margin_top1 { margin-top:10px; }
.margin_top2 { margin-top:15px; }
.margin_top3 { margin-top:20px; }
.margin_top4 { margin-top:30px; }
.padding_top15 {padding-top:15px;}
/*********************** classes for margin_bottom *****************************************/
.margin_bottom { margin-bottom:5px; }
.margin_bottom1 { margin-bottom:10px; }
.margin_bottom2 { margin-bottom:20px; }

/*********************** classes for margin_lr *****************************************/
.margin_lr {margin:0 5px;}
.margin_lr1 {margin:0 10px;}
/*********************** classes for margin_tb *****************************************/
.margin_tb {margin:5px 0;}
.margin_tb1 {margin:10px 0;}

.center { text-align:center; }
.left { text-align:left; }
.right	{ text-align:right; }
.justify { text-align:justify;}

a.none_line { text-decoration:none; }
a.none_line:hover { text-decoration:underline; }
.fromage_head1 { background:url(../homeimages/fromager_favoritesh.gif) no-repeat; width:191px; height:41px; }
.alpine_head1{ background:url(../homeimages/alpine_head.gif) no-repeat; width:212px; height:56px; }

/* image shadow    #1  */
.img-shadow {
    background:url("../images/img-shadow.gif") no-repeat scroll right bottom transparent !important;
    display:block;
    float:left;
    margin:-9px 0 0 0 !important;
    padding-top:9px;
    position:relative;
}
.content {
    background-color:#FFFFFF;
    border:1px solid #000000;
    left:-4px;
    top:-4px;
    padding:4px 5px 1px;
}
.shadow  {
    background-color:#959595;
    float:right;
    left:15px;
    top:6px;
}
.content, .shadow {
    position:relative;
    left:-4px;
    float:left;
}

/* Definitions for Featured Class divs (These are Old! Remove soon)    #2  */
#classes-wrapper{
  /*width:780px; */
  margin:10px auto;
}

.class-box {
    float: left;
    margin-left:12px; 
}
#class-1 {
    float: left; 
    width: 48%; 
}
#class-2 {
    float:left; 
    width:50%; 
    margin-left:10px;
}