/*********** = utility classes = ***********/

.clearfix:after { /* modern browsers */
	content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden !important;
}

.clear {
	clear:both;
	height:0px !important;
	margin: 0px 0 0 0;
	overflow: hidden;
	padding:0;
}

.clear.height {
	margin: 12px 0;
}

.clear.left {
	clear:left;
}

.clear.right {
	clear:right;
}

.hide   {
	position: absolute;
	left: -9999px;
	top: -9999px;
}


.hr {
	background: #ebebeb;
	clear:both;
	font-size: 1px;
	line-height: 3px;
	height:3px;
	margin: 12px 0;
	overflow: hidden;
}

div.hr + div.hr { display: none; }

.hr.min {
	background: #ddd;
	height: 1px;
}

.hr.row-divider {
	background: none;
	line-height: 1px;
	height:1px;
	margin: 0;
}

.demarcated .hr.row-divider {
	background: #ebebeb;
	line-height: 3px;
	height:3px;
	margin: 5px 30px 12px;
}

p.hr {
	background: none;
	border-top: 3px solid #ebebeb;
	font-size: 12px;
	height: auto;
	line-height: auto;
	overflow: visible;
	padding-top: 12px;
}

div.addendum .hr.row-divider,
.hr.full {
	margin: 8px 15px 12px 15px; 
}

.hr.alt {
	background: #e6f0f7;
}

.block,
.display-block {
	display: block !important;
}

.inline,
.display-inline {
	display: inline !important;
}

.center {
	text-align:center;
}

.centered {
	margin-left:auto;
	margin-right:auto;
}

.returner {
	margin: -32px 0 0 0;
}

.align-right {
	float:right !important;
}

.promo .align-right {
	margin-right: 4px;
}
	
.align-left {
	float:left !important;
}

.margin-top, div p.margin-top:first-child,  div p.declare.margin-top:first-child { margin-top:12px !important; }
.margin-top-small { margin-top:5px!important; }

.margin-bottom { margin-bottom:12px!important; }
.margin-bottom-small { margin-bottom:5px!important; }
.margin-bottom-big { margin-bottom:25px!important; }
.margin-bottom.negative { margin-bottom:-12px!important; }

.collapse {
	margin: 0 !important;
}

.collapse-top {
	margin-top: 0 !important;
}

.collapse-bottom {
	margin-bottom: 0 !important;
}

.margin-right {
	margin-right: 12px !important;
}

.margin-left {
	margin-left: 12px !important;
}

.margin-top {
	margin-top: 12px !important;
}

.margin-top-big {
	margin-top: 25px !important;
}

.margin-top.negative {
	margin-top: -12px !important;
}

.margin-bottom {
	margin-bottom: 12px !important;
}

.negative-margin-bottom {
	margin-bottom: -8px !important;
}

.negative-margin-top {
	margin-top: -8px !important;
}

body.alt .calloutRight,
body.solutions .calloutRight,
.negative-margin-right {
	margin-right: -120px;
}

p img.image {
	margin-top: -10px;
}

.overflow {
	padding-right: 4px;
	overflow: auto;
}

/*********** = buttons = ***********/

a.fancybutton.styled {
    background: transparent url(/img/bg_button.gif) no-repeat 100% 0 !important;
    border: none !important;
    color: #fff !important;
    display: block !important;
    float: left;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 1em !important;
    height: 24px !important;
    margin: 0 6px 0 0 !important;
    padding: 0 18px 0 0 !important;
    text-decoration: none !important;
    width: auto !important;
}

p.large a.fancybutton.styled {
	font-size: 14px !important;
}

a.fancybutton.styled span {
    background: #fff url(/img/bg_button.gif) no-repeat 0 0 !important;
    display: block;
    line-height: 14px !important;
    padding: 5px 0 5px 18px !important;
}

.callout a.fancybutton.styled span,
.calloutRight a.fancybutton.styled span,
.highlight a.fancybutton.styled span {
	background-color: #f7f7f7 !important;
}

a.fancybutton.styled:hover {
    background-position: 100% -24px !important;
    text-decoration: none !important;
}

a.fancybutton.styled:hover span {
    background-position: 0 -24px !important;
}

a.fancybutton.styled:active {
    background-position: 100% -48px !important;
    color: #eee;
    outline: none; /* hide dotted outline in Firefox */
}

