/*
Thureon 2007 Stylesheet v1
Author: Jason Crowley
*/
a {
	color:#649a1c;
	text-decoration:none; 
}
a:hover {
	color:#3c5c11;
	text-decoration:none;
}
body {
	text-align:center;/*centres container in IE 5*/
	color: #000;
	background-color: #fff;
	margin:0 auto;
	padding:5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

html, body {
	height:100%;
}
h1 {
	margin:0;
	padding:0 0 0.5em 24px;
	color:#649a1c;
	font-size:14px;
	font-weight:bold;
}
h1.crumb{
	margin:0;
	padding:0 0 0.5em 24px;
	font-size:14px;
	font-weight:bold;
	color:#444444;
}
h2 {
	margin:0;
	padding:0 0 0 24px;
	color:#444;
	font-size:12px;
	font-weight:bold;
}
h3{
	margin:0;
	color:white;
	font-size:12px;
	font-weight:bold;
}
h4{
	margin:0;
	color:black;
	font-size:12px;
	font-weight:bold;
}
h5{
	margin:0;
	color:#333;
	font-size:14px;
	font-weight:bold;
}
h6{
	margin:0;
	color:#333;
	font-size:12px;
	font-weight:bold;
}
.button {
	text-indent: -1000em;
}
#body .button {
	margin:0 0 0 24px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	background: 0 0 no-repeat;
	display: block;
	width: 131px;
	height: 59px;
	border:0;
	background-image: url(images/submit.gif);
}
#body .button:hover {
	background-position: 0 -59px;
}

/* ul as a child of li */
li > ul {
	top: auto;
	left: auto;
}

/******/
/* ID */
/******/
#aTop{
	float:left;
	margin-top:10px;
	width:555px !important;
	width:535px;
	width/**/:/**/555px;
	height:29px !important;
	height:23px;
	height/**/:/**/29px;
	background:url(images/a_intro_top.gif) no-repeat left top;
}
#aBottom{
	float:left;
	width:555px;
	/*	height:320px;*/
	color:#666;
	/*	margin-top:-6px;*/
	background:url(images/a_intro_middle.gif) no-repeat left top;
}
#aBottom:after{
	content:"";
	float:left;
	margin-top:-9px;
	width:555px !important;
	width:535px;
	line-height:0;
	width/**/:/**/555px;
	height:9px;
	background:url(images/a_intro_btm.gif) no-repeat left bottom;
}
#aBottom p {
	margin:0;
	padding:0;
}
#aDemonstration {
	float:left;
	width:555px;
	padding:0 0 0 0;
}
#bBottom p {
	padding:0;
}
#bBottom{
	float:left;
	margin:0;
	padding:0;
	width:555px;
	/*height:300px;*/
	color:#666;
	background:url(images/a_introb_middle.gif) no-repeat left top;
}

#bBottom:after{
	content:"";
	line-height:0;
	margin-top:-9px;
	float:left;
	width:555px !important;
	width:535px;
	width/**/:/**/555px;
	height:9px;
	background:url(images/a_introb_btm.gif) no-repeat left bottom;
}
#body, #body2 {
	padding:14px 0 0 0;
	margin:0;
	float:left;
	width:556px;
}

#body2 p {
	margin:0 0 0 0;
	padding:0 0 0 24px;
	line-height:1.5em;
	color:#4c4c4c;
}
#body p {
/*	margin:0.2em 0 1em 0;*/
	margin:0;
	padding:0 0 0 24px;
	line-height:1.5em;
	color:#4c4c4c;
}
#body ul, #bodyArmarac ul {
	/*IE7 doesn't allow widths for lists*/
	list-style-image: url(images/bullet.gif);
	list-style:disc;
	color:#4c4c4c;
}
#body ul li, #bodyArmarac ul li {
	line-height:1.6em;
}
#body ol {
	/*IE7 doesn't allow widths for lists*/
	line-height:1.6em;
	color:#4c4c4c;
}
#bodyArmarac {
	float:left;
	padding:14px 0 0 5px;
	width:556px;
	margin:0;
}
#bodyArmarac h1{
	padding:0 0 0 19px;
}
#bodyArmarac p {
	padding:0 0 0 19px;
	line-height:1.5em;
	color:#4c4c4c;
}
#bodyArmarac a {
	color:#649a1c;
	text-decoration:none; 
	border-bottom:1px dotted #649a1c;
}
#bodyArmarac a:hover {
	color:#3c5c11;
	border-bottom:1px dotted #3c5c11;
}
#cBottom{
	float:left;
	width:555px;
	/*height:165px;*/
	color:#666;
	background:url(images/a_introa_btm.gif) no-repeat left top;
}
#container {
	width:760px;
	margin:0 auto;
	padding:0;
	text-align:left;
	min-height: 100%;
}
#content {
	width:761px;
	padding:0;
	margin:0;
}

