html, body { 
	background: none;
}

body.orderDetails, body.orderSchedule {
	margin: 10px;
}

#content { 
	width: auto;
}

p { 
	margin-bottom: 1em;
}


/* misc form control styling */
.orderSchedule label.text { 
	display: inline;
}

.orderSchedule label.text input, .orderSchedule input, input#orderName {
	padding: 3px 8px;
}

.orderSchedule select {
	padding-left: 3px
}

textarea, input, select, input#orderName {
	border: 1px solid #C3C3C3;
	border-bottom-color: #DDDDDD;
	border-top-color: #7C7C7C;
	background: #FFFFFF url('../img/backgrounds/textInput.gif') repeat-x;
}

textarea { 
	padding: 3px;
}

textarea.defaultData,input.defaultData {
	color: #999999;
}

textarea.defaultData.changedDefaultData, input.defaultData.changedDefaultData {
	color: #000000;
}

.checkbox, .radio {
	clear: left;
	padding: 1px 0;
	display: block;
	overflow: hidden;
}

.radioWithTextField {
	float: left;
}

.radioWithTextField span {
	padding-right: 9px;
}

.checkbox input, .radio input {
	float: left;
	margin: 0 0 0 2px;
}

* html .checkbox input, * html .radio input {
	margin: -3px;
}

*+html .checkbox input, *+html .radio input {
	margin: -3px;
}

.checkbox span, .radio span{
	margin-left: 23px;
	display: block;
}

* html .checkbox span, * html .radio span {
	margin-left: 15px;
	height: 1%;
}


a { outline:none !important; }
#orderCenter #content { width:100%; font-family:Arial, sans-serif; }
#orderCenter #main { margin-bottom:20px; }

#masthead { margin:5px 0 15px; padding:0 8px 0 0; border-bottom:1px solid #999; }

#masthead h1 {
	margin: 0;
	padding: 0 0 9px;
	width: 108px;
	height: 15px;
	background: url(../img/headings/order_center.gif) no-repeat 0 0;
	text-indent: -9000px;
}

#masthead ul li { 
	float: right;
	
}

#masthead a { 
	font-size: 1.1em;
	display: block;
	margin: 3px 0 0 8px;
	text-decoration: none;
}

#masthead a.emailList { 
	background: url(../img/icons/email.gif) no-repeat 3px 2px;
	padding: 1px 0 3px 20px;
}

#masthead a.deleteList { 
	background: url(../img/icons/delete.gif) no-repeat 3px 1px;
	padding: 1px 0 3px 17px;
}

#masthead a.print { 
	background: url(../img/icons/print.gif) no-repeat 3px 0;
	padding: 1px 0 3px 20px;
}

#masthead a.print:hover {
	text-decoration: underline;
}


/* tabs */
#content ul.navigation {
	margin-bottom: -1px;
	position: relative;
}

#content ul.navigation li {
	float: left;
}

#content ul.navigation li a {
	background: url(../img/navigation/sprite_tabs.gif) no-repeat;
	height: 30px;
	display: block;
	text-indent: -9000px !important;
}

#content ul.navigation li.openOrders a {
	background-position: 0 0;
	width: 108px;
}

#content ul.navigation li.openOrders a:hover {
	background-position: 0 -30px !important;
}

#content ul.navigation li.orderHistory a {
	background-position: -108px 0;
	width: 113px;
}

#content ul.navigation li.orderHistory a:hover {
	background-position: -108px -30px !important;
}

#content ul.navigation li.itemHistory a {
	background-position: -221px 0;
	width: 104px;
}

#content ul.navigation li.itemHistory a:hover {
	background-position: -221px -30px !important;
}

#content ul.navigation li.listCenterHome a {
	background-position: -325px 0;
	width: 162px;
}

#content ul.navigation li.listCenterHome a:hover {
	background-position: -325px -30px !important;
}

#content ul.navigation li.shoppingLists a {
	background-position: -487px 0;
	width: 119px;
}

#content ul.navigation li.shoppingLists a:hover {
	background-position: -487px -30px !important;
}

#content ul.navigation li.starterLists a {
	background-position: -606px 0;
	width: 100px;
}

#content ul.navigation li.starterLists a:hover {
	background-position: -606px -30px !important;
}


/* active tab state */
body.openOrders #content ul.navigation li.openOrders a {
	background-position: 0 -30px;
}

body.orderHistory #content ul.navigation li.orderHistory a {
	background-position: -108px -30px;
}

body.itemHistory #content ul.navigation li.itemHistory a {
	background-position: -221px -30px;
}

body.listCenterHome #content ul.navigation li.listCenterHome a {
	background-position: -325px -30px;
}

