html, body{padding: 0px; margin:0px; background-color: #161616; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px;}
a{color: #333333; text-decoration: none;}
a:hover{color: #333333; text-decoration: underline;}

table td tr{border: 1px solid #CCCCCC;}

h1{font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px;}
h2{font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CC0000; padding: 0px; margin: 0px;}
h3{font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; color: #000000;}
h3 a a:hover a visited{color: #000000; text-align: left;}
h4{font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CC0000; padding: 0px; margin: 0px;}

#container{width: 798px; background-color:#cbcbcb; margin: 0 auto;}

#header{width: 798px; height: 100px; background-color: #161616; height: 141px;}
#header-left{float: left; width: 500px; text-align: left;}
#header-right{float: right; width: 298px; text-align: right;}

#sidebar{width: 188px; float: left; padding:5px; border-top: 1px solid #ffffff;}

#content{width: 600px; float: right; height: auto !important; height: 2000px; min-height: 800px; background-color: #FFFFFF; padding: 0px; margin: 0px; text-align: left;}
* html #content {height:800px}
#content img{border: 0px; padding: 0px; margin: 0px;}
#content-left{width: 290px; float: left; padding: 5px; font-size: 11px; line-height: 20px;}

#tickerbox {
	width: 570px !important;
	width: 550px;
	height: 20px;
	border: 1px solid #b2b2b2;
	float: left;
	margin: 10px;
	padding-top: 5px;
	padding-left: 10px;
}

#breadbox {
	width: 570px !important;
	width: 550px;
	height: 20px;
	float: left;
	margin: 10px;
	padding-top: 5px;
	padding-left: 10px;
}

.ticker {
	width: 600px;
	font-size: 12px;
}

#content-right{width: 290px; float: right; padding: 4px;}
#content-right p{padding: 0px; margin: 0px;}
#content-main{width: 590px; float: right; padding: 5px; font-size: 11px; line-height: 20px;}
#content a{color: #CC0000; text-decoration: none; text-align: right;}
#content a:hover{color: #CC0000; text-decoration: underline;}
#content-seperator{width: 600px; height:11px; line-height: 11px; padding: 0px; margin: 0px; background-image: url(images/contentbg.jpg);}

#content-split-left{width: 390px; float:left; padding: 5px; font-size: 11px; line-height: 20px;}
#content-split-right{width: 195px; float:right; padding: 0px 0px 5px 5px;}

#dvdbutton{width:300px; margin: 10px 145px 10px 145px; border: 1px solid #CCCCCC; padding: 0 5px 0 5px; text-align: center;}

#temp{width: 264px; margin:8px; padding:5px; border: 1px solid #999999; color: #990000; background-color:#E6E6E6;}

#list h2{font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CC0000; padding: 0px; margin: 0px;}
#faqs{list-style-type: none}

#home01{width: 140px; padding: 5px; margin: 0px; float: left; background-image: url(images/contentbgvert.jpg); height: 140px; text-align: left;}
#home02{width: 140px; padding: 5px; margin: 0px; float: left; text-align: left;}

#footer{width: 798px; color: #999999; background-color: #161616; font-size: 10px;}
#footer a{text-decoration: underline; color: #999999;}
#footer a:hover{text-decorstion: underline; color: #999999;}
#footer-left{width: 198px; padding: 0px; float: left;}
#footer-middle{width: 152px; padding: 0px; float: left; padding: 8px 0px 8px 0px;}
#footer-right{width: 350px; right: 0px; padding: 0px; float: right; position: relative; text-align: right; padding: 8px 0px 8px 0px;}

#trade-left{width: 280px; float: left; padding: 0px; text-align: left;}
#trade-right{width: 280px; float: right; padding: 0px; text-align: right;}

.clear
{clear:both; font-size:1px; width:1; height:0px; display:block; overflow:hidden;
}

.myleft 
{
float:left;
margin-right:4px;
margin-bottom:4px;
padding: 0px 4px 0px 0px;
}

.myright{float:right; margin-left:4px; margin-bottom:4px; padding: 0px 0px 0px 4px;}
.myright img{border: 0px;}
.smalldots {
	COLOR: #bdbbbc;FONT-SIZE: 10px;FONT-FAMILY: Verdana;
}

INPUT {
	BORDER-RIGHT: #a7a7a7 1px solid; BORDER-TOP: #a7a7a7 1px solid; FONT-SIZE: 8pt; BACKGROUND: #ffffff; BORDER-LEFT: #a7a7a7 1px solid; COLOR: #000000; BORDER-BOTTOM: #a7a7a7 1px solid; FONT-FAMILY: Tahoma
}

INPUT.image {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 8pt; BACKGROUND: #ffffff; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Microsoft Sans Serif, Tahoma
}
TEXTAREA {
	BORDER-RIGHT: #a7a7a7 1px solid; 
	BORDER-TOP: #a7a7a7 1px solid; 
	FONT-SIZE: 8pt; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #a7a7a7 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #a7a7a7 1px solid; 
	FONT-FAMILY: Tahoma
}
.radiostyle {
	BORDER-RIGHT: 0px none #ffffff;
	BORDER-TOP: 0px none #ffffff;
	BACKGROUND: #ffffff;
	BORDER-LEFT: 0px none #ffffff;
	BORDER-BOTTOM: 0px none #ffffff;
	padding: 0px;
	margin: 0px;
}

SELECT {
	BORDER-RIGHT: #a7a7a7 1px solid; BORDER-TOP: #a7a7a7 1px solid; FONT-SIZE: 8pt; BACKGROUND: #ffffff; BORDER-LEFT: #a7a7a7 1px solid; COLOR: #000000; BORDER-BOTTOM: #a7a7a7 1px solid; FONT-FAMILY: Tahoma
	SCROLLBAR-ARROW-COLOR: #ffffff;
}
.mybutton{
	background:#eeeeee;
	color:#898989;
	font-weight:bold;
	height:23px;
}

#content360index {
	width: 600px;
	float: left;
	text-align: left;
	text-align: justify;
}

#content360index h1 {
	margin: 20px;
}

#content360index h2 {
	margin: 20px;
}

#content360index p {
	margin: 20px;
}

