/*******************************
* RESET
*******************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }





/*******************************
* APPLICATION
*******************************/
body { behavior:url("/hoverwhatever.htc")} /* IE6 :hover Fix */
/*******************************
* Hidden Elements
*******************************/
#header-subtitle { display: none}
/*******************************
* Typography
*******************************/
/* chevron orange ff8b0e */

body { font-size: 12px}
/*h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial, Helvetica; font-weight: bold}*/
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica; font-weight: bold}
h1 { color: #f1b229; font-size: 18px; margin-bottom: 8px} /* SISU UPDATE */
h2, h5, .subhead { color: #636569; font-size: 14px; margin-bottom: 7px}
.subhead {font-weight: bold}
h3, h6 { color: #636569; font-size: 11px; margin-bottom: 2px}
body, span, div, p, li, dd, dt, 
/*input, textarea, fieldset, label, select, b, strong { color: #636569; font-family: "Trebuchet MS", Arial, Helvetica}*/
input, textarea, fieldset, label, select, b, strong { color: #636569; font-family: Arial, Helvetica}
p { font-size: 13px; line-height: 16px; margin-bottom: 20px}
li { font-size: 12px; line-height: 20px}
a:link { color: #4182c4; text-decoration: none}
a:visited { color: #4182c4; text-decoration: none}
a:hover { text-decoration: underline}
a:active { border: none}
a:active, a:focus { outline: 0 }
strong { font-weight: bold;}
em { font-style: italic}
/*******************************
* Background
*******************************/
/* body {background: #333 url(images/bg-fade.gif) repeat-x top left;} */
/*******************************
* Structure
*******************************/
/* #container {background: url(http://cdnso.pbxtra.fonality.com/images/container-background.gif) #ffffff repeat-x bottom left;margin: 0 auto;width: 900px} */
#container {background: #fff;margin: 0 auto;width: 900px}
/*#header {
	height: 390px;
	overflow: visible;
	position: relative;
	width: 100%;
	z-index: 8000;
}*/
.with-breadcrumb #header {height: 165px}
page {
	margin: 6px 0 0 0;
	padding-bottom: 11px;
	width: 882px;
	_width: 892px;
}

/*#content2 {float: right;padding-bottom: 13px;padding-right: 10px;width: 660px;margin-bottom: 45px}*/
#sidebar {float: left;padding: 8px 0 20px 0;width: 230px; background-color:#FFF; height:200px;}
/*#content2, #sidebar {margin-top: 10px}*/

/*******************************
* Primary Navigation
*******************************/
#primary-navigation {
	position: absolute;
	right: 9px;
	top: 103px;
	z-index: 8000
}
#primary-navigation li {
	background: url(images/nav-separator.gif) no-repeat center left;
	display: inline;
	float: left;
	position: relative
}
#primary-navigation li.home,#primary-navigation li.products {background: none}
#primary-navigation li a {
	display: block;
	font-size: 12px;
	line-height: 10px;
	padding: 12px 12px 10px 12px;
	text-decoration: none
}

#primary-navigation li.hover,
#primary-navigation li:hover {
	background: url(images/nav-tab-left.gif) no-repeat top left;
	margin-right: -6px;
	z-index: 99
}
#primary-navigation li.solo.hover,
#primary-navigation li.solo:hover {
	background: url(images/nav-tab-full-left.gif) no-repeat top left
}
#primary-navigation li.hover a,
#primary-navigation li:hover a,
#primary-navigation li.selected.hover a,
#primary-navigation li.selected:hover a {
	background: url(images/nav-tab-right.gif) no-repeat top right;
	color: #636569;
	padding-right: 18px;
}
#primary-navigation li.solo.hover a,
#primary-navigation li.solo:hover a,
#primary-navigation li.solo.selected.hover a,
#primary-navigation li.solo.selected:hover a {
	background: url(images/nav-tab-full-right.gif) no-repeat top right
}
#primary-navigation li.selected a {color: #F1B229}





