﻿#upperbar
{
	padding: 15px 0px;
	background:#e3e3e3;
	overflow:hidden;
	padding-bottom:10px;
	margin-top:10px;
	margin:0 auto;
}
#upperbar div.upperbox
{
	margin: 5px 18px 10px 20px;
	background-position: #333333;
	border: 1px solid #B4B4B4;
	float: left;
	display: inline;
	width: 92%;
	height: 400px;
	overflow: hidden;
	padding: 10px 10px 15px 10px;
	background: #333333;
}
#upperbar h2
{
	background-position: transparent;
	background: transparent;
	font-size: 150%;
	border-top: 0px;
	color: #333333;
	padding: 3px 0 10px 30px;
	margin: 0px;
}
#midbar{padding: 0px 0px 0px 0px;
		overflow:hidden;padding-bottom:15px;margin-top:0px;}
#midbar_content{width:100%;margin:0px 0px 0px 10px;}
#midbar h2 {font-size:150%; border-top:0px;color:#333333;}
#whySMbox {margin-right:10px;}
#whySMbox li {list-style-type:none; font-size:11px; color:#666;margin-left:-15px !important;padding:8px 0 0 15px !important;}
#whySMbox h2{background:transparent url("/images/ImagesForHomePage/SMIconSmall.png") no-repeat;padding:3px 0 10px 45px;margin:0px;height:35px;text-shadow:1px 1px 1px rgba(255, 255, 255, 0.75);}
#getSMExpress h2{background:transparent url("/images/ImagesForHomePage/SMStartSmall.png") no-repeat;padding:3px 0 10px 45px;margin:0px;height:35px;text-shadow:1px 1px 1px rgba(255, 255, 255, 0.75);}
#getSMExpress li {list-style-type:none; font-size:11px; color:#666;margin-left:-15px !important;padding:8px 0 0 15px !important;}
.midbar_header {
	background: url("/images/hp_block_header_bg.jpg") repeat-x; 
	width:99%; 
	margin: -6px 3px 0px -6px;
	padding: 4px 2px 0px 4px;
	overflow:hidden;
	}


#midbar a:link,#midbar a:visited{color:#06C}
#midbar div.midbox
{
	border: 1px solid #B4B4B4;
	margin-left: 10px;
	float: left;
	display: inline;
	margin-top: 5px;
	width: 45%;
	height: 230px;
	overflow: hidden;
	padding: 10px 0px 15px 10px;
	background: #ffffff;
}

#midbar p{line-height:1.5em;margin:3px 5px 8px 4px}
#midbar ul{margin-left:20px;margin-top:4px;-moz-padding-start:0px;padding:0}

#midbar li{margin-left:0px;padding-left:0;line-height:1.2}


#output{right:0;width:100%;height:50px;position:relative}
#output li{display:none;position:absolute;width:890px;
height:388px
}
#output li.current{display:block;
    top: 0px;
    left: -12px;
}
#output li.infopage{display:block;
    top: 3px;
    left: 0px;
}
#output li.moreinfo{
    display: block;
    top: 249px;
    left: 51px;
    width: 271px;
    height: 80px
}
#output li.moreinfowiki{
    display: block;
    top: 300px;
    left: 51px;
    width: 271px;
    height: 80px
}
#output li.moreinfowiki2{
    display: block;
    top: 340px;
    left: 51px;
    width: 271px;
    height: 80px
}
#output a
{
    border: 1px solid #808080;
    font-size: 1.3em;
    position: absolute;
    padding: 12px 45px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    background: #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    top: 0px;
    left: 0px;
}
#output a:hover
{
	background-position: #75b1ec repeat-x;
	background: #75b1ec repeat-x;
	color: #000000;
}
#output a:active{bottom:29px;}
#output h2{
    padding: 0px !important;
    font-size: 210%;
    font-weight: normal;
    color: #ffe36f;
    margin-left: 23px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
#output p
{
	line-height: 1.35em !important;
	color: #eee;
	margin-left: 39px;
	margin-right: 600px;
	font-size: 16px;
    width: 324px;
}
#output img{position:absolute;right:222px;
top:60px
}

.GetExpressNowText
{
	width: 220px;
	float: left;
}
#DownLoadNow
{
	border: 0px solid #808080;
	font-size: 1.3em;
	float: left;
	padding: 12px 45px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	width: 30;
}


