/* HTML5 Boilerplate  */
.green, h3.green {color: #006246;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: 'Open Sans', sans-serif; color: #222; }

body {
	 margin: 0; 
	 font-size: 1em; 
	 line-height: 1.4; 
	 font-family: 'Open Sans', sans-serif; 
	 background: url(../img/bg.png) #a0a0a0;
}

#idxcontainer{
	height: 1000px;
	background: url(../img/bg.png) #a0a0a0;
	}

::-moz-selection { background: #FC9A18; color: #fff; text-shadow: none; }
::selection { background: #FC9A18; color: #fff; text-shadow: none; }

a.plainlink
{
color: #006246; 
text-decoration: none;
}
a.plainlink:hover {color: #006246; border-bottom: 0px solid #006246; text-decoration: none;}
a.plainlink:focus { outline: 0; }
a.plainlink:hover, a.plainlink:active { outline: 0; }


a {color: #006246; text-decoration: none;}
a:hover {color: #006246; border-bottom: 1px solid #006246; text-decoration: none;}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 0.8em; line-height: 0; position: relative; vertical-align: baseline; color: #333;}
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  box-sizing: border-box; border: 1px solid #ccc; border-radius: 3px; height: 25px;}
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* =====================================================================
   tweaks and fixes for IE 6 to 8
   ===================================================================== */
.ie6 body {background-image: url(../img/bg-dark.png);}
.ie6 #banner {background: url(../img/bg_laptop_ie6.png) no-repeat 310px 15px;}
.ie6 #laptopscreen {display: none;}
.ie6 #stripe {display: none;}
.ie6 #stripe_inner {display: none;}
.ie6 #thereasons {margin: 0px;}
.ie6 #thereasons h2 {margin: 0px; text-align: center;}
.ie6 .reason {float: left; width: 197px; margin: 20px 0 0 22px;}
.ie6 #pageintro {padding: 10px 0 0 0;}
.ie6 .leftbox1col {padding: 14px 0 15px 0;}
.ie6 .leftbox2col {padding: 14px 0 15px 0;}
.ie6 .rightbox1col {padding: 14px 0 14px 0;}
.ie6 .greyhr {width: 260px; margin: 0 0 0 0;}
.ie6 .yellowhr {margin: 14px 15px 7px 0;}
.ie6 #left {width: 140px;}
.ie6 #right {width: 600px;}
.ie6 #copyright p {margin: 10px auto 0 auto;}


.ie7 #banner {background: url(../img/bg_laptop.png) no-repeat 310px 15px;}
.ie7 #pageintro {padding: 10px 0 0 10px;}
.ie7 .leftbox1col {padding: 14px 0 15px 0; width: 294px;}
.ie7 .leftbox2col {padding: 14px 0 15px 0; width: 616px;}
.ie7 .rightbox1col {padding: 14px 0 14px 0;}
.ie7 .greyhr {width: 250px; margin: 0 0 0 0;}
.ie7 h1 {line-height: 1.5em;}
.ie7 .rates {width: 240px;}
.ie7 .yellowhr {margin: 14px 15px 7px 0; width: 225px;}
.ie7 #copyright {margin: 15px auto 0 auto;}
.ie7 #copyright p {margin: 10px auto 0 auto;}
.ie7 .leftbox1col, .ie7 .leftbox2col, .ie7 .rightbox1col  {
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=0),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=270);
}

.ie7 #pagecontent {
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=0),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=270);
}

.ie8 #banner {background: url(../img/bg_laptop.png) no-repeat 310px 15px;}
.ie8 .yellowhr {margin: 14px 15px 14px 0;}
.ie8 .leftbox1col {width: 298px;}
.ie8 .leftbox2col {width: 616px;}
.ie8 .leftbox1col, .ie8 .leftbox2col, .ie8 .rightbox1col  {
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=0),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=270);
}

.ie8 #pagecontent {
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=0),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=3, Direction=270);
}

/* begin main styles */
/* begin main styles */
/* begin main styles */