a.fancybutton.styled:active span {
    background-position: 0 -48px !important;
    padding: 6px 0 4px 18px !important; /* push text down 1px */
}

a.button  {
    background: transparent url(/img/bg_button_a.gif) no-repeat 100% 0 !important;
    border: none !important;
    color: #666 !important;
    cursor: pointer;
    display: block !important;
    float: left;
    font-family: Arial;
    font-size: 12px !important;
    font-weight: bold;
    height: 24px !important;
    margin: 0 !important;
    outline: none !important;
    overflow:hidden !important;
    padding-right: 18px !important;
    text-decoration: none !important;
    position: relative;
    z-index: 2;
}

a.button.action,
a.button.next-button {
    background: transparent url(/img/bg_button_a_action.gif) no-repeat 100% 0 !important;
}

div.mm a.button {
  	background-image: url(/img/bg_button_a_dark.gif) !important;
}

a.button span {
	background: transparent url(/img/bg_button_span.gif) no-repeat 0 0 !important;
    display: block !important;
    line-height: 14px !important;
    margin: 0 !important;
    outline: none !important;
    padding: 5px 0 7px 18px !important;
}

a.button.action span {
    padding: 5px 4px 7px 18px !important;
}

a.button.previous-button span {
    background: transparent url(/img/bg_button_span_previous.gif) no-repeat 0 0 !important;
    padding-left: 18px !important;
}

div.mm a.button span {
  	background-image: url(/img/bg_button_span_dark.gif) !important;
}

a.button img {
    margin: -2px 4px -4px -6px !important;
    padding:0 !important;
    border:none !important;
}

a.button:hover {
    background-position: 100% -48px !important;
    cursor: pointer;
    color: #000 !important;
    text-decoration: none !important;
}

a.button:hover span {
    background-position: 0 -48px !important;
}

a.button:active {
    background-position: 100% -24px !important;
    color: #000 !important;
    outline: none !important; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: 0 -24px !important;
    padding: 6px 0 4px 18px !important; /* push text down 1px */
    outline: none !important; 
}

a.button.action:active span {
    background-position: 0 -24px !important;
    padding: 6px 4px 4px 18px !important; /* push text down 1px */
    outline: none !important; 
}

h2 .fancybutton.styled,
h2 .button {
	float: right;
	position: relative;
	margin: 3px 30px 0 0 !important;
}

body.full-layout h2 .fancybutton.styled,
body.full-layout h2 .button {
	float: right;
	margin: 3px 15px 0 0 !important;
}

.button-big {
	background: url(/img/bg_btn_big.gif) no-repeat 0 0;
	color: #2e5790;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 42px;
	line-height: 41px;
	padding: 0;
	text-decoration: none;
	text-align: center;
	width: 245px;
}

.highlight .button-big { background: url(/img/bg_btn_big_highlight.gif) no-repeat 0 0; width: 224px; }
.callout .button-big { background: url(/img/bg_btn_big_callout.gif) no-repeat 0 0; width: 213px; }

.button-big:hover {
	background-position: 0 -45px !important;
	color: #fff !important;
}


.button-big.datasheet,
.button-big.download {
	text-align: left;
	padding-left: 37px;
	width: 208px;
}

.button-big.request {
height: 40px;
	line-height: 36px;
	padding: 0 !important;
	position: relative;
	text-decoration: none;
	text-align: center;
	text-align: left;
	padding-left: 33px !important;
	width: 212px;
}

.button-big.request {
	color: #fff !important;
}

.button-big.datasheet { background: url(/img/bg_btn_big_datasheet.gif) no-repeat 0 0; }
.button-big.download { background: url(/img/bg_btn_big_download.png) no-repeat 0 0; }
.button-big.request { background: url(/img/bg_btn_big_request.png) no-repeat 0 0; }

.button-big.request:hover { 
	background-position: 0 -40px !important; 
	color: #3769ac !important; 
}

.button-big.request:active { 
	background-position: 0 -80px !important; 
	color: #fff !important; 
}

/*********** = pagination/navigation - library/search results = ***********/

/* options bar */

div.options {
	background: url(/img/bg_options_tp.gif) no-repeat 0 0;
	height: 30px;
	line-height: 30px;
	margin: 12px 0;
}

