@charset "utf-8";

div#mycashflow-functions {
clear: both;
margin: 0 auto 3em;
padding: 30px 80px 0;
}

div#mycashflow-functions table {
vertical-align: top;
width: 100%;
}

div#mycashflow-functions table thead tr {
background: #d8eded;
}

div#mycashflow-functions table tfoot {
border-top: 1px solid red;
}

div#mycashflow-functions table h3 {
font-size: 14px;
margin: 0;
vertical-align: top;
}

div#mycashflow-functions table#CartTable caption {
display: none;
}

div#mycashflow-functions table td, 
div#mycashflow-functions table th {
border-bottom: 1px solid #F1F1F1;
}

div#mycashflow-functions table td, 
div#mycashflow-functions table th {
vertical-align:middle;
}

div#UpdateCart {
clear:both;
float:right;
margin-top:15px;
width:100%;
}

div#UpdateCart button.UpdateButton {
float:right;
background: #f5f5f5;
}

#CartSubmitForm .SubmitButton {
float:right;
margin: 0;
}

div#mycashflow-functions div.Notification.Success {
background: #E6EFC2 none repeat scroll 0 0;
border: 1px solid #C6D880;
color:#264409;
margin-bottom: 1.5em;
padding: 10px 20px; 
width: 658px;
}

div#mycashflow-functions div.Notification.Success p {
margin-bottom: 0;
}

div#mycashflow-functions form, div#mycashflow-functions fieldset, div#mycashflow-functions div.Notification { margin: 0 auto; padding: 0; width: 700px; clear: both; }

.FormItem { float: left; clear:left; padding-bottom: 1.5em; display: block; }

.FormItem { /* This is the basic wrapperclass. */
	position: relative; 
clear: left;
	padding-bottom: 18px !important;
}

* + html div#mycashflow-functions .FormItem {
width: 600px;
}

* + html div#mycashflow-functions fieldset#CheckoutReturningCustomer .FormItem {
width: 300px;
}

* + html div#mycashflow-functions fieldset#CheckoutNewCustomer .FormItem {
width: 300px;
}

* html div#mycashflow-functions .FormItem {
width: 600px;
}

* html div#mycashflow-functions fieldset#CheckoutReturningCustomer .FormItem {
width: 300px;
}

* html div#mycashflow-functions fieldset#CheckoutNewCustomer .FormItem {
width: 300px;
}

label.RegisterYes {
padding-left: 0;
}

div.Notification {
clear: both;
}

div#mycashflow-functions input, div#mycashflow-functions textarea, div#mycashflow-functions button, div#mycashflow-functions select {
	position: relative; float: left;
	top: -1px; margin: 0 3px -3px 0;
	font-size: 12px; line-height: 18px;
}

form#LoginForm fieldset#CheckoutNewCustomer  {
clear: right;
float: right;
width: 300px;
}

form#LoginForm fieldset#CheckoutReturningCustomer {
clear: left;
float: left;
width: 300px;
}

form#LoginForm fieldset#CheckoutNewCustomer h2,
form#LoginForm fieldset#CheckoutReturningCustomer h2 {
width: 300px;
}

div#mycashflow-functions button,
.Button {
background: #f4e8d3 url(../i/btn.png) 0 0 repeat-x;
border: 0;
color: #3b3229;
cursor: pointer;
padding: 9px;
font-size: 13px;
margin: -8px 20px 0 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

div#mycashflow-functions .Button { 
color: #3B3229;
}

div#mycashflow-functions .CheckoutNextStage {
margin-left: 106px;
}

#CurrentShippingAddress p a {
margin-left: 30px;
}

#CurrentShippingAddress p.FormHelp a {
margin-left: 0;
}

label, .label { float: left; width: 105px; margin: 0 3px 0 0; }

input { height: 15px; padding: 1px 2px; }
input[type="file"] { height: auto; padding: 0; margin-bottom: -5px; }
input[type="radio"], input[type="checkbox"] { width: 15px; height: 15px; top: 1px; padding: 0; }
select { height: 21px; margin-bottom: -3px; }
textarea { top: -2px; padding: 0 1px; }
button { margin-bottom: -7px; top: -2px; }

