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

body {
	background-color: #eae7e7;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
	font-size: 11pt;
	line-height: normal;
	margin: 10px;
	padding: 0;
}

html, body {
	height: 100%;
}

* html #container {
	height: 100%;
}

/* -------- LAYOUT ------------ */

#container {
	width: 970px;
	margin: 0 auto;
	height: 100%;
	min-height: 100%;
}

#header {
	background: url(../images/headerbg.gif) top no-repeat;
	height: 121px;
}

#static_header {
	width: 185px;
	height: 118px;
	margin-left: 785px;
}

#flash_header {
	background: url(../images/banner/h-chefspaghtetti.jpg) top right;
	width: 185px;
	height: 118px;
	margin-left: 785px;
}

#flbanner {
	width: 970px;
	height: 200px;
}

#stbanner {
	width: 970px;
	height: 200px;
}

#b2flash_fiori {
	width: 200px;
	height: 198px;
	float: left;
	padding-right: 5px;
}

#b2flash {
	width: 250px;
	height: 248px;
	float: left;
	padding-right: 5px;
}

#b2flash_verdure {
	width: 250px;
	height: 248px;
	float: left;
	padding-left: 5px;
}

#flashpromo_wonderkid {
	width: 390px;
	height: 290px;
}

#bx1 {
	width: 295px;
	height: 292px;
}

#sliderwrap {
	height: 130px;
	background-color: #FFFFFF;
}

#mainmenu {
	background: url(../images/navbg.gif) top repeat-x;
	height: 35px;
}

#maincontent {
	padding: 0 0 5px 0;
	background-color: #FFFFFF;
}

/* -- not used yet; for 1 column txt only
#maincontent2 {
	padding: 10px 0 20px 0;
	background-color: #FFFFFF;
}
*/

.maintext2 { /* 1 column */
	padding: 10px 20px;
}

.maintext { /* product pages with sidebar */
	padding: 10px 20px;
	float: right;
	width: 670px;
}

#footer {
	background: url(../images/footerbg.gif) top no-repeat;
	height: 127px;
	margin: 0;
	padding: 25px 0 0 0;
}

#copyr {
	color: #FFFFFF;
	font-size: 11px;
	padding: 0;
	background: url(../images/us-flag.png) right no-repeat;
	line-height: 25px;
	width: 260px;
	margin: 20px auto;
}

.gravity a:link, .gravity a:active, .gravity a:visited {
	padding: 20px 0 0 0;
	color: #999999;
	font-size: 9pt;
	text-decoration: none;
	text-align: center;
}

/* ------- MAIN MENU ------ */

#mainmenu ul {
	height: 35px;
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	white-space: nowrap;
}

#mainmenu ul li {
	display: inline;
	padding: 0; 
	white-space: nowrap;
	list-style-type: none;
}

#mainmenu .flags {
	float: right;
	margin: 5px 5px 0 0;
	padding: 0;
}


#mainmenu .flags a:link {
	padding: 0 7px;
}

/* ------- HOME BOTTOM ------ */

#tricolbox {
	height: 295px;
	width: 950px;
	padding: 0 10px 10px 10px;
	margin: 0;
	clear: both;
}

#duocolbox {
	height: 293px;
	width: 940px;
	padding: 0 10px 10px 10px;
	margin: 0 auto;
	clear: both;
}

#left {
	float: left;
	width: 298px;
}

#center {
	margin: 0 195px 0 299px;
	padding: 0;
	height: 295px;
	width: 453px;
}

#right {
	float: right;
	width: 196px;
}

#right_products {
	float: right;
	width: 641px;
}

#duocolwonderkid {
	height: 293px;
	width: 960px;
	padding: 0 3px;
	margin: 0 auto;
	clear: both;
}

#leftwonderkid {
	width: 556px;
	float: left;
}

#rightwonderkid {
	width: 390px;
	float: right;
}


/* -- These styles are not used anymore
.prodbox {
	background-color: #eaeaea;
	border: 3px solid #ffffff;
	margin: 3px auto;
}

.prodbox-outer {
	border: 1px solid #eaeaea;
	width: 427px;
	height: 295px;
}

.prodbox img {
	box-shadow: 1px #9b9797;
	-webkit-box-shadow: 1px #9b9797;
	-moz-box-shadow: 1px #9b9797;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#9b9797, offX=1, offY=1, positive=true);
	border: 3px solid #FFFFFF;
}
*/


.clearfloat {
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 1px;
}

/* usage: <br class="clearfloat" /> */

/* ---------- SIDEBAR MENU - PRODUCTS ----------- */

#sidebarmenu, .sidebar_product_list {
	background: url(../images/sidebarmenubg.jpg) bottom left no-repeat;
	width: 247px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 10px;
	float: left;
}

#sidebarmenu .title {
	margin: 0;
	padding: 0;
}

