/* ##################### GENERAL SETTINGS ##################### ok */

body {
background:  #fff;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;

margin: 0 auto;
padding: 0;
color: #000;
text-align: center;
}

#wrapper {
background: #fff; 
margin:0 auto; 
padding:0; 
width: 800px;
border: 5px solid #B29762;
}
.header {
background: url(../images/header9.jpg) no-repeat top left;
width: 800px;
height: 125px;
margin: 0;
padding: 0;
}

.top {
margin: 0;
padding: 0;
background:  #B29762;
width: 800px;
height: 50px;
}

.leftcol {
float: left;
width: 185px;
margin: 0;
padding: 5px;
border-right: 2px solid #B29762;
}

h1 {
color: #A5824A;
font-size: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

h2 {
  color: #A5824A; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px; 
  font-weight: bold;
}

h3 {
  color: #A5824A; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px; 
  font-weight: bold;
}


/* ##################### MODULE SETTINGS ###################### ok */

table.moduletable {
  margin: 5px 0px 5px 0px;
  width: 100%;
  border-left: solid 0px #A1A1A1;
  border-right: solid 0px #A1A1A1;
  border-top: solid 1px #B29762;
  border-bottom: solid 0px #A1A1A1;
}

table.moduletable th {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  14px; 
  color: #fff;
  background: #B29762;
  vertical-align: middle;
  text-align: left;
  white-space: wrap;
  border: 0px dotted #A1A1A1;
  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
  height: 24px;
  width: 100%;
  padding: 0px;
  
}

table.moduletable td {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  12px; 
  line-height:  14px; 
  color:  #000; 
}

table.moduletablenews {
  margin: 2px 0px 2px 0px;
color: #000;
  width: 100%;
  border-left: solid 0px #A1A1A1;
  border-right: solid 0px #A1A1A1;
  border-top: solid 1px BECFD7;
  border-bottom: solid 0px #A1A1A1;
}

table.moduletablenews th {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  14px; 
  color: #fff;
  background: #B29762;
  vertical-align: middle;
  text-align: left;
  white-space: wrap;
  border: 0px dotted #A1A1A1;
  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
  height: 24px;
  width: 100%;
  padding: 0px;
}

table.moduletablenews td {
width: 100%;
}

/* ##################### FORM SETTINGS #################### ok */

.button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  text-align:  center;
  font-size: 11px;
  font-weight: bold;
  line-height:  20px;
  background-color: #dddddd;
  color: #000;
  border: 1px solid #000000;
  padding: 5px; 
  cursor: pointer;
}

.inputbox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  background-color: #FFFFFF;
  border: 1px solid #000000;
}

/* ################# SECTION LISTING SETTINGS ################# ok */

.sectiontableheader {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  13px; 
  line-height:  20px; 
  color:  #fff; 
  font-weight:  bold; 
  background-color: #B29762;
text-align: left;
}

.sectiontableentry1 {
line-height: 20px;
background-color: transparent;
}

.sectiontableentry1 a:link, .sectiontableentry1 a:visited, .sectiontableentry1 a:hover {
font-size: 13px;
font-weight: bold;
float: left;
}

.sectiontableentry1.productPrice {
float: right;

}


span.productPrice {
float: right;
}

.sectiontableentry2 {
clear: right;
  background-color: transparent;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# ok */

a.cat, a.cat:link, a.cat:visited, a.cat:hover {
font-size: 15px;
}


a.mainlevel:link {
padding:1px 0 3px 6px;
margin: 0;
color:#060689;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold; 
text-align: left;
width: 150px;
line-height: 20px;
}

a.mainlevel:visited {
padding:1px 0 3px 6px;
margin: 0;
color:#AAA;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold; 
text-align: left;
width: 150px;
line-height: 20px;

}
a.mainlevel:hover {
color:#D21027;
padding: 1px 0 3px 6px;
margin: 0;
text-align: left;
width: 150px;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold; 
line-height: 20px;
}

#active_menu {
color : #D21027;
}

a#active_menu:hover {
color : #D21027;
}


a.sublevel:link  {
font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #060689; 
}

a.sublevel:visited {
color: #AAA;
}