#bannerarea {
	width: 600px;
	float: left;
	background-color: #2688ce;
}

#homeflashvid {
	width: 420px;
	height: 238px;
	float: left;
	background-color: #ffffff;
}

#topnavarea {
	width: 175px;
	float: left;
}

#login360 {
	width: 589px;
	height: 81px;
	padding-left: 1px;
	float: left;
	background-image: url(images/360loginbg-l.jpg);
	background-repeat: repeat-x;
	padding-right: 10px;
}

#mainhead h1 {
	font-family: Arial, Helvetica, sans-serif;
}

.centertxt2 {
	text-align: center;
}

#login360 h1 {
	color: #FFFFFF;
	margin: 10px 10px 10px 10px;
}

#roundimgs1 {
	height: 140px;
	width: 140px;
	float: left;
	margin: 20px;
	text-align: center;
}

#roundimgs2 {
	height: 140px;
	width: 140px;
	float: left;
	margin: 20px;
	text-align: center;
}

#roundimgs3 {
	height: 140px;
	width: 140px;
	float: left;
	margin: 20px;
	text-align: center;
}

#roundimgs4 {
	height: 140px;
	width: 140px;
	float: left;
	margin: 20px;
	text-align: center;
}

#roundimgs5 {
	height: 140px;
	width: 140px;
	float: left;
	margin: 20px;
	text-align: center;
}

.roundimgmargin {
	margin: 20px;
}

#login360 p {
	color: #FFFFFF;
	text-align: right;
	margin: 0px;
}

.loginpassword input {
	border: 1px solid #828282;
	background-color: #444444;
	font-size: 10px;
	color: #ffffff;
}

.submitbtn input {
	height: 13px;
	width: 26px;
	border: 0px;
}

#logintrue {
	width: 197px !important;
	width: 191px;
	height: 81px;
	float: right;
	background-image: url(images/360loginbg-l.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin-right: 4px;
}

#loginfalse {
	width: 175px !important;
	width: 175px;
	height: 226px;
	float: right;
	margin-right: 4px;
}

