body {  text-align: center;  min-width: 720px;}


#maincontainer	{ margin: 25px; width: 720px; background-color: #FFFFFF; margin-left: auto; margin-right: auto; text-align: left;}
#header_logoContainer 	{ position: relative; height: 70px; }
#header_logoContainer_left	{ float: left; background-image: url('../images/logo_yospace.gif'); background-repeat: no-repeat; width: 200px; height: 50px; }
#header_logoContainer_right { float: right; width: 130px; height: 50px; }
#masternav_container {width: 720px; padding: 0px; margin: 0px; border: 0px; background-color:#7A9FD4;}
#maincontent_container {position:relative; width: 720px; background-color:#FFFFFF;}

#maintext_container {position:relative; width: 475px; padding: 0px; background-color:#FFFFFF;}
#maintext_container_norel {position:relative; width: 700px; padding: 0px; background-color:#FFFFFF;}

#homemain {position:relative; width: 720px; height: 405px; padding: 0px; background-color:#FFFFFF;}
#home_bot_box {float: left; position:relative; width: 220px; height: 170px; background-color:#FFFFFF; border: solid #AAAAAA; border-width: 1px; margin: 7px;}
#homecontent_container { background-image: url('../images/home_cds.jpg');position:relative; width: 720px; height: 245px; padding: 0px; background-repeat: no-repeat;}
#homecontent {float: right; position:relative; width: 500px; height: 220px; padding: 0px;}
#hpboxleft {float: left; position:relative; width: 480px; height: 220px; padding: 0px; font: 12px Arial,Helvetica,sans-serif;}

#related_container {float: right; position:relative; width: 220px; background-color:#FFFFFF;}
#related_pages {position:relative; width: 220px; background-color:#FFFFFF; border: solid #AAAAAA; border-width: 1px;}
#related_info {position:relative; top: 1.5em; width: 220px; background-color:#FFFFFF; border: solid #AAAAAA; border-width: 1px;}

#footer {position:relative; width: 720px; background-color:#f8f8f8; height: 20px; padding-right: 10px; padding-left: 10px; margin-top: 5px; clear:left;}
#footer_left {float: left; position:relative; height: 20px;}
#footer_right {float: right; position:relative; height: 20px;}

#featurebox {position:relative; width: 100%; padding: 10px; background-color:#F1F5FA;}
#featuretable {position:relative; width: 480px; background-color:#FFFFFF; border: solid #5C8ABC; border-width: 1px;}

#presscopy {position:relative; padding : 10px;  width: 480px; background-color:#FFFFFF; font: 12px Arial,Helvetica,sans-serif;}

#pressItems {position:relative; padding : 5px;  width: 720px;}

#productItems {position:relative; padding : 5px;  width: 720px;}

#quote {
position:relative; width: 100%; padding: 20px; background-color:#FFFFFF; border: solid #F1F5FA; border-width: 4px;
font: 14px Arial,Helvetica,sans-serif;
font-weight: bold;
color: #7A9FD4;
text-decoration : none;
line-height: 1.3;
}

.feat1 {
background-color:#F2F5FE;
font: 12px Arial,Helvetica,sans-serif;
font-weight: normal;
color: #000000;
text-decoration : none;
line-height: 1.2;
padding: 10px;
}

.feat2 {
background-color:#FAFBFD;
font: 12px Arial,Helvetica,sans-serif;
font-weight: normal;
color: #000000;
text-decoration : none;
line-height: 1.2;
padding: 10px;
}

.nav_off
{
background-color: #7A9FD4; 
}

.nav_on
{
background-color: #5C80B8;

}

.main_nav
{
padding-right: 15px;
padding-left: 15px;
font: 15px Arial,Helvetica,sans-serif;
font-weight: bold;
color: #FFFFFF;
text-decoration : none;
}

.main_nav:hover
{
font: 15px Arial,Helvetica,sans-serif;
font-weight: bold;
color: #FFFFFF;
text-decoration : none;
}

#subnav_container
{
    position: relative; top: 3px;
    height: 30px;
}


.subnav
{

padding-top: 7px;
padding-right: 2px;
padding-left: 2px;
padding-bottom: 7px;
}

.subnav_div
{
background-color:#FFFFFF;
height: 20px;
padding-right: 2px;
padding-left: 2px;
font: 14px Arial,Helvetica,sans-serif;
color: #5C80B8;
font-weight: bold;
}

.subnav_on
{
font: 13px Arial,Helvetica,sans-serif;
font-weight: bold;
color: #000000;
text-decoration: none;
}

.subnav_on:hover
{
font: 13px Arial,Helvetica,sans-serif;
font-weight: bold;
color: #000000;
}

.subnav_off
{
font: 13px Arial,Helvetica,sans-serif;
font-weight: none;
color: #555555;
text-decoration: none;
}

a.subnav_off:hover
{
font: 13px Arial,Helvetica,sans-serif;
font-weight: none;
color: #5C80B8;
text-decoration: underline;
}



.box_title_container
{
background-color:#7A9FD4;
height: 1.3em;
padding-top: .2em;
}


.secondary_box_title_container
{
background-color:#85CA39;
height: 1.3em;
padding-top: .2em;
}



.rel_title
{
padding-left: 10px;
font: 13px Arial,Helvetica,sans-serif;
color: #FFFFFF;
font-weight: bold;
}


.rel_link
{
font: 12px Arial,Helvetica,sans-serif;
padding-bottom: 4px;
text-decoration: none;
list-style-type: solid;
list-style-position: outside;
line-height: 1.2;
color: #5C80B8;
}