#footer {
	clear:both;
	margin:0;
	padding:1em 0 1em 0;
	font-size:11px;
	color:#4c4c4c;
}
#footer img.flag {
	padding:0 10px 0 10px;
}
#footer a {
	text-decoration:none;
	color:#649a1c;
}
#footer a:hover {
	text-decoration:underline;
}
#formArea {
	margin:0 0 0 2em;
	width:455px;
	padding:20px 0 0 0;
	background:url(images/formTop.gif) top left no-repeat #efefef;
}
#formArea p {
	margin:0;
	padding:0 0 1em 1.2em;
}

#formBottom {
	margin:0 0 0 2em;
	width:455px;
	background:url(images/formBottom.gif) top left no-repeat;	
}
#globalNav {
	width:760px;
	height:50px;
	margin:0 auto;
	padding:0 0 5px 0;
	text-align:left;
	background:url(images/navbg.gif) #fff top left no-repeat;
}
#globalNav ul {
	background-color:#9ad748;
	float:left;
	margin:0;
	padding:0;
    list-style:none;
	height:auto;
}
#globalNav li {
	text-align:center;
	position:relative;
	float:left; 
	padding:0;
	margin:0;
}
#globalNav li.logo a {
	display:block;
	width:206px;
	padding:0;
	margin:0;
}
#globalNav ul li a {
	display: block;
	width:90px;
	padding: 19px 0 18px 0; /* padding creates the clickable area */
	margin:0;
	color: #fff;
	font-weight:bold;
	background:url(images/menubg.gif) top left no-repeat;
}
#globalNav ul li a:hover {
	background-position:-92px 0;
}
#globalNav ul li:hover ul, #globalNav ul li.over ul{ display: block; }

/**** drop down *****/

#globalNav li ul {
 	display: none;
	position: absolute; 
	top: 52px;
	left: 0;
	width:181px; /* IE7 */
	padding:0;
	margin:0;
}
#globalNav ul li ul li {
	height:24px;
	float:left;
	padding:0;
	margin:0;
}
#globalNav ul li ul li a {
	text-align:left;
	display:block;
	background:url(images/dropdownbg.gif) top left no-repeat;
	width:164px !important;
	width:181px;
	width/**/:/**/164px; /*IE 6*/
	height:24px; /* without height here won't use height in explorer 5, 6 */
	height/**/:/**/19px;
	padding:5px 0 0 17px;
	background-color:#fff;
	color:#333;
	font-weight:normal;
}
#globalNav ul li ul li a:hover {
	background-position:-181px 0;	
	color:#fff;
}
#homeBanner {
	float:left;
	width:761px;
	height:184px;
	padding:0;
}
#video {
	float:left;
	width:480px;
	height:415px;
	padding:10px;
	text-align:center;
}
#homeLeft {
	float:left;
	width:170px;
	padding:42px 0 0 24px;
}
#home {
	float:left;
	margin:6px 0 0 0;
	padding:0;

}
#homeBg {
	background:url(images/homeBg.jpg) no-repeat;
	width:538px;
	padding:15px 0 0 0;
	height:331px!important;
	height:346px;
	height/**/:/**/331px;
	margin:0;
}
#homeBg h1 {
	padding:0;
	margin:0 0 1.2em 225px;
	font-weight:bold;
	color:#222;
	font-size:14px;
}
#homeBg p {
/*	font-weight:bold;*/
	margin:-5px 0px 1.5em 225px;
	width:280px;
	color:#4c4c4c;
	font-size:13px;
	line-height:1.2em;
}
#homeRight {
	width:217px;
	float:right;
	margin:6px 0 0 0;
}
#left {
	width:199px;
	margin:0;
	padding:0;
	float:left;
	background:url(images/leftHbg.gif) top left no-repeat;
}
#left h1 {
	height:23px !important;
	height:30px;
	height/**/:/**/22px;
	font-size:12px;
	font-weight:bold;
	color:#3f3f3f;
	margin:0;
	padding:7px 0 0 16px;
}
#left ul {	
	margin:0;
	padding:0;
	list-style:none;    
}
#left li {
	margin:0;
	padding:0;
}
#left li a {
	display:block;
	background:url(images/leftNavBg.gif) top left no-repeat;
	color:#181818;
	margin:0;
	padding:7px 0 0 16px;
	height:22px !important;
	height:29px;
	height/**/:/**/22px;
