/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			:  PRODUCT AREA - ONLINE PRODUCT SECTION - ORDER PROCESSING Stylesheet
' Description	: This page contains styles for the PRODUCT AREA - ORDER PROCESS sections
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 12/11/2006	: David Ellenwood - Created Page
' 04/24/2009	: DPE - cleaned for Dave's Guitar & following sites
' 05/18/2009	: TG - Updates for Bereavement Services
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 		ORDERING PROCESS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#CheckoutMast	{border:1px solid #ccc; margin:.5em 0; padding:1em;}

/* ----------- ORDERING - ACCOUNT BAR ------- */

#accountBar 					{margin:0; padding:0; font-size:.8em; position:absolute; right:0; z-index:50; margin:-46px 55px 0 0; color:#888;}
#accountBar a					{color:#888; text-decoration:none;}
#accountBar img.absplitter 		{margin:0 6px -11px 6px;}

/* ----------- ORDERING - PROCESS DISPLAY BAR ------- */

#orderProcess		{margin:3px 0 0 0; padding:4px 5px 3px 5px; position:relative;}
ol.process			{margin:0; padding:0;}
ol.process li		{float:left; display:list-item; margin:.25em 1.5em; padding:0;}
ol.process li.sel	{font-weight:bold; color:#de8ab4;}

/* ----------- ORDERING - OVER-ALL STYLES ------- */

.form		{position:relative;}
.form h1	{color:#663433; margin:1em 0 1em 0; clear:both;}
.form h2	{color:#663433; margin:.5em 0 .5em 0; padding:0 0 .5em 0; border-bottom:1px dashed #ccc;}
.form h3	{color:#663433; margin:.5em 0;}
.form p		{margin:.25em 0; font-size:.8em;}

.form ul#addressBook {margin:0 0 0 1em; padding:0; list-style:none;}
.form ul#addressBook li					{float:left; display:inline; width:135px; margin:.5em .5em 1.5em .5em; padding:0 1em; border-right:1px dashed #535353;}
.form ul#addressBook li label			{margin-left:-1.25em;}
.form ul#addressBook li address			{font-size:.9em; padding-left:1em; font-style:normal;}
.form ul#addressBook li span.actions	{padding-left:1em; font-size:.9em;}
.form ul#addressBook li span.actions a	{}

.form h4.newAddress	{font-weight:normal; margin:.5em 0 .25em 1em; width:300px;}
.form p.newAddress	{margin:0 3.25em;}
.form p.newPassword	{margin:0 3.25em;}

.form .errorSummary		{border:1px dashed #f33; background:#eee; padding:1em; margin:1em 0;}
.form .errorSummary h4	{font-size:1.25em; margin-bottom:.25em;}
.form .errorSummary p	{font-size:1em;}

.form .formRow				{display:block; width:300px; clear:both; margin:.25em 1.25em;}
.form .formRow span.label	{float:left; display:block; width:120px; padding:0 1em 0 0;}
.form .formRow .error		{float:left; display:block; width:250px; margin-top:.25em;}
.form .formRow input,
.form .formRow select		{font-size:.9em; border:1px solid #535353;}

#newAddressForm select {width:135px;}

.form div#chargesSummary	{float:right; display:inline; width:235px; margin:2.5em 0 1em 0; padding:0 1em .8em 1em; border:1px solid #bbb;}
.form div#chargesSummary h4	{width:215px; margin:.25em 0 0 .5em;}
.form div#chargesSummary p	{width:215px; margin:0 0 0 .5em;}

.form div#trackingSummary		{float:left; display:block; width:616px; margin: 0 0 0 0; padding:0 1em 1em 1em; border:1px solid #535353;}
.form div#trackingSummary h4	{margin:.25em 0 0 .5em; color: #fff; }
.form div#trackingSummary h5	{margin:.5em 0 0 .5em; color:#fff;}
.form div#trackingSummary p		{margin:0 0 0 .5em;}

.form .submit,
.form #submit {clear:both; margin:2em 0 0 0; padding:1em 0 0 0; text-align:right; border-top:1px dashed #bbb;}

.form .submit input,
.form #submit input {font-size:1em;}

.form table				{border-collapse:collapse; margin-top:1em; width:680px; font-size:.9em;}
.form table tbody.odd	{}
.form table tbody.even	{}

.form table th {color:#fff; background:#939393; text-align:left; padding:3px 3px; white-space:nowrap;}

.form table .color	{}
.form table .size	{white-space:nowrap;}
.form table .uPrice	{text-align:right;}
.form table .qty	{text-align:center;}
.form table .total	{text-align:right;}
.form table .remove	{text-align:center;}

.form table td						{padding:5px; font-size:.9em;}
.form table td.image				{padding:5px 8px;}
.form table tr.itemDetail td		{}
.form table td.qty					{padding:3px 5px 5px 5px;}
.form table tr.embroidery td		{vertical-align:middle;}
.form table tr.embroidery td.text	{font-size:1.5em; white-space:nowrap;}
.form table tr.giftWrap td.title	{white-space:nowrap;}
.form table tr.lineTotal td			{font-size:1em; font-weight:bold; border-top:1px solid #bbb; color:#663433;}
.form table tr.lineTotal td.title 	{text-align:right;}
.form table tr.lineTotal td.itemNum	{font-size:.9em; color:#ccc; font-weight:normal; vertical-align:bottom;}
.form table tr.spacer td			{background:#ccc; height:8px;}
.form table tr.spacer td#lastItem	{padding:0; background:#bbb;}

.form table input.itemQty	{width:20px; font-size:.9em; border:1px solid #333; text-align:center;}
.form table a img.removeBtn	{margin-top:2px;}

/* ----------- ACCOUNT SIGN-IN ------- */
#signinForm				{height:250px; }
#signinForm	.formRow 	{width:450px; }

/* ----------- ORDERING - VIEW CART ------- */

#Cart.form #policies		{width:350px; margin:1em 0; padding:.75em 1em; border:1px solid #bbb; float:left; display:inline;}
#Cart.form #chargesSummary	{margin:1em 0;}
#Cart.form #submit			{margin-top:0;}
#Cart.form h4.continue		{margin-top:1em; padding-top:.5em; border-top:1px dashed #bbb;}

/* ----------- ORDERING - SIGN-IN SPECIFIC  ------- */

#AccountSignInCheckout #signinForm {height:auto; }

#existingAcctPopHelp	{top:220px; left:355px; height:400px; overflow:scroll; font-size:.9em;}
#existingAcctPopHelp h1 {color:#181818; background:#fc3; padding:3px 5px;}
#existingAcctPopHelp h2 {font-size:.75em; color:#181818; background:#fc3; padding:3px 5px;}

#createAccountShortForm .formRow		{width:500px;}
#createAccountShortForm .formRow .label	{width:180px;}

#productArea div.form#forgotPasswordDiv {position:absolute; z-index:1001; width:500px; top:3em; left:0; background:#eee; border:4px solid #535353; padding:1em 2em;}
#productArea div.form#forgotPasswordDiv h3 span.left {float:left; display:inline;}
#productArea div.form#forgotPasswordDiv h3 span.right {font-size:.65em; font-weight:normal; display:inline; float:right; text-align:right; padding-top:3px;}
#productArea div.form#forgotPasswordDiv form label {width:400px; margin:0 0 1em 0; padding:0;}
#productArea div.form#forgotPasswordDiv form label span.label {width:90px;}
#productArea div.form#forgotPasswordDiv form label span.field input {width:260px;}
#productArea div.form#forgotPasswordDiv p {margin:.5em 0;}
#productArea div.form#forgotPasswordDiv label span.label {width:90px;}
#productArea div.form#forgotPasswordDiv a {}

/* ----------- ORDERING - SHIPPING SPECIFIC ------- */

#shippingAddress label.formRow .label,
#editShippingAddress label.formRow .label	{width:120px;}

#shippingAddress div#shippingMethodsBox p strong {}

#productArea h3#newAddressHeading {width:300px;}

#newAddressForm div.submit {width:280px; margin-top:0;}

h3#sameAddressCheck {margin-top:2em;}

#editShippingAddress {position:absolute; top:3em; left:0; width:330px; max-height:400px; _height:400px; border:1px solid #535353; background:#eee; padding:1em 2em; z-index:1000; overflow:auto;}
#editShippingAddress h3 span.left			{float:left; display:inline;}
#editShippingAddress h3 span.right			{float:right; display:inline; text-align:right; font-weight:normal; font-size:.65em;}
#editShippingAddress select					{width:135px;}
#editShippingAddress form.orderForm 		{overflow:hidden;}
#editShippingAddress label.formRow .label	{width:120px;}
#editShippingAddress .errorSummar			{margin-right:0;}
#editShippingAddress .errorSummary p		{font-size:.9em;}
#editShippingAddress label.formRow .error	{font-size:.9em; clear:left; width:220px; text-align:right; margin-bottom:1em;}
#editShippingAddress p.newAddress			{margin-left:0; margin-right:0;}
#editShippingAddress div.submit				{margin-top:0;}

#Shipping #storePolicies h3 a		{}
#Shipping #storePolicies p			{font-size:1em; margin:0 0 1em 0;}
#Shipping #storePolicies p strong	{}
#Shipping #storePolicies address	{font-size:1em; font-style:normal; margin:1em 0 1em 1em; font-weight:bold;}

/* ------------ ORDERING - BILLING SPECIFIC ------------- */

.form div#cardInfo 			{float:left; display:inline;}
.form div#cardInfo .formRow {float:left; display:inline; clear:both; width:250px;}
.form div#cardInfo .formRow span.label		{width:100px;}
.form div#cardInfo .formRow span input		{width:120px;}
.form div#cardInfo .formRow span #CCType	{width:120px;}

#paymentFormDiv label.formRow span.label {width:120px;}

/* ------------ ORDERING - ORDER REIVIEW SPECIFIC ------------- */

.form div#shippingInfo 			{float:left; display:inline; width:250px; margin:0; padding:0;}
.form div#shippingInfo select	{font-size:.9em; border:1px solid #535353;}
.form form#reviewForm address	{font-size:.9em; font-style:normal;}

.form div#chargesSummary h3#paymentMethod	{margin-bottom:0;}
.form div#chargesSummary h3#summarySubmit	{text-align:right; margin-bottom:0;}

.form div.paymentSummary {float:left; display:inline; width:200px;}

/* ------------ ORDERING - ORDER COMPLETE SPECIFIC ------------- */

.form div#orderComplete h2#orderNumber		{border:1px solid #535353; padding:5px;}
.form div#orderComplete div#shippingInfo h2 {margin-top:1em;}
.form div#orderComplete div#chargesSummary	{margin-top:3.5em;}
.form div#orderComplete address {font-size:.9em; font-style:normal;}

/* ------------ ORDERING -STORE POLICIES ------------- */

.form div#shippingText 					{float:left; display:inline; width:225px;}

.form table#shippingTable				{float:right; display:inline; width:300px; border-collapse:collapse; margin:2em 10px 2em 0; padding:0; font-size:.9em;}
.form table#shippingTable th,
.form table#shippingTable td			{background:transparent; border:1px solid #535353; margin:0; padding:3px 6px; font-weight:normal;}

.form table#shippingTable th 			{text-align:center; color:#000;}
.form table#shippingTable th.null		{border:none;}
.form table#shippingTable th.day		{background:#333; color:#fff; font-weight:bold;}
.form table#shippingTable th.dayLong	{background:#333; color:#fff; font-weight:bold; padding:3px;}
.form table#shippingTable tbody th		{text-align:right; font-weight:bold;}
.form table#shippingTable td.process	{background:#fdf2d1;}
.form table#shippingTable td.ship		{background:#fc3;}
.form table#shippingTable tfoot td		{border:none; vertical-align:middle; padding:5px 2px;}
.form table#shippingTable tfoot td img	{margin-bottom:-3px;}

#StorePolicies h3 a						{}
#StorePolicies p						{font-size:1em; margin:0 0 1em 0;}
#StorePolicies p strong					{}
#StorePolicies address					{font-size:1em; font-style:normal; margin:1em 0 1em 1em; font-weight:bold;}

.storefoot								{clear:both; color:#ccc; margin:10px 0 0 0; font-size:.9em; text-align:right; background-image:url('/include/site/multimedia/images/fadedline2.gif'); background-repeat:no-repeat; background-position:top center;}
.storefoot ul							{margin:0; padding:15px 5px 2px .25em; list-style:none;}
.storefoot ul li						{display:inline; padding:0 .5em;}

/* ------------ ORDERING - COURSE CALENDAR SIGN UP SPECIFIC ------------- */

#Cart_CC .formSec						{margin:0 0 1em 0; padding:0 0 1em 0; border-bottom:1px dashed #ddd;}
#Cart_CC .formRow						{display:block; clear:both; margin:10px 0; padding:0; float:none; width:450px;}
#Cart_CC .formRow .label				{font-size:.8em; color:#181818; width:225px; padding:0 10px 0 0; text-align:right;}
#Cart_CC .formRow .field				{font-size:.8em; color:#181818; width:200px; padding:0; margin:0; text-align:left;}
#Cart_CC .formRow .field input			{width:180px;}

/* ------------ ORDERING - ONLINE COURSE ------------- */

#onlineCourses_registration .formSec						{margin:0 0 1em 0; padding:0 0 1em 0; border-bottom:1px dashed #ddd;}
#onlineCourses_registration .formRow						{display:block; clear:both; margin:10px 0; padding:0; float:none; width:680px; }
#onlineCourses_registration .formRow .discount				{font-size:.8em; color:#181818; width:175px; padding:0 10px 0 0; text-align:right; float:left;}
#onlineCourses_registration .formRow .label_registration	{font-size:.8em; color:#181818; width:40px; padding:0 10px 0 0; text-align:right; float:left;}
#onlineCourses_registration .formRow .label					{font-size:.8em; color:#181818; width:225px; padding:0 10px 0 0; text-align:right;}
#onlineCourses_registration .formRow .field					{font-size:.8em; color:#181818; width:200px; padding:0; margin:0; text-align:left;}
#onlineCourses_registration .formRow .field_long			{font-size:.8em; color:#181818; width:400px; padding:0; margin:0; text-align:left; float:left;}
#onlineCourses_registration .formRow .field input			{width:180px;}
#onlineCourses_registration .formRow input.errorText					{border:1px solid #c70b05;}
#onlineCourses_registration .formRow label.errorText					{color:#c70b05; width:515px; font-weight:bold; text-align:left; float:right; padding: 5px 0 5px 0;}

/* ------------ END ------------- */