body{font-family:helvetica, trebuchet ms, arial, sans-serif;width:100%;height:100%;margin:0;padding:0;background:url(../images/background.png) repeat-x;); background-color:#cc3300; font-size: 12px; letter-spacing:-0.25px;}
h1 {color:#F30;font-size:16px;margin:0;padding:0;}
h2 {font-size:18px;}
h3 {font-size:15px;}
table {margin-bottom: 24px;}
a, a:link {color:#990000;text-decoration:none;}
a:visited {color: #990000;}
a:hover {}
img {border: none; border-right:1px dashed #990000; padding-right: 8px; margin-right: 12px;}
blockquote {border: 1px solid #666;margin-left:1.5em;padding-left:5px;}
p { margin:0;}
td {}
tr {}
ul {margin:0;padding:0;}
li {display:block;}
hr { border-top:#aaa solid 1px; border-bottom:#F99 solid 1px;}
hr.separator{}
	#body{}
	#wraper{float: left; width: 80%; margin-left: 10%; margin-right: 10%; background-image:url(../images/back_white.gif); background-repeat: repeat;}
	#header{height:120px; padding: 8px;}
	#title{ display:block;width:auto; padding:2px 0 5px 5px; height:28px; overflow:hidden; font-size:1.5em; font-weight:bold; color:#666;}
	#leftbar{float:left;width:150px;height:100%; background-image:url(../images/back_white.gif);border:none;margin:6px; padding:0px;}
	#rightbar{float:left;width:160px;height:100%;background-color: #ffffff; border:none;margin:6px;padding: 0px;}
	#leftbar ul, #rightbar ul {margin:4px 0;}
	#content{font-family: Georgia, serif; background-color: #ffffff; float:left; width: 64%; margin:6px; padding:0px; height:auto;color:#000;}
	#pages{ float:left; height:auto;width:auto; overflow:hidden; border:1px solid #CCCCCC;border-top:1px solid #777777;border-bottom:1px solid #EEEEEE;}

	#footer{float: left; width:100%; border:1px solid #FFFFFF;font-size:12px;margin-top:5px;text-align:center;color:#000;}
		#footer a{color:#F00; font-weight:bold;}
		#footer a:hover{color:#FFF;}
		

/*------------- APF stuff --------------- */


body.apf {width: 70%; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-size: small;}
a {color: #cc3300;}
.apf_browse_border { border: medium double #990000; }
.apf_cart_text3_style { background-color:#990000; color:#ffffff; font-family: Trebuchet MS, Arial,Helvetica,sans-serif; font-size:larger; font-weight:bold; white-space:nowrap; width:33%; }
.apf_checkbox { clear:right; float:right; font-weight:bold; padding:6px; }
.apf_color_bar { background-color:#990000; font-size:x-small; text-align:center; width:100%; color: #ffffff;}
.apf_comments_summary { font-weight:bold; }
.apf_error { font-size:150%; font-weight:bold; color:red; }
.apf_even_row { background-color:#990000; padding:6px; }
.apf_footer { font-size:5px; text-align:center; }
.apf_heading4 { font-weight:bold; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; }
.apf_heading4c { font-weight:bold; font-size:larger; font-family: Trebuchet MS, Arial,Helvetica,sans-serif; font-color:#cc3300; }
.apf_normal_heading { font-weight:bold; }
.apf_odd_row { background-color:#ffffff; padding:6px; }
.apf_prices { color:#990000; }
.apf_prices_list { text-decoration: line-through; }
.apf_prices_text { font-weight:bold; }
.apf_small_text { font-size:x-small; color:#000000;}
.apf_submit_button_style { border: none; background-color:#990000; color:#ffffff; cursor:pointer; }
.apf_addtocart_button_style { font-weight: bold; padding-left: 32px; position: relative; height: 41px; width: 165px; border: none; background: url("../images/cart-button.jpg"); color:#ffffff; cursor:pointer; }
.apf_details_button_style { font-weight: bold; padding-left: 32px; position: relative; height: 41px; width: 165px; border: none; background: url("../images/see-details-button.jpg"); color:#ffffff; cursor:pointer; }
.apf_customer_reviews_header { font-weight:bold; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; color:#FFFFFF; }
.apf_promotiondescription { font-weight:bold; }
.apf_promotiondetails { }
img.apfpics {border-right :1px dashed #990000; padding-right: 6px; margin-right: 12px; float: left;}
img.smallpics {border:1px solid #990000; margin-right: 12px; float: left;}
.apf_contentheading {
width:auto;
	height:auto;
	color:#fff;
	font-size:16px;
	font-weight:bold;}


/* --------------------------General-------------------------- */
/* FORMS SETTINGS */ 
.button {padding:0;}
.inputbox {padding:0;margin:0;}
#search {
margin:0 0 -34px 24px;
float:right;
height:auto;
width:auto;
}
#search input {
	background:transparent;
	border:1px solid #CCC;
	border-top:1px solid #777;
	border-bottom:1px solid #FFF;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	padding:0 5px;
	width:160px;
	}
 
 
/* NAVIGATION/MENU SETTINGS */
 
a.mainlevel, #leftbar li a, #rightbar li a{display:block;font-weight:bold; color:#fff; border:1px solid #aaa; border-bottom:1px solid #999;border-top:1px solid #fff; padding:2px 4px; background:url(../images/back_red.gif);} /* this styling is for the MAIN items in the menu */
a.mainlevel:hover, #leftbar li a:hover, #rightbar li a:hover{background:url(../images/bar_white.gif);}

#active_menu {} /* this styling is for the menu item when it is active, even in main/sub position*/
 
#pages ul {margin:0; padding:0;}
#pages ul li{display:inline;}
#pages a:link, #pages a:visited {color:#FFF;padding:0 12px;font-weight:bold; font-size:18px;}
#pages a:hover {padding:0 12px;background-image:url(../images/bar_white.gif);color:#000;}

a.sublevel{} /* this styling is for menu items that HAS A PARENT */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}
 
.pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") 
when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when 
they become hyper links*/
.pagenavbar:visited {}
 
.pagenav {} /* as the name implies, this is for formatting texts for those 
"<< Start < Previous 1 Next > End >>" links */
a.pagenav:visited {}
a.pagenav:hover {}

.pagination {border:1px solid #aaa;border-bottom:1px solid #999;border-top:1px solid #fff; padding:4px 8px; background:url(../images/back_dark_red.gif); color:#333;}
.pagination a, .pagination span{ margin:0 4px; font-size:0.8em;}

a.readon:link {} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {}
a.readon:visited {}
 
.back_button {} /*Style for the "BACK" button*/
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
 
ul.latestnews, ul.mostread {display:block; float:left; width:300px; padding:0; margin:5px 1px; border:1px solid #aaa; border-bottom:1px solid #999;border-top:1px solid #fff; padding:4px 8px; background:url(../images/back_red.gif);}
.latestnews li, .mostread li {display:block;border-bottom:1px solid #999;border-top:1px solid #fff;}
a:hover.latestnews, a:hover.mostread{ display:block; background:url(../images/back_white.gif); }

/* CONTENT PAGE SETTINGS */
category {clear: both;}
a.category:link {font-weight: bold;}
a.category:hover {}
a.category:visited {}
 
.blogsection {padding-top: 20px;} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {} /* set the link format */
a.blogsection:visited {} /* same as above, but to set the visited link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */
 
 
 {} /* Title of the content, article, etc. being displayed.*/
.contentpaneopen{ width:99%;}
td.contentheading{width:99%; padding-bottom: 0.3em;}
.contentpane{margin:0px 0 0 1em;}
.contentpagetitle { font-color:#ffffff;}
a.contentpagetitle { text-decoration: none; font-color:#ffffff;}
a.contentpagetitle:link { text-decoration: none; font-color:#ffffff;}
a.contentpagetitle:visited  { text-decoration: none; font-color:#ffffff;}
table.contentpaneopen{padding-top: -14px 0px 8px 0px; padding:0; border: 0;}
table.contentpaneopen tr td table tr td {background-color: #ffffff;}
.componentheading

.contentheading {
	width:auto;
	height:auto;
	margin:0px 0 2px 0;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	}

.contentheading a {
	width:auto;
	height:auto;
	margin:0px 0 2px 0;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	}

.contentheading a:link {
	width:auto;
	height:auto;
	margin:0px 0 2px 0;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	}

.contentheading a:visited {
	width:auto;
	height:auto;
	margin:0px 0 2px 0;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	}
.contentheading {
	width:auto;
	height:auto;
	margin:0px 0 2px 0;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	}

.content_rating{color:#999;}
.content_vote{float:right;color:#999;margin:-18px 70px 0 0;}
 
.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories 
(News/Weblinks/Latest news...) */
table.contenttoc {} /* Formating the table of the Tables of Contents for multiple 
pages content or article */
table.contenttoc td {} /* same as above, used to format the td and able cells */
table.contenttoc th {} /* same as above, used to format the th of "Tables of 
Content" ( normally Article Index)*/
table.contenttoc td.toclink {padding-left: 10px;} /* same as above, used to format toc link texts*/
a.toclink:link {} /* same as above, used to format toc link text status*/
a.toclink:visited {} 
a.toclink:hover {} 

.banneritem_text{ color:#666; font-size:0.8em;}
.banneritem_text a{ font-weight:bold;}
.bannerfooter_text, .bannerheader{color:#333; font-weight:bold; font-size:0.8em;}
 
/* JOOMLA - MAMBO SECTIONS LISTINGS */
.sectiontableheader {margin-bottom: 12px;} /* This is for styling the section table headers on a 
SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {padding-left: 8px; padding-top: 12px; color: #cc3300;} 
.sectiontableentry2 {}
 
 
/* JOOMLA - MAMBO MODULES FORMATTING */
.moduletable { margin:0 0 5px 0;}
.moduletable th {}
.moduletable td {}
.moduletable h3 {display:block;width:auto;height:auto;padding:4px;margin:0px 0 2px 0;background-image:url(../images/back_dark_red.gif);border:2px solid #800;color:#FFF;font-size:16px;font-weight:bold;}
.moduletable a:visited {color: #fff;} 
#content .moduletable h3 {display:block;width:300px;height:auto;padding:4px;margin:0px 0 2px 0;background-image:url(../images/back_red.gif);border: none;color:#FFF;font-size:16px;font-weight:bold;} 

.moduletablerss { margin:0 0 5px 0;}
.moduletablerss th {
font-size: 12px;}
.moduletablerss td {
font-size: 12px;}
.moduletablerss h3 {display:block;width:auto;height:auto;padding:4px;margin:0px 0 2px 0;background-image:url(../images/back_dark_red.gif);border:2px solid #800;color:#FFF;font-size:12px;font-weight:bold;} 
#content .moduletablerss h3 {display:block;width:300px;height:auto;padding:4px;margin:0px 0 2px 0;background-image:url(../images/back_red.gif);border:2px solid #800;color:#FFF;font-size:12px;font-weight:bold;}
.moduletablerss a {
font-color: #990000;}
 
.moduletable_ACmodule table { padding: 4px 4px 4px 0px; margin: 0 0 12px 0; font-family: Arial, sans-serif;}
.moduletable_ACmodule td {padding: 1px;}
.moduletable_ACmodule a {font-size: 11px; text-decoration: none;}
.moduletable_ACmodule h3 {color: #ffffff; margin-top: -1px; text-align: center;}
.ac_img {border: none; padding: 0px 4px 0px 0px; margin: 0px;}
.AC_contentheading a {
width:auto;
	height:auto;
	margin:-26px 0 2px 0;
	color:#FFF;
	font-size:16px;
	font-weight:bold;}
.ACtitle {
	width:auto;
	height:auto;
	margin:0px 0 2px 0;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	}

#ACcontentbox
	{
padding:0.25em 1.1em 1.5em 1.1em;


		}




/* MISCELLANEOUS */
 
/* Dates , Authors*/
.createdate, .modifydate, .small { display:block; font-size:12px; font-weight:normal; color:#666;height:auto; float:left;}
.smalldark { font-size:12px; font-weight:normal; color:#333;}
 
/* Polls */
.poll { margin:auto; padding:0;}
.poll thead { display:block; margin:1px;}
.poll thead tr td{border:1px solid #800;padding:0 4px;color:#FFF;background:url(../images/back_dark_red.gif);}
.pollstableborder{ float:left; width:160px; margin:-2px 0 0 0; padding:1px; border:1px solid #800;} /* set the border properties of the polls voting table */
.sectiontableentry1{ background:#FFF; font-size:0.8em; padding:2px 4px;}
.sectiontableentry2{ font-size:0.8em; padding:2px 4px;}
 
/* Weblinks */
.weblinks{} /* well.. to format the link's titles under the "Weblinks" 
  section on the frontend */
a.weblinks:hover {} /* same as above, but for link with mouseover */
 
/* Newsfeeds */
.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's
news title! */
.newsfeeddate {} /* yeah.. the date on the newsfeed */
.fase4rdf {} /* this is the body text of the newsfeed */
 
/* Search page */
table.searchintro {} /* This is for formatting the box with "Search Keyword: test
returned 4 matches" box that appears after you have entered a search value.
It appears on the mainbody with the search results */
 
 
/* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */
 
.ontab {}/* For styling of the "Tab" buttons when editing contents through the 
frontend as admin. 
This .ontab is the styling for the tab when it is active or after its "clicked" */
.offtab {} /* Same as above, used for styling of the "Tab" buttons when editing 
contents through the frontend. 
This the styling for the tab when it is NOT active or when it is NOT "clicked" */
.tabpadding {} /* this style is used set the size of the tab in the above */ 
.tabheading {} /* Not too sure what this is used for. Couldn't find anything 
related to it yet at the moment */
.pagetext {} /* this style is used to style the content of the editing form 
contents (where HTMLArea sits and all its forms + contents) in the frontend 
Administration interface */
/* ------------------------------------------------------------------------------  */


/* Mark added */
    .g2image_normal 
    {

        margin: 4px; 

    } 
    .g2image_float_left 
    {

        float: left; 
        clear: left; 
        margin: 4px; 

    } 
    .g2image_float_right 
    {

        float: right; 
        clear: right; 
        margin: 4px; 

    } 
    .g2image_centered 
    {

        display: block; 
        margin-left: auto; 
        margin-right: auto; 
        text-align: center; 

    }

/* Round corners */

html #tlc, html #trc {
	height: 1%;
			}
#box
	{

	margin-left: 1%;
margin-right: 1%;

	
	margin-top: 3em;

	padding: 0;

	text-align: left;

	width:97%;
	background-color: #ffffff;

	}


#contentbox
	{
padding:0.25em 1.5em 1.5em 1.5em;


		}




#contentbox p
	{
	
	
	}

		
/* actual borders */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left 

corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/


#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}


#tlc
	{
	background-image:url(../images/tlc.gif);
	background-position: 0% 0%;
	}


#trc
	{
	background-image:url(../images/trc.gif);
	background-position: 100% 0%;
	}
	

#blc
	{
	background-image:url(../images/blc.gif);
	background-position: 0% 100%;
	}


#brc
	{
	background-image:url(../images/brc.gif);
	background-position: 100% 100%;
	}


#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			

#tb
	{
	background-image:url(../images/tb.gif);
	background-position: 0% 0%;
	}


#bb
	{
	background-image:url(../images/bb.gif);
	background-position: 50% 100%;
	}


#rb
	{
	background-image:url(../images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}


#lb
	{
	background-color: #ffffff;
	background-image:url(../images/l.gif);
	background-position: 0% 100%;
        background-repeat: repeat-y;
	}