body {background-image: url('digiSignage/images/backgroundgradient.jpg'); background-repeat: repeat-x;margin: auto; padding:0; font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: .8em;	line-height: 1.6;} 


p, div, h1, h2, h3, h4, ul, li, form, input, select, option {font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; }
img {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0 3px 0 0;
    padding: 0 3px 0 0;
    float: left;
}
ul {list-style-type: disc; line-height: 1.2em; vertical-align: bottom; font-weight: normal;}
a {	outline: 0;}
a:link, a:visited {color: #0e7fc7; text-decoration: none;}
a:hover {	text-decoration: underline;}
.clear {	clear: both;	height: 0px;	font-size: 0px;	line-height: 0px;
    margin-left: 40px;
}


h1 {font: normal normal 400 1.7em "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; color: #277;} 
h2 {margin: 0px 0 5px 0; font: normal normal 800 1.25em "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; color: #277;} 
#aspace {height:68px; width: 927px; margin: 0 auto 2px auto; font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; text-align: right; vertical-align: bottom;}
#aspace a {height:68px; width: 927px; margin: 0 auto 2px auto; font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;  font-size: .9em; text-align: right; vertical-align: bottom; color: #fff;}
#aspace ul {float: right; vertical-align: bottom; position: relative; clear: none; list-style-type: none; top: 49px; margin: 0 57px 0 0;}
#aspace li {float: left; text-decoration: none; vertical-align: bottom; position: relative; clear: none; list-style-type: none; margin: 0 20px 0 0;}
#aspace .selected_page {float: left; color: #9a9; text-decoration: none; vertical-align: middle; position: relative; clear: none; list-style-type: none; margin: 0 20px 0 0;}
#masthead {background-image: url('digiSignage/images/iadeapdss.jpg'); background-repeat: no-repeat; background-position: center; margin:0 auto 0 auto; width:1050px; height: 69px; font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; text-align:right;}
.sub_nav {width: 927px; margin: 0 auto 0px auto; font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; vertical-align: bottom;}
#banner_title {float: none; margin-top: 32px; margin-left: 75px; font-size: 18px; font-weight: normal; font-family: "Segoe UI, Arial"; text-shadow: #CCCCCC 3px -1px 4px; width: 380px;}
#banner_action {float: none; margin-top: 22px; margin-left: 190px; font-size: 15px; font-weight: normal; font-family: "Segoe UI"; width: 360px; height: 37px;}

a.ovalbutton{background: transparent url('images/oval-blue-left.gif') no-repeat top left;display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
    color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{/* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{/* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{/* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}








/* Old */
a.osubbar{
 background: transparent url('images/sub_bar.png') repeat-x top left;
 display: block;
 float: left;
 font: normal 16px Tahoma; /* Change 13px as desired */
 line-height: 39px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */;
 width: 548px;
 height: 47px; /* Height of button background height */;
 padding-left: 11px; /* Width of left menu image */;
 text-decoration: none;
 float: left;
}

a:link.osubbar, a:visited.osubbar, a:active.osubbar{
color: #494949; /*button text color*/
}

a.osubbar span{
background: transparent url('images/sub_bar.png') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.osubbar:hover{/* Hover state CSS */
background-position: bottom left;
}

a.osubbar:hover span{/* Hover state CSS */
background-position: bottom right;
color: black;
}


/* New */
a.subbar{
 background: transparent url('images/sub_bar.png') repeat-x top left;
 display: block;
 float: left;
 font: normal 16px Tahoma; /* Change 13px as desired */
 line-height: 39px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */;
 width: 573px;
 height: 47px; /* Height of button background height */;
 padding-left: 11px; /* Width of left menu image */;
 text-decoration: none;
 float: left;
}

a:link.subbar, a:visited.subbar, a:active.subbar{
color: #494949; /*button text color*/
}

a.subbar span{
background: transparent url('images/sub_bar.png') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.subbar:hover{/* Hover state CSS */
background-position: bottom left;
}

a.subbar:hover span{/* Hover state CSS */
background-position: bottom right;
color: black;
}




a.inquiries{
 background: transparent url('images/contact.gif') no-repeat top left;
 display: block;
 float: left;
 font: normal 14px Tahoma; /* Change 13px as desired */
 line-height: 39px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */;
 width: 120px;
 height: 47px; /* Height of button background height */
 text-decoration: none;
 float: left;
 margin-left:5px;
background-position: bottom;
}

a:link.inquiries, a:visited.inquiries, a:active.inquiries{
color: #494949; /*button text color*/
}

a.inquiries:hover {/* Hover state CSS */
background-position: top;
color: black;
}

a.ovalbuttongsd_active{
background: transparent url('images/buttongl.png') no-repeat bottom left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 39px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 47px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
float: left;
}

a:link.ovalbuttongsd_active, a:visited.ovalbuttongsd_active, a:active.ovalbuttongsd_active{
color: #494949; /*button text color*/
}

a.ovalbuttongsd_active span{
background: transparent url('images/buttongr.png') no-repeat bottom right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbuttonrhd_active{
background: transparent url('images/buttonrl.png') no-repeat bottom left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 39px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 47px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
float: left;
}

a:link.ovalbuttonrhd_active, a:visited.ovalbuttonrhd_active, a:active.ovalbuttonrhd_active{
color: #494949; /*button text color*/
}

a.ovalbuttonrhd_active span{
background: transparent url('images/buttonrr.png') no-repeat bottom right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbuttonbds_active{
background: transparent url('images/buttonbl.png') no-repeat bottom left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 39px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 47px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
float: left;
}

a:link.ovalbuttonbds_active, a:visited.ovalbuttonbds_active, a:active.ovalbuttonbds_active{
color: #494949; /*button text color*/
}

a.ovalbuttonbds_active span{
background: transparent url('images/buttonbr.png') no-repeat bottom right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbuttongsd{
background: transparent url('images/buttongl.png') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 39px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 47px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
float: left;
}

a:link.ovalbuttongsd, a:visited.ovalbuttongsd, a:active.ovalbuttongsd{
color: #494949; /*button text color*/
}

a.ovalbuttongsd span{
background: transparent url('images/buttongr.png') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbuttongsd:hover{/* Hover state CSS */
background-position: bottom left;
}

a.ovalbuttongsd:hover span{/* Hover state CSS */
background-position: bottom right;
color: black;
}

a.ovalbuttonbds{
background: transparent url('images/buttonbl.png') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 39px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 47px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
float: left;
}

a:link.ovalbuttonbds, a:visited.ovalbuttonbds, a:active.ovalbuttonbds{
color: #494949; /*button text color*/
}

a.ovalbuttonbds span{
background: transparent url('images/buttonbr.png') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbuttonbds:hover{/* Hover state CSS */
background-position: bottom left;
}

a.ovalbuttonbds:hover span{/* Hover state CSS */
background-position: bottom right;
color: black;
}

a.ovalbuttonrhd{
background: transparent url('images/buttonrl.png') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 39px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 47px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
float: left;
}

a:link.ovalbuttonrhd, a:visited.ovalbuttonrhd, a:active.ovalbuttonrhd{
color: #494949; /*button text color*/
}

a.ovalbuttonrhd span{
background: transparent url('images/buttonrr.png') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbuttonrhd:hover{/* Hover state CSS */
background-position: bottom left;
}

a.ovalbuttonrhd:hover span{/* Hover state CSS */
background-position: bottom right;
color: black;
}



.buy { width: 158px; float: right; margin-left: 9px; margin-bottom: 23px;
}
.buy p {margin-bottom: 5px;}
.buy img {margin: 6px;float:left;}

#content {width: 927px; margin: auto; font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;}
.news { width: 672px; background-color: #eee; padding: 9px 19px 9px 19px; margin: 12px 0 0 0; text-align: justify; float: left; min-height: 450px;}
.news_toc { width: 108px; background-color: #eee; padding: 2px; margin: 2px; float: left; min-height: 450px;}
.news_hl {width:188px; background-color:#eee; padding:9px 9px 9px 9px; margin: 12px 0 0 5px;float:left; min-height: 450px;}
.news_hl h2 {color:#51801E;}

.news img {float:left; margin: 7px 15px 0 0;}
.mediacontact {float:right; width:150px; background-color:#eee; padding:9px 19px 9px 19px;}
.item_date {margin: -9px -19px 9px -19px ; padding:7px 10px 7px 0;text-align:right; background-color:#F9F9F9;}
.item_file {margin: -9px -19px 9px -19px ; padding:7px 10px 7px 0;text-align:right; background-color:#F6F6F6;}


#dse {	background-image: url('./images/cbg.png');	
height: 237px;	width: 220px;	float: left;	padding: 9px;	margin: 35px 19px 19px 19px;	font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}
#img {float: left; width: 150px;}
#news {width: 235px; height:230px; float: left;}
.title {width: 290px; 
height:23px; 
color: #0EaFC7;font-weight:bold;
 font-style: normal;
 font-variant: normal;
 font-size: 1.0em;
 line-height: normal;
 font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
 margin-left: 3px;
 margin-top: 27px;
}
#banner_title_g {float: none; margin-top: 12px; margin-left: 25px; font-size: 18px; font-weight: normal; font-family: "Segoe UI, Arial"; width: 210px;}
#banner_action_g {float: none; margin-top: 22px; margin-left: 53px; font-size: 15px; font-weight: normal; font-family: "Segoe UI"; width: 210px; height: 37px;}


a.ovalbutton_g{background: transparent url('images/oval-green-left.gif') no-repeat top left;display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton_g, a:visited.ovalbutton_g, a:active.ovalbutton_g{
    color: #494949; /*button text color*/
}

a.ovalbutton_g span{
background: transparent url('images/oval-green-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton_g:hover{/* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton_g:hover span{/* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper_g{/* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
.excerpt {
height:19px; width: 230px; font: .9em "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
 margin-left: 3px;
}
.continue {text-align:right; vertical-align:bottom;margin-left:-5px;margin-top:5px;}
#IAdea_lineup {height: 217px; width: 370px; float:left; background-image: url('./images/cbg.png'); 
padding: 19px; margin: 35px 19px 19px 0;
}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#banner {height: 253px; width: 576px; float: left; background-image: url('./images/poster_bg.png'); padding: 0px; margin: 35px 0px 19px 0;}
#banner_product {height: 253px; width: 576px; float: right; background-image: url('./images/poster_bg.png'); padding: 0px; margin: 35px 0px 19px 0;}
.banner_full {float: left; padding: 0px; margin: 0px 0px 19px 0; height: 455px; width:916px; background-color: #fff;}
.sub_page { min-height: 600px; width: 896px; float: left; padding: 19px 10px 12px 10px; margin: 0px 0px 19px 0; background-color: #fefefe;}

#products { border-bottom: 1px; height: 200px; margin: 0;}
#product_table table {margin: 0px; padding: 0px; border: 0px; text-align: center;}
#product_table th {font-size:.8em;vertical-align: top; width: 75px;font-weight:normal;text-align:center; border-bottom-color: #CfCfCf; border-bottom-style: solid; border-bottom-width: 1px;}
#product_table td {width: 60px; text-align: center; border-bottom-color: #CfCfCf; border-bottom-style: solid; border-bottom-width: 1px;}
#product_array li {width: 200px; min-height: 250px; border: 1px solid #000; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 5px; zoom: 1; *display: inline;_height: 250px;}

.columns {width: 250px; float:left; background: none; padding: 9px; margin:9px;}
.column1 {width: 252px; float:left; background: none; padding: 9px 19px 9px 0px; margin:9px 9px 9px 0px;}
.column2 {width: 260px; float:left; background: none; padding: 9px 19px 9px 0px; margin:9px 9px 9px 0px;}
.column3 {width: 220px; float:left; background: none; padding: 9px; margin:9px;}
.column3 ul li {font: normal normal 800 1.1em "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; color: #277; margin-bottom: 5px; list-style:none}

.b_1 {float:left;width:270px;padding-left:17px;margin:0 auto 0 auto;
    height: 89px;
}
.b_2 {float:left;width:260px;height:40px;}
.b_3 {float:left;width:220px;height:40px;}
.c_1 {float:left;width:260px;padding-left:17px;}
.c_2 {float:left;width:260px;height:250px;}
.c_3 {float:left;width:220px;height:250px;}

.basic  {	border: 1px solid grey;}
.basic  table {	border: 1px solid grey;width:100%;}
.basic  td {width:270px;margin: auto; vertical-align:top;}
.basic div {	background-color: #eee;}
.basic p {	margin-bottom : 10px;	border: none;	text-decoration: none;	font-weight: bold;	font-size: 10px;	margin: 0px;	padding: 10px;}
.basic a {	cursor:pointer;	display:block;	padding:5px;	margin-top: 0;	text-decoration: none;	font-weight: bold;	font-size: 12px;	color: black;	background-color: #00a0c6;	border-top: 1px solid #FFFFFF;	border-bottom: 1px solid #999;		background-image: url("./images/AccordionTab0.gif");}
.basic a:hover {	background-color: white;	background-image: url("./images/AccordionTab2.gif");}
.basic a.selected {	color: black;	background-color: #80cfe2;	background-image: url("./images/AccordionTab2.gif");}


#footer {	margin: 40px auto 30px auto; width: 927px;	 text-align: center;	font-family: "Segoe UI", Arial;	 font-size: .8em;	color: #204050;}
.product {width: 890px; float:left;}
.left_column {width: 720px; float:left;}
.right_column {width: 170px; float:left;}
.specs {background-color: #eee;padding: 9px; width: 890px; float: left; margin-top: 24px;}
.specs ul{margin-top:2px;padding-left:18px;}
.specs li{font-size:0.83em;margin-top:0px;}
.specs h2 { background-color: #fff;}
.specs h5 { margin-bottom:0px;}

#choose_1 {background-color: #fdfdfd; width:352px;height:337px;float:left;margin:5px 0px 5px 5px;}
#choose_1 a {text-decoration: none; color:Black;}
#choose_2 {background-color: #fdfdfd; width:231px;height:337px;float:left;margin:5px 0px 5px 5px;}
#choose_2 a {text-decoration: none; color:Black;}
#choose_3 {background-color: #fdfdfd; width:300px; height:337px; float:left;margin:5px 0px 5px 5px;}
#choose_3 a {text-decoration: none; color:Black;}


.subtext {margin:37px 9px 68px 9px;}
.subtext img {margin:4px 21px 65px 15px;}
.availablitity {margin-left:9px;margin-top:10px;}

.license {margin-bottom:20px;padding:3px 9px 3px 9px;height:21px;background-color:#e9efe9;}
.icon {margin-left:9px;height:88px;padding:0px 0px 15px 0px;}
.type {margin-bottom:20px;padding:3px 9px 3px 9px;height:21px;background-color:#f9fff9;}
.screen {margin-left:9px;height:270px;}
.screen img {margin-right:9px;}
.news_links {background-color:#fcfcfc;margin:10px 0px 20px -9px;padding:1px 6px 14px 9px;}


.partner_groups 

.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none; }