/*
          --=.._/(        E-Commerce/My-Cart      )\_..=--
              	  */

.ecommerce #maincontent h1 {margin: 15px 0; }
.ecommerce #maincontent h2 {margin: 25px 6px 0 0; clear: left;}
.ecommerce #maincontent h3 {margin: 10px 0 0 0; font-size: 1em;}
.ecommerce #maincontent td {font-size:82%; color:#666666;}
.ecommerce #maincontent table {    width: 760px;	margin: 0 10px 30px 10px;}
.ecommerce #maincontent table.datetime { width: auto; float: left; margin: 0; padding: 0; }
	.ecommerce #maincontent table.datetime td { border: none; margin: 0; padding: 0; }

.ecommerce #breadcrumbs { position: relative; }
p#cart_totals {
    text-align: right;
	width: 750px;
	font-size: .9em;
	margin: 15px 5px;
	padding:0;
	position: absolute;
	bottom: -40px;
	line-height: 12px;
}

/* cart_info =  generic styled cart div*/
.ecommerce div.cart_info {
  width: 75%;
	margin: 1em auto;
	padding: 10px;
	border: 1px solid #dde;
	background-color: #E0E9F3;
	clear: left; /*for shipping page right now*/
}
.ecommerce div.cart_info.error {
	border: 6px solid #f00;
	background-color: #fff1f1 ;
}
.ecommerce .column div.cart_info {
	width: 95%;
}
.ecommerce .column {width: 45%; float: left; margin-right: 1.8em;}
.ecommerce .shipping_summary .column {width: 290px; margin: 0; }
.ecommerce #maincontent .cart_info p, .ecommerce #maincontent .cart_info ul {
    margin: 0 0 5px 0;
}
.ecommerce .shipping_summary {    margin-left: 30px;}
.ecommerce #maincontent .shipping_summary p {    margin: 0 0 10px 0;}
.ecommerce #maincontent .cart_info h2 {margin: 0 6px 0 0; clear: left;}

.shipping-information #maincontent .cart_info {    position: relative; background-color: #eaf3ff; }
.shipping-information #maincontent .cart_info.shipToSelected {background-color: #f6feF9; }
.shipping-information #maincontent .cart_info p {float: none}
.shipping-information #maincontent .cart_info h3 {margin: 0;}
.shipping-information #maincontent .cart_info input {width: 15px; position: absolute; top:8px; right: 8px; border: none;}


          /*
--=.._/(        E-Commerce Forms      )\_..=--
    	  */

.ecommerce legend{
    margin: 0 0 14px 0;
	font-weight: bold;
	font-size: 1.3em;
}
.ecommerce label, .ecommerce input, .ecommerce select, .ecommerce textarea{
    width: 400px;
	float: left;
	margin: 4px 0;
	padding: 2px 1px;
}
.ecommerce input.submit {
	background-image:url(/_resources/images/btn_continue_blue.gif);
	clear:left;
	height:33px;
	width: 105px;
}
.ecommerce input.submit:hover {
	background-position:0 -32px;
}
.ecommerce #a1form .radiowrap { clear:left;}
.ecommerce #a1form .radiowrap label { clear:both; display:block; float:none; margin:0 0 .5em 200px; overflow:hidden;text-align:left; width:400px;}

	
/*using #maincontent to avoid breaking header and other forms*/
.ecommerce #maincontent label {
    width: 200px;
	clear: left;
	text-align: right;
	margin-right: 3px;
}
.ecommerce #maincontent fieldset {
	padding: 10px 20px;
	background-color: #E0E9F3;
	margin: 0 0 35px 0;
}
body.contract #maincontent fieldset.nobackgroundplease {
	background: none !important;
}
body.contract #maincontent fieldset {	margin: 0 0 20px 0 !important;}