body.shoppingLists #content ul.navigation li.shoppingLists a {
	background-position: -487px -30px;
}

body.starterLists #content ul.navigation li.starterLists a {
	background-position: -606px -30px;
}


/* shell */
#content .top { background:url(../img/backgrounds/pagination_top.gif) no-repeat 0 0; height:5px; }
#content .wrapper { border:1px solid #999; border-width:0 1px; margin-right:1px; }
#content .bottom { background:url(../img/backgrounds/pagination_bottom.gif) no-repeat 0 0; height:5px; }


/* pagination */
.pagination { padding:9px 15px 9px 15px; font-size:1.1em; }
.pagination a { text-decoration:none; }
.pagination a:hover { text-decoration:underline; }
.pagination dl { }
.pagination dl dt { float:left; font-weight:normal; }
.pagination dl dd { float:left; }

.pagination dl.items { float:left; }
.pagination dl.items dt { margin-right:3px; }

.pagination dl.itemsShow { float:right; margin-right:25px; }
.pagination dl.itemsShow dd { margin:0 2px; }
.pagination dl.itemsShow dd.selected { font-weight:bold; color:#082f7c; }

.pagination dl.pages { float:right; font-weight:bold; margin-right:-2px; }
.pagination dl.pages dt { font-weight:bold; color:#082f7c; }
.pagination dl.pages a, .pagination dl.pages .previous, dl.pages .pagination .next { font-weight:normal; }
.pagination dl.pages .previous { color:#000; }
.pagination dl.pages dd { margin:0 2px; color:#082f7c; }

/* headers */
.orderDetails h1,
.orderDetails h2 {
	text-indent: -1000px;
	background: transparent url('../img/sprites/pageTitles.png') no-repeat 0px -96px;
	height: 24px;
	border-bottom: 1px solid #999999;
}

.orderDetails h2 {
	height: 16px;
}

.orderDetails .deliveryInformation h2 {
	background-position: 0 -145px;
}

.orderDetails .billingInformation h2 {
	background-position: 0 -161px;
}

.orderDetails .orderInformation h2 {
	background-position: 0 -177px;
	margin-top: 18px;
}

.orderSchedule h1 {
	text-indent: -1000px;
	background: transparent url('../img/sprites/pageTitles.png') no-repeat 0px -48px;
	height: 24px;
	border-bottom: 1px solid #999999;
}

.orderSchedule h1.edit {
	background-position: 0px -72px;
}

.orderDetails h1.edit {
	background-position: 0px -120px;
}

.orderSchedule fieldset {
	margin: 15px 5px;
	border: none;
}

.listCenter #masthead h1 { 
	text-indent: -1000px;
	background: transparent url('../img/sprites/pageTitles.png') no-repeat 0px -24px;
	height: 23px;
	padding: 0;
}

.listCenter .wrapper h3 { 
	font-size: 1.5em;
	margin: 0 15px;
	padding: 0 0 8px 5px;
	border-bottom: 1px solid #999999;
}

.listCenter .wrapper h3 a#editListTitle { 
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 2px 25px;
	background: url(../img/icons/edit.gif) no-repeat 10px 0;
}


/* print info */
#printInfo { 
	background-image: url(../img/icons/print.gif);
	background-repeat: no-repeat;
	width: 45px;
	position: absolute;
	top: 15px;
	right: 10px;
}

#printInfo a { 
	display: block;
	padding-left: 18px;
	text-decoration: none;
}



/* utility navigation */
.utility {
	margin: 2px 0 16px 0;
}

#historyHeader .utility {
}

#historyFooter .utility {
	margin-top: 18px;
	margin-bottom: 2px;
}

#content .utility.head {
	margin: 15px 0;
}

#content .utility.foot {
	margin: 10px 0 0 -30px;
}

body.listCenter #content .utility.foot {
	margin-left: 0;
}

#content .utility.order { 
	margin: 0 0 15px 95px;
}

#content .utility ul {
	margin-bottom: 0;
}

#content .utility ul li { 
	margin-right: 7px;
	margin-bottom: 5px;
	float: left;
	list-style: none;
}

#content .utility ul li div fieldset {
	border: none;
}

#content .utility ul li div fieldset legend {
	margin: 0 0 10px 0;
}

#content .utility ul li div fieldset input {
	float: left;
}

#content .utility ul li div fieldset label { 
	margin-left: 23px;
}

#content .utility ul li div fieldset div.recurring {
	background: #fcfdc9;
	margin: 10px 0 5px 24px;
	padding: 9px;
}

#content .utility ul li div fieldset div.recurring legend { 
	font-weight: normal; 
	background: transparent;
}

