@charset "UTF-8";
/*  
Site: artisanalcheese.com
Author: Nick Scipione
Date Created: 03-04-09
# ------------ Modification History ----------------------------------------------
#
# Date		  Ref# 	By 		Description
# --------	----	---		------------------------------------------------------
# 5-20-10	  #1		MHG		Various additons (search on #1)
# 5-26-10   #2    mhg   Added styles for image shadow
#================================================================================
*/

/* ---------- Global -----------*/


body, html {
	margin:5px;
	padding:0;
	outline:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}

* {
	font-size:12px;
	}


a,   a:active { 
	color:#b82429; text-decoration:none;
	font-size:12px;
}

ul, ul li {
	font-size:12px;
	}
	
p {
	font-size:12px;
	}

a:hover {
	color:#8a1b1f;
	}

h1, h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15pt;
	padding-top:10px;
	color:#333333;
	clear:left;
	margin:0;
	}

img {
	border:0;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}


.clear {
	clear:left;
	}

.greyLine {
	width:100%;
	border-top:1px solid #7b7f80;
	margin:20px 0 10px 0;
	clear:both;
	}

/* ---------- Header -----------*/


#header {
	margin:0 auto 0 auto;
	width:763px;
	}
	
#logo {
	float:left;
	margin:0 10px 0 0;
	background-color:#FFFFFF;
	}

#quickLinks {
	font-size:9px; 
	color:#7b7f80;
	}

#quickLinks a, #accountLinks a, #quickLinks2 a {
	font-size:9px; 
	color:#7b7f80;
	}

#quickLinks a:hover, #accountLinks a:hover, #quickLinks2 a:hover {
	font-size:9px; 
	color:#b82429;
	}

#slogan {
	margin:20px 0 0 0;
	width:265px;
	height:27px;
	}

#accountLinks {
	float:right;
	font-size:9px; 
	color:#7b7f80;
	}


#quickLinks2 {
	font-size:9px;
	color:#7b7f80;
	float:right;
	margin-top:5px;
	}

#quickLinks2 a {
	display:block;
	margin-left:10px;
	float:left;
	line-height:20px;
	}

#searchForm {
	 width:140px; 
	 background-color:#e3e3e3; 
	 margin:0 3px 0 0;
	 float:left;
	 height:19px;
	 }

#header-right-side {
	float:right;
	}
	
#search {
	margin:20px 0 0 0;
	float:right;
	}

#btnSearch {
	position:relative;
	}

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

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

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

#nav a {
	display: block;
	width: auto;
	font-family:verdana;
	font-size:11px;
	text-decoration:none;
	color:#7b7f80;
	background-image:url(/images/header/nav_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border-left:1px solid #7b7f80;
	border-top:1px solid #7b7f80;
	border-bottom:1px solid #7b7f80;
	text-align:center;
}

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

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


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


#nav li ul { /* second-level lists */
	position: absolute;
	background: #fef4d1;
	width: 10em;
	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;
	text-decoration:none;
	
}


#nav 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;
	padding-top:3px;
	padding-bottom:5px;
	padding-left:12px;
	clear:both;
}


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

}
#nav 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;
	font-size:11px;
	color:#ab0005;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:5px;
	padding-left:12px;
	clear:both;
}

	
.chromemenu{
width: 100%;
font-weight: 100;
}

.chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromemenu ul{
border: 0px solid #BBB;
width: 100%;
background: #e3e3e3;
padding: 2px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

.chromemenu ul li{
display: inline;
height:22px;
line-height:22px;
}

.chromemenu ul li a{
color: #7b7f80;
padding: 5px 4px;
margin: 0;
text-decoration: none;
border-right: 0px solid #BBB;
font-family:verdana;
font-size:11px;
}

.chromemenu ul li a:hover, .chromemenu ul li a.current{
background: #e3e3e3;
font-family:verdana;
color: #ab0005;
}



.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
text-align:left;
}

.tabcontent {
display:none;
font-family:verdana;
font-size:10px;
color: #7b7f80;
padding:5px;
text-decoration:none;
text-align:left;
}

.SubMenuLink
{
font-family:verdana;
font-size:10px;
color: #7b7f80;
text-decoration:none;

}

.SubMenuLink a:hover 
{
font-family:verdana;
font-size:10px;
color: #ab0005;
text-decoration:none;

}

.MenuLink
{
font-family:VERDANA; 
font-size:11px; 
color:#7b7f80;
text-decoration:none;

}




.CheeseType ul li {
display: block;
font-family:verdana;
font-size:10px;
text-align:left;

}

.CheeseType ul li a{
color: #000000;
padding:0px;
margin: 0;
text-decoration: none;
font-family:verdana;
font-size:9px;
}

.CheeseSub
{
font-family:VERDANA; 
font-size:12px; 
color:#333333;
text-decoration:none;
font-weight:bold;
padding-bottom:2px;

}

