/*This file can be used to override simple things, like the colours instead of editing the main stylesheet.*/
input, select, textarea {color: #3b5900;} /*inputs and other form elements are styled like this*/
/*Even if you don't want a border for the wrapper, leave in the bottom border (the same colour as the footer)*/
/*(eg border: none; border-bottom: 1px solid #D2D2BB;) or else Firefox doesn't display the background for some reason*/

#header {padding-top: 0px; padding-bottom: 0px; background: #ffcc33;}
#wrapper {border: 2px #D2D2BB; background: #ffffff;} /*the wrapper goes around all the content*/
#menu {background: #c1c1c1;} /*background for the main menu*/
#menu ul.mainmenu a {color:#;font-weight: bolder; font-size: 13px;} /*main menu links*/
#leftcolumn form {background:url(http://www.henrygeorgewines.com/images/mnbg.jpg);} /*background at top of left column*/
#leftcolumn form url(http://www.henrygeorgewines.com/images/mnbg.jpg);text-align:center;}

#leftcolumn form a {color:#CC6633;}/*links in the left column*/
#leftcolumn form p b {color:#3b5900;}/*text in left column*/

#rightcolumn {color: #3b5900; background: #ffffff;} /*text colour in the content area*/
#rightcolumn a {color: #3b5900;} /*links in the content area*/
#rightcolumn h1 {background: url(http://www.henrygeorgewines.com/images/mnbg.jpg);} /*background at top of content area*/

#rightcolumn h1{colour: #fabb16;} /*colour to the header text*/
#rightcolumn div.product {background: #ffffff; } /*background of product listing boxes*/
#rightcolumn div.product img {border: 1px solid #CC6633;} /*border around product listing images*/
#rightcolumn div.product a {color: #CC6633;} /*product listing links*/
#rightcolumn input.button {color:#ffffff; border:1px solid #CC6633; background: #CC6633;} /*buttons in the content area*/
#rightcolumn img.productview {float:none; display:block;} /*makes it so the text wraps underneath the product view image*/

/*The links are padded so they don't obscure the backgroumd image above*/

/*The styles below are automatically filled in.*/
body {background: #FFFFFF;}
#menu {background: #bec6ae;}
#menu ul.mainmenu a {color: #FFFFFF;}
#rightcolumn, #leftcolumn {color: #000000;}
#rightcolumn a, #leftcolumn ul a {color: #663300;}
#rightcolumn h1, #leftcolumn form {background: #FFFFFF;}
#footer {background: #bec6ae;}
#footer a{color:#ffffff;}/*footer text and background colours*/

/*For a 3 column layout, you need to make the wrapper wider, turn on the farright column and*/
/*fill in the 'template-include-farright' text and translation*/
#wrapper, #footer {width:953px;color:#D2D2BB} /*wider wrapper and footer, should be all the widths below + 3 pixels for borders*/
#leftcolumn {width: 200px;} /*more space for the left column if desired*/
#rightcolumn {width: 550px; border-right: 1px solid #D2D2BB;} /*wider central column with a right border*/
#farrightcolumn {width: 200px; display: block;} /*right column with display turned on*/

/*These lines enable the Suckerfish menu.*/
#menu {height: 2em;} /*It has a height so that it will appear correctly even if ul is floated for Suckerfish*/
#menu ul.mainmenu li ul {display: block;} /*Display the sub menus*/
#menu ul.mainmenu li {float: left;} /*They must be floated left*/
#menu ul.mainmenu li a {display:block;} /*Needed for Suckerfish submenus on IE*/
#menu ul.mainmenu li {background: #bec6ae; border-left: none; border-right: 1px solid white;} /*Put the separator lines on the right*/


#header {padding-top: 10px; background: white;}



#imageleft {
  float:left;
  padding-right:7px;
  padding-bottom:7px;
  }


/************************************************  left column ***************************************************************************/ 


#leftcolumn ul.leftmenu li {background-position: 0px 4px; background-image: url(../images/bullet2.gif); background-repeat: no-repeat;}
#leftcolumn ul.leftmenu li.selected {background-image: url(../images/bulletselected2.gif); background-position: right 4px; background-color: #e4a063}


#leftcolumn p {color: #757F62;}
#leftcolumn p a {color: #CC6633;}



/************************************************  right column ***************************************************************************/ 


body.page_center #rightcolumn #contentpadding {margin: 10px 15px 3px 15px;}
#rightcolumn {border: none;}



/************************************************ far right column ***************************************************************************/


farrightcolumn {width: 200px; display: block;} /*right column with display turned on*/

#farrightcolumn div {padding-top:12px;padding-left:3px;}
#farrightcolumn div div {padding-left:0px; border-left:1px solid #bec6ae; border-right:1px solid #bec6ae;}

#farrightcolumn h3 {padding-top:7px; padding-bottom:7px; margin:0;background:#9bbb59; color:white; font-size: 16px;background:url(http://www.henrygeorgewines.com/images/icon.jpg);text-align:center;}

#farrightcolumn p { color: #757F62;min-height:82px; text-align:left; margin-right:4px;}

#farrightcolumn p b {color: #757F62;padding:0 0;}

#farrightcolumn h4 {text-align:center; margin:0; padding-top:10px; padding-bottom:5px; color:#CC6633; background: white;}

#farrightcolumn h5 {margin-left:0; padding-top:7px; padding-bottom:7px; background:#bec6ae; color:white; font-size: 16px; text-align:center;}

#farrightcolumn a{color:#CC6633; text-decoration:underline;}

#farrightcolumn {border-left: none;}