/* 
Copyright 2005 Adobe Systems Incorporated.
Popup Window CSS
$Revision: #1 $
*/
@import url(/css/fonts.css);
@import url(/css/master.css);
@import url(/css/styles.css);
@import url(/css/layout.css);
@import url(/css/forms.css);
@import url(/css/themes.css);
@import url(/css/data.css);
img {
border: none;
}
* html body
{
text-align: left;
}
#iframe-popup .nav-right {
padding: 12px 0 0;
border-top: 1px solid #c3c8cb;
}
/*\*//*/
html #flow {
padding-right: 15px;
}
/**/
html>body #flow 
{
overflow: auto; 
}
html>body .configurator #flow 
{
width: 310px;
float: left;
}
* html #flow 
{
overflow-y: auto; 
}
#flash-popup {
padding: 0;
margin:0;
background-color: white;
background-image: none;
}
#flash-popup #static-messaging {
 margin-top: 2em;
}
#flashpaper-popup {
/* \*/
height:100%;
/* hide from Mac IE 5.x */
/*\*/
overflow: hidden;
/* end hide from Mac IE 5.x */
background: #fff;
}
#flashpaper-popup #flashpaper {
height:95%;
}
#flashpaper-popup #popup-nav {
margin: 8px 0 6px;
}
#popup-nav {
text-align: right;
/*	background: url(/images/mm_type.gif) no-repeat 9px 0; */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
min-height: 18px;
margin: 0 -8px 6px;
padding: 0 8px;
border-bottom: 1px solid #ccc;
}
* html #popup-nav {
height: 18px;
}
.popup,
.popup h1 {
padding: 8px;
}
/* override for h1, leverages h1 styles in use sitewide (i.e. products, color bar) */
.popup h1 {
background-position: 98% 5px;
margin: 0 -8px 16px;
}
col.datacolumns-3-Abbcc-A {
width: 60%;
}
col.datacolumns-3-Abbcc-bb,
col.datacolumns-3-Abbcc-cc {
width: 15%;
}
div.columns-3-ABC-A,
div.columns-3-ABC-B,
div.columns-3-ABC-C {
width: 31%;
*width: 28%;	/* ie7 */
float: left;
}
div.columns-3-ABC-C {
margin-left: 24px;
}
html>body #flow  {
height: 254px;
}
* html #flow  
{
height: 250px;
}
form.configurator {
padding-bottom: 1px;
}
.configurator h3 {
margin-bottom: 14px;
}
.configurator #price {
white-space: nowrap;
}
.configurator #token 
{
width: 112px;
float: left;
text-align: center;
}
.configurator #token img 
{
margin-bottom: 1em;
}
#configurator .input-left label {
font-weight: normal !important;
}
html>body #configurator .input-left label input {
position: relative; z-index: 100
}
* html .configurator.withToken #flow .input-left p input {
_position: absolute;	/* override b/c was overlapping in IE */
}
*:first-child+html .withToken #flow .input-left p input {
position: static	
}
#configurator .on,
#configurator .off {
font: bold 0.85em Verdana, Arial, Helvetica, sans-serif;
padding-left: 26px;
}
html>body #configurator .on,
html>body #configurator .off {
margin-top: 5px;
padding-bottom: 10px;
}
#configurator .on {
color: #000;
background: url(/images/check_mark.gif) no-repeat 8px 2px;
}
#configurator .price {
color:#FF0000;
margin-bottom: 2.5em;
}
#configurator .off,
#configurator .off .price {
color: #999999
}
html>body #configurator .off .pullout-left p,
html>body #configurator .on .pullout-left  p {
float: none;
margin: 0;
}
* html #configurator .pullout-left {
margin-bottom: 0;
}
* html #configurator .off .pullout-left .pullout-item,
* html #configurator .on .pullout-left .pullout-item {
height: 1em;
margin: 0;
}
* html #configurator li.off .pullout-left p,
* html #configurator li.on .pullout-left p {
float: none !important;
position: relative;
display: block;
}
html>body .configurator #flow {
height: 224px;
}
* html .configurator #flow {
height: 210px;
}
.configurator.withToken #flow {
float: right;
position: relative;
}
* html .configurator.withToken #flow 
{
padding: 0;
}
.configurator #flow div.columns-2-AB-B,
.configurator #flow div.columns-2-aaB-B,
.configurator #flow div.columns-2-Abb-bb 
{
float: right;
padding: 3px 0;
}
.configurator #flow div.columns-2-AB-A,
.configurator #flow div.columns-2-aaB-aa,
.configurator #flow div.columns-2-Abb-A 
{
float: left;
padding: 3px 0;
}
.configurator #flow div.columns-2-AB-A,
.configurator #flow div.columns-2-AB-B 
{
width: 47%;	
}
.configurator #flow div.columns-2-aaB-aa,
.configurator #flow div.columns-2-Abb-bb {
width: 33%;
}
.configurator #flow div.columns-2-aaB-B,
.configurator #flow div.columns-2-Abb-A {
width: 63%;	
}
html>body .configurator #flow div.columns-2-aaB-aa label,
html>body .configurator #flow div.columns-2-Abb-A label 
{
position: relative;
top: 3px;
}
/*\*//*/
html .configurator #flow div.columns-2-aaB-aa label,
html .configurator #flow div.columns-2-Abb-A label {
top: 1px;
}
/**/
table {
font-size: 100%;
}
table.data-price {
margin-bottom: 1.5em;
}
table.data-price td.total {
font-weight: bold;
}
table.data-price th {
font-weight: normal;
background: transparent;
}
table.data-price th,
table.data-price td {
padding: 0 0.5em .2em 0;
vertical-align: top;
}
.configurator input.price,
.configurator #cost.price  {
font-size: 1.2em;
font-weight: bold;
min-height: inherit;
}