#content .utility ul li div fieldset div.recurring li {
	margin: 0 0 7px 10px;
}

#content .utility ul li a.addToCart, #content .utility ul li a.addToOrder, #content .utility ul li a.addToList, #content .utility ul li a.editOrder,  #content .utility ul li a.holdDelivery, #content .utility ul li a.cancelOrder, #content .utility ul li a.copyToList, #content .utility ul li a.removeFromList, .utility ul li a.removeSelectedItems {
	background: url(../img/navigation/sprite_utility.gif) no-repeat;
	height: 23px;
	display: block;
	text-indent: -9000px !important;
}

#content .utility ul li a.addToCart {
	background-position: 0 0;
	width: 79px;
}

#content .utility ul li a.addToOrder {
	background-position: -79px 0;
	width: 110px;
}

#content .utility ul li a.editOrder {
	background-position: -288px 0;
	width: 73px;
}

#content .utility ul li a.holdDelivery {
	background-position: -362px 0;
	width:113px;
}

#content .utility ul li a.cancelOrder {
	background-position: -476px 0;
	width:110px;
}

#content .utility ul li a.copyToList {
	background-position: -587px 0;
	width:111px;
}

#content .utility ul li a.removeFromList {
	background-position: -699px 0;
	width:109px;
}

.utility ul li a.removeSelectedItems {
	background-position: -809px 0;
	width:142px;
}

#content .utility ul li a#addToOrderTop.active {
	background-position: -79px -24px;
}

#content .utility ul li a.addToList {
	background-position: -189px 0;
	width: 97px;
}

#content .utility ul li a.addToList.active {
	background-position: -190px -24px;
}

#content .utility ul li a.editOrder.active {
	background-position: -190px -24px;
}

#content .utility ul li a.holdDelivery.active {
	background-position: -362px -24px;
}

#content .utility ul li a.cancelOrder.active {
	background-position: -476px -24px;
}

#content .utility ul li a.copyToList.active {
	background-position: -587px -24px;
	width:111px;
}

#content .utility ul li a.submit {
	clear: both;
	text-align: left;
}

.listCenter #content .utility ul li div.copyListWrapper a.submit {
	margin-left: -12px;
}

#content .utility ul li a.submit img {
	margin: 8px 0 0;
} 

#content .utility .top {
	height: 12px;
	width: 100%;
	font-size: 1px;
	margin-bottom: -5px;
	background: no-repeat 0 0;
}
	
#content .utility .middle {
	background: #fff;
	border: 2px solid #b2c6e2;
	border-width: 0 2px;
	padding: 7px 10px;
}

#content .utility .bottom {
	height: 5px;
	width: 100%;
	font-size: 1px;
	background: no-repeat 0 0;
}

#content .utility ul li div.addOrderWrapper, #content .utility ul li div.holdDeliveryWrapper, #content .utility ul li div.cancelOrderWrapper {
	position: absolute;
	width: 314px;
	display: none;
}

body.listCenter #content .utility ul li div.addOrderWrapper, body.listCenter #content .utility ul li div.copyListWrapper { 
	z-index: 2;
}

#content .utility ul li div.addOrderWrapper .top {
	background-image: url(../img/backgrounds/add_order_header_top.gif);
}


#content .utility ul li div.addOrderWrapper .middle {
}

#content .utility ul li div.addOrderWrapper .bottom {
	background-image: url(../img/backgrounds/add_order_header_bottom.gif);
}

#content .utility ul li div.addListWrapper, #content .utility ul li div.copyListWrapper {
	position: absolute;
	width: 190px;
	display:none;
}

#content .utility ul li div.addListWrapper .top {
	background-image: url(../img/backgrounds/add_list_header_top.gif);
}

#content .utility ul li div.addListWrapper .middle {
}

#content .utility ul li div.addListWrapper .bottom {
	background-image: url(../img/backgrounds/add_list_header_bottom.gif); }

#content .utility ul li div.addListWrapper select {
	width: 166px;
	height: 101px;
	border: 1px solid #999;
}

#content .utility ul li div.addListWrapper select option {
	padding: 4px 3px 2px;
}

#content .utility ul li div.holdDeliveryWrapper .top {
	background-image: url(../img/backgrounds/hold_delivery_top.gif);
}

#content .utility ul li div.holdDeliveryWrapper .middle {
}

#content .utility ul li div.holdDeliveryWrapper .middle legend { 
	background: #fcfdc9;
	margin: 0;
	padding: 9px 9px 0 9px;
	width: 270px;
}

