﻿  /* CSS layout */
body {
	border: thick none #6600FF;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	height: auto;
	background-repeat: repeat;
	background-color: #7580A1;
}
#masthead {
	border-width: 4px;
	border-color: #800000;
	background-color: #C0C0C0;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	background-image: url('../images/CanyonJuxtapose Banner.jpg');
	height: 213px;
}
#top_nav {
	padding: 10px;
	border-width: 4px;
	border-color: #800000;
	width: 830px;
	height: auto;
	border-bottom-style: solid;
	margin-right: auto;
	margin-left: auto;
	border-right-style: solid;
	text-indent: 200px;
	background-image: url('../graphics/NavBackground.jpg');
	border-left-style: solid;
}
#container {
	border-width: 4px;
	border-color: #800000;
	border-style: none solid none solid;
	min-width: 600px;
	width: 850px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
#page_content {
	border-style: none;
	border-width: 4px;
	border-color: #800000;
	padding: 10px;
	margin-left: 200px;
	width: auto;
	height: auto;
	font-family: "Times New Roman";
	background-color: #FFFFFF;
	text-align: left;
	font-size: 14px;
}
#left_col {
	border-width: 4px;
	border-color: #800000;
	width: 197px;
	float: left;
	height: auto;
	border-right-style: solid;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-left-style: none;
	background-repeat: repeat;
	background-color: #CB8C66;
}
#footer {
	border-width: 5px;
	border-color: #800000;
	padding: 5px;
	clear: left;
	width: auto;
	height: 240px;
	margin-right: auto;
	margin-left: auto;
	font-family: Calibri;
	font-size: 12px;
	text-align: center;
	border-bottom-style: solid;
	color: #800000;
	background-image: url('../images/Watermark.jpg');
	background-repeat: repeat;
	background-color: #FFFFFF;
	font-weight: bold;
}
#news {
	border-style: none none solid none;
	border-width: 4px;
	border-color: #800000;
	padding: 10px;
	background-image: url('../images/Watermark.jpg');
	font-family: "Times New Roman";
	font-weight: bold;
	color: #800000;
	font-size: 12px;
	width: auto;
	background-color: #FFFFFF;
	height: auto;
	background-repeat: no-repeat;
	text-align: center;
}
#hypercity {
	border-style: none;
	border-width: 4px;
	border-color: #800000;
	padding: 10px 3px 10px 3px;
	background-color: #CB8C66;
	line-height: 13px;
	font-family: Calibri;
	font-weight: bold;
	color: #800000;
	text-align: center;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	font-size: 14px;
}
.buybutton {
	border: 2px solid #663300;
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	color: #663300;
	background-color: #FFFFCC;
}
HR {
	border: 1px solid #008000;
	color : #006633;
	height : 1px;
}
SPAN.price {
	color: #800000;
	font-family: Calibri;
	font-weight: bold;
	font-size: 15px;
}
table.mincart{
	width: 140px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFCC;
	font-family: Calibri;
	font-size: 14px;
	color: #663300;
}
div.detaildescription{
	text-align: left;
	color: #663300;
	font-family: Calibri;
}
div.detailname{
	font-family: Calibri;
	font-size: 16px;
	color: #663300;
	font-weight: bold;
}
div.proddescription{
	font-family: Calibri;
	font-size: 14px;
	color: #663300;
	text-align: left;
}
div.prodname{
	font-family: Calibri;
	font-size: 15px;
	font-weight: bold;
}
P.prodnavigation{
	font-family: Calibri;
	font-size: 14px;
	color: #800000;
	font-weight: bold;
}
td.prodnavigation{
	font-family: Calibri;
	font-size: 15px;
	font-weight: bold;
}
TABLE.cobtbl{
	background-color: #663300;
}
TD.cobhl{
	background-color: #CCFFFF;
}
TD.cobll{
	background-color: #FFFFCC;
}
.navlinks {
	border: 3px solid #800000;
	width: 170px;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
	background-image: url('../graphics/ButtonBow.jpg');
	margin-right: auto;
	margin-left: auto;
}
.hyper {
	width: 100px;
	display: inline;
	height: 17px;
	padding: 2px 4px 2px 4px;
	margin-right: 7px;
	margin-left: 7px;
	border: 3px solid #800000;
	text-indent: 200px;
	font-family: Calibri;
	background-image: url('../graphics/ButtonBow.jpg');
}