#firstpara {
	width: 397px;
	float: left;
	padding: 10px;
}

.toppara {
	width: 360px;
}

#loginnav p {
	margin: 0px;
	color: #FFFFFF;
}

#rotatebanner {
	width: 230px;
	float: right;
}

#rotatebanner p {
	width: 230px;
	float: right;
	font-style: italic;
}

.lefttopmargin {
	margin: 5px;
}

#loginnav a {
	color: #FFFFFF;
}

#loginnav a:hover {
	color: #FFFFFF;
}

#loginnav01 {
	width: 150px;
	height: 26px;
	float: left;
	background-image: url(images/loginnav/01.jpg);
	padding-left: 40px;
	padding-top: 12px;
}

#loginnav {
	/*width: 238px !important;
	width: 232px;*/
	width: 180px !important;
	width: 179px;
	height: 238px;
	float: left;
	background-color: #2688ce;
}

.loginnavbuttons {
	/*width: 228px !important;
	width: 222px;*/
	width: 170px !important;
	width: 169px;
	/*height: 26px;*/
	height: 24px;
	float: left;
	background-image: url(images/loginnav/nav.gif);
	background-position: bottom;
	padding-top: 10px;
	padding-left: 10px;
}

.loginnavbuttons2 {
	/*width: 228px !important;
	width: 222px;*/
	width: 170px !important;
	width: 169px;
	/*height: 26px;*/
	height: 24px;
	float: left;
	background-image: url(images/loginnav/360bg.jpg);
	background-position: right;
	padding-top: 10px;
	padding-left: 10px;
}

#loginnav02 {
	width: 150px;
	height: 25px;
	float: left;
	background-image: url(images/loginnav/02.jpg);
	padding-left: 40px;
	padding-top: 11px;
}

#loginnav03 {
	width: 150px;
	height: 24px;
	float: left;
	background-image: url(images/loginnav/03.jpg);
	padding-left: 40px;
	padding-top: 10px;
}

#loginnav04 {
	width: 150px;
	height: 23px;
	float: left;
	background-image: url(images/loginnav/04.jpg);
	padding-left: 40px;
	padding-top: 9px;
}

#loginnav05 {
	width: 150px;
	height: 26px;
	float: left;
	background-image: url(images/loginnav/05.jpg);
	padding-left: 40px;
	padding-top: 11px;
}

#loginnav06 {
	width: 150px;
	height: 40px;
	float: left;
	background-image: url(images/loginnav/06.jpg);
	padding-left: 40px;
	padding-top: 9px;
}

.imgnavmargin {
	margin-right: 25px;
}

.imgssmargin {
	margin-right: 10px;
}

.werheretxt {
	font-size: 16px;
	color: #5e5e5e;
	font-style: italic;
}

.marketingoptions {
	width: 545px;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	background-image: url(images/360/marketingboxbg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	margin-left: 25px !important;
	margin-left: 5px;
}

.marketingoptionsbox {
	width: 405px;
	float: right;
	padding-top: 0px;
}

.marketingoptionsbox a {
	color: #000000;
}

.logintable {
	color: #FFFFFF;
}

.imgmarginright {
	margin-right: 10px;
}

.materials {
	float: left;
	width: 130px;
	height: 250px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
.materials p{
	font-size: 9px;
}

.mathead {
	font-size: 18px;
	font-family: Arial;
	width: 100px;
	background-color: #ffffff;
	height: 20px;
}
.mathead2 {
	font-size: 18px;
	font-family: Arial;
	width: 155px;
	background-color: #ffffff;
	height: 20px;
}
.mathead3 {
	font-size: 18px;
	font-family: Arial;
	width: 235px;
	background-color: #ffffff;
	height: 20px;
}
#matline {
	background-image: url(images/matline.jpg);
	background-repeat: repeat-x;
	background-position: left;
	width: 560px;
	margin-left: 20px;
}
.tab {
	margin-left: 20px;
}
table.box2 {
	border-width: 1px;
	border-style: solid;
	border-color: #e4e4e4;
	border-spacing: 0px 0px 0px 0px;
	padding: 0px 6px 0px 6px;
}

.matqty {
	text-align: center;
}