#content .utility ul li div.holdDeliveryWrapper .middle ol { 
	background: #fcfdc9;
	margin: 0 0 5px;
	padding: 9px;	
}

#content .utility ul li div.holdDeliveryWrapper .middle ol li { 
	margin-bottom: 9px;
	margin-left: 9px;
}

#content .utility ul li div.holdDeliveryWrapper .middle ol li label {
	margin-left: 5px;
}

#content .utility ul li div.holdDeliveryWrapper .bottom {
	background-image: url(../img/backgrounds/hold_delivery_bottom.gif);
}

#content .utility ul li div.cancelOrderWrapper .top {
	background-image: url(../img/backgrounds/cancel_order_top.gif);
}

#content .utility ul li div.cancelOrderWrapper .middle {
}

#content .utility ul li div.cancelOrderWrapper .middle legend { 
	background: #fcfdc9;
	margin: 0;
	padding: 9px 9px 0 9px;
	width: 273px;
}

#content .utility ul li div.cancelOrderWrapper .middle ol { 
	background: #fcfdc9;
	margin: 0 0 5px;
	padding: 9px;	
}

#content .utility ul li div.cancelOrderWrapper .middle ol li { 
	margin-bottom: 9px;
	margin-left: 9px;
}

#content .utility ul li div.cancelOrderWrapper .middle ol li label {
	margin-left: 5px;
}

#content .utility ul li div.cancelOrderWrapper .bottom {
	background-image: url(../img/backgrounds/cancel_order_bottom.gif);
}

#content .utility ul li div.copyListWrapper .top {
	background-image: url(../img/backgrounds/copy_to_list_top.gif);
}

#content .utility ul li div.copyListWrapper .middle {
}

#content .utility ul li div.copyListWrapper .middle select {
	width: 100%;
	margin: 10px 0;
	border: 1px solid #C3C3C3;
	border-bottom-color: #DDDDDD;
	border-top-color: #7C7C7C;
	background: #FFFFFF url('../img/backgrounds/textInput.gif') repeat-x;
}

#content .utility ul li div.copyListWrapper .middle label {
	color: #4677BA;
}

#content .utility ul li div.copyListWrapper .bottom {
	background-image: url(../img/backgrounds/copy_to_list_bottom.gif);
}

#content .utility.foot {
	position: relative;
}

#content .utility.foot ul li a#addToOrderBottom.active {
	background-position: -79px -48px;
}

#content .utility.foot ul li a.addToList.active {
	background-position: -190px -48px;
}

#content .utility.foot ul li a.copyToList.active {
	background-position: -587px -48px;
}

#content .utility.foot ul li div.addOrderWrapper {
	bottom: 23px;
}

#content .utility.foot ul li div.addOrderWrapper .top {
	background-image: url(../img/backgrounds/add_order_footer_top.gif);
	height: 10px;
}

#content .utility.foot ul li div.addOrderWrapper .middle {
}

#content .utility.foot ul li div.addOrderWrapper .bottom {
	background-image: url(../img/backgrounds/add_order_footer_bottom.gif);
	height: 12px;
}

#content .utility.foot ul li div.addListWrapper {
	bottom: 23px;
}

#content .utility.foot ul li div.addListWrapper .top {
	background-image: url(../img/backgrounds/add_list_footer_top.gif);
	height: 10px;
}

#content .utility.foot ul li div.addListWrapper .middle {
}

#content .utility.foot ul li div.addListWrapper .bottom {
	background-image: url(../img/backgrounds/add_list_footer_bottom.gif);
	height: 12px;
}


/* order history footer */
#historyFooter {
	position: relative;
}

#historyFooter .utility ul li a#addToOrderBottom.active {
	background-position: -79px -48px;
}

#historyFooter .utility ul li a.addToList.active {
	background-position: -190px -48px;
}

#historyFooter .utility ul li div.addOrderWrapper {
	bottom: 34px;
}

#historyFooter .utility ul li div.addOrderWrapper .top {
	background-image: url(../img/backgrounds/add_order_footer_bottom.gif);
	height: 10px;
}

#historyFooter .utility ul li div.addOrderWrapper .middle {

}

#historyFooter .utility ul li div.addOrderWrapper .bottom {
	background-image: url(../img/backgrounds/add_order_footer_top.gif);
	height: 12px;
}

#historyFooter .utility ul li div.addListWrapper {
	bottom: 34px;
}

#historyFooter .utility ul li div.addListWrapper .top {
	background-image: url(../img/backgrounds/add_list_footer_bottom.gif);
	height: 10px;
}

#historyFooter .utility ul li div.addListWrapper .middle {

}

#historyFooter .utility ul li div.addListWrapper .bottom {
	background-image: url(../img/backgrounds/add_list_footer_top.gif);
	height: 12px;
}