/* Checkbox & Radio inputs */

.CheckWrap { padding-left: 108px !important;}
.CheckWrap .label { margin-left: -108px; display: inline; /* <- For IE */ }
.CheckWrap .Checks { position: relative; width: 100%; float: left; }
.Checks label { width: auto; display: block; float: none; margin: 0; padding: 0 0 0 18px; clear: left; }
.Checks input { float: left; width: 15px; height: 15px; margin: 0 0 0 -18px; padding: 0; top: 1px; }
.InlineCheck { float: left; margin-left: 3px; width: auto; }

/* Set of FromItems displayed as group */

.GroupItem {}
.GroupItem .GroupLabel { clear: left; margin-top: 18px; }
.GroupItem div { float: left; }
.GroupItem div label, .GroupItem div .label { clear: left; display: block; float: none; width: auto; }
.GroupItem div input { clear: left; } 
.GroupItem div select { clear: left; }
.GroupItem div label { font-size: 11px; }
.GroupItem div .after { clear: none; float: left; margin-right: 3px; }

/* Item containing fieldsets header information */

.HeaderItem { margin: 1.5em 0 0; padding: 0; }
.HeaderItem h2 {
	width: 700px; position: relative; font-weight: normal;
	padding: 15px 14px 10px; background: #D8EDED; -moz-border-radius: 5px;
-webkit-border-radius: 5px; margin: -1px -14px 18px;
	z-index: 2; font-size: 14px; color: #00B2BB; text-transform: uppercase;
}
#bID-Checkout .HeaderItem h2 { padding: 17px 15px 18px; background: #f8f8f8; margin: -1px -15px 18px; }
.HeaderItem p {
	margin: -9px 0 18px; padding: 8px; font-size: 11px;
	background: #fafafa; border: 1px dotted #d9d9d9; color: #808080;
}

/* All the Errors & Help you will ever need */

.FormError, .GroupError { /* Additional wrapperclasses when error occurs. Disabled extra emphasis which brakes baseline in safari. */
	background: #fff2f2; padding: 8px 8px 17px;
	margin: 0 0 9px; border: 1px solid #ffd9d9;
}
.FormHelp, .FormErrorMessage,
.GroupErrorMessage, .GroupHelp { /* Basic indent on all errors & help */
	clear: left; padding: 0;
	margin: 0 0 0 108px;
}
.FormHelp, .GroupHelp { color: #666; font-size: 11px; } /* Help messages. */
.GroupError .GroupLabel, .GroupError .FormError label,.GroupError .FormError .label,
.FormError label, .FormError .label { color: #900; } /* Labels inside wrapper which has errors in it */
.FormError .Checks label { color: #333; }
.GroupItem .FormError { padding: 0; margin: 0; background: none; border: 0; } /* FormError inside of group doesn't need more styling */
.FormErrorMessage, .GroupErrorMessage { color: #900; font-size: 11px; } /* The error messages */
.GroupItem .FormErrorMessage, .GroupItem .FormHelp { display: none; } /* Individual help and errors are not displayed, because group-level help & errormessage exits. */
.Checks .FormHelp { margin: 0; padding: 0 0 0 18px; } /* Help with checkboxes & radiobuttons */

/* Item containing button and possibly the alternative action (cancel/back) as link */

.FormSubmit .SubmitButton { margin-right: 6px; margin-left: 108px; } /* The bigger button + indent. */
.FormAltAction { position: relative; float: left; margin: 0; } /* Alternative action next to the button. */
.FormAltAction a {}

#BodyID-Checkout .FormSubmit {
	width: 100%; position: relative;
	padding: 17px 15px 18px; margin: 0 -15px -1px; background: #f2f2f2;
	border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; z-index: 2;
}
/*#NewCustomerContinue a.SubmitButton { display: block; padding: 9px; font-size: 14px; font-weight: bold; }*/

.required {} /* When item is required it get's this wrapperclass. Here required items label gets bolding. */
.required label, .required .label { font-weight: bold; }
.required .after, .required .after label, .required .after .label,
.required .Checks label, .required .Checks .label { font-weight: normal; }

.after { width: auto; font-weight: normal; } /* Very useful if you need currency or some other suffix after you input. */