/* 
	File:			rac.css
	Author:			Gerard Ramos
	Created:		6-11-2008
	Description:	Contains all styles for the PIP!
*/
.dialog-container, .rac-container { width: 50.8em; background-color: #fff; border: 2px solid #CDC1A6; padding: 1em; }
.rac-container *{ overflow: hidden; }

.dialog-title, .rac-title { height: 2.3em;  }
.dialog-title img, .rac-title img { float: right; margin-top: 1em; margin-right: 1em;}
.dialog-title h1, .rac-title h1 { float: left; font-weight: normal; font-size: 1.3em; padding: .4em 0; font-family: Georgia, serif, "Times New Roman", Times; color: #4A2300;  }

.rac-content { padding:.3em; border-top: 1px solid #CDC1A6; text-align: left; font-size: 1.1em; overflow: hidden;}
.rac-content h2 {background-color: #505050; color: #fff; font-size:1.1em; padding:.7em .9em;  }
.rac-content .svc { margin: 1em 0; }
.rac-content .svc-message-label{ margin-top: 1em; font-weight: bold; }
.rac-content .alert span { background: url('../images/common/icon_alert.gif') no-repeat 0 .1em; padding: 0 0 .2em 1.3em; }
.rac-basket { margin: 0; }
.rac-totals-block { padding: .5em; font: 1.4em; line-height: 1.3em; border:1px solid #DED7D1; margin-top: .5em;}
.rac-totals-block h1 { font-weight: bold; }
.rac-totals-block ul { width: 100%; border-bottom: 1px solid #DBD2BF; overflow: hidden;}
.rac-totals-block ul li { float: left; text-align: right; display: block; padding: .3em .5em;}
.rac-totals-block ul li.total-header { background-color:#F2EFE9; color: #4A2300; font-weight: bold; }
.rac-totals-block ul li.total-header h3 { padding: 0.3em 0.1em;}
.rac-totals-block ul li.totals-block-static-text { text-align: right; width: 80.2%; margin-right: 1px; }
.rac-totals-block ul li.cart-total { width: 15%; font-weight: bold;}
.rac-totals-block ul li.totals-block-dynamic-text.cart-total { background: #fbfaf8; }
.rac-totals-block ul li.cart-total.total-header { background: #f2efe9; }

span.summary { font-size: 1.1em; font-weight: bold; }/*specifically for the RAC "Shopping Basket Summary" copy*/
span.cart-total { _padding-top: 0; /* IE6 hack - ie adding extra spacing above text */}

.totals-block-disclaimer { display: block; margin: 0.6em 0 0.4em 0; text-align: right; }
.totals-change-instructions { display: none; margin: 0; font-style: italic; text-align: right; }
.totals-block-buttons { padding-top: 1em;  overflow: hidden; text-align: center; }


/* not sure yet where this is used... */
.totals-block-buttons-static {  padding: .5em 2.5em; font-weight: bold;}


div.info h4 { margin-left: 0; line-height: 1.3em;  }
div.info div { line-height: 1.3em;}


/* RAC Popup */
.dijitDialog { position: absolute; z-index: 999; padding: .1em; }

.dijitDialogUnderlayWrapper { position: absolute; left: 0em; top: 0em; z-index: 998; display: none; background: transparent; }

body#pip .dijitDialogUnderlay { background: #EEE; opacity: 0.5; }

.dj_ie .dijitDialogUnderlay {
	filter: alpha(opacity=50);
}

.lineItemContainer { padding : 1em 0; overflow: hidden; border-bottom: 1px solid #CDC1A6; }
.lineItemContainer div.copy{ margin:0 0 0 .6em; }
.lineItemContainer div.copy div.info	{ width: 27em; }

.dynamic-text { color: #505050; }
h4.dynamic-text { color: #4A2300; padding-bottom: .5em; }

ul.monogramAttributes li span { display: block; }


.lineItemContainer div.imageContainer{ float : left; width : 10em; }

/* RAC Buttons */
div.button-background { background-position: center left; border: none; background-repeat: no-repeat; }
input.button, a.button	{ display: block; font-size: 1em; height: 2.6em; padding: 0; text-indent: -999em; }
div#btn-close { background-image:url('../images/pip/rac_btn_close.gif'); padding: 0.3em 0 0.3em 0; float: right; }
div#btn-close a.button { height: 1.3em; width: 5.5em; }

div#btn-continue{ float: left; background-image:url('../images/common/btn_continue_shopping_back.gif'); }
div#btn-continue a.button { width: 16.5em;}
div#btn-checkout{ float:right; background-image:url('../images/common/btn_proceed_to_checkout.gif');}
div#btn-checkout a.button { width: 15.8em};
/*RAC item hook */
#itemmodule{
	padding-right: 8px;
	width:100%;
	overflow-x:hidden;	
}

ul.monogramAttributes{
	list-style: none; /* no bullet markers */
	position: relative; 
	padding: 0px;
	margin: 0px;
	/* margin: 0px; _margin: 0px 0px 0px 2px; */
}

div.clr {
    clear: both;
}