.ecommerce #maincontent fieldset div select, .ecommerce #maincontent fieldset div input{ /* group them in divs*/
    width: 130px;
	margin-right: 3px;
}
* html .ecommerce #maincontent fieldset div.dp_formrow {
	width: 520px;
}
*+html .ecommerce #maincontent fieldset div.dp_formrow {
	overflow: hidden;
	min-width:160px;
}
#date-of-birth   {float: left; width:403px}
#maincontent #date-of-birth select, #maincontent select#salutation  { width:80px; padding: 0;}/*smaller*/
#maincontent #LicenseState, #maincontent #DateOfBirth_month, #maincontent #DateOfBirth_day, #maincontent #DateOfBirth_year { width: auto; padding: 0;}
#maincontent #LicenseState { margin-right: 100px; }
#maincontent select#salutation, #maincontent select#dl_state {width:4em; margin-right: 320px;  }/* short selects. margin = clear ie float */
#OnDeathAction, #AuthJointAccount, #content #maincontent #AuthJointAccount.checkbox { border: 0; width: auto; margin:8px 200px 12px 0; }
#OnDeathAction { margin-right: 6px; }
#OnDeathCustody { width: 378px; margin-right: 120px; }
 

.ecommerce.upgrade #maincontent .column  {width: 19.5em; margin-left: 7.5em;}
.ecommerce.upgrade #maincontent .column.second  {margin-left: 0;}
* html .ecommerce.upgrade #maincontent .column  { margin-left: 2em; width:22em;}
* html .ecommerce.upgrade #maincontent .column.second  {margin-left: 1em; width: 22em;  }
.ecommerce #maincontent fieldset div label{    clear: none;	width: 8em;}

.ecommerce #maincontent fieldset p, .ecommerce #maincontent button {
	/*float: left;*/
    clear: both;
}


.ecommerce #maincontent fieldset#ship_to_wrap label, .ecommerce #maincontent fieldset#ship_to_wrap p{
    width: 270px;
	text-align: left;
	float: none;
	cursor: pointer;
}
.ecommerce #maincontent fieldset#ship_to_wrap h3 {
    margin: 3px 0;
}


.shipping-options #maincontent table td{    text-align: center;  }
.shipping-options #maincontent table select {    width: 45px; display: inline; float: none; padding: 1px;}
.shipping-options #maincontent table input { display: inline; float: none;}

.shipping-options h2 {    margin: 0px 0 2px 0;}
#storage_duration{    width: 200px;}

.shipping-options #storage_options .column label {
	border:1px solid #ddddee;
	background-color: #eaf3ff;
	cursor:pointer;
	display:block;
	float:none;
	padding:5px;
	text-align:left;
	width:100%;
}
.shipping-options #storage_options .column label.selected_period { background-color:#f6fef9; }
#storage_options .column label span { display:block; margin:0 0 .2em 20px; }
#content #storage_options .column label .radio { margin:2px 0 0; }
* html #content #storage_options .column label .radio { margin:0; }
*+html #content #storage_options .column label .radio { margin:0; }



/* reverse input/label relationship.  extra specific to make sure we win the sythe wars */
.ecommerce #content #maincontent .check_radio_wrap label {
	width: 300px;
	clear: none;
	font-weight: bold;
	text-align: left;
}
.ecommerce #content #maincontent .check_radio_wrap input {
    clear: left;
	margin-top: 0;
}

.shipping-information #content #maincontent .check_radio_wrap label,
.shipping-options #content #maincontent .check_radio_wrap label,
.authorization  #content #maincontent .check_radio_wrap label {
	width: 600px;
	font-weight: normal;
}
.ecommerce #maincontent  .checkbox {
    border: none;
}

.verification #maincontent .donor_information {    margin-top: 30px;}
.verification #maincontent .bigwarning, .verification #maincontent .bigwarning * { color:#f00; font-size:1.1em; }

.verification dl {    margin: 10px 0 30px 0;}
.verification dt, .verification dd{
    float: left;
    width: 200px;
	margin-bottom: 5px;
}
.verification dt{
	clear: left;
	width: 8em;
	text-align: right;
	font-weight: bold;
	margin-right: 4px;
}



