@charset "UTF-8";


/* {{{ Tags */
body {
  margin:0;
  padding:0;
  background-image:url(../img/gui/bg.jpg);
  background-repeat:repeat;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#606060; }
img {padding:0px; border:0;}

legend{font-weight:bold;}
fieldset {
  margin-bottom:10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
h1 {font-size:18px;}
h2 {font-size:14px;}
h3 {font-size:14px;}

h4 {color:#a87629;font-size:18px;margin:0;padding:0;padding-bottom:10px;}
h5 {color:#a87629;font-size:11px;margin:0;padding:0;}
/* }}} */

/* {{{ Main site layout */
#mainContainer {
  margin-left:auto;
  margin-right:auto;
  width:940px;
  background-color:#FFFFFF;
  padding-left:10px;
  padding-right:10px;
}

#headerHome, #header {
  background-image:url(../img/gui/pageTopBg.jpg);
  background-repeat:no-repeat;
  width:940px;
  position:relative;
}

#header {height:117px;}
#headerHome {height:496px;}

#employeeLoginButton {position:absolute; right:30px; top:4px; width:97px; height:30px; z-index:2;}
#bodyContent {margin-left:210px;}
#colRight {clear:right;float:right;width:150px;margin:10px 0 0 10px;}

#sub_cowBGwrapper {clear:both;}
#footer { color:#bcbec0; font-size:10px; text-align:center;padding-bottom:8px;margin-top:10px;}
#footer a {color:#bcbec0;}
/* }}} */

/* {{{ Main Nav */
#navContainer {
  z-index:10;
  font-weight:bold; 
  color:#FFFFFF;
  position:absolute;
  left:140px;
  top:75px;
  width:755px;}

#mainNav, #mainNav ul{ 
  margin:0;
  list-style-type:none;
  list-style-position:outside;
  position:absolute; 
}

#mainNav a {
  display:block;
  color:#fff;
  text-decoration:none;
  margin-bottom:5px;
  text-align:center;
}

#mainNav li li a{
  text-align:left;
  margin-bottom:0;
  background-color:#ffffff;
  height:auto;
  line-height:1em;
  padding:5px 5px; 
  color:#0756A5;
  border-color: #E0E2E2;
  border-style: dotted;
  border-width: 1px 2px;}

#mainNav a:hover{color:#FEB511;}

#mainNav li li a:hover{
	color:#FFF;
	background-color:#7cb4fe;
}

#mainNav li {
  padding:0 5px;
  display:inline-block;
  vertical-align:middle;
  position:relative;
  zoom: 1;
  *display: inline;
}

#mainNav ul {display:none;margin:0 0 0 -40px;}

#mainNav li ul a{
  width:175px;
  float:left;
	font-family: "Trebuchet MS", Verdana, Arial;
  font-size:12px;
}

#mainNav ul ul{top:auto;}

#mainNav li ul ul {
  left:147px;
  margin:0;}

#mainNav li:hover ul ul,
#mainNav li:hover ul ul ul,
#mainNav li:hover ul ul ul ul{
  display:none;}

#mainNav li:hover ul,
#mainNav li li:hover ul,
#mainNav li li li:hover ul,
#mainNav li li li li:hover ul{
  display:block;}
  

.hasSubNav > a {
  background-image:url(/assets/img/gui/subNavArrow.png);
  background-position:top right;
  background-repeat:no-repeat;
}

/* }}} Main Nav */

/* {{{ Home Page Itmes */

/*Banner*/
#homeBannerContainer{padding: 3px 20px 0 20px;}
#homeBanner {width:900px;height:360px;overflow:hidden;position:relative;}
#bannNav {position:absolute; left:772px; top:2px;}
.bannNavIcon { 
  width:117px;
  height:63px;
  background-image:url(/assets/img/hpBanner/bannNavIcon.png);
  margin-bottom:2px;
  padding:5px 4px 2px 4px;
  text-align:center;
}
.bannNavIcon a {
    text-decoration:none;
    color:#117fc3;
    font-size:12px;
    font-weight:bold;
    height:63px;
    width:117px;}
.bannNavIcon:hover{background-position: 0 -70px;}
.bannNavIcon a:hover{color:#fff;}

/*Product Pushes*/
#homePushBlog {
  padding-top:1px;
  background-image:url(/assets/img/gui/bg_cowFooter.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
  height:378px;
}

#homePushes {width:200px; float:left; padding-right:15px; padding-bottom:15px;}
#homePushes ul {list-style:none;margin:0;padding:0;}
#homePushes li {
  margin-bottom:3px;
  height:40px;
  background:#6ea6f0 url(/assets/img/gui/navButtonBg.png) repeat-x;
  padding-top:16px; 
}
#homePushes li a {
  display:block; 
  width:200px;
  height:40px;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
  
}
#homePushes li a:hover {color:#c85100;}
#homePushes li img {width:55px; height:54px; margin:-15px 11px 1px 1px; float:left;}