/* ---------- Content -----------*/

#content {
	margin:0 auto 0 auto;
	width:763px;
	font-size:12px;
	}

.hpRow {
	background-image:url(/images/homepage/bg_shade.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	clear:left;
	font-size:11px;
	}


.hpRowCell {
	width:116px;
	float:left;
	font-size:11px;
	margin-right:6px;
	margin-left:5px;
	
	}
	
.hpRowCellB {
	width:140px;
	float:left;
	font-size:11px;
	padding:0 5px 0 5px;
	text-align:center;
	}

.hpRowCellTitle {
	line-height:14px;
	}

.hpRow img {
	margin:0 0 5px 0;
	}

#ourFallSuggestions {
	width:100%;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #7b7f80;
	border-top:1px solid #7b7f80;
	padding:5px 0 5px 0;
	text-align:left;
	
	}
div.ofsCaption{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding:0px 15px 0px 15px;
}
#insideCorner {
	width:100%;
	font-size:12px;
	border-bottom:1px solid #7b7f80;
	border-top:1px solid #7b7f80;
	padding:5px 0 5px 0;
	}

#insideCorner img {
	margin:0 5px 0 0;
	}

#hpCheesePromo img {
	width:126px;
	height:116px;
	}
	
#hpCheeseList {
	border-top:1px solid #7b7f80;
	background-image:url(/images/homepage/bg_shade_cheese_list.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-top:20px;
	clear:both;
	}

#hpCheeseList a{
	display:block;
	line-height:16px;
	padding-left:5px;
	text-align:left;
	color:#7b7f80;
	border-left:1px solid #7b7f80;
	border-bottom:1px solid #7b7f80;
	font-size:11px;
	}
	
.hpCheeseListBorderRight {
	border-right:1px solid #7b7f80;
}


#hpCheeseList a:hover {
	color:#b82429;
	}

#newsletterSignup {
	background-color:#E9EAEC;
	text-align:right;
	
	}
	
#footerLinks {
	font-size:10px;
	margin-top:20px;
	margin-bottom:5px;
	}
	
#footerLinks a{
	color:#7b7f80;
	font-size:10px;
	}
	
/* ---------- Cheese  -----------*/

#cheeseSideNav {
	width:150px;
	float:left;
	padding-bottom:20px;
	padding-top:15px;
	font-size:12px;
	}	

#cheeseSideNav ul {
	margin:10px 0 10px 0;
	padding:0;
	list-style-type:none;
	}

#cheeseSideNav ul li a:active
{
	font-size:12px;
}
	

#cheeseContent {
	width:600px;
	float:right;
	padding-bottom:20px;
	}

.cheeseSubRow {
	width:185px;
	float:left;
	padding-top:10px;
	}

.cheeseSubRowTD {
	width:185px;
	padding-top:10px;
	}

#cheeseBestSellers {
	float:right;
	width:230px;
	padding-top:10px;
	}

.cheeseSubRow a, .cheeseSubRowTD a {
	font-size:12px;
	}

.cheeseSubRow img, .cheeseSubRowTD img {
	margin:6px 0 0 0;
	}

#cheeseBestSellers ul {
	list-style:none;
	margin:0;
	padding:0;
	}

#cheeseBestSellers ul li{
	display:block;
	padding-top:4px;
	clear:left;
	font-size:11px;
	}

#cheeseBestSellers ul li img{
	margin:0 6px 0 0;
}

.bestSellerAdd {
	margin:0 0 0 3px;
	}

/*------------- UpSelling -----------*/



#upSellers {
	float:left;
	width:230px;
	padding-top:10px;
	}

#upSellers ul {
	list-style:none;
	margin:0;
	padding:0;
	}

#upSellers ul li{
	display:block;
	padding-top:4px;
	clear:left;
	font-size:11px;
	}

#upBestSellers ul li img{
	margin:0 6px 0 0;
}

.upSellerAdd {
	margin:0 0 0 3px;
	}













/* ---------- Products  -----------*/

.prodSummary {
	width:100%;
	clear:both;
	font-size:11px;
	margin-top:25px;
	border-top:1px solid #990000;
	padding-top:25px;
	}

.productname {
	font-size:12px;
	}

/* ---------- Prod Info  -----------*/



#prodDescription {
	font-size:12px;
	}

.prodImage {
	margin-right:20px;
	}

.prodTop {
	font-size:11px;
	}

#clockwise {
	width:180px;
	text-align:center;
	padding:5px;
	margin:5px;
	border:1px solid #cccccc;
	float:right;
	}
	
#clockwise-s {
	
	text-align:center;
	float:right;
	margin:5px;
	padding:5px;
	border:1px solid #cccccc;
	}
	
	
/* ---------- Checkout  -----------*/

.checkoutSelected {
	color:#000000;
	}

/* ---------- Cheese Classes  -----------*/
.affinageHeader {
  color: Black;
  font-size:16px;
}