.search-results div.options {
	background: none;
	border-bottom: 1px solid #ebebeb;
}

.tabbertab div.options {
	background: none;
	border-bottom: 3px solid #ebebeb;
	margin: 0;
}

/* columns/list view toggle */

div.view-type {
	float: left;
	height: 20px;
	position: relative;
	margin: 5px 0 0 10px;
}

div.view-type a {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 20px;
	overflow: hidden;
	margin: 0 1px 0 0;
	padding: 0;
	text-indent: -9999em;
	width: 23px;
}

.switch-views {
	color: #d54e21;
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	height: 25px;
	margin: 0 0 0 12px !important;
	overflow: hidden;
}

a.column-view,
a.list-view {
	background-position: 0 -40px;
	background-repeat: no-repeat;
	line-height: 30px;
	padding: 3px 0 5px 27px;
	text-decoration: underline;
}

div.view-type a.column-icon,
a.column-view {
	background-image: url(/img/bg_column.gif);
}

div.view-type a.list-icon,
a.list-view {
	background-image: url(/img/bg_list.gif);
}

div.view-type a:hover,
a.column-view:hover,
a.list-view:hover {
	background-position: 0 -20px;
}

div.view-type a.active {
	background-position: 0 -20px !important;
}

div.view-type a:active,
a.column-view:active,
a.list-view:active {
	background-position: 0 -60px !important;
}

div.view-type a span {
	display: none;
	height: 7px;
	position: absolute;
	left: 51px;
	text-indent: 0;
	top: 6px;
	width: 75px;
}

div.view-type a:hover span {
	display: block;
}

.pagination { 
	float: right;
	font-size:11px; 
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
	text-align:right;
}

.pagination a,
.pagination a:visited { 
	font-size:11px !important; 
	text-decoration: none;
}

div.results { 
	color:#888;  
	float: left;
	font-size:11px !important; 
	margin: 0 9px 0 0 !important;
}

div.results select {
	font-size: 11px;
}

.pagination span,
.navigation span { 
	color:#a9a9a9; 
}

.pagination .previous,
.pagination .next {
	display: block;
	float: left; 
	height: 9px;
	margin: 10px 3px 0 3px !important;
	overflow: hidden;
	padding: 0 !important;
	width: 5px;
}

.pagination a.previous { 
	background:url(/img/bg_previous.gif) no-repeat 0 0; 
}

.pagination span.previous { 
	background:url(/img/bg_previous.gif) no-repeat 0 -27px;
}

.pagination a.next { 
	background:url(/img/bg_next.gif) no-repeat 0 0; 
}

.pagination span.next { 
	background:url(/img/bg_next.gif) no-repeat 0 -27px; 
}

.pagination .previous span,
.pagination .next span {
	display: none;
}

.pagination a.previous:hover, 
.pagination a.next:hover {
	background-position: 0 -9px;
}

.pagination a.previous:active, 
.pagination a.next:active {
	background-position: 0 -18px;
}

.pagination .pages { 
	float: left !important;
	padding:0 1px; 
}

.navigation .pagination .pages {
	float: none !important;
}

.navigation .pages { 
	font-size: 12px;
	line-height: 27px;
	margin: 0 auto;
}

.pagination a,
.navigation .pages a {
	font-weight: bold;
}

.pagination .pages a,
.pagination .pages span,
.navigation .pages a,
.navigation .pages span { 
	padding:0 4px 0 0; 
	background:url(/img/bg_div.gif) no-repeat 100% 0; 
	text-decoration: none !important;
}

.pagination .pages a:last-child,
.pagination .pages span:last-child,
.navigation .pages a:last-child,
.navigation .pages span:last-child { 
	padding:0 4px 0 0; 
	background: none;
}

.pagination .pages a.last,
.pagination .pages span.last,
.navigation .pages a.last,
.navigation .pages span.last,
.pagination .pages a:last-child,
.pagination .pages span:last-child 
.navigation .pages a:last-child,
.navigation .pages span:last-child { 
	padding-right:2px; 
	background:none; 
	width:auto !important;
	float:none !important; 
}

.pagination .pages a:hover,
.navigation .pages a:hover {
	color: #333 !important;
 	text-decoration: underline !important;
}

/* navigation */

