/***************/
/* main layout */
/***************/
body { margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-weight:nomal; /* backgrounds? */ }

#bodyWrapper { width:946px; margin:52px auto 0 auto; min-height:600px; }

/* specific link colours for this site */
a         { color: #336633; text-decoration: underline; }
a:link    { color: #336633; text-decoration: underline; }
a:visited { color: #336633; text-decoration: underline; }
a:hover   { color: #333333; text-decoration: none; }
a:active  { color: #336633; text-decoration: underline; }
li{ margin: 0; padding: 0;}
h1{background: #f1f1f1 url(../images/header_green_image.png) no-repeat; color:#000; font-size:18px; padding:4px 0 4px 20px; float:left; width:727px;}
.newsh1{background: #f1f1f1 url(../images/header_green_image.png) no-repeat; color:#000; font-size:18px; padding:4px 0 4px 20px; width:800px; }
img{border:0;}

/** login area **/
.login{float:right;}

.textarea{ width:300px; }

/*******************/
/* header elements */
/*******************/
#header { background:url(../images/header_bg.png) repeat-x top; width:100%; height:42px; position:fixed; top:0;}

/** news reel **/
.news_reel{width:946px; margin:10px auto 0 auto;}
.news_reel p{float:left; margin:5px 0 0 10px; display:inline;}
.news_reel img{float:left;}
.flash_news_reel{width:821px; float:right; height:26px; margin-right:10px;}
/*contact details top of the page*/
.contact_info{background:url(../images/header_contact_bg.png) no-repeat; height:46px; width:946px; margin:auto; position:relative;}
.contact_info img#first{margin:14px 0 0 65px; float:left;}
.contact_info img#second{margin:15px 0 0 20px; float:left;}
.contact_info img#third{margin:15px 0 0 22px; float:left;}

#logo { float: left; }
.input{background:#4a4a4a; width:153px; height:16px; border:0; color:#fff; font-size:11px; text-indent:5px; padding-top:4px;}
.input_signup{ padding-left:5px; width:290px; border:1px solid #dcdada; background:#f1f1f1; margin:0 3px 4px 3px; height:16px; font-size:12px;}
.input_signup_email{ padding-left:5px; width:226px; border:1px solid #dcdada; background:#f1f1f1; margin:0 3px 0 3px; height:16px; font-size:12px;}
.btn{border:0; color:#000;}
.btn_signup{border:1px solid #dcdada; color:#000; height:19px; font-size:12px;}

ul#nav      {float:right; margin-top:15px;}
ul#nav li   {float:left; margin-left:7px; }
ul#nav li a {display:inline; font-size:11px; font-weight:bold; color:#010101; text-decoration:none;}

.language {
float:left; 
margin-top:15px;
font-size:10px;
}

/********************/
/* content elements */
/********************/
#main {  }
.content{margin-top:10px; }
.inner{float:left; width:748px;}
.content .innner h1{ margin:0; padding:0}
#products { margin-top:10px}
#url{background:#FFFFFF; height:20px;}

/** prod_items **/
.prod_item{width:151px; float:left; margin-right:6.6px;}
.prod_item h1{background:url(../images/header_index_h1.png) no-repeat; width:151px; height:38px; font-weight:bold; color:#333333; font-size:12px; padding-left:17px; }
.prod_item img{}
.prod_item p{font-size:11px; background:#f1f1f1; padding:10px; height:140px; margin-bottom:20px; clear:both;}

.box_item{border:1px solid #dcdada; width:149px; height:102px; margin-right:7px; float:left;}
.box_item h2{height:20px; display:block; background:#306c1c; color:#fff; font-size:14px; padding-left:8px;}

.join_item{border:1px solid #dcdada; width:305px; height:102px; margin-right:5px; float:left;}
.join_item h2{height:20px; display:block; background:#306c1c; color:#fff; font-size:14px; padding-left:8px;}

/** products **/
#leftside{width:184px; min-height:400px; float:left; margin-right:14px;}
#middle{width:520px; min-height:400px; float:left; margin-right:14px;}
#rightside{width:213px; min-height:400px; float:left;}
#rightside img{margin:20px 0 0 26px; border:3px solid #9e9e9c;}
#products h2{background: #f1f1f1 url(../images/header_green_image.png) no-repeat; color:#000; font-size:18px; padding:4px 0 4px 20px;}
.files{width:100%;  font-size:15px; color:#306c1c; margin:15px 0 0 26px;}
.files a, .files a:hover, .files a:active, .files a:visited {text-decoration:none;}

/** apps **/
ul#apps li a{display:block; background:#306c1c; width:109px; height:16px; margin:0 0 6px 0; color:#fff; padding:4px;}
ul#apps{margin:25px 0 0 15px;}


/** videos **/
.video{ padding-right:10px;}
.content_video{float:right; width:150px; font-size:11px;}
.content_video h3{font-size:13px; text-transform:capitalize;}
#flashcontent{width:344px; float:left}

/*********/
/* items */
/*********/
.item          { margin-bottom: 10px; width: 740px; float: right; }
.item .title   { font-size: 1em; font-weight: bold; }
.item .news_title   { font-size: 15px; font-weight: bold; margin-left:140px; }
.item .date    { font-style: italic; }
.item .image   { float: left; margin-right: 5px; margin-bottom: 5px; }


/*******************/
/* footer elements */
/*******************/
#footer { height:120px; background:#f1f1f1; margin-top:17px;}
#footer #text{width:964px; margin:auto; padding-top:24px; font-size:10px; color:#010101;}
#footer a { text-decoration: none; font-size:10px; color:#010101; } /* for the clevercherry.com link */


/***********************/
/* general form styles */
/***********************/
.required { color: #f00; }

/* all form elements are contained within a formrow div, with a label and
 *  then the element, this is the best way (but still not good) to emulate
 *  a table */
.frm{float:left;}
.frm .frmInput{width:300px}
.frm .frmInputSelect{width:307px}
 
div.formrow {

  text-align: left;
  margin-bottom: 10px;
}

div.formrow label {
  float: left;
  text-align: right;
  margin-right: 10px;
  width: 100px; /* default width for a default form, add new form ids and override */
}
div.formrow.indent { margin-left: 90px; } /* label width + label margin-right, override as above */
div.formrow label.radio {
	float: none;
	text-align: inherit;
	margin-right: 0;
	width: auto;
}

#recaptcha_widget         { margin-bottom: 15px; }
#recaptcha_image          { float: left; width: 300px; }
#recaptcha_options        { border-left: 1px solid #999; padding-left: 5px; float: left; margin-left: 10px; }
#recaptcha_response_field { width: 325px; }
#recaptcha_notice         { font-size: 0.833em; color: #555; }

/* message and error boxes, not just useful in contact form */
#messages,
#errors,
#warnings,
#info { margin-bottom: 10px; }
.message { border: 1px solid #080; background: #efe; color: #080; padding: 3px 5px; margin-bottom: 15px; float: left; } /* you may need to clearfix this */
.message.nomargin { margin-bottom: 0; } /* if before something with a margin-top */
.message.info { border-color: #880; background: #ffe; color: #880; } /* info box in yellow */
.message.warn { border-color: #f40; background: #ffe; color: #f40; } /* warning box in orange */
.message.error { border-color: #f00; background: #fee; color: #f00; } /* error box in red */