@charset "utf-8";
/* CSS Document */

/*
Color Palette
#605045 brown
#87aac8 blue
*/

/*css toolbox*/
.b {font-weight: bold;}
.sm {font-size: 11px;}
.lg {font-size: 13px;}
.red {color: #990000; background-color: inherit;}
.ong {color: #DE4908; background-color: inherit;}
.blk {color: #000000; background-color: inherit;}
.itl {font-style: italic;}
.bdrAll {border: 1px solid #7B7F6C;}

/*global css*/
img {border: none;}
form {margin: 0px; padding: 0px;}
.leftimage {float: left; padding-right: 2px;}
.rightimage {float: right; padding-left: 2px;}
.clr {clear: both;}
.seperator {border-bottom: 1px dashed #7B7F6C; margin: 10px 0px 10px 0px;}

/*page overall*/
body {
	margin: 0.5em 0em 2em 0em;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	text-align: center;
	color: #666;
	background-color: #605045;
	overflow: -moz-scrollbars-vertical;
}
#page {width: 950px; text-align: left; margin: 0px auto 0px auto;  }

/*header*/
#header {
	position: relative;
	width: 950px;
	vertical-align: middle;
	text-align: left;
	z-index: 101;
	font-size: 12px;
	background-image: url(/graphics/header/header-back.gif);
	background-repeat: no-repeat;
	height: 164px;
	color:#666;
}
#headButtons{position:absolute; top: 10px; right: 12px; height: 24px; line-height: 24px;}
#headButtons a:link, #headButtons a:visited,  #headButtons a:active {color: #333;}
#headButtons a:hover {color: #605045; background-color: #fff;}
#imageMap {display:block; height: 120px; width: 180px;}
#whatsNew{
	position:absolute; 
	top: 164px; 
	left: 0px; 
	background-color:#fff; 
	height: 170px; 
	width: 946px;
	border-left: 2px solid #87aac8;
	border-right: 2px solid #87aac8;
}
#whatsNew img{text-align:center; padding: 10px 0 0 10px;}
/*menu system*/
.menudiv {
	font: 14px/22px Arial, Helvetica, sans-serif;
	height: 33px;
	position: absolute;
	top: 133px;
	left: 20px;
	border-left
}
.menulist, .menulist  ul {margin: 0px; padding: 0px; list-style: none; width: 100%;}
.menulist ul {
 	display: none;
 	position: absolute;
 	top: 1.0em;
	margin-top: 21px;
 	left: -1px;
 	width: 227px;
}
.menulist ul ul {top: -1px; margin-top: 0px; left: 148px;}
.menulist li {
	float: left;
	display: block;
	position: relative;
	border: 1px solid #330;
	margin-right: -1px;
	width: 227px;
	font-weight: normal;
	font-size: 12px;
}
.menulist li.header {
	width: 227px;
	border: 0;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	border-left: 1px solid #657a5d;
	text-transform:uppercase;
	color:#fff;
}
.menulist li.header:last-child {border-right: 1px solid #657a5d;}
.menulist ul li {float: none; margin: 0; margin-bottom: -1px; text-align: left;}
.menulist ul>li:last-child {margin-bottom: 1px;}
.menulist a {display: block; padding: 3px; color: #fff; text-decoration: none;}
.menulist .header a:hover, .menulist .header a.highlighted:hover, .menulist .header a:focus {
	color: #fff;
	background-color: #a9cae6;
	height: 23px;
}
.menulist .header a.highlighted {
	color: #fff;
	background-color:#666;
	background-image: url(/graphics/header/nav-hover.jpg);
}
.menulist .subLink a:hover, .menulist .subLink a.highlighted:hover, menulist .subLink a:focus {
	color: #fff;
	background-color: #abc8e2;
	background-image: none; 
}
.menulist .subLink a.highlighted {
	color: #fff;
	background-color: #abc8e2;
	background-image: none;
}
.menulist a .subind {display: none;}
.menulist ul a .subind {display: block; float: right;}
.menulist a {float: left;}
.menulist ul a {float: none;}
.menulist a {float: none;}
*:first-child+html .menulist ul li {float: left; width: 100%;}
* html .menulist ul li {float: left; height: 1%;}
* html .menulist ul a {height: 1%;}
#wrapper{
	width: 946px; 
    background-color: #fff;
    border-left: 2px solid #87aac8;
	border-right: 2px solid #87aac8;
	min-height:550px;
  	height:auto !important;
  	height:550px;
}
#content {padding: 10px;}
#content a:link, #content a:visited, #content a:active {color: #666;}
#content a:hover {color: #605045; background-color: #fff;}
#content h1 {
    clear: both;
    margin: 0em;
    padding: 0.5em 0em 0em 0.1em;
    font-size: 1.7em;
    color: #605045;
    border-bottom: 0.05em solid #605045;
    line-height: 1em;
	background-color: #fff;
}
#content h2 {
    clear: both;
    margin: 0em;
    padding: 0.5em 0em 0em 0.1em;
    font-size: 1.3em;
    color: #605045;
    border-bottom: 0.09em solid #605045;
    line-height: 1em;
	background-color: #fff;
}
#content h3 {
    clear: both;
    margin: 0em;
    padding: 0.5em 0em 0em 0.1em;
    font-size: 1.3em;
    color: #333;
    border-bottom: 0.05em solid #333;
    line-height: 1em;
	background-color: #fff;
}
#featuredBrand{
	width:319px;
	height:255px;
	background: #fff url(/graphics/home-page/featured-back.jpg) no-repeat;
	margin-top:10px;
	position: relative;
}
#featuredBrand img{
	position: absolute;
	top: 28px;
	left: 34px;
}
#footer {
	clear: both;
	color: #fff;
	text-align: center;
	line-height: 35px;
	width: 950px;
	background-image: url(/graphics/footer/footer-back.gif);
	background-repeat: repeat-x;
	height: 45px;
} 
#footer a:link, #footer a:visited {color: #fff; background-color: inherit;} 
#footer a:hover, #footer a:active {color: #000000;}

.pTable{text-align: left;}
.pImage{float:left;width:375px; height:250px; margin-right:10px;}
.pText{float:left; width:400px; margin-right:10px;}
.pText2{float:left; width:520px; margin-right:10px;}
.pButton{float:left;}