.navigation {
	clear: both;
	display: block;
	height: 26px;
	margin: 0 0 10px 0;
	position: relative;
	text-align: center;
	/* width: 825px; */
}

.demarcated.columns .navigation {
	background: #fcfcfd;
	height: auto;
	margin: 0;
	padding: 10px 0 10px 0;
}

div.mm .demarcated.columns .navigation {
	background: #464646;
	height: auto;
	margin: 0;
	padding: 10px 0 10px 0;
}

.navigation a.previous,
.navigation a.next,
.navigation .pagination a.previous,
.navigation .pagination a.next {
	display: block;
	color: #fff !important;
	font-size: 10px;
	font-weight: bold;
	height: 26px;
	letter-spacing: 1px;
	line-height: 26px;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	width: 157px;
	float: none; 
	overflow: visible;
}

.navigation span.previous,
.navigation span.next { display: none; }

.navigation .pagination a.previous,
.navigation .pagination a.next {
	margin: 0 !important;
	width: 165px;
}

.navigation a.previous {
	background: url(/img/bg_prev_page.png) no-repeat 0 0; 
	left: 0;
	top: 0;
	position: absolute;
	padding-left: 8px;
}

.navigation a.next {
	background:url(/img/bg_next_page.png) no-repeat 0 0; 
	right: 0;
	top: 0;
	position: absolute;
	padding-right: 8px;
}

.demarcated.columns .navigation a.next,
.demarcated.columns .navigation a.previous {
	top: 10px;
}

.navigation a.next:hover,
.navigation a.previous:hover {
	background-position: 0 -26px;
	color: #fff !important;
}

.navigation a.next:active,
.navigation a.previous:active {
	background-position: 0 -52px;
	color: #fff !important;
}

.navigation a.disabled {
	background-position: 0 -78px !important;
	color: #aaa !important;
}	

.navigation .pagination { 
	float: none;
	margin-right: 0;
	text-align:center;
}

/*********** = lightbox stuff = ***********/

/* #lb-viewer {
	background: none;
	padding: 0 10px 10px 10px;
}

#lb-closer {
	background: none;
	height: 10px;
	position: relative;
	z-index: 20002;
}

#lb-closer a {
	background: url(/img/bg_close.png) no-repeat 0 0 !important;
	border: none !important;
	top: 2px !important;
	display: block !important;
	position: absolute !important;
	height: 21px !important;
	right: -10px !important;
	padding: 0 !important;
	text-indent: -9999em !important;
	width: 21px !important;
}

#lb-closer a:hover {
	background-position: 0 -21px !important;
}

.lightboxtitle {
	background: #111;
	color: #eee;
	font-size: 12px;
	padding: 10px;
	text-align: center;
} */

#lb-viewer {
	background: none;
	clear: both;
	padding: 0;
}

/* #lb-bottombuttons {
	background: #eaeaea url(/img/lb_buttons.gif) repeat-x 0 0;
	border-bottom: 1px solid #999;
	border-top: 1px solid #eee;
	padding: 4px 3px;
	position: relative;
} */

/* #lb-closer {
	background: none;
	position: relative;
	z-index: 20002;
	text-align: left;
	width: 200px;
	overflow: hidden;
}

#lb-closer a {
	background: url(/img/lb_closer.gif) no-repeat 0 0 !important;
	border: none !important;
	color: #464646 !important;
	font-size: 11px;
	font-weight: bold;
	display: block !important;
	height: 15px !important;
	line-height: 15px !important;
	padding: 0 0 0 17px !important;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
}

#lb-closer a:hover {
	background-position: 0 -15px !important;
	color: #999 !important;
} */

#nextarrow a {
	background: url(/img/bg_nextarrow_png.png) no-repeat 0 0;
	display: block;
	height: 22px;
	position: absolute;
	text-indent: -9999em;
	right: 4px;
	top: 50%;
	width: 22px;
	z-index: 20003;
}

#prevarrow a {
	background: url(/img/bg_prevarrow_png.png) no-repeat 0 0;
	display: block;
	height: 22px;
	position: absolute;
	text-indent: -9999em;
	left: 4px;;
	top: 50%;
	width: 22px;
	z-index: 20003;
}

#nextarrow a:hover,
#prevarrow a:hover {
	background-position: 0 -22px;
}


#nextarrow a:active,
#prevarrow a:active {
	background-position: 0 -44px;
}