.affinageSubHeader{
	color:#990000;
	font-size:14px;
	}
	
.subHeader {
  margin-top: 10px;
}

.largerFont {
	margin:5px;
	padding:0;
	outline:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333333;
	}
	


.largerFont2 {
	margin:5px;
	padding:0;
	outline:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	}
	
	.largerFont3 {
	margin:5px;
	padding:0;
	outline:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#b82429;
	}
	
	.largerFont4 {
	margin:5px;
	padding:0;
	outline:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#b82429;
	}
	
.largerFont2 a,  a:active { 
	color:#b82429; text-decoration:none;
	font-size:14px;
}

.largerFont2 strong {
	padding:0;
	outline:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:bold;
	}
	
	.largerFont2 ul {
	padding:0;
	outline:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	}
	
	/* dynamic image css below */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
width:300px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/* ---------- new added css 10/2/2009 -----------*/
h1,h2,h3,h4,h5,h6 {padding:0px; margin:0;}
h1 {padding:10px 0;} /* mhg #1 */
p {margin:5px 0px;}
h3.headding  {margin:0; font:16px Verdana; color:#494848; font-weight:bold;}
h3.headding1 {margin:0; font:22px Times New Roman; color:#9b0000; font-weight:bold;}
h3.headding2 {margin:0; font:18px Verdana; color:#9b0000; font-weight:bold;} /*-------Added 10-20-09------*/
h2.main_head { font:24px Times New Roman; color:#a56401; font-weight:bold; border-bottom:1px solid #a56401; margin-bottom:3px; display:block;}
.contant  {font:14px Times New Roman; color:#515151; line-height:14px; }
.contant1 { font:14px Times New Roman; color:#a56401; font-weight:bold; }
.contant3  {font:13px Times New Roman; color:#000; line-height:14px; margin:0; }
p.contant2 { font:12px Times New Roman; color:#424242; line-height:14px; text-align:left; width:126px; margin:0;  }
a.link { font-size:14px; margin-top:5px; display:block; font-weight:bold; color:#9b0000;}
a.link1 { font-size:13px; margin-top:5px; display:block; font-weight:bold; color:#9b0000;}
a.link2 { font-family: Verdana; font-size:12px; margin-top:5px; display:block; font-weight:bold; color:#9b0000;} /*-------Added 10-20-09------*/
.margin_top10 {margin-top:10px;}
.margin_bottom5 {margin-bottom:5px; display:block;}
.margin_bottom6 {font-family:verdana; font-size: 12px; margin-bottom:5px; display:block;} 

/****** mhg: #1  ******/
.page_header
{
  margin: 10px 0px;
}
h1#class-header,
h1#non-class-header
{
  padding-top:10px;
}     /*end #1*/


/****Added 10-20-09***/

/* ---------- new added css 10/14/2009 -----------*/
.header_left_bg { background:url(/images/homepage/october09/header_left_bg.jpg) no-repeat; width:429px; height:245px;}
.header_top {
	width:429px;
	height:148px;
	background-image: url(../images/homepage/october09/header_left_bg.jpg);
	background-repeat: no-repeat;
}
.header_cont {
	padding:0 16px;
	color:#603814;
	text-align:justify;
	font-family:verdana;
	font-size:11px;
}
.header_cont a {color:#c36116;  font-size:11px;}
p.contant4 { font:12px verdana; color:#424242; line-height:14px; text-align:left; width:126px; margin:0;  }
p.contant5  {font:11px Verdana; color:#000; line-height:14px; margin:0; } 

/* ---------- new added css 10/28/2009 -----------*/
.baseball_left {background:url(../images/homepage/october09/baseball_header_v2_left.jpg) no-repeat; width:358px; height:194px; }
.baseball_contant {padding:103px 0 0 10px; font:11px verdana; color:#fff; line-height:16px;}

/* ---------- new added css 11/19/2009 -----------*/
.padding_left2 {padding-left:2px;}
.padding_right { padding-right:17px; }
.padding_right22 { padding-right:22px; } 
.padding_tb5 {padding:5px 0;}
.padding_tb12 {padding:12px 0;}
.padding_tb15 {padding:15px 0;}
.padding_bottom {padding-bottom:5px;}
.padding_top5 { padding-top:5px; }
.padding_top { padding-top:15px;}
.padding_top10 {padding-top:10px;}
.margin_top10 { margin-top:10px;}
.headding_cont  { font-family:verdana; font-size:11px; color:#333333; }
.headding_cont a { font-family:verdana; font-size:11px; }
h2.head { font-family:verdana; font-size:13px; color:#333333;}
td.border_bottom  { border-bottom:1px solid #9a1820; }
.padding_tr {padding:15px 22px 0 0;}
a.link_new  { font-family:verdana; font-size:11px; }

/* image shadow    #2  */
.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;
}