/*
	colors:
	black = #000000
	white = #FFFFFF
	yellow = #FFD800
	light gray = #808080
 */
html, body {
	background: #FFFFFF;
	margin:0;
}
div.layout{
	position:relative;
	margin: 0 27px;
	width: 947px;
	top:0px; left:0px;
	border:1px solid white;
	border-top-color:black;
}
div.layout-body{
	width: 755px;
	margin-top:100px;
	margin-bottom: 150px;
	float:right;
	position:relative;
}
div.layout-body-main{
	width: 604px;
	background: white;
	float:left;
}
div.layout-body-main-head{

}
div.layout-body-main-content{
	margin-left: 20px;
}
.home div.layout-body-main-content{
	margin-left: 0;
}
div.layout-body-right{
	width: 137px;
	float:right;
}
div.promoTile{ 
	margin-bottom: 10px;
}
div.layout-left{
	margin-top:100px;	
	width: 178px;
	background: #000000;
	padding: 13px 0 0 0;
}
div.layout-left-overlay{
	position:absolute;
	top: 113px; left: 169px;
	width:34px; height:35px;
	background: #FFFFFF;
}
div.layout-top{
	position:absolute;
	top: 0; left: 0;
	width: 946px; height: 90px;
	background: url( /Images/Layout/TopStrip.gif ) no-repeat;
}

div.layout-footer{
	background: #FFFFFF url( /Images/Layout/Footer.gif ) no-repeat;
	margin-right: -27px;
	padding: 60px 27px;
	clear:both;
}

/* header box */
.headerBox{
	position:relative;
	height: 210px; 
	background: #FFD800 url(/Images/HeaderBox/StripedStrip.gif) no-repeat 0 100%;
}
.headerBox h1, .headerBox h2{ width:124px; padding:27px 15px 0px 20px; }
.headerBox h2{ width:124px; padding:0px 15px 0px 20px;}

.Home{ display:none; }
.Home .headerBox{ height: 324px; background: transparant none; margin-bottom: 5px; }
.Home .headerBox .headerBoxText{ width:134px; padding:0px 0px 27px 20px; font-size:12px; }
#homeSlide0{ display:block; }

/* generic T1 styles, to be overwritten by specific class names */
.Tier1 .headerBoxText{ position:absolute; top: 0; left: 192px; width: 411px; height: 188px; background-image: url( /Images/HeaderBox/BlankHeaderBoxBG.gif ); }
.Tier1 .headerBoxText p.plus{ position:absolute; bottom: 15px; left: 20px; color: #FFD800; font-weight: bold; margin: 0; }

.Why .headerBoxText{ position:absolute; top: 0; left: 192px; width: 411px; height: 188px; background: url( /Images/HeaderBox/Why.jpg ); }
.Why .headerBoxText p.plus{ position:relative; bottom:auto; left:auto; margin: 25px 0 0 20px; }

.Customers .headerBoxText{ position:absolute; top: 0; left: 192px; width: 411px; height: 188px; background: url( /Images/HeaderBox/Customers.jpg ); }
.Customers .headerBoxText p.plus{ position:absolute; bottom: 15px; left: 20px; margin: 0; }

.Company .headerBoxText{ position:absolute; top: 0; left: 192px; width: 411px; height: 188px; background: url( /Images/HeaderBox/Company.jpg ); }
.Company .headerBoxText p.plus{ position:absolute; bottom: 15px; left: 20px; color: #FFD800; font-weight: bold; margin: 0; }

.Help .headerBoxText{ position:absolute; top: 0; left: 192px; width: 411px; height: 188px; background: url( /Images/HeaderBox/Help.jpg ); }
.Help .headerBoxText p.plus{ position:absolute; bottom: 15px; left: 20px; margin: 0; }

.KnowledgeCenter .headerBox{ display:none; }

body#Help .headerBox .headerBoxText{ position:absolute; top: 0; left: 192px; width: 411px; height: 188px; background: url( /Images/HeaderBox/Help.gif ); }
body#Help .headerBox .headerBoxText p.plus{ color: #FFD800; position:static; display:block; margin: 25px 0 0 15px; }
body#Help .headerBox .headerBoxText p{ color: #FFFFFF; position:static; display:block; margin: 15px 0 0 15px; padding-left: 1.5ex;  }
body#Help .headerBox .headerBoxText i{ color: #FFD800; position:static; display:block; margin: 0px 0 15px 15px; padding-left: 1.5ex; font-style:normal; }

.helpLoginForm{ width:150px; float:right; margin-top: 25px; }
.helpLoginForm input.text{ width: 130px; }
.helpLoginForm input{ margin-bottom:4px; color: #333333; }

.News .headerBoxText{ position:absolute; top: 0; left: 192px; width: 411px; height: 188px; background: url( /Images/HeaderBox/News.jpg ); }
.News .headerBoxText p.plus{ position:absolute; bottom: 15px; color: #FFD800; font-weight: bold; margin: 0px 0 0 20px; padding-left: 2ex; text-indent: -2ex; }

#Solutions div.headerBox{ cursor: pointer;}
.Solutions .headerBoxText{ position:absolute; top: 0; left: 192px; width: 411px; height: 188px; background: url( /Images/HeaderBox/Solutions.jpg ); }
.Solutions .headerBoxText p.plus{ position:absolute; z-index:100; bottom: 15px; left: 20px; width: 350px; margin:0px; display:block !important; }
.Solutions .headerBoxText p{ margin: 27px 15px 0 15px; padding-left: 2ex; }

#Latitude .headerBox .headerBoxText{ background: url( /Images/HeaderBox/Latitude.jpg ); }
#Latitude .headerBox p{ display: none; }
#Latitude .headerBox .headerBoxText:hover{ background-position: bottom; }
#Latitude .headerBox .headerBoxText:hover p{ display: block; }

#Oasys .headerBox .headerBoxText{ background: url( /Images/HeaderBox/Oasys.jpg ); }
#Oasys .headerBox p{ display: none; }
#Oasys .headerBox .headerBoxText:hover{ background-position: bottom; }
#Oasys .headerBox .headerBoxText:hover p{ display: block; }

body.Latitude_Sub .headerBox{ height: 83px; background: url( /Images/HeaderBox/Latitude_Sub.gif ) no-repeat; }
body.Oasys_Sub .headerBox{ height: 83px; background: url( /Images/HeaderBox/Oasys_Sub.gif ) no-repeat; }
body.Latitude_Sub h1, body.Oasys_Sub h1{ float:left; width: 153px; }
body.Latitude_Sub h2, body.Oasys_Sub h2{ margin:0; padding:28px 0 0 0; width:auto; line-height:26px; }

.barcode{ height: 8px; margin-bottom:8px; }
.Why .barcode{ background: url( /Images/HeaderBox/Barcode_Why.gif ) no-repeat 100% 0; }
.Company .barcode{ background: url( /Images/HeaderBox/Barcode_Company.gif ) no-repeat 100% 0; }
.Customers .barcode{ background: url( /Images/HeaderBox/Barcode_Customers.gif ) no-repeat 100% 0; }
.Help .barcode{ background: url( /Images/HeaderBox/Barcode_Help.gif ) no-repeat 100% 0; }
.News .barcode{ background: url( /Images/HeaderBox/Barcode_News.gif ) no-repeat 100% 0; }