/*
	blue : #0049A3
	green: #39872D
	red:   #DE0042
	purple:#64215D
	yellow:#DDCF00 	
*/

* {
  margin: 0;
  padding: 0;
}

body {
	background-color: #FFF;
	font-family: times;
}

a {
	text-decoration: none;
}

h2 {
	margin: 5px 5px 10px 5px;
	font-size: 18px;
	width: auto;
	color: #DE0042;
	font-weight: bold;
}

h3 {
	margin: 15px 8px 5px 8px;
	font-size: 16px;
	color: black;
	text-decoration: underline
}

p {
	margin: 7px;
	font-size: 16px;
}

ul {
	font-size: 14px;
	margin: 12px;
	list-style: none;	
}	
	

img
{  
	border-style: none;
}

#logocontainer {
	position: absolute;
	left: 20px;
	top: 20px; 
}

#mottocontainer {
	position: absolute;
	right: 20px;
	top:   100px;
	font-size: 20px;
	padding: 8px;
	color: black;
	font-style: italic; 
	text-align: right;
}

#navbar {
	position: absolute;
	left: 20px;
	right: 20px;
	top: 140px;
}
#bottom {
 	position: absolute;
	left: 20px;
	top: 600px;
	right: 20px;
	border-top: 5px solid #0049A3;
}

#leftbox {
	position: absolute;
	left: 20px;
	top: 185px;
	width: 200px;
	padding: 0px;
}

#centerbox {
	position: absolute;
	left: 255px;
	top: 180px;
	width: 490px;
	background: #FFF url('images/ribbonsmall_black.gif') top center no-repeat; 
	padding: 0px;
}

#centersubbox {
	float: left;
	margin: 46px 0px 0px 0px;
	padding: 0px;
	width: 100%;	
	height: 350px;
	border: 6px solid #DE0042;	
}

.actionbutton a span{
	display:block;
	color:#111;
	font-size:90%;
	text-transform: lowercase;
}
.actionbutton a:hover, .actionbutton a:hover span{
	background: #DDCF00;
	color:#111;
}

.navigation {
	float: left;
	list-style: none;
	font-size: 10pt;
	border:3px solid #003993;
	font: 16px Times;
	text-transform: uppercase;
	background: #0049A3;
	padding: 2px;
	width:100%;
	text-align: center;
}
.navigation ul{
	display: block;
	margin:0px;
	float:left;
}
.navigation li{
	border-right:2px solid #003993;
	float:left;
	display:inline;
	padding:0px;
	margin:0px;
}
.navigation li a, .navigation li a:visited {
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:4px 40px;
	margin:0px;	
}
.navigation li a span{
	color:#DDD;
	display:block;
	font-size:90%;
}
.navigation li a:hover, .navigation li a:hover span{
	background: #003993;
	color:#FFF;
}
	
.leftnav {
	margin: 10px 0px 0px 0px;	
	padding: 0px;
	float: left;
	width:194px;
	text-align: left;
	border: 3px solid #39872D;
}

.leftnav h2 {
	margin: 0px;
	padding: 0px;
	background-color: #49973D;
	border: 0px;
	width: auto;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #FFF;
}

.leftnavsub {
	margin: 4px 0px 0px 0px;
	padding: 0px;
	overflow: scroll;
	height: 310px;
}

.leftnavsub ul {
	margin: 0px;
	padding: 4px;
}

.leftnavsub li {
	margin: 0px;	
	display: block;
}
.leftnavsub li a{
	padding: 2px;
	width: auto;
	color:#111;
	font-size: 14px;
	text-decoration:none;
}

.leftnavsub li a:hover {
	color:#FFF;
	background: #49973D;
}


.actionbutton {
	width: auto;
	text-align: center;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.actionbutton a {
	margin: 5px 0px 0px 0px;
	padding: 5px 0px;
	display: block;
	background-color: #EEDF80;
	border: 3px solid #DDCF00;
	
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}
	
		
.homecontent {
	float: left;
	border: 3px solid #DE0042;
	width: 239px;
	height: 169px;
	text-align: center;
}
.homecontent img {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}
.homecontent a {
	text-align: right;
	display: block;
	clear: right;
	margin: 0px 4px;
	font-size: 15px;
	text-decoration: none;
}
.homecontent span {
	display: block;
	font: 12px Times;
	text-decoration: none;
}
.center_imgcontainer {
		display: block;
		float: right;
		height: 160px;
		width: 190px;
		padding: 4px;
}
.center_imgcontainer img {
		text-align: center;
		max-height: 160px;
		max-width: 190px;
}

.promocontent {
	font-size: 12px;
	overflow: scroll;	
	height: 350px;	
	padding: 0px; 
}

.promocontent a {
	font-size: 14px;
}

.promocontent a span {
	font-size: 16px;
	padding: 5px 2px;
	margin: 4px;
	border-bottom: #DE0042 2px solid;
	text-transform: uppercase;
	font-weight: bold;
}

.promocontent p {
	padding: 3px 8px;
}

.contactcontent {
	font-size: 12px;
	overflow: scroll;	
	height: 350px;
}

.contactcontent table {
	margin: 15px;
	font-size: 12px;
}
.contactcontent table td {
	text-align: right;
	margin: 0px 8px 0px 0px;
}
.error {
	background-color: red;
	margin: 3px 10px;
	padding: 3px 10px;
	font-size: 14px;
	color: white;
}
.ok {
	background-color: green;
	margin: 0px 10px;
	padding: 3px 10px;
	font-size: 14px;
	color: white;
}

.aboutcontent {
	height: 340px;
	overflow: scroll;
}
.aboutcontent img {
	float: right;
	margin: 7px;
}


.productscontent {
	float: left;
	height: 350px;	
	padding: 0px;
	margin: 0px;
}

.prodnav {
	float: left;
	margin: 0px;
	width: 175px;
	height: 356px;
	text-align: left;
	border-right: 5px solid #DE0042;

}

.prodnav ul {
	list-style: none;
	padding: 2px;
	margin: 0px 10px 0px 10px;
}

.prodnav li {
	width: 100%;
	border-bottom: 1px solid #DE0042;
	padding: 0px;
	margin: 0px;
}

.prodnav li a{
	margin:0px;
	padding: 2px 4px;
	display: block;
	color:#111;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.prodnav li a span {
	color: #111;
	margin: 1px 0px 2px 10px;
	font-size:80%;
	font-weight: normal;
	text-align: center
}
.prodnav li a:hover, .prodnav li a:hover span {
	background: #ffb3f5;
	color:#000;
}

.prodinfo {
	margin: 0px;
	padding: 0px;
	float: right;
	display: block
	width: 310px;
}

.prodinfo h2 {
	margin: 0px;
	padding: 0px;
	width: 310px; 
	border-top: 5px solid #DE0042;
	
	text-align: center;
	font-size: 20px;
	color: black;
	border-bottom: 0px;
	border-right: 0px;
	
}

.prodinfo p {
	text-align: center;
	color: black;
	font-size: 18px;
	margin: 10px 0px;
	width: 300px;
}

.prodinfo a {
	color: #64215D;
}
.prodinfo a:hover {
	color: #84417D;
}

.prodimagebox {
	margin: 0px;
	padding: 0px;
	height: 210px;
	width: 310px;
}

.prodimagebox img {
	padding: 5px;
	text-align: center;
	max-width: 310px;
	max-height: 210px;
}

.footertxt {
	margin: 0px;
	padding: 4px;
}

.footertxt h2 {
	font-size: 16px;
	color: #000;
	text-align: center;
	width: 100%;
	border: 0px;
}