@import url("landing.css");
html,body,* {border:0;margin:0;padding:0;}

body{background: #9EC094;color:#fff;}
#body{background: #9EC094;color:#fff;}

h1 {color:#1C3F94; font: normal 26px/32px Georgia, "Times New Roman", Times, serif; margin:0; padding:0 0 16px 0;}
h2 {font: normal 20px/26px Georgia, "Times New Roman", Times, serif; color:#225F12; background:transparent;margin:0; padding:0 0 10px 0;}
h3 {font: normal 18px/20px Georgia, "Times New Roman", Times, serif; color:#036779; background:transparent; margin:0; padding:5px 0;}
h4 {
	font: normal 16px/22px Georgia, "Times New Roman", Times, serif;
	color:#2E7F17;
	background:transparent;
	margin:0;
	padding:5px 0;
	text-align: left;
}
h5 {font: bold 12px/18px Georgia, "Times New Roman", Times, serif; color:#363F33; background:transparent;margin:0; padding:5px 0;}
h6 {font: bold 10px/16px Georgia, "Times New Roman", Times, serif; color:#434F40; background:transparent;margin:0; padding:5px 0;}
h7 {color:#1C3F94; font: normal 22px/28px Georgia, "Times New Roman", Times, serif; margin:0; padding:0 0 16px 0;}
h8 {
	color:#1C3F94;
	margin:0;
	padding:0 0 16px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: italic;
	line-height: 28px;
	font-weight: normal;
	font-variant: normal;
}

p {
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color:#434F40;
	background:transparent;
	margin:0;
	padding:5px 0px;
}
cite {color:#225F12;}

h2.style1, h2.style1 a:link, h2.style1 a:visited, h2.style1 a:hover, h2.style1 a:active {font: 22px/24px Georgia, "Times New Roman", Times, serif; color:#007EA4; }
h2.style2, h2.style2 a:link, h2.style2 a:visited, h2.style2 a:hover, h2.style2 a:active {font: 22px/24px Georgia, "Times New Roman", Times, serif; color:#FEBA31; font-variant:small-caps;}
h2.style3, h2.style3 a:link, h2.style3 a:visited, h2.style3 a:hover, h2.style3 a:active {
	color:#C41131;
	font-variant:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 24px;
}
h2.style4, h2.style4 a:link, h2.style4 a:visited, h2.style4 a:hover, h2.style4 a:active {font: 22px/24px Georgia, "Times New Roman", Times, serif; color:#0154A0; }
h2.style5, h2.style5 a:link, h2.style5 a:visited, h2.style5 a:hover, h2.style5 a:active {font: 22px/24px Georgia, "Times New Roman", Times, serif; color:#8B1B05; font-variant:small-caps;}
h2.style6, h2.style6 a:link, h2.style6 a:visited, h2.style6 a:hover, h2.style6 a:active {font: 22px/24px Georgia, "Times New Roman", Times, serif; color:#019CA8; font-variant:small-caps;}
h2.style7, h2.style7 a:link, h2.style7 a:visited, h2.style7 a:hover, h2.style7 a:active {font: 22px/24px Georgia, "Times New Roman", Times, serif; color:#00693c; font-variant:small-caps;}
h2.style8, h2.style8 a:link, h2.style8 a:visited, h2.style8 a:hover, h2.style8 a:active {font: 22px/24px Georgia, "Times New Roman", Times, serif; color:#dd7e2f; font-variant:small-caps;}

.style9 {
	color:#8C0009;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	vertical-align: middle;
}
.style10 {
	color:#1C3F94;
	font-family: Arial, Helvetica, sans-serif;
	font-style: bold;
}
.red {
	color: #EE0009;
}

.ital {
	font-style: italic;
}

ul, li {font: normal 14px/20px Arial, Helvetica, sans-serif; color:#434F40; background:transparent;margin:0 0 0 20px; padding:5px 0;}
strong {color:#1C4D11;}
em { font-style:italic;color:#5897A3}

a img {border: none;}	
a:focus, a:hover, a:active {outline: none }
a:link {color: #2C3384;text-decoration: none;}
a:visited {color: #8E131A;text-decoration: none;}
a:hover {color: #8E131A;text-decoration: underline;}
a:active {color: #8E131A;text-decoration: none;}

#container {width:986px; margin:0 auto 0 auto; padding:0;}

#main {
	width: 986px;
	margin:0;
	padding: 0px;
	position:relative;
	background-image: url(../images/top-background.gif);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
}
#main #challenge {	position:absolute;
	top:26px;
	left:580px;
	padding:0;
	margin:0;
}
#main #heat {	
	position:absolute;
	top:90px;
	left:160px;
	padding:0;
	margin:0;
}
#navigation {
	height:32px;
	float: left;
	width: 986px;
	background-image: url(../images/nav-background.gif);
	background-repeat: repeat-x;
}


/* Navbar */

#navbar {width: 986px;height: 32px;font-size: 12px;font-family: Arial, Tahoma, Verdana;color: #FFFFFF;font-weight: bold;margin: 0px auto 0px;padding: 0px;}

#navbar ul { list-style-type: none; list-style-image: none; padding: 0px; margin: 0px; }
#navbar ul li { float: left; display: block; height: 32px; padding: 0px; margin: 0px; }
#navbar ul li a:link, #navbar ul li a:visited, #navbar ul li a:active { float: left; color: #fff; display: block; font-size: 12px; padding: 6px 9px 6px 8px; margin: 0px; border:none; text-transform:uppercase;}
#navbar ul li a:hover {
	background-image: url(../images/nav-background-over.gif);
	background-repeat: repeat-x;
}
		/*---------------[DROPDOWN MENU]---------------*/
		.nav, .nav * { margin:0; padding:0; list-style:none; }
		.nav ul { position:absolute; top:-999em; border-bottom: 1px solid #fff; }
		.nav li { float:left; position:relative; z-index:99; }
		.nav a { display:block; }
		.nav ul li { width: 100%; }
		.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:32px; }
		.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:220px; top:0px; }
		.nav li:hover ul, .nav li li:hover ul { top: -999em; }
		.nav li li { display: block; padding: 0px; height: auto !important; }
		.nav li li a:link, .nav li li a:visited { width: 200px; display: block; background-color: #3C8C35; height: auto !important; }
		.nav li li a:hover { background-color: #3C8C35 !important; }

/* Content */

#mainContent {
	width:985px;
	height: auto;
	background:#fff;
	float:left;
	position:relative;
	margin: 10px 0 10px 0;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #3A4F3E;
	border-right-style: solid;
	border-right-color: #3A4F3E;
	overflow:hidden;
}
#mainContentfull {
	width:925px;
	height: auto;
	background:#fff;
	float:left;
	position:relative;
	margin: 10px 0 10px 0;
	padding:30px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #3A4F3E;
	border-right-style: solid;
	border-right-color: #3A4F3E;
}

/* Left Panel */

#mainLeft {
	width:238px;
	height:100%;
	margin:0;
	padding:20px;
	float:left;
	position:relative;
	background-color: #E3EBDF;
	margin-bottom: -99999px;
    padding-bottom: 99999px;
}

#mainLeft .linesep {
	padding: 10px 0 10px 0;
}
#mainLeft .social {
	width:auto;
	height:auto;
	float:left;
	position:relative;
	padding-top:20px;
	padding-bottom:20px;
	vertical-align: middle;
	bottom:0;
}
#mainLeft ul, #mainLeft li, #mainLeft li a:link, #mainLeft li a:visited, #mainLeft li a:active {
	color:#1C4D11;
	font-weight: bold;
	list-style-image: none;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	text-indent: -40px;
}
#mainLeft ul li a:hover {
	text-decoration:underline;
}

/* Right Panel */

#mainRight {
	width:690px;
	padding:0;
	float:right;
	position:relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	background-color:transparent;
}
.bgCCC {
	background-image: url(../images/_0000_CCC.png);
	background-repeat: no-repeat;
	background-position: right 340px;
}
.bgCBB {
	background-image: url(../images/_0001_CBB.png);
	background-repeat: no-repeat;
	background-position: right 340px;
}
.bgCPM {
	background-image: url(../images/_0002_CPM.png);
	background-repeat: no-repeat;
	background-position: right 340px;
}
.bgLentil {
	background-image: url(../images/_0006_LTL.png);
	background-repeat: no-repeat;
	background-position: right 340px;
}
.bgNCS {
	background-image: url(../images/_0004_NCS.png);
	background-repeat: no-repeat;
	background-position: right 340px;
}
.bgNEC {
	background-image: url(../images/_0003_NCC.png);
	background-repeat: no-repeat;
	background-position: right 340px;
}
.bgSCC {
	background-image: url(../images/_0005_SCC.png);
	background-repeat: no-repeat;
	background-position: right 340px;
}
.bgYWB {
	background-image: url(../images/_0007_YWB.png);
	background-repeat: no-repeat;
	background-position: right 340px;
}

#mainRight .packet {
	float:left;
	position:relative;
	margin:10px 0 0 0;
}
#mainRight .soupnavbox, #mainRight .soupnavbox a:link, #mainRight .soupnavbox a:visited {
	background-color: #FFF;
	height: 166px;
	width: 155px;
	float:left;
	margin-right: 10px;
	margin-bottom:10px;
	vertical-align: bottom;
	position: relative;
	background-image: url(../images/soup-box-bg.gif);
	background-repeat: repeat-x;
	text-align: center;
	font-size:10px;
	color:#1C4D11;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3A4F3E;
	border-right-color: #3A4F3E;
	border-bottom-color: #3A4F3E;
	border-left-color: #3A4F3E;
}
#mainRight .soupnavbox a:hover {
	background-image: url(../images/soup-box-bg-over.gif);
	background-repeat: repeat-x;
	text-align: center;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#1C4D11;
	font-style:bold;
	text-decoration:underline;
	align:center;
}
#mainRight .soupnavbox img, #mainRight .soupnavbox img a:hover {
	margin:10px 7px 7px 7px;
	text-decoration: none;
}
#mainRight .copy {
	float:left;
	position:relative;
	width:400px;
	margin-top:30px;
	margin-bottom:8px;
	margin-left:0;
}
#mainRight .copy2 {
	float:left;
	position:relative;
	width:640px;
	margin-top:30px;
	margin-bottom:8px;
	margin-left:0;
}
#mainRight .mouseover {
	float:left;
	position:relative;
}
#mainRight .mouseover strong {
	font-size:14px;
	font-weight:bold;
	color:#8C0009;
}
#mainRight .mouseover a:link, #mainRight .mouseover a:hover, #mainRight .mouseover a:visited {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
#mainRight .mouseover img {
	margin:0;
	float:none;
}
#mainRight .ingredients {
	width:265px;
	float:left;
	position:relative;
}
#mainRight .ingredientbox {
	width:470px;
	float:left;
	position:relative;
	margin:10px 0 10px 0;
}
#mainRight .ingredientbox p{
	font-size: 12px;
}
#mainRight .ingredientbox a:link, #mainRight .ingredientbox a:hover, #mainRight .ingredientbox a:visited,{
	color:#1C4D11;
	text-decoration:underline;
}
#mainRight .ingredientbox img{
	margin:0 10px 10px 0;
}
#mainRight #results {
	width:649px;
	height:657px;
	background-image: url(../images/card-background.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:15px 0 0 15px;
}
#mainRight #results .name {
	width:300px;
	height:auto;
	float:left;
	position:relative;
	margin:10px 0 0 10px;
	padding:5px;
	background-image: url(../images/line-sep.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* News Articles */

#newsarticle {
	float:left;
	position:relative;
	width:660px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0;
	padding: 10px 0 0 0;
	background-image: url(../images/line-sep.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.newscopy{
	float:left;
	position:relative;
	width:570px;
	padding:5px;
	margin:0 10px 0 0;
}
#newsarticle h1{
	color:#902E2C;
	Font-size:18px;
	line-height:22px;
}
#newsarticle h2{
	color:#5897A3;
	Font-size:14px;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
}
.newsicon {
	width:60px;
	float:left;
	position:relative;
	margin:0 10px 10px 0;
}
.embedded {
	width:300px;
	float:right;
	position:relative;
	margin-left:10px;
}

