/* NOTES: */


body {
margin: 0px;
padding: 0px;
font: 12px Arial, Helvetica, sans-serif;
line-height: 16px;
color:#666666;
background: #000 url(../images/bgFade.gif) 0 0 repeat-x;
text-align:center;
}

.clear-both { clear:both; }
p { font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#000000; line-height: 16px; margin: 8px 0 8px 0; }
a {  color: #666; text-decoration:underline; }
a:hover {  color:#CCCCCC; text-decoration:underline;  }

/*____________________________________ MAIN CONTAINER ____________________________________*/

#mainContainer {  width: 800px; padding: 0 95px 0 95px; background:url(../images/bgMain.gif) 0 0 repeat-y; margin-left: auto; margin-right: auto; margin-top:0; text-align: left;  }
#top { height: 308px; width: 800px; padding: 0 95px; margin-left: auto; margin-right: auto; margin-top: 0; background:url(../images/bgTop.gif) 0 0 no-repeat;}

/*____________________________________ HEADER ____________________________________*/

#header { height: 64px; width: 800px; position:relative;}
#right_container{ width: 400px; height: 102px; float:right; padding: 0; margin: 0;}
#headerLogoLeft { height:42px; width:345px; margin: 13px 0 0 10px; padding: 0 0 0 0; float:left; text-align:left; }

#terms { float: right; text-align:right; width: 250px; line-height:13px; color:#fff; margin: 27px 10px 0 0; font-size: 10px; }	
#terms  a { color:#fff; text-decoration:none; }
#terms a:hover { color:#CCCCCC; text-decoration:none; }
/*____________________________________ BANNER ____________________________________*/

#banner { height: 245px; width: 800px; padding: 0; margin:0; position:relative;}

/*____________________________________ NAV ____________________________________*/

#subnav { position:relative; width:800px; text-align:center; margin: 0 0 18px; 0; padding: 0 0 0 0; height:30px; background: #FFF url(../images/bgBelowSubNav.gif) repeat-x;}
#subnav ul { margin: 0; padding: 0; list-style: none;}	
#subnav li { display:inline; }
#subnav li a {text-transform:uppercase; font-size: 10px; padding: 0 14px 0 14px; border-right: 1px solid #000; line-height: 30px; color:#333333; font-weight: normal; text-decoration:none;}
#subnav li a:hover, #subnav li .active_link { text-decoration: none; color:#308a0E; }
#subnav li.last a { padding-right: 0; border-right: none; }

#nav {height:20px; width:800px; text-align:center; margin: 0 0 0 0; padding: 14px 0 0 0;}
#nav ul { margin: 0; padding: 0; list-style: none;}	
#nav li { display:inline; }
#nav li a { text-transform:uppercase; font-size: 13px; padding: 0 14px 0 14px; border-right: 1px solid #000; line-height: 14px; color:#000; font-weight: normal; text-decoration: none; }
#nav li a:hover, #nav li .active_link { text-decoration: none; color:#308a0E; }
#nav li.last a { padding-right: 0; border-right: none; }

/*____________________________________ BELOW NAV ____________________________________*/

#below_nav { width: 800px; height: 38px; margin: 0 0 18px 0; background: #FFF url(../images/bgBelowNav.gif) repeat-x; text-align:center;}
#below_navNoTop { width: 800px; height: 38px; margin: 0 0 0 0; background: #FFF url(../images/bgBelowNav.gif) repeat-x; text-align:center;}


/*____________________________________ RIGHT COLUMN ____________________________________*/

#right { width: 580px; float: right; padding:0; margin:0 0 0 0; }
#right p { margin: 8px 0 8px 0; }
#productTitle { font-size:16px; padding: 0 0 0 18px;  width:300px; height:42px; margin: 0 0 0 0; background:url(../images/icon_product.gif) left top no-repeat; color:#308a0E; }
.listingTitle { font-size:13px; line-height: 13px; font-weight: bold; color:#308a0E; }
.listingSubTitle { font-size:13px; line-height: 13px; font-weight: normal; color:#999999; }
#noteMoreRight { padding:0 3px 0 0; margin: 0 8px 0 0; float:left; font-size:9px; }
#noteMoreRight a { color:#308a0E; text-decoration:none; }
#noteMoreRight a:hover { color:#999999; text-decoration:none; }
#listings .displayLeft { width:200px; float:left; padding: 8px 0 0 0; }
#listings .displayRight { width:300px; float:right; }
#product { margin: 0 0 8px 0;}
#product .displayLeft { width:300px; float:left; padding: 8px 0 0 0; }
#product .displayRight { width:200px; float:right; }

/*____________________________________ PARAGRAPH BOX (pbox) ____________________________________*/

div.pbox { margin: 25px 25px 0 25px; padding: 0; }
div.pbox_linebot { margin: 25px 25px 0 25px; padding: 0 0 10px 0; border-bottom: 1px solid #cccccc; }
div.pbox a, div.pbox_linebot a { color: #000; text-decoration: none; }
div.pbox a:hover, div.pbox_linebot a:hover { color:#666666; text-decoration: none; }	 
div.pbox_linebot p, div.pbox p { margin: 10px 0 0 0;}


/*____________________________________ LEFT COLUMN ____________________________________*/

#leftContainer { width: 200px; float: left; padding:0; margin:0 0 0 0; }
#leftTop { width: 185px; float: left; height:50px;  padding:0 15px 0 0; margin:0 0 0 0; line-height: 13px; background: url(../images/bgLeftTop.gif) 0 0 no-repeat; }
#left { width: 185px; float: left; padding:0 15px 0 0; margin:0 0 0 0; line-height: 13px; background: url(../images/bgLeft.gif) 0 0 repeat-y; }
#leftBot { width: 185px; float: left; height:40px; padding:0 15px 0 0; margin:0 0 0 0; line-height: 13px; background: url(../images/bgLeftBot.gif) 0 0 no-repeat; }
#left .pbox { margin: 0 10px 10px 30px; padding: 0; }
#leftTitle { font-size:16px; padding: 0 0 5px 10px; line-height:25px; width:120px; margin: 6px 0 0 20px; background:url(../images/leftIcon.gif) left top no-repeat; color:#308a0E; }

/*____________________________________ WIDE COLUMN ____________________________________*/
	
#wide { width: 800px; float: left; padding:0; margin:0 0 0 0; }
#wide .nospace {  margin:0;  }

/*____________________________________ TITLES ____________________________________*/

.title { margin: 0 25px 0 25px; padding: 0 0 8px 0; font-size:16px; line-height:21px;  font-weight: normal; color:#666666; border-bottom: 1px solid #308a0E;  }
.subtitle { margin: 0 0 0 0; padding: 0 0 0 0; font-size:14px; line-height:16px;  font-weight: normal; color:#666666; }
.bodytitle { text-transform:capitalize; margin: 0 0 0 0; padding: 0 0 0 25px; font-size:13px; line-height:21px; background:url(../images/icon_title.gif) center left no-repeat; font-weight: bold; color:#308a0E; }

/*____________________________________ CONTENT AREA ____________________________________*/

#content { margin: 0; width:800px; padding:0; }

/*____________________________________ GALLERY ____________________________________*/

.gallery_holder { margin: 15px 115px 15px 115px; padding: 0; text-align:center; position:relative;}
#gallery { margin: 0; width: 440px; padding: 0;}
#gallery ul { margin:0; padding:0; list-style: none;  }
#gallery ul li { float:left; margin:5px 10px 10px 0; }

/*____________________________________ MISC ____________________________________*/
.image { float: left; margin: 10px 0 0 7px; padding: 0; }
div.noteMore { padding:0 3px 0 0; margin: 0 8px 0 0; float:left; font-size:9px; }
div.noteMore a { color:#666666; text-decoration:none; }
div.noteMore a:hover { color:#999999; text-decoration:none; }
.floatimgRight { margin-left: 15px; float: right; clear: both;  }



/*____________________________________ LISTS & BULLETS ____________________________________*/
#bulletFirst{ padding: 3px 0 3px 25px; width:485px; margin: 20px 0 6px 16px; background:url(../images/iconArrow.gif) left top no-repeat; color:#308a0E;}
#bullet    { padding: 3px 0 3px 25px; width:485px; margin: 6px 0 6px 16px; background:url(../images/iconArrow.gif) left top no-repeat; color:#308a0E;}
#bulletLast{ padding: 3px 0 3px 25px; width:485px; margin: 6px 0 20px 16px; background:url(../images/iconArrow.gif) left top no-repeat; color:#308a0E;}

ol { list-style-position: outside; color:#308a0E;}
ul { list-style-position: outside; list-style-image:url("../images/bullet_square.gif"); color:#308a0E; line-height:18px;}


/*____________________________________ COLOURS ____________________________________*/

.gmt {  color:#308a0E;  }
.light {  color:#999999;  }
.fix {  color:#000000;  }

/*____________________________________ BORDERS AND DIVIDERS ____________________________________*/

div .divider { display:block; height:1px; margin: 0 0 0 0; padding:0; border-bottom: 1px solid #CCC; border-bottom-width:1px; position:relative; }

/*____________________________________ HEADERS ____________________________________*/

/***H1***/
h1 {font-size:20px; margin: 0 0 25px 0; padding: 0; line-height: 18px; font-weight: bold; color:#308a0E; }

/***H2***/
h2 {  font-size:16px; margin: 12px 0 12px 0; padding: 0; line-height: 16px; font-weight: bold; color:#308a0E;  }

/***H3***/
h3 {font-size:13px; margin: 12px 0 12px 0; padding: 0; line-height: 12px;font-weight: bold; color:#308a0E; }

/***NO SPACE***/
h1.nospace, h2.nospace { margin-bottom:4px; } 
h3.spacesml { margin-bottom:6px; } 
.no_top_space {  margin-top:0;}

/*____________________________________ FOOTER ____________________________________*/

#footer { width: 800px; padding: 0 95px; height: 71px; background: #808A92 url(../images/bgFooter.gif) no-repeat; margin-left: auto; margin-right: auto; margin-bottom:0px; }
#footer a { color: #CCCCCC; text-decoration: none; margin-right: 6px; margin-left: 6px; }
#footer a:hover { text-decoration: underline; }
#webtheoria { float: right; width: 120px; height:27px; color:#CCCCCC; margin: 40px 10px 0 0; }	
#copyright { float: left; width: 250px; height:27px; color:#999; margin: 40px 10px 0 10px; font-size:10px;  }