#homeBlogScroll {
  background-image:url(/assets/img/gui/frosted_bkgd.png);
  padding: 5px;
  height: 225px;
  overflow: auto;
}
.blogPreview {margin-bottom:25px;}
.blogPreview h5 {color:#606060;font-size:9px;margin:0;font-weight:normal;}
.blogPreview h4 {color:#606060;font-size:14px; font-weight:bold;margin:0;font-size:11px;}
.blogPreview p {margin-top:0;font-size:11px;}
.blogLearnMore {float:right; margin-top:-15px;}
/* }}} */

/* {{{ Sub Nav */
#subNav { width:200px; float:left;}
#subNav ul {
  background:#fff;
  background-image:none;
  list-style-type:none;
  padding:0;
  margin:0;
}

/* {{{ Level one */
li.subNavTop {
  display:block;
  margin-bottom:3px;
  background:#6ea6f0 url(/assets/img/gui/navButtonBg.png) repeat-x;
  padding-top:16px;
  
}
li.subNavTop a {
  display:block;
  height:40px;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;}
li.subNavTop a:hover {color:#105cba;/*color:#c85100;*/}
li.subNavTop a:first-child {float:none !important;}
img.menuIcon {width:55px; height:54px; margin:-15px 11px 1px 1px; float:left;}
/* }}} */

/* Sub levels */
#subNav ul ul {padding-left:17px;clear:left;}
#subNav li li a { 
  color:#0756A5;
  font-size:11px;
  font-weight:normal;
  background:#fff;
  background-image:none;
  text-decoration: none;
  height:auto;
  line-height:1em;
  padding:2px 0 4px 0;}
#subNav li li a:hover {
  background-color:#cfe4ff;
  color:#105cba;
}
#subNav li  li a.active {
  color: #105cba !important;
  font-weight:bold;}

#subNav li li img {float:left;margin-left:-17px;}


.hasMenuClosed img, .hasMenuOpen img {cursor:pointer;}
.hasMenuClosed ul {display:none;}
/* }}} */


#breadCrumb {width:570px; padding:8px 0;}
#breadCrumb .active {font-weight:bold !important; background-color:transparent !important;}
#breadCrumb a {color:#0756A5;}

#bodyContent p, #bodyContent td, #bodyContent li {line-height:16px;}


/* {{{ Home Delivery Ordering */
.formRow input[type=text] {
	border:1px solid #7CB4FF;
	height:25px;
	font-size:14px;
	text-indent:4px;
	color:#606060;
}

.formRow textarea {
	height:150px;
	border:1px solid #7CB4FF;
	font-size:12px;
	text-indent:4px;
	color:#606060;
	margin:0;
}

.formRow input[type=submit] {
	border:1px solid #7CB4FF;
	background-color:#7CB4FF;
	height:25px;
	font-size:14px;
	color:#FFF;
	padding:0 5px 5px 5px;
	text-align:center;
	text-transform:uppercase
}

.formRow input[type=submit]:hover {
	border:1px solid #606060;
	background-color:#606060;	
}



.formRow input[disabled] {
	background-color:#FFF;
	font-weight:bold;
}

.formElement {
	float:left;
	margin-right:24px;
}

.labelText {
	font-size:9px;
	padding:0 2px 0 4px;
	background-color: #7CB4FF;
	width:80px;
	font-weight:bold;
	color:#FFF;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
}

