@charset "utf-8";

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000;
	background-color: #fff;
}

.errorText {
	color: #C03;
}

.attentionText {
	color: #02D;
}

.attentionTextBold {
	color: #02D;
	font-weight: bold;
}

.bigAndBold {
	font-size: 130%;
	font-weight: bold;
}

.hilightText {
	background-color: #FF6;
}

.rowBgColor1 {
	background-color: #E4E0DE; /*#E7EAEF;*/
}

.rowBgColor2 {
	background-color: #DFE4DE; /*#EAECEB;*/
}

.disabled {
	color: #999;
}

.infoBox {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 120%;
	color: #333;
	background-color: #FFFFA6;  /*#FFC;*/
	padding: 40px;
	border: 4px solid #000;
	position: absolute;
	visibility: hidden;
}

.page1 {
	text-align: center;
	font-size: 120%;
	color: #000;
}

.page1 h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 180%;
	color: #666;
}

.orderMain #header {
	background-color: #fff;
	margin: 5px 40px 5px 2px;
	font-size: 70%;
	font-weight: bold;
	color: #666;
	vertical-align: middle;
	width: 100%;
} 

.orderMain #header h1 {
	margin: 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 300%;
	color: #666;
}

.orderMain #header h2 {
	font-weight: bold;
	font-size: 150%;
}

.orderMain #header p {
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-align: center;
}

.orderMainTitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #444;
}

.sidebarHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #666;
	background-color: #bdcee7;
	padding: 4px;
}

.inputForm {
	background-color: #DEE2E1;  /*#EAECEB;*/
	padding: 4px;
}

.inputForm th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #454545;
	background-color: #C4C4C4;  /*#D4D4D4;*/
}

.inputForm tr {
	font: Verdana, Arial, sans-serif;
	background-color: #DEE2E1;
}

.orderMain #sidebar1 {
	font-size: 70%;
	width: 120px;
	padding: 5px;
	margin: 10px 2px 5px 20px;
}

#logo {
	text-align: center;
	font-size: 80%;
}

#logo a {
	text-decoration: none;
}
#logo a:link {
	color: #4a4add;    /* 171775 */
}
#logo a:visited {
	color:#4a4add;     /* 4a4add */
}
#logo a:hover {
	font-weight: bold;
	font-style: italic;
}


#sidebar a {
	text-decoration: none;
}
#sidebar a:link {
	color: #4a4add;    /* 171775 */
}
#sidebar a:visited {
	color:#4a4add;     /* 4a4add */
}
#sidebar a:hover {
	font-weight: bold;
	font-style: italic;
}

.orderMain #footer {
	text-align: center;
	padding: 5px;
	font-size: 70%;
	font-weight: bold;
	color: #666;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 160px;
} 


.orderMain #content{
	background: #FFF;
	color: #333;
	padding: 2px;
	font-size: 70%;
	margin: 5px 40px 5px 5px;
 }
 
.contentHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #454545;
	background-color: #CFCFCF;
}

.orderMain #receipt{
	background: #FFF;
	color: #333;
	padding: 0px;
	font-size: 60%;
	margin: 0px;
}

#receipt .receiptTitles{
	font-size: 110%;
	padding: 10px 10px;
}

#receipt .receiptBody{
	font-size: 110%;
	padding: 10px 10px;
}

.receiptBody table{
	border: thin solid #333;	/*background-color: #333;*/
	margin: 0px;
	padding: 0px;
}

.receiptBody th{
	font-size: 110%;
	font-weight: bold;
	background-color: #CCC;
	margin: 0px;
	border: thin solid #333;
	padding: 10px;
}

.receiptBody td{
	padding: 8px;
	background-color: #FFF;
	border: thin solid #333;
}

#receipt .printButton {
	font-size: 130%;
	color : #003366;
	background-color: #D6DBE2;
	border: 1px solid #003366;
	padding: 3px 10px;
	font-weight: normal;
}

.qtyDiscountBox {
	color: #666;
	background-color: #E8E8C6;
	padding: 5px;
	text-align: center;
	width: 150px;
	border: 1px solid #666;
}

.qtyDiscountBox h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #03F;
	margin: 5px 0px;
}

.ordering .qtyDiscountBox h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #03F;
	margin: 5px 0px;
}

.qtyDiscountBox h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 110%;
	color: #C39;
	margin: 5px 0px;
}

.qtyDiscountBox table {
	text-align: center;
	background-color: #FFF;
}

.qtyDiscountBox td {
	background-color: #E8E8BD;
}

.qtyDiscountBox th {
	background-color: #DBDB99;
}

.qtyDiscountRowBgColor1 {
	background-color: #DBDB99;
}

.qtyDiscountRowBgColor2 {
	background-color: #E8E8C6;
}

.ordering .qtyDiscountBox th {
	background-color: #DBDB99;
}

.cartSummaryBorder {
	background-color: #436123;
	padding: 10px;
}

.cartSummary {
	color: #555;
	background-color: #EEE;/*#D3E7BE;*/
	padding: 5px;
	text-align: center;
	width: 150px;
	border: 1px solid #666;
}

.cartSummary h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	color: #03F;
	margin: 5px 0px;
}