#sidebarmenu .inner {
	margin: 0;
	padding: 0 20px;
}

#sidebarmenu .brand {
	color: #2c66a1;
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: bold;
	line-height: 18px;
	padding: 10px 0 0 0;
}

#sidebarmenu .brand a:link, #sidebarmenu .brand a:active, #sidebarmenu .brand a:visited {
	color: #2c66a1;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

#sidebarmenu .brand a:hover {
	color: #347DC9;
	text-decoration: none;
}

#sidebarmenu p a:link, #sidebarmenu p a:active, #sidebarmenu p a:visited {
	font-size: 10pt;
	text-decoration: none;
	color: #666666;
}

#sidebarmenu p a:hover {
	color: #347DC9;
	text-decoration: none;
}

#sidebarmenu p {
	padding: 0;
	margin: 0;
	font-size: 10pt;
	line-height: 20px;
}

#sidebarmenu p .active {
	background-color: #FFFFFF;
	width: 247px;
	height: 26px;
	padding: 0 0 0 10px;
	margin: 0;
}

/* ------ AJAX AREA / SUBSIDEBAR PRODUCTS ------ */

#subcontainer {
	width: 970px;
	background:#FFFFFF;
	margin: 0 auto;
	clear: both;
}

#subsidebar {
	float: left;
	width: 207px;
	padding: 0 20px;
	margin: 0 0 0 10px;
}

#subContent {
	margin: 0 0 0 208px;
}

#subsidebar p {
	color: #2c66a1;
	font-size: 10pt;
	font-weight: normal;
	line-height: 16px;
	padding: 0;
	margin: 5px 0;
}

#subsidebar p.first {
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#subsidebar p span.wt {
	color: #666666;
}

/* ------ AJAX ACCORDIONS ----- */

.accordion, .accordion *{
	margin: 0 5px;
	padding:0;
	list-style-type: none;
}
.accordion_fiori, .accordion_bellamare, .accordion_solejam, .accordion_solepom, .accordion_solefruit, .accordion_goldenbee, .accordion_royalnuts, .accordion_cosmic, .accordion_verdure, .accordion_wonderkidpb, .accordion_wonderkidchoco, .accordion_lavita {
	background:#fff;
}

.active{
	background:#fff;
}
.accordion .active_click{
	cursor:default;
}

/* ------ CONTACT PAGE ------ */

#contactform {
	width: 560px;
	height: 580px;
}

#contactinfo {
	width: 300px;
	padding: 0;
	margin: 0 10px 0 0;
	float: right;
}

/* ------ PRODUCTS PAGE ------ */

#subcontainer-products {
	width: 970px;
	background:#FFFFFF;
	margin: 0 auto;
	padding: 1px 0 0 0;
}

#productsmsg { /* Products Flash Message */
	width: 957px;
	height: 89px;
	margin: 0 auto;
}

/* ------- SOLE JUICE IMAGE (right of AJAX) ---------- */

.solestand {
	padding: 0 25px 0 0;
}


/* ------- FAQ PAGE ---------- */

span.question {
	font-size: 12pt;
	font-weight: bold;
}

/* ---------- ABOUT PAGE --------- */

#about-box1 {
	float: right;
	width: 295px;
	height: 292px;
	padding: 0;
	margin: 0 0 0 10px;
}

#b2_about {
	width: 650px;
	height: 292px;
	margin: 0;
	padding: 0 10px 10px 0;
	float: left;
}

/* ---------- BUYERS GUIDE --------- */

#subcontainer-buyers {
	width: 620px;
	background: #FFFFFF;
	margin: 0;
	padding: 0 0 10px 0;
}

ul.buyers li {
	list-style-position: outside;
	list-style-image:url(../images/bullet-blue.png);
	padding: 0 0 2px 0;
	font-weight: bold;
}

#buyers-box1 {
	width: 295px;
	height: 292px;
	padding: 0;
	margin: 0x;
}

#b2_buyersguide {
	width: 650px;
	height: 292px;
	margin: 0;
	padding: 0;
}

h2.buyers1 {
	padding: 0 0 5px 0;
}

/* ---------- TEXT ----------- */

h1 {
	color: #FF3300; /* bright red */
	font-size: 22pt;
}

h2 {
	color: #FF3300; /* bright red */
	font-size: 18pt;
	font-weight: normal;
}

h2.buyers {
	padding: 0 0 0 10px;
}

#subcontainer h1 {
	padding: 0 0 0 10px;
}

p {
	line-height: 1.3em;
}

p.small {
	font-size: 9pt;
}

.maintext ul li {
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 0 0 25px;
}

.maintext ol li {
	list-style-type: decimal;
	list-style-position: outside;
}

img {
	border: none;
}

.fL {
	float: left;
	padding: 3px 3px 3px 0;
	border: none;
}

.fR {
	float: right;
	padding: 3px 0 3px 3px;
	border: none;
}