@charset "utf-8";

aa.orderTable{ display: none; }

/* ----------- Common/Root CSS ----------- */

body{
	background-image: url(images/tile.png);
	background-color: #65c3f7;
	margin: 0px;
}

body,td,th {
	font-family: 'Economica', sans-serif;; 
	color: #333;
	font-size:18px;
	font-weight:400;
}


h1, h2, h3{
	font-family: 'Economica', sans-serif;
}

h1 {
	font-size:24px;
	font-weight:700;
	color: #333;
}

h2 {
	font-size: 16px;
	color: #333;
}

h3 {
	font-size: 16px;
	color: #333;
}

a:link {text-decoration:underline; color: #5800ba}
a:visited {text-decoration:none;color: #5800ba}
a:hover {text-decoration:underline;color: #5800ba}
a:active {text-decoration: none;color: #FFF}

/* ----------- The Wall  ----------- */

.pgeTable , .pgeTable > td{
	border-collapse:collapse;
	border: 0px;
	padding:0px;
	margin: 0px;
	width: 100%;
}

.siteTile{
	background-image: url(images/tile.png);
}


/* ----------- Wall Paint  ----------- */

table.frameTable{
    text-align:center; 
    margin-left:auto; 
    margin-right:auto; 
	width: 1000px;
	border:0px;
	border-collapse:collapse;
    text-align:left; 
	padding: 0;
	
}

table.frameTable > tbody > tr:first-child > td:first-child {
	padding: 0px 80px 0px 80px;
	border-collapse:collapse;
    background-image: url(images/tileTableTop.gif);
	height: 88px;
	vertical-align:bottom;
}

table.frameTable > tbody > tr:first-child + tr > td:first-child {
	vertical-align: top;
	padding: 0px 80px 0px 80px;
	border-collapse:collapse;
    background-image: url(images/tileTable.gif);
}

table.frameTable > tbody > tr:first-child + tr + tr > td:first-child {
	border-collapse:collapse;
    background-image: url(images/tileTableBtm.gif);
	height: 88px;
}

/* ----------- General Text Table ----------- */


table.txtTable{
	padding: 0px;
	border:0px;
	border-collapse:collapse;
	width:840px;
}

table.txtTable td{
	padding: 0px 20px 0px 0px;
	margin: 0px;
	border:0px;
	border-collapse:collapse;
	text-align:left;
	vertical-align: top;
}


table.txtTable H2{
	background-color:#302c2d;
	font-family: 'Economica', sans-serif;
	font-size:20px;
	color: #fff;
}


table.txtTable H3{
	padding: 0px 20px 0px 0px;
	margin: 0px;
	font-family: 'Economica', sans-serif;
	font-size:16px;
	font-weight:700;
	color: #302c2d;
}


table.txtTable img{
	padding: 0px 0px 0px 0px;
}

table.txtTable ul{
	margin-left: 1em;
	padding-left: 0;
}
table.txtTable li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


table.txtTable p{
	margin:0px 0px 16px 0px;
}

table.txtTable td hr{
	border: 0;
  	width: 95%;
	background-color: #999;
	color: #999;
	height: 1px;
}




/* ----------- orderTable (Orders) ----------- */

table.orderTable{
	padding: 10px;
	margin: 0px;
	border:0px;
	border-collapse:collapse;
	width:800px;
}

table.orderTable td{
	padding: 5px;
	margin: 0px;
	border-collapse:collapse;
	vertical-align: top;
	font-size:20px;
}

table.orderTable td hr{
	padding:0px;
	margin: 0px;
	border: 0px;
	border-collapse:collapse;
  	width: 100%;
	background-color: #a29f9b;
	height: 2px;
}

table.orderTable H2{
	padding: 0px;
	margin: 0px;
	font-size:23px;
	color: #fff;
}

.orderTitleTR{	
	padding: 10px;
	background-color:#302c2d;
}
.orderFreightTR{	
	padding: 10px;
	background-color:#a29f9b;
}
.orderTotalTR{	
	padding: 10px;
	background-color:#64605e;
}
.txtTotalVoucher{color:#a29f9b;}



/* ----------- Form Input ----------- */

.labelTxt{color:#000;}
.labelTxtErr{color:#C00;}

input {
	border: 1px solid #302c2d;
	font-family: 'Economica', sans-serif;
	font-size:18px;
}


.txtTotalVoucherBox{
	text-align:center;
	border: 1px solid #302c2d;
	font-family: 'Economica', sans-serif;
	font-size:18px;
	background-color:#a29f9b;
}

.numField {
	text-align:center;
	border: 1px solid #302c2d;
	font-family: 'Economica', sans-serif;
	font-size:18px;
}

.numFieldErr {
	text-align:center;
	border: 2px solid #C00;
	font-family: 'Economica', sans-serif;
	font-size:18px;
}

.inputField {
	text-align:left;
	border: 1px solid #302c2d;
	font-family: 'Economica', sans-serif;
	font-size:18px;
}

.inputFieldErr {
	text-align:left;
	border: 2px solid #C00;
	font-family: 'Economica', sans-serif;
	font-size:18px;
}
	
	


.pCodeField {
	text-align:center;
	border: 1px solid #302c2d;
	font-family: 'Economica', sans-serif;
	font-size:18px;
}

.pCodeFieldErr {
	text-align:center;
	border: 2px solid #C00;
	font-family: 'Economica', sans-serif;
	font-size:18px;
}

.freightField {
	text-align:right;
	border: 0px;
	font-family: 'Economica', sans-serif;
	font-size:20px;
	background:none;
}

.freightLabel {
	text-align:right;
	border: 0px;
	font-family: 'Economica', sans-serif;
	font-size:20px;
	background:none;
}

.submitImage {border: 0px;}

/* ----------- Chart ----------- */


.hrDash {
	border: 5px;
	border-color:#a29f9b;
  	width: 100%;
	border-style:dashed;
}


/* ----------- Other ----------- */


.poster {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

.menuTable {
	border: 0px;
	border-collapse:collapse;
	padding:0px;
	margin: 0px;
	width: 100%;
}

.menuTable td{
	font-family: 'Economica', sans-serif;
	font-size:18px;
	font-weight:700;
	padding: 5px 5px 5px 5px;
}

table.menuTable a:link {text-decoration: none; color:#FFF;}
table.menuTable a:visited {text-decoration: none; color:#FFF;}
table.menuTable a:active {text-decoration: none; color:#FFF;}
table.menuTable a:hover {text-decoration: underline; color:#FFF;}


.logoText {
font-family: 'Economica', sans-serif;
font-size:22px;
font-weight:700;
font-style:italic;
color: #FFF;
padding: 0px 10px 10px 10px;
}


.txtSeperator{
	font-family: 'Economica', sans-serif;
	font-weight:400;
	font-size:32px;
	color: #8dd3f7;
}

hr {
	border: 0px;
	border-collapse:collapse;
  	width: 100%;
	background-color: #a29f9b;
	height: 1px;
}

/*
GOOGLE FONTS 
<link href='http://fonts.googleapis.com/css?family=Economica:400,700,400italic,700italic' rel='stylesheet' type='text/css'>

font-family: 'Economica', sans-serif;
*/