body {
	background-color: #003366;
}
div#header {
	position:relative;
	float:left;
	width:98%;
	height:55px;
	margin:auto;
	background-color:#C1AD80;
	border:5px solid #C1AD80;
}
#span_logo {
	position:absolute;
	top:0px;
	left:0px;
}
#span_text_top {
	position:absolute;
	top:0px;
	left:60px;
	white-space: nowrap;
}
#span_text_bot {
	position:absolute;
	top:30px;
	left:60px;
	white-space: nowrap;
}
#span_help_link, #span_buy_top_btns {
	position:absolute;
	top:0px;
	left:40%;
}
#div_buy h2 {
	border-bottom: 1px solid black;
}
#span_contact {
	position:absolute;
	top:0px;
	right:0px;
	color:maroon;
}
#span_contact a {
	text-decoration:none;
}
#span_contact a:hover {
	text-decoration:underline;
}
img#logo {
	height:50px;
	border:0px;
}
div#page, div#div_buy {
	position:relative;
	float:left;
	width:98%;
	height:95%;
	margin:auto;
	margin-bottom:10px;
	background-color:#FFFFFF;
	border:5px solid #C1AD80;
}
div#div_mat_type_desc {
	position:absolute;
	top:80px;
	left:35%;
	width:450px;
	height:350px;
	padding:10px;
	background-color:white;
	border:4px solid black;
	overflow:hidden;
}
div#div_swatches {
	position:absolute;
	top:20px;
	left:35%;
	width:470px;
	height:350px;
	font-size:12px;
	background-color:white;
	border:4px solid black;
	overflow:hidden;
}
div#div_swatches_scroll {
	border-top:1px solid black;
	height:310px;
	width:470px;
	overflow:scroll;
}
div#div_swatches table { width:450px; }
div#div_swatches_close, div#div_help_close {
	position:absolute;
	top:0px;
	right:0px;
	width:120px;
	height:20px;
	text-align:right;
	vertical-align:middle;
}
div#div_help {
	position:absolute;
	top:100px;
	left:35%;
	width:500px;
	height:400px;
	background-color:white;
	border:4px solid black;
}
div#div_help_scroll {
	border-top:1px solid black;
	height:370px;
	width:500px;
	overflow:scroll;
}
div#div_input, div#div_iframe {
	position:relative;
	float:left;
	height:100%;
	margin:0px;
	padding:0px;
}
div#div_input {
	width:35%;
}
div#div_iframe {
	width:65%;
	text-align:center;
	vertical-align:middle;
}
iframe {
	text-align:center;
	vertical-align:middle;
	height:550px;
	width:100%;
	margin:0px;
	padding:0px;
}
div#page_footer {
	position:relative;
	float:left;
	width:100%;
	margin-top:10px;
	text-align:center;
	vertical-align:middle;
	font-style:italic;
	font-size:14px;
}
span#span_upload, span#span_selpic {
	text-align:center;
}
/* add to cart */
div#div_buy_input, div#div_buy_cart {
	position:relative;
	float:left;
	height:100%;
}
#tbl_mat, #tbl_frame, #tbl_back, #tbl_glaze, #tbl_poly {
	border: 1px solid #CCCCCC;
	width:98%;
	height:98%;
	padding:0px;
	margin:0px;
	vertical-align:middle;
}
td#add_mat_td, td#add_frame_td, td#add_back_td, td#add_glaze_td, td#add_poly_td {
	position:relative;
	height:100%;
	width:30px;
	vertical-align:middle;
	text-align:center;
	padding:0px;
	margin:0px;
	color:blue;
	cursor:hand;
	cursor:pointer;
	border:1px solid white;
}
/* mat type */
#tr_mat_type {
	font-weight:bold;
}
#div_mat_type_desc h3 {
	text-transform:none;
	text-align:center;
	color:white;
}
/* mat swatches */
#div_swatches a {
	border:0px;
	text-decoration:none;
	color:blue;
}
#div_swatches a:hover {
	text-decoration:underline;
}
/* mat opening */
.note {
	font-size:12px;
	color:gray;
	width:100%;
	height:100%;
}
#span_mat_qty, #span_frame_qty, #span_back_qty, #span_glaze_qty, #span_poly_qty {
}
#div_buy_country {
	margin:10px;
	text-align:center;
	width:98%;
}
#div_buy_input {
	width:45%;
}
#div_buy_cart {
	border-top:1px solid #CCCCCC;
	width:50%;
}
#div_buy h4 {
	text-transform:none;
	color: black;
	width:100%;
}
#div_buy h3 {
	text-transform:none;
}
#div_buy h2, #div_help h2, #div_swatches h2, #div_mat_type_desc h2 {
	width:100%;
	padding:0px;
	margin:0px;
	font-size:18px;
}
#div_swatch_essentials, #div_mat_type_essentials {
	border: 3px solid #006600;
	margin:1px;
}
#div_swatch_stock, #div_mat_type_regular {
	border: 3px solid #000099;
	margin:1px;
}
#div_swatch_rag, #div_mat_type_rag {
	border: 3px solid #990099;
	margin:1px;
}
#div_swatch_nonstock, #div_mat_type_nonstock {
	border: 3px solid #990000;
	margin:1px;
}
.swatch_header_stock, .swatch_header_essentials, .swatch_header_rag, .swatch_header_nonstock {
	text-align:center;
	text-transform:none;
	color:white;
	width:100%;
}
.swatch_header_essentials {
	background-color:#006600;
}
.swatch_header_stock {
	background-color:#000099;
}
.swatch_header_rag {
	background-color:#990099;
}
.swatch_header_nonstock {
	background-color:#990000;
}
.small_link {
	font-size:12px;
}

/* -- */
form {
	padding:0px;margin:0px;
}
h3, h4 {
	padding:0px;
	margin:0px;
	font-size:16px;
	color:maroon;
	text-transform:uppercase;
}
ol {
	padding-left:25px;
	margin:0px;
}
ol li {
	margin:0px;
	padding:0px 0px 20px 0px;
	text-indent:0px;
}
label {
	font-size:16px;
	color:black;
	text-transform:none;
}
a {
	color:blue;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
th {
	text-align:left;
}

