/* @override http://www.localdev4.site/cms/templates/frontpage.css */

body {
	text-align: center;	
	background: #535265;
	margin: 0;
}

body,td,p {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 12px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	color: #606060;
}

p {
	margin: 4px 0px 0px;	
}

blockquote{
	color: #7F0C07;
	margin: 8px 16px;
}

a {
	color: #7F0C07;
	text-decoration:none;
}
a:hover  { color: red; }

h1 {
	font-size: 14pt;
	color: #7F0C07;
	margin-bottom: 6px;
	font-weight: bold;
}

h2 {
	font-size: 12pt;
	color:#7F0C07;
}

h3 {
	font-size: 10pt;
	color:#7F0C07;
}

h4{
	color:#7F0C07;
	font-size: 9pt;
	font-weight: bold;
	margin: 12px 0 4px;
}

h5{
	color:#7F0C07;
	font-size: 9pt;
	font-weight: bold;
	margin: 0px 0px 4px;
}

.error{
	color: white;
	background-color: red;
	width: 100%;
	padding: 2px;
}

#mainblock, #footer, #content, #spacer, #header {
	margin: 0px 8px 0px 8px;
	text-align: left;
	padding: 0px;
 }

#spacer {
	height:  8px;
}

#header-r {
	height:  64px;
	background: #7d7d7d;
	border-bottom: solid 6px #7F0C07;
 }

#header-r p {
	font-size: 24px;
	float: left;
	color: white;
	position: relative;
	left: 8px;
	top: 14px;
}

#header-r img {
	float: right;
	position: relative;
	margin: 0px;
	padding: 0px;
}

#header-l {
	height:  64px;
	background: #8e8e8e;
	border-bottom: 6px solid #a62a25;
 }

#header-l img {
	padding: 2px 14px;
}

#headimage {
	background: #a62a25 url(/images/pagetop/wide.jpg) no-repeat right;
	height: 120px;
	margin-left: auto;
}

#headimage span{
	color: white;
	font-size: 16pt;
	float: right;
	position: relative;
	top: 70px;
	right: 8px;
}

#headimage ul{
	margin: 0;
	padding: 0;
	font-size: 9pt;
    list-style-type: none;
	float: left;
	position: relative;
	top: -20px;
}

#headimage li{
	float: left;
	margin-right: 10px;
	text-align: center;
}

#headimage li a{
	display: block;
	text-decoration: none;
	padding: 2px 4px;
	color: white;
	opacity: 0.75;
}

#headimage img{
	margin-left: 6px;
	margin-top: 1px;
	float: left;
	position: relative;
	top: -20px;
}

#headimage li a:hover{
	opacity: 1.0;	
}

#topmenu {
	background-color: #7d7d7d;
	width:  100%;
	height:  20px;
	opacity: 0.7;
}

#contentstuff {
	border-spacing: 0px;
	border-collapse: collapse;
}

#mid {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;	
}

#contentarea {
	background: white;
	width: 100%;
}

#fullbody{
	width: 100%;
}
#midbody{
	width: 100%;
	padding: 6px;
	border-left: solid 1px grey;
}

#usedpromo{
	width: 156px;
	background-color: #dcdcdc;
	padding: 2px;
}

#navarea {
	background: #9a968d url(/images/navarea.gif) repeat-y;
	width: 160px;
	vertical-align: top;
}

#footer {
	background: #FBFCFB url(/images/footer.gif) repeat-x;
	height: 24px;
	font-size: 9px;
	padding-top: 4px;
	display: block;
}

#footer ul 	{ list-style-type:none; margin:0px; padding:0px; }

#footer ul li { 
	display:block;
	float:left;
	line-height:20px;
	color:#7F0C07;
	border-left: solid 1px #7F0C07;
	padding-right: 4px;
	padding-left: 4px;
}
#footer ul li:first-child { 
	border-left: none;
}

table.contact {
	border-spacing: 8px;
}

table.contact td {
	background-color: transparent;
}

table.contact table {
	border-spacing: 0px;
	border-collapse: collapse;
	background-color: white;
}

table.contact table td, table.contact table th{
	border: solid 1px grey;
	padding: 2px;
	font-size: 8pt;
}

table.contact th{
	text-align: right;
	font-weight:bold;
	background-color: silver;
	width: 15%;	
}

.directions {
	margin: 8px;
}

