@charset "utf-8";
/* CSS Document for Online Distribution Website*/

body {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #f5f4f0;
		background-attachment: scroll;
}

.subheader {
	font-family: "Trebuchet MS";
	font-size: 13pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	font-style: normal;
	text-align: left;
	margin-left: 87px;
}

.maintext {
	font-family: "Trebuchet MS";
	font-size: 10pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.sublink {
	font-family: "Trebuchet MS";
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	color: #183941;
	text-decoration: none;
}

a.sublink, a {
	font-family: "Trebuchet MS";
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	color: #183941;
	text-decoration: none;
}

a.sublink:visited, a:visited {
	font-family: "Trebuchet MS";
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	color: #183941;
	text-decoration: none;
}

a.sublink:hover, a:hover {
	font-family: "Trebuchet MS";
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	color: #183941;
	text-decoration: underline;
}

.mainlink {
	font-family: "Trebuchet MS";
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	color: #183941;
	text-decoration: none;
}

a.mainlink {
	font-family: "Trebuchet MS";
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	color: #183941;
	text-decoration: none;
}

a.mainlink:visited {
	font-family: "Trebuchet MS";
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	color: #183941;
	text-decoration: none;
}

a.mainlink:hover {
	font-family: "Trebuchet MS";
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

/*=== START Login Form ===*/
.loginForm {
	position:relative; left:14px;
	width:654px; padding:0px; margin:0px;
	background-image:url(Images/login_background_center.png);
	background-repeat:repeat-y; background-position:left;
	font-family:"Trebuchet MS"; font-size:20px; color:#0894d5; font-weight:bold;
}

.loginForm img { margin:14px 0px 14px -14px; }

.loginForm form {
	margin:0px 0px 0px -14px; padding:0px;
}

.loginForm h1 {
	font-family: "Trebuchet MS"; font-size:18px; color:#0894d5; font-weight:normal;
	padding:0px 4px 4px 4px; margin:0px;
}

.loginForm form h2 {
	font-family:"Trebuchet MS"; font-size:13px; color:#CC0000; font-weight:normal;
	padding:0px; margin:0px 0px 10px 0px; width:450px;
}

.loginForm input {
	font-family: "Trebuchet MS"; font-size: 14px; color: #0894d5; font-weight: bold;
	padding: 2px 8px 2px 8px; margin:0px; border:2px #54b4e1 solid;
	background-image: url(Images/input_bg3.gif);
	background-position: top left; background-repeat:no-repeat;
}

.loginForm button {
	margin: 10px 0px 10px 0px;
}
/*=== END Login Form ===*/

/*=== START itemList ===*/
.itemList {
	margin:10px 0 0 86px; text-align:left; left:0px;
	font-family: "Trebuchet MS";
	font-size: 10pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.itemList p {
	padding-bottom:20px;
}
/*=== END itemList ===*/

/*=== START orderTable ===*/
#orderTable {
	position:relative; margin:0 65px 0 10px; padding:0px;
	width:300px; height:150px; float:right;
}

#orderTable p {
	padding:10px; margin:0px; color:#FFFFFF;
}

#orderTable h1 {
	padding:4px 0px 4px 0px; margin:0px; color:#FFFFFF; text-align:center; font-size:14px;
	float:left; background-color:#183941; width:108px;
}

#orderTable h2 {
	padding:13px 0px 13px 0px; margin:0px; color:#FFFFFF; text-align:center; font-size:14px;
	float:right; background-color:#183941; width:190px;
}

#orderTable h3 {
	position:absolute; top:46px; left:0px; width:100px; text-align:center; display:block;
	background-color:#ffffff; padding:2px; margin:0px; border:2px #183941 solid;
}

#orderTable h4 {
	position:absolute; left:0px; top:79px; width:110px; padding:0px; margin:0px 0px 10px 0px;
}

#orderTable h4 span {
	position:relative; text-align:center; float:left; width:16px; margin:0px 2px 2px 0px;
	background-color:#ffffff; border:2px #333333 solid; padding:0px;
}

#orderTable h4 span a {
	font-size:11px;
}
/*=== END orderTable ===*/

#qtyCon {
	position:absolute; left:110px; top:46px; width:190px; /*height:30px;*/ font-size:14px; font-weight:bold;
	padding:0px; margin:0px; text-align:left;
	background-color:#CCCCCC; color:#FF0000;
}

.orderList {
	margin:0 0 20px 93px; width:640px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
}

.orderList h2 {
	margin:0px; padding:0px; font-size:12px; color:#666666;
}

.orderList h3 {
	margin:0px 0px 4px 0px; padding:4px 0 2px 0; font-size:12px; color:#333333;
	border-bottom:1px #0894d5 solid; width:100%;
}

.shipForm {
	text-align:left; margin:0 0 20px 93px; width:640px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
}

.shipForm form {
	margin:0px; padding:0px;
}

.shipForm h2 {
	margin:0 0 10px 0; padding:0px; font-size:12px; color:#666666;
}

.shipForm h3 {
	margin:0 0 5px 0; padding:0px; font-size:12px; color:#333333;
}

.shipForm p { margin-left:3px; }

.shipForm form input {
	font-family: "Trebuchet MS"; font-size: 14px; color: #333333; font-weight: bold;
	padding: 2px 8px 2px 8px; margin:0 0 10px 0; border:2px #54b4e1 solid;
	background-image: url(Images/input_bg3.gif);
	background-position: top left; background-repeat:no-repeat;
}

.shipForm form select {
	font-family: "Trebuchet MS"; font-size: 14px; color: #333333; font-weight: bold;
	padding: 2px 2px 2px 2px; margin:0 0 10px 0; border:2px #54b4e1 solid;
	background-color:#FFFFFF; font-size:11px;
	background-image: url(Images/input_bg3.gif);
	background-position: top left; background-repeat:no-repeat;
}

.shipForm form textarea {
	font-family: "Trebuchet MS"; font-size: 14px; color: #333333; font-weight: bold;
	padding: 2px 8px 2px 8px; margin:0 0 10px 0; border:2px #54b4e1 solid;
	background-image: url(Images/input_bg3.gif); width:520px;
	background-position: top left; background-repeat:no-repeat;
}