@CHARSET "UTF-8";

body {
  font-size: 13px;
  font-family: Arial, Helvetica, Sans-Serif;
  background-image: url(images/sanstone.jpg);
}

#container {
  max-width: 1070px;
  min-width: 1070px;
  padding: 5px;
}

#custsearchdiv {
  height: 150px;
  text-align: center;
}

.confirmfieldsetwrap {
  width: 70%;
  margin: 5px 5px 5px 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 165px;
  padding-right: 100px;
  font-weight: bold;
}

.customerfieldsetwrap {
  width: 100%;
  margin: 5px 5px 5px 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}

fieldset.div {
  font-weight: bold;
}

userTreat {
  padding-left: 25px;  
}

tr.collapse {display:none;}

#header {
  border-bottom: medium solid black;
  text-align: center;
  width: 100%;
}

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

h2 {
  font-family: Georgia, "Times New Roman", Times, Serif;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

h3 {
  font-family: "Times New Roman", Times, Serif;
  text-align: center;
  width: 100%;
}

p {
  margin-left: 5px;
  font-family: Tahoma, "Lucida Grande", Arial, sans-serif;
  font-weight: bold;
}

.show {
  visibility: hidden;
}

#textwrap {
  width: 100%;
}

#mediaLabel {
  width: 490px;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}  

.mgmtLabel {
  width: 490px;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}  

.input {
  text-align: left;
  font-size: 10px;
  font-weight: normal;
}

input {
  text-align: left;
  font-size: 10px;
  font-weight: normal;
}

textarea {
  font-size: 10px;
  font-weight: normal;
}

legend {
  font-size: large;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}

table {
  padding: 5px;
  table-layout: fixed;
  width: 100%;
  border: thin;
}

tr {
  height: 50px;
}

tr.stretcherRow {
  height: 40px;
  margin-top: -10px;
  padding-top: 10px;
}

tr.edgeRow {
    height: 30px;
    vertical-align: top;
}
            
#hidden {
  height: 1px;
}

li {
  list-style-type: none;
  text-indent: -20px;
  font-weight: bold;
  font-family: "Times New Roman", Times, serif;
}

#note {
  margin-left: 50px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-indent: -45px;
}

#ckoutButton {
  width: 90px;
  text-align: center;
}

#ckoutMedia {
  width: 90px;
  text-align: center;
}

#ckoutImage {
  width: 90px;
  text-align: center;
}

#ckoutSF {
  width: 90px;
  text-align: center;
}

#ckoutCount {
  width: 90px;
  text-align: center;
}

#ckoutCost {
  width: 90px;
  text-align: center;
}

.txtBox {
  height: 15px;
  margin-bottom: 2px;
  margin-top: 2px;
}

.horScroll {
  width: 90%;
  overflow: auto;
  overflow-y: hidden;
  overflow-x: scroll;
}

#submitArt {
  margin: 1em;
}

#filerow {
  margin: 1em;
  text-align: center;
}

#artEstimate {
  margin: 1em;
}

#ulwrapper {
  width: 900px;
  text-align: left;
  border: solid;
}

#costwrapper {
  float: right;
  width: 145px;
  text-align: right;
  margin-right: 5px;
  padding-right: 10px;
  border: solid;
}

#ckBoxList {
  width: 870px;
  text-align: right;
  padding-right: 5px;
}

#tdlabel {
  text-align: right;
  padding-right: 5px;
  font-weight: bold;
}

.label {
  width: 100px;
  text-align: right;
  clear: left;
  margin-right: 10px;
}

#costList {
  width: 100px;
  text-align: right;
}

#listItem {
  height: 40px;
}

.cartButton {
  height: 23px;
  vertical-align: middle;
  padding-bottom: 2px;
  margin-bottom: 2px;
  margin-top: 2px;
}

#cartHeader {
  background-color: #815b06;
}

#evenRow {
  background-color: #d9ae48;
}

#oddRow {
  background-color: #aa7c0c;
}

.noinput {
  background-color: #808080;
}

.filerow {
  height: 110%;
}

.imagerow {
  vertical-align: bottom;
}

#caption {
  font: small-caption;
  text-align: left;
}

#fitStmt {
  font-weight: bold;
  padding-left: 27px;
  padding-right: 27px;
}