a.sublevel:hover, a.sublevel:active {
  color: #D21027; 
  text-decoration: none;
}

/* ########################### LINKS ########################## ok */

a:link  {
  font-size: 12px;
color: #060689;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:visited {
color: #AAA;
font-weight: bold;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:hover, a:active {
color: #D21027;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration  : none;
}

a.category:link {
  color: #060689;
  font-weight: bold;
}

a.category:visited {
color: #aaa;
}

a.category:hover, a.category:active {
  color: #D21027;
font-weight: bold;
}

/* ##################### PAGE NAVIGATION ###################### ok */

.pagenav {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  12px; 
  line-height:  20px; 
  color: #060689;
  font-weight:  bold; 
  text-decoration:  none; 
}

a.pagenav:link {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  12px; 
  line-height:  20px; 
  color:  #060689; 
  font-weight:  bold; 
  text-decoration:  none; 
}

a.pagenav:visited {
color: #AAA;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 20px;
font-weight: bold;
text-decoration: none;
}

a.pagenav:hover, a.pagenav:active {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  12px; 
  line-height:  20px; 
  color:  #D21027; 
  font-weight:  bold;
  text-decoration:  none;  
}

/* ################### SMALL FONT SETTINGS #################### ok */

.small {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #B29762;
  text-decoration: none;
  font-weight: normal;
}

.smalldark {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

.modifydate {
line-height: 15px;
  font-size: 11px;
  color: #B29762;
  font-weight: normal;
  font-style: italic;
  vertical-align: top;
  display: block;
}

.createdate {
  line-height: 15px;
  font-size: 11px;
  color: #B29762;
  font-weight: normal;
  font-style: italic;
  vertical-align: top;
  display: block;
}

a.readon:link {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  12px; 
  color:  #060689; 
}

a.readon:visited {
font-family: Verdana,Helveetica,Arial,sans-serif;
font-size: 12px;
color: #AAA;
}

a.readon:hover, a.readon:active {
  font-family:  Verdana,Helvetica,Arial,sans-serif; 
  font-size:  12px; 
  color:  #D21027; 
}

/* ################### CONTENT PAGE SETTINGS ################## ok */
.content {
float: right;
width: 585px;
margin: 0;
padding: 0 5px 0 5px;
background: transparent;
text-align: left;
border-left: 0px solid #B29762;
}

table.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
	width: 100%;
  border: 0px dotted #A1A1A1;
  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
}

.contentheading {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #B29762;
  text-align: left;
  text-indent: 5px;
padding-right: 5px;
  width: 100%;
  height: 24px;
}

.contentdescription {
  font-size: 14px;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.componentheading {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: top;
  padding-top: 4px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #B29762;
  text-align: left;
  text-indent: 20px;
  width: 100%;
  height: 24px;
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
  color: #060689;
 text-align:left;
 text-decoration: underline;
 }

a.contentpagetitle:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #aaa;
text-align: left;
text-decoration: underline;
}

a.contentpagetitle:hover, a.contentpagetitle:active {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 text-align:left;
 color: #D21027;
 text-decoration: none;
 font-weight: bold;
 }


/* Javascript Back button */
.back_button {
  text-align: center;
 margin-top: 40px;
}

.back_button a:link {
color: #060689;
}

.back_button a:visited {
color: #aaa;
}

.back_button a:hover, .back_button a:active {
color: #D21027;
}

.bottom {
width: 100%;
margin: 0;
padding: 0;
height: 80px;
}

.b1 {
float: left;
width: 47px;
background: url(../images/logo.jpg) no-repeat top left; 
height: 80px;
margin-left: 10px;
}

.b2 {
float: left;
width: 330px;
}

.b3 {
float: left;
width: 310px;
}

.b4 {
width: 81px;
background: url(../images/bbblogo.jpg) no-repeat top left;
height: 80px;
}

.b4 p {
margin-top: 65px;
}

#footer {
clear: both;
margin: 0;
padding: 0;
padding-top: 10px;
padding-bottom: 10px;
width: 800px;
text-align: center;
color: #000;
font-size: 10px;
border-top: 2px solid #B29762;
}