#container {margin: 0 auto 0 auto;}

/* =====================================================================
   =====================================================================
   =====================================================================
   head
   ===================================================================== */

header {position: relative; margin: 0 auto 0 auto; width: 100%; background-color: white; border-bottom: 1px solid #ccc;}

#head {width: 940px; height: 80px; margin: 0 auto 0 auto; background-color: white;}
#logo {width: 220px; height: 66px; float: left; margin: 4px 0 0 15px;}
#logo img {margin: 5px 0 0 0px;}


#navigation { float:left; position:relative; margin: 20px 0 0 20px;}
#navigation ul {list-style: none; margin: 0 0 0 10px; padding: 0px;}
#navigation li {float: left; padding: 0 20px 0 0px;}
#navigation a {font-weight: 500; font-size: 1.1em; color: #333333;}
#navigation a:hover {font-weight: 500; border-bottom: 7px solid #006246; text-decoration: none; z-index:100;}
#navigation a.active { font-weight: 500; border-bottom: 7px solid #006246; text-decoration: none;}

#nav_btns {float: right; width: 320px; margin: 15px 0 0 10px;}
#login a {background-color: #FC9A18;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	display: block;
	width: 60px;
	padding: 2px 3px 0px 3px;
    margin: 0 0 0 0;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 700;
	height: 28px;
	line-height: 1.9em;
    float:left;
  }
  
#login a:hover {border-bottom: 0;color: #fff;}
#login a:active {position: relative;top: 1px;text-decoration: none;border-bottom: 0px;}
  
#user_select {float:left; margin: 0 0 0 5px; text-transform: uppercase; background-color: #006246;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  width: 235px;
  padding: 0px 6px 0px 5px;
  color: #80B1A3;
  font-size: 0.9em;
  height: 30px;
}

#user_select a {font-size: 0.7em; color: #80B1A3; font-weight: 600; padding: 0 0 0 3px; line-height: 3em;}
#user_select a.active {font-size: 0.7em; color: #fff; font-weight: 600; padding: 0 0 0 3px; line-height: 3em;}

/* =====================================================================
   =====================================================================
   =====================================================================
	 home page - body
   ===================================================================== */
   
#main {width: 100%; background-color: #fff;}
#banner {width: 940px; height: 360px; margin: 0 auto 0 auto; background: url(../img/bg_laptop.png) no-repeat 310px 15px, url(../img/bg_grid.png) no-repeat;}
#intro {float: left; width: 550px;}

#signup a {background-color: #005137;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
	text-align: center;
  border: 3px solid #fff;
  display: block;
  width: 180px;
  height: 61px;
  color: #fff;
  padding: 5px 0 0 0;
  box-shadow:1px 1px 3px 3px #eee;
	-webkit-box-shadow:1px 1px 3px 3px #eee;
	-moz-box-shadow:1px 1px 3px 3px #eee;
 }
#signup a:hover {
	position: relative;
  top: 1px;
  text-decoration: none;
 }
 
.btn_large {display: block; font-weight: 800; font-size: 1.5em;}
.btn_small {display: block;text-transform:uppercase; font-weight: 700; font-size: 0.8em;}

#stripe {width: 100%; height: 70px; background-color: #FC9A18;}
#stripe_inner {width: 940px; height: 70px; margin: 0 auto 0 auto; background: url(../img/laptop_slice.png) no-repeat 480px 0px;}

#thereasons {width: 934px; height: 175px; margin: -20px auto 0 auto; background-color: #fff; border: 3px solid #005137; -moz-border-radius: 2px; -webkit-border-radius: 2px; float: left;}
#thereasons h2 { text-transform: uppercase; color: #fff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
  background-color: #005137;
  margin: -40px auto 0 auto;
  width: 250px;
  height: 40px;
  text-align: center;
  font-size: 0.9em;
  font-weight: 600;
  line-height: 2.8em;}

