body { background: #000; }

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999px;
	width:			240px; /* left offset of submenus need to match (see below) */
}

.sf-menu li ul { width: 180px; border-left: 1px solid #ddd; }

.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			25px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999px;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			180px; /* match ul width */
	width: 180px; 
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	width: 180px; 
	top:			-999px;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			180px; /* match ul width */
	width: 180px; 
	top:			0;
}


.sf-menu {
	float:			left;
	margin-bottom:	1px;
	font: bold 12px/25px Arial;
	text-align: center;
	
}
.sf-menu a {
	height: 25px;
	/*border-left:	1px solid #fff;*/
	border-top:		1px solid #fff;
	padding: 		0; /*8px; .75em 1em;*/
	text-decoration:none;
	color: #eee;
}
/*.sf-menu a.on { border-top: 1px solid #67a2c7; }*/

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#eee;
}
.sf-menu li {
	background: #97b788 url(../_img/bg/nav.jpg) top left repeat-x;
}
.sf-menu li li {
	background:		#97b788;
}
.sf-menu li li li {
	background:		#97b788;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu a.on {
	background:		#377199 url(../_img/bg/nav-on.jpg) top left repeat-x;
	outline:		0;
	color: #fff;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	5px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			5px;
	top:			7px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999px;
	overflow:		hidden;
	background:		url('../_img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			6px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers */
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers */
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers */
}

/*** shadows for all but IE6 
  note - -webkit stuff moved to init.js dynStyles ***/
.sf-shadow ul {
	background:	url('../_img/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	240px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	240px; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}





.jqmOverlay { background-color: #000; }


.jqmWindow { display: none;  position: fixed;
	top: 8%;  left: 50%;  width: 90%;  margin-left: -47%;
	background-color: #666;  color: #000; }

/* fixed position emulation for IE6 moved to conditional include 
   in init.js (to keep Firefox error console clean) */


#wizdiv { top: 8%;  height: 460px;  width: 710px;  margin-left: -340px;
	background-color: #666; }

div.jqmConfirm { top: 17%;  width: 48%;  margin-left: -23%; }





#wizc, #popc, #waitAnim { position: absolute; 
	height: auto;  width: auto;  margin: auto; }

#waitAnim { height: 460px;  width: 100%;  overflow: hidden; 
	background-color: #666;  color: #fff; 
	z-index: 2002; }
#waitAnim p { padding: 80px 0;  text-align: center; }

#wizc { background-color: #bbb;  z-index: 2000; }

.wizard { height: 450px;  width: 700px;
	position: absolute;  top: 5px; left: 5px; 
	border: none;  z-index: 2001;  overflow: auto; }

.wizbg { height: 420px;  width: 680px;  background-color: #ccc; }




.jqClose { display: none;
	position: absolute; top: 5px; right: 20px;
	text-align: center;  font-size: 9px;
	z-index: 2004; }

.jqClose a {
	text-decoration: none;  font-weight: bold;
	width: 36px;  display: block;  padding: 2px 0 3px 0;
	background-color: #eee;  color: #edb500;
	border: 1px solid #666; }
.jqClose a:hover { background-color: #fff;  color: #ffaf01; }
.jqClose a:active { color: #000; }




div.jqmConfirmWindow {
	color: #fff;  background-color: #777;
	border: 4px solid #ccc; }

div.jqmConfirm input[type="submit"] { 
	padding: 0 8px;  margin: 10px 12px; 
	background-color: #333;  color: #eee; 
	font-size: 10px;  font-weight: bold;
	border: 1px solid #AAA; }
div.jqmConfirm input[type="submit"]:hover { color: #fff; }

.jqmConfirmTitle { height: 20px;  color: #bfecff;
	background-color: #444; }

.jqmConfirmTitle h1 {
	font-size: 14px;  color: #bfecff;  float: left;
	border: none;  margin: 0;  padding: 2px 0 0 8px; }

div.jqmConfirm .jqmClose em{ display:none; }
div.jqmConfirm .jqmClose {
	width: 20px;  height: 20px;  display:block;
	float:right;  clear:right;
	background: transparent url(../_img/jqm/close_icon_coll.png) 0 0 no-repeat; }

div.jqmConfirm a.jqmClose:hover{ background-position: 0 -20px; }

div.jqmConfirmContent { clear: both;  font: 11px/14px Tahoma;
	padding: 18px 12px 24px 12px;  /* white-space: pre; */ }

/* clearing a float without additional markup
	 http://www.positioniseverything.net/easyclearing.html */

.clearfix:after { content: ".";  display: block;  height: 0; 
	clear: both;  visibility: hidden; }
.clearfix { display: inline; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */






/* common styles - layout, positioning, font styles, etc. */

html, td { font: 11px Tahoma, Arial;  color: #555;  font-style: normal; }


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

fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

a { text-decoration: none;  font-weight: bold;  color: #91be7c; /*#e89f00;*/ 
	outline: none; -moz-outline: none; }
a:hover { color: #333; }

em { font-style: italic;  padding-right: 2px; }
strong { font-weight: bold;  color: #333;  /*font-size: 1.1em;*/ }

small { font-size: 1.01em; }

ul { color: #555;  margin: .8em 1em 1em 2em;  padding: 0; }
li { margin: .2em 2em .4em 0;  padding: 0; }




body { background: #aaa url(../_img/bg/body.jpg) top left repeat-x;
	margin: 0;  padding: 8px 0;  /* -moz-opacity: 0.99; */}



#cc { width: 880px;  margin: 0 auto; }

#shl { width: 20px;  background: url(../_img/bg/sh-l.jpg) top left repeat-y; }
#shr { width: 20px;  background: url(../_img/bg/sh-r.jpg) top right repeat-y; }
#shtl { width: 20px; height: 340px; 
	background: url(../_img/bg/sh-tl.jpg) top left no-repeat; }
#shtr { width: 20px; height: 340px; 
	background: url(../_img/bg/sh-tr.jpg) top right no-repeat; }


#c1, #c2, #foot { background-color: #e6e6e6; }


#head { width: 600px;  height: 114px; 
	background: url(../_img/bt.jpg) top right no-repeat; }

#logo { width: 240px;  height: 113px;  cursor: pointer;
	background: url(../_img/logo-ld.jpg) top left repeat-x; }



#h2c { width: 600px;  height: 114px; 
	background: #fff url(../_img/hgrad.jpg) bottom right no-repeat; }
#h2 { padding: 76px 0 0 21px; 
	background: url(../_img/bg/sub-top.jpg) top right no-repeat; }
#h2alt { padding: 76px 0 0 21px; 
	background: url(../_img/bg/sub-top2.jpg) top right no-repeat; }

#h2tdc { width: 600px;  height: 182px; 
	background: #fff url(../_img/bg/testdrive.jpg) bottom right no-repeat; }


.sectitle { font: 14px/17px "Arial Black";  letter-spacing: 3px;
	text-transform: uppercase;  height: 17px; }
.sectitle a { font-weight: normal;  color: #444; }
.sectitle a:hover { font-weight: normal;  color: #000; }

.sublinks { font: bold 12px/17px Tahoma, Arial;  color: #ccc; 
	height: 20px; }
.sublinks a { color: #91be7c; }
.sublinks a.on { color: #ccc; }
.sublinks a:hover { color: #333; }



#b2 { height: 181px;  width: 600px;  
	background: #ddd url(../_img/bb.jpg) top right no-repeat; }

#left { width: 240px;  clear: both;  padding-top: 17px; 
	background: #e6e6e6 url(../_img/bg/left.jpg) top left repeat-x; }

#left p { text-align: center;  text-transform: uppercase;  letter-spacing: 2.2px; 
	font: bold 9px Verdana;  color: #555;  margin: 0;  padding: 7px 0 3px 0; }


#logos, #quotes { width: 201px;  height: 50px;  margin: 0 0 12px 18px;
	overflow: hidden;  position: relative;  cursor: pointer; }

#logos { background: #fff;  border: 1px solid #888; 
	border-color: #888 #ddd #eee #aaa; }
#logos img { position: absolute;  }

#quotes { height: 60px;  background: #eee;  border: 1px solid #888; 
	border-color: #888 #ccc #ddd #aaa; }

#quotes ul { margin: 0;  padding: 0;  height: 90px; }
#quotes li { list-style: none;  display: none; 
	margin: 0; padding: 8px 9px 0 7px;  color: #333; 
	position: absolute;  top: 0;  left: 0; }
.quote { font-weight: bold;  font-style: italic;  
	display: block;  font-size: 11px;  padding: 0 0 9px 0; }
.source { font-size: 9px;  line-height: 10px; }



#content { background: #fff; }
#conc { padding: 12px 28px 12px 21px;  margin: 0; }


h1 { font: bold 27px Tahoma, Arial;  color: #879ac4; 
	margin: 12px 0 9px -1px; }
h2 { font: 17px Tahoma, Arial;  color: #0f4068; 
	margin: 11px 0;  font-weight: normal; }
h3 { font: bold 14px Tahoma, Arial;  color: #0f4068;
	margin-bottom: 5px; }
h4 { font: bold 12px Tahoma, Arial;  color: #222; 
	margin-bottom: 5px; }

.top { margin-top: 0; }


p { font: 12px/17px Tahoma, Arial;  color: #555; 
	margin: .5em 0 .9em 0; }

a { font-weight: bold;  color: #91be7c; }
a:hover { color: #333; }



.ccap { height: 34px; 
	background: #fff url(../_img/bg/ccap.jpg) bottom right no-repeat; }



#boxes img { float: left;  cursor: pointer; /*
	-moz-opacity: 0.8; opacity: 0.8; }
#boxes img:hover { -moz-opacity: 1; opacity: 1;*/ }




#foot { clear: both;  padding-top: 22px;  font: 9px Verdana;  color: #999; }

#cr { width: 340px; float: left;  margin-left: 11px; }

#attr { color: #aaa; }
#attr a { color: #ccc; }
#attr a:hover { color: #aaa; }

#bnav { width: 353px;  float: right;  text-align: right;
	margin-right: 6px;  font-weight: bold; }
#bnav a { color: #999;  padding: 0 4px;  text-decoration: none;
	cursor: pointer; }
#bnav a:hover { color: #444; }


#cap { height: 47px;  clear: both; 
	background: #aaa url(../_img/bg/cap.jpg) top left no-repeat; }

table.logos td { font: 11px/14px Tahoma, Arial; 
	padding: 6px 16px 14px 0;  color: #555; }
table.logos td a { font-size: 12px; line-height: 16px; }
td.logo { padding: 6px 22px 14px 0; }

table.logos2 td { padding: 6px 12px 14px 24px;
	text-align: center;  vertical-align: middle; }


.customers td { text-align: center;  
	vertical-align: middle;  padding: 0 22px 12px 0;  overflow: hidden; }



#releases td { font-size: 12px;  padding: 8px 34px 6px 20px; }

#releases td.date { font: 12px Tahoma, Arial;  color: #aaa; /*#0f4068;*/
	width: 110px;  text-align: right;  padding: 8px 0 6px 0; }




.nav li.skip ul { position: relative;  top: 0; left: 0;  
	margin-bottom: 6px;  border: none;  z-index: 1000; }
.nav li.skip ul a {
	font-size: 10px;  text-align: right;  z-index: 1000; }


#debug { font: 10px "Lucida Console", Monaco, sans-serif;  
	color: #999;  background: #bbb;  padding: 20px;
	border: 1px solid #999;  margin: 40px 20px; }
#debug:hover { color: #333; }


.sep { padding: 20px 0;  margin-bottom: 20px;  border-bottom: 1px solid #ccc; }

.hlist, .hlist td { font: 12px/17px Tahoma, Arial;  color: #555; }
.hlist h3 { margin: .5em 0 0 0;  padding: 0; }
.hlist h4 { margin: 2px 0 4px 0;  font-weight: normal;  font-style: italic; }
.hlist img { border: 4px solid #ccc;  margin: 0 40px 20px 20px; }
div.hlist { margin: 0 20px 24px 0; }
.hlist p { margin: 3px 44px 4px 0;  line-height: 13px;  font-size: 11px; }

ul.big li { font-size: 1.3em;  line-height: 1.5em; }



ul.spaced { margin: 0;  padding: 0; }

ul.spaced li { margin: 0;  list-style: none;  width: 260px;  }

ul.spaced li p { border-bottom: 1px solid #ccc;  margin: 0.3em 2em 0.5em 0;
	font: bold 13px Tahoma, Arial;  color: #0f4068; }




input, textarea, select { background-color: #edf8ff;
	color: #444;  font: bold 12px Verdana;  padding: 2px; 
	border: 1px solid #888;  border-color: #666 #ccc #ddd #999; 
	outline: none;  margin: 0; }

select { font-size: 11px;  padding: 0; 
	margin: 3px 0;  width: 188px; }

input[type="text"] { width: 180px; }

input[type="submit"] { color: #333;  background-color: #ddd;
	border-color: #ddd #999 #666 #ccc;  cursor: pointer;
	font: bold 11px/15px Tahoma, Arial;   padding: 2px 12px; }
input[type="submit"]:hover { color: #000;  background-color: #eee; }

label { font: bold 11px/18px Arial;  color: #999; 
	padding: 8px 6px 4px 0; }
.req { color: #0f4068;  font-weight: bold; }


table.form td { padding: 3px 1px; }
table.form td.label { padding: 5px 12px 0 1px; }


div.cform { border: 1px solid #ccc; 
	background-color: #f8f8f8;  padding: 12px; }

div.rform { border-left: 1px dotted #999; 
	padding: 0 0 90px 12px;
	width: 200px;  float: right;  margin: 0 -26px 0 14px; }

div.rform p { margin-bottom: 0.3em; }


.hlist img { border: 4px solid #ccc;  margin: 0 0 20px 20px; }

.clist ul { padding: 0;  margin: 0; }
.clist li { list-style: none;  margin: 5px 0;  font-weight: bold; }


.sep { padding: 6px 0;  margin-bottom: 20px;  border-bottom: 1px solid #ccc; }

p.q span { font: bold 21px/19px Times, "Times New Roman";  
	vertical-align: -3px;  padding-right: 3px;  color: #879ac4; }
p.attr { font-style: italic;  font-size: 11px;  line-height: 14px; }