/*	width:183px !important;
	width:199px;*/
}
#left li a:hover {
	background-position: -199px 0;
	color:#fff;
}
#leftContact {
/*	background:url(images/leftbg.gif) top left no-repeat;*/
	padding:1em 0 0 17px;
	clear:left;
	float:left;
	width:182px;
}
#leftContact h1{
	color:#666;
	margin:0;
	padding:0 0 0 0;
	font-size:12px;
	font-weight:bold;
}
#leftContact dl{
	color:#666;
	margin:0;
	padding:1em 0 0 0;
	font-size:12px;
	font-weight:bold;
}
#leftContact dt {
	color:#181818;
	padding:0;
	margin:0;
	font-weight:normal;
}
#leftContact dt a {
	color:#649a1c;
	text-decoration:none;
	border-bottom:1px dotted #649a1c;
}
#leftContact dt a:hover {
	color:#3c5c11;
	border-bottom:1px dotted #3c5c11;
}

#pdf {
	font-size:11px;
	color:#cc0000;
}
#pdf a {
	color:#cc0000;
}
#pdf a:hover {
	text-decoration:underline;
}
#pdf img.pdf {
	float:left;
}
#pdf .grey {
	color:#666;
}
#reseller{
	font-size:14px;
	font-weight:bold;
	color:white;
	}
#reseller a:hover{
	color:#CCFF33;
	text-decoration:underline;
}
	
#resellerFlash{
	width:760px;
	height:430px;
}
#resellersAsiaTop{
	background:url(images/addresstop.jpg) no-repeat left top;
	width:760px;
	height:30px;
	padding-top:8px;
	padding-left:20px;
}
#resellersAsia{
	background:url(images/addressbtmbg.jpg) no-repeat;
	width:760px;
	height:448px;
	margin-top:-8px;
	color:#666;
}

#resellersFlash{
	float:left;
	margin-right:14px;
	padding:0;
	width:391px;
	height:430px;
}
#resellerForm{
	float:left;
	margin:0;
	padding:25px 0 0 25px;
	/*padding:25px;*/
	width:330px;
	height:430px;
	background:url(images/form-bg.jpg) no-repeat 0 0;
}
#resellerForm .status {
    height:45px;
    font:normal 11px Arial;
    color:#D00000;
}

#resellerForm .status .summary {
    font:normal 11px Arial;
    color:#D00000;
}

#resellerForm p {
    text-align:justify;
    width:270px;
    color:#777777;
    line-height:16px;
    margin-bottom:5px;
}
#resellerForm fieldset {
    border:none 0 #fff;
    padding:0;
    margin-bottom:30px;
}
#resellerForm label {
    clear:left;
    float:left;
    width:60px;
    color:#777777;
    margin-bottom:15px;
}
#resellerForm em {
    color:#777777;
    font-size:11px;
}
#resellerForm br {
    clear:left;
}
#resellerForm input.txtName, #resellerForm input.txtEmail, #resellerForm input.txtPhone, #resellerForm .ddlState {
    float:left;
    margin-bottom:15px;
}
#resellerForm input.txtName, #resellerForm input.txtEmail, #resellerForm input.txtPhone, #resellerForm .ddlState {
    color:#777777;
    border:solid 1px #999999;
    height:18px;
    padding:2px;
}
#resellerForm .ddlState {
    padding:0;
    height:20px;
}
#resellerForm input.txtName,#resellerForm input.txtEmail, #resellerForm .ddlState, #resellerForm input.txtPhone {
    width:207px;
}
#resellerForm .validator {
    float:left;
}
#resellersAmericas{
	background:url(images/addressbg2.jpg) no-repeat left top;
	width:760px;
	height:400px;
	margin-top:-8px;
	color:#666;
}
#resellerbottom{
	background:url(images/resellerbtm.gif) no-repeat left top;
	width:760px;
	height:45px;
	margin-top:5px;
	font-size:14px;
	font-weight:bold;
	color:white;
}
#resellerbottom a:hover{
color:#CCFF33;
}
#resellersME{float:left;width:760px;background:#f2f2f2 url(images/Structure/resellers_bg.gif) repeat-y;margin-top:-8px;color:#666;}
#sBottom{
	float:left;
	width:544px;
	padding-top:30px;
	padding-left:10px;
	font-size:11px;
	font-weight:normall;
	color:#333;
}
#smallFlash{
	width:760px;
	height:225px;
	list-style:none;
	text-decoration:none;
}
#vDemonstration {
	float:left;
	width:555px;
	padding:0;
}
#wcBottom{
	float:left;
	width:544px;
	padding-top:30px;
	padding-left:10px;
	font-size:11px;
	font-weight:normall;
	color:#333;
}
#width450 {
	width:450px;
}
/****************/
/*  classes     */
/****************/