/*********** buttons ***************/
.ecommerce #maincontent button, button#btn_checkout {
	background-position: 0 -1px;
	border: 0;
	clear: left;
	cursor: pointer;
	display:block;
	height: 33px;
    margin: 20px 0 25px 203px;/*line up with inputs*/
	text-indent: -9999px;
}
.ecommerce #maincontent button#btn_contcheckout {
	height:30px;
}
.ecommerce #maincontent button#btn_contcheckout:hover, .ecommerce #maincontent button#btn_contcheckout.iehover {
	background-position:0 -32px;
}


.ecommerce button#disagree, .ecommerce button#disagree_logout, .ecommerce button#btnDisagree ,.ecommerce button#btnConfirmDisagree {
	clear:none;
	display:inline;
	float:left;
	margin-left: 45px;
	margin-top:18px;
}

.ecommerce button#agree, .ecommerce button#btnAgree{ /*make sure it floats next to the other button*/
  clear: none;
	display:inline;
	margin-left:192px;
	float: left;
	/*margin-right: 80px; dirty hack*/
}
	.ecommerce #maincontent button:hover, .ecommerce #maincontent button.iehover { background-position: 0 -33px; }

	/* index buttons in myaccount.css */
	button#continue 	{ background-image: url(/_resources/images/btn_continue.gif); width: 105px; }
	.ecommerce #maincontent button#continue, .ecommerce #maincontent button#submitorder { margin: 20px 312px 24px 312px; } 
	fieldset button#continue { background-image: url(/_resources/images/btn_continue_blue.gif); }
	button#doitlater	{ background-image: url(/_resources/images/btn_Ill_Do_It_Later_Without_Au.gif); width: 365px; }
	.ecommerce #maincontent button#continuewithpurchace { background-image: url(/_resources/images/btn_Continue_With_Purchase.gif); margin-left: 254px; width: 207px; }
	button#disagree	{ background-image: url(/_resources/images/btn_I_Disagree_Cancel_Order.gif); width: 214px;}
	button#disagree_logout, button#btnDisagree, button#btnConfirmDisagree	{ background-image: url(/_resources/images/btn_I_Disagree_Log_Out.gif); width:211px;}
	button#agree, button#btnAgree{ background-image: url(/_resources/images/btn_I_Agree.gif); width: 93px;}
	button#submitorder	{ background-image: url(/_resources/images/btn_Submit_Order.gif); width: 121px; }
	button#doitlatership{ background-image: url(/_resources/images/btn_Ill_Do_It_Later_Without_Sh.gif); width: 398px; }




/* OL progress bar(current step buttons) */
/* #breadcrumbs in body.ecommerce are the 'current step buttons' */
.ecommerce #breadcrumbs { 
	float: left;
	height: 42px;
	line-height:34px; /*helps IE6 not draw the containers 42px high. Because it will. */
	margin-bottom: 0px;
}
#breadcrumbs h3 { position: absolute; left: -9999em; }
.ecommerce #breadcrumbs ol {
	height: 34px;
	width: 774px;
}
#breadcrumbs li {
	background: transparent url(/_resources/images/ecommerce_tabs.gif) 0 40px no-repeat;
	display: block;
	float: left;
	height: 34px;
	/* text-indent: -9999px; */
}

	.whyuseus #breadcrumbs li {
		text-indent: 0; /* what this is i don't even */
	}

	#breadcrumbs ol.paymentnav li { background-image: url(/_resources/images/ecommerce_tabs_payment.gif); }

	#breadcrumbs li.on a {
		display: block;
		height: 34px;
	}
#breadcrumbs li.upgrade-menu {
	background: transparent url(/_resources/images/ecommerce_tabs.gif) 0 -34px no-repeat;
	margin-left: 15px;
	width: 72px;
}
* html #breadcrumbs li.upgrade-menu { margin-left: 7px; }