.lightboxtitle {
	/* background: #eaeaea url(/img/lb_buttons.gif) repeat-x 0 0; */
	background: #fff;
	color: #666;
	font-size: 12px;
	line-height: 14px;
	padding: 9px 0 0 0;
	position: relative;
	text-align: left;
}

.lightboxtitle p {
	margin: 5px 0 0 0 !important;
}

/*new stuff based on fancyzoom*/
#lb-closer {
	background: none;
	height: 30px;
	z-index: 20002;
}

#lb-closer a {
	background: url(/img/closebox.png) no-repeat 0 0 !important;
	border: none !important;
	top: 0 !important;
	display: block !important;
	position: absolute !important;
	height: 30px !important;
	left: 0 !important;
	padding: 0 !important;
	text-indent: -9999em !important;
	width: 30px !important;
}

#lb-closer a:hover {
	/* background-position: 0 -21px !important; */
}

#zoom_table { border-collapse: collapse; width:100%; height:100%; }

/* .tl { background:url(/img/tm.png) 0 0 no-repeat; width:20px; height:20px; overflow:hidden; }
.tm { background:url (/img/tm.png) 0 0 repeat-x; height:20px; overflow:hidden; }
.tr { background:url (/img/tr.png) 100% 0 no-repeat; width:20px; height:20px; overflow:hidden; }

.ml { background:url (/img/ml.png) 0 0 repeat-y; width:20px; overflow:hidden; }
.mm { background:#fff; vertical-align:top; padding:10px; }
.mr { background:url (/img/mr.png) 100% 0 repeat-y;  width:20px; overflow:hidden; }

.bl { background:url (/img/bl.png) 0 100% no-repeat; width:20px; height:20px; overflow:hidden; }
.bm { background:url (/img/bm.png) 0 100% repeat-x; height:20px; overflow:hidden; }
.br { background:url (/img/br.png) 100% 100% no-repeat; width:20px; height:20px; overflow:hidden; } */

a.mgclightbox {
	position: relative;
}

a.mgclightbox span.zoom { 
	background: url(/img/bg_lightbox_zoom.png) no-repeat 0 0;
	display: block;
	bottom: -12px;
	right: -14px;
	display: block;
	height: 34px;
	position: absolute;
	width: 34px;
	z-index: 2;
}

a.mgclightbox:hover span.zoom { background-position: 0 -51px; }
a.mgclightbox:active span.zoom { background-position: 0 -102px; }

.gallery a.mgclightbox span.zoom {
	display: none;
}

a.mgclightbox img {
	position: relative;
	z-index: 1;
}

div.lb-thumb {
	background: url(/img/bg_lb_thumb.jpg) no-repeat 0 0;
	padding: 5px;
	width: 110px;
}

div.lb-thumb p {
	color: #999 !important;
	font-size: 11px !important;
	line-height: 12px !important;
	margin: 0 0 5px 0 !important;
}

/*********** = sIFR = ***********/

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

/*********** = Tooltips = ***********/

#tooltip {
	position: absolute;
	z-index: 30003;
	border: 1px solid #ddd;
	background: #fcfae2;
	padding: 4px;
	font-size: 11px !important;
	font-weight: normal !important;
	line-height: 1em !important;
	opacity: 0.98;
	filter:alpha(opacity=98);
	-moz-opacity:.98;
	width: auto;
	max-width: 350px;
	text-align: left !important;
}

#tooltip h3,
#tooltip div { margin: 0; }

#tooltip h3 {
	color: #333 !important;
	font-size: 11px !important;
	font-weight: normal !important;
	line-height: 1.1em !important;
}

#tooltip.pretty {
	background: none;
	background: url(/img/bg_tooltip_top.png) no-repeat 0 0;
	border: none;
	display: none;
	overflow: hidden;
	padding: 18px 0 0 0;
	z-index: 2;
	width: 362px;
	max-width: 362px;
	opacity: 1.0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
}

*html #tooltip.pretty {
	background: url(/img/bg_tooltip_top_gif.gif) no-repeat 0 0;
}

#tooltip.pretty .body {
	background: url(/img/bg_tooltip_bottom.png) no-repeat 0 100%;
	padding: 0 30px 18px 30px;
}

