/* HTML */

html{
height:100.1%;
}

/* BODY */

body{
	height:100%;
	margin-top:3px;
	margin-left:auto;
	margin-bottom:13px;
	margin-right:auto;
	padding:0;
	width:810px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color: #333;
}

img {
border: 0;
display: block;
}

.required {
font-weight: bold;
background-color: transparent;
color: #FF7F00;
}

.short {
height: 350px;
}

/* BANNER TOP */

#header {
width: 810px;
height: 132px;
padding: 0;
margin-top: 0;
margin-right: auto;
margin-left: auto;
text-align: left;
position: relative;
background-color: transparent;
background-image: url("../images/header.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left;
margin-bottom: 3px;
}

#header h1 {
text-indent: -999999px;
}

/* WELCOME */

#welcome {
margin-bottom: 3px;
}

/* CONTAINER */

#container {
width: 810px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
color: #333333;
}

/* CONTENT */

#content {
	padding: 5px;
	background-color: #FFFFFF;
	color: #333333;
	clear: both;
	font-weight: normal;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%;
	font-style: normal;
	background: #2D396B url(../images/bg-ptitle.jpg);
	background-position: left;
	color: #FFFFFF;
	width: 100%;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: 5px;
	margin-top: 0;
}

h3 {
font-size: 135%;
color: #333333;
border-bottom: 1px solid #333333;
}

h4 {
margin-top: 0;
margin-bottom: 2px;
padding: 2px;
font-style: italic;
font-size: 120%;
font-weight: bold;
color: #E5E5E5;
background-color: #4A4A4A;
text-align: center;
text-transform: uppercase;
}

h5 {
	margin-top: 0;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 11px;
}

h5 a {
color: #FF7F00;
background-color: #FFFFFF;
}

h5 a:hover {
color: #333333;
background-color: #FFFFFF;
}

.link {
color: #FF7F00;
background-color: transparent;
}

.link:hover {
color: #333333;
background-color: transparent;
}

.red {
color: #FF0000;
background-color: #FFFFFF;
}

/* BUYER LEARNING CENTER */

#forms #blcLoginForm, #forms #registerForm {
border: 1px solid #666666;
background-color: #F6F6F6;
color: #333333;
padding: 2px;
margin-bottom: 15px;
width: 100%;
}

.submit-btn {
width: 54px;
height: 20px;
background: #743 url(../images/submit.gif) no-repeat;
outline: none;
margin-top: 5px;
}

.submit-btn:hover {
background: #069 url(../images/submit.gif) no-repeat 0 -20px;
}

#log p, #log2 p {
margin:0;
padding:4px 0 4px 0;
}

#log.ajax-loading, #log2.ajax-loading {
background: url(../images/spinner.gif) no-repeat center;
}

.error {
color: #FF0000;
margin:0;
padding:0;
}

.non_error {
color: #336600;
margin:0;
padding:0;
}

#forms {
width: 100%;
}

#forms td {
vertical-align: top;
}

#forms .middle {
width: 20px;
}

.textInput, textarea {
border: 1px solid #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;
color: #333333;
background-color: #FFFFFF;
padding: 2px;
}

/* CUSTOMER LEARNING CENTER */

#blcLoginForm, #clcLoginForm {
border: 1px solid #666666;
background-color: #F6F6F6;
color: #333333;
padding: 2px;
margin-bottom: 15px;
}

.supp_table {
border: 1px solid #333333;
margin-left: auto;
margin-right: auto;
}

.supp_table th {
font-size: 130%;
border: 1px solid #333333;
background-color: #CCCCCC;
padding: 5px;
}

.supp_td1 {
	width: 600px;
	border: 1px solid #333333;
	padding: 5px;
	color: #333333;
}

.supp_td2 {
width: 100px;
text-align: center;
border: 1px solid #333333;
}

.supp_td2 img {
margin-left: auto;
margin-right: auto;
padding: 2px;
}

.goback {
text-align: center;
padding: 50px;
}

.goback a {
color: #FF7F00;
background-color: #FFFFFF;
text-decoration: none;
}

.goback a:hover {
color: #333333;
background-color: #FFFFFF;
}

/* Learning Table */

#learning {
margin-top: 20px;
}

#learning td {
text-align: justify;
width: 250px;
}

#learning .link {
font-weight: bold;
}

#learning img {
margin-left: auto;
margin-right:auto;
}

#learning .r1c1 {
vertical-align: top;
}

#learning .r1c2 {
border-right: 1px dashed #E5E5E5;
border-left: 1px dashed #E5E5E5;
vertical-align: top;
}

#learning .r1c3 {
vertical-align: top;
}


#learning .r2c1 {
text-align: justify;
padding: 15px;
vertical-align: top;
}

#learning .r2c2 {
border-right: 1px dashed #E5E5E5;
border-left: 1px dashed #E5E5E5;
text-align: justify;
padding: 15px;
vertical-align: top;
}

#learning .r2c3 {
text-align: justify;
padding: 15px;
vertical-align: top;
}

/* FAQ* */

#faqList li {
margin-bottom: 5px;
}

#faqHR {
width: 90%;
margin-top: 20px;
margin-bottom: 20px;
}

#faqAnswer li {
margin-bottom: 20px;
}

/* FOOTER */

#footer{
width:810px;
margin:0px auto;
padding:0;
}

#footer ul#top{
margin:0;
padding:0;
text-align:center;
width:810px;
height:28px;
margin-top:3px;
background: url(../images/footer.jpg) no-repeat left top;
padding-top:6px;
}

#footer ul#top li{
display:inline;
text-decoration:none;
list-style:none;
text-align:center;
font-size:11px;
font-weight:bold;
color:#E5E5E5;
}

#footer ul#top li a{
padding-left:2px;
padding-right:2px;
color:#E5E5E5;
text-decoration:none;
}

#footer ul#top li a:hover{
color:#E5E5E5;
text-decoration:underline;
}

#footer ul#bottom{
margin:0px;
padding:0px;	
font-size:11px;
margin-top:13px;
}

#footer ul#bottom li{
color:#999999;
list-style:none;
text-align:center;
text-decoration:none;
}

#footer ul#bottom li a{
color:#999999;
text-decoration:none;
}

#footer ul#bottom li a:hover{
color:#999999;
text-decoration:underline;
}