@charset "utf-8";
/* CSS Document */
.heading1    { color: #696969; font-size: 12px; font-family: Arial; font-weight: bold }
.table-heading  { color: white; font-size: 14px; font-family: Arial; font-weight: bold; background-color: #8bb6e0; padding: 4px }
.banner-text  { color: #036; font-size: 14px; font-family: Arial; font-weight: bold; line-height: 100% }
.banner-text2  { color: #036; font-size: 11px; font-family: Arial; font-weight: bold; line-height: 100%; text-align: justify }
.TEXT   { font-family: Verdana }
.TEXT2  { font-size: 12px; font-family: Verdana }
.heading2      { color: #696969; font-size: 10px; font-family: Arial; font-weight: bold; line-height: 10px; text-decoration: none }
.heading3     { color: #696969; font-size: 9px; font-family: Arial; font-weight: normal; line-height: 9px }
.rule1  { border-bottom: 3px solid #696969 }
.rule2  { border-bottom: 1px solid #696969 }
.box   { padding: 4px; width: 250px; border: solid 1px #696969 }
.box2 { padding: 4px; border: solid 1px #696969 }
/* css END editor_content */
.table-border { background-color: white; border: solid 1px #483d8b }
.table-menu { background-color: #c0c0c0; border: solid 1px #483d8b }
h1   {
	color: #036;
	font-size: 16px;
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
	margin-bottom: 5px;
}
.h2   { color: black; font-weight: bold; font-size: 12px; font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-align: center; text-transform: none }
.h1 { color: black; font-size: 14px; font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular; font-weight: bold; text-align: center; text-transform: none }
.h3 { color: black; font-weight: bold; font-size: 11px; font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-align: center; text-transform: none }
.body         { color: black; font-size: 14px; font-family: Arial; line-height: 150% }
.body-indent { color: black; font-size: 12px; line-height: 175%; font-family: "Times New Roman", Georgia, Times; text-align: left; letter-spacing: 1px }
.bold { color: black; font-weight: bold; font-size: 10px; line-height: 125%; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; letter-spacing: 1px }
.footer  { color: #2b1d3e; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.table-border-dot  { border: dotted 1px #b22222 }
.table-highlight  { background-color: #4682b4; padding: 10px; border-bottom: 1px solid #b22222 }
.table-indent { padding: 10px 10px 10px 20px }
.image-pad  { margin-right: 15px; padding-right: 15px }
.image-pad-rt-top { margin-left: 15px; padding-left: 15px }
.image-border { border: solid 1px #4682b4 }
.user1    { color: white; background-image: url("../../../images/vitamin-store-blend.gif"); background-repeat: repeat-x; display: block; padding: 5px; border: solid 1px #99c }
.right    { color: white; background-color: #fff; padding: 5px; border: solid 1px #191970 }
.menu-bar { background-image: url(../../../images/menu-bar.gif); background-repeat: no-repeat; background-position: left top; width: 534px; height: 63px }

/* css horizontal menu */

.navhorzcontainer {
margin: 10px 0 0 30px;
padding: 0;
height: 20px;
}

.navhorzcontainer  ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

.navhorzcontainer  ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

.navhorzcontainer  ul li a
{
background: #fff;
width: 78px;
height: 18px;
border-top: 1px solid #f5d7b4;
border-left: 1px solid #f5d7b4;
border-right: 1px solid #f5d7b4;
border-bottom: 1px solid #f5d7b4;
padding: 0;
margin: 0 0 10px 0;
color: #f5d7b4;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

.navhorzcontainer  ul li a:hover
{
color: #930;
background: #f5d7b4;
}

.navhorzcontainer  a:active
{
background: #c60;
color: #fff;
}

.navhorzcontainer  li#active a
{
background: #c60;
border: 1px solid #c60;
color: #fff;
}
/*----- phpshop BELOW -----*/
body   { 
font-size: 12px;
font-family: Helvetica, Arial, sans-serif; 
background-position: 0 0; 
margin: 0; 
}

tr, p, div   {
	color: #333333;
	font-size: 14px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height: 150%
}
hr { background: #999999; width: 100%; height: 1px }
#mainlevel-nav { margin: 0; padding: 0 }
#mainlevel-nav li { font-size: 10px; line-height: 20px; background-image: none; text-indent: 15px; white-space: nowrap; list-style: none; margin: 0; padding-left: 0; width: 15.5%; float: right }
#mainlevel-nav a { color: white; text-decoration: none; background: #ff9933 url(../../../../JavaBean/images/vmenu_bgr.png) no-repeat 2px 50%; display: block; float: right; border-style: solid; border-width: 1px; border-color: #fff #cc3300 #cc3300 #fff }
#mainlevel-nav a { float: none }
#mainlevel-nav a:hover {
	background: #ff6600 url(../../../../JavaBean/images/vmenu_bgr.png) no-repeat 2px 50%;
	background-color: #FFFFFF;
}
/*different setting for newsflash*/
.newsflash td { color: #000000; text-align: justify; vertical-align: middle }
/*setting for the greetings*/
.mainpage  { color: #333333; font-size: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; text-align: justify }
.mainpage-bkg { background-image: url(../../../../JavaBean/images/lineborder.png); width: 1px }
.greybg { background: #eeeeee }
/*pathaway setting*/
.pathway  { font-size: 11px; font-family: Verdana, Helvetica, Arial, sans-serif }
a.pathway:link, a.pathway:visited  { color: #39c; font-weight: normal }
a.pathway:hover { color: #ff3300; font-weight: normal; text-decoration: none }
/*for title or site name*/
.title { color: #000000; font-size: 20px; font-family: sans-serif; font-weight: bold; margin-left: 10px }
/*for the tag-line*/
.subtitle { color: #666666; font-size: 10px; font-family: sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; margin-left: 20px }
/* --Default Class Settings-- */
a.mainlevel:link, a.mainlevel:visited           {
	color: #071040;
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
	text-align: left;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	height: 21px;
	vertical-align: middle;
	border-bottom: 1px solid #fff
}
a.mainlevel:hover       { color: #071040; line-height: 150%; text-decoration: none; background-color: white; display: block }
a.sublevel:link, a.sublevel:visited           { color: #369; font-size: 12px; font-weight: normal; text-decoration: none; background-color: #fff; background-image: url(../../../images/arrow.png); background-repeat: no-repeat; background-position: left 10px; text-align: left; display: block; padding-top: 5px; padding-bottom: 4px; padding-left: 10px; height: 12px; vertical-align: middle }

a.sublevel:hover       { color: #071040; text-decoration: none; background-color: white; display: block }
ul#mainlevel-nav { font-size: 0.8em; list-style: none; margin: 0; padding: 0 }
ul#mainlevel-nav li { font-size: 11px; line-height: 21px; background-image: none; white-space: nowrap; display: block; margin: 0; padding-right: 0; padding-left: 0; width: auto !important; float: right; border-left: 1px solid #cccccc }
ul#mainlevel-nav li a { color: #333333; text-decoration: none; background: transparent; display: block; padding-right: 15px; padding-left: 15px; width: 100% }
#buttons>ul#mainlevel-nav li a { width: auto }
ul#mainlevel-nav li a:hover { color: #ffcc00; background: #d84203 }
#active_menu         { color: white; font-weight: bold; background-color: #071040; padding-top: 5px; padding-bottom: 5px; height: 20px }

a#active_menu:hover    { color: white; background-color: #99c }

.pollstableborder { padding: 1px; border: solid 1px }
table.moduletable  { padding-right: 0; width: 100% }
a.moduletable { color: white }
table.moduletable th    { color: white; font-size: 14px; font-weight: bold; background-color: #5b6182; text-align: left; text-indent: 3px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; width: 100% }
table.moduletable li  { color: lime }
table.moduletable ul { padding: 0 }
table.moduletable td     { color: #000; /*font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal*/ }
.poll { color: #666666; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 14px }
table.pollstableborder { border: solid 1px #cccccc }
.sectiontableheader { color: #333333; font-weight: bold; background-color: #cccccc }
.sectiontableentry1 { background-color: #f0f0f0 }
.sectiontableentry2 { background-color: #e0e0e0 }
.small { color: #999999; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
.smalldark { color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none }
.contentpane { background: #dedede }
.contentpaneopen { padding: 1px; width: 100%; border: ridge 0 #0099cc }
.contentheading, .componentheading      {
	color: white;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 2px solid #036
}
.createdate { color: #999999; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: left }
.button { color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; background-color: #f0f0f0; border: solid 1px #cccccc }
.inputbox { color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f0f0f0; border: solid 1px #cccccc }
a:link, a:visited   {
	color: #A6500E;
	text-decoration: underline
}
a:hover  { color: #369; text-decoration: none }
/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited  { color: blue; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; text-align: left }
a.contentpagetitle:hover { color: #666666; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: left }
a.category:link, a.category:visited { color: #333333; font-size: 11px; font-weight: bold }
a.category:hover { color: #999999 }
/* Styles for dhtml tabbed-pages */
.ontab { color: #ffffff; font-weight: bold; background-color: #ffae00; text-align: center; border-style: outset outset solid; border-width: 2px 2px 1px; border-color: #ff9900 #808080 #d5d5d5 #ff9900 }
.offtab { font-weight: normal; background-color: #e5e5e5; text-align: center; border-style: outset outset solid; border-width: 2px 2px 1px; border-color: #e0e0e0 #e0e0e0 #d5d5d5 }
.tabpadding { }
.tabheading { background-color: #ffae00; text-align: left }
.pagetext { visibility: hidden; display: none; position: relative; top: 0 }
/* for modifying {moscode} output.  Don't set the colour! */
.moscode { background-color: #f0f0f0 }
.code { background-color: #f0f0f0; border: solid 1px #fff }
/* Text passed with mosmsg url parameter */
.message  { color: black; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center }
/* Javascript Back button */
.back_button { text-align: center; margin-top: 40px }
table.contenttoc { color: #333300; background-color: #e0e0e0; border: solid 1px #333 }
table.contenttoc td { font-size: 8pt; font-weight: normal; text-align: left }
ul {
	list-style: inside;
	margin: 0;
	padding: 0 0 0 15px;
	list-style-position: outside;
}
li {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	list-style-image: url(../images/hyphen.jpg);
	/*list-style: circle url("/templates/IntegraNet/images/arrow.png") inside;*/
/*list-style-type: circle;*/
padding-top: 0;/*padding-left: 10px;*/
}
ol# li          { color: #036; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150%; background-repeat: no-repeat; padding-top: 0; padding-left: 3px }
table.searchinto { width: 100% }
table.searchintro td { color: #ffffff; font-weight: bold; background-color: #293c43 }
form { margin: 0; padding: 0 }
.vitamin-panel   { background-image: url(../../../images/vitamin-store-web2.jpg); background-repeat: no-repeat; margin-bottom: 5px; margin-left: 20px; padding-top: 145px; padding-bottom: 5px; padding-left: 8px; width: 146px; border: solid 1px #ffe38c }
.vitamin-masthead { background-image: url(../../../images/vitamin-store-masthead.jpg); background-repeat: no-repeat; border: solid 1px #ffe38c }
.pagenavbar  { font-size: 12px; display: block }

img {
	border-style: none;
	padding: 0;
	margin: 0;
}
table#bio li { 
list-style-image: url(../images/hyphen.jpg);
list-style-position: inside;
color: #333;
font: 10pt Arial, sans-serif; 
line-height: 150%;
margin-left: 0;
padding-left: 1em;
text-indent: -1.3em;
text-align: justify;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('/images/oval-orange-left.gif') no-repeat top left;
display: block;
float: right;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('/images/oval-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin-bottom: 20px;
}