*html #tooltip.pretty .body {
	background: url(/img/bg_tooltip_bottom_gif.gif) no-repeat 0 100%;
}

div.tooltipcontent {
	display: none;
}

#tooltip div.tooltipcontent {
	display: block;
}

/* cluetip */
#cluetip {
	text-align: left;
}

.cluetip-jtip {
	
}

.clue-right-jtp {
	
}

#cluetip-outer {
	background: url(/img/bg_tooltip_top.png) no-repeat 0 0;
	padding: 18px 0 0 0;
	width: 362px;
}

*html #cluetip-outer {
	background: url(/img/bg_tooltip_top_gif.gif) no-repeat 0 0;
}

h3#cluetip-title {
	margin: 0 !important;
	position: absolute;
	padding: 0;
	left: 0;
	width: 362px;
}

#cluetip-close a {
	cursor: pointer;
	background: url(/img/closebox.png) no-repeat 0 0 !important;
	border: none !important;
	top: -29px !important;
	display: block !important;
	position: absolute !important;
	height: 30px !important;
	left: -6px !important;
	padding: 0 !important;
	text-indent: -9999em !important;
	width: 30px !important;
}

#cluetip-close a:hover {
	background-position: 0 -23px;
}

#cluetip-close a:active {
	background-position: 0 -46px;
}

#cluetip-inner {
	background: url(/img/bg_tooltip_bottom.png) no-repeat 0 100%;
	padding: 1px 30px 18px 30px;
}

*html #cluetip-inner {
	background: url(/img/bg_tooltip_bottom_gif.gif) no-repeat 0 100%;
}
 
#cluetip-inner p.intro,
#cluetip-inner p.large { margin: 0; padding: 2px 0 0 0 !important; }

#cluetip-inner p:last-child { margin-bottom: 0; }

.fv-comparison div.infowindow-inner h3 { 
	font-size: 16px;
	margin: 0 0 3px !important;
}

.fv-comparison div.infowindow-inner p { 
	font-size: 13px; 
	line-height: 15px;
	margin: 3px 0 !important;
}
 
/* old product guide stuff - depracated 2/18 */
div.infowindow {
	background: transparent url(/img/bg_tpwindow.png) no-repeat 0 0;
	display: none;
	height: 302px;
	margin: 0 0 0 70px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	z-index: 9999;
	width: 362px;
}

*html div.infowindow {
	background: transparent url(/img/bg_tpwindow_ie.gif) no-repeat 0 0;
	margin: -80px 0 0 5px;
	top: 50%;
}

*:first-child+html div.infowindow {
	background: transparent url(/img/bg_tpwindow_ie.gif) no-repeat 0 0;
	margin: -80px 0 0 5px;
	top: 50%;
}

div.infowindow div.infowindow-inner {
	position: relative;
	padding: 20px;
}

*html div.infowindow div.infowindow-inner {
	height: 242px;
	margin: 20px 0 0 -30px;
	padding: 0;
	width: 272px;
}

div.infowindow div.scroll {
	overflow: auto;
	text-align: left;
	height: 242px !important;
	padding: 5px;
}

div.infowindow .close-infowindow {
	background: url(/img/bg_close_window.png) no-repeat 0 0;
	cursor: pointer;
	height: 23px;
	margin: 0;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 9999;
	width: 25px;
	text-indent: -9999em;
}

.tooltiphtml {
	cursor: pointer;
}

.tooltipcontent p.intro { margin: 0; padding: 2px 0 0 0 !important; }

/*********** = multimedia player = ***********/

div.mentor-player {
	position: relative;
	height: 40px;
	background: #2e5790 url(/img/bg_mentor_player.png) repeat-x 0 -4px;
	width: 100%;
}

/* play/pause button */
div.mentor-player a.play, 
div.mentor-player a.pause { 
	position:absolute;
	left: 0;
	width: 46px;
	height: 40px;
	display: block;
	text-indent: -9999em;
	background: url(/img/bg_mentor_player.png) no-repeat 10px -61px;
	cursor: pointer;
	border-right: 1px solid #1c3659; 
}

div.mentor-player a.play:hover {
	background-position: 10px -105px;	
}

/* pause state */
div.mentor-player a.pause { 
	background-position: 11px -148px;
}

div.mentor-player a.pause:hover {
	background-position: 11px -192px;	
}