.reason {float: left; width: 183px; margin: 20px 0 0 38px;}
.reason img {float: left; margin:0 5px 9px 0;}
.reason h3 {color: #333; font-size: 1.4em; margin: 4px 0 0 0;}
.reason p {font-family: Helvetica, arial, sans-serif; font-size: 0.8em; color: #666; line-height: 1.3em; height: 55px; clear: left;}
.reason a {font-size: 0.8em; text-decoration: none; font-weight: 600;}

footer {width: 940px; margin: 40px auto 0 auto; height: 178px; border-top: 1px solid #ccc; float: left;}
.col1 {padding: 0px 10px 10px 10px; width: 250px; float: left;margin:20px 0 0 0; }
.col2 {padding: 0px 10px 10px 10px; width: 250px; float: left;margin:20px 0 0 5px; }
.col3 {padding: 10px 10px; width:375px; float: right;margin:20px 0 0 0; }
.col3 img {margin: 0 10px 0 0;}
	
.col div {font-family: Helvetica, arial, sans-serif; font-size: 0.8em; color: #666; padding: 0 0 60px 0;}
.col p {font-family: Helvetica, arial, sans-serif; font-size: 0.8em; color: #666; padding: 0 0 0 0;}
.col em {color: #999; line-height: 2.5em;}
.col a {font-size: 0.8em; text-decoration: none; font-weight: 600;}
.footerhr {width: 250px; margin: 0 0 15px 0;}

#copyright {width: 100%; margin: 0 10px 0 10px; font-size: 0.7em; color: #666;border-top: 1px solid #ccc; float: left;}
#copyright a {color: #666;}
#copyright a:hover {text-decoration: none; border-bottom: 1px solid #ccc;}

#holder {height: 725px; width: 970px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#aboutholder{width: 940px; height: 840px;  margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#mainholder{width: 940px; height: 190px;  margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#productholder {width: 940px;height: 1310px; margin: 0 auto 0 auto; background: url(../img/bg.png) #a0a0a0;}
#pricingholder {width: 940px;height: 1255px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#contactholder {width: 940px;height: 945px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#fp3dholder {width: 940px;height: 1105px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#walkholder {width: 940px;height: 970px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#autoholder{width: 940px;height: 1225px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#campholder{width: 940px;height: 1135px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#caseholder{width: 940px;height: 885px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#colourfpholder{width: 940px;height: 1070px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#deaholder{width: 940px;height: 1220px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#downloadsholder{width: 940px;height: 760px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#drawownholder{width: 940px;height: 1220px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#faqsholder{width: 940px;height: 3705px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#ge3dholder{width: 940px;height: 985px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#mapsholder{width: 940px;height: 1045px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#ppholder{width: 940px;height: 965px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#pbholder{width: 940px;height: 1220px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#registerholder{width: 940px;height: 525px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#spholder{width: 940px;height: 965px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#testiholder{width: 940px;height: 1735px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#trainingholder{width: 940px;height: 900px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#termsholder{width: 940px;height: 3100px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#consumerholder{width: 940px;height: 850px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}
#estateholder{width: 940px;height: 1105px; margin: 0 auto 0 auto;background: url(../img/bg.png) #a0a0a0;}


/* 
   home page - tool tips
   ===================================================================== */
   
a[data-tooltip]:link, a[data-tooltip]:visited {
	position: relative;
	text-decoration: none;
}

a[data-tooltip]:after {
	background-position: 0% 0%;
	content: attr(data-tooltip);
	position: absolute;
	color: #1A1A1A;
	top: -150px;
	left: 0px;
	/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	padding: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	visibility: hidden;
	width: 220px;
	height: 150px;
	font-size: 0.9em;
	border: 2px solid #005137;
	box-shadow: 1px 1px 5px 3px #999;
	-webkit-box-shadow: 1px 1px 5px 3px #999;
	-moz-box-shadow: 1px 1px 5px 3px #999;
	text-decoration: none;
	background-color: #fff;
/* IE6-8 */
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
}

a[data-tooltip]:hover:before, a[data-tooltip]:hover:after {
	visibility: visible;
	-moz-transition: visibility 0s linear .3s;
    z-index:100;
}

/* 
   laptop slider styles
   ===================================================================== */
#laptopscreen {position: relative; top: -798px; left: 580px;}
#laptopscreen ul.bjqs{ position:relative;list-style:none;padding:0;margin:0 0 15px 0; display:none;}
#laptopscreen li.bjqs-slide{}
#laptopscreen ul.bjqs-controls{}

.IE11 #laptopscreen {position: relative;}
.IE11 #laptopscreen ul.bjqs{ position:relative;list-style:none;padding:0;margin:0 0 15px 0; display:none;}
.IE11 #laptopscreen li.bjqs-slide{}
.IE11 #laptopscreen ul.bjqs-controls{}

/* 
   Testimonial slider styles
   ===================================================================== */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0 0 15px 0;overflow:hidden; display:none;}
li.bjqs-slide{display:none;position:absolute; font-size: 0.8em; color: #666; padding: 0 0 20px 0;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}

/* =====================================================================
   =====================================================================
   =====================================================================
	 content pages - body
   ===================================================================== */
   
#maincontent {width: 100%; width: 930px; margin: 0 auto 0 0;}

#pagetitle {width: 100%; height: 70px; border-bottom: 1px solid #ccc; background-color: #fff;}
#pagetitle_inner {width: 940px; height: 70px; margin: 0 auto 0 auto;background-color: #fff;}

h1 {font-weight: 200; color: #FC9A18; font-size: 1.8em; letter-spacing: -0.060em; line-height: 1.1em; text-shadow: 0px 1px 1px #CC6600;}
h2.strapline {color: #005137; font-weight: 700; font-size: 1.6em; letter-spacing: -0.060em; line-height: 1.2em;}
h2 {color: #333; font-weight: 700; font-size: 1.3em; letter-spacing: -0.060em; line-height: 1.0em;}
h2.servicetitle {color: #333; font-weight: 700; font-size: 1.45em; letter-spacing: -0.060em; line-height: 0.8em;}
h2.producttitle {color: #333; font-weight: 700; font-size: 1.25em; letter-spacing: -0.060em; line-height: 1.2em;}
h3 {color: #333; font-weight: 600; font-size: 0.95em; letter-spacing: -0.070em; line-height: 1.0em;}
h3.heavy {font-weight: 700; font-size: 0.95em; letter-spacing: -0.070em; line-height: 1.0em;}
/* adjusts H1 properties for content page */
h1.content {
	margin: 0px; 
	padding: 15px 0 0 15px; 
	color: #006246; 
	text-shadow: 0px 1px 1px #003300;
	font-size: 2.2em;
}

h1 sup {
	margin: 0px; 
	padding: 0px; 
	color: #006246; 
}

a sup {
	margin: 0px; 
	padding: 0px; 
	color: #006246; 
}
/* 
	 pricing page
   ===================================================================== */

#pricingcontent {width: 930px; margin: 0 auto 30px 10px; height:inherit; float: left;}
 	
	#priceleft {width: 620px; float:left;}
		.leftbox1col {float:left; width: 300px;background-color: #fff;
		box-shadow:1px 1px 3px 3px #ddd;
		-webkit-box-shadow:1px 1px 3px 3px #ddd;
		-moz-box-shadow:1px 1px 3px 3px #ddd;
		-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	-ms-border-radius: 3px;
  	-o-border-radius: 3px;
  	border-radius: 3px;
		margin: 20px 20px 0 0;
		height: 390px;}
		
		.leftbox2col {float:left; width: 620px;background-color: #fff;
		box-shadow:1px 1px 3px 3px #ddd;
		-webkit-box-shadow:1px 1px 3px 3px #ddd;
		-moz-box-shadow:1px 1px 3px 3px #ddd;
		-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	-ms-border-radius: 3px;
  	-o-border-radius: 3px;
  	border-radius: 3px;
		height: 470px;
		margin-top: 20px;}
	
#priceright {width: 285px; float: left; margin: 0 0 0 20px;}
.rightbox1col 
{
	float:left; 
	width: 270px;
	background-color: #fff;
	box-shadow:1px 1px 2px 2px #006246;
	-webkit-box-shadow:1px 1px 2px 2px #006246;
	-moz-box-shadow:1px 1px 2px 2px #006246;
	border: 2px solid #006246;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	margin: 20px 0 0 0;
}

.last {margin-right: 0px;}
#pageintro {color: #666; font-size: 1.25em; line-height: 1.45em; font-weight: 600; margin: 0 0 0 10px;padding:0 150px 0 0; letter-spacing: -0.060em;}
.greyhr {width: 260px; margin: 0 20px 0 20px;}
.greyhrnarrow {width: 250px; margin: 0 20px 0 20px;}
.leftbox1col ul {list-style: none; list-style-image: url(../img/tick.png); width: 260px; margin:20px 0 0 20px; padding: 0 0 0 20px;}
.leftbox1col li {font-size: 0.75em; color: #5e5e5e; line-height: 1.81em;}
.leftbox2col ul {list-style: circle; width: 500px; margin:20px 0 0 20px; padding: 0 0 0 20px;}
.leftbox2col li {font-size: 0.75em; color: #5e5e5e; line-height: 1.81em;}
.rates {background-color: #FC9A18; width: 245px;
		-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	-ms-border-radius: 3px;
  	-o-border-radius: 3px;
  	border-radius: 3px;
  	margin: 0 0 0 20px;
  	height: 85px;}
.ratessm {background-color: #FC9A18; width: 210px;
		-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	-ms-border-radius: 3px;
  	-o-border-radius: 3px;
  	border-radius: 3px;
  	margin: 0 -10px 10px 20px;
  	height: 30px;
  	float: left;}	
.ratestext {color: #333; padding: 13px 0 0 15px;letter-spacing: -0.080em; line-height: 1.0em; }
.ratesprice {color: #fff; font-size: 2.10em; font-weight: 800;letter-spacing: -0.060em; line-height: 0.8em; padding: 0 4px 0 4px;}
.yellowhr {width: 230px; border-color: #FDB85E; margin: 14px 15px 10px 0; }
.planoverview {color: #262626; font-weight: 200; font-size: 0.85em; letter-spacing: -0.080em; line-height: 1.5em; padding-right: 40px;}
.planoverviewmed {color: #262626; font-weight: 200; font-size: 0.80em; letter-spacing: -0.080em; line-height: 1.5em;}
.planoverviewsm {color: #808080; font-weight: 200; font-size: 0.75em; line-height: 1.5em; clear: left;}
.planprice {color: #333; font-weight: 200; font-size: 1.3em; letter-spacing: -0.060em; line-height: 1.2em;}
.twentypx {padding: 0 10px 0 10px;}
.fifteenpx {padding: 0 20px 0 15px;}


/* 
   products page
   ===================================================================== */

#productcontent {width: 930px; margin: 0 auto 30px 10px; height:inherit; float: left;}
#drawingoptions {float: left; margin: 0 0 0 0;}
#upgrades {float: left; margin: 30px 0 0 0;}  

.servicebox1col {float:left; width: 215px;background-color: #fff;
box-shadow:1px 1px 3px 3px #ddd;
-webkit-box-shadow:1px 1px 3px 3px #ddd;
-moz-box-shadow:1px 1px 3px 3px #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
margin: 20px 20px 0 0;
height: 195px;}

.productbox1col {float:left; width: 217px;background-color: #fff;
box-shadow:1px 1px 3px 3px #ddd;
-webkit-box-shadow:1px 1px 3px 3px  #ddd;
-moz-box-shadow:1px 1px 3px 3px  #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
margin: 20px 20px 0 0;
height: 340px;}

.productbox1col img {margin: 0 0 15px 0;}
.free {background-image: url(../img/free.png); background-position: 100% 0%; background-repeat: no-repeat;}
.last {margin-right: 0px;}
.productheading {margin: 0px; padding: 0px 0 10px 0; color: #006246; font-weight: 200; font-size: 1.7em; letter-spacing: -0.060em; line-height: 1.1em;}

#productleft {margin: 0 0 0 30px; float: left; width: 450px;}
#productright {width: 140px; float: right; margin: 0 0 0 0; padding: 0px 0px 20px 20px; border-left: 1px solid #ccc; font-size: 0.75em; color: #888;}
#productright a {font-size: 1.20em;}
.greyhrnarrow {width: 100%; margin: 15px 20px 0 0;}


/* 
	 campaigns page
   ===================================================================== */
   
#pagecontent {width: 1150px; margin: 20px auto 30px 10px; float: left; background-color: #F5F5F5;
		box-shadow:1px 1px 3px 3px #ddd;
		-webkit-box-shadow:1px 1px 3px 3px #ddd;
		-moz-box-shadow:1px 1px 3px 3px #ddd;
		-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	-ms-border-radius: 3px;
  	-o-border-radius: 3px;
}

#left {float: left; width: 160px; padding: 45px 15px 50px 15px;}
#left ul {list-style: none; margin: 0px; padding: 0px;}
#left li {float: left; line-height: 1.0em; padding: 0 0 15px 0; width: 165px; color: #888;}
#left ul li ul {list-style: circle; margin: 10px 0 0 30px;}
#left ul li ul li {float: left; line-height: 1.2em; padding: 0 0 10px 0; width: 150px; color: #5e5e5e; font-size: 0.9em;}

#left a {font-size: 0.9em;}
#left a:hover {border-bottom: 1px solid #006246; text-decoration: none;}
#left a.active {text-decoration: none; margin: 0 0 0 10px; font-weight: 700;}
.greyhrwide {width: 640px; margin: 15px 20px 0 0;}

#right {width: 670px; 
        margin: 0 0 0 20px; 
        float: left;
        background-color: #fff;
        box-shadow:-1px 1px 3px 3px #ddd;
        -webkit-box-shadow:1px 1px 3px 3px #ddd;
        -moz-box-shadow:-1px 1px 3px 3px #ddd;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        padding: 20px;
        min-height: 300px;}
  	
#right p {font-weight: 300; font-size: 0.85em; letter-spacing: -0.030em; line-height: 1.5em;}
#right ul {list-style: disc; margin:20px 0 0 0px; padding: 0 0 0 15px;}
#right li {font-size: 0.90em; color: #4D4D4D;line-height: 1.81em;}
#right ul li ul {margin: 8px 0 8px 15px;}
#right ul li ul li {font-size: 0.90em;}
  	

#rightFAQ {width: 670px; 
        margin: 0 0 0 20px; 
        float: left;
        background-color: #fff;
        box-shadow:-1px 1px 3px 3px #ddd;
        -webkit-box-shadow:1px 1px 3px 3px #ddd;
        -moz-box-shadow:-1px 1px 3px 3px #ddd;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        padding: 20px;
        min-height: 300px;}

#rightFAQ p {font-weight: 300; font-size: 0.85em; letter-spacing: -0.030em; line-height: 1.5em;}
#rightFAQ ul {list-style: disc; margin:20px 0 0 0px; padding: 0 0 0 15px;}
#rightFAQ ul li ul {margin: 8px 0 8px 15px;}
#rightFAQ ul li ul li {font-size: 0.90em;}

#fragment-tab1 {font-size: 1.00em; color: #4D4D4D;line-height: 0.2em;}
#fragment-tab2 {font-size: 1.00em; color: #4D4D4D;line-height: 0.2em;}

#productright ul{ width: 150px; list-style:none; margin: 0 0; padding: 0 0;}
#productright p.productrighthead {font-weight: 700; font-size: 0.95em; color: #006246; }
.overview {color: #006246; font-size: 1.15em; line-height: 1.40em; font-weight: 600; padding:0 5px 0 0; letter-spacing: -0.060em;}


/* 
   testimonials page
   ===================================================================== */

   .quotebox {-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    width: 520px;
    border: 1px solid #FC9A18;
    margin: 0 0 50px 0;
  }

	.quote {background: url(../img/quotemark.png) no-repeat; position: relative; top: -28px; left: 11px; height: 28px; width: 38px;}
	.quotebox p {color: #666; font-size: 1.0em; line-height: 1.45em; font-weight: 600; padding: 0px 30px 10px 30px; letter-spacing: -0.060em; margin-top: 0px;}
	.quotebox em {color: #999; line-height: 2.5em;}
	.alignquoteleft {float: left;}
	.alignquoteright {float: right;}


/* 
   casestudies page
   ===================================================================== */

	 .casestudybox {float: left; width: 620px; margin: 0 0 30px 0;}
	 .cs_logo {float: left; width: 200px;}
	 .cs_text {float: left; margin: 0 0 0 30px; width: 390px;}
	 .cs_text span {font-size: small;}
	 .cs_text a, .cs_text a:hover { text-decoration: none;}
	 
	 
/* 
   register page
   ===================================================================== */
   
   .account_type {float: left; width: 650px; margin: 10px 0 10px 0; padding: 0 0 20px 0; border-bottom: 1px solid #ccc;}
   .account_desc {float: left; width: 400px;}
   .account_button {float: right; vertical-align:bottom;}

/* Boilerplate stuff ends */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


#faqitems {
	list-style:circle;
	line-height: 1em;
	padding: 0 0;
	margin: 0 0;
}

#faqitems li a
{
	list-style:circle;
	line-height: 1em;
	padding: 0 0;
	margin: 0 20px;
	font-size: small;
	color: rgb(96, 94, 94);
}

.accordion h3{
	font-size: small;
	color:  #006246;
	font-weight: bold;
}

.accordion div, .accordion li{
	font-size: small;
	color: rgb(96, 94, 94);
}

/*
.greenbox {
	 background-color: white; 
	 border: 3px solid #006246; 
	 -moz-border-radius: 2px; 
	 -webkit-border-radius: 2px;
	 padding: 10px 10px;
}
*/
.idxmaintext { margin: 10px 0; 
               font-weight: 600; 
               color: #FC9A18; 
               font-size: 2.8em; 
               letter-spacing: -0.060em; 
               line-height: 1.1em; 
			}
.idxsubtext{ margin: 30px 0 30px 0; 
             font-weight: 200; 
             color: #FC9A18; 
             font-size: 1.8em; 
             letter-spacing: -0.060em; 
             line-height: 1.1em; 
             }
.idxsubtext.strapline {color: #005137; font-weight: 700; font-size: 1.6em; letter-spacing: -0.060em; line-height: 1.2em;}

.terms {
	margin: 0 60px 0 30px;
	font-size: small;
	text-align: justify;
}

/*FAQ page accordian*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #91C4B5 /*url(images/ui-bg_glass_65_ffffff_1x400.png)*/ 50% 50% repeat-x;
	font-weight: normal;
	/*color: #91C4B5;*/
    height:20px;
}

.ui-state-default{
background: #91C4B5/*{bgColorDefault} url(images/ui-bg_glass_65_ffffff_1x400.png) {bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
}

.topmenu {
    margin: 0 0 0 0; 
    position: absolute; 
    width:230px; 
    height:49px
}
.deadiag {
    margin: 10px 0 0 10px; 
    position: relative; 
    width:450px; 
    height:326px
}

#supporttext, #abouttext, #downloadstext {
    margin: 0 0 0 30px;
    padding:0 0 0 0;
    position: relative;
    display: inline;
}

.btn {background: url(../img/chevron-r.png) no-repeat #006246 96% 50%;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    padding: 6px 35px 6px 9px;}
    
.btn:hover {color: #fff; text-decoration: underline;}