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

body {
margin:0px;
background-color:#ffc24f;
height:1000px;
}

#imageContainer { 
height:131px;
}
  
#imageContainer img { 
display:none; 	
position:absolute; 	
top:0px;
left:0px; 	
height:131px;  	
width:898px; 	
opacity: -0.01; } 

/* text styles */

p, td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

.heading {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#cc6600;
margin:0px;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
color:#cc6600;
margin:0px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#cc6600;
font-weight:bold;
}

.heading20 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#cc6600;
margin:0px;
}

.subheading {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#cc6600;
font-weight:bold;
margin:0px;
}

.subheading2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#cc6600;
font-weight:bold;
padding-left:10px;
}

.boldbrown12 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#cc6600;
font-weight:bold;
}

.boldorange12 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ff6600;
}

.Highlight {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ff6600;
}


.whiteheading14 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}

.whiteheading18 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
font-weight:bold;
}

.featuretxt {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}

.copyright {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff9137;
padding-left:20px;
}

.orangebg {
background-color:#FF6600;
color:#FFFFFF;
font-weight:bold;
}


/* structure styles */

.maincell {
background-color:#FFFFFF;
padding:2px;
}

.toprow {
background-color:#ff6600;
}

.topmenu {
border-bottom:2px solid #ffffc6;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
text-align:right;
padding-right:20px;
padding-top:7px;
}

.menuleft {
background-color:#ffffc6;
background-image:url(images/menu-shadow-left.gif);
background-repeat:repeat-y;
width:14px;
}

.menucell {
background-color:#FFFFFF;
width:178px;
vertical-align:top;
padding:6px;
padding-top:20px;
}

.menuitem {
padding:5px;
border-bottom:1px dotted #CCCCCC;
}

.submenucell {
padding:5px;
padding-left:12px;
vertical-align:top;
border-bottom:1px dotted #CCCCCC;
}

.content {
vertical-align:top;
background-color:#ffffc6;
background-image:url(images/menu-shadow-right.gif);
background-repeat:repeat-y;
padding-left:22px;
padding-top:24px;
padding-right:10px;
padding-bottom:20px;
}

.cheesefeature {
background-image:url(images/cheesemaking-feature.jpg);
background-repeat:no-repeat;
width:246px;
height:85px;
padding:10px;
padding-top:118px;
border:3px solid #FFFFFF;
}

.winefeature {
background-image:url(images/winemaking-feature.jpg);
background-repeat:no-repeat;
width:246px;
height:36px;
padding:10px;
padding-top:167px;
border:3px solid #FFFFFF;
}

#button-cheese-kit {
margin-bottom:5px;
}

#fb-like {
margin-left:10px;
}

#tweet {
margin:10px 0 0 10px;
}

#twitter {
margin:50px 0 0 8px;
}

#x {
clear:both;
width:auto;
height:0px;
margin:0px;
padding:0px;
}

.footercell {
background-color:#FF6600;
background-image:url(images/footer-bg.gif);
background-repeat:no-repeat;
height:131px;
vertical-align:top;
}

.footercheese {
border-right:solid 2px #ffffc6;
width:300px;
}

.footercuisine {
border-right:solid 2px #ffffc6;
width:300px;
}

.footertxtmenu {
padding-top:43px;
width:auto;
}

.footheadcheese {
padding-top:30px;
vertical-align:top;
}

.footheadwine {
padding-top:50px;
vertical-align:top;
}

.footheadbeer {
padding-top:5px;
vertical-align:top;
}

.footheadcommcheese {
padding-top:40px;
}

#cat-container {
padding-top:30px;
padding-bottom:20px;
}

#cat-box {
margin-right:30px;
margin-bottom:30px;
float:left;
width:180px;
}

#cat-img {
padding:10px;
height:100px;
}

#cat-title {
text-align:center;
padding-top:10px;
}

#cat-description {
width:150px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}

#prod-container {
padding-bottom:20px;
}

#prod-box {
background-color:#FFFFFF;
background-image:url(images/coming-soon-sml.gif);
background-repeat:no-repeat;
background-position:top left;
overflow:auto;
}

#prod-img {
width:150px;
margin:10px;
float:left; 
padding-bottom:5px;
}

#prod-title {
padding-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#cc6600;
font-weight:bold;
}

#prod-details {
padding:10px;
float:left;
}

#prod-details div {
padding-bottom:5px;
}



#quantity-container {
width:300px;
height:30px;
}

