/* CSS Document */
/* basic elements */

body
{
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: 11px;
	color: #454545;
	margin-left: auto;
	margin-right: auto;
	width: 888px;
	background-color: #c7dd99
}

table {
	border-collapse: collapse
}

a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #e70000;
	font-size: 10px;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	color: #ff3300;
	font-size: 10px;
}

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

img {
	border : 0 none; 
}

input, textarea {
	border: 1px solid #FF6600;
	font-family: verdana;
	font-size: 10px;
	color: #444444;
	padding: 3px;
    background-color: #efefef;
}

input.topitem, textarea.topitem {
	border: 1px solid #FF6600;
	font-family: verdana;
	font-size: 10px;
	color: #444444;
	padding: 1px;
    background-color: #efefef;
}

select {
	border: 1px solid #999999; 
	font-size: 11px; 
	font-family: Verdana;
}

option, optgroup {
	font-size: 11px; 
	font-family: Verdana;
	background-color: white;
	font-style: normal
}

form {
	margin:0
}


.checkradio {
	border: 0 none;
	background-color: transparent
}

input.button {
	font-size: 10px;
	font-weight: bold; 
	color: #ffffff;
	background-color: #666666;
	font-family: verdana,tahoma;
	border: 1px outset #999999
}

input.loginbutton {
	font-size: 10px;
	font-weight: bold; 
	color: #ffffff;
	background-color: #ff6600;
	font-family: verdana,tahoma;
	border: 1px outset #ffffff;
	padding: 0px
}

.content {
	line-height: 16px;
	text-align: justify
}

.warnbox {
	border: 1px solid #ffeba2;
	background-image: url(../images/warn-back.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 30px 5px 20px 33px;
	width: 445px
}

.hilite {
	background-color: #fcf4a0
}

.asterik, .required {
	color: #990000;
	
}

.small {
	color: #999999;
	font-size: 9px
}

tr.tablehead {
	background-color: #143fac;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold
}

.imgnews {
	padding: 5px;
	padding-left: 0px
}

.support {
	background-color: #ffb65f; 
	padding: 10px; 
	color: #ff3300; 
	line-height: 18px
}

.homeintro {
	line-height: 16px; 
	padding-top: 5px; 
	text-align: justify; 
	border-bottom: 1px solid #dadada; 
	padding-bottom: 10px; 
	margin-bottom: 10px
}

.sectionstyle {
	background-color: #fce9a6; 
	padding: 10px; 
	font-size: 10px; 
	line-height: 16px
}

.rubriklist {
	list-style-type: square;
	list-style-position: inside
}

.faq-q {
	padding: 5px; 
	border-bottom: 1px dashed #e8e1c9; 
	background-image: url(../images/faq-q.gif); 
	background-repeat: no-repeat; 
	background-position: top left; 
	padding-left: 25px;
	margin-left: 10px;
	line-height: 16px
}

.faq-a {
	padding: 5px; 
	border-bottom: 1px dashed #e8e1c9; 
	background-image: url(../images/faq-a.gif); 
	background-repeat: no-repeat; 
	background-position: top left; 
	padding-left: 25px;
	margin-left: 10px;
	line-height: 16px
}

.proddisplay {
	overflow: auto;
	_width: 99%;
	margin-right: 5px;
	_margin-right: -5px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px dashed #4d4d4d;;
}

.prodpic {
	float: left;
	width: 160px;
	text-align: center;
}

a.dirtopcat {
	font-size: 11px
}

a.dirlowcat {
	font-weight: normal
}

a.footerlink, a.footerlink:link, a.footerlink:visited, a.footerlink:active {
	color: #ffffff;
	font-weight: normal;
	font-size: 10px
}

a.footerlink:hover {
	text-decoration: underline;
}

/* layout styling */
div#topbar
{
	background-image: url(../images/back-top.jpg);
	height: 113px;
	position: relative
}

div#navbarcontain {
	background-image: url(../images/back-menu.jpg);
	height: 26px;
}

div#topsearch {
	top: 30px;
	left: 650px;
	position: absolute;
	width: 230px;
}

div#topmemberbox {
	top: 30px;
	position: absolute;
	left: 400px;
	width: 230px;
}