.directions td {
	border: none;	
	width: auto;
	margin-left: auto;
	font-size: 8pt;
	padding: 2px 6px;
}

.directions th {
	border: none;	
	width: auto;
	margin-left: auto;
	font-size: 8pt;
	background-color: transparent;
	text-align: right;
}

.directions h3{
	margin: 0px;
}

.details {
	border-spacing: 8px;
}

.details #caption {
	font-size: 8pt;
}

.download {
	background-color: #d5dbe7;
	padding: 4px;
}

.download #summary {
	vertical-align: top;
	border-right: 1px solid #717ab7;
}

.left { float:left; text-indent:5px; } 

.right { padding-right:3px; float:right; }

#rating {	 
	color: #fc5658;
	font: 14pt "Courier New", Courier, mono;
}

#rating a {
	color: #cccbe6;
}

#rating a:hover {
	color: #1c17fd;
}

#rating b a {
	color: #cf3126}

.catalogue {
	text-align: left;
	background-color: #fff;
	width:  100%;
}

.catalogue th{
	text-align: left;
	background-color: #cbc1ba;
	color: #4638ff;
}
.catalogue .even{
	background-color: #fdf4f1;
}
.catalogue .odd{
	background-color: #e7e6da;
}

table.product {
	border-spacing: 8px;
	width:  100%;
}

.product form{
	display: block;
	margin: 0px;
}

.product h1 {
	border-bottom: solid 1px;
	font-size: 13pt;
}

.product a:hover h1 {
	color: red;
}

table.product td{
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

.product .even{
	background-color: #c6c8cc;
}
.product .odd{
	background-color: #eef6fe;
}

.product em {
	font-weight: normal;
	font-style: normal;
	color: #7F0C07;
	font-size: 9pt;
}

.paging {
	font-size: 9pt;
	height:  18px;
	color: #9c9c9c;
	margin: 2px;
}

.paging em{
	background: #7F0C07;
	color: white;
	padding: 2 px;
	margin: 0 px 2 px;
}

.specs {
	background-color: #7b7986;
	color: silver;
	text-align: left;
}

.specs h1{
	font-size: 9pt;
	color: white;
	margin: 0px;
	text-indent: 8px;
	padding-top: 4px;
}

.specs p{
	color: silver;
	padding: 1px 8px;
}

.specs b{
	color: white;
	margin-right: 6px;
}

#galleryview {
	width: 400px;
	height:  400px;
	text-align: center;
	vertical-align: middle;
}
table.gallerythumb {
	border-collapse: collapse;
}
table.gallerythumb td {
	padding: 8px 8px 8px 0px;
	border: none;
}

table.alsoavailable {
	width: 100%;
	border-collapse: collapse;
}
table.alsoavailable th{
	background-color: #7b7986;
	color: white;
	text-align: left;
}
table.alsoavailable td{
	border-bottom: solid 1px silver;
	padding: 2px 0px;
}
.progress #meter{
	background-color: silver;
	color: black;
	border: 1px solid black;
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
	height: 16px;
	width: 480px;
}
.progress #meter span {
	float: left;
	width: 24px;	
}
.progress #meter img {
	float: left;
	width: 400px;
}

#side {
    width: 160px;
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
}

#side li ul {
	position: relative;
	left: 0px;
	top: 0px;
	width: 160px;
}

body>#side {
	position: fixed;
}

#side ul {
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	background-repeat: repeat-x;
}

#side li {
	position: relative;
	border-bottom: 1px none black;
	border-left: 1px none black;
	border-right: 1px none black;
	padding: 0;
	margin: 0;
	width: 160px;
	display: block;
}

#side a {
	color: black;
    position: relative;
    display: block;
	background-image:  url('/images/AccordionTab0.gif');
	padding: 5px 4px;
	margin: 0px;
	text-decoration: none;
	height: 19px;
}

#side a:hover, #side a.nav-active:hover {
	color: #fff4c5;
	background-image:  url('/images/AccordionTab4.gif');
}

#side a.nav-active {
	color: #7F0C07;
	font-weight: bold;
}

#side li li a {
	background-image:  none;
	background-color: silver;
	font-size: 11px;
	height: 14px;
}

#side li li a:hover {
	color: white;
	background-image: none;	
	background-color: #7F0C07;
}

ul.picturelist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.picturelist li {
	padding: 2px;
	margin: 1px;
	background-color: #c6c8cc;
	display: block;
	float: left;
}