.form {width:580px;}

/* note that by using an id on each form that it is is individually controllable
 use a general class for consistency and refer via the id for unique properties */

#contactform                {margin:0 0 2em 0;}
#contactform *              {font:inherit;}
#contactform div              {margin:0.5em 0;}
#contactform fieldset       {border:1px solid #666666; padding: 15px; margin-bottom: 10px; color:#666666;}
#contactform legend         {font-weight:bold; color:#666666; padding:0 0.5em;}
#contactform p              {margin-bottom:0.8em;}
#contactform label          {font-weight:bold;}
#contactform label select   {font-weight:normal;}
#contactform input.text     {background:#FFF0D0; border:2px inset #ccc; width:220px; margin-left:1em; background:#dde; padding:2px 3px 2px 5px; vertical-align:middle;}
#contactform input.radio    {border:2px solid #fff; margin-left:1.5em; vertical-align:middle;}
#contactform textarea       {background:#FFF0D0; border:2px inset #ccc; width:220px; margin-left:1em; background:#fff; font-size:100%; padding:2px 3px 2px 5px; vertical-align:middle;}
#contactform input.button   {font-size: 1.1em;font-weight: bold;width: 140px; height: 25px;color: #FFFFFF; background: url(images/button-send-message.gif); border:none; cursor: pointer; margin-top: 10px;font-weight: bold;}
/* help link example */
/* please note: that bg & txt colour of the help link should be associated with the bg & txt color of the help div */
#contactform div.help     {background:#EAEAEA; padding:5px; color:#666666; text-align:left;}
#contactform div.help h4  {font-size:1.4em; font-weight:bold; margin:0 0 0.5em 0;}
#contactform div.help a   {text-decoration: underline; color:#666666;}
#contactform div.help p   {margin:0;}
#contactform div.help bold {font-weight: bold;}
#contactform div p.arial  {font-family: Arial, Helvetica, sans-serif; font-size:1.4em;}
#contactform div p.verdana {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.4em;}
#contactform div p.times   {font-family:"Times New Roman", Times, serif; font-size:1.4em;}
#contactform div p.courier   {font-family: "Courier New", Courier, monospace; font-size:1.4em;}
#contactform div p.geneva   {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:1.4em;}
#contactform div p.trebuchet   {font-family: "Trebuchet MS"; font-size:1.4em;}
#contactform span.help    {font-size:small; background:#EAEAEA; padding:2px; font-weight:normal;}
#contactform span.help  a {color:#666666}
#contactform h2  {font-size:1.4em; font-weight:bold; margin:0 0 0.5em 0}
/* end help link example */
#contactform .bold {font-weight:bold;}
form#contactform optgroup {background:#ffffff; color:#000000; font-weight: bold; font-style: italic;}
form#contactform optgroup option {background:#ffffff; color:#000000; font-weight: normal; font-style: normal;}
.specialfield {display: none;visibility: hidden;}

/* Sidebar forms */

#sidebarform                {margin:0; padding: 0;}
#sidebarform *              {font:inherit;}
#sidebarform div            {margin:0.3em 0;}
#sidebarform fieldset       {border:none; padding:0 5px; margin: 0; color:#FFFFFF;}
#sidebarform legend         {display: none;visibility: hidden;}
#sidebarform p              {margin:0; padding:0 0 2px 0; font-weight:bold;font-size: 0.8em;}
#sidebarform p.title        {margin:0 0 5px 0; padding:0; font-weight:bold;font-size: 1.1em; text-align: center;}
#sidebarform label          {font-weight:bold;font-size: 1.0em;}
#sidebarform label select   {font-weight:normal;}
#sidebarform input.text     {border:1px solid #999999; width:105px; margin:0; background: #FFFFFF; padding:0; vertical-align:middle;}
#sidebarform input.radio    {border:2px solid #fff; margin-left:1.5em; vertical-align:middle;}
#sidebarform textarea       {background:#FFF0D0; border:1px solid #ccc; width:140px; height: 70px; margin:0; background:#fff; padding:0; vertical-align:middle;}
#sidebarform input.button   {font-size: 1.1em;font-weight: bold;width: 140px; height: 25px;color: #FFFFFF; background: url(images/button-send-message.gif); border:none; cursor: pointer; margin-top: 10px;}
/* help link example */
/* please note: that bg & txt colour of the help link should be associated with the bg & txt color of the help div */
#sidebarform div.text     {font-size: 0.9em;}
#sidebarform div.help     {background:#EAEAEA; padding:5px; color:#666666; text-align:left;font-size:0.9em;}
#sidebarform div.helptitle  {font-size:1.2em; font-weight:bold; margin:0 0 0.5em 0;}
#sidebarform div.help a   {text-decoration: underline; color:#666666;}
#sidebarform div.help p   {margin:0;}
#sidebarform div.help bold {font-weight: bold;}
#sidebarform span.help    {font-size:small; color:#666666; background:#EAEAEA; padding:2px; font-weight:normal;}
#sidebarform span.help a {color:#666666;}
/* end help link example */
#sidebarform .bold {font-weight:bold;}
form#sidebarform optgroup {background:#ffffff; color:#000000; font-weight: bold; font-style: italic;}
form#sidebarform optgroup option {background:#ffffff; color:#000000; font-weight: normal; font-style: normal;}

/* Order form */

#contactform input.orderformbutton   {font-size: 1.3em;font-weight: bold;width: 140px; height: 25px;color: #FFFFFF; background: url(images/button-send-message.gif); border:none; cursor: pointer; margin-top: 10px;}