/*	
Copyright 2005 Adobe Systems Incorporated.
Layout CSS
$Revision: 1.97 $
*/
#gecko { /* same as layoutLogic in com.adobe */
padding: 0 16px;
width: 526px;
_width: 558px;
}
div.full-width #gecko { width: auto; }
div.full-width #gecko,
div.partial-width #gecko { float: none; }
div.with-pod #gecko { float: left; }
div.partial-width #contentBody {
width: 526px;
_width: 558px;
}
#contentBody {
padding-top: 10px;
}
div.with-pod #contentBody { width: auto; }
#pod,
#infoPod {
width: 179px;
_width: 200px;
}
#pod {
padding: 0 10px 20px;
float: right;
}
#pod-fma,
#promo { width: 200px; }
#infoPod {
padding: 0 10px 1px;
}
#fma div.columns-2-aaB-aa { text-align: center; }
#fma div.columns-2-aaB-aa img { margin: 0.5em 0; }
#fma div.columns-2-aaB-B h2 { margin-top: 0em; }
#fma div.columns-2-aaB-B form { margin-top: 1.6em; }
#fma div.hr {
font-size: 1px;
line-height: 1px;
border-top: 1px solid #c3c8cb;
margin: 0 -10px;
}
#fma h2.promoHeader,
#fma h2,
#configurator h4.promoHeader {
padding-top: 0.15em;
padding-bottom: 12px;
}
#fma.productsHome h2.promoHeader {
padding-top: 10px;
padding-bottom: 12px;
margin-top: 0;
}
#feature.promoHeader {
padding-top: 0;
margin-top: 0;
}
#fma.productsHome {
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
height: 142px;
}
#fma img.promoImage {
position: absolute;
top: 0;
left: 0;
width: 232px;
height: 142px;
}
#fma img.promoFeatureImage {
position: absolute;
top: 0;
left: 0;
width: 232px;
height: 111px;
}
#fma div.promoMessage {
position: absolute;
top: 0;
left: 233px;
width: 317px;
height: 142px;
}
#fma div.promoFeatureMessage {
position: absolute;
top: 0;
left: 233px;
width: 315px;
height: 130px;
}
#fma p.promo-iow { margin-top: -0.9em; }
#fma div.badge-promo {
position: absolute;
top: 0;
left: 549px;
width: 173px;
}
#promoButtons { margin-top: 2em; }
#fma { padding-bottom: 1px; }
#fma.fma-nobleed {
padding: 0 16px;
margin: 16px 1px 1em 0;
}
div.full-width form.form-columns div.columns-2-Abb-bb div.promo-box {
position: relative;
top: 0;
left: 0;
background-color: #f7f7ee;
padding: 7px 8px 2px 8px;
border: 1px solid #d5d5ca;
margin: 0 0 0 -16px;
width: 158px;
_width: 176px;
}
div.promo-box h3 {
background-color: #c3c8cb;
/*\*/
padding: 3px 0 3px 10px;
/*/
padding: 4px 0 3px 10px;
/**/
margin: -7px -8px 0 -8px;
}
div.promo-box ul.link-list {
position: relative;
top: 0;
left: 0;
text-align: left;
list-style: none outside;
margin: 0 -8px;
padding: 0.25em 0;
}
div.promo-box ul.link-list li {
clear: both;
padding: 0.15em 4px 0.2em 4px;
margin: 0 8px 0 4px;
border-top: 1px solid #d5d5ca;
line-height: 1.4em;
}
div.promo-box p { margin: 0.5em 0; }
div.partial-width #options-box.columns-2-Abb-bb,
div.full-width #options-box.columns-2-Abb-bb {
border: 1px solid #eee;
margin-top: -8px;
margin-right: 0;
margin-bottom: 1.5em;
padding: 8px 8px 10px 16px;
width: 149px;
_width: 173px;
}
#options-box ul {
margin-top: 1em;
color: gray;
}
/*
IFRAME MANAGER
*/
iframe {
background-color: #fff;
position: absolute;
top: 0;
left: 0;
width: 500px;
height: 0;
z-index: 2000;
visibility: hidden;
}
iframe#configurator.inpage {
background-color: inherit;
position: static !important;
width: 100%;
_width: 330px;
height: auto;
z-index: 1;
visibility: visible;
}
#contentBody iframe.rate-this {
height: 28em;
position: static;
visibility: visible;
}
#iframe-popup {
padding: 4px 8px;
margin: 0;
}
body#iframe-inpage { 
background: #EEEEEE; 
}
#EmxPopup {
background-color: transparent;
position:absolute;
top: 0;
left: 0;
z-index: 1001;
visibility: hidden;
}
#EmxPopup #topLeft {
position:absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
}
#EmxPopup #top {
position:absolute;
top: 0;
left: 8px;
height: 8px;
}
#EmxPopup #topRight {
position:absolute;
top: 0;
right: 0;
width: 8px;
height: 8px;
}
#EmxPopup #right {
position:absolute;
top: 8px;
right: 0;
width: 8px;
}
#EmxPopup #bottomLeft {
position:absolute;
bottom: 0;
left: 0;
width: 8px;
height: 8px;
}
#EmxPopup #bottom {
position:absolute;
bottom: 0;
left: 8px;
height: 8px;
}
#EmxPopup #bottomRight {
position:absolute;
bottom: 0;
right: 0;
width: 8px;
height: 8px;
}
#EmxPopup #left {
position:absolute;
top: 8px;
left: 0;
width: 8px;
}
#EmxPopup #innerDIV {
background-color: #fff;
position: absolute;
top: 8px;
left: 8px;
}
#EmxPopup #innerDIV #emxpopup-title {
position: absolute;
top: 4px;
left: 16px;
text-align: left;
font-weight: bold;
}
#EmxPopup #innerDIV #closeIcon {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
}
#EmxPopup #emxPopupContentArea {
position: absolute;
top: 24px;
left: 8px;
overflow: hidden;
text-align: left;
}
#static-messaging {
padding: 0;
margin: 0;
}
#static-messaging div {
margin: 0 auto 16px;
padding: 16px;
width:250px;
}
#static-messaging h2 { margin: 0 0 .5em; }
#static-messaging h2 img {
vertical-align:text-bottom;
margin-right: 4px;
}