#historyFooter .utility ul li div.copyListWrapper {
	bottom: 28px;
}

#historyFooter .utility ul li div.copyListWrapper .top {
	background-image: url(../img/backgrounds/copy_to_list_footer_top.gif);
	height: 10px;
}

#historyFooter .utility ul li div.copyListWrapper .middle {

}

#historyFooter .utility ul li div.copyListWrapper .bottom {
	background-image: url(../img/backgrounds/copy_to_list_footer_bottom.gif);
	height: 12px;
}

/* table */
table {
	width: 100%;
	font-size: 1.1em;
}

table tr.even td {
	background-color: #EEF9FF;
}

table tr th {
	border-bottom: 1px solid #CFCFCF;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	background: #E7E7E7 url(../img/backgrounds/orderCenterTableHeader.gif) repeat-x;
}

.orderDetails table tr th { 
	text-align: left;
}

table tr th.items, table tr th.nextDeliveryDate {
	padding: 5px 15px;
}

table tr th.select {
	padding: 0 15px
}

.orderDetails table tr th.select input, .orderDetails table tr th.select label, .listCenter table tr th.select input, .listCenter table tr th.select label {
	display: inline !important;
}

table tr th a {
	display: block;
	padding: 5px 15px;
}

body.listCenter table tr th a {
	padding: 2px 15px;
}

table tr th span.status {
	display: block;
	width: 7px;
	height: 12px;
	background: url(../img/icons/sort.gif) no-repeat 0 1px;
	display: inline;
	margin-left: 5px;
}

table tr th span.status i {
	visibility: hidden;
}

table tr th span.status.ascending {
	background: url(../img/icons/sort.gif) no-repeat 0 -25px;
}

table tr th span.status.descending {
	background: url(../img/icons/sort.gif) no-repeat 0 -12px;
}

table tr th.first {
	border-left: none;
}

.orderDetails table tr th.first, .listCenter table tr th.first { 
	border-left: 1px solid #999;
	width: 30px;
}

table tr th a:link, table tr th a:visited, table tr th a:hover, table tr th a:active {
	color: #000;
	text-decoration: none;
}

body.itemHistory table tr th a {
	padding: 0 15px;
}

body.itemHistory table tr th.select {
	width: 76px;
}

body.itemHistory table tr th.select label {
	display: inline !important;
}
 
body.itemHistory table tr th.itemDescription {
	width: 393px;
}

body.itemHistory table tr th.price {
	width: 67px;
}

body.itemHistory table tr th.quantity {
	width: 54px;
}

body.itemHistory table tr th.nextDeliveryDate {
	width: 153px;
}

body.orderHistory table tr th.deliveryDate {
	width: 124px;
}

body.orderHistory table tr th.orderNumber {
	width: 99px;
}

body.orderHistory table tr th.store {
	width: 129px;
}

body.orderHistory table tr th.total {
	width: 84px;
}

body.orderHistory table tr th.orderDate {
	width: 103px;
}

body.orderHistory table tr th.items {
	width: 233px;
}

body.listCenter table { 
	margin: 0 15px;
	width: auto;
}

body.listCenter table tr th.select { 
	padding: 0 10px;
	width: 30px;
}

body.listCenter table tr td.select { 
	width: 31px;
	padding-right: 10px;
	padding-left: 10px;
}

body.listCenter table tr th.itemDescription, body.listCenter table tr td.itemDescription { 
	width: 400px;
}

body.listCenter table tr td.itemDescription { 
	width: 348px;
}

body.listCenter table tr th.nextDeliveryDate { 
	padding-right: 0;
	padding-left: 0;
	width: 114px;
}

body.listCenter table tr td.nextDeliveryDate { 
	width: 98px;
}

body.listCenter table tr th.price { 
	width: 115px;
}

body.listCenter table tr td.price { 
	width: 82px;
}

body.listCenter table tr th.quantity { 
	border-right: 1px solid #999;
	width: 61px;	
}

body.listCenter table tr td.quantity { 
	width: 48px;	
}

table tr td {
	padding: 10px 15px;
	vertical-align: top;
	line-height: 1.5em;
}

table tr td ul {
	margin-left: 15px;
}

table tr td a:link, table tr td a:visited {
	text-decoration: none;
}

table tr td a:hover, table tr td a:active {
	text-decoration: underline;
}

table tr td img {
	float: left;
	border: 1px solid #CFCFCF;
}

table tr td a.itemName, table tr td  span.itemNote, table tr td span.itemAlert {
	display: block;
	margin-left: 71px;
	line-height: 1em;
}

