/* CSS Document */

#extras-list,#extras-list li,#steps,#steps li { list-style:none; margin:0; padding:0; }
#extras-list { clear:both; padding-left:133px; background:url(/i/icons/order/order-extras-pad.png) repeat-y left top; }
#extras-list li { margin-bottom:10px; border:2px solid #eee; background:#fafafa; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:7px; }

#extras-list #header { border:2px solid #e0e0e0; background:#f0f0f0; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:5px; }
#extras-list #header:hover,#extras-list #header.active { background:#e0e0e0; }
#extras-list #header.active h3:hover { text-decoration:underline; }
#extras-list #body { padding:0 10px; margin:5px 0 0; background:#fff; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; }
#extras-list #body h4 { color:#3f3f3f; margin:0; padding:0; }
#extras-list h3 { display:inline; font-size:12px; }

#order-cont { border:2px solid #eee; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#top-nav { background:#eee; height:29px; }
#top-nav #back,#top-nav #next { display:block; padding:7px; width:100px; text-align:center; }
#top-nav h1 { text-align:center; font-weight:bold; color:#3f3f3f; margin:0; padding:0; font-size:12px; padding:7px; }
#top-nav #back:hover,#top-nav #next:hover { background:#ddd; }
#top-nav #back { float:left; }
#top-nav #next { float:right; }
/*
#top-nav #back:hover { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
#top-nav #next:hover { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
*/
#steps { padding:0 5px; margin-top:-10px; }

div#element { margin:3px 3px 13px 3px; background:#FFFF55; padding:7px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color:#3f3f3f; }
div#element.error { margin:0 0 10px 0; border:3px solid red; }

label { cursor:pointer; }

div.price { float:right; display:none; font-weight:bold; color:#2f2f2f; margin-top:2px; }
div.price-display { float:right; }
div#total { font-size:36px; font-weight:bold; color:#B03F3F; background:url(/i/icons/order/dollarsign.png) no-repeat left; display:block; margin-right:5px; padding-left:70px; }

#step-body { margin-left:133px; padding-left:5px; }

div.active { background:#aaa; }

#icon-help { position:absolute; margin-left:-24px; }
.icon-big { float:left; margin-right:10px; margin-bottom:10px; }
#iconabbrev { padding:2px 0 2px 14px; background:#fafafa; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
#icon-abbrev { float:left; display:block; margin-right:10px; width:64px; height:64px; }
#icon-abbrev div { display:none; }
#icon-abbrev.active div { display:block; width:54px; height:54px; margin:5px; background:#9f9f9f; text-align:center;  -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#icon-abbrev.active span { display:block; padding-top:18px; color:#fff; text-decoration:none; }
a#icon-abbrev { text-decoration:none !important; }
#icon-abbrev.active img { display:none; }
#icon-abbrev img { float:left; margin-right:10px; width:32px; height:32px; padding:16px; opacity:.5; }
#icon-abbrev:hover img { width:64px; height:64px; padding:0; opacity:1; }
.icon-extra { float:right; margin-top:-13px; margin-right:-3px; }

#continue-cont { background:#fafafa; clear:both; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; margin-top:10px; }
#continue { clear:both; float:right; margin:10px; padding:5px; background:#eee; display:block; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#continue:hover { background:#e3e3e3; display:block; }

div#label { font-weight:bold; }

#note { font-size:11px; color:#5f5f5f; margin-top:3px; }

#indicator { position:absolute; margin-left:618px; margin-top:70px; visibility:hidden; }
#coupon-error { font-weight:bold; color:red; margin-top:5px; background:url(/i/icons/error.png) no-repeat left; padding:2px 0 2px 18px; }
#update-coupon { background:#FFAA00; color:#fff; padding:3px 5px; border:2px solid #FFAA00; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#update-coupon:hover { background:#F9C458; text-decoration:none; }
td.highlight { color:#EF4A4A; font-weight:bold; }

input.readonly { color:#999; } }