/*	CS3 CSS
Copyright 2007 Adobe Systems Incorporated.
$Id: //depot/projects/dylan/releases/rc_16_11_1/docroot/lib/com.adobe/template/cs3/cs3.css#1 $ 
*/
/* $Id: //depot/projects/dylan/releases/rc_16_11_1/docroot/lib/com.adobe/template/cs3/sifr_ssi.css#1 $ */
h1 {
color: #000;
top: 10px;
background-image: none;
}
div.mnemonic h1,
div.suite h1 {
background: #222;
border: none;
text-transform: uppercase;
color: #fff;
padding: 0;
margin: 0 0 0 16px;
letter-spacing: 0px;
}
h1 { 
position: static; 
display: block; 
line-height: 1em; 
padding: 0; 
height: auto; 
margin: 0.5em 0; 
font-size: 1.75em;
}
div.mnemonic h1,
div.suite h1 { position: absolute; } 
.sIFR-hasFlash div.clear-after h1 {	visibility: hidden; }
.sIFR-replaced,
.sIFR-flash {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-hasFlash .mnemonic h1,
.sIFR-hasFlash .suite h1 {
clear: none;
width: auto;
max-width: 632px;
min-width: 524px;
font-size: 30pt;
line-height:36px;
max-height: 36px;
_font-size: 30pt;
_line-height: 36px;
_overflow: hidden;
_height: 36px;
z-index: 3;
}
/** safari 2 **/
body:last-child:not(:root:root) .mnemonic h1,
body:last-child:not(:root:root) .suite h1 { font-size: 15pt; }
/** safari 3 **/
body:first-of-type .mnemonic h1,
body:first-of-type .suite h1 { font-size: 15pt; }
#bg {
background-repeat: no-repeat;
visibility: hidden;
position: absolute;
z-index: 1;
height: 100%;
width: 100%;
top:0;
left:0;
_behavior: url("/lib/com.adobe/template/setDimensionsToBody.htc");
overflow: hidden;
opacity: 0;
}
#layoutLogic { 
margin-top: 83px; 
width: 754px;
_width: 760px;
}
#layoutLogic,
#globalfooter { background-position: top right; }
#L4C1,
#L4C1.columns-1-A-A { padding: 0; }
/* Global Footer */
#globalfooter { width: 722px; _width: 760px; }
#globalnav-cart .cart:hover { opacity: 1 !important; }
/* Drawer */
.drawer-handle { z-index: 1;}
/* Header and xNav */
.mnemonic-top .mnemonic,
.mnemonic-top .suite,
.suite-top .suite,
.web-suite-top .suite,
.design-suite-top .suite,
.designstd-suite-top .suite,
.master-suite-top .suite,
.production-suite-top .suite {
background-color: transparent;
position: absolute;
top: -80px;
width: auto;
max-width: 632px;
min-width: 556px;
_width: 552px;
left: 0;
z-index: 4;
}
*:first-child+html .suite,
*:first-child+html .mnemonic { width: 556px; }
div.mnemonic,
div.suite { 
background-image: url(../theme/footer_dropshadow.png) !important;
_background: #222  !important;
background-position: right top;
background-repeat: repeat-y;
padding-right: 6px;
height: 81px;
}
#xnav-content {	height: 81px; }
/* 	
Fix for IE6 and IE7 zIndex layering
items in "clear-after" were showing behind relatively positioned items
*/	
.clear-after,
#xNav,
#xnav-content {
position: relative;
z-index: 1;
}
.d-dropdown .menu {
position: absolute;
top: 1.75em;
left: 0;
z-index: 2;
display: none;
margin-top: 0;
}
.d-dropdown li.hover .menu,
.d-dropdown li.focus .menu { 
display: block;
}
.d-dropdown>li:hover .menu { display: block; }
/*--Tier 1---*/
.d-dropdown .menu>* {
margin: 0;
}
.d-dropdown .menu dt,
.d-dropdown .menu dd,
.d-dropdown .menu li {
_margin: 0;
}
.d-dropdown .menu a {
margin: 0 1px;
-moz-outline: none;
display: block;
}
/* tab */
#cs3nav { 	margin-bottom: 0; }
.tab,
.tabHalo {
margin-top: 0;
position: relative;
left: 0;
margin-left: 0;
}
.tab {
display: block;
word-spacing: -1ex;
letter-spacing: -1ex;
line-height: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 1em;
zoom: 1;
_height: 1em;
}
.tab li,
.tab li a {
display: inline;
display: inline-block;
display: -moz-inline-box;
zoom: 1;
_height: 1em;
}
.tab li a:hover { background-color: transparent; }	/* override default hover bg color */
.tab li {
padding-bottom: 0; /* unfortunately <LI> is globally redefined to have padding bottom. I need to override that here */
_display: inline;
word-spacing: 0;
letter-spacing: 0;
line-height: 1.25;
}
[className~=tab] li { display: inline; }
.tab li a { vertical-align: /*\*/ bottom /*/ baseline /**/; }
/*	Halo SKIN	*/
.tab,
.tabHalo {
padding: 0 !important;
margin-bottom: 1em !important;
background-color: #fff;
border-bottom: 3px solid #666;
}
.tab li,
.tabHalo li {
font-size: .916em; /* based on 12px or 75% base font */
}
.tab li.on,
.tabHalo li.on {
background-color: #666;
background-image: none !important;
}
.tab li a,
.tabHalo li a {
text-decoration: none;
text-transform: uppercase;
-moz-outline: none;
padding-right: 1.5ex;
padding-left: 1.5ex;
padding-top: 4px;
padding-bottom: 4px;
}
.tab li a,
.tabHalo li a { color: #999; }
.tab li a:hover,
.tabHalo li a:hover { color: #333 !important; }
.tab li a:visited,
.tabHalo li a:visited { color: #999; }
.tab li.on a,
.tabHalo li.on a { color: #fff; }
.tab li.on a:hover,
.tab li.on a:visited,
.tabHalo li.on a:hover,
.tabHalo li.on a:visited { color: #fff !important; }
/*Overrides*/
.tab li,
.tabHalo li {
border-bottom-style: none;
background-image: none;
font-weight: bold;
}
.tab li.on,
.tab li.on:hover,
.tabHalo li.on,
.tabHalo li.on:hover {
background-image: url(../../com.adobe/module/tabnav/nico/tabtile.gif);
border-bottom-style: none;
}
.tab li.on a,
.tab li.on a:hover,
.tabHalo li.on a,
.tabHalo li.on a:hover { background-image: none; }
.tab li:hover,
.tabHalo li:hover { background-image: none; }
.tab li:hover a,
.tabHalo li:hover a { background-image: none; }
.tab li a,
.tabHalo li a {
background-image: none;
margin-left: 0;
text-decoration: none;
}

.fma>a { display: block; }
.fma a { _display: block; }
.fma * a { _display: inline; }
* html .show .fma {
position: relative;
width: 558px !important;
display: block;	
}
#contentBody .swfcontent { 
margin: 0 -16px; 
_position: relative; 
_zoom: 100%
}
.show { padding: 8px 0; } 
.mnemonic h1 a,
.suite h1 a {	color: #fff !important; }
.mnemonic h1 a:hover,
.suite h1 a:hover {
color: #000 !important;
background-color: transparent !important;
}
.p0 .tabNav {
margin-left: 0;
margin-right: 0;
}
span.price { position: static !important; }	
ul.minimal li { _margin-bottom: -1px;	 }
*:first-child+html ul.minimal li { margin-bottom: -1px; } 
.sidemessage {
background-color: #ddd;
font-size: 0.95em;
padding: 4px;
}
.sidemessage li {
margin-bottom: 0;
padding-bottom: 0;
line-height: 1em;
}
h4.product {
margin-bottom: 0.25em;
margin-top: 0.34em;
}
#foryou {
border: 1px solid #fff;
padding:12px;
_padding: 0;
}
#foryou { margin-bottom:1em; }
#foryou .columns-3-ABC-A,
#foryou .columns-3-ABC-B,
#foryou .columns-3-ABC-C {	_behavior: url("/lib/com.adobe/hover.htc"); /*IE sub7*/ }
#foryou p {
margin-bottom: 0;
}
#foryou a,
#foryou a:hover {
font-size: 1.1em;
line-height: 1.25em;
}
#foryou .pullout-left { margin-bottom: 1em; }
#foryou .pullout-left:hover, 
#foryou .hover {
background-color: #FFF5C0;
color: #424242;
}
#foryou h2 { font-size: 1.7em; }
#L4C1 #L4C1-body { padding: 0 16px; }
#contentNav.columns-2-aaB-aa {
width: 144px;	
background-color: #eee;
padding: 8px;
}
#contentFrame.columns-2-aaB-B { padding: 0; }
#contentFrame.columns-2-aaB-B,
#contentFrame.columns-2-aaB-B iframe { 
width: 558px; 
background-color: #fff;
margin-right: -16px;
_margin-right: -1px;
}
iframe#cs3-messaging {
height: 420px;
}
#contentNav.columns-2-aaB-aa,
#contentFrame.columns-2-aaB-B,
#contentNav p {
margin-bottom: 0;
_padding-bottom: 0;
}
#contentNav p {	margin-top: 0px; }
#contentBody {
width: 524px;
float: left;
padding: 16px 0;
background-color: #fff;
}
#contentBody h1 {
position: static;
background: transparent;
padding: 0;
margin: 0 0 16px;
display: block;
height: auto;
font-size: 1.9em;
}
#sideNav {
float: right;
padding: 0 10px 8px;
margin-right: -16px;
_margin-right: -8px;
width: 175px;
_width: 196px;
background-color: #eee;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ddd;
}
#sideNav h3 {
position: static;
margin-bottom: 0.5em !important;
border-style: none;
background-color: transparent;
}
#sideNav h3,
#productfamily a,
#sidemenu dt a,
#sidemenu dt { color: #111; }
#productfamily p  { 
font-size: 0.917em;
font-weight: bold;
padding-top: 0.5em;
}
#nextsteps h3,
.side-menu dt,
#productfamily p  { text-transform: uppercase; }
#nextsteps {
padding: 5px 10px;
margin: 0 -10px;
background-color: #ccc;
border-bottom: 1px solid #ccc;
}
#sidemenu .selected {
margin-left: -10px;
padding: 1px 0 2px 10px;
background: transparent url(bg/sidemenu_selected.gif) center left no-repeat;
}
#sidemenu dt.selected {
border-top: none;
margin-top: 5px;
padding-top: 6px;
min-height: 20px;
_height: 20px;
}
#sidemenu .selected a { 
color: #fff; 
font-weight:bold;
background-color: #666;
display: block;
padding-left: 4px;
}
#cs3Header.clip-bottom {
htc-method:"$next >$addStyleToNode[marginTop -10px]";
_behavior: url(/lib/com.adobe/evaluateCss.htc);
}
#cs3Header.clip-bottom+* { margin-top: -10px; }