/* Home Page */
body
{
    color: #121421;
}

body 
{
    background-color: #bfbfbf;
    background-image: url(bgtile.jpg);
}

.SupplierPortal
{
	padding:1em;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
    margin: 0 auto;
    width: 1008px;
}

.SupplierPortal h1
{
    color: #c31733;
    font-size: 18px;
}

.SupplierPortal input[type="text"], input[type="password"]
{
    color: #446d96;
    background-color: #e8e8e8;
    font: 12px Arial, Verdana, Helvetica, sans-serif;
    width: 232px;
}

.warningMessage
{
	font-size: 14px;
	padding: 5px;
}

.hide
{
	display: none;
}

.popupButtons
{
	text-align: right;
}

/* Banner */
.SupplierPortal #banner {
    margin: 0 4px 0 4px;
    background-image: url(bannertile_sup.gif);
    background-repeat: repeat-x;
    overflow: hidden;
    height: 135px;
    background-color: white;
}

.SupplierPortal #bannerMain, #bannerSub {
    position: relative;
    float: left;
    WIDTH: 385px;
    HEIGHT: 125px;
    top: 10px;
    vertical-align: middle;
    background-color: white;
    position: relative;
}

.SupplierPortal #bannerSub {
    float: right;
    width: 260px;
    HEIGHT: 125px;
    padding-top: 10px;
}

.SupplierPortal #bannerBottom
{
	height:4px; 
	background-image:url(bannerbot.png);
}

.SupplierPortal ul
{
    font-size: 14px;
    padding-right: 5px;
    line-height: 1.4;
    margin-left: 11px;
    margin-bottom: 10px;
    list-style: none;
}

.SupplierPortal ul li
{
    padding-left: 16px;
    background-image: url(bullet.png);
    background-repeat: no-repeat;
    margin-bottom: 6px;
}

/* SignInBanner */
.SupplierPortal #signInBanner
{
	width:100%;
	min-height: 181px; 
	background-image: url(photobanner.jpg);
	background-repeat: no-repeat; 
	background-position: 4px 0px; 
	margin-top: 2px; 
	margin-bottom: 3px;
}

.SupplierPortal #welcomeTitle
{
	position:relative; 
	float:left; 
	left:0px; 
	top:84px; 
	height:100px; 
	width: 710px; 
	color:#ffffff;  
	vertical-align:bottom; 
	text-align:right; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:36px; 
	font-weight:bold;
}

.SupplierPortal #signIn
{
    position: relative;
    float:left;
    left: 40px;
    top: 10px;
    width: 242px;
    color: #fff;
}

.SupplierPortal #signInButtons
{
	text-align: right;
}

.SupplierPortal #signInButtons p
{
    margin: 4px 0px 0px 0px;
}

.SupplierPortal #signInButtons a
{
	display: block;
}

.SupplierPortal #signInButtons a:link
{
    text-decoration: underline;
    color: #fff;
    line-height: 25px;
}

.SupplierPortal #signInButtons a:visited
{
    text-decoration: underline;
    color: #fff;
    line-height: 25px;
}

.SupplierPortal #signInButtons a:active
{
    text-decoration: underline;
    color: #fff;
    line-height: 25px;
}

.SupplierPortal #signInButtons a:hover
{
    text-decoration: underline;
    color: #f5e319;
    line-height: 25px;
}

/* Main */
.SupplierPortal #mainSection
{
	float: left; 
	background-image: url(main_tile.png)
	
}

.SupplierPortal .main
{
	float: left;
}

.SupplierPortal .main h1
{
    margin: 20px 10px 10px 20px;
}

.SupplierPortal .main p
{
    font-size: 14px;
    margin: 20px;
}

.SupplierPortal .main ul
{
	padding-left: 40px;
}

.SupplierPortal .main ul li
{
    background-image: url(bullet.png);
    background-position: 0px 2px;
}

.SupplierPortal #welcomeSection
{
	width: 734px;
}

.SupplierPortal #registerSection
{
	width: 270px;
}

.SupplierPortal #mainTop
{
	background-image: url(main_top.png); 
	height: 4px;
}

.SupplierPortal #mainBottom
{
	float: left;
	position: relative;
	background-image: url(main_bottom.png); 
	width: 100%;
	height: 3px;
}

.SupplierPortal #informationSection
{
    float: left;
    margin-bottom: 10px;
    margin-top: 5px;
}

.SupplierPortal .information
{
    float: left;
    min-height: 198px;
    background-repeat: no-repeat;
    vertical-align: top;
    padding: 20px;
    font-size: 14px;
}

/* Need Support */
.SupplierPortal .needsupport
{
    background-image: url(needsupport.jpg);
    width: 311px;
    margin-left: 15px;
}

/* User Guides */
.SupplierPortal .userguides
{
    background-image: url(userguides.jpg);
    width: 306px;
    margin-left: 10px;
}

/* Existing Suppliers */
.SupplierPortal .existingsuppliers
{
    background-image: url(existingsuppliers.jpg);
    width: 205px;
    margin-left: 28px;
}

.SupplierPortal .needsupport #helpdeskNumber
{
	font-size: 1.5em;
}

.SupplierPortal .needsupport a:link
{
    text-decoration: underline;
    color: #00416b;
}

.SupplierPortal .needsupport a:visited
{
    text-decoration: underline;
    color: #00416b;
}

.SupplierPortal .needsupport a:active
{
    text-decoration: underline;
    color: #00416b;
}

.SupplierPortal .needsupport a:hover
{
    text-decoration: underline;
    color: #000000;
}

.SupplierPortal .userguides ul
{
	padding-left: 0;
}

.SupplierPortal .userguides ul li
{
    background-image: url(ug_bullet.png);
    padding-left: 20px;
    font-weight: bold;
}

.SupplierPortal .userguides a:link
{
    text-decoration: none;
    color: #000000;
}

.SupplierPortal .userguides a:visited
{
    text-decoration: none;
    color: #000000;
}

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

.SupplierPortal .userguides a:hover
{
    text-decoration: underline;
    color: #000000;
}

/* Footer */
.SupplierPortal #footer
{
	float: left;
	width: 1000px;
	margin: 4px;
	background-image: url(../tablehead.gif);
	background-repeat: repeat-x;
	height: 100px;
}

.SupplierPortal #footer p
{
    margin: 5px 0 0 5px;
}

.SupplierPortal #footer a:link
{
    text-decoration: none;
    line-height: 25px;
}

.SupplierPortal #footer a:visited
{
    text-decoration: none;
    line-height: 25px;
}

.SupplierPortal #footer a:active
{
    text-decoration: none;
    line-height: 25px;
}

.SupplierPortal #footer a:hover
{
    text-decoration: underline;
    line-height: 25px;
}