/* --- GLOBAL - START --- */
html, body { border:0; margin:0; padding:0; }	
body { font:100%/1.25 arial, helvetica, sans-serif; background: #EEF4ED url('gfx/bg-body.png') repeat-y top center; }
/* --- GLOBAL - END --- */	

 
/* --- ELEMENTS - START --- */ 
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }

h1 { padding:20px 0 5px 0;	letter-spacing:-1px; font:bold 22px arial, helvetica, sans-serif; } 
h2 { padding:20px 0; letter-spacing:-1px; font:1.5em arial, helvetica, sans-serif; } 
h3 { font:1em arial, helvetica, sans-serif; font-weight:bold; }
 
p, ul, ol { margin:0; padding:0 0 18px 0; } 
ul, ol { list-style:none; padding:0 0 0 40px; } 
blockquote { margin:22px 40px;padding:0; }
small { font-size:0.85em; } 
img { border:0; }
 
sup { position:relative; bottom:0.3em; vertical-align:baseline; } 
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
 
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }  
a, a:visited { text-decoration:none; }

p a, p a:visited { color: #00f; text-decoration:underline; }
  
form { margin:0; padding:0; display:inline; } 
input, select, textarea { font:1em arial, helvetica, sans-serif; } 
textarea { line-height:1.25; } 
label { cursor:pointer; }
 
 
table { border:0; margin:0 0 18px 0; padding:0; }
table tr td { padding:2px; }
/* --- ELEMENTS - END --- */ 
  
/* --- GLOBAL CLASSES - START --- */ 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.hidden		   { display: none; }
/* --- GLOBAL CLASSES - END --- */

.pageWrap { width: 960px; display: block; margin: 0 auto; position: relative; }
.pageHeader { width: 960px; height: 138px; background: #DDD url('gfx/bg-pageHeader.png') no-repeat; }
.pageContent { background: #50a443; width: 960px; float: left; clear: both; display: block; }

.headerAd { position: absolute; color: #ff0; font: 22px Arial, sans-serif; width: 200px; top: 30px; right: 230px; text-transform: uppercase; text-decoration: underline; text-align: center; }
.headerAd span { font: 10px Tahoma; display: block; }

.mainMenu { float: right; clear: both; background: #50a443 url(gfx/bg_menu.jpg) repeat-x;  margin: 0; padding: 5px 0 0 20px; }
.mainMenu li { list-style-type: none; margin-right: 10px; display: block; float: left; }
.mainMenu li a { float: left; text-decoration: none; color: #fff; margin: 0; }
.mainMenu li a span { float: left; font: bold 14px Arial; text-transform: uppercase; padding: 0.625em 1em 0.5em 1em; cursor: pointer; }
.mainMenu li a:hover span,
.mainMenu li.active span { background: url(gfx/bg_menu_right.jpg) top right no-repeat;}
.mainMenu li a:hover,
.mainMenu li.active a { color: #000; background: #fff url(gfx/bg_menu_left.jpg) top left no-repeat; }

.submenu { float: left; clear: both; background: #fff url(gfx/bg_submenu.jpg) repeat-x; padding: 5px 10px 0 10px; margin: 0; width: 760px; }
.submenu li { list-style-type: none; float: left; }
.submenu li a { float: left; text-decoration: none; color: #0581af; }
.submenu li a span { float: left; font: normal 12px Arial; text-transform: uppercase; padding: 5px 5px 5px 10px; cursor: pointer; }
.submenu li a:hover span,
.submenu li.active span { color: #065714; }
.submenu li a:hover,
.submenu li.active a {  }

.contentColumnLeft { width: 180px; float: left; padding-top: 49px; }
.contentColumnRight { width: 780px; float: right; background: #fff; padding-bottom: 20px; }
.contentColumnRight .content { padding: 0 20px 20px 20px; }

.contentColumnLeft h1 { font: bold 14px Arial; padding: 0 0 6px 20px; margin: 0; }

.productGallery { margin: 0; padding: 0 0 0 20px; }
.productGallery li { width: 230px; height: 200px; overflow: hidden; float: left; margin: 0 20px 20px 0; text-align: center;  font: bold 12px/109% Arial; }
.productGallery li img { clear: both; }
.productGallery li span { clear: both; display: block; }

.shortcuts { padding: 0; margin: 0; border-bottom: 1px solid #6FA05A; }
.shortcuts li { margin: 0; padding-left: 20px; border-top: 1px solid #6FA05A; }
.shortcuts li a { font: normal 12px/20px Arial; color: #000; }

.productFilter { background: #ffffe9; margin: 0 20px; border: none; text-align: center; }
.productFilter legend { font: bold 14px Arial; }
.productFilter a { font: 12px Arial; margin-right: 10px; color: #000; }
.productFilter a.active { color: #00f; }

.thirdmenu { padding-left: 20px; display: block; font: 12px/20px Arial; padding: 1px 0 1px 20px; background: #065714; width: 760px; line-height: 20px; }
.thirdmenu li { display: inline; margin-right: 10px; }
.thirdmenu li a { color: #fff; }
.thirdmenu li.active a { color: #fff; font-weight: bold; }