html,body,* {border:0;margin:0;padding:0;}

body{background: #528945;color:#fff;}
#body{background: #CCDFC3;color:#fff;}

h1 {color:#1E4F11; font: normal 32px/38px Georgia, "Times New Roman", Times, serif; margin:0; padding:0 0 16px 0;}
h2 {font: normal 24px/30px Georgia, "Times New Roman", Times, serif; color:#225F12; background:transparent;margin:0; padding:0 0 10px 0;}
h3 {font: normal 20px/22px 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;}
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;}
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: 21px/24px Georgia, "Times New Roman", Times, serif; color:#007EA4; font-variant:small-caps;}
h2.style2, h2.style2 a:link, h2.style2 a:visited, h2.style2 a:hover, h2.style2 a:active {font: 21px/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 {font: 21px/24px Georgia, "Times New Roman", Times, serif; color:#C41131; font-variant:small-caps;}
h2.style4, h2.style4 a:link, h2.style4 a:visited, h2.style4 a:hover, h2.style4 a:active {font: 21px/24px Georgia, "Times New Roman", Times, serif; color:#0154A0; font-variant:small-caps;}
h2.style5, h2.style5 a:link, h2.style5 a:visited, h2.style5 a:hover, h2.style5 a:active {font: 21px/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: 21px/24px Georgia, "Times New Roman", Times, serif; color:#00713D; font-variant:small-caps;}

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:#375F7F}

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;}

#background_top {background: #E3ECDF url(http://www.newenglandcountrysoup.com/images/header.png) no-repeat 50% 0; height:288px;}
#background_top .main {width: 980px;margin: 0px auto 0px;padding: 0px;}
#background_top .main h1 {color: #03687a;font-size: 20px; line-height:30px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;margin: 0px;padding:16px 0 0 0;text-align:right;}
#background_top .main h2 {color: #03687a;font-size: 14px; line-height:24px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;margin: 0px;padding:0;text-align:right;}
#background_top .main h3 {color: #03687a;font-size: 12px; line-height:20px;font-family: Arial, Helvetica, sans-serif;font-weight: normal;margin: 0px;padding: 0;text-align:right;}

#navigation {background:#036779; height:32px;border-bottom: 1px solid #fff;border-top: 1px solid #fff;}

#background_bottom {background: url(http://www.newenglandcountrysoup.com/images/footer.jpg) repeat-x bottom left;}
#container {width:986px; margin:10px auto 0 auto; padding:0;}

/* 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 10px 6px 10px; margin: 0px; border:none; text-transform:uppercase;}
#navbar ul li a:hover {background:#005F6F;}
		/*---------------[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:hover { background-color: #00515F !important; }
		.nav li li a:link, .nav li li a:visited { width: 200px; display: block; background-color: #00515F; height: auto !important; }
		.nav li li a:hover { background-color: #005F6F !important; }

/* Content */

#mainContent {width:960px; margin:0 0 10px 0; padding:10px; background:#fff; border:4px double #D7EFD1; position:relative;}
#mainLeft {width:720px; margin:0 0 8px 0; padding:10px; background:#fff;  border:4px double #D7EFD1; float:left; position:relative;}
#mainRight {width:220px; margin:0 0 10px 0; padding:0; background:#fff; border:4px double #D7EFD1; float:right; position:relative;}
	

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;}

/* 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;}
	
/* 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:290px; display:block; float:left; position:relative; height:180px; 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:960px; margin:0 0 10px 0; padding:10px; background:#e3ecdf; border:4px double #fff; clear:both;}
#bottom .box {width:230px; border:1px solid #c3dab9; position:relative; float:left; margin-right:10px; background:#fff; padding:0;}
#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:#fff;height:74px; margin:0 auto; padding:0; z-index:1;}
#footer_main {width:980px; margin:0 auto; padding:10px;}
#footer p.copy {color:#fff; background:transparent; font-weight:normal; text-align:left; font: italic normal  11px/15px Arial, Helvetica, sans-serif;  padding-top:10px; margin:0;}
#footer p {color:#fff; background:transparent; font-weight:normal; text-align:center; font: normal 11px/17px Arial, Helvetica, sans-serif; padding-top:10px;}

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