body {
	background:url(http://www.fragrancesandflavors.com/images/background.jpg);
    background-repeat: repeat-x;	
	width: 100%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	scrollbar-arrow-color: #2269ad;
	scrollbar-3dlight-color: #F2F0df;
	scrollbar-darkshadow-color: #F2F0E8;
	scrollbar-face-color: #F2F0E8;
	scrollbar-highlight-color: #F2F0E8;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #C0D9D9; 
	min-height: 650px;
}

#wrapper {
	background-color: #ffffff;
	min-height: 580px;
	width: 800px;
}

.top {
	position: relative;
	height: 55px;
	width: 800px;
	top: 0px;
	left:0px;
}

.head_image {
	position: absolute;
	height: 55px;
	width: 800px;
	top: 0px;
	left: 0px;
	text-decoration:none;
	border:0px;
}
 
.head_image a , a:visited, a:link, a:hover, a:active{
	text-decoration:none;
	border:0px;
}
 
.head_image1 {
	position: absolute;
	height: 55px;
	top: 0px;
	left: 675px;
    text-align: left;
	text-decoration:none;
	border:hidden;
	display:block;
}

a:visited, a:link, a:hover, a:active.head_image1 {
	border:none;
	text-decoration:none;
}

.head_image1 a , a:visited, a:link, a:hover, a:active {
	text-decoration:none;
	border:hidden;
}
 
.head_image2 {
	position: absolute;
	height: 55px;
	top: 0px;
	left: 730px;
	text-decoration:none;
	border:hidden;
	display:block;
}

.head_image2 a , a:visited, a:link, a:hover, a:active {
	text-decoration:none;
	border:hidden;
}
 
.topmenu {
	float:left;
	top: -49px;
    position:relative;
	visibility:hidden;
}

ul#mainlevel-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.7em;
	font: Arial, Helvetica, sans-serif;
}

ul#mainlevel-nav li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	margin: 0;
	font-size: 10px;
	line-height: 15px;
	white-space: nowrap;
	font: Arial, Helvetica, sans-serif;
	display: block;
	width: 85px;
	height: 55px;
}

ul#mainlevel-nav li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #ffffff;
	background: transparent;
	font: Arial, Helvetica, sans-serif;
	width: 60px;
	height: 55px;
}

#buttons>ul#mainlevel-nav li a { 
width: 60px;
height: 55px 
}

ul#mainlevel-nav li a:hover {
	color: #cccccc;
}

.banner {
	position: relative;
	height: 195px;
	width: 800px;
	left: 0px;
	top: 0px;
}

.banner img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 195px;
}

#content {
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
	min-height: 330px;
}
#topnavi {
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
}

#topnavi a.topnavi:link, a.topnavi:visited {
	font-size: 9px;
	color: #000000;
	padding-right:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#topnavi a.topnavi:hover {
	color: #cccccc;
	border-bottom: none;
	text-decoration:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style:bold;
}

#topnavi a:active {
	color: #cccccc;
	text-decoration:none;	
	font-style:italic;
}

#topnavi a.menu:link {
	font-size: 9px;
	color: #000000;
	padding-right:5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style:bold;
	text-decoration:none;
}

#topnavi a.menu:visited {
	color:#000011;
	text-decoration:none;
}

#topnavi a.menu:hover {
	color: #888888;
	border-bottom: none;
	text-decoration:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style:bold;
}

#topnavi a.menu:active {
	color: #777777;
	text-decoration:none;	
	font-style:italic;
}

.current {
	font-size:6pt;
	text-decoration:none;
	color: #cccccc;
}

.menu td {
	vertical-align: middle;
	font-size: 9px;
	text-align: left;
	padding-top: 7px;
	padding-right: 5px;
	width: 94%;
	text-decoration: none;
	vertical-align:middle;
	text-align: center;
	font: Geneva, Arial, Helvetica, sans-serif;
}
xx{font-size:8px;
	text-decoration:none;
	color: #3063A5;
	border: none;
}


#leftcolumn {
	position: absolute;
	top: 0px;
	left:0px;
	width: 100px;
	height: 330px;
	text-align: left;
	vertical-align: middle;
	font-size:8px;
	background:url(/images/leftbg.jpg) no-repeat;
	margin:0px;
	padding-top:5px;
	font: Arial, Helvetica, sans-serif;
	color:#00000;

}