table tr td a.itemName {
	margin-bottom: 1em;
	font-weight: bold;
	line-height: 14px;
	margin-top: -3px;
}

table tr td span.itemAlert {
	background-color: #FDFDC9;
	padding: 10px;
	margin-top: 1em;
}

#content table tr td input.qty {
	width: 20px;
	padding: 2px;
	text-align: right;
	border: 1px solid #999;
}

table tr td.total, table tr td.price {
	font-weight: bold;
}

table tr td ul li {
	list-style: square;
	line-height: 1.2em;
}

table tr th.itemTotal { 
	border-right: 1px solid #999;
}

table tfoot tr.first td { 
	border-top: 1px solid #999;
}

table tfoot tr td { 
	padding-top: 5px;
	padding-bottom: 5px;
}

table tfoot tr td.footLabel {
	text-align: right; 
}

table tfoot tr td.total {
	border-top: 1px solid #999;
	background-color: #EEF9FF;
}

table tfoot tr.note td { 
	font-size: 10px;
	line-height: 11px;
	padding-top: 12px;
}

table tr td.price { 
	line-height: 12px;
}

table tr td.price .originalPrice { 
	color: #943026;
	text-decoration: line-through;
}

table tr td.price .discount { 
	font-weight: normal;
}


/* forms */
#orderCenter form {
	margin: 0;
	padding: 0;
	border: none;
}


/* order details */
.orderDetails .deliveryInformation,
.orderDetails .billingInformation {
	margin: 10px 0;
	width: 49%;
}
.orderDetails .deliveryInformation {
	float: left;
}
.orderDetails .billingInformation {
	float: right;
}

.orderDetails .orderInformation {
	/*	all your base are belong to us*/
}

.orderDetails dl { 
	margin-top: 11px;
}

.orderDetails dl dt { 
	font-weight: bold;
	float: left;
	text-align: right;
	width: 85px;
 }
 
.orderDetails div.deliveryInformation dl dt, .orderDetails div.billingInformation dl dt { 
	width: 140px;
}
 
.orderDetails dl dd { 
	margin: 0 0 11px 95px;
}
 
.orderDetails div.deliveryInformation dl dd, .orderDetails div.billingInformation dl dd { 
	margin: 0 0 11px 150px;
}

.errorMessage { 
	margin-bottom: 15px;
	padding: 10px;
	background-color: #FDFDC9;
}


/* order schedule */
ul.inputList {
	float: left;
}

ul.inputList span.label, p.label {
	clear: left;
	float: left;
	width: 67px;
	margin-right: 10px;
	padding: 7px 0 8px;
	text-align: right;
	font-weight: bold;
}

ul.inputList li {
	clear: left;
	float: left;
}

ul.inputList li label.checkbox,ul.inputList li label.radio {
	margin: 6px 0 2px;
}

ul.inputList li label.text input  {
	margin: 2px 0 6px;
}

ul.inputList li label.radioWithTextField  {
	margin: 6px 0pt 10px;
}

.orderSchedule fieldset#specialInstructions, .orderSchedule fieldset#paymentInformation { 
	margin-bottom: 0;
}

.orderSchedule .buttons {
	margin: 20px 0;
}

.orderSchedule .buttons input {
	float: left;
}

.orderSchedule .buttons a {
	line-height: 30px;
	padding: 10px;
	font-size: 12px;
}

/* Order Name */
.orderSchedule .orderName input {
	width: 200px;
}


/* Pickup/Delivery Location */
.orderSchedule .deliveryLocation .locationFields {
	margin: 10px 0 10px 23px;
}

.orderSchedule .deliveryLocation .storeHours {
	margin: 10px;
}

.orderSchedule .deliveryLocation li { /* IE7 */
	width: 350px;
}

/* Delivery Schedule */
.orderSchedule .frequencyFieldsContainer {
	padding: 10px;
	width: 135px;
	float: right;
	background: #FDFDC9;
}

.orderSchedule .deliveryScheduleRecommendedDays,
.orderSchedule .frequencyFieldsWeekly .text input,
.orderSchedule .deliveryScheduleMonthlyFrequency {
	width: 20px;
}

.orderSchedule #frequencyFieldsOnce label { 
	margin-bottom: 5px;
}

.orderSchedule .daysOfTheWeek label {
	display: block;
	margin-top: 5px;
}

.orderSchedule .deliverySchedule .monthlyWeekAndDay {
	margin: 10px 0;
}

.frequencyFieldsEndDate {
	clear: both;
}

.orderSchedule .deliverySchedule .endDateDeliveries {
	width: 32px;
}

