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

/**************************************************************************************/
/*******************************   styles by SUNSHINE   *******************************/
/*************************************   c2009   **************************************/
/**************************************************************************************/

* {   /* 0's out the margin & padding on everything */
	margin: 0px;
	padding: 0px;
	}

/* =========================================================
				MAIN BODY CONTAINER & STRUCTURE
============================================================ */

html {
	height: 100% 
	}
body {
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 14px;
	line-height: 1.0;
	color: #cccccc;	
	background-image: url(../images/gs-bg-body.gif);
	background-repeat: repeat-x;
	background-color: #000000;
	}
#container { /***** THIS IS THE MAIN OUTER CONTAINER ON ALL PAGES ******/
	width: 800px;
	margin: 0px auto;
	position: relative;
	text-align: left;
	margin-top: 16px;
	border: solid 2px #000000;
	}
#header {
	position: relative;
	height: 55px;	
	background-image: url(../images/gs-bg-header.gif);
	background-repeat: repeat-x;
	background-color: #eeb111;
	overflow: visible;
	z-index: 5;
	}
#content {
	position: relative;
	min-height: 595px;
	height: auto !important;
	height: 595px;
	background-image: url(../images/gs-bg-content.gif);
	background-repeat: repeat-x;
	background-color: #330000;
	padding-bottom: 10px;
	overflow: auto;
	}
#footer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 18px 0px;
	overflow: auto;
	}

/* =========================================================
				TEXT STYLES
============================================================ */

p {
	line-height: 1.4;
	margin-bottom: 20px;
	}
#col p, .tip p {
	padding-left: 20px;
	}
#col.askexperts p {
	padding-left: 0px;
	}	
#intro p {
	font-size: 17px;
	color: #ffffff;
	}
h2 {
	/*font-family: "GothamCondensed-Bold.ttf", GothamCondensed Bold, Tahoma, sans-serif;
	font-weight: normal;
	font-size: 35px;
	letter-spacing: .1em;
	word-spacing: -.5em;
	color: #e0392e;
	text-transform: uppercase;
	text-shadow: 3px 3px #000000;
	white-space: nowrap;*/
	height: 28px;
	margin-bottom: 15px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
	
/*** Intro Titles ***/
#FLAVORS #intro h2  { background-image: url(../images/gs-h2-flavors.gif); }
.col#desigerdressings h2 { background-image: url(../images/gs-h2-dressings.gif); }
.col#mealideas h2 { background-image: url(../images/gs-h2-mealideas.gif); }
.col#saladsanddips h2 { background-image: url(../images/gs-h2-saladsanddips.gif); }
#VEGETABLECORNER #intro h2 { background-image: url(../images/gs-h2-vegetablecorner.gif); }
.col#artofserving h2 { background-image: url(../images/gs-h2-theartofserving.gif); }
.col#seasonsbest h2 { background-image: url(../images/gs-h2-seasonsbest.gif); }
.col#inspiredselections h2 { background-image: url(../images/gs-h2-inspiredselections.gif); }
#FAQ #intro h2 { background-image: url(../images/gs-h2-frequentlyaskedquestions.gif); }
.col#askexperts h2 { background-image: url(../images/gs-h2-askourexperts.gif); }
#DESIGNERDRESSINGS #intro h2 { background-image: url(../images/gs-h2-designerdressings.gif); }
#ENTREES #intro h2 { background-image: url(../images/gs-h2-entrees.gif); }
#APPETIZERS #intro h2 { background-image: url(../images/gs-h2-appetizerssidessoupsandstews.gif); }
#SEASONALSALADS #intro h2 { background-image: url(../images/gs-h2-seasonalsalads.gif); }
#DELICIOUSDIPS #intro h2 { background-image: url(../images/gs-h2-deliciousdips.gif); }
#CREATIVEWAYS #intro h2 { background-image: url(../images/gs-h2-creativewaystoworkwithvegetables.gif); }
#SEASONALSELECTIONS #intro h2 { background-image: url(../images/gs-h2-seasonalselections.gif); }
#LEAFYVARIETIES #intro h2 { background-image: url(../images/gs-h2-leafyvarieties.gif); }

h3 {
	font-weight: normal;
	font-size: 16px;
	color: #eeb111;
	margin-bottom: 10px;
	padding-left: 20px;
	background-image: url(../images/gs-bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	}
h4 {
	padding-left: 20px;
	margin-bottom: 10px;
	color: #FFFFFF;
	}
small {
	font-size: 80%;
	}

/* =========================================================
				LINK STYLES
============================================================ */

a, a:visited {
	text-decoration: none;
	color: #eeb111;
	cursor: pointer;
	}
a:hover, a:active {
	color: #ee9311;
	}
a:active, a:focus {
	outline: 0;
	}
a#logo {
	display: block;
	width: 185px;
	height: 125px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-indent: -9999px;
	background-image: url(../images/gs-logo.png);
	background-repeat: no-repeat;
	}
#HOME a#logo {
	width: 280px;
	height: 195px;
	background-image: url(../images/gs-logo-home.png);
	}