#breadcrumbs li.on.upgrade-menu 		{ background-position: 0 -34px; }
#breadcrumbs li.on.authorization-menu 	{ background-position: -72px -34px; }
#breadcrumbs li.on.contract-menu 		{ background-position: -177px -34px; }
#breadcrumbs li.on.inventory-menu 		{ background-position: -265px -34px; }
#breadcrumbs li.on.shipping-menu 		{ background-position: -348px -34px; }
#breadcrumbs li.on.schedule-menu		{ background-position: -431px -34px; }
#breadcrumbs li.on.payment-menu 		{ background-position: -513px -34px; }
	#breadcrumbs ol.paymentnav li.on.payment-menu { background-position: -511px -34px; width: 78px; }
#breadcrumbs li.on.confirm-menu 		{ background-position: -589px -34px; }
#breadcrumbs li.on.complete-menu 		{ background-position: -662px -34px; }

#breadcrumbs li.upgrade-menu 		{ background-position: 0 0; text-indent: -999em; width: 72px; }
#breadcrumbs li.authorization-menu 	{ background-position: -72px 0; text-indent: -999em; width: 105px; }
#breadcrumbs li.contract-menu 		{ background-position: -177px 0; text-indent: -999em; width: 88px; }
#breadcrumbs li.inventory-menu 		{ background-position: -265px 0; text-indent: -999em; width: 83px; }
#breadcrumbs li.shipping-menu 		{ background-position: -348px 0; text-indent: -999em; width: 83px; }
#breadcrumbs li.schedule-menu 		{ background-position: -431px 0; text-indent: -999em; width: 82px; }
#breadcrumbs li.payment-menu 		{ background-position: -513px 0; text-indent: -999em; width: 76px; }
	#breadcrumbs ol.paymentnav li.payment-menu { background-position: -511px 0; text-indent: -999em; width: 78px; }
#breadcrumbs li.confirm-menu 		{ background-position: -589px 0; text-indent: -999em; width: 73px; }
#breadcrumbs li.complete-menu 		{ background-position: -662px 0; text-indent: -999em; width: 82px; }

* html #breadcrumbs li.on {background-position-y: -34px;}

/*
.upgrade #breadcrumbs li.upgrade-menu, .authorization #breadcrumbs li.upgrade-menu, .contract #breadcrumbs li.upgrade-menu, .inventory #breadcrumbs li.upgrade-menu,
.shipping-options #breadcrumbs li.upgrade-menu, .shipping-information #breadcrumbs li.upgrade-menu, .payment #breadcrumbs li.upgrade-menu,
.verification #breadcrumbs li.upgrade-menu, .checkout #breadcrumbs li.upgrade-menu { background-position: 0 -34px; }

.authorization #breadcrumbs li.authorization-menu, .contract #breadcrumbs li.authorization-menu, .inventory #breadcrumbs li.authorization-menu,
.shipping-options #breadcrumbs li.authorization-menu, .shipping-information #breadcrumbs li.authorization-menu, .payment #breadcrumbs li.authorization-menu,
.verification #breadcrumbs li.authorization-menu, .checkout #breadcrumbs li.authorization-menu { background-position: -72px -34px; }
*/
/*
.upgrade #breadcrumbs li.upgrade-menu 				{ width: 72px; }
.authorization #breadcrumbs li.upgrade-menu 		{ width: 105px; }
.contract #breadcrumbs li.upgrade-menu 				{ width: 88px; }
.inventory #breadcrumbs li.upgrade-menu 			{ width: 83px; }
.shipping-options #breadcrumbs li.upgrade-menu 		{ width: 83px; }
.shipping-information #breadcrumbs li.upgrade-menu 	{ width: 82px; }
.payment #breadcrumbs li.upgrade-menu 				{ width: 76px; }
.verification #breadcrumbs li.upgrade-menu 			{ width: 73px; }
.checkout #breadcrumbs li.upgrade-menu 				{ width: 82px; }
*/

          /*
--=.._/(        Ecommerce Randoms      )\_..=--
    	  */