/*********************************
* SISU NEW
*********************************/
p.large {font-size: 14px}
.floatLeft {float: left;padding-right: 0}
.floatLeft.noPadding {padding: 0}
select, textarea {border: 1px solid #7e9eb7;font-size: 12px}
div.frmStack input {height: 16px;margin-bottom: 14px;padding: 3px}
div.frmStack select {height: 22px;padding: 3px 1px;margin-bottom: 14px}
div.frmStack option {height: 16px;padding-top: 1px}
div.frmStack label {display: block;margin-bottom: 3px}
div.frmStack input.med {width: 190px}
div.frmStack select.med {width: 198px}
div.frmStack input.state {width: 33px}
div.frmStack input.country {width: 140px}
div.frmStack textarea.full {height: 155px;width: 404px}

/* Features details */
.feature_details table {margin-bottom: 10px}
.feature_details thead th {
	color: #636569;
	font-size: 14px;
	vertical-align: bottom;
}
.feature_details thead th .price {font-size: 12px}
.feature_details thead th.hdr {line-height: 14px;padding-left: 5px;vertical-align: bottom}
.feature_details .hdr {
	float:left;
	height: 27px;
	line-height: 27px;
	padding-left: 0px;
}
.feature_details .feature,.feature_details div.feature {float: left;width: 265px}
.feature_details .equip,.feature_details div.equip {
	float: left;
	height: 40px;
	text-align: center;
	width: 95px;
}
#products-hud-edition-comparison .feature_details .equip,#products-hud-edition-comparison.feature_details div.equip {width: 90px}
#products-unbound-edition-comparison .feature_details .equip, #products-unbound-edition-comparison.feature_details div.equip {width: 120px}
.feature_details .std,
.feature_details .req,
.feature_details .na {
	height: 40px;
	width: 20px;
	display: inline-block;
	float: left;
	text-align: center;
	
}
.feature_details .std {background: #fff url('check-grean2.gif') no-repeat scroll center center;

}
.feature_details .req {background: #fff url('check-red2.gif') no-repeat scroll center center;

}
.feature_details .unq {background: #fff url('check-cci2.gif') no-repeat scroll center center;

}
.feature_details .new {background: #fff url('7.png') no-repeat scroll center center;

}
.feature_details .opt {background: #fff url('check-opt2.gif') no-repeat scroll center center;

}
.legend .req,.legend .std {background-position: 0 7px}
.feature_details .na {background: #fff url('features.gif') no-repeat scroll center -150px}
.feature_details thead,.feature_details th,.feature_details td {border: 0;padding: 0;margin: 0}
.feature_details .accordion h5 {padding: 0;margin: 0;font-size: 12px}
.accordion .hdr span {color: #4182c4}
.accordion li {border-top: 1px solid #D1D1D5;}
.accordion .collapse-container {padding: 5px 5px 5px 15px}
.accordion p {margin-bottom: 10px}
.accordion img {padding-left: 15px;margin-bottom: 10px;}
.accordion .collapse-container img {float: right}
.accordion li li {border: 0;line-height: 16px}
.accordion li ul.bullet {margin-left: 10px;margin-bottom: 10px}
.accordion li ul.bullet li {background: url('bullet_square.gif') no-repeat left 5px;padding-left: 12px;margin-bottom: 5px}
.accordion li {background: none;padding-left: 0px;margin-bottom: 5px}
/* Case Studies */
.case-study-summary {display: block;margin-bottom: 20px}
.case-study-summary h5 {margin-bottom: 2px}
.case-study-summary .img {
	width: 125px; /* changed from 150 04.07.2008 pgoddard */
	padding-right: 10px;
	float: left;
	text-align: center; /* added 04.07.2008 pgoddard */ 
}
.case-study-summary .copy {width: 450px;float: left;line-height: 18px}
.readMore {line-height: 25px}
table.rows {margin-bottom: 15px}
table.rows thead,table.rows th,table.rows tr, table.rows td {border: 0;border-bottom: 1px solid #ececee;padding: 6px 20px}
table.rows tr, table.rows td {border: 0;border-bottom: 1px solid #ececee}
/*******************************
* SECTION
*******************************/
.index h1 {display: none}
/*******************************
* Tabbed Content Specific
*******************************/
.tabbed-content #page {padding-top: 11px}
/*******************************
* Home Page Specific
*******************************/
.index #page {margin: 18px auto 0;padding: 11px 0;width: 100%}
.index #content2 {margin: 0;padding: 0;width: 100%;background: none;min-height: inherit}
.index p {margin-bottom: 0;font-size: 12px}
.index li {line-height: 16px}

#index #header-bubble #home-bubble p,
#index #header-bubble #home-bubble p span {
	color: #333;
	line-height: 100%;
}
#index #header-bubble #home-bubble p {
	font-size: 40px;
	font-weight: bold;
	position: absolute;
	text-transform: uppercase;
	top: 200px;
	left: 400px;
}
#index #header-bubble #home-bubble p span {

	display: block;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 3px;
}
#index #page {margin-top: 15px}
#index #header-bubble {background:none}
#index #header-bubble #home-bubble a {
display: block;
height: 340px;
width: 960px

}
#index .info-box {margin:0;padding:0;width: 215px}
#index .info-box .item {margin-right: 30px;margin-left: 10px}
#index .info-box p, #index .info-box div {color:#999 !important;font-size:10px;line-height:14px}
#index .info-box .item h5,#index .info-box .item h1 {color:#666 !important;font-size: 12px;margin: 0;font-weight: normal;text-transform:none}
.item p a {color:#666}
#index .info-box.outer, #index .info-box.last {width: 235px}
#index .info-box.outer .item {margin-left: 30px;margin-right: 20px}
#index .info-box.last .item {margin-right: 20px}





/*********************************
* Content Slides
*********************************/
#content2 .slide,#content2 .overslide  {
	background: url(images/content-background.gif) repeat-y top left;
	display: inline;
	float: left;
	padding: 20px 10px 11px 18px;
	min-height: 325px;
	_height: 325px;	
/*	width: 622px; */
}
#content2 .overslide  {
  background: #fff;
	background-image: none;
	border: solid #eee;
	border-width: 0 1px;	
	margin-top: -5px;
	padding: 20px 10px 12px 18px;
	width: 623px;
}



/* per new left nav to make lines consistent */
#content2 .overslide .slide {
	width: 575px;
	background: none;
	border: 1px solid #eee;
	 -moz-border-radius-bottomleft: 7px;
	 -moz-border-radius-bottomright: 7px;
	 -moz-border-radius-topright: 7px;
}
#content2 .overslide .tabs {width: 609px;background: none;height: 31px}
/* SISU NEW */


#content2 .gallery .info {
  display:block;
  float:left;
  padding:14px 10px 0pt 0pt;
  width:445px;
}
#content2 .gallery .info .thumb {padding-bottom: 5px}
.thumb {margin-bottom: 20px}
.thumb a {display:block; margin-bottom: 5px}
#content2 .gallery .items {
	border-left:1px solid #ECECEE;
	display:block;
  float:left;
  padding:23px 0pt 0pt 10px;
  width:155px;
} 
#content2 .feature_details .intro {
	float: left;
	display: block;
	margin-right: 20px;
	width: 393px;
}
#content2 .feature_details .legend {
	display: block;
	float: left;
	padding-top: 38px;
}
#content2 .feature_details .legend .box {
	border: 1px solid #ececee;
	line-height: 30px;
	margin-top: 5px;
	padding: 10px;
	width: 250px;
}
/* END - SISU NEW */


/*********************************
* Expandable Def Lists
*********************************/
.expandable dt {font-weight: bold;margin-bottom: 12px}
.expandable dd {
	border-bottom: 1px solid #ececee;
	display: none;
	margin-bottom: 10px;
	padding: 0 0 10px 8px;
}
.expand-all,.hide-all {font-size: 10px;margin: 0 3px}
/*********************************
* Random Styles
*********************************/

/*********************************
* Added by pat: Random stuff
*********************************/


/*http://www.positioniseverything.net/easyclearing.html*/
.clear:after {clear: both;content: ".";display: block;visibility: hidden}
.clear {display: inline-block;line-height: 0}
/* Hides from IE-mac \*/
* html .clear {height: 1%}
.clear {display: block}
/* End hide from IE-mac */

.hide {display: none}













/* compare-to-competition */
#compare th.competition,#compare td.competition {display:none}	
/* display the first competitor */
#compare td.first,
#compare th.first {
  display: table-cell;
  *display: inline; /* ie 6+7 */
}
#compare .showcomp {
  display: table-cell !important;
  *display: inline !important; /* ie 6+7 */
}
#compare {width: 610px;margin-bottom: 20px}
#compare th,#compare td {border: solid #eee;border-width: 0 0 1px 0 !important;padding: 5px 10px}
#compare tr {border-bottom: 1px solid #ccc}
#compare th.first {padding-top: 30px;color: #333}
#compare thead th,#compare td {text-align: center;height: 40px}
#compare th.secondary,#compare th.tertiary {font-weight: normal}
#compare th.tertiary {padding-left: 30px}

#comparechooser {
  text-align: center;
  padding: 1em;
}
#comparechooser label {
  font-weight: bold;
  font-size: 14px;
  color: #666;
}
#comparechooser h5 {
  padding: 15px 0 10px;
  font-size: 22px;
  color: #fff;
}

#compareform {padding: 1em; margin-right: 20px;text-align: center;clear: both;width: 590px}