a.mainlevel:link, a.mainlevel:visited {		/* Left Menu */
	display: block;
	vertical-align: middle;
	font-size: 8px;
	color:#000000;
	text-align: left;
	padding-top: 5px;
	padding-left: 7px;
	height: 22px !important;
	height: 22px;
	width: 94%;
	text-decoration: none;
	vertical-align:middle;
	font:Arial;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #000011;
	font:Arial;
}

a.mainlevel#active_menu {
	color: #888888;
	font:Arial;
}

a.mainlevel#active_menu:hover {
	color: #000011;
	font:Arial;
}

.cat {
	font-size:8px;
	font-family:Arial;  /*Arial, Helvetica, sans-serif;*/
	color:#000000;
	padding-left:7px;
	padding-top: 5px;
}
	
#mainbody {
	position:absolute;
	top: 0px;
	left:105px;
	width: 325px;
	text-align: left;
	font-size:12px;
	font:Verdana;
	padding-top:8px;
	padding-left:25px;
	padding-right:10px;
	line-height: 1.45;
	background-color:#FFFFFF;
	min-height: 330px;
}

#mainbody.img {
	height: 0px;
}

table.blog a {
	font-size:11px;
	font:Verdana;
}

#mainbody.mosimage {
	visibility:hidden;
}

.pagenavcounter {
	visibility:hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 0px;
}

.pagenavcounter, td {
	height: 0px;
}

.pagenavcounter, tr {
	height: 0px;
}

.contentheading {		/* Main Body Heading */
	height: 40px;
	color: #336699;
	font-weight: bold;
	white-space: normal;
	line-height: 18px;
	padding-left: 15px;
	padding-right: 145px;
	width: 180px;
	text-transform: uppercase;
	font: Arial;
	font-size:14px;
	padding-top:4px;
}

/*table.contentheading {		/* Main Body Heading */
/*	height: 40px;
	color: #336699;
	font-weight: bold;
	white-space: normal;
	line-height: 18px;
	padding-left: 15px;
	padding-right: 125px;
	width: 165px;
/*	text-transform: uppercase;
	font: Arial;*/
/*}
*/
table.contentpaneopen td.contentheading {		/* Main Body Heading */
	height: 40px;
/*	color: #336699;
	font-weight: bold;
	white-space: normal;
	*/line-height: 18px;
	padding-right: 9px;
	width: 180px;
	text-transform: uppercase;
/*	font-family: Arial; **/
}

/* ? table.contentpaneopen td.componentheading {
	font-size:inherit;
	font: Verdana;
}*/

table.contentpaneopen {
    width: 89%;
	padding-left: 5px;
	line-height: 1.45;
/*	font-size: inherit; 
	background-repeat:no-repeat;
	font:Arial, Helvetica, sans-serif;*/
}

.contentpaneopen {
    width: 89%;
	font-size: inherit;
	line-height: inherit;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

.contentpaneopen a {
	color:#336699;
	font-weight:bold;
	font-size:12px;
}

.contentpaneopen a:hover {
	color:#666666;
	font-weight:bold;
}

.contentpane {
    width: 89%;
	font-size: inherit;
	line-height: inherit;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}

table.contentpaneopen td {
	width: 92%;
	font-size:inherit;
	line-height: inherit;
	padding-left: 5px;
}

a.contentpagetitle {
	text-decoration:none;
	font-size:12px;
	color:#336690;
}

table.moduletableside {
	font: Verdana, Arial, Helvetica, sans-serif;
}

.mod_contentitemside td {
font:Verdana, Arial, Helvetica, sans-serif;
}

/*table.contentpaneopenside td.contentheadingside, a.contentpagetitleside td {
	width: 100px;
	font-size:10px;
	font:Arial, Helvetica, sans-serif;
}*/

.contentpagetitleside {
	text-decoration:none;
	font-size:16px;
	color:#336690;
	font: Tahoma;
	text-align:left;
	
}

.contentheadingside {		/* Side Heading */
	/*height: 40px;
	color: #336699;
	font-weight: bold;
	white-space: normal;
	line-height: 18px;
	padding-left: 15px;
	padding-right: 145px;
	width: 180px;
	text-transform: uppercase;
	font: Arial;
	text-decoration: none;
	font-size: 14px;
	padding-top: 0px;*/
}

#mainbody .blog .contentpaneopen .contentheading {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
}

