/* 
	Color Scheme:
	Cyan:		#00AEEF
	Magenta:	#EC028C
	Yellow:		#FFF202
*/

body
{
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
}

body, input 
{
	font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    color: #696969;
}

input 
{
	font-size: .9em;
}


/* Primary Layout Elements */

#container
{
	width: 980px;
	margin: 0px auto;
	background: url(/Skin/layout.tile.png);
}

#header
{
	height: 140px;
	background: url(/Skin/header.png);
}

#loginBox
{
	border: 1px solid #E3E3E3;
	width: 150px;
	position: absolute;
	margin: 48px 12px 0px 750px;
	padding: 12px;
	font-size: 0.9em;
}

#loginBox a, #loginBox a:visited
{
	color: #065671;
}

#content
{
    min-height: 425px;
    margin: 0px 50px 0px 50px;
    padding: 12px;
    width: 650px;
}

#footerWrapper
{
	padding: 0px 0px 50px 0px;
	background: url(/Skin/footer.png) bottom no-repeat;
}

#sustainableLink
{
	position: relative;
	display: block;
	width: 175px;
	height: 75px;
	top: 22px;
	left: 790px;
}

caption, th 
{
	text-align: left;
}

#mainNavigation 
{
    margin: 12px 50px 0px 50px;
    padding: 4px 0px 8px;
    border-bottom: 1px dashed #CCCCCC;
}

#mainNavigation li 
{
    display: inline;
}

#mainNavigation li a 
{
    margin: 0px 4px;
    padding: 4px 8px;
    text-decoration: none;
    color: #065671;
}

#mainNavigation li a.current
{
    color: orange;
}

#sideNavigation 
{
    display: block; 
    position: absolute;
    top: 185px;
    margin-left: 724px;
    list-style: none;
    font-size: 0.9em;
}

#sideNavigation ul
{
    margin: 0px 0px 12px 0px;
    padding-left: 24px;
}

#sideNavigation li 
{
    
}

#sideNavigation li a 
{
    margin: 0px 12px 0px 0px;
    padding: 0px;
    color: #000000;
}

#sideNavigation li li a 
{
    color: #065671;
}

#sideNavigation li a.current
{
    color: orange;
}

.printOnly {
	display: none;
}

/* Content Styles */
#content 
{
	font-size: 0.8em;
}

#content a, #content a:visited
{
	color: Blue;
}

h1
{
	margin: 0px 0px 8px 0px;
}

h2
{
	font-size: 1.35em;
	font-weight: bold;
	border-bottom: 5px solid #CCCCCC;
	margin: 0px 0px 12px;
}

h3
{
	padding: 5px 2px 0px 3px;
	border-bottom: 4px solid #00AEEF;
	font-weight: bold;
	margin: 4px 0px;
}

h4
{
	font-size: 1.35em;
	font-weight: bold;
	margin: 24px 0px 12px;
}


/* Product Grid */
.productGrid
{
	width: 100%;
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.productGrid td
{
	padding: 3px;
}

.productGrid .altRow td, 
.productGrid .altCol td
{
	background: #E3E3E3;
}

.productGrid .h1Row td
{
	font-size: 1.35em;
	font-weight: bold;
	border-bottom: 5px solid #CCCCCC;
}

.productGrid .h2Row td
{
	padding: 5px 2px 0px 3px;
	border-bottom: 4px solid #00AEEF;
	font-weight: bold;
}

.productGrid .button
{
	padding: 2px 3px;
	margin: 2px 0px;
}