

FONT		{COLOR: #000000; FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 14px}
TD			{COLOR: #000000; FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 12px; valign: baseline}
BODY		{BACKGROUND-IMAGE: url(../../images/1x138.png); BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #f0f0f0; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 11px}
P			{COLOR: #000000; FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 12px}
DIV			{FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 12px; line-height: 115%}
INPUT		{FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 14px; padding: 4px 6px; margin-bottom: 3px}
TEXTAREA	{FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 12px}
FORM		{FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 12px}
.logo		{BACKGROUND-IMAGE: url(../../images/1x1.png); COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica}
.formdiv	{border: 1px solid #a1a1a1; padding: 7px 10px; background: #E5E5E5; border-radius: 8px}
.maindiv	{border: 1px solid #a1a1a1; padding: 7px 10px; background: #FFFFFF; border-radius: 8px}
.itemremoved	{border: 1px solid #BB0003; padding: 7px 10px; background: #FFDADA; border-radius: 8px}

#map-canvas {
	width: 450px;
	height: 350px;
}

@media screen {
	div.divFooter {
		display: none;
	}
}
@media print {
	div.divFooter {
		width: 100%;
		position: fixed;
		bottom: 0;
	}
}
div.pagination {padding: 3px; margin: 3px; line-height: 27.0771px; border: 1px solid #a1a1a1; padding: 7px 10px; background: #FFFFFF; border-radius: 6px}
div.pagination a {padding: 2px 5px 2px 5px;	margin: 2px;;	text-decoration: none; color: #000000}
div.pagination a:hover, div.pagination a:active {color: #338cd8}
div.pagination span.current {padding: 2px 5px 2px 5px; margin: 2px; font-weight: bold; background-color: #338cd8; border-radius: 4px; color: #e1e1e1}
div.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; color: #8b8b8b}

.labelfrom	 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; border: none}
.labelto	 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 16px; FONT-FAMILY: Verdana, Helvetica; border: none}
.labelsmall		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; border: none}
.invoice 		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; border: none}
.invoicet 		{BACKGROUND: none; COLOR: #555555; FONT-SIZE: 14px; FONT-FAMILY: Verdana, Helvetica; border: none}
.InvoiceInputItemNum	{width: 154px}
.InvoiceInputItemDesc	{width: 624px}
.InvoiceInputItemQty	{width: 50px}
.InvoiceInputItemPrice	{width: 200px}

.DateWidth		{width: 88px; display: block}
.RecordWidth	{width: 78px; display: block}
.ItemWidth		{width: 104px; display: block}
.NameWidth		{width: 308px; display: block}
.QtyWidth		{width: 65px; display: block}
.tdWidth		{width: 500px; display: block}
.line			{BACKGROUND-IMAGE: url(../../images/1x5.png); BACKGROUND-REPEAT: repeat-x; COLOR: #f0f0f0; line-height: 5px}
.title			{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica}
.subtitle		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 15px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica}
.content 		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica}
.content1 		{BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; line-height: 20px}
.content2		{BACKGROUND: none; COLOR: #338cd8; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content3 		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; line-height: 20px}
.price			{BACKGROUND: none; COLOR: #338cd8; FONT-SIZE: 18px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.footmsg		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.pgerrmsg		{COLOR: #C40000; FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
.disabled 		{BACKGROUND: none; COLOR: #666; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
.current 		{BACKGROUND: none; COLOR: #555; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
#one		 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-FAMILY: Verdana, Helvetica; border: none}
.qtymore	 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; border-style: solid;}
#timer			{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 20px; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma, Geneva, sans-serif; line-height: 28px}

A:link			{BACKGROUND: none; COLOR: #187ace; FONT-SIZE: 14px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:active		{BACKGROUND: none; COLOR: #187ace; FONT-SIZE: 14px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:visited		{BACKGROUND: none; COLOR: #187ace; FONT-SIZE: 14px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:hover			{BACKGROUND: none; COLOR: #f47a21; FONT-SIZE: 14px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:link table		{BACKGROUND: none; COLOR: #187ace; FONT-SIZE: 14px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none; border: 1px solid transparent !important;}
A:active table		{BACKGROUND: none; COLOR: #187ace; FONT-SIZE: 14px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:visited table		{BACKGROUND: none; COLOR: #187ace; FONT-SIZE: 14px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:hover table		{background-color: #DFEFFF; border: 1px solid #89B1E1 !important;}
.link1 A:link		{BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; line-height: 20px; TEXT-DECORATION: none}
.link1 A:active		{BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; line-height: 20px; TEXT-DECORATION: underline}
.link1 A:visited	{BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; line-height: 20px; TEXT-DECORATION: none}
.link1 A:hover		{BACKGROUND: none; COLOR: #fdc637; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; line-height: 20px; TEXT-DECORATION: none}
.link2 A:link		{BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; line-height: 27px; TEXT-DECORATION: none}
.link2 A:active		{BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; line-height: 27px; TEXT-DECORATION: underline}
.link2 A:visited	{BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; line-height: 27px; TEXT-DECORATION: none}
.link2 A:hover		{BACKGROUND: none; COLOR: #fdc637; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; line-height: 27px; TEXT-DECORATION: none}
.link3 A:link		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.link3 A:active		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.link3 A:visited	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.link3 A:hover		{BACKGROUND: none; COLOR: #338cd8; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.sortlink A:link	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.sortlink A:active	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.sortlink A:visited	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.sortlink A:hover	{BACKGROUND: none; COLOR: #338cd8; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.r					{BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; line-height: 22px; TEXT-DECORATION: none}
.bborder			{BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica; line-height: 22px; TEXT-DECORATION: none; border-bottom: 1px dashed #555555}

.orderdivtitle {
	padding: 2px 5px;
	border: 1px solid transparent;
}
.orderdiv {
	padding: 2px 5px;
	vertical-align: top;
/*	color: white;
	text-align: center;
*/	border: 1px solid transparent;
}
.orderdiv:hover {
	background: #F6FBFF;
	border: 1px solid #DBE8F7;
}
.orderdiv td {
	vertical-align: top;
}


h1 {
  font-size: 16px;
  line-height: 1.75em;
  margin-bottom: 20px;
  font-family: Verdana, Helvetica;
  font-weight: 700;
  color: #515151;
  text-align: Left;
}

.invoicetable {
	width: 100%;
	border-collapse: collapse;
}
.invoicetable td {
	border-collapse: collapse;
	border: 1px solid #000000;
	padding: 4px;
	line-height: 14px;
}
.invoicetable td.title {
	background-color: #CCCCCC;
	color: #555555;
	FONT-SIZE: 12px;
}



#submit 	{
			background-color: #338cd8;
			width: 165px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius:6px;
			padding: 5px 10px;
			color: #FFFFFF;
			font-size: 16px;
			cursor: pointer;
			border:none;
			line-height: 19px;
}

#submit:hover {border: none; background: #5ea5e2}
#submit_red 	{
			background-color: #338cd8;
			width: 165px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius:6px;
			padding: 5px 10px;
			color: #FFFFFF;
			font-size: 16px;
			cursor: pointer;
			border:none;
			line-height: 19px;
}

#submit_red:hover {border: none; background: #E25E5E}
#codesubmit 	{
			background-color: #338cd8;
			width: 105px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius:4px;
			padding: 4px 8px;
			color: #FFFFFF;
			font-size: 15px;
			cursor: pointer;
			border:none;
			line-height: 16px;
}

#codesubmit:hover {border: none; background: #5ea5e2}

#linkbutton	{
			background-color: #338cd8;
			width: 165px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius:6px;
			padding: 5px 20px; 
			color: #FFFFFF;
			font-size: 16px;
			cursor: pointer;
			border:none;
			line-height: 20px;
}

#linkbutton:hover {
			border: none;
			background: #5ea5e2;
}

/* page structure */
#wrapper {
	border:none;
	background: #f0f0f0;
	display: block;
	max-width: 750px;
	min-width: 300px;
	margin: 0 auto;
	margin-top: 0px;
}

#content {
  display: block;
  margin: 0 0px;
  margin-bottom: 0px;
  border: 1px solid #a1a1a1;
  padding: 7px 10px;
  background: #FFFFFF;
  border-radius: 8px
}

/* gallery display */
.photos 	{display: block}
.photos ul	{list-style: none}
.photos ul li	{display: inline}
.photos ul li a {
	display: block;
	float: left;
	padding: 4px;
	margin-right: 10px;
	margin-bottom: 7px;
	opacity: 0.75;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.photos ul li a:hover {opacity: 1.0}
.photos ul li a img {border: 1px solid #e1d9ec}

/* CSS Clearfix */
.clearfix:before, .clearfix:after {content: ""; display: table}
.clearfix:after {clear: both}
.clearfix {zoom: 1} /* IE 6/7 */

/* lightbox hacks */
#lightbox-container-image-data-box {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/** uncomment to remove lightbox captions 
 *
#lightbox-container-image-data-box {
  display: none !important;
} 
 *
**/


.ContentRight {
    float:left;
    clear:both;
    width:400px;
}
.ContentHeader {
    /*background-image:url('/images/YellowTiny.jpg');*/
	text-align:left;
    height:20px;
    line-height:20px;
    /*background-repeat:no-repeat;
    background-position:bottom left;*/
    font-size:18px;
    clear:right;
    padding-left:20px;
    padding-top:0px;
    color:#1f4188;        
    margin-bottom:15px;
}
.ContentHeaderPadded {
    margin-top:20px;
}
.ContentBodyText {
    font-size:12px;
    float:left;
	clear:left;
    width:670px;
    padding-left:22px;
    margin-bottom:12px;
    color:#1f4188;        
	text-align:justify;
}

.FormItem {
	clear:both;
	padding-top:1px;
	padding-bottom:1px;
}

.FormLabel {
	width:150px;
	text-align:right;
	float:left;
	margin-top:4px;
	padding-right:2px;
}

.FormInput {
	text-align:left;
	float:left;
	padding-right:20px;
}

.FormSubmit {
	text-align:center;
}

.FormInputTextOnly {
	text-align:left;
	float:left;
	margin-top:4px;
	padding-left:2px;
	font-weight:bold;
}

.InputTextField {
	width:200px;
	padding:2px;
}

.InputTextField {	
	background-color: #fff;
	border: solid 1px #7f9db9;
}

.ErrorMessage, .FormErrorMessage {
	background-image: url(/images/ErrorBig.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	width: 400px;
    color: #f00;
    background-color: #fff;
    border: solid 2px #f00;
    padding: 20px 20px 20px 80px;
    font-weight:bold;
	text-align:center;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.SuccessMessage {
	background-image: url(/images/SuccessBig.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	width: 400px;
    color: #0a0;
    background-color: #fff;
    border: solid 2px #0a0;
    padding: 20px 20px 20px 80px;
    font-weight:bold;
	text-align:center;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.WarningMessage {
	background-image: url(/images/WarningBig.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	width: 400px;
    color: #960;
    background-color: #fff;
    border: solid 2px #960;
    padding: 20px 20px 20px 80px;
    font-weight:bold;
	text-align:center;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.InfoMessage {
	background-image: url(/images/InformationBig.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	width: 400px;
    color: #33f;
    background-color: #fff;
    border: solid 2px #33f;
    padding: 20px 20px 20px 80px;
    font-weight:bold;
	text-align:center;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

#ACSFrame {  
	width: 370px;
	height: 382px;
	overflow: hidden;
}