#constraintStmt {
  font-weight: bold;
  padding-left: 27px;
  padding-right: 27px;
}

#onOffStmt {
  font-weight: normal;
  font-size:smaller;
  color: #B22222;
  text-align: left;
/*  padding-left: 7px; */
}

#barStmt {
  font-weight: bold;
  padding-left: 27px;
  padding-right: 27px;
}

#mediaText {
  font-weight: bold;
  padding-left: 5px;
  padding-right: 25px;
}

#banner {
  visibility: hidden;
}

#wrapStmt1 {
  font-weight: normal;
  color: #B22222;
  padding-left: 27px;
  padding-right: 27px;
}

#wrapStmt2 {
  font-weight: normal;
  color: #B22222;
  padding-left: 27px;
  padding-right: 27px;
}

#edgeTreatRow {
  font-weight: bold;
  text-align: center;
}
  
#edgeStmt {
  font-weight: bold;
  text-align: center;
}

#placeOrderStmt {
  font-weight: bold;
  text-align: center;
}

#center {
  text-align: center;
  width: 95%;
}

.select {
  font-size: 14px;
  padding-top: 25px;
  font-weight: bold;
  
}

#submit {
  font-size: 16px;
  padding-top: 25px;
  text-align: center;
}

#mnemonic {
  text-transform: uppercase;
}
  
#mediaRow {
  text-align: center;
  width: 95%;
}
  
.barRow {
  text-align: center;
  width: 55%;
}
  
#desc {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
  text-align: center;
}

#error {
  color: red;
  font-weight: bold;
}

#message {
  text-align: center;
  color: red;
  font-weight: bold;
}

#err {
  
  color: #8B0000;
  font-size: 1em;
  font-weight: bold;
  padding: 3pt 1pt;
  text-align: center;
}

#normalText {
  font-weight: normal;
}

#namewrap {
  padding: 5px 10px;
}

#addresslabel {
  width: 96px;
}

#cartFieldSet {
  margin-top: 1em;
  margin-bottom: 1em;
  max-width: 888px;
  min-width: 888px;
}

#shipFieldSet {
  margin-left: 4em;
  max-width: 470px;
  min-width: 470px;
}

#billFieldSet {
  float: left;
  margin-right: 3em;
  max-width: 470px;
  min-width: 470px;
}

label {
  float: left;
  text-align: right;
  padding-right: 5px;
  width: 500px;
}

#bordertext {
  color: white;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

#sfdef {
  text-align: center;
  padding-right: 5px;
  font-weight: bold;
  font-size: 16px;
}

#ckbox {
  text-align: left;
  max-width: 600px;
  min-width: 600px;
}

#estCost {
  text-align: right;
  max-width: 300px;
  min-width: 300px;
}

#hintbox { /*CSS for pop up hint box */
  position: absolute;
  top: 0;
  background-color: lightyellow;
  width: 150px; /*Default width of hint.*/
  padding: 3px;
  border: 1px solid black;
  font: normal 11px Verdana;
  line-height: 18px;
  z-index: 100;
  border-right: 3px solid black;
  border-bottom: 3px solid black;
  visibility: hidden;
}

.hintanchor { /*CSS for link that shows hint onmouseover*/
  font-weight: bold;
  color: navy;
  margin: 3px 8px;
}

.register {
  font-weight: normal;
}
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
	a {
		color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
/*		background:#eee; */
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
/*		background:green; */		/* right column background color */
	}
	.threecol .colmid {
		right:41%;			/* width of the center column decrease value to move right edge to the right */
/*		background:red; */		/* center column background color */
	}
	.threecol .colleft {
		right:13%;			/* width of the left column decrease value to move right edge to the right */
/*		background:blue; */	/* left column background color */
	}
	.threecol .col2 {
		width:11%;			/* width of center column content (column width minus padding on either side) */
		left:101%;			/* 100% plus left padding of center column */
/*		background: teal; */
	}
	.threecol .col1 {
		width:16%;			/* Width of left column content (column width minus padding on either side) */
		left:73%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		text-align:right;
/*		background:fuchsia; */
	}
	.threecol .col3 {
		width:10%;			/* Width of right column content (column width minus padding on either side) */
		left:87%;			/* Please make note of the brackets here:(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
/*		background:yellow;	*/
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}