/**********/
/* LAYOUT */
/**********/

html,body      {margin:0;padding:0;}
div#container  {width:768px;margin:0 auto;}
div#wrapper    {float:left;width:100%;}
div#content    {margin: 0 203px 0 167px;}
div#cf_wrapper {margin: 0 203px 0 167px; background-color: #bc7f48;}
div#left       {float:left;width:160px;margin-left:-768px;}
div#right      {float:left;width:197px;margin-left:-197px;}
div#footer     {clear:left;width:100%;}

/**********/
/* STYLES */
/**********/

/*
colour scheme

dark brown  #794421
mid brown   #bc7f48
light brown #cea36f
green       #629b4c
*/

body                  {font-family: arial, helvetica, sans-serif;font-size: 75%;background-color: #794421;background-image: url(../img/template/bg_body.jpg);background-repeat: no-repeat;background-position: center top;}
#container            {background-color: #ffffff;padding: 2px 2px 0 2px;background-image: url(../img/template/bg_page.png);background-repeat: repeat-y;background-position: center top;}

/* Redefine a tag or two */
h1                    {display: none;}
h2                    {font-size:190%; padding: 0; margin: 5px 0 10px 0; clear: both; border-bottom: 1px solid #794421; color: #794421; border-left: 8px solid #bc7f48; padding-left: 10px;}
h4                    {font-weight: bold; color: #ffffff; font-size: 85%; text-transform: uppercase; line-height: 30px; padding: 0 5px; margin: 0; height: 30px;}
#content p            {padding: 0; margin: 0 0 15px 0; line-height: 18px; text-align: justify;}
fieldset              {padding: 10px;margin: 30px; border: 0; border: 1px solid #794421; background-image: url(../img/template/bg_right_boxes_menu.png);background-repeat: no-repeat;background-position: 149px -1px;}
legend                {font-weight: bold; line-height: 20px; padding: 0 10px; border: 1px solid #794421; background-image: url(../img/template/bg_right_boxes_menu.png);background-repeat: no-repeat;background-position: 149px -1px;}
blockquote            {background-color: #ffffff; width: 200px; margin: 0 40px 10px 40px; padding: 10px; text-align: center; border: 1px solid #794421;}
#content #address p   {text-align: right;}
#content blockquote p {margin: 0; padding: 0; text-align: center;}
#left h4              {background-color: #629b4c;}
#right h4             {background-color: #cea36f;background-image: url(../img/template/arrow_menudown.png);background-repeat: no-repeat;background-position: 170px center;}

/* header */
#header               {text-align: right; background-image: url(../img/template/bg_header.png);background-repeat: no-repeat;background-position: center top;height: 138px; border-bottom: 3px solid #ffffff;}
#header h1            {display: none;}
#header ul            {padding: 5px; margin: 0; list-style-type: none; display: inline; background-color: #4a6232;}
#header ul li         {font-size: 110%; padding: 0; margin: 0; display: inline; line-height: 138px;}
#header ul li a       {color: #ffffff; text-decoration: none; padding: 0 25px;}
#header ul li a:hover {color: #8fb164;}
#activemainnav        {background-color: #629b4c;}

/* left column */
ul#productmenu        {padding: 0; margin: 0; list-style-type: none;border-bottom: 3px solid #ffffff;}
#productmenu li       {padding: 0; border-top: 3px solid #ffffff; height: 30px;}
#productmenu li a     {display: block; height: 30px; font-size: 110%; font-weight: bold; line-height: 30px; color: #ffffff; text-decoration: none; padding: 0 5px;} /* background-color: #bc7f48; */
#left                 {background-color: #cea36f;}
div#left ul#productmenu .activenav            {background-image: url(../img/template/bg_activenav.png);background-repeat: no-repeat;background-position: 146px center;}

/* right column */
#right ul             {padding: 10px;text-align: justify;font-size: 90%;margin: 3px 0 3px 0;background-image: url(../img/template/bg_right_boxes_menu.png);background-repeat: no-repeat;background-position: right top; list-style-type: none;}
#right li             {padding: 0; margin: 0; line-height: 30px; height: 30px; font-weight: bold; border-bottom: 1px solid #794421;}
#right li a           {color: #794421; text-decoration: none; display: block; height: 30px; line-height: 30px;}
#right li a:hover     {background-color: #ffffff; color: #cea36f;}
#right div            {padding: 10px;text-align: justify;font-size: 90%;margin-bottom: 3px;background-image: url(../img/template/bg_right_boxes.png);background-repeat: no-repeat;background-position: right top;}
#right h3             {border-bottom: 2px solid #44662d;color: #44662d; font-size: 100%; text-transform: uppercase; text-align: left; margin: 0 0 10px 0; font-weight: bold;}
#right p              {padding: 0; margin: 0;}
#activesubnav         {background-image: url(../img/template/bg_activesubnav.png);background-repeat: no-repeat;background-position: left center;padding-left: 15px;}
#right a img          {border: 0;}
#right .different a   {color: #794421;}
#right .different a:hover   {text-decoration: none;}

/* content column */
#content              {padding: 5px; color: #555555;}
#content a            {color: #bc7f48; text-decoration: underline;}
#content a:hover      {color: #629b4c; text-decoration: none;}

/* footer */
#footer               {color: #ffffff; font-size: 85%;background-color: #629b4c; line-height: 20px; border-top: 3px solid #ffffff; border-bottom: 2px solid #ffffff;}
#footer p             {margin: 0 5px;}
#footer a             {color: #ffffff; text-decoration: underline;}
#footer a:hover       {text-decoration: none;}

/* dropshadow */
.dropshadow {float:left;background:  url(../img/template/dropshadow.png) no-repeat bottom right !important;background:  url(img/template/dropshadow.png) no-repeat bottom right;margin: 10px 0 0 10px !important;margin: 10px 0 0 5px;}
.dropshadow img {display: block;position: relative;background-color: #fff;border: 1px solid #a9a9a9;margin: -6px 6px 6px -6px;padding: 4px;}

/* contact form */
#contactform input,#contactform select,#contactform textarea
                      {clear: right; float: right; margin-bottom: 5px; width: 200px; font-family: arial,helvetica,sans-serif; font-size: 100%;}
label,.label          {clear: left; float: left; margin-bottom: 5px; display: block;}
#submit input         {clear: right; float: right;}
#submit label         {clear: left; float: left;}
#details strong       {display: block; padding: 0 40px; margin-bottom: 5px;}

/* subfooter */
#subfooter            {width: 774px; text-align: center; margin: 0 auto; color: #cea36f;}
#subfooter img        {border: 0;}
#subfooter p          {margin: 10px 0; padding: 0;}
#subfooter a          {color: #cea36f; text-decoration: underline;}
#subfooter a:hover    {text-decoration: none;}

/* subnav */
#subnav h4            {background-color: #629b4c; font-size: 115%; text-transform: none; font-weight: normal;}
#subnav               {}
#subnav ul            {background-image: url(../img/template/bg_right_boxes_menu.png);background-repeat: no-repeat;background-position: right top;margin: 3px 0 3px 0;padding: 0;}
#subnav ul li         {width: 33.3%; margin: 0; padding: 0;float: left; list-style-type: none; line-height: 200%;}
#subnav ul li a       {display: block; text-align: center; color: #794421; text-decoration: none;}
#subnav ul li a:hover {background-color: #cea36f; color: #ffffff; text-decoration: underline;}
#subnav #activesubnav {background-image: none; padding: 0; background-color: #794421; color: #ffffff;}

/* General Gubbins */
#cf_wrapper           {width: 398px; height: 299px;}
a.updownnav           {clear: both; display: block; text-decoration: none; color: #666666; padding: 0 5px; line-height: 20px; text-align: right;}
a.updownnav:hover     {color: #333333; background-color: #eeeeee;}
a.updownnav img       {vertical-align: middle; border: 0; margin: 0 0 0 5px;}
.clickimagetext       {text-align: center; background-color: #eeeeee; line-height: 20px;}
a#adminlink           {font-size: 0.75em; text-decoration: none; color: #bc7f48;}
#subnav p.more        {text-align: center; background-color: #bc7f48; line-height: 200%; color: #ffffff;}
#subnav p.more img    {vertical-align: middle;}

.caption              {width: 150px; display: block; clear: left; padding: 0 0 20px 0; margin: 0; height: 20px; line-height: 20px; background-color: #fff; z-index: 9999;}
#right div.different  {background-image:url(../img/template/bg_right_boxes_menu.png)}

#wrapper div.testimonials blockquote {width: 325px; margin: 20px;}
#wrapper div.testimonials blockquote p {text-align: left;}
#flashcorner {font-size: 0.85em; background-color: #cea26e; position: absolute; top: 0; left: 0; margin: 10px; padding: 5px; color: #794421; border: 1px solid #629b4c; width: 85px;}


/* Float Hack */
div#subnav ul:after  {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#subnav ul, {display: inline-block;}
/* Hides from IE-mac \*/
* html div#subnav ul {height: 1%;}
div#subnav ul {display: block;}
/* End hide from IE-mac */


