UNKNOWN   { color: #76797e; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
TD   { color: #76797e; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.text   { color: #76797e; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
DIV  { color: #76797e; ; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

H2.title { 
text-align:right;
FONT-WEIGHT: bold; 
FONT-SIZE: 18px; 
COLOR: #a14eda; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

H1.subbox {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

h3.page
{
	color: #AAAAAA;
	font-family: helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	font-weight:lighter;
}

h3.trans {
text-align: left;
color: transparent;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 0px;
font-weight: bold;
visibility : hidden;
}

h3.media {
	color: #AAAAAA;
	font-family: helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight:lighter;
}

.trans {
text-align: left;
color: transparent;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 0px;
font-weight: bold;
visibility : hidden;
}

A:link  { color: #76923c; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
A:visited  { color: #76923c; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
A:active  { color: #76923c; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
A:hover  { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline }

A.small:link  { color: #76923c; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
A.small:visited  { color: #76923c; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
A.small:active  { color: #76923c; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
A.small:hover  { color: #000000; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline }



body
{
text-align: center;
background-color: #b0b0b0;
margin: 0px;
padding: 0px;
height: 100%; 
}

#clear{
  clear: left;
}


#container
{
position: relative;
margin: auto;
background-color: #fff;
height: 100%;
}

#header
{
position:relative;
margin: auto;
width: 1000px;
height: 120px;
background-image: url(../images/header_image.jpg);
background-repeat: repeat-x;
}

#header_container
{
position:relative;
margin: auto;
background-image: url(../images/page_head_bkgrd.jpg);
}

#page
{
margin: auto;
width: 1000px;
background-color: #fff;
text-align: left;
min-height: 450px;
}

#content
{
position: relative;
width: 820px;
float: left;
margin: auto;
background-color: #fff;
}



#pageBottom
{
height: 48px;
background-image: url(../images/footer_image.jpg);
background-repeat: repeat-x;
margin: 0 auto;
}

.slideshow
{
	width: 404px;
	height: 432px;
	padding: 0 0 0 0;
	float: left;
	margin: 32px 32px 0px 0px;
}

.home_feature
{
	/*position: absolute;*/
	float: left;
	width: 360px;
	height: 400px;
	text-align: left;
	/*margin: 39px 0 0 415px;*/
	margin: 39px 0 0 0;
}

.right_col
{
	position: relative;
	float: right;
	width: 180px;
	text-align: left;
	margin: 39px 0px 0 0px;
}

#rightContainer
{
	position: relative;
	float: right;
	width: 180px;
	text-align: left;
	margin: 0px 0px 0 0px;
}

.twitterImage
{
position: relative;
width: 40px;
height: 40px;
float: left;
background-image: url(../images/twitter_icon.jpg);
background-repeat: no-repeat;
}

.rssImage
{
position: relative;
width: 40px;
height: 40px;
float: left;
background-image: url(../images/rss_icon.jpg);
background-repeat: no-repeat;
}

.facebookImage
{
position: relative;
width: 40px;
height: 40px;
float: left;
background-image: url(../images/facebook_icon.jpg);
background-repeat: no-repeat;
}

.emailImage
{
position: relative;
width: 40px;
height: 40px;
float: left;
background-image: url(../images/email_icon.jpg);
background-repeat: no-repeat;
}

.acrobatImage
{
position: relative;
width: 40px;
height: 40px;
float: left;
background-image: url(../images/acrobat_icon.jpg);
background-repeat: no-repeat;
}

.rightText
{
position: relative;
width: 140px;
float: right;
text-align: left;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 9px;
top: 1px;
}

.rightRegister
{
position: relative;
float: right;
text-align: left;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 11px;
}

.footer
{
position: relative;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 11px;
color: #000;
height: 48px;
top: 34px;
}

.copyright
{
position: relative;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 11px;
color: #636363;
height: 48px;
top: 34px;
padding-right: 20px;
}

.copyright2
{
position: relative;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 9px;
color: #000;
height: 48px;
top: 38px;
padding-right: 24px;
}

.subnavContainer
{
position: relative;
float: left;
border-top: #000000 1px solid;
width: 159px;
top: 41px;
}

.basicContainer
{
	position: relative;
	float: right;
	width: 661px;
	margin: 0;
}

.pageContent
{
position: relative;
display: block;
width: 400px;
text-align: left;
margin: 0px 0 0 5px;
color: #000;
font-family: Helvetica, sans-serif;
font-size: 11px;
margin-left: 180px;
overflow: auto;
}

.media_pageContent
{
position: relative;
display: block;
width: 500px;
text-align: left;
margin: 0px 0 0 5px;
color: #000;
font-family: Helvetica, sans-serif;
font-size: 11px;
}

.about_title
{
border-bottom: #000000 1px solid;
width: 620px;
height: 27px;
margin: 14px 0 0 0;
background-image: url(../images/about_tsb_header.jpg);
background-repeat: no-repeat;
}

.about_pic
{
width: 575px;
margin: 0 0 0 3px;
background-image: url(../images/about_tsb.jpg);
background-repeat: no-repeat;
}


.whatsnew_title
{
border-bottom: #000000 1px solid;
width: 620px;
height: 27px;
margin: 14px 0 0 0;
background-image: url(../images/new_header.jpg);
background-repeat: no-repeat;
}

.whatsnew_pic
{
width: 575px;
min-height: 268px;
margin: 0 0 0 3px;
background-image: url(../images/product_trio.jpg);
background-repeat: no-repeat;
}

.melani_title
{
border-bottom: #000000 1px solid;
width: 620px;
height: 27px;
margin: 14px 0 0 0;
background-image: url(../images/about_mel_header.jpg);
background-repeat: no-repeat;
}

.melani_pic
{
width: 575px;
margin: 0 0 0 3px;
min-height: 268px;
background-image: url(../images/about_mel.jpg);
background-repeat: no-repeat;
}

.media_title
{
border-bottom: #000000 1px solid;
width: 620px;
height: 27px;
margin: 14px 0 0 0;
background-image: url(../images/media_header.jpg);
background-repeat: no-repeat;
}

.products_title
{
border-bottom: #000000 1px solid;
width: 620px;
height: 27px;
margin: 14px 0 0 0;
background-image: url(../images/products_header.jpg);
background-repeat: no-repeat;
}

.contact_title
{
border-bottom: #000000 1px solid;
width: 620px;
height: 27px;
margin: 14px 0 0 0;
background-image: url(../images/contact_header.jpg);
background-repeat: no-repeat;
}

.terms_title
{
border-bottom: #000000 1px solid;
width: 620px;
height: 27px;
margin: 14px 0 0 0;
background-image: url(../images/terms_header.jpg);
background-repeat: no-repeat;
}

.privacy_title
{
border-bottom: #000000 1px solid;
width: 620px;
height: 27px;
margin: 14px 0 0 0;
background-image: url(../images/privacy_header.jpg);
background-repeat: no-repeat;
}



a.footer:link, a.footer:visited { font-size:10px; padding-right: 20px; color: #636363; text-decoration: none; }
a.footer:hover { font-size:10px; color: #000000; text-decoration: none; }
a.footer:active { font-size:10px; color: #76923c; text-decoration: none; }

ul.header_menu
{
	float: right;
	margin: 0 auto;
	font-family: helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	padding-top: 75px;
	margin-right: 30px;
}

li.header_menu
{
	display: inline;
}

a.header_menu:link, a.header_menu:visited {	display: block; float: left; padding-right: 20px; color: #000000; text-decoration: none; }
a.header_menu:hover { color: #636363; text-decoration: none; }
a.header_menu:active { color: #76923c; text-decoration: none; }

a.button:link, a.button:visited
{
display: block;
width: 69px;
height: 19px;
background-image: url(../images/button_buynow-off.jpg); 
text-align: center;
margin: 0px;
}

a.button:hover, a.button:active
{
display: block;
width: 69px;
height: 19px;
background-image: url(../images/button_buynow-on.jpg); 
text-align: center;
margin: 0px;
}

#maincontent { 
float: right;
padding: 20 30 0 30;
width: 630px;
top: 193px;
text-align: left;
overflow: auto;
}

#leftBoxContainer { 
text-align: left;
float: left;
}

#rightBoxContainer { 
text-align: left;
float: right;
}

#boxHeader {
background-color: #a14eda;
border: 1px;
border-color: #fff;
width: 266px;
margin: 0px auto;
padding: 8 8 8 8;
color: #fff;
text-align: center;
}

#boxContent { 
position: relative;
background-color:#f7f0fc;
width: 266px;
height: 143px;
margin: 0px auto;
padding: 10 8 8 10;
color: #76797e;
text-align: center;
}

#logos { 
width: 900px;
}

ul { text-align:left;margin:1em 25;padding:0; list-style-image: url("../images/bullet.jpg"); }

.buttonHeader {
display: block;
background-color: transparent;
background-image: url(../images/nav_header.jpg);
background-repeat: no-repeat;
width: 195px;
height: 27px;
margin: 0px auto;
padding: 7 0 0 12;
text-align: left;
color: #fff;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
}


.p {
margin: 0px;
padding: 0px
}

.boldtext  { color: #4a5055; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }


 hr {
  border: 0;
  width: 80%;
  color: #cfcfcf;
background-color: #cfcfcf;
height: 1px;
}

.horizon        
	{
	color: white;
	background-color: #0ff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}


.photo  {
              	color : #FFFFFF;
              	font-size : 9px;
              	font-family : Verdana, Arial, Helvetica, sans-serif;
              	background-color : #ffffff;
              	position : absolute;
              	top : 50%px;
              	left : 50%;
				margin-left : -387px;
				margin-top : -277px;
              	z-index : 99;
              	visibility : hidden;
              	border-width : 0px;
              	border-color : #1a1d17;
              	border-style : ridge;
              	width : 567px;
				height : 408px;
              	float : right;
              	overflow : none;
              }
			  
.photoJun1  {
              	color : #FFFFFF;
              	font-size : 9px;
              	font-family : Verdana, Arial, Helvetica, sans-serif;
              	background-color : #dddcda;
              	position : absolute;
              	top : 270px;
              	left : 50%;
				margin-left : -385px;
				
              	z-index : 99;
              	visibility : hidden;
              	border-width : 1px;
              	border-color : #1a1d17;
              	border-style : ridge;
              	width : 534px;
				height : 435px;
              	float : right;
              	overflow : none;
              }
              
              
.label
{
float: left;
text-align: right;
margin-right: 0.7em;
display: block
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color: #32362E;

}



.submit input
{
margin-left: 0em;
}

input
{
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color: #32362E;
background: #ffffff;
border: 1px solid #a09f9f;
padding: 1px 1px
}

.checkbox
{
   background: transparent;
   border: 1;
}

textarea
{
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color: #32362E;
background: #ffffff;
border: 1px solid #a09f9f;
padding: 1px 1px
}

.submit input
{

color: #32362E;
background: #ffffff;
border: 1px outset #a09f9f;
}
fieldset
{
background: #f1f1f1;
border: 1px solid #a09f9f;
width: 60em
float: center;
}

legend
{
color: #ffffff;
background: #000;
border: 1px solid #ffffff;
padding: 4px 8px
}

/*ACCORDIAN MENU*/

.applemenu
{
margin-top: 0px;
padding: 0;
width: 159px; /*width of menu*/
}

.applemenu div.silverheader a
{
background: #fff url(../images/sub_section_link_bg.jpg) repeat-y center left;
font: normal 12px helvetica, sans-serif;
color: #000000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 150px;
padding: 5px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: #FFF thin solid;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active
{
color: white;
}


.applemenu div.selected a
{
background-image: url(../images/sub_section_link_bg_over.jpg);
color: #76923c;
}

.applemenu div.silverheader a:hover
{
background-image: url(../images/sub_section_link_bg_over.jpg);
color: #76923c;
}

.applemenu div.submenu  /*DIV that contains each sub menu*/
{ 
background: white;
background-image: url(../images/sub_section_bkgd.jpg);
font: normal 9px helvetica, sans-serif;
font-color: #000000;
padding: 10px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

div#section_menu
{
	padding-top: 0px;
	margin: 0;
	width: 159px;
	background-color: white;
	background-image: url(../images/section_menu_spacer.jpg);
	background-repeat: repeat-y;
	float: left;
}

ul.section_menu
{
	font-family: helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	font-style: normal;
	margin: 0;
	padding-top: 20px;
	
}

li.section_menu
{
	display: block;
}

a.section_menu:link, a.section_menu:visited
{		
	
	color: #76923c;
	display: block;
	width: 130;
	padding-top: 0px;
	font-family: helvetica, sans-serif;
	padding-left: 10px;
	font-size: 11px;
	text-decoration: none;
}

a.section_menu:hover
{
		background-repeat: repeat-y;
	color: #000000;
	text-decoration: none;
}

a.section_menu:active
{
	color: #000000;
	text-decoration: none;
}

div#section_content
{
	background-color: white;
	width: 600px;
	float: left;
	padding-bottom: 20px;
}