div#navbar {
	text-align: center;
	margin-left: 94px
}

div#ticker {
	background-color: #fce9a6;
	padding: 7px;
}

div#container
{
	background-color: #FFFFFF;
	border-top: 5px solid #ffffff
}

div#container2
{

}

div#left
{
	float: left;
	width: 200px;
}

div#right
{
	float: right;
	width: 200px;
	margin: 0;
}

div#content
{
	margin-left: 205px;
	margin-right: 205px;
}

div#content2 {
	margin-left: 205px;
	margin-right: 5px;
}

div#pagetitle {
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dadada;
	margin-bottom: 10px;
}

#cleardiv
{
	clear: both;
	height: 1em;
}

div#footer
{
	clear: both;
	height: 64px;
	line-height: 14px;
	font-size: 10px;
	color: #ffffff;
	padding-top: 48px;
	padding-left: 10px;
	background-image: url(../images/back-footer.jpg)
}


ul#productmenu li a {
	display: block;
	width: 180px;
	color: #003782;
	font-weight: bold;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	background-color: #ff3300;
}

ul#productmenu li a:link, ul#productmenu li a:visited {
	color: #ffffcc;
	text-decoration: none;
	font-weight: normal
}

ul#productmenu li a:hover, ul#productmenu li a:active {
	color: #ffffff;
	text-decoration: none;
	background-color: #fd822f;
}


ul#articlemenu li a {
	display: block;
	width: 180px;
	color: #003782;
	font-weight: bold;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	background-color: #fd822f;
}

ul#articlemenu li a:link, ul#articlemenu li a:visited {
	color: #ffffcc;
	text-decoration: none;
	font-weight: normal
}

ul#articlemenu li a:hover, ul#articlemenu li a:active {
	color: #ff5700;
	text-decoration: none;
	background-color: #ffb65f;
}


ul#supportmenu li a {
	display: block;
	width: 180px;
	color: #003782;
	font-weight: bold;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	background-color: #ffb65f;
}

ul#supportmenu li a:link, ul#supportmenu li a:visited {
	color: #ffffcc;
	text-decoration: none;
	font-weight: normal
}

ul#supportmenu li a:hover, ul#supportmenu li a:active {
	color: #ff5700;
	text-decoration: none;
	background-color: #fdd19c;
}
/* navigation bar */

div#navbar ul li {
	float: left; 
	padding: 0px; 
	margin: 0px;
}

a#nav1 {
	width: 72px;
	height: 26px;
	display: block;	
	background-image: url(../images/button-home.jpg);
}

a:hover#nav1 {
	background-image: url(../images/button-home-o.jpg);
}

a#nav2 {
	width: 74px;
	height: 26px;
	display: block;	
	background-image: url(../images/button-about.jpg);
}

a:hover#nav2 {
	background-image: url(../images/button-about-o.jpg);
}

a#nav3 {
	width: 87px;
	height: 26px;
	display: block;	
	background-image: url(../images/button-products.jpg);
}

a:hover#nav3 {
	background-image: url(../images/button-products-o.jpg);
}

a#nav4 {
	width: 87px;
	height: 26px;
	display: block;	
	background-image: url(../images/button-articles.jpg);
}

a:hover#nav4 {
	background-image: url(../images/button-articles-o.jpg);
}

a#nav5 {
	width: 89px;
	height: 26px;
	display: block;	
	background-image: url(../images/button-directory.jpg);
}

a:hover#nav5 {
	background-image: url(../images/button-directory-o.jpg);
}

a#nav6 {
	width: 75px;
	height: 26px;
	display: block;	
	background-image: url(../images/button-forum.jpg);
}

a:hover#nav6 {
	background-image: url(../images/button-forum-o.jpg);
}

a#nav7 {
	width: 151px;
	height: 26px;
	display: block;	
	background-image: url(../images/button-member.jpg);
}

a:hover#nav7 {
	background-image: url(../images/button-member-o.jpg);
}

a#nav8 {
	width: 65px;
	height: 26px;
	display: block;
	background-image: url(../images/button-contact.jpg);
}

a:hover#nav8 {
	background-image: url(../images/button-contact-o.jpg);
}