.ecommerce #maincontent div.overflow {
	padding: 15px;
	border: 1px solid #ddd;
	clear: right;
	background: #fbfbfd;

}
.ecommerce #maincontent div.overflow p {	color: #111;}
.ecommerce #maincontent div.overflow h2 {margin: 6px 0;}
.ecommerce #maincontent .tooltip {
    margin: 5px 0 0 3px;
}
#cardHolderName, .payment #cityCreditCard, #MaritalStatus {    margin-right: 80px;} /*stop an ie wrap problem*/

#CVV2code {width: 8em;}

.shipping_price {font-weight: bold;}
.payment tfoot td{    text-align: right; padding-right: 5px; font-weight: bold;}
.payment tfoot td.shipping_price{    text-align: left;}

.contract h1 span {
    display: none;
}

#maincontent .event-calendar fieldset #shipDate
{
	background: transparent;
	border: 0;
	display:block;
	font:100% Arial, Helvetica, sans-serif;
	margin:0;
	width:100%;
}

          /*
--=.._/(        Ecommerce Calendar      )\_..=--
    	  */
				
.event-calendar { clear:left; }

#maincontent .event-calendar fieldset {
	background-color: #eaf3ff;
	border: 1px solid #ddddee;
	display:inline;
	float:left;
	font-size:120%;
	margin:2em 0 0 20px;
	padding:10px;
	width:220px;
}
/* ie7 + 6 measure the bottom padding funny.  too much space below input, despite lack of margin */
*+html #maincontent .event-calendar fieldset { padding-bottom:0; }
*+html #maincontent .event-calendar fieldset + fieldset { padding-bottom:16px; }
* html #maincontent .event-calendar fieldset { padding-bottom:1px; }
* html #maincontent .event-calendar fieldset span { margin-bottom:15px; }
	#maincontent fieldset .event-calendar fieldset label {
		display:block;
		float:none;
		margin:0 0 1em 0;
		text-align:left;
		width:auto;
	}
	.event-calendar fieldset span {
		display:block;
		float:none;
		height:1em;
		padding:3px 1px 2px;
	}

.calendar, .calendar ol {
	margin: 0;
	padding: 0;
	width: 14.01em; /* fixes wrapping issue in chrome - bmargolis */
}
.calendar { float: left; margin-right:20px;}
* html .calendar { margin-right:0; }
*+html .calendar, *+html .calendar ol {	width: 14.25em;}/*ie7 border madness*/
* html .calendar, * html .calendar ol {	width: 14.25em;}/*ie6 border madness*/
.calendar ol{
	border: 1px solid black;
	overflow: hidden;
}
.calendar ol li{
	display: block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	float: left;
}
.calendar ol li.saturday a { border-right:0; }

.calendar ol li.fullwidth{
	width: 100%;
	height: auto;
}
.calendar ol li.fullwidth a{
	display: inline;
	border: 0;
}
.calendar ol li a{
	border: 1px solid gray;
	border-bottom: 0;
	border-left: 0;
	display: block;
	/*width: 100%;
	height: 100%;*/
	text-decoration: none;
}
.calendar ol li.last a{
	border-right: 0px;
}
.calendar ol li.lastmonth a, .calendar ol li.nextmonth a{
	color: gray;
}
.calendar ol li.disabled a{
	background: #CCC;
	color: white;
}
.calendar ol li.selected{
	background-color: #CCF;
}


/* Safari 3 only fixes.  These changes may also get picked up by Opera. */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.ecommerce.upgrade #maincontent .column input {margin-bottom:5px;}
	.ecommerce.upgrade #maincontent .column select {margin-bottom:6px;}
	.ecommerce.upgrade #maincontent input#City {margin-bottom:5px;}
}