.prodCatHead {
	font-weight:normal;
	font-size:25px;
	background-image:url(../img/gui/FDProdHeadBG.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	cursor:pointer;
	margin:10px 0 0 0;
	padding: 25px 5px 5px 10px;
	position:relative;
	width:453px;
	height:30px;
}

.prodCatHeadSml {
	font-weight:normal;
	font-size:10px;
}

 .prodSubHead {
 	color:#7CB4FF;
 	cursor:pointer;
 }
 
  .prodSubHead:hover {
 	color:#606060;
 	cursor:pointer;
 }
 
 .prodQty {
 	width:20px;
 	margin-right:5px;
 	margin-top:2px;
 	border: 1px solid #606060;
 	text-indent:2px;
 	float:left;
 	display:block;
 }
 
 .prodQtyInfo {
 	float:left;
 	padding:0;
 	margin:0;
 	line-height:12px;
 }
 
 .prodItem {
 	margin:0 0 10px 0;
 	width:150px;
 	float:left;
 }
 
 .prodGroup {
 	clear:both;
 	border-bottom:1px solid #606060;
 }
 
 .prodGroupHead {
 	font-weight:bold;
 	margin:10px 0 0 0;
 	cursor:pointer;
 }
 
  .prodGroupHead:hover{
 	color:red;
 	cursor:pointer;
 }
 
 .prodCat {
 	background-color:#FFF;
 	border-bottom:1px solid #7CB4FF;
 	border-left:1px solid #7CB4FF;
 	border-right:1px solid #7CB4FF;
 	margin:-12px 0 20px 0;
 	padding: 0 5px 5px 5px;
 	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	width:456px;
 }
 
 
 
 /* error classes */
 
 .labelError {
 	color:red;
 }
 
 .orderError {
 	border:1px solid red;
 	padding:0 5px;
 	color:red;
 }
 
 .optionError .prodCatHead {
 	color:red !important;
 	border:1px solid red;
 	
 }
 
 .itemList {
 	font-size:12px;
 	color:#606060;
 	margin:10px 0;
 }
 
 .itemHead {
 	background-color:#7CB4FF;
 	color:#FFF;
 	font-size:9px;
 	height:15px !important;
 }
 
  .itemFoot {
 	background-color:#FFF;
 	font-size:12px;
 	font-weight:bold;
 	height:15px !important;
 	border:none !important;
 }
 
 .itemQty {
 	width:30px;
 	text-align:center;
 	float:left;
 	padding:3px 5px 0 5px;
 	border-left:1px solid #7CB4FF;
 	border-right:1px solid #7CB4FF;
 	border-bottom:1px dashed #7CB4FF;
 	height:20px;
 }
 
  .itemProduct {
 	width:230px;
 	float:left;
 	padding:3px 5px 0 5px;
 	border-right:1px solid #7CB4FF;
 	border-bottom:1px dashed #7CB4FF;
 	height:20px;
 }
 
  .itemOption {
 	width:175px;
 	float:left;
 	padding:3px 5px 0 5px;
 	border-right:1px solid #7CB4FF;
 	border-bottom:1px dashed #7CB4FF;
 	height:20px;
 	font-size:12px;
 }
 
  .itemPrice {
 	width:50px;
 	float:left;
 	padding:3px 5px 0 5px;
 	border-right:1px solid #7CB4FF;
 	border-bottom:1px dashed #7CB4FF;
 	height:20px;
 	text-align:right;
}
 
 .itemUpdate {
 	width:50px;
 	margin-left:5px;
 	float:left;
 	font-size:9px;
 	background-color:#7CB4FF;
 	-moz-border-radius: 5px;
	-webkit-border: 5px;
	color:#FFF;
	text-align:center;
	height:17px;
	padding-top:3px;
 }
 
 .itemUpdate a {
 	color:#FFF !important;
 }
 
 .addressRow {margin-top:5px;}
 .addressHead {
 	float:left;
 	text-align:left;
 	font-weight:bold;
 	margin: 0 5px 0 0;
 	width:60px;
 }
 
 .addressField {
 	float:left;
 	font-size:12px;
 }
 
 .catThumb {
 	height:60px;
 	width:200px;
 	margin:0px;
 	font-size:9px;
 	display:block;
 	float:right;
 	position:absolute;
 	bottom:0;
 	right:0;
 	color:#909090;
 }
 
 .subMenuNote {
 	font-weight:normal;
 	font-size:10px;
 	color:#808080;
 	display:block;
 	clear:left;
 }
 /* }}} */

/* {{{ Home Grown Section */
#homeGrowTable {width:570px;}
#homeGrowTable td {width:180px;vertical-align:top;}
td.homeGrowTableCentCol {padding:0 15px;}
hr.homeGrownHr {color: #a87629;background-color: #a87629;height: 1px;border:0;}
/* }}} */

/* Classes */
.recipeList {margin-bottom:10px;float:left;width:257px;margin-right:10px;}
.recipeList img {margin-right:10px;float:left;}
.recipeList h4 {color:#606060;font-size:14px; font-weight:bold;margin:0;font-size:11px;}

.jobContact {margin-left:25px;}
.errText {color:#f00;}
.row1 {background-color:#efefef;}
.row0 {background-color:transparent;}
.clear {clear:both;}


#btnShareRecipe {
	background: url("/assets/img/gui/navButtonBg.png") repeat-x scroll 0 0 #6EA6F0;
	display: block;
	margin-bottom: 3px;
	padding: 8px 0 0 8px;
	width:142px;
}
#btnShareRecipe a {
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    text-decoration: none;
}

