/*
DOT HILL SYSTEMS CORP.
Original Author:David Sargent - PINT
*/

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption { margin:0; padding:0; }

table, th, td { margin:0; }

html { min-height:100%; margin-bottom:1px; overflow: -moz-scrollbars-vertical; }

body { text-align:center; font-size:1em; line-height:1em; font-family:arial, helvetica, sans-serif; color:#333; background:#f3f3f3; }
table, th, td, input, textarea, select { font-size:1em; line-height:1.3em; font-family:arial, helvetica, sans-serif; color:#333; }

a img, :link img, :visited img { border:none; }

a:link { color:#4172af; text-decoration:none; }
a:visited { color:#385071; text-decoration:none; }
a:hover, a:active { color:#4172af; text-decoration:underline; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

blockquote { margin:0 0 15px; font-size:1.2em; line-height:1.6em; font-weight:bold; display:block; }

hr { margin:0 0 10px; padding:0; height:1px; background:#eeeeef; color:#eeeeef; border:1px solid #eeeeef; border-width:1px 0 0; }

/* Defaults set here. Specifics set where needed later in the document (i.e. #content h1, etc.) */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin:0 0 .7em; display:block; font-size:1em; line-height:1.3em; }


/* COMPONENTS (WIDGETS) - [  .component- ] 
------------------------------------------------------------------------------------- */
.enlarge { position:relative; }
.enlarge span { position:absolute; bottom:3px; right:0; width:97px; height:22px; display:block; background:url(../images/bg-sprite.png) no-repeat 0 0; }

/* BUTTON STYLES - [  .btn- ] 
------------------------------------------------------------------------------------- */
.btn { position:relative; overflow:hidden; }
.btn:hover { text-decoration:none !important; }
.btn strong { position:absolute; top:0; left:0; }
.btn-partner-portal, .btn-partner-portal strong { width:82px; height:30px; display:block; background:url(../images/bg-button.png) no-repeat 0 0; }
.btn-signup-storage-news, .btn-signup-storage-news strong { width:175px; height:30px; display:block; background:url(../images/bg-button.png) no-repeat -86px 0; }
.btn-contact, .btn-contact strong { width:273px; height:57px; display:block; background:url(../images/bg-button.png) no-repeat -260px 0; }
.btn-contact-raid, .btn-contact-raid strong { width:272px; height:124px; display:block; background:url(../images/bg-button.png) no-repeat -577px 0; }
.btn-rss, .btn-rss strong { width:43px; height:17px; display:block; background:url(../images/bg-button.png) no-repeat -533px 0; }

.btn-rounded, .list-products h2{ display:inline-block; color:#fff; font-size:14px !important; background: url(../images/bg-btn-rounded.png) no-repeat 0 0; }
.btn-rounded strong, .list-products h2 strong {display:inline-block; background:url(../images/bg-btn-rounded.png) no-repeat 100% 0; }
.btn-rounded strong em, .list-products h2 strong em { display:inline-block; font-style:normal; background:url(../images/bg-btn-rounded.png) no-repeat 0 100%; }
.btn-rounded strong em span, .list-products h2 strong em span { padding:6px 10px 8px 9px; display:inline-block; background:url(../images/bg-btn-rounded.png) no-repeat 100% 100%; }

.btn-rounded, .list-products h2, x:-moz-any-link { width:95%; } /* Set FF2 style:FF2 hack - drop once browser not supported */
.btn-rounded, .list-products h2, x:-moz-any-link, x:default { width:auto; } /* Reset for everything else:FF2 hack - drop once browser not supported */
.btn-rounded, .btn-rounded strong, .btn-rounded strong em, .btn-rounded strong em span, .list-products h2, x:-moz-any-link { display:block; } /* Set FF2 style:FF2 hack - drop once browser not supported */
.btn-rounded, .btn-rounded strong, .btn-rounded strong em, .btn-rounded strong em span, .list-products h2, x:-moz-any-link, x:default { display:inline-block; } /* Reset for everything else:FF2 hack - drop once browser not supported */

h3 span.btn-rounded, .btn-rounded:link, .btn-rounded:visited , .list-products :link h2, .list-products :visited h2{ color:#fff !important; background-color:#3E6EAB; }
.btn-rounded:hover, .list-products :hover h2 { color:#fff !important; text-decoration:none; }

.backgrounder-btn { background:url(../images/backgrounder_btn.gif) top left no-repeat; display:block; height:48px; width:254px; }
.backgrounder-btn strong {display:none;}

h3.full-width span.btn-rounded, h3.full-width strong, h3.full-width span em {width:765px}
h3.full-width span span {width:746px;}
h3.media-font {font-weight:600; font-size:14px !important; margin:0 0 3px !important;}

a.more span.gray {color:#A2A2A2;}

/* FORMS - [  .form- ] 
------------------------------------------------------------------------------------- */
.form-search { position:relative; width:194px; height:30px; background:url(../images/bg-sprite.png) no-repeat -97px 0; }
.form-search label { padding-right:11px; position:relative; background:url(../images/bg-sprite.png) no-repeat -97px -5px; }
.form-search label strong { position:absolute; top:0; left:0; width:100%; display:block; background:url(../images/bg-sprite.png) no-repeat -97px -8px; }
.form-search input { position:absolute; top:6px; left:52px; padding:2px 2px 0 1px; width:93px; height:15px; color:#727271; border:1px solid #d6d3ce; }
.form-search .btn { position:absolute; top:4px; left:160px; padding-top:12px; width:34px; height:20px; color:#253d65; font-size:.7em; letter-spacing:1px; cursor:pointer; background:none; border:0; }

/* LIST STYLES - [  .list- ] 
------------------------------------------------------------------------------------- */
.list-alt li { background-image:url(../images/bg-list-alt.png) !important; }

.list-nobull li { padding:0 0 10px 0 !important; list-style:none; background:none !important; line-height:1.3 }

.nobullet li { list-style:none !important; background:none !important; }

.list-products li { padding:0 0 10px 0 !important; min-height:141px; list-style:none; background:none !important; }
.family-list li {min-height:0 !important;}

#content .list-sans { margin-top:15px; }
.list-sans li { padding:0 0 5px 0 !important; list-style:none; background:none !important; }
.list-sans li.space { margin:5px 0 0; }

.list-listing li { background-position:0 6px !important; }

.list-products .family-list li {height:auto !important; padding-bottom:0 !important;}

/* TABLE STYLES - [  .tbl- ] 
------------------------------------------------------------------------------------- */
.tbl-shade { margin:0 0 25px; width:100%; border-collapse:collapse; }
.tbl-shade th { padding:10px 10px 5px; font-weight:normal; vertical-align:bottom; border:1px solid #eeeeef; border-width:0 1px 1px 0;text-align:center; font-size:11px;}
.tbl-shade th.last { border-bottom:1px solid #eeeeef !important; }
.tbl-shade td { padding:10px; font-size:.9em; vertical-align:top; border:1px solid #eeeeef; border-width:1px 1px 1px 0; }
.tbl-shade tr.alt td { background:#f6f6f7; }
.tbl-shade tr.last td { border-bottom:0; }
.tbl-shade td.last { border:1px solid #eeeeef !important; border-width:1px 0 0 !important; }

.tbl-logos { width:400px; }
.tbl-logos td { padding:5px 5px 10px; text-align:center; vertical-align:middle; }

/* SHARED
------------------------------------------------------------------------------------- */
.container { background:#fff; }
.container .container { margin:0 auto; width:990px; font-size:.75em; text-align:left; }

#header { position:relative; height:105px; z-index:50; }

#logo, h1#logo { position:absolute; top:10px; left:21px; }


/* NAVIGATION
------------------------------------------------------------------------------------- */
/* Generic Nav Styles */
.nav { position:absolute; }
.nav li { float:left; position:relative; list-style:none; }
.nav li a { cursor:pointer; }
.nav li a:hover { text-decoration:none; }
.nav li a, .nav li div { position:relative; display:block; text-decoration:none; color:#4172af; font-size:14px; }
.nav li strong { position:absolute; top:0; left:0; display:block; }
	
/* Main Nav - Specific */
#nav { bottom:0; left:0; width:990px; height:30px; }
#nav li { height:30px; }
#nav li a, #nav li div { height:30px; }
#nav li strong { height:30px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image:url(../images/bg-nav.png); }

/* NORMAL STATE (NAV ITEM W/ DROPDOWN, NAV ITEM W/O DROPDOWN */
#nav li.products, #nav li.products a, #nav li.products a strong, #nav li.products-nodrop, #nav li.products-nodrop a, #nav li.products-nodrop a strong { background-position:0 0; width:99px; }
#nav li.storage, #nav li.storage a, #nav li.storage a strong, #nav li.storage-nodrop, #nav li.storage-nodrop a, #nav li.storage-nodrop a strong { background-position:-99px 0; width:165px; }
#nav li.partners, #nav li.partners a, #nav li.partners a strong, #nav li.partners-nodrop, #nav li.partners-nodrop a, #nav li.partners-nodrop a strong { background-position:-264px 0; width:102px; }
#nav li.how-to-buy, #nav li.how-to-buy a, #nav li.how-to-buy a strong, #nav li.how-to-buy-nodrop, #nav li.how-to-buy-nodrop a, #nav li.how-to-buy-nodrop a strong { background-position:-366px 0; width:118px; }
#nav li.knowledge-base, #nav li.knowledge-base a, #nav li.knowledge-base a strong, #nav li.knowledge-base-nodrop, #nav li.knowledge-base-nodrop a, #nav li.knowledge-base-nodrop a strong { background-position:-484px 0; width:148px; }
#nav li.support, #nav li.support a, #nav li.support a strong, #nav li.support-nodrop, #nav li.support-nodrop a, #nav li.support-nodrop a strong { background-position:-632px 0; width:97px; }
#nav li.ir, #nav li.ir a, #nav li.ir a strong, #nav li.ir-nodrop, #nav li.ir-nodrop a, #nav li.ir-nodrop a strong { background-position:-729px 0; width:162px; }
#nav li.company, #nav li.company a, #nav li.company a strong, #nav li.company-nodrop, #nav li.company-nodrop a, #nav li.company-nodrop a strong { background-position:-891px 0; width:99px; }

/* HOVER STATE - W/ DROP */
#nav li.products:hover a, #nav li.products:hover a strong, #nav li.products a:hover, #nav li.products a:hover strong, #nav li.productson:hover a, #nav li.productson:hover a strong, #nav li.productson a:hover, #nav li.productson a:hover strong { background-position:0 -30px; width:99px; }
#nav li.storage:hover a, #nav li.storage:hover a strong, #nav li.storage a:hover, #nav li.storage a:hover strong, #nav li.storageon:hover a, #nav li.storageon:hover a strong, #nav li.storageon a:hover, #nav li.storageon a:hover strong { background-position:-99px -30px; width:165px; }
#nav li.partners:hover a, #nav li.partners:hover a strong, #nav li.partners a:hover, #nav li.partners a:hover strong, #nav li.partnerson:hover a, #nav li.partnerson:hover a strong, #nav li.partnerson a:hover, #nav li.partnerson a:hover strong { background-position:-264px -30px; width:102px; }
#nav li.how-to-buy:hover a, #nav li.how-to-buy:hover a strong, #nav li.how-to-buy a:hover, #nav li.how-to-buy a:hover strong, #nav li.how-to-buyon:hover a, #nav li.how-to-buyon:hover a strong, #nav li.how-to-buyon a:hover, #nav li.how-to-buyon a:hover strong { background-position:-366px -30px; width:118px; }
#nav li.knowledge-base:hover a, #nav li.knowledge-base:hover a strong, #nav li.knowledge-base a:hover, #nav li.knowledge-base a:hover strong, #nav li.knowledge-baseon:hover a, #nav li.knowledge-baseon:hover a strong, #nav li.knowledge-baseon a:hover, #nav li.knowledge-baseon a:hover strong { background-position:-484px -30px; width:148px; }
#nav li.support:hover a, #nav li.support:hover a strong, #nav li.support a:hover, #nav li.support a:hover strong, #nav li.supporton:hover a, #nav li.supporton:hover a strong, #nav li.supporton a:hover, #nav li.supporton a:hover strong { background-position:-632px -30px; width:97px; }
#nav li.ir:hover a, #nav li.ir:hover a strong, #nav li.ir a:hover, #nav li.ir a:hover strong, #nav li.iron:hover a, #nav li.iron:hover a strong, #nav li.iron a:hover, #nav li.iron a:hover strong { background-position:-729px -30px; width:162px; }
#nav li.company:hover a, #nav li.company:hover a strong, #nav li.company a:hover, #nav li.company a:hover strong, #nav li.companyon:hover a, #nav li.companyon:hover a strong, #nav li.companyon a:hover, #nav li.companyon a:hover strong { background-position:-891px -30px; width:99px; }

/* HOVER STATE - W/O DROP */
#nav li.products-nodrop:hover a, #nav li.products-nodrop:hover a strong, #nav li.products-nodrop a:hover, #nav li.products-nodrop a:hover strong { background-position:0 -60px; width:99px; }
#nav li.storage-nodrop:hover a, #nav li.storage-nodrop:hover a strong, #nav li.storage-nodrop a:hover, #nav li.storage-nodrop a:hover strong { background-position:-99px -60px; width:165px; }
#nav li.partners-nodrop:hover a, #nav li.partners-nodrop:hover a strong, #nav li.partners-nodrop a:hover, #nav li.partners-nodrop a:hover strong { background-position:-264px -60px; width:102px; }
#nav li.how-to-buy-nodrop:hover a, #nav li.how-to-buy-nodrop:hover a strong, #nav li.how-to-buy-nodrop a:hover, #nav li.how-to-buy-nodrop a:hover strong, #nav li.how-to-buy-nodropon:hover a, #nav li.how-to-buy-nodropon:hover a strong, #nav li.how-to-buy-nodropon a:hover, #nav li.how-to-buy-nodropon a:hover strong, #nav li.how-to-buy-nodropon, #nav li.how-to-buy-nodropon a, #nav li.how-to-buy-nodropon a strong { background-position:-366px -60px; width:118px; }
#nav li.knowledge-base-nodrop:hover a, #nav li.knowledge-base-nodrop:hover a strong, #nav li.knowledge-base-nodrop a:hover, #nav li.knowledge-base-nodrop a:hover strong { background-position:-484px -60px; width:148px; }
#nav li.support-nodrop:hover a, #nav li.support-nodrop:hover a strong, #nav li.support-nodrop a:hover, #nav li.support-nodrop a:hover strong { background-position:-632px -60px; width:97px; }
#nav li.ir-nodrop:hover a, #nav li.ir-nodrop:hover a strong, #nav li.ir-nodrop a:hover, #nav li.ir-nodrop a:hover strong { background-position:-729px -60px; width:162px; }
#nav li.company-nodrop:hover a, #nav li.company-nodrop:hover a strong, #nav li.company-nodrop a:hover, #nav li.company-nodrop a:hover strong { background-position:-891px -60px; width:99px; }

/* ON STATE */
#nav li.productson, #nav li.productson strong, #nav li.productson div, #nav li.productson-nodrop, #nav li.productson-nodrop strong, #nav li.productson-nodrop div { background-position:0 -60px; width:99px; }
#nav li.storageon, #nav li.storageon strong, #nav li.storageon div, #nav li.storageon-nodrop, #nav li.storageon-nodrop strong, #nav li.storageon-nodrop div { background-position:-99px -60px; width:165px; }
#nav li.partnerson, #nav li.partnerson strong, #nav li.partnerson div, #nav li.partnerson-nodrop, #nav li.partnerson-nodrop strong, #nav li.partnerson-nodrop div { background-position:-264px -60px; width:102px; }
#nav li.how-to-buyon, #nav li.how-to-buyon strong, #nav li.how-to-buyon div, #nav li.how-to-buyon-nodrop, #nav li.how-to-buyon-nodrop strong, #nav li.how-to-buyon-nodrop div { background-position:-366px -60px; width:118px; }
#nav li.knowledge-baseon, #nav li.knowledge-baseon strong, #nav li.knowledge-baseon div, #nav li.knowledge-baseon-nodrop, #nav li.knowledge-baseon-nodrop strong, #nav li.knowledge-baseon-nodrop div { background-position:-484px -60px; width:148px; }
#nav li.supporton, #nav li.supporton strong, #nav li.supporton div, #nav li.supporton-nodrop, #nav li.supporton-nodrop strong, #nav li.supporton-nodrop div { background-position:-632px -60px; width:97px; }
#nav li.iron, #nav li.iron strong, #nav li.iron div, #nav li.iron-nodrop, #nav li.iron-nodrop strong, #nav li.iron-nodrop div { background-position:-729px -60px; width:162px; }
#nav li.companyon, #nav li.companyon strong, #nav li.companyon div, #nav li.companyon-nodrop, #nav li.companyon-nodrop strong, #nav li.companyon-nodrop div { background-position:-891px -60px; width:99px; }

/* ON STATE - W/O DROP */
#nav li.productson:hover a, #nav li.productson:hover a strong, #nav li.productson a:hover, #nav li.productson a:hover strong { background-position:0 -60px; width:99px; }
#nav li.storageon:hover a, #nav li.storageon:hover a strong, #nav li.storageon a:hover, #nav li.storageon a:hover strong { background-position:-99px -60px; width:165px; }
#nav li.partnerson:hover a, #nav li.partnerson:hover a strong, #nav li.partnerson a:hover, #nav li.partnerson a:hover strong { background-position:-264px -60px; width:102px; }
#nav li.how-to-buyon:hover a, #nav li.how-to-buyon:hover a strong, #nav li.how-to-buyon a:hover, #nav li.how-to-buyon a:hover strong, #nav li.how-to-buyonon:hover a, #nav li.how-to-buyonon:hover a strong, #nav li.how-to-buyonon a:hover, #nav li.how-to-buyonon a:hover strong, #nav li.how-to-buyonon, #nav li.how-to-buyonon a, #nav li.how-to-buyonon a strong { background-position:-366px -60px; width:118px; }
#nav li.knowledge-baseon:hover a, #nav li.knowledge-baseon:hover a strong, #nav li.knowledge-baseon a:hover, #nav li.knowledge-baseon a:hover strong { background-position:-484px -60px; width:148px; }
#nav li.supporton:hover a, #nav li.supporton:hover a strong, #nav li.supporton a:hover, #nav li.supporton a:hover strong { background-position:-632px -60px; width:97px; }
#nav li.iron:hover a, #nav li.iron:hover a strong, #nav li.iron a:hover, #nav li.iron a:hover strong { background-position:-729px -60px; width:162px; }
#nav li.companyon:hover a, #nav li.companyon:hover a strong, #nav li.companyon a:hover, #nav li.companyon a:hover strong { background-position:-891px -60px; width:99px; }

#nav li.productson:hover ul, #nav li.storageon:hover ul, #nav li.partnerson:hover ul, #nav li.how-to-buyon:hover ul, #nav li.knowledge-baseon:hover ul, #nav li.supporton:hover ul, #nav li.iron:hover ul, #nav li.companyon:hover ul { display: none; }

/* IF NO DROP DOWNS ARE USED IN THE NAVIGATION YOU CAN REMOVE THE FOLLOWING STYLES DOWN TO THE LINE OF STARS */
/* DROP DOWNS */
/* POSITIONS LAST LIST(S) IN THE NAV */
#nav li.company:hover ul, #nav li.company a:hover ul, #nav li.companyon:hover ul, #nav li.companyon a:hover ul, #nav li.company-nodrop:hover ul, #nav li.company-nodrop a:hover ul, #nav li.companyon-nodrop:hover ul, #nav li.companyon-nodrop a:hover ul   { left:-132px; }
#nav li.company:hover li:hover ul, #nav li.company a:hover li:hover ul, #nav li.companyon:hover li:hover ul, #nav li.companyon a:hover li:hover ul, #nav li.company-nodrop:hover li:hover ul, #nav li.company-nodrop a:hover li:hover ul, #nav li.companyon-nodrop:hover li:hover ul, #nav li.companyon-nodrop a:hover li:hover ul { visibility:visible; position:absolute; left:-132px; top:0; }

#nav li table { margin:0 -1px -1px; border-collapse:collapse; }
#nav li td { font-size:12px; }
#nav li:hover, * html #nav a:hover { position:relative; }
#nav li li a { font-size:12px; text-align:left; }

/* FIRST LEVEL DROP DOWNS */
#nav li ul { display:none; }
#nav li ul li, #nav li ul li a { background:none; }
#nav li:hover ul, #nav li a:hover ul { position:absolute; top:30px; left:3px; padding:13px 0 10px; width:231px; display:block; background:url(../images/bg-nav-dropdown.png) no-repeat 0 100%; opacity:.95; }

#nav li:hover li, #nav li a:hover li { padding:0 10px 0 12px; width:205px !important; height:auto; }

#nav li:hover li a, #nav li a:hover li a { padding:3px 0 4px 5px; width:198px !important; height:auto; display:block; color:#fff; font-weight:bold; border:1px solid #919daf; border-width:0 0 1px;}
#nav li:hover li.last a, #nav li a:hover li.last a { border:0; }
#nav li:hover li a:hover, #nav li a:hover li a:hover { color:#a2a2a2; }

/* SECOND LEVEL DROP DOWNS, FLYOUTS */
#nav li:hover li ul, #nav li a li a ul { visibility:hidden; }
#nav li:hover li:hover ul, #nav li a:hover li a:hover ul { position:absolute; top:0; left:231px; background:url(../images/bg-nav-dropdown.png) no-repeat 0 100%; visibility:visible; }

#nav li:hover li li a, #nav li a:hover li li a { color:#fff; background:none !important; }
#nav li:hover li li a:hover, #nav li a:hover li li a:hover { color:#a2a2a2; }
/**************************************************************************************************************/

#site-options { position:absolute; top:16px; right:20px; }
#site-options li { padding:0 14px 0 12px; height:30px; float:left; display:inline; color:#727271; font-size:10px; line-height:28px; border:1px solid #dfe0e2; border-width:0 1px 0 0; }
#site-options li.last { padding-right:0; }

#subheader { padding:9px 0 0; }

#breadcrumb { padding:6px 0 7px 7px; }
#breadcrumb li { display:inline; color:#737374; }
#breadcrumb li a { margin:0 1px 0 0; padding:0 9px 0 0; background:url(../images/yui-sam-sprite.png) no-repeat 100% -2003px; }


/* HOME PAGE
------------------------------------------------------------------------------------- */
#h-flash { margin:9px 0 10px; }

.h-col { margin:0 0 10px; padding:5px 0 0; min-height:244px; color:#fff; background:url(../images/bg-h-col.png) no-repeat 0 0px; }
.h-col .h-col { margin:0; padding:0 0 10px; min-height:234px; background:#1b3561 url(../images/bg-h-col.png) no-repeat -990px 100%; }

.h-col .col { position:relative; margin:0 9px 0 0; padding:15px 10px 10px; width:221px; }
.h-col h2 { position:relative; width:100%; height:20px; text-align:center; border-bottom:1px solid #909eb4; }
.h-col h2 strong { position:absolute; top:0; left:0; width:100%; height:20px; display:block; }
.h-col a { color:#fff; }
.h-col img { margin:0 10px 5px; }
.h-col p { margin:0 10px; }
.h-col ul { margin:0 10px; list-style:none; }
.h-col .btn-rss { position:absolute; top:11px; right:10px;  }
.h-col .list-nobull li { margin:0 0 10px; }

#h-news h2, #h-news h2 strong { background:url(../images/bg-sprite.png) no-repeat -1163px 0; }

#h-storage h2, #h-storage h2 strong { background:url(../images/bg-sprite.png) no-repeat -1384px 0; }

#h-partners { margin-right:8px; }
#h-partners h2, #h-partners h2 strong { background:url(../images/bg-sprite.png) no-repeat -1605px 0; }
#h-partners li { margin:0 0 5px; width:100%; text-align:center; }
#h-partners li img { margin:0; }

#h-hot { margin-right:0; }
#h-hot h2, #h-hot h2 strong { background:url(../images/bg-sprite.png) no-repeat -1825px 0; }
#h-hot li { margin:0 0 10px; }
#h-hot ul li ul li { margin:5px 0 0 0; }


/* SUBPAGE
------------------------------------------------------------------------------------- */
#content { padding:10px 0 40px; line-height:1.7em; }

/* Content specific header styles */
#content h1, #content .h1 { margin:-3px 0 .7em; font-size:1.5em; line-height:1em; font-weight:normal; }
#content h2, #content .h2 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }
#content h2.alt, #content .h2alt { margin:0 0 0; font-size:1.2em; line-height:1.3em; letter-spacing:-1px; }
#content .dist td { padding:10px 0 0; }

h3.alt   { color: #666; margin: 1px 0 0 3px !important; }


h2.h2ul  { padding:0 0 3px 0; border-bottom:1px solid #dfe0e2; }

#content h2.alt span, #content .h2alt span { color:#505051; }
#content h3, #content .h3 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }
#content h4, #content .h4 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }
#content h5, #content .h5 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }
#content h6, #content .h6 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }

#content p { margin:0 0 1.5em; }

#content span.tagline {top:-10px; position:relative; font-size:14px; font-style:italic;}

#content ul { margin:0 0 1.5em 5px; }
#content div#main ul { margin:0 0 1.5em 0; }
#content ul.list-nobull { margin-left:0; }
#content li, #content li { padding:0 0 0 8px; list-style:none; background:url(../images/bg-list.png) no-repeat 0 9px; }
#content ol li, ol #content li { margin-left:20px; padding:0px;list-style:decimal; background:none; }
#content ol ul li { list-style:disc; }
#content li li {background:none; list-style:circle; padding:0;}

#subnav { margin:0 20px 0 0; }
#subnav.stretch { padding:0 0 7px; width:200px; background:#eeeeef url(../images/bg-sprite.png) no-repeat -491px 100%; }
#subnav.stretch .stretch { padding:4px 10px 10px; width:180px; background:url(../images/bg-sprite.png) no-repeat -291px 0; }

#subnav p { margin:0 0 -4px; padding:5px 0 11px; color:#5c5c5c; font-size:1em; border:1px solid #f7f7f7; border-width:0 0 1px; }

#subnav ul { margin:0; }
#subnav ul ul  { margin:5px 0 0 5px; }
#subnav ul ul ul { margin:5px 0 0; }
#subnav ul ul ul ul { margin:0; }

#subnav li { margin:10px 0 0; padding:0; color:#393c3d; font-size:1em; font-weight:bold; line-height:1.1em; list-style:none; background:none; }
#subnav li li { margin:0 0 4px; padding:0 0 0 6px; font-weight:normal; text-transform:none; background:url(../images/bg-sprite.png) no-repeat -691px -9px; list-style-type: none;}
#subnav li li li { margin:0 0 5px; padding:0 0 0 12px; font-size:.9em; line-height:1em; background:url(../images/bg-sprite.png) no-repeat -887px -9px; }
body.products #subnav li { } /* text-transform:uppercase;  */
body.products #subnav li span { text-transform:lowercase; }
body.products #subnav li li { text-transform:none; }

#subnav li li li a { color:#709cd3; }

#subnav .subnav-on { color:#5c5c5c; cursor:default; text-decoration:none; }
#subnav .subnav-on:hover { color:#5c5c5c; cursor:default; text-decoration:none; }

#main { position:relative; width:770px; }
#main.sidebar { margin:0 18px 0 0; width:458px; }
#main p { padding-right:20px; }

#main ul.twocol-ul			{ width: 400px; background: #fff; }
#main ul.twocol-ul li		{ margin: 7px 0; border-bottom: 1px solid #eee;}
#main ul.twocol-ul li.last		{ margin: 7px 0; border-bottom: none;}
#main ul.twocol-ul li span	{ background: #fff; float: right; }
#main div.col1			{ width:470px; float:left; }
#main div.col2			{ width:280px; float:left; }


.twocol { margin:0 0% 0 0; width:49%; float:left; display:inline; }
.twocol-alt { width:380px; }

#sidebar { width:294px; }
#sidebar h2 { margin:0 0 .45em 0; width:272px; font-size:1.4em; font-weight:normal; letter-spacing:-1px; border-bottom:1px solid #ccc; }
#sidebar ul { margin-left:12px; }
#sidebar li { padding-left:13px; }
#sidebar .btn-contact, #sidebar .btn-contact-raid { margin:0 0 0 11px; }

#twocol-side { width:294px; float:right; margin: 0 0 0 25px;}

#contactbtn {float:right;}

ul.servicesList li {margin:0 0 10px 0;}
ul.servicesList li span {display:block; margin: 0 0 0 10px;}
ul.servicesList li span em {color:#666666; font-size:11px;}

/* popup */
#popup #container { background:transparent url(../images/popup_bg_container.gif) repeat-x scroll 0 100%; }
#popup #content_wrap { background:transparent url(../images/popup_bg_content_wrap.gif) no-repeat scroll 760px 100%; }
#popup #content_outter { background:#FFFFFF url(../images/popup_bg_content_outter.gif) repeat-x scroll 0 100%; width:760px; }
#popup #content {
background:transparent url(../images/popup_bg_content.gif) repeat-x scroll 0 0;
min-height:350px;
padding:45px 5px 42px;
position:relative; }

.app_upgrade { margin-top:-20px; margin-left:10px; padding:5px 0px 10px 10px; width:715px; clear:left; background-color:#f6f6f6; }
.app_upgrade ul { margin:5px 25px 0 0 !important; float:left; display:inline; }
.app_upgrade ul.ul2 { margin:5px 25px 0 0 !important; float:none; display:inline; }
.app_upgrade li { padding:0 0 0 10px !important; background:url(../images/bg-square.png) no-repeat 0 8px !important; }

/* FOOTER
------------------------------------------------------------------------------------- */
#footer { padding:18px 0 30px; width:100%; color:#636363; font-size:.8em; line-height:.8em; background:url(../images/bg-footer.png) repeat-x 0 0; }
#footer-inner { position:relative; margin:0 auto; padding:0 20px; width:950px; font-size:.75em; text-align:left; }
#footer li { margin:0 4px 1px 0; padding:0 4px 0 0; float:left; display:inline; list-style:none; border-right:1px solid #636363; }
#footer p { margin:12px 0 0; }
#footer-logo { position:absolute; top:0; right:19px; }
#footer-logo strong { position:absolute; top:0; left:0; }
#footer-logo, #footer-logo strong { width:72px; height:30px; display:block; overflow:hidden; background:url(../images/bg-sprite.png) no-repeat -1091px 0; }


/* sIFR
------------------------------------------------------------------------------------- */
.sIFR-flash { visibility:visible !important; margin:0; padding:0; }
.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:0; padding:0; overflow:auto; letter-spacing:0; float:none; }

/* LINK ICONS
------------------------------------------------------------------------------------- */
.audio 		{ padding:0 15px 0 0; background:url(../images/link_audio.gif) no-repeat 100% 4px; }
.doc 		{ padding:0 15px 0 0; background:url(../images/link_worddoc.gif) no-repeat 100% 4px; }
.excel 		{ padding:0 15px 0 0; background:url(../images/link_excel.gif) no-repeat 100% 4px; }
.external 	{ padding:0 16px 0 0; background:url(../images/link_external.gif) no-repeat 100% 4px; }
.facebook	{ padding:1px 0 2px 18px; background:url(../images/link_facebook.gif) no-repeat; }
.flash 		{ padding:0 15px 0 0; background:url(../images/link_flash.gif) no-repeat 100% 4px; }
.ical		{ padding:0 15px 0 0; background:url(../images/link_ical.gif) no-repeat 100% 4px; }
.itunes		{ padding:0 15px 0 0; background:url(../images/link_itunes.gif) no-repeat 100% 4px; }
.outlook	{ padding:0 15px 0 0; background:url(../images/link_outlook.gif) no-repeat 100% 4px; }
.pdf 		{ padding:0 14px 0 0; background:url(../images/link_pdf.gif) no-repeat 100% 4px; }
.podcast	{ padding:0 15px 0 0; background:url(../images/link_podcast.gif) no-repeat 100% 4px; }
.popup 		{ padding:0 16px 0 0; background:url(../images/link_popup.gif) no-repeat 100% 4px; }
.ppt		{ padding:0 15px 0 0; background:url(../images/link_powerpoint.gif) no-repeat 100% 4px; }
.qt			{ padding:0 15px 0 0; background:url(../images/link_quicktime.gif) no-repeat 100% 4px; }
.rar		{ padding:0 16px 0 0; background:url(../images/link_rar.gif) no-repeat 100% 4px; }
.rp			{ padding:0 16px 0 0; background:url(../images/link_realplayer.gif) no-repeat 100% 4px; }
.rss		{ padding:0 15px 0 0; background:url(../images/link_rss.gif) no-repeat 100% 4px; }
.twitter	{ padding:1px 0 2px 18px; background:url(../images/link_twitter.gif) no-repeat; }
.txt		{ padding:0 13px 0 0; background:url(../images/link_text.gif) no-repeat 100% 4px; }
.video		{ padding:0 15px 0 0; background:url(../images/link_video.gif) no-repeat 100% 4px; }
.wmp		{ padding:0 16px 0 0; background:url(../images/link_wmp.gif) no-repeat 100% 4px; }
.youtube	{ padding:1px 0 2px 18px; background:url(../images/link_youtube.gif) no-repeat; }
.zip		{ padding:0 16px 0 0; background:url(../images/link_zip.gif) no-repeat 100% 4px; }

/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
#skip { display:none; }
.show { display:block; }
.hide { display:none; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.last { border:none !important; }
.col { float:left; display:inline; }
.indent { padding-left:8px; }
.title { display:none; }
#oldbox, #newbox { position:relative; }
.logo-small { position:absolute; top:18px; right:25px; }
ul.list-products li .spacer { display:block; height:38px; }

.clearfix:after, .container .container:after, #content:after, .h-col .h-col:after, #footer ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix, .container .container, #content, .h-col .h-col, #footer ul { display:inline-block; }
.clearfix, .container .container, #content, .h-col .h-col, #footer ul { /*\*/display:block;/**/ }

/* FIX FOR PWP RETYPE PASSWORD STYLING  */
.PWPRetypePromptText { display:block; }

/* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG,
MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li
MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */
* html .italicsfix { /*\*/overflow:hidden; o\verflow:visible; width:100%; w\idth:auto; he\ight:1%;/**/ }

.floatleft { float:left; }
.floatright { float:right; }

img.floatleft { margin:0 10px 5px 0; position:relative; }
img.floatright { margin:0 0 5px 10px; position:relative; }

/* SPAN STYLES MAINLY ADDED FOR IE PNGFIX SUPPORT. PNGFIX REPLACES THE <IMG> WITH <SPAN> */
span.floatleft { margin:0 10px 5px 0; position:relative; }
span.floatright { margin:0 0 5px 10px; position:relative; }


/* LIGHTBOX PANEL 
------------------------------------------------------------------------------------- */
.yui-overlay, .yui-panel-container{visibility:hidden;position:absolute;z-index:52;}
.yui-panel-container form{margin:0;}
.mask{z-index:51;display:none;position:absolute;top:0;left:0;right:0;bottom:0;}
.mask.block-scrollbars{overflow:auto;}
.masked select, .drag select, .hide-select select{_visibility:hidden;}
.yui-panel-container select{_visibility:inherit;}
.hide-scrollbars, .hide-scrollbars *{overflow:hidden;}
.hide-scrollbars select{display:none;}
.show-scrollbars{overflow:auto;}
.yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars{overflow:visible;}
.yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;}
.yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;}
.yui-effect-fade .underlay{display:none;}
.yui-tt-shadow{position:absolute;}
.mask{background-color:#000;opacity:.25;*filter:alpha(opacity=25);}
.yui-panel-container{padding:0 1px;*padding:2px 3px;}
.yui-panel{position:relative;*zoom:1;left:0;top:0;border-style:solid;border-width:1px 0;border-color:#808080;z-index:52;}
.yui-panel .hd, .yui-panel .bd, .yui-panel .ft{text-align:left;*zoom:1;*position:relative;border-style:solid;border-width:0 1px;border-color:#808080;margin:0 -1px;}
.yui-panel .hd{border-bottom:solid 1px #ccc;}
.yui-panel .bd, .yui-panel .ft{background-color:#F2F2F2;}
.yui-panel .hd{display:none;padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#000;background:url(../images/yui-sam-sprite.png) repeat-x 0 -200px;}
.yui-panel .bd{padding:10px;}
.yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;}
.yui-panel-container.focused .yui-panel .hd{}
.container-close{position:absolute;top:6px;right:3px;width:25px;height:15px;text-indent:-9999px;outline:none;background:url(../images/yui-sam-sprite.png) no-repeat 0 -300px;cursor:pointer;}
.yui-panel-container .underlay{right:-1px;left:-1px;}
.yui-panel-container.matte{padding:9px 10px;background-color:#fff;}
.yui-panel-container.shadow{_padding:2px 5px 0 3px;} 
.yui-panel-container.shadow .underlay{position:absolute;top:2px;right:-3px;bottom:-3px;left:-3px;*top:3px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_right:0;_bottom:0;_left:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12;*filter:alpha(opacity=12);}
.yui-dialog .ft{border-top:none;padding:0 10px 10px 10px;font-size:100%;}
.yui-dialog .ft .button-group{display:block;text-align:right;}
.yui-dialog .ft button.default{font-weight:bold;}
.yui-dialog .ft span.default{border-color:#304369;background-position:0 -1400px;}
.yui-dialog .ft span.default .first-child{border-color:#304369;}
.yui-dialog .ft span.default button{color:#fff;}
.yui-simple-dialog .bd .yui-icon{background:url(../images/yui-sam-sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;}
.yui-simple-dialog .bd span.blckicon{background-position:0 -1100px;}
.yui-simple-dialog .bd span.alrticon{background-position:0 -1050px;}
.yui-simple-dialog .bd span.hlpicon{background-position:0 -1150px;}
.yui-simple-dialog .bd span.infoicon{background-position:0 -1200px;}
.yui-simple-dialog .bd span.warnicon{background-position:0 -1900px;}
.yui-simple-dialog .bd span.tipicon{background-position:0 -1250px;}
.yui-tt .bd{position:relative;top:0;left:0;z-index:52;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#FFEE69;}
.yui-tt.show-scrollbars .bd{overflow:auto;}
.yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;}
.yui-tt-shadow-visible{opacity:.12;*filter:alpha(opacity=12);}

/* Accordion 
------------------------------------------------------------------------------------- */
.accordion { margin:0; }
.accordion dt { background:#EFEFEF; color:#5785bf; padding:0 10px; font-weight:bold; font-size:13px; line-height:33px; position:relative }
.accordion dt span.plus { position:absolute; right:10px; top:10px; width:14px; height:14px; background:url(../images/yui-sam-sprite.png) no-repeat 0 -350px; display:block }
.accordion dt.selected span { background-position:0 -400px; }
.accordion dt.first {}
.accordion dt.last {}
.accordion dt.last.selected { }
.accordion dt:hover, .accordion dt.over { color:#4485d6; cursor:pointer; cursor:hand;}
.accordion dd { display:none; background:#fff; padding:10px; overflow:hidden; }
.accordion dd.open {display:block;}
.accordion dd.getHeight {display:block;}
.accordion dt.last {; }
.accordion dd.last { }
.accordion .arrow { float:right; padding:0 17px 0 0; background:url(../images/yui-sam-sprite.png) no-repeat 33px -899px; }
.accordion dt span.chair { position:absolute; right:10px; top:0px; }
.accordion dt span.chair img.board {margin:0 125px 0 0; position:relative;}

h2.notxt    { margin-bottom:20px !important; }
.endoflife  { font-size:12px; }
.endoflife li	{ margin-bottom:3px }
.endoflife li strong	{ color:#1c4083;  }

table.contact_table td   { padding: 3px; vertical-align: top; }
table.contact_table th   { padding: 5px 0; font-size: 13px}

#main ul ul { margin: 5px 0 5px 15px !important; }

table.setup		{ margin: 0 0 15px 0; }