/* Formats the bottom links */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* Controls the body */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img { behavior:url(iepngfix.htc); }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 40px; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

#container { width: 980px; margin: 0 auto; position: relative; }
#main { width:100%; position: relative; }
#content { padding: 18px 20px; position: relative; color: #333; }



/* Controls within the top body and bottom body */
.column { float: left;}
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole,
.grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }


.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width:auto !important; _float:none !important; }

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { _zoom:1; }


/*Body format - font - spacing - bullets */
body { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color:#000000; color:#333; }

a { color: #2971a7; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:10px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color:#76797c; _position:static !important; }
.sosumi { font-size: 10px !important; color:#76797c; }

#main p { margin-bottom: 18px; }
#main h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
#main h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
#main h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
#main h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
#main p.intro { font-weight: bold; font-size: 12px;}
#main .more { text-align: right; }

#main ul { margin-bottom: 18px; list-style: none outside; }
#main ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
#main ul.square,
#main ul.circle { margin-left: 2em; }
#main ul.square { list-style: square outside; }
#main ul.circle { list-style: circle outside; }
#main ul ul.circle,
#main ul ul.square { margin-top: 4px; margin-bottom: 5px; }
#main ol.sosumi { margin-left: 0; padding-left: 2em; }


/* GLOBAL FOOTER */
#globalfooter p { margin-bottom: 1em; }
#globalfooter form { margin: 18px 10px; }
#globalfooter .search-wrapper { margin: 0 auto; }
#globalfooter .search-wrapper input.prettysearch { margin-left: 10px; }

/* PRINT */
@media print {
	body, #main, #content { color:#000 !important; }
	a, a:link, a:visited { color:#000 !important; text-decoration:none !important; }
	#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
	#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
}

/

/* GLOBALHEADER  footer*/
#globalheader { width: 982px; height: 38px; margin: 18px auto; position: relative; z-index: 9998; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; }
#globalheader #globalnav li a,




/* NEW GLOBALFOOTER */
#globalfooter { color: #999; font-size: 10px; margin: 18px auto; padding-bottom: 36px; text-align: left !important; }
#globalfooter a { text-decoration: none; }
#globalfooter a:hover { text-decoration: underline; }
#globalfooter p { margin: 0; }
#globalfooter .gf-buy { float: left; width: 60%; margin: 18px 0 9px; }
#globalfooter .gf-links { float: right; text-align: right; margin: 18px 0 9px; }
#globalfooter .gf-links a { padding: 0 10px; white-space: nowrap; }
#globalfooter .gf-links a.last { padding-right: 0; _float: none !important; width: auto !important;  }
#globalfooter .gf-sosumi { clear: both; width: 100%; border-top: 1px solid #eee; padding-top: 9px; }
#globalfooter .gf-sosumi a { padding: 0 10px; }
#globalfooter { width: 980px; }

/* NEW BREADCRUMBS - top of the footer*/
#breadcrumbs { font-size: 11px; color: #444; background: url(images/toplabel_bg.png) no-repeat;  behavior: url(iepngfix.htc); overflow: hidden; height: 36px; line-height: 34px; font-weight: bold; text-shadow: 2px 2px 1px #fff; }
#breadcrumbs a { color: #444; text-decoration: none; float: left; padding: 0 10px; position: relative; margin-left: -10px; _cursor: hand; }
#breadcrumbs a:hover { color: #333; text-decoration: none !important; }
#breadcrumbs a.home { margin: 0; width: 15px; height: 0; padding-top: 36px; overflow: hidden; }
#breadcrumbs span { float: left; width: 9px; margin: 0 10px 0 0; position: relative; height: 0; padding-top: 34px; margin-top: 1px; overflow: hidden; background: url(images/breadcrumb_sep_.png) no-repeat; behavior: url(iepngfix.htc); }

/* DIRECTORY NAV BOTTOM */
#directorynav { font-size: 11px; background: url(images/directory_bg_.png) repeat-y; border-top: 1px solid #e5e5e5; float: left; width: 100%; position: relative; margin-top: -4px; }
#directorynav .column { width: 122px; padding: 9px 0 0 18px; }
#directorynav .column.last { float: left !important; padding-right: 0; }
#directorynav h3 { color: #444; font-weight: bold; }
#directorynav h3.standalone { margin-bottom: 18px; }
#directorynav a { display: block; _zoom: 1; }
#directorynav a:link,
#directorynav a:visited { color: #777; text-decoration: none; }
#directorynav h3.standalone a:link,
#directorynav h3.standalone a:visited { color: #444; }
#directorynav a:hover { color: #333 !important; text-decoration: none !important; }
#directorynav .capbottom { clear: both; position: relative; top: 5px; _top: 12px; height: 5px; width: 980px; background: url(images/directory_capbg.png) no-repeat; behavior: url(iepngfix.htc); }

/* Inside the body */

body { background:#000 url(blank_.gif) fixed no-repeat; }
#container { width:980px; padding-top:10px; }
#content { clear:both; width:926px; padding:30px 27px 14px; }
.grid2cola .column.last { width:248px; }
.grid2cola .grid2col .column { width:47.8%; }
.grid2cola .grid3col .column { width:31%; }



/***** header *****/
#main #header { position:relative; height:133px; }

#main #header div.overlay { position:absolute; width:100%; height:48px; background:#000; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); }

#main #header h1#headertitle { margin:0; }
#main #header h1#headertitle a {
	position:absolute;
	top:10px;
	left:4px;
	display:block;
	width:247px;
	height:26px;
	text-indent:-99999px;
	background:url(images/header_title20070414_.png);
	cursor:pointer;
	behavior:url(/global/scripts/lib/iepngfix.htc);
	background-image: url(images/top_header_tv.png);
}



/***** main, content formatting *****/
#main { font-size:11px; line-height:1.6em; }
#content { background:#2a2a2a; }

#main h1, #main h2, #main h3, #main strong { color:#fff; }
#main h1 { margin-bottom:.2em; font-weight:normal; font-size:22px; } /*margin-bottom:.18em; }*/
#main h1 span { color:#a1a5a9; } 
#main h2 { font-size:15px; line-height:1.2em; margin-bottom:.3em; }
#main .inset h2 { font-size:13px; margin-bottom:1em; }
#main .inset h2.clear { padding-top:1.6em; }
#main .inset h2.band { font-size:15px; margin:-17px -18px 14px -18px; padding:8px 0 10px 18px; background:#1f1f1f; }
#main .inset h2.last, #main h2.last { margin-bottom:0; width:auto; float:none !important; }
#main h3 { margin-bottom:.3em; line-height:1.6em; }
#main h4 { font-size:1em; /*margin-bottom:.3em; line-height:1.6em;*/ }

#main p.intro { margin-top:1.0em; margin-bottom:3.8em; }
#main p.intro.first { margin-bottom:1.6em; float:none !important; width:auto !important; }


/* images */
#main div.center { text-align:center; }
#main .hero, #main img.hero { margin-bottom:3em; }

#main img.last, #main img.left.last, #main img.right.last, #main img.across.last { margin-bottom:0; width:auto !important; }
#main img.left { float:left !important; }

#main img.reflection { margin-bottom:3px; }

#main img.icon { margin-bottom:5px; }
#main img.left.icon { margin-right:10px; }
#main img.right.icon { margin-left:10px; }

#main .sidebar div.box img.top { margin-top:13.4em; }

/* links, buttons */
#main a { -moz-outline:none; }
#main a { outline:none; }
#main a.pdf { background:url(images/icon_pdf20070414_off.gif) no-repeat left 3px; }
body.partners #main a_off.pdf { display:inline; padding-left:16px; background-position:1px 1px; }

#main a.arrow { min-height:14px; _height:14px; padding:0 24px 2px 0; text-decoration:none; background:url(images/arrow_right20070414_off.gif) no-repeat right top; }
#main a.arrow:hover { text-decoration:underline; }
#main .inset a.arrow.seemore { padding-bottom:1.6em; background-image:url(images/arrow_right_contentfooter20070414_off.gif); }

#main a.quicktour { padding-left:14px; font-weight:normal; white-space:nowrap; background:url(images/quicktime_iconsm20070414_off.gif) no-repeat left .1em; }

#main div.button { padding:1px; background:url(images/button20070414_off.gif) no-repeat top left; }
#main div.button.learnmore { margin:-.8em 0 2.6em; width:9em; }
#main div.button div.button { margin:-1px -1px -1px 7px; background-position:top right; }
#main div.button div.button div.button { margin:8px -1px -1px -9px; background-position:bottom left; }
#main div.button div.button div.button div.button { margin:-1px -1px -1px 8px; background-position:bottom right; position:relative; }
#main div.button div.button div.button div.button a { display:block; margin:-10px 3px -1px 0; font-size:10px; text-decoration:none; background:url(images/arrow_button20070414_off.gif) no-repeat right center; position:relative; }
#main div.button div.button div.button div.button a:hover {  }

/* tables */
#main table.datasheet { margin:.6em 0 1.6em; border-collapse:collapse; }
#main table.datasheet tr { border-top:1px solid #1f1f1f; }
#main table.datasheet tr.top { border-top:none; }
#main table.datasheet td, #main table.datasheet th { color:#a1a5a9; padding:5px 10px; vertical-align:top; }
#main table.datasheet th { color:#efefef; font-size:12px; text-align:left; border-top:none; }
#main table.datasheet td { color:#76797c; font-size:11px; }
#main table.datasheet td.divider, #main table.datasheet th.divider { border-right:1px solid #1f1f1f; }

/* blockquote */
#main blockquote { margin:0 1.3em; line-height:1.3em; }
#main blockquote p.quote { text-indent:-.3em; margin-bottom:.6em; color:#ccc; }
#main blockquote p.attribution { color:#76797c; }






/***** content footer *****/
#main #contentfooter { color:#a8a8a8; font-size:10px; line-height:1.5em; background:url(images/contentfooter_bgbottom20070710_.gif) no-repeat left bottom; }
#main #contentfooter div.topcap { padding:24px 0 0; background:url(images/contentfooter_bgtop20070710.gif) no-repeat left top; }

#main #contentfooter .grid4col .column { width:189px; padding-left:5px; }
#main #contentfooter .grid4col .column.first { padding-left:21px;  }
#main #contentfooter .grid4col .column.last { width:275px; padding-right:15px; }

#main #contentfooter h2 { font-size:14px; margin-bottom:1em; font-weight:normal; }
#main #contentfooter h2 a:link, #main #contentfooter h2 a:visited { color:#fff; text-decoration:none; }
#main #contentfooter h2 a:hover, #main #contentfooter h2 a:active { text-decoration:underline; }

#main #contentfooter a.arrow { color:#a8a8a8; display:block; margin-bottom:.5em; background-image:url(images/arrow_right_contentfooter20070414.gif); }
#main #contentfooter a.arrow:hover { color:#fff; }
 
#main #contentfooter div.buynow img.btn { margin-top:-16px; }
#main #contentfooter div.buynow p.visit { margin:1.9em 0 2.4em; padding-left:14px; background:url() no-repeat left .1em; }
#main #contentfooter div.buynow p.visit a.arrow { font-weight:bold; display:inline; padding-bottom:2px; }
#main #contentfooter div.buynow p.reseller { float:left; width:120px; }
#main #contentfooter div.buynow form { float:right; width:154px; margin-top:-3px; }
#main #contentfooter div.buynow form input.prettysearch, #main #contentfooter div.buynow form .search-wrapper { width:154px; }
#main #contentfooter div.buynow form .search-wrapper input.prettysearch { width:125px; }




body { background-color:#000; color:#bbb; }

/* COMMON */
a { color:#ccc; }
a:hover { color:#fff; }
sup, .sosumi { color:#76797c; }

/* GLOBAL NAV */
#globalheader #globalnav li a,
#globalheader #globalsearch { background-image: url(images/globalnavbgblack_.png); _background-image: url(images/globalnavbg_.gif); }

/* CONTENT */
#content { color:#a8a8a8; }
#content h2, #content h3, #content p.intro { color:#ccc; }

/* SIDEBARS */
#main .sidebar { color:#ccc; }

/* BREADCRUMBS */
#breadcrumb { color:#ccc; }



/* DIRECTORY NAV -make bottom directory black */
#directorynav { background-image: url(images/directory_bgblack.png); border-color: #272727; }
#directorynav .column.first { background-image: url(images/directory_bgblack.png); }
#directorynav h3 { color: #999; }
#directorynav a:link,
#directorynav a:visited { color: #666; text-decoration: none; }
#directorynav h3.standalone a:link,
#directorynav h3.standalone a:visited { color: #999; }
#directorynav a:hover { color: #ccc !important; }
#directorynav .capbottom { background-image: url(images/directory_capbgblack.png); }
.gf-900 #directorynav { background-image: url(images/directory_bgblack900.png); }
.gf-900 #directorynav .capbottom { background-image: url(images/directory_capbgblack900.png); }

/* FOOTER */
#globalfooter { color:#aaa; }
#globalfooter.gf-980,
#globalfooter.gf-900 { color: #767676; }
#globalfooter.gf-980 .gf-sosumi,
#globalfooter.gf-900 .gf-sosumi { border-color: #272727; }

body.ecosutserver #main #header { background:url(images/top_header_tv.png) no-repeat center bottom; }
body.ecosutserver #main #header h1#headertitle a {
	background:url(images/ecosut_tvlogo_off.gif) no-repeat;
	width:771px;
	height: 113px;
}
body.ecosutserver #content { background:#2a2a2a url(/images/content_bgbottom20070414.gif) no-repeat center bottom; padding-bottom: 20px; }