/*#rightpanels #firstpanel .moduletableside .mod_contentitemside .contentpaneopenside .contentheadingside {
	font: Arial;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
}

#rightpanels #secondpanel .moduletableside .mod_contentitemside .contentpaneopenside .contentheadingside {
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
}

a.contentpagetitleside {
	height: 40px;
	color: #336699;
	font-weight: bold;
	white-space: normal;
	line-height: 16px;
	padding-right: 9px;
	width: 180px;
	text-transform: uppercase;
	font-family: Arial; 
	/*color:#336699; */
/*}*/

/*table.contentheadingside td  {		/* Side Heading */
/*	height: 40px;
	color: #336699;
	font-weight: bold;
	white-space: normal;
	line-height: 18px;
	padding-left: 15px;
	padding-right: 125px;
	width: 165px;
	text-transform: uppercase;
	font: Arial;
	text-decoration: none;
	font-size: 16px;
	padding-top: 10px;
	width: 80%;
}*/

table.contentpaneopenside td.contentheadingside {		/* Side Heading */
	height: 40px;
	color: #336699;
	font-weight: bold;
	white-space: normal;
	line-height: 18px;
	padding-right: 9px;
	width: 180px;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 14px;
}

table.contentpaneopenside td.componentheadingside {
/*	font-size:12px;
	font: Verdana; */
}

table.contentpaneopenside {
    width: 89%;
	padding-left: 5px;
	line-height: 1.4;
	font-size: 9px;
	background-repeat:no-repeat;
	font: Verdana;
}

.contentpaneopenside {
    width: 89%;
	font-size: 9px;
	line-height: inherit;
	background-repeat:no-repeat;
	font-family:  Verdana;
}

.contentpaneside {
    width: 89%;
	font-size: 9px;
	line-height: inherit;
	background-repeat:no-repeat;
	font-family: Verdana;
}

table.contentpaneopenside td {
	width: 92%;
	font-size: 9px;
	line-height: inherit;
	padding-left: 5px;
}

table.contentheadingform td {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 0px;
}

a.contentpagetitleform {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 0px;
	text-decoration: none;
}

#img {
	width: 152px;
	text-align:left;
}

.pagenavbar {
}

.pagenav {
	font-weight:900;
	font-size:12px;	
}

a.pagenav {
	text-decoration:none;
	color:#888888;
}
 
a.contentheading {
	top:600px;
}

a.rt {
	text-align:right;
	color: #666666;
}

#firstpanel {
	position:absolute;
	top: 0px;
	left:0px;
	text-align: left;
	height: 330px;
	width: 180px;
	font-size: 9px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
    margin: 0;
}

a.readon {
	text-decoration:none;
	color:#006699;
}

.contentpaneopenside a:link {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
} 
	
.contentpaneopenside a:active {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
} 

.contentpaneopenside a:visited {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
} 

.contentpaneopenside a:hover {
	color:#666666;
	text-decoration:none;
}

.more {
	color:#336699;
	font-weight:bold;
	text-decoration:none;
}

#secondpanel {
	position:absolute;
	top: 0px;
	left:180px;
	text-align: left;	
	font-size: 9px;
	height: 330px;
	width: 180px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
    margin: 0px;
}

#secondpanel table.contentpaneopenside p {
  margin-top: -.5em;
  margin-bottom: 1em;
}

#secondpanel.image {
	max-width: 140px;
}

#mainbodyS {
	position:absolute;
	top: 0px;
	left:110px;
	width: 330px;
	text-align: left;
	font-size:12px;
	padding:5px;
	padding-left:25px;
	padding-right:10px;
	line-height: 1.5;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}


#mainbodyf {
	position:absolute;
	top: 0px;
	left:110px;
	width: 665px;
	height: 330px;
	text-align: left;
	font-size:7.5pt;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 99%;
}