.orderSchedule .deliverySchedule .note {
	margin: 10px 0 0 80px;
	clear: both;
}

/* Delivery Hold */
/* (no styles) */

/* Special Instructions */
.orderSchedule .specialInstructions textarea {
	width: 99.5%;
}
* html .orderSchedule .specialInstructions textarea { /* IE7 */
	width: 99%;
	margin-left: -14px;
}
.orderSchedule .specialInstructions p.remaining {
	margin: 5px 0 0 0;
	text-align: right;
}

/* Location Information */
.orderSchedule .locationInformation ul li div#locationFieldsBilling, .orderSchedule .locationInformation ul li ul li { 
	margin-bottom: 10px;
	position: relative;
}

.orderSchedule .locationInformation ul li div#locationFieldsBilling label, .orderSchedule .paymentInformation ul li div#creditCardFieldsPayment label { 
	display: inline;
}

.orderSchedule .locationInformation ul li ul li label { 
	display: block;
	float: left;
	width: 115px;
	text-align: right;
	font-weight: bold;
}

.orderSchedule .locationInformation ul li ul li input,.orderSchedule .locationInformation ul li ul li select { 
	display: block;
	margin-left: 125px;
}

.orderSchedule .locationInformation ul li ul li div.extension { 
	width: 80px;
	position: absolute;
	top: 0;
	right: -85px;
}

.orderSchedule .locationInformation ul li ul li div.extension input { 
	width: 35px;
	margin-left: 5px;
	display: inline;
}

.orderSchedule .locationInformation ul li ul li div.extension label { 
	display: inline;
	float: none;
	width: auto;
}

/* Payment Information */
.orderSchedule .paymentInformation ul li div#creditCardFieldsPayment, .orderSchedule .paymentInformation ul li ul li { 
	margin-bottom: 10px;
}

.orderSchedule .paymentInformation ul li ul li label { 
	display: block;
	float: left;
	width: 115px;
	text-align: right;
	font-weight: bold;
}

.orderSchedule .paymentInformation ul li ul li input, .orderSchedule .paymentInformation ul li ul li select, .orderSchedule .paymentInformation ul li ul li div#creditCardExpirationDate { 
	display: block;
	margin-left: 125px;
}

.orderSchedule .paymentInformation ul li ul li img { 
	margin: 10px 0 5px 125px;
}

.orderSchedule .paymentInformation ul li ul li div#creditCardExpirationDate select { 
	display: inline;
	margin-left: 0;
	margin-right: 5px;
}


/* Progressive Disclosure */
div.progressiveDisclosure {
	position: relative;
	margin-top: -1px;
	padding: 5px 0 4px 10px;
	background: #C4E3F8 url('../img/backgrounds/progressiveDisclosure.gif') repeat-x 0 50%;
	border: 1px solid #85B2D1;
	cursor: pointer;
}

div.progressiveDisclosure .label {
	color: #0066CC;
	font-weight: bold;
	font-size: 11px;
	padding-right: 4px;
}

div.progressiveDisclosure .control {
	font-size: 11px;
	color: #1678BE;
	display: block;
	position: absolute;
	top: 3px;
	right: 9px;
	padding: 2px 21px 0 0;
	background: url('../img/icons/progressiveDisclosureControl.gif') no-repeat top right;
	height: 14px;
}

div.progressiveDisclosure.expandedProgressiveDisclosure .control {
	background-position: bottom right;
}

.listCenter div.progressiveDisclosure { 
	margin: 0 15px;
}

.listCenter div.progressiveDisclosure span.label { 
	color: #000;
}


/* LIST CENTER HOMEPAGE PROMOS */
div#listCenterPromos { 
	margin: 0 10px 0 12px;
	padding-top: 10px;
}

div#listCenterPromos div { 
	float: left;
	width: 248px;
	height: 167px;
	margin-right: 5px;
	background: url(../img/backgrounds/listCenterPromo.gif) no-repeat;
}

div#listCenterPromos div#instructionalTextPromo {
	margin-right: 0; 
}

div#listCenterPromos div h2 { 
	padding: 13px 12px 7px 12px;
	font-size: 1.25em;
	color: #000;
}

div#listCenterPromos div select { 
	margin: 5px 12px 0;
	padding: 5px;
	color: #4677BA;
	width: 222px;
	height: 100px;
}

div#listCenterPromos div ul {
	list-style: square;
	margin: 0 15px 0 30px; 
}

div#listCenterPromos div ul li {
	list-style: square;
	margin: 0 -0 .5em;
	padding-left: 0;
}


