/* 
  ------------------------------------------------------------------------------------ 
  Style for everything contained within <body> (including background color, image etc. 
  ------------------------------------------------------------------------------------ 
*/

.bodystyle {	
        
  padding: 0px;
  background: #DCF0E0;
  margin: 10px;

}

/* 
  ------------------------------------------------------------------------------------ 
  Main paragraph text  
  ------------------------------------------------------------------------------------ 
*/	

.maintext, .bodystyle, .popupstyle, li, blockquote {

  font-family: Verdana, Tahoma, Arial, Verdana, Times New Roman;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #213E2A;
  line-height: 140%;

}

.largetext { font-size: 14px; }
.smalltext { font-size: 10px; }
.texthighlight { background-color: yellow; }
.emphasisedtext { 
  color: #000000; 
  font-weight: bold; 
  font-size: 13px; 
}
.contact_heading { color: #000080; }

/* 
  ------------------------------------------------------------------------------------ 
  Content area - e.g. bg colour etc for control panel preview  
  ------------------------------------------------------------------------------------ 
*/	

.content_area { background-color: #ffffff; }
 
/* 
  ------------------------------------------------------------------------------------ 
  Hyperlinks  
  ------------------------------------------------------------------------------------ 
*/

A:link { color: #00A44D; text-decoration: none; }
A:visited { color: #00A44D; text-decoration: none; }
A:hover { color: #000000; text-decoration: none; }
A:active { color: #00A44D; text-decoration: none; }

/* 
  ------------------------------------------------------------------------------------ 
  Main page title / heading ('About Us', 'News' etc)  
  ------------------------------------------------------------------------------------ 
*/

h1, .pagetitle {  
  font-family: Arial, Verdana, Tahoma, Times New Roman;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #213E2A;
  margin: 0px 0px 10px 0px;
  padding: 10px 0px 15px 10px;
  background: #ffffff url(images/titlebg.gif) repeat-x top left;
}

/* 
  ------------------------------------------------------------------------------------ 
  Paragraph sub-headings  
  ------------------------------------------------------------------------------------ 
*/

h2, .heading {
  font-family: Arial, Verdana, Tahoma, Times New Roman;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #213E2A;
  margin: 10px 0px 10px 0px;
}

/* 
  ------------------------------------------------------------------------------------ 
  Same as sub-heading, but highlighted (example usage is on gallery paging, to show 
  current page number)  
  ------------------------------------------------------------------------------------ 
*/

.heading_highlighted { color: #c0c0c0; }

/* 
  ------------------------------------------------------------------------------------ 
  Image captions (displayed under images, if enabled)  
  ------------------------------------------------------------------------------------ 
*/

.image_caption {
  color: #000000;
  background-color: #00EF73;
  font-size: 10px;
  padding: 2px;
}

/* 
  ------------------------------------------------------------------------------------ 
  If extra columns of text are to be shown on the side of the page.  
  ------------------------------------------------------------------------------------ 
*/

.side_text {
  color: #000000;
  padding: 3px;
  font-size: 11px;
}

/* 
  ------------------------------------------------------------------------------------ 
  Header style for side paragraphs (see above).  
  ------------------------------------------------------------------------------------ 
*/

.side_heading {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding: 3px;
}

/* 
  ------------------------------------------------------------------------------------ 
  Overall page header text (not usually used)  
  ------------------------------------------------------------------------------------ 
*/

.page_header {
  font-size: 11px;
  font-weight: bold;
}

/* 
  ------------------------------------------------------------------------------------ 
  Overall page footer (e.g. copyright information)
  ------------------------------------------------------------------------------------ 
*/

.page_footer {
  font-size: 10px;
  font-weight: normal;
}

/* 
  ------------------------------------------------------------------------------------ 
  Tables that display information
  ------------------------------------------------------------------------------------ 
*/

.tablestyle {
  border: 1px solid #ffffff;
  background-color: #ADD8BA;
}
.tableheading {
  border: 1px solid #ffffff;
  background-color: #ADD8BA;
  color: #000000;
}

/* 
  ------------------------------------------------------------------------------------ 
  For shop, individual product tables
  ------------------------------------------------------------------------------------ 
*/	

.productbox {
  background-color: #ADD8BA; 
  padding: 10px; 
  margin-bottom: 10px;
}

/* 
  ------------------------------------------------------------------------------------ 
  If borders are enabled for images
  ------------------------------------------------------------------------------------ 
*/

.image_border  { border: 2px solid #c0c0c0; }

/* 
  ------------------------------------------------------------------------------------ 
  Style for <hr> lines - color is for Internet Explorer, background-color is used by 
  Mozilla
  ------------------------------------------------------------------------------------
*/

hr {
  color: silver;
  background-color: #c0c0c0;
  border-width: 0px;
  height: 2px;
}

/* 
  ------------------------------------------------------------------------------------ 
  Form buttons
  ------------------------------------------------------------------------------------
*/

.button {
  background-color: #98CCA5;
  border: 1px outset #c0c0c0;
}

/* 
  ------------------------------------------------------------------------------------ 
  Form input fields / text areas 
  ------------------------------------------------------------------------------------
*/

.inputbox {
  background-color: #ffffff !important;
  border: 1px solid #98CCA5 !important;
}

/* 
  ------------------------------------------------------------------------------------ 
  Tabs (for directory popups)
  ------------------------------------------------------------------------------------
*/

.tabs_main {
  background-color: #E2E3FC;
  border: 1px solid #000000;
}
.tabs_active {
  background-color: #E2E3FC;
  border: 1px solid #000000;
  border-bottom-width: 0px;
}
.tabs_inactive {
  background-color: #AFB0C3;
  border: 1px solid #000000;
}
.tabs_hover {
  background-color: #C1C5F9;
  border: 1px solid #000000;
}

/* 
  ------------------------------------------------------------------------------------ 
  Style for popup windows
  ------------------------------------------------------------------------------------
*/

.popupstyle {
  padding: 10px;
  background-color: #ffffff;
  margin: 0px;
}

/* 
  ------------------------------------------------------------------------------------ 
  Style for displayed code (e.g. within affiliates system)
  ------------------------------------------------------------------------------------
*/

code {
  font-size: 12px;
}

/* 
  ------------------------------------------------------------------------------------ 
  Error alerts (div style)
  ------------------------------------------------------------------------------------
*/

.error_alert {	
  padding: 10px 10px 10px 70px; 
  background: #ffffff url(./images/alert_negative.gif) 15px 25px no-repeat;
  color: #000000;
  min-height: 70px;
  border: 1px solid #000000;
}

/* 
  ------------------------------------------------------------------------------------ 
  Success notice alerts (div style)
  ------------------------------------------------------------------------------------
*/

.success_alert {	
  padding: 10px 10px 10px 80px; 
  background: #ffffff url(./images/alert_positive.gif) 15px 25px no-repeat;
  color: #000000;
  min-height: 70px;
  border: 1px solid #000000;
}

/* 
  ------------------------------------------------------------------------------------ 
  Forum styles
  ------------------------------------------------------------------------------------
*/

.forum { background-color: #ffffff; }
.top { background-color: #E2E3FC; }
.cat { background-color: #CCFFCC; }
.evenrow { background-color: #C0C0FF; }
.oddrow { background-color: #ffffff; }

/* 
  ------------------------------------------------------------------------------------ 
  Category tree 
  ------------------------------------------------------------------------------------
*/

.tree {
  font-family: Verdana;
  font-size: small;
  font-weight: normal;
  padding: 7px;
  white-space: nowrap;
}
.tree img {
  border: 0px;
  height: 18px;
  vertical-align: text-bottom;
}
.tree a.nodeSel {
  background-color: #DADAFF;
}

/* 
  ------------------------------------------------------------------------------------ 
  Miscellaneous styles
  ------------------------------------------------------------------------------------
*/

form { margin: 0px; padding: 0px; }
p { margin: 0px; padding: 0px; }
.section { margin: 8px 0px 8px 0px; }