a.rel_link:hover
{
font: 12px Arial,Helvetica,sans-serif;
font-weight: none;
color: #5C80B8;
text-decoration: underline;

}

a.rel_link_on:hover
{
font: 12px Arial,Helvetica,sans-serif;
font-weight: bold;
color: #000000;
text-decoration: none;
}


.rel_link_on
{
font: 12px Arial,Helvetica,sans-serif;
padding-bottom: 4px;
text-decoration: none;
color: #000000;
font-weight: bold;
}


.relinfo_title
{
width: 100%;
height: 20px;
padding-top: 3px;
padding-left: 10px;
padding-bottom: 3px;
font: 13px Arial,Helvetica,sans-serif;
color: #FFFFFF;
font-weight: bold;
}

#relinfo_text
{
font: 12px Arial,Helvetica,sans-serif;
text-decoration: none;
line-height: 1.2;
padding: 5px;
color: #666666;
}

#relinfo_text p
{
color: #666666;
}

H1
{
font: 15px Arial,Helvetica,sans-serif;
font-weight: bold;
color: #5C80B8;
}

H2
{
font: 13px Arial,Helvetica,sans-serif;
font-weight: bold;
color: #5C80B8;
background-color: #EEEEEE; /* #F1F5FA; */
width: 100%;
margin-top: 20px;
padding-top: 5px;
padding-left: 1px;
padding-right: 10px;
padding-bottom: 5px;
}

H3
{
font: 12px Arial,Helvetica,sans-serif;
font-weight: bold;
color: #5C80B8;
}

H4
{
font: 18px Arial,Helvetica,sans-serif;
font-weight: bold;
color: #5C80B8;
}

p,TD,.text,code

{
	font: 12px Arial,Helvetica,sans-serif;
font-weight: normal;
color: #000000;
line-height: 1.2;
}


ul, li
{
	font: 12px Arial,Helvetica,sans-serif;
	font-weight: normal;
	color: #666666;
	list-style-position: outside;
	line-height: 1.2em;
	list-style: solid;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-left: 15px;
	margin-right: 15px;
}

hr {
	margin-top:10px;
	padding:0px;
	border-bottom:1px dashed #5C80B8;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:1px;
	display:block;
}

.copyrights
{
font: 10px Arial,Helvetica,sans-serif;
font-weight: normal;
color: #555555;
}

.footer
{
font: 11px Arial,Helvetica,sans-serif;
font-weight: normal;
color: #555555;
}

.footer_link
{
font: 11px Arial,Helvetica,sans-serif;
font-weight: normal;
color: #555555;
text-decoration: none;
}

.footer_link:hover
{
font: 11px Arial,Helvetica,sans-serif;
font-weight: normal;
color: #555555;
text-decoration: underline;
}

.sub_titlelink
{
font: 12px Arial,Helvetica,sans-serif;
font-weight: normal;
color: #5C80B8;
text-decoration: none;
}

.sub_titlelink:hover
{
font: 12px Arial,Helvetica,sans-serif;
font-weight: normal;
color: #5C80B8;
text-decoration: underline;
}

a
{
font: 12px Arial,Helvetica,sans-serif;
font-weight: none;
color: #5C80B8;
text-decoration: none;
}

a:hover
{
font: 12px Arial,Helvetica,sans-serif;
font-weight: none;
color: #5C80B8;
text-decoration: underline;
}

/* Images */

.floatRightBanner
{
float: right;
border: 0;
padding-left: 5px;
}

.floatLeftBanner
{
float: left;
border: 0;
margin-right: 15px;
}
.bulletBanner { float: left; padding-right: 6px }

.pageBanner { padding-top: 10px; padding-bottom: 10px; border: 0 }

.pressItem
{
	position: relative; float: left; height: 130px; margin: 20px;
	width: 300px;
	border-bottom: 1px dotted grey;
	margin-top: 10px;
}


.pressItemDetail 
{
	position: absolute; top: 0px; left: 0px; 
	font: 12px Arial,Helvetica,sans-serif;
	font-weight: normal;
	width: 125px;
	color: #000000;
	line-height: 1.2;
}

.pressItemLogo
{
	position: absolute; top: 0px; left: 130px;
}

.productItem
{
	position: relative; float: left; height: 100px; margin-right: 30px; margin-bottom:30px;
	width: 320px;
	height: 110px;
	border-bottom: 1px dotted grey;
	margin-top: 5px;
}

.productItemDetail 
{
	position: absolute; top: 0px; left: 0px; 
	font: 12px Arial,Helvetica,sans-serif;
	font-weight: normal;
	width: 130px;
	color: #000000;
	line-height: 1.2;
}

.productItemLogo
{
	position: absolute; top: 0px; left: 130px; float: right;
}

.customerCol
{
	position: relative; float: left; margin-right:20px;
	width: 330px;
	height: 300px;
	padding: 0px;
	background-color:#FFFFFF;
}

.customerRow
{
	position: relative; float: left; margin-bottom:20px;
	width: 700px;
	height: 210px;
	background-color:#FFFFFF;
}
.mmsItem
{
	position: relative; float: left; height: 100px; margin-right: 30px; margin-bottom:30px;
	width: 320px;
	height: 320px;
}

.mmsItemDetail 
{
	position: relative; 
	font: 12px Arial,Helvetica,sans-serif;
	font-weight: normal;
	width: 320px;
	color: #000000;
	line-height: 1.2;
}