#quantity {
float:left;
padding-right:10px;
padding-top:3px;
}


#cart-container {
float:right;
width:180px;
background-color:#ffffc6;
vertical-align:top;
}

#cart {
vertical-align:top;
background-color:#FFFFFF;
padding:10px;
padding-top:0px;
padding-bottom:30px;
}

#cart div {
padding-top:5px;
}

#cart-total div {
padding-bottom:5px;
}

#news {
vertical-align:top;
background-color:#FFFFFF;
padding:10px;
}

#button {
float:right;
width:auto;
background-color:#FF6600;
padding:3px;
text-align:center;
}

#individual-button {
float:left;
width:auto;
background-color:#FF6600;
padding:3px;
text-align:center;
margin-left:20px;
}

.cart-button {
float:left;
width:auto;
background-color:#FF6600;
padding:5px;
text-align:center;
}

#cart-button {
float:left;
width:auto;
background-color:#FF6600;
padding:5px;
text-align:center;
}

#cartitem {
padding-bottom:10px;
border-bottom:1px dotted #CCCCCC;
}

#order-details {
padding:20px;
overflow:auto;
}

#order {
border-bottom:1px dotted #CCCCCC;
}

#sub-total {
padding:5px;
float:left;
font-weight:bold;
}

#sub-total-amount {
padding:5px;
float:right;
margin-right:235px; 
font-weight:bold;
}

#delivery td {
vertical-align:top;
}



/* outer shadow styles */

#shade1 {
border:1px solid #fcc04d;
border-top:none;
margin:0px;
}

#shade2 {
border:1px solid #f7bc4a;
border-top:none;
margin:0px;
}

#shade3 {
border:1px solid #eeb645;
border-top:none;
margin:0px;
}

#shade4 {
border:1px solid #e3ae3f;
border-top:none;
margin:0px;
}

#shade5 {
border:1px solid #d4a537;
border-top:none;
margin:0px;
}

/* box shadow styles */

#boxshad1 {
border:1px solid #f6f5ba;
margin:0px;
}

#boxshad2 {
border:1px solid #f1efb2;
margin:0px;
}

#boxshad3 {
border:1px solid #e9e7a7;
margin:0px;;
}

#boxshad4 {
border:1px solid #e0dd9b;
margin:0px;
}

#boxshad5 {
border:1px solid #d7d38e;
margin:0px;
background-color:#FFFFFF;
padding-bottom:5px;
}

/* links styles */

a:link {
font-size:12px;
font-weight:bold;
color:#cc6600;
text-decoration:none;
}

a:visited {
font-size:12px;
font-weight:bold;
color:#cc6600;
text-decoration:none;
}

a:hover {
font-size:12px;
font-weight:bold;
color:#000000;
text-decoration:none;
}

a.menu:link {
font-size:14px;
font-weight:normal;
color:#666666;
text-decoration:none;
}

a.menu:visited {
font-size:14px;
font-weight:normal;
color:#666666;
text-decoration:none;
}

a.menu:hover {
font-size:14px;
font-weight:normal;
color:#ff6600;
text-decoration:none;
}


a.whitelink10:link {
font-size:10px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

a.whitelink10:visited {
font-size:10px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

a.whitelink10:hover {
font-size:10px;
font-weight:bold;
color:#330000;
text-decoration:none;
}

a.whitelink11:link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

a.whitelink11:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

a.whitelink11:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#330000;
text-decoration:none;
}

a.whitelink12:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

a.whitelink12:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

a.whitelink12:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#330000;
text-decoration:none;
}

a.footheadlink:link {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

a.footheadlink:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

a.footheadlink:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#330000;
text-decoration:none;
}


a.submenu:link {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#ff6600;
text-decoration:none;
}

a.submenu:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#ff6600;
text-decoration:none;
}

a.submenu:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#666666;
text-decoration:none;
}

a.orangelink12:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ff6600;
text-decoration:none;
}

a.orangelink12:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ff6600;
text-decoration:none;
}

a.orangelink12:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-decoration:none;
}

a.orangelink10:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff6600;
text-decoration:none;
}

a.orangelink10:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff6600;
text-decoration:none;
}

a.orangelink10:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-decoration:none;
}

a.brown16link:link {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#cc6600;
text-decoration:none;
}

a.brown16link:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#cc6600;
text-decoration:none;
}

a.brown16link:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
text-decoration:none;
}


/* image styles */
img {
border:none;
}

#button-artz {
margin-top:10px;
}