blockquote {background: url(http://www.newenglandcountrysoup.com/images/bg_white.png) repeat;margin: 0px 25px 15px 25px;padding: 0px 25px 0px 10px;border: 1px solid #fff;}
	
#mainContent blockquote p {margin: 0px;padding: 10px 0px 10px 0px;}

#mainContent a:link {color: #2C3384;text-decoration: underline;}
#mainContent a:visited {color: #8E131A;text-decoration: none;}
#mainContent a:hover {color: #8E131A;text-decoration: none;}
#mainContent a:active {color: #8E131A;text-decoration: none;}

h4.toggler {font: normal 16px/20px Arial, Helvetica, sans-serif; color:#2E7F17; background:transparent;margin:0 0 0 20px; padding:5px 0; font-style:italic;}
#accordion .element {margin-left:40px;}
	
.soup1 {display:block;position:relative;top:0; width:244px; float:left;padding:0; margin:0 0 0 10px;}
.soup2 {display:block;position:relative;top:0; width:275px; float:left;padding:0; margin:0 0 0 20px;}
.soup2 p.ingred {font: normal 11px/16px Arial, Helvetica, sans-serif; color:#434F40; padding:10px 0 0 20px; margin:0;background:#fff; }
.soup3 {display:block;position:relative;top:0;padding:10px; margin:0;}
.soup3 h1 {margin-bottom:0;padding-bottom:0; font-size:24px;}
.soup3 h2 {text-align:right;}
.soup_img {display:block;position:relative;top:0; width:170px; float:left;margin:0; padding:0;}
.soup_img p, .soup2 p {padding:5px 0; margin:0; font: normal 14px/18px Arial, Helvetica, sans-serif; color:#434F40; background:transparent; text-align:center;}
.soup_img p.small, .soup2 p.small {font: normal 10px/14px Arial, Helvetica, sans-serif; color:#434F40; background:transparent; text-align:center;padding:0 0 10px 0;  margin:0;}
.soup3 p.facts {font: normal 14px/18px "Comic Sans MS", cursive; color:#434F40; background:transparent; padding-top:10px;}

#ingredients {width:700px; padding:0; margin:0 auto 10px auto; background:#fff; height:160px;}
#ingredients p {font: normal 11px/16px Arial, Helvetica, sans-serif; color:#434F40;}
.ingredient_image {float:left; margin-right:17px;position:relative;}
.ingredient_image img {float:left; border:1px solid #005F6F;}
.ingredient_image h4 { text-align:center; clear:both;font: bold 14px/20px Arial, Helvetica, sans-serif; color:#434F40; background:transparent;}

/* Tooltip styles */

/* MUST tooltip styling */
.hide {position:absolute; z-index:800; left:-9999px;}
/* general tooltip styling */
.hide {border:1px solid #194D11; padding:5px 10px;background:#fff; text-align:left;}
.hide h3 {font-size:16px; font-family: Georgia, "Times New Roman", Times, serif; color:#800; margin:0; padding:5px 0 0 0;}
.hide p {padding:5px 0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:1.5em;}
.hide p.author { font-style: normal;font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:right;}
/* styling the tooltip hover information */
span.toptip {color:#800; font-weight:bold; font-style:italic;}
a.toptip {font-weight:bold; color:#800; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;}
img.toptip {border:1px solid #194D11; display:block; float:left;}
h2.toptip {color:#800; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;}

span.toptip2 {color:#800; font-weight:bold; font-style:italic;}
a.toptip2 {font-weight:bold; color:#800; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;}
img.toptip2 {border:0;}
h2.toptip2 {color:#800; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic;}

/* specific tooltip styling */
#ingredient1 {width:400px;}
#ingredient2 {width:400px;}
#ingredient3 {width:400px;}
#ingredient4 {width:400px;}
#nutrition {width:200px;}
#natural {width:400px;}
#salt {width:400px;}
#starch {width:400px;}
#package {width:400px;}
#soupstip1, #soupstip2, #soupstip3, #soupstip4, #soupstip5, #soupstip6, #soupstip7, #soupstip8 {width:250px;}		
/* Forms */

.left_comment {width:494px; float:left; margin: 10px 0;}
.right_comment {width: 494px; float:right; margin: 10px 0;}
.comment_short {width:320px; margin: 10px 0;}
.left_quote {float:left;background:url(../images/left_quote.png) no-repeat top;width:30px;height:20px;}
.comment_text {float:left;text-align:justify;width:410px;padding-right:20px;background:url(../images/right_quote.png) no-repeat right bottom;color:#434F40;font: normal normal 12px/18px Arial, Helvetica, sans-serif; margin-bottom:10px;}
.comment_author {text-align:right;padding:0 40px 10px 0;color: #5F9F4F;font: italic normal 12px/18px Georgia, "Times New Roman", Times, serif;}

/* Paypal buy now sections on order our soup page */
.order_box {width:275px; display:block; float:left; position:relative; height:190px; margin-right:11px; margin-bottom:10px; border:1px solid #D7EFD1; padding:10px;}
.order_box h3 {font: normal 18px/22px Georgia, "Times New Roman", Times, serif; color:#036779; background:transparent; margin:0; padding:5px 0; text-transform:none;}
.order_box img {float:left; margin-right:10px;}
.order_box .addtocart {text-align:right; display:block; background:transparent; border:none; position:absolute; bottom:10px; right:10px;}

/* Our Soups  */
.soup_box {width:700px; display:block; position:relative; margin-bottom:10px; border-bottom:1px solid #D7EFD1; padding:10px; clear:both; height:110px;}
.soup_box h3 {font: normal 18px/22px Georgia, "Times New Roman", Times, serif; color:#036779; background:transparent; margin:0; padding:5px 0; text-transform:none;}
.soup_box img {float:left; margin-right:10px;}
.soup_box .more {display:block; text-align:right; float:right; padding:10px 10px; font-style:italic; font-weight:bold; font-family: Arial, Helvetica, sans-serif;}

/* Bottom   */

#bottom {width:986px; margin:0 0 0 0; float:left; position:relative; clear:both;}
#bottom .box {
	background-color: #FFF;
	height: 125px;
	width: 148px;
	float:left;
	margin-right: 18px;
	margin-bottom:10px;
	vertical-align: bottom;
	position: relative;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #3A4F3E;
	border-bottom-color: #3A4F3E;
}
#bottom .box img {margin:0; padding:0;}
#bottom .box a:link {margin:0; padding:0;}
#bottom .box a:visited {margin:0; padding:0;}
#bottom .box a:hover {margin:0; padding:0;}
#bottom .box a:active {margin:0; padding:0;}
#bottom .box .box-text {font: normal 12px/16px Arial, Helvetica, sans-serif; padding:10px; margin:0; color:#434F40;}

	
/* Footer   */

#footer{background:transparent;color:#1C4D11; margin:0 auto; padding:0; z-index:1;}
#footer_main {width:986px; margin:0 auto; padding:0;}
#footer p {color:#1C4D11; background:transparent; font-weight:normal; text-align:center; font: normal 10px/17px Arial, Helvetica, sans-serif; padding-top:10px;}

#footer a:link {color:#1C4D11;text-decoration: none;}
#footer a:visited {color:#1C4D11;text-decoration: none;}
#footer a:hover {color:#1C4D11;text-decoration: underline;}
#footer a:active {color:#1C4D11;text-decoration: none;}