.accessory {
	margin:10px 0 0 19px;
	clear:left;
	width:500px;
	height:133px;
	float:left;
}
.accessory p {
	padding:0;
	margin:0;
}
.accessoryLeft {	
	height:143px;
	width:184px;
	float:left;
}
.accessoryRight{
	float:left;
}
.acontentLeft{
	float:left;
	margin:0;
	padding:0;
	width:290px;
	padding:10px 0 0 0;
	font-size:12px;
	font-weight:normal;
	color:#333;
}

.acontentRight{
	float:left;
	width:220px;
	height:275px;
	padding-top:20px;
	padding-left:20px;
}
.acontentRight hover{border:none;}
.aTitle{
	float:left;
	width:200px;
	height:15px;
	padding-left:17px;
	padding-top:7px;
}
.bcontentLeft{
	float:left;
	width:270px;
	margin-left:5px;
	margin-top:20px;
	background:url(images/a_colours.jpg) no-repeat left top;
	width:341px;
	height:142px;
}
.bcontentRight{
	float:left;
	width:150px;
	padding:20px 0 0 20px;
	font-size:12px;
	font-weight:normall;
	color:#333;
}
.bottomLeft{
	float:left;
	width:70px;
	height:45px;
	padding-left:85px;
	padding-top:15px;
	color:white;
}

.bottomMiddle{
	float:left;
	width:240px;
	height:45px;
	padding-left:120px;
	padding-top:15px;
	color:white;
}

.bottomRight{
	float:left;
	width:120px;
	height:30px;
	padding-left:60px;
	padding-top:15px;
	color:white;
}
.c1{
	float:left;
	width:129px;
	padding-right:5px;
}
.c2{
	float:left;
	width:129px;
	padding-right:5px;
}
.c3{
	float:left;
	width:129px;
	padding-right:5px;
}
.c4{
	float:left;
	width:129px;
	padding-right:5px;
}
.ccontentRight{
	float:left;
	width:220px;
	height:230px;
	padding-top:20px;
	padding-left:20px;
}
.clearLine{clear:left;height:1px;width:760px;border-bottom:1px solid #d6d6d6;font-size:0px;}
.color {
	width:126px;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	font-weight:bold;
	color:#555;
}
.form {
	background-color:#efefef;
	margin: 0;
	padding: 0;
	min-width: 400px;
	width:400px;
}
.formText {
	width:110px;
	float:left;
	padding:0.3em 0 0 0;
/*	font-weight:bold;*/
}

.imgRight {
	float:right;
	padding: 7px 0 7px 7px;
}
.leftrow1{float:left;padding:20px;width:210px;}
.leftrow2{
	float:left;
	padding:45px 0 0 20px;
	width:215px;
}
.leftrow3{
	float:left;
	padding:45px 0 0 20px;
	width:215px;
}
.middlerow1{
	float:left;
	padding:20px 0 0 27px;
	width:215px;
}

.middlerow2{
	float:left;
	padding:45px 0 0 27px;
	width:215px;
}
.textBox {
	border: 1px solid #999;
	padding: 1px;
	margin:0;
	padding:2px;
	width:200px;
}
.textArea {
	border: 1px solid #999;
	padding: 1px;
	margin:0;
	padding:2px;
	width:350px;
	height:200px;
}
.top {
	padding:0 0 0 24px;	
}
.errorMsg
{
	background: url(  "images/warning.jpg" ) no-repeat left top;
	padding-left: 40px;
	margin-left: 15px;
	color: #CC0000;
	font-weight: bold;
}
div#body .errorMsg ul, div#body .errorMsg ul li
{
	color: #CC0000;
}
.rightrow1{
	float:left;
	padding:20px 0 0 49px;
	width:215px;
}

.rightrow2{
	float:left;
	padding:45px 0 0 49px;
	width:215px;
}
.sTopleft{
	float:left;
	width:330px;
	padding:8px 0 0 0;
	font-size:12px;
	font-weight:normal;
	color:#333;
}
.sTopright{
	float:left;
	width:202px;
	padding-left:5px;
	padding-top:-10px;
}
.s1{
	float:left;
	width:127px;
	padding-left:10px;
	padding-right:8px;
}
.s2{
	float:left;
	width:127px;
	padding-right:8px;
}
.s3{
	float:left;
	width:127px;
	padding-right:8px;
}
.s4{
	float:left;
	width:127px;
}
#container #content #bodyArmarac #wcBottom #note {
	padding-top: 50px;
	padding-bottom: 50px;
}