a#availableat {
	position: absolute;
	top: 500px;
	left: 0px;
	background-image: url(../images/gs-amazon.png);
	width: 270px;
	height: 56px;
	text-indent: -9999px;
	}
#footer a {
	color: #666666;
	}
#footer a:hover {
	color: #999999;
	}
dl#featrecipes a {
	color: #cccccc;
	}
dl#featrecipes a:hover {
	color: #666666;
	}

/* =========================================================
				LIST STYLES
============================================================ */

.tip ul, .col ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 2em;
	padding-left: 2em;
	margin-bottom: 20px;
	}
.tip ol, .col ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 2em;
	padding-left: 2em;
	margin-bottom: 20px;
	}
.tip li, .col li {
	line-height: 1.4;
	margin-bottom: 10px;
	}
.tip ul.nobull, .col ul.nobull {
	list-style-type: none;
	}
.col ul.mixins {
	list-style-type: none;
	margin-left: 1.6em;
	padding-left: 1.6em;
	}
.col ul.mixins li {
	margin-bottom:5px;
	}
ul.pagination {
	list-style-type: none;
	float: left;
	margin-left: 100px;
	margin-bottom: 20px;
	}
#DESIGNERDRESSINGS ul.pagination {
	margin-left: 50px;
	margin-bottom: 50px;
	}
#LEAFYVARIETIES ul.pagination {
	margin-bottom: 50px;
	}
ul.pagination li {	
	list-style-type: none;
	float: left;
	width: 200px;
	font-size: 16px;
	color: #eeb111;
	margin-bottom: 10px;
	padding-left: 20px;
	background-image: url(../images/gs-bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	}
#DESIGNERDRESSINGS ul.pagination li {
	width: 225px;
	}
ul.pagination li a.selected {
	color: #ee9311;
	}

/* =========================================================
				UNIVERSAL STYLES
============================================================ */

img {
	border:none;
	}
.clearfloat {
	clear:both;
	}
.fltlt { /* float an element left */
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
.fltrt { /* float an element right */
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	
/* =========================================================
				TOP NAV STYLES
============================================================ */

ul.topnav  {
	display: block;
	list-style: none;
	position: absolute;
	top: 27px;
	right: 0px;
	text-align: center;	
	/*width: 615px;*/
	width: 518px;
	}
ul.topnav li {
	/*font-family: "GothamCondensed-Medium.ttf", GothamCondensed Medium, Tahoma, sans-serif;
	letter-spacing: .1em;
	word-spacing: -.5em;
	line-height: 27px;
	height: 28px;
	margin: 0px 30px;
	font-size: 18px;*/
	display: block;
	float: left;
	height: 28px;
	}
ul.topnav li a {
	/*float: left;
	display: block;
	font-family: "GothamCondensed-Medium.ttf", GothamCondensed Medium, Tahoma, sans-serif;
	letter-spacing: .1em;
	word-spacing: -.5em;
	line-height: 27px;
	height: 28px;
	margin: 0px 30px;
	font-size: 18px;*/
	display: block;
	float: left;
	height: 28px;
	margin: 0px 37px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	}
ul.topnav li.flavors a {		width: 47px; background-image: url(../images/gs-nav-flavors.gif); }
ul.topnav li.recipes a {		width: 42px; background-image: url(../images/gs-nav-recipes.gif); }
ul.topnav li.vegcorner a {		width: 107px; background-image: url(../images/gs-nav-vegcorner.gif); }
ul.topnav li.faqs a {			width: 26px; background-image: url(../images/gs-nav-faqs.gif); }

ul.topnav li.current a, ul.topnav li a:hover {
	text-decoration: none;
	background-position: 0px -28px ;
	}

/* =========================================================
				FOOTER STYLES
============================================================ */

ul#footleft {
	float: left;
	}
ul#footleft li {
	display: inline;
	margin-right: 15px;
	}
#footright {
	float: right;
	}
ul#footright li {
	display: inline;
	margin-left: 15px;
	}
	
/* =========================================================
				FLAVORS STYLES
============================================================ */

/****  IN PAGE CONTENT  ****/

.sliderwrapper {
	clear: both;
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	height: 380px; /*height required*/
	width: 600px;
	margin: 0px auto;
	}
.sliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
}
.sliderwrapper .contentdiv h2 {
	height: auto;
	padding-top: 100px;
	margin-bottom: 10px;
	text-indent: 0px;
	color:#FFFFFF;
	color: #eeb111;
	font-weight: normal;
	font-size: 25px;
	}
.sliderwrapper .contentdiv .package {
	float: right;
	margin-left: 30px;
	width: 280px;
	height: 380px;
	text-indent: -9999px;
	}
.sliderwrapper .contentdiv .package.italian {
	background-image: url(../images/gs-pkg-italian.png);
	}
.sliderwrapper .contentdiv .package.milditalian {
	background-image: url(../images/gs-pkg-milditalian.png);
	}
.sliderwrapper .contentdiv .package.zestyitalian {
	background-image: url(../images/gs-pkg-zestyitalian.png);
	}