.ordering .cartSummary h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	color: #03F;
	margin: 5px 0px;
}

.cartSummary table {
	background-color: #FFF;
}

.cartSummary td {
	background-color: #DDD; /*#C6DFAA;*/
}

.cartSummary th {
	background-color: #CCC; /*#AED588;*/
}

.ordering .cartSummary th {
	background-color: #CCC; /*#AED588;*/
}

.ordering h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #454545;
}

.ordering table {
	background-color: #fff;
}

.ordering th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #454545;
	background-color: #BFBFBF;
}

.ordering tr {
	font: Verdana, Arial, sans-serif;
}

/*
.ordering td {
	white-space: nowrap;
}
*/

.ordering Input {
	border-width: 1px;
	border-color: #003366;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color : #003366;
	background-color: #DEE2E1;  /*#F4F5F1;*/  /*#E7EAEF;*/
}

.ordering Input[disabled="disabled"] {
	color: #999;
	border-color: #999;
}

.ordering textarea {
	border-width: 1px;
	border-color: #003366;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color : #003366;
	background-color: #DEE2E1;  /*#E7EAEF;*/
}

.ordering select {
	border-width: 1px;
	border-color: #003366;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color : #003366;
	background-color: #DEE2E1;  /*#E7EAEF;*/
/*	padding: 2px */
}

.orderingBody {
	white-space: nowrap;
}

.orderingTitle {
	font-family: Verdana, Arial, sans-serif;
	font-size: 110%;
	color: #333;
	padding: 10px;
	text-align: center;
	background-color: #DDD;  /*#F4F4F4;*/
}

.ordering {
	background-color: #FFF;
	padding: 8px;
	border: 2px solid #666;
}

.ordering .spacer {
	background-color: #fff;
	font-size: 30%;
}

.ordering .discountTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #03F;
	background-color: #B9B9B9;
	font-weight: bold;
}

.orderResult{
	margin: 0px;
	background-color: #FFF;
	padding: 8px;
	border: 2px solid #666;
	font-size: 110%;
}

.orderResult h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #454545;
}



.makeButton {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #003366;
	background-color: #D6DBE2;
	border: 1px solid #003366;
	padding: 3px 10px;
	font-weight: normal;
	white-space: nowrap;
}

.makeSmallButton {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #003366;
	background-color: #D6DBE2;
	border: 1px solid #003366;
	padding: 1px 2px;
	font-weight: normal;
	white-space: nowrap;
}

/*.cartSummary .makeButton {
	background-color: #C9E3B0;
	border: 2px solid #069;
}*/

.makeButton a{
	color : #003366;
	text-decoration: none;
}

.makeButton a:hover{
/*	background-color: #F0F2F4;
	border-top: 1px solid #003366;
	border-right: 2px solid #003366;
	border-bottom: 2px solid #003366;
	border-left: 1px solid #003366;
*/
	text-decoration: none;
}

.makeDisabledButton {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #AAA;
	background-color: #D6DBE2;
	border: 1px solid #C1E0FF;
	padding: 3px 10px;
	font-weight: normal;
	white-space: nowrap;
}

.cartSummary .makeDisabledButton {
	background-color: #DCEDCB;
	border: 2px solid #C1E0FF;
}

.makeBigButton {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #003366;
	background-color: #D6DBE2;
	border: 1px solid #003366;
	padding: 5px 10px;
	font-weight: bold;
	white-space: nowrap;
}

.makeBigButton a{
	color : #003366;
	text-decoration: none;
}

.makeBigButton a:hover{
	text-decoration: none;
}

.hiddenTooltipContent
{
	background-color: #FFFFCC;
	border: 1px solid #000;
	padding: 5px;
	visibility: hidden;
}

.twoColHeadFoot
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #454545;
	background-color: #DEE2E1;
}

.twoColHeadFoot .tcHeader
{
	font: Verdana, Arial, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #454545;
	background-color: #CFCFCF;
	text-align: center;
	padding: 4px;
}

.twoColHeadFoot .tcTitle
{
	font: Verdana, Arial, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #454545;
	background-color: #CFCFCF;
	text-align: left;
	padding: 4px 40px;
}

.twoColHeadFoot .tcBody
{
	text-align: left;
	padding: 8px 40px;
	margin: 0px;
	line-height: 130%;
}

.twoColHeadFoot .tcLeftCol
{
	width: 50%;
	float: left;
	padding: 0px;
	margin: 0px;
	clear: left;
}

.twoColHeadFoot .tcRightCol
{
	width: 50%;
	float: right;
	padding: 0px;
	margin: 0px;
	clear: right;
}

.twoColHeadFoot .tcFooter
{
	clear: both;	
	padding: 3px;
	margin: 0px;
	line-height: 160%;
}

.commentBox {
	height: 40px;
	width: 400px;
	margin: auto;
	overflow: auto;
	border: 1px solid #666;
	padding: 4px 10px;
	text-align: left;
	line-height: 120%;
}

.dialog {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 120%;
	color: #333;
	background-color: #DDD;
	padding: 20px;
	border: 4px solid #000;
	position: absolute;
	visibility: hidden;
}