.contentheadinglegal {
	color:#3333CC;
	width: inherit;
}

.componentheading {
	visibility: hidden;
}

#rightpanel {
	position:absolute;
	top: 0px;
	left:440px;
	text-align: left;
	height: 330px;
	width: 360px;
}

#rightpanels {
	background: url(/images/rightpanels.jpg) no-repeat;
	position:absolute;
	top: 0px;
	left:440px;
	text-align: left;
	height: 330px;
	width: 360px;
}

#rightpanelg {
	background: url(/images/Gray-Panel-for-contact-us.jpg) no-repeat;
	position:absolute;
	top: 0px;
	left:440px;
	text-align: left;
	height: 330px;
	width: 360px;
}

#firstpanelscroll {
	position:absolute;
	top: 0px;
	left:0px;
	text-align: left;
	height: 325px;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-top: 8px;
    margin: 0;
	overflow: auto;
}

#secondpanelscroll {
	position:absolute;
	top: 0px;
	left:180px;
	text-align: left;	
	font-family: Arial, Helvetica, sans-serif;
	height: 330px;
	width: 180px;
	padding-top: 8px;
	margin: 0;
	overflow:auto;
}

#manpanel {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	overflow: auto;
	position:absolute;
	top:0px;
	left:110px;
	height: 330px;
	width:300px;
}

#manpanel a {
	color:#000000;
	font-size:9px;
}

#manpanel a:hover {
	color:#777777;
	font-size:9px;
}

#mainbodyM {
	font:Arial;
	font-size:12px;
	overflow: auto;
	position:absolute;
	top:0px;
	left:420px;
	width:380px;
	height:330px;
}

#firstpanelform {
	position:absolute;
	top: 0px;
	left:0px;
	text-align: left;
	height: 330px;
	width: 360px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-left: 5px;
    margin: 10;
}

.contentpaneopenform2 {
	font-size: 12px;
	padding:10px;
	text-align: justify;
}

.contentpagetitleform2 {
	font-size:14px;
	font-weight:bold;
	color:#336699;
}

#firstpanelform contentpagetitle {
	visibility:hidden;
}

.formfieldsfull {
	background-color: #E5E5E5;
	font-size: 9px;
}

.formfieldssmall {
	background-color: #E5E5E5;
	font-size: 9px;
	size: 40px;
}

.formfieldsmed {
	background-color: #E5E5E5;
	font-size: 9px;
	size: 80px;
}

.required validate-digits {
	background-color: #E5E5E5;
	size: 175px;
	font-size: 9px;
}

.required {
	background-color: #E5E5E5;
	size: 175px;
	font-size: 9px;
}
#Comments {
	font-size:10px;
}

.chronoform {
	visibility: hidden;
	height: 0px;
}

.footer {
	position: absolute;
	font-size:8px;
	text-align: left;
	top: 330px;
	left: 0px;
	width:800px;
	background:url(/images/foot.jpg) no-repeat;
	height: 50px;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
}

.footer1 {
	position: absolute;
	font-size:8px;
	text-align: left;
	top: 330px;
	left: 0px;
	width:800px;
	background:url(/images/foot.jpg) no-repeat;
	height: 50px;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
}

.footer a {
	text-decoration: none;
	color: #666666;
	font-size: 8px;
	font:Arial, Helvetica, sans-serif;
}

.footer1 a {
	text-decoration: none;
	color: #666666;
	font-size: 8px;
	font:Arial, Helvetica, sans-serif;
}

#footer2 {
	position: absolute;
	background:url(/images/dropshadow.jpg) no-repeat;
	width: 800px;
	height: 15px;
	top: 35px;
	left: 0px;
}


/* Shrink the editor slightly to make it fit */
textarea#introtext, textarea#fulltext {
  width: 320px !important;
}

table.mceEditor {
  width: 325px !important;
}

.mceEditorIframe {
  width: 325px !important;
  top:800px;	
}

.adminform {
	position:relative;
	left:0px;
	top:800px;
	width: 325px;
}

#overDiv {
	position:relative;
	left:0px;
	top:800px;
	width: 325px
}

.tab-page {
	position:relative;
	top:800px;
	width: 325px
}

.inputbox {
	width: 290px;
}