.sliderwrapper .contentdiv .package.fatfreeitalian {
	background-image: url(../images/gs-pkg-fatfreeitalian.png);
	}
.sliderwrapper .contentdiv .package.gourmetcaesar {
	background-image: url(../images/gs-pkg-caesar.png);
	}
.sliderwrapper .contentdiv .package.asiansesame {
	background-image: url(../images/gs-pkg-asianseasame.png);
	}
.sliderwrapper .contentdiv .package.basilvinaigrette {
	background-image: url(../images/gs-pkg-basilvinaigrette.png);
	}
.sliderwrapper .contentdiv .package.garlicherb {
	background-image: url(../images/gs-pkg-garlicherb.png);
	}
.sliderwrapper .contentdiv .package.cheesegarlic {
	background-image: url(../images/gs-pkg-cheesegarlic.png);
	}

/* =========================================================
				OTHER STYLES
============================================================ */

#hero {
	margin-bottom: 18px;
	}
#intro {
	width: 535px; 
	margin: 40px 0px 40px 215px; 
	}
.col {
	float: left;
	}
	
/*RECIPES*/ 
#RECIPES .col {
	width: 248px;
	padding-top: 155px;
	margin-left: 14px;
	background-repeat: no-repeat;	
	}
.col#desigerdressings { background-image: url(../images/gs-recipes-designerdressings.png); }
.col#mealideas { background-image: url(../images/gs-recipes-mealideas.png); }
.col#saladsanddips { background-image: url(../images/gs-recipes-saladsanddips.png); }

/*VEGETABLE CORNER*/
#VEGETABLECORNER .col {
	width: 248px;
	padding-top: 155px;
	margin-left: 14px;
	background-repeat: no-repeat;	
	}
.col#artofserving { background-image: url(../images/gs-vegcorner-artofserving.png); }
.col#seasonsbest { background-image: url(../images/gs-vegcorner-seasonsbest.png); }
.col#inspiredselections { background-image: url(../images/gs-vegcorner-inspiredselections.png); }
	
/*FAQ*/
.col#askexperts {
	width: 248px;
	margin: 0px 14px;
	}
.col#faqs {
	width: 510px;
	}

/*DESIGNERDRESSINGS*/
#DESIGNERDRESSINGS .col {
	width: 325px; 
	margin-left: 50px; 
	}
.dressing { 
	border-bottom: dashed 1px #660000;
	padding-bottom: 10px;
	margin-bottom: 30px;
	}
	
/*CREATIVEWAYS*/ 
#CREATIVEWAYS .col {
	width: 535px; 
	border-bottom: dashed 1px #660000;
	padding-bottom: 10px;
	margin-bottom: 30px;
	}

/*SEASONALSELECTIONS*/
#SEASONALSELECTIONS .col {
	width: 535px; 
	border-bottom: dashed 1px #660000;
	padding-bottom: 10px;
	margin-bottom: 30px;
	}	
.col#markets { 
	border-bottom: none;
	margin-left: 215px;
	}
	
/*LEAFYVARIETIES*/
#LEAFYVARIETIES .col {
	width: 535px; 
	border-bottom: dashed 1px #660000;
	padding-bottom: 10px;
	margin-bottom: 30px;
	}	
.col#leaf {
	margin-left: 215px;
	} 
	
.imgbar {
	float: left;
	clear: left;
	padding-top: 0px;
	margin-left: 50px;
	margin-right: 27px;
	}
.imgbar img {
	display: block;
	margin-bottom: 10px;
	border: double 5px #770000;
	padding: 3px;
	}
#SEASONALSELECTIONS .imgbar img, #LEAFYVARIETIES .imgbar img {
	border: none;
	padding: 10px;
	}
.last, #CREATIVEWAYS .col.last, #LEAFYVARIETIES .col.last { 
	border-bottom: none;
	}
	
/* =========================================================
				FEATURED RECIPE STYLES
============================================================ */

dl#featrecipes {
	width: 700px;
	float: left;
	position: relative;
	display: block;
	margin: 0px 50px;
	}
dl#featrecipes dt, dl#featrecipes dd {
	float: left;
	display: block;
	width: 200px;
	margin-right: 50px;
	}
dl#featrecipes dt {
	width: 120px;
	padding-left: 20px;
	margin-left: 60px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #eeb111;
	background-image: url(../images/gs-bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	}
dl#featrecipes dt#summer, dl#featrecipes dt#spring, dl#featrecipes dt#fall, dl#featrecipes dt#winter {
	clear: left;
	width: 620px;
	}
dl#featrecipes dd  {
	text-align: center;
	height: 180px;
	margin-bottom: 20px;
	}
dl#featrecipes .right  {
	margin-right: 0px;
	}
dl#featrecipes dd img {
	display: block;
	width: 190px;
	height: 126px;
	margin-bottom: 10px;
	border: double 5px #770000;
	padding: 3px;
	}
dd + dt {
	margin-top: 30px;
	}
	
/**************************************************************************************/
/*******************************   END SUNSHINE STYLES   ******************************/
/**************************************************************************************/