﻿html {
	margin: 0px;
	padding: 0px;
}

body { 
	background: #FFFFFF url('bg.gif') repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: .7em Arial, Helvetica, sans-serif;
}

A:link { color: #617597 }
A:visited { color: #617597 }
A:active, A:hover { color: #617597 }

h1 {
	background: #86a7bc;
	margin: 0px -4px 5px -4px;
	padding: 5px;
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.notopmargin { margin-top: -4px; }

h2 {
	background: url('accent1.gif') 5px 0px no-repeat;
	margin: 0px 0px 5px 0px;
	padding-left: 17px;
	font: bold 110% Arial, Helvetica, sans-serif;
	color: #333333;
}

h3 { 
	background: url('accent2.gif') 0px 1px no-repeat;
	margin: 0px 0px 5px 0px;
	padding-left: 15px;
	font: bold 120% Arial, Helvetica, sans-serif;
	color: #F3990A;
}

h4 { 
	background: url('accent3.gif') 0px 1px no-repeat;
	margin: 0px 0px 5px 0px;
	padding-left: 15px;
	font: bold 120% Arial, Helvetica, sans-serif;
	color: #F3990A;
}

h5 { 
	margin: 0px 0px 5px 0px;
	font: bold 120% Arial, Helvetica, sans-seriff;
	color: #F3990A;
}

h6 { 
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #F3990A;
}

.red { color: #990000 }
.big { font-size: 120%; font-family: Arial, Helvetica }
.small { font-size: 95% }
img { border: 0px; }
.floatleft { width: 100px; float: left; margin-right: 10px; }

input, select, textarea { font: 100% Arial, Helvetica, sans-serif; }
form { margin: 0px; }

table { border: none; border-collapse: collapse; border-spacing: none; font-size: 100%; }
.grid td, .grid th { padding: 3px; border: solid 1px #ccc; }
.grid th { padding: 3px; font-weight: bold }
.form td, .data td, .catalog td { padding: 3px; }
.form th, .data th, .catalog th{ padding: 3px; font-weight: bold; text-align: left; }
.catalog th { padding: 3px; background: #ED89C4; }
.prostoresbanner { margin: 0px auto; margin-top: 10px; margin-bottom: 10px; background: #fff; padding: 5px; width: 200px; }

#container {
	background: url('contentbg.gif') no-repeat;
	width: 820px;
	margin: 0px auto;
	text-align: left;
}

#top {
	height: 109px;
	width: 820px;
}

#logo {
	width: 250px;
	float: left;
	padding: 0px 0px 0px 0px;
}

#topbuttons {
	float: right;
	text-align: right;
	padding-top: 17px;
	padding-right: 17px;
	color: #617597;
}

	#topbuttons a:link, #topbuttons a:visited {
		color: #617597;
		text-decoration: none;
	}
	
	#topbuttons a:active, #topbuttons a:hover {
		text-decoration: underline;
	}

#pagetitle { 
	color: #999; 
	padding: 3px; 
	background: #000; 
	font: bold 110% Arial, Helvetica, sans-serif;
}

#bodya {
	width: 820px;
	background: #fff;
}
	
	
#mainpic {
	height: 220px;
	width: 650px;
	background: url('mainpic.jpg') no-repeat right bottom;
	padding: 30px 250px 30px 30px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 160px;
	width: 350px;
}
	html>body #mainpic {
		height: 160px;
		width: 350px;
	}
	
	#mainpic .big {
		font: 130% Arial, Helvetica, sans-serif;
	}

#body1content {
	padding: 4px;
}

#featuredproducts {
	background: url('headerbg.gif') repeat-x;
}


.clear { clear: both; }

#footer1 {
	background: #9383AA;
	color: #fff;
	text-align: center;
	font-size: 95%;
	width: 820px;
	padding: 5px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 810px;
}
	html>body #footer1 { width: 810px; }

	#footer1 a:link, #footer1 a:visited {
		color: #fff;
	}
	
	#footer1 a:active, #footer1 a:hover {
		color: #fff;
	}

#footer2 {
	text-align: center;
	font-size: 85%;
	width: 820px;
	padding: 5px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	color: #86A7BC;
	width: 810px;
}
	html>body #footer { width: 810px }