/* LIST CENTER HOMEPAGE BILLBOARD */
div#listCenterBillboard { 
	margin: 10px 15px 0;
	padding: 15px;
	background: url(../img/backgrounds/listCenterBillbaord.gif) #E6F3FF repeat-x bottom;
}

div#listCenterBillboard h2 {
	font-size: 3em;
	color: #000;
	padding-top: 15px;
}

div#listCenterBillboard ol { 
	margin-top: 20px;
	margin-left: 50px;
	width: 50%;
}

div#listCenterBillboard ol li { 
	font-size: 1.75em;
	line-height: 1.25em;
	margin-bottom: 1em;
}

div#listCenterBillboard ol li strong {
	font-size: 1.25em;
}


/* SHOPPING LISTS SELECT */
fieldset.shoppingListsSelect { 
	border: none;
	margin: 0 12px;
	padding: 0 15px 40px 15px;
	height: 70px;
	background: url(../img/backgrounds/shoppingListsSelect.gif) no-repeat 0 11px; 
}

fieldset.shoppingListsSelect h2 { 
	color: #000;
	font-size: 1.75em;
	padding: 30px 0 0;
}

fieldset.shoppingListsSelect select {
	display: block;
	margin-top: 10px;
	width: 215px;
}


/* MODALS */

#content .wrapper div.modal { 
	position: absolute;
	z-index: 25;
	width: 506px;
	margin-left: 145px;
	margin-top: 13px;
}

#content .wrapper div.modal .top { 
	height: 9px;
	background-image: url(../img/backgrounds/listCenterModalTop.gif);
}

#content .wrapper div.modal .middle { 
	border-right: 5px solid #B7C5E0;
	border-left: 5px solid #B7C5E0;
	background-color: #FFF;
}

#content .wrapper div.modal .middle a.close {
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	vertical-align: middle;
	text-transform: lowercase;
	text-decoration: none;
}

#content .wrapper div.modal .middle a.close span {
	display: block;
	float: left;
	margin-top: 2px;
	text-decoration: underline;
}

#content .wrapper div.modal .middle a.close img {
	float: right;
}

#content .wrapper div.modal .middle h3 { 
	color: #A32A1F;
	font-size: 15px;
	margin: 0 10px 10px;
	padding: 10px 0 5px 0;
}

#content .wrapper div.modal .middle fieldset { 
	border: none;
	margin: 10px 10px 0;
	padding-bottom: 10px;
}

#content .wrapper div.modal .middle fieldset label {
	float: left; 
	margin-top: 3px;
	margin-left: 10px;
}

#content .wrapper div.modal .middle fieldset p {
	margin-left: 10px;
}

#content .wrapper div.modal .middle fieldset input, #content .wrapper div.modal .middle fieldset textarea {
	padding: 3px;
	border: 1px solid #C3C3C3;
	border-bottom-color: #DDDDDD;
	border-top-color: #7C7C7C;
	background: #FFFFFF url('../img/backgrounds/textInput.gif') repeat-x;
	color: #666;
	display: block;
}

#content .wrapper div#createNewShoppingList.modal .middle fieldset input {
	margin-left: 75px;
}

#content .wrapper div#emailShoppingList.modal .middle fieldset input, #content .wrapper div#emailShoppingList.modal .middle fieldset textarea, #content .wrapper div#emailShoppingList.modal .middle fieldset p.note, #content .wrapper div#emailShoppingList.modal .middle fieldset a.save {
	margin-left: 130px;
	margin-bottom: 10px;
}

#content .wrapper div#emailShoppingList.modal .middle fieldset p.note { 
	color: #989898;
}

#content .wrapper div#createNewShoppingList.modal .middle fieldset a.save {
	margin: 10px 0 0 75px;
}

#content .wrapper div#deleteShoppingList.modal .middle div {
	position: relative;
	padding: 0 0 10px;
}

#content .wrapper div#deleteShoppingList.modal .middle div a.ok {
	margin: 0 0 0 10px;
}

#content .wrapper div#deleteShoppingList.modal .middle div a.cancel {
	text-decoration: none;
	position: absolute;
	top: 8px;
	left: 60px;
}

#content .wrapper div#deleteShoppingList.modal .middle div a.cancel:hover, #content .wrapper div#deleteShoppingList.modal .middle div a.cancel:active {
	text-decoration: underline;
}

#content .wrapper div.modal .middle fieldset a {
	display: block; 
}

#content .wrapper div.modal .bottom {
	height: 9px;
	background-image: url(../img/backgrounds/listCenterModalbottom.gif);
}

#content .wrapper div#createNewShoppingList, #content .wrapper div#emailShoppingList, #content .wrapper div#createNewShoppingList, #content .wrapper div#deleteShoppingList { 
	display: none;
}