/* the timeline (or "scrubber")  */
div.mentor-player div.track {  
	left: 47px;
	position: absolute;
	cursor: pointer;
	width: 285px;
	/* border-left:1px solid #cee1ef; */
	height: 40px;	
}

.mentor-player-compact div.mentor-player div.track {  
	width: 150px;
}

/* the draggable playhead */
div.mentor-player div.playhead {
	left: 0;
	position:absolute;
	cursor:pointer; 
	background-color:#cee1ef;
	opacity:0.80;
	filter: alpha(opacity=80);	
	width:3px;
	height:40px;
	border-right:1px solid #5879a6;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.mentor-player div.progress, 
div.mentor-player div.buffer {	
	left: 0;
	position: absolute;
	background-color: #cee1ef;
	filter: alpha(opacity=50);
	opacity: 0.5;
	width: 0px;
	height: 40px;
}

div.mentor-player div.buffer {
	background-color: #fff;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

/* time display */
div.mentor-player div.time {
	height: 40px;
	position: absolute;		
	width: 110px;
	left: 330px;
	padding: 0;
	line-height: 40px;
	text-align:center;
	border: 1px solid #5879a6;
	border-width: 0 1px;
	font-size: 12px;
	color: #fff; 
}

.mentor-player-compact div.mentor-player div.time {
	left: 195px;
	font-size: 11px;
	width: 90px;
}

/* total duration in time display */
div.mentor-player div.time strong {
	font-weight: normal;
	color: #bbb;
}

/* mute / unmute buttons */
div.mentor-player a.mute, 
div.mentor-player a.unmute {
	position: absolute;
	right: 0px;
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 8px 0;
	cursor: pointer;
	text-indent: -9999em;
	background: url(/img/bg_mentor_player.png) no-repeat 5px -323px;
}

div.mentor-player a.mute:hover {
	background-position: 5px -367px;	
}

/* unmute state */
div.mentor-player a.unmute {
	background-position: 5px -235px;	
}

div.mentor-player a.unmute:hover {
	background-position: 5px -279px;	
}

/* button pairs, to be used together, e.g. Try and Buy */
.button-pair {
	background: url(/img/bg_button_pair.png) repeat-x 0 0;
	border: 1px solid #d7d7d7;
	border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px;
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,.3); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.3); box-shadow: 0px 2px 2px rgba(0,0,0,.3);
	color: #2e5790 !important;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff !important;
}

.button-pair:hover {
	background-position: 0 -26px;
}

.button-pair:active {
	background-position: 0 -52px;
	border-color: #34629e;
	color: #fff !important;
	text-shadow: none !important;
}

.cta-blue-link {
	background: transparent url(/img/bg_cta_blue_link.png) no-repeat 0 0;
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
	box-shadow: 2px 2px 2px rgba(0,0,0,.2); -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.2); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
	display: block;
	height: 46px;
	overflow: hidden;
	padding: 5px 5px 0 12px;
	text-decoration: none;
	width: 228px;
}

.no-rgba .cta-blue-link { background: transparent url(/img/bg_cta_blue_link_ie.png) no-repeat 0 0; }

.cta-blue-link:hover { background-position: 0 -51px; }
.cta-blue-link:active { background-position: 0 -102px; }

.cta-blue-link em {
	color: #2e5790;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 3px 0 1px 0;
	text-shadow: 1px 1px 0 #fff;
}

.cta-blue-link b {
	color: #51595f !important;
	display: block;
	font-weight: normal;
	font-size: 13px;
	text-shadow: 1px 1px 0 #fff;
}


.cta-blue-link:active em,
.cta-blue-link:active b {
	color: #fff !important;
	text-shadow: none;
}

.design-area-tabs .tabbertab .cta { 
	bottom: 34px;
	position: absolute;
	left: 30px;
}

.design-area-tabs .tabbertab .row.cta {
	width: 520px;
}

.panel-header a.fancybutton { 
	position: absolute;
	right: 24px;
	top: 5px;
}

.button img.loading,
.button-big img.loading,
.button-big-alt img.loading {
	margin: 0;
	position: absolute;
	right: 8px;
	top: 9px;
}

.button-big,
.button-big-alt {
	background: url(/img/bg_btn_big.gif) no-repeat 0 0 !important;
	color: #3769ac;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 40px;
	line-height: 36px;
	padding: 0 !important;
	position: relative;
	text-decoration: none;
	text-align: center;
	width: 245px;
}

.button-big-alt.disabled,
.button-big-alt.disabled:hover {
	background-position: 0 -40px !important;
	color: #999 !important;
}

.button-big.download,
.button-big.request,
.button-big-alt {
	color: #fff !important;
}

.button-big b { 
	color: #999;
	font-size: 11px;
	font-weight: normal;
}

.highlight .button-big b,
.callout .button-big b,
.callout-alt .button-big b {
	display: none;
}

.button-big.datasheet,
.button-big.download,
.button-big.request {
	text-align: left;
	padding-left: 33px !important;
	width: 212px;
}

.button-big.datasheet { background: url(/img/bg_btn_big_pdf.png) no-repeat 0 0 !important; }

.button-big.download { background: url(/img/bg_btn_big_download.png) no-repeat 0 0 !important; }

.button-big.request { background: url(/img/bg_btn_big_request.png) no-repeat 0 0 !important; }

.highlight .button-big.request { background: url(/img/bg_btn_big_orange_highlight_request.png) no-repeat 0 0 !important; }
.callout .button-big.request,
.callout-alt .button-big.request { background: url(/img/bg_btn_big_orange_callout_request.png) no-repeat 0 0 !important; }

.highlight .button-big.download { background: url(/img/bg_btn_big_orange_highlight_download.png) no-repeat 0 0 !important; }
.callout .button-big.download,
.callout-alt .button-big.download { background: url(/img/bg_btn_big_orange_callout_download.png) no-repeat 0 0 !important; }

.button-big-alt { 
	background: url(/img/bg_btn_big_orange.png) no-repeat 0 0 !important;
	font-weight: bold;
	font-size: 15px;
}

.featured-box .button-big-alt,
.highlight .button-big-alt { 
	background: url(/img/bg_btn_big_orange_highlight.png) no-repeat 0 0 !important;
	width: 224px;
}

.callout .button-big-alt,
.callout-alt .button-big-alt { 
	background: url(/img/bg_btn_big_orange_callout.png) no-repeat 0 0 !important; 
	width: 213px; 
}

.button-big-alt img,
.button-big img {
	margin: 0 3px 0 0;
	vertical-align: text-bottom;
}

.highlight .button-big, 
.featured-resource .button-big { 
	background: url(/img/bg_btn_big_highlight.gif) no-repeat 0 0 !important; 
	width: 224px; 
}

.highlight .button-big.datasheet { background: url(/img/bg_btn_big_highlight_pdf.png) no-repeat 0 0 !important; }

.callout .button-big.datasheet,
.callout-alt .button-big.datasheet {  background: url(/img/bg_btn_big_callout_pdf.png) no-repeat 0 0 !important; }

.callout .button-big,
.callout-alt .button-big { 
	background: url(/img/bg_btn_big_callout.gif) no-repeat 0 0 !important;
	width: 213px; 
}

.highlight .button-big.datasheet,
.highlight .button-big.request,
.highlight .button-big.download { width: 191px; }

.callout-alt .button-big.datasheet,
.callout-alt .button-big.request,
.callout-alt .button-big.download,
.callout .button-big.datasheet,
.callout .button-big.request,
.callout .button-big.download { width: 180px; }

.button-big:hover,
.highlight .button-big.datasheet:hover,
.callout .button-big.datasheet:hover,
.callout-alt .button-big.datasheet:hover { 
	background-position: 0 -40px !important; 
	color: #444 !important 
}

.button-big:active { 
	background-position: 0 -80px !important; 
	color: #fff !important 
}

.button-big.download:hover,
.button-big.request:hover,
.button-big-alt:hover { 
	background-position: 0 -40px !important; 
	color: #3769ac !important; 
}

.button-big.download:active,
.button-big.request:active,
.button-big-alt:active { 
	background-position: 0 -80px !important; 
	color: #fff !important; 
}

span.button-big,
span.button-big-alt,
span.button-big:hover,
span.button-big-alt:hover {
	background-position: 0 0 !important;
	color: #999 !important; 
	opacity: .6;
}

.button-big-alt img {
	margin: 3px 3px 0 0;
	vertical-align: text-top;
}