/***  cssui.css 2012-07-22 icCommerce ***/
/*** www.soapforgoodnesssake.com ***/

body{
	font:1em normal Verdana, Helvetica, Arial, sans-serif;
	margin:0;
	padding:12px 0 0 0;
	font-size:12px;
	color:#000000;
	text-align:center;
	background-image: url(../graphics/backgrounds/leaves_sunlight2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100%;
	background-color:#ffffff;	
	
}

p {
	font-size: 14px !important;
    letter-spacing: 0.2pt;
    word-spacing: 0.4pt;
	line-height:1.2em;
    color: #000000;
}
	

td{ font-size:1em; }

form{
	display:inline;
	margin:0;
	padding:0;
}

h1{ font:bold 1.5em Helvetica, Verdana, Arial, sans-serif; }
h2{ font:bold 1.3em Helvetica, Verdana, Arial, sans-serif; }
h3{ font:bold 1.1em Helvetica, Verdana, Arial, sans-serif; }
h3.catheader { padding-bottom:10px; }
h3.catheader  a{ font:normal 1.2em Helvetica, Verdana, Arial, sans-serif; }


h2.header{
	color:#000000;
	padding:4px;
	background-color:#cccccc;
	color:#000000;
	font-weight:bold;
}

a img{ border:0; }

a:link			{ color:#666666; }
a:visited		{ color:#000000; }
a:active		{ color:#006600 }
a:hover			{ color:#333333; }

span a:link		{text-decoration:none;}	

.clear			{ clear:both; font-size:0em; height:0em; }

.floatright		{ float:right; }
.floatleft		{ float:left; }

.alignright		{ text-align:right; }
.alignleft		{ text-align:left; }

.aligncenter	{ text-align:center; }
.margincenter	{ margin:0 auto; }
.marginbottom	{ margin-bottom:20px;}

.marginleft		{margin-left:30px;}
.marginright	{margin-right:30px;}


.small			{ font-size:.9em; }
.smaller		{ font-size:.8em; }
.smallest		{ font-size:.7em; }
.large			{ font-size:1.1em; }
.larger			{ font-size:1.2em; }
.largest		{ font-size:1.3em; }
.bold			{ font-weight:bold; }
.italic			{ font-style:italic; }
.red			{ color:#dd0000; }
.blue			{ color:#0000ff; }
.grey			{ color:#999999; }
.nowrap			{ white-space:normal; }

.link-pipe		{ color:#999999; }

.input_error{ border-color:#cc0000 #ff0000 #ff0000 #ff0000; }

select{
	border-width:1px;
	border-color:#333333 #bbbbbb #bbbbbb #bbbbbb;
	padding:1px 2px;
}

.error-message{ 
	padding:4px;
	text-align:center;
	width:60%;
	margin:0 auto;
	color:#dd0000;
	font-weight:bold;
}

.LOGN .error-message,
.AFCL .error-message,
.ORDL .error-message{
	margin:12px 24px;
	width:auto;
}

.information-message{ 
	padding:4px;
	text-align:center;
	width:60%;
	margin:0 auto;
	color:#0000dd;
}

.LOGN .information-message{
	margin:12px 24px;
	width:auto;
}

.textfield, select, textarea, text,
#tax-fields .form_row input{
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 5px #E5E5E5 inset;
    color: #333333;
    font-size: 14px !important;
    letter-spacing: 0.2pt;
    word-spacing: 0.4pt;
}

.textfield, textarea{
	width:160px;
}

#giftcer textfield, #giftcer textarea{
	width:290px;
	height:150px;
}

.button{
	border-width:1px;
	border-style:solid;
	border-color:#999999 #000000 #000000 #999999;
	background-color:#999999;
	color:#ffffff;
	font-size:.9em;
	padding:1px 2px;
	margin:0;
	cursor:pointer;
}

#site-container{
	width:960px;
	margin:0 auto;
	text-align:left;
	background-color:#ffffff;
	border:1px solid #999999;
	
	-moz-box-shadow: rgba(68,68,68, 0.75) 0px 0px 8px;
    -webkit-box-shadow: rgba(68,68,68, 0.75) 0px 0px 8px;
    box-shadow: rgba(68,68,68, 0.75) 0px 0px 8px;

}

#bottom-wrap	{ clear:both; font-size:0em; height:0em; }



/*** Left Navigation ***/

#left-navigation{
	width:20%;
	border-right:1px solid #eeeeee;
	padding:0 4px 0 4px;
	vertical-align:top;
	background-color:#f3fef0;
}

/*** One Column Pages ***/
.one-column #left-navigation{ display:none; }

#category-tree{
	padding:1px;
	margin:0;
}

#category-tree-top-image{
	/* ie6 min-height hack */
	min-height:270px;
	height:auto !important;
	height:270px;
}

#category-tree-bottom-image{}

#category-tree a{
	display:block;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}

#category-tree div{
	background-color:#666666;
	border-bottom:1px solid #ffffff;	
}

#category-tree .level-1 a{ padding:4px 6px 4px 12px; }
#category-tree .level-2 a{ padding:4px 6px 4px 24px; }
#category-tree .level-3 a{ padding:4px 6px 4px 36px; }
#category-tree .level-4 a{ padding:4px 6px 4px 48px; }
#category-tree .level-5 a{ padding:4px 6px 4px 60px; }
#category-tree .level-6 a{ padding:4px 6px 4px 72px; }

#category-tree div.active{ background-color:#999999; }
#category-tree-header{}

#category-tree-footer{
	padding:4px;
	margin:10px 0;
}

/*** Content ***/

#content-container{
	clear:both;
	width:100%;
	padding:0;
	margin:0;
}

#main-content{
	padding:16px;
	vertical-align:top;
}

/*** Global Header/Footer ***/

#global-header{}

#logo{
	clear:both;
	margin:0 0 0 5px;
}

#logo a{
	width:759px;
	height:85px;
	display:block;
	cursor:pointer;
}

#search{
	float:right;
	padding:4px 6px 4px 0;
}

#header-links{
	float:right;
	padding:4px 12px 0 0;
	line-height:22px;
	color:#000000;
	text-align:right;
}

#global-footer{ 
	width:100%;
	padding-bottom:20px;
	}

#gf-content {
	width:960px;
	margin:20px auto;
}

#gf-content a,
#gf-content p{
	color:#000000;
	text-decoration:none;
	font-size:7px !important;
	font-family: verdana,sans-serif;
	font-weight:normal;
	letter-spacing:.5px;
	text-align:center;
	margin:0px;
	padding:0px;
}
	
#sslseal {
	float:left;
	position:relative;
	top:11px;
	margin-left:200px;
}

#ccard {
	float:left;
	padding-left:20px;
}

#greengaintool {
	float:left;
	padding-left:20px;
	position:relative;
	top:18px;
}

#handcrafted {
	float:left;
	padding-left:20px;
	position:relative;
	top:18px;
}

#safecosmetics {
	float:left;
	padding-left:20px;
	position:relative;
	top:28px;
}

#footer-links{ text-align:right; }

#footer-links ul{
	font:.9em normal Verdana, Helvetica, Arial, sans-serif;
	margin:8px 0;
	padding:0;
}


#footer-links ul li{
	list-style-type:none;
	border-left:1px solid #999999;
	padding:0 2px 0 6px;
	margin:0;
	text-align:center;
	display:inline;
}

#footer-links ul li.first-child{ border:0; }

#miva-link{
	font-size:.8em;
	text-align:right;
	margin:16px 0;
}

#miva-link a{ color:#999999; }

#page-header{ clear:both; }

#page-header p{
	letter-spacing: 0.2pt;
    word-spacing: 0.4pt;
	line-height:1.4em;
}

#page-footer{ clear:both; }

#maintenance{
	color:#dd0000;
	font-weight:bold;
}

/*** ACAD, ACED, AFAD, AFED, OCST ***/

.logout-link{
	margin:12px 0;
	float:right;
}

#customer-fields label,
#affiliate-fields label{
	float:left;
	width:150px;
	white-space:nowrap;
	text-align:right;
	line-height:24px;
	padding:2px 5px 3px 0;
	clear:both;
}

#affiliate-commissions label,
.OSEL .non-editable label{
	float:left;
	width:120px;
	font-weight:bold;
	text-align:right;
	padding:0 6px 0 0;
}

#customer-fields input.textfield,
#affiliate-fields input.textfield,
#tax-fields input,
#affiliate-commissions div.form_row div,
.non-editable div.form_row div{
	width:170px;
	margin:0 0 4px 0;
	padding:4px;
}

#affiliate-commissions div.form_row div{ float:left; }

#customer-fields select,
#affiliate-fields select{
	width:176px;
	margin:0 0 4px 0;
	padding:4px;
}

#login-details,
#affiliate-information{
	margin:0 0 16px 0;
}

#affiliate-commissions .form_row{ margin:0 0 8px 0; }

.AFAD #affiliate-fields{
	width:50%;
	margin:0 auto;
}

.AFED #affiliate-fields #affiliate-contact,
.AFED #affiliate-fields #affiliate-commissions{
	float:left;
	width:50%;
}

#affiliate-commissions .affiliate-code{
	width:230px !important;
}

#affiliate-commissions #affiliate-image{
	width:236px !important;
	overflow:auto;
}

#affiliate-terms{ margin-left:155px; }

#affiliate-fields .form_row div.non-editable{
	margin:0 0 8px 0;
	padding:2px 0 0 0;
}

.save-button,
.continue-button{
	clear:both;
	text-align:right;
	padding:24px 0 0 0;
}

.required{ font-weight:bold; }

.label-invalid {color:#FF0000;}
.inputbox-invalid {border-color:#FF0000;}

h2.fields-heading {
	background-color:rgba(243,252,235,0.8);
	color:#333333;
	margin:0 0 12px 0;
	padding:4px 4px 4px 12px;
}

h2.fields-heading-left,
h2.fields-heading-right{
	background-color:rgba(243,252,235,0.8);
	color:#333333;
	margin:0 0 12px 0;
	padding:4px 4px 4px 12px;
}

h2.fields-heading-left {
	border-top:thin solid #e9e9e9;
	border-bottom:thin solid #e9e9e9;
	border-left:thin solid #e9e9e9;
}

h2.fields-heading-right {
	border-top:thin solid #e9e9e9;
	border-right:thin solid #e9e9e9;
	border-bottom:thin solid #e9e9e9;
}


#customer-fields {
    margin: 16px 0;
}
#customer-fields {
    clear: both;
}

#customer-fields label {
    clear: both;
    display: inline;
    float: left;
    padding: 2px 5px 3px 0;
    text-align: right;
    white-space: nowrap;
}

div.invalid label {
    color: #D90000;
}

div.invalid input.textfield, div.invalid select, #tax-fields div.invalid input {
    border-color: #D90000;
}

.address2-label{ margin:0 0 14px 0; }

.controls{ 
	font:normal .7em Verdana, Helvetica, Arial, sans-serif;
	visibility:hidden;
}

#customer-fields .controls label{
	float:none;
}

#ship-to,
#bill-to{
	width:50%;
	float:left;
}

#ship-to h2 input.checkbox,
#bill-to h2 input.checkbox{
	margin:0 2px 0 12px;
	padding:0;
	width:13px;
	height:13px;
	overflow:hidden;
}

.login_fields-item,
.shipping_fields-item,
.billing_fields-item {
	margin-bottom:10px;
}


.shipping_fields-item  input.text{
	width:160px;
	
}


div.invalid input.textfield,
div.invalid select,
#tax-fields div.invalid input{
	border-color:#cc0000 #ff0000 #ff0000 #ff0000;
}

div.invalid label{ color:#dd0000; }

#customer-fields.editable .form_row,
#affiliate-fields.editable .form_row{
	margin:0 0 6px 0;
	text-align:left;
}

#customer-fields.non-editable .form_row{
	margin:0 0 4px 0; 
	text-align:left;
}

#customer-fields.non-editable label,
#affiliate-fields.non-editable label{
	margin:0 0 0 30px;
	padding:0 4px 0 0;
	font-weight:bold;
	width:110px;
	text-align:right;
	float:left;
	clear:both;
	white-space:nowrap;
}

#customer-fields.non-editable .form_row div,
#affiliate-fields.non-editable .form_row div{
	float:left;
}

#update-record{
	clear:both;
	margin:24px 0 0 24px;
}

.tax-fields label{ font-weight:bold; }

/*** LOGN, AFCL, ORDL, ORHL ***/

.AFCL #main-content,
.LOGN #main-content{
	padding:28px 126px;
}

.ORHL #main-content{ padding:28px 126px 28px 116px; }

.ORDL #main-content{ padding:28px 16px; }

.AFCL .section,
.LOGN .section{
	float:left;
	height:220px;
	width:49%;
}

.ORDL .section{
	float:left;
	height:220px;
	width:33%;
}

.ORHL .lookup-section{ 
	float:left;
	height:220px;
	width:50%;
}

.ORHL .signin-section{
	float:left;
	height:220px;
	width:48%;
}

.section h3,
.lookup-section h3,
.signin-section h3{
	text-align:center;
}

.form_row{ margin:0 0 6px 0; }

.LOGN label,
.ORDL label,
.AFCL label{
	float:left;
	clear:both;
	width:80px;
	text-align:right;
	padding:3px 5px;
}

.ORHL label{ 
	white-space:nowrap;
	float:left;
	clear:both;
	width:90px;
	text-align:right;
	padding:3px 5px;
}

.grey-border-right{ border-right:1px solid #cccccc; }

.logn-input{ width:120px; }

#invalid-key{
	width:23px;
	float:left;
	margin:0 4px 0 0;
	border-width:1px;
	border-style:solid;
	border-color:#cc0000 #ff0000 #ff0000 #ff0000;
}

.sign-in-buttons{ 
	text-align:center;
	margin:12px 0 0 0;
}

.forgot-password{ 
	font-size:.9em; 
	text-align:center;
	margin:12px 0 0 0;
}


/*** CTGY, SRCH, PLST, OUS1, OUSM ***/

.category-listing,
.all-products,
.related-products,
.search-results{
	clear:both;
}

.product-item{
	width:49%;
	float:left;
	margin-bottom:20px;
}

.product-item .padding{
	padding:12px;
	margin:12px;
	height:300px;
	border:1px solid #cccccc;
	overflow:hidden;
}
		
.product-next-previous{ 
	clear:both;
	margin:12px 0; 
}

.CTGY .product-details,
.PLST .product-details,
.SRCH .product-details{
	height:245px;
	overflow:hidden;
}

.product-item .product-thumbnail{ 
	margin:0 0 12px 0; 
	text-align:center;
	min-height:144px;
}

.product-item .product-image{
	margin:0 0 12px 0; 
	text-align:center;
	min-height:144px;
}

.product-item .product-thumbnail img{
	vertical-align:middle;
}

.purchase-buttons, .PROD .related-products .purchase-buttons{
	text-align:center;
	margin:16px 0 0 0;
}

.product-descrip{
	margin:6px 0 0 0;
}

.PROD .purchase-buttons{
	text-align:right;
	margin:16px 0 0 0;
}

.purchase-buttons input.button{
	margin:0 2px;
}

.line-item td.item-buttons{
	white-space:nowrap;
}

.line-item tr.header-row td{ font-weight:bold; }

.thumbnail-not-available{
	display:block;
	width:234px;
	height:144px;
	background:transparent url() no-repeat scroll left top;
	margin:0 auto;
}

.image-not-available{
	display:block;
	width:234px;
	height:144px;
	background:transparent url() no-repeat scroll left top;
	margin:0 auto;
}

.next-previous{ margin:12px 0 0 0; }

.next-button	{ float:right; }
.previous-button{ float:left; }

.search-again{ margin:0 0 16px 0; }

.OUS1 #main-content{
	padding-left:225px;
	padding-right:225px;
}

.upsale-heading{ text-align:center; }

.OUS1 #left-half {
	width:49%;
	float:left;
}

.OUS1 #right-half {
	width:49%;
	float:right;
}

.OUS1 .right-half-item{
    color: #333333;
    font-size: 14px !important;
    letter-spacing: 0.2pt;
    word-spacing: 0.4pt;
	margin-bottom:10px;
}

.OUS1 .product-thumbnail{
	margin:12px 0; 
	text-align:left;
	min-height:116px;
	height: 196px;
}

.OUS1 .product-thumbnail img{
	height:160px;
}


.OUS1 .product-description		{ margin:16px 0 0 0; }
.OUS1 .thumbnail-not-available	{ margin:16px auto; }

.OUSM #main-content{ 
	padding-left:160px;
	padding-right:160px;
}

.upsale-batch{
	width:100%;
	padding:2px;
}

.upsale-batch .heading td	{ font-weight:bold; }

.upsale-checkbox{ width:32px; }
.upsale-name{ width:175px; }

.OUS1 .purchase-buttons textarea{
	text-align:center;
	width:390px;
	height:100px;
}

.OUSM .continue-button{ text-align:center; }

.line-item table{ width:100%; }
.line-item table tr.heading td{ font-weight:bold; }
.line-item table td{ 
	padding:2px;
	vertical-align:top;
}

.line-item .item-code{ 
	padding-left:2px;
	padding-right:2px;
}

.line-item .item-price{
	padding-left:2px;
	padding-right:2px;
}

.line-item .item-name{ width:80%; }
.line-item tr.alt_row{ background-color:#f4f4f4; }

/*** PRODUCT DISPLAY ***/

.product-details-1,
.product-details-2{
	width:50%;
	float:left;
}

.PROD .product-details-1 .product-image{
	border:1px solid #eeeeee;
	width:274px;
	height:274px;
}

.product-image{
	text-align:center;
}

.product-image span{
}

.product-image img{
	vertical-align:middle;
}

.product-quantity-input{
	width:34px;
	margin:0 4px;
}

.related-products{
	clear:both;
	margin:32px 0 16px 0;
}

.product-attributes{
	margin:16px 0;
	text-align:left;
}

.product-attributes td{
	padding:4px 0;
}

.product-attributes td.prompt{
	vertical-align:top;
	text-align:right;
	padding-right:4px;
}

.product-attributes td.field{
	text-align:left;
}

.thumbnails{
	display:block;
	margin:0;
	padding:0;
	width:274px;
}

.thumbnails li{
	display:block;
	float:left;
	margin:4px 4px 0 0;
	padding:0;
	width:42px;
	height:42px;
	text-align:center;
	border:1px solid #eeeeee;
	cursor:pointer;
}

.thumbnails li span{
	display:inline-block;
	height:100%;
	text-align:center;
	vertical-align:middle;
}

.thumbnails li img{
	vertical-align:middle;
}

.swatches{
	display:inline;
	margin:0;
	padding:0;
}

.swatches li{
	display:block;
	float:left;
	margin:4px 4px 0 0;
	padding:0;
	width:50px;
	height:50px;
	text-align:center;
	border:1px solid #eeeeee;
	cursor:pointer;
}

.swatches li span{
	display:inline-block;
	height:100%;
	text-align:center;
	vertical-align:middle;
}

.swatches li img{
	vertical-align:middle;
}

.product-image-margin{
	height:8px;
}

.closeup{
	position:absolute;
	top:75px;
	padding:10px 10px 5px 10px;
	background-color:#ffffff;
	border:1px solid #333333;
	text-align:center;
	display:none;
	z-index:2;
	min-width:274px;
	min-height:274px;
}

.closeup a{
	cursor:pointer;
	margin:5px 0 0 0;
	z-index:2;
}

.closeup_backing{
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#333333;
	opacity:0.75;
	filter:alpha(opacity=75);
	width:100%;
}

/*** INVC ***/

.INVC .order-id,
.ORDS .order-id{
	float:left;
	font-weight:bold;
}

.INVC .order-date,
.ORDS .order-date{
	float:right;
	text-align:right;
}

.INVC .order-date span,
.ORDS .order-date span{
	font-weight:bold; 
}

.INVC h3,
.ORDS h3{ 
	clear:both;
	margin:16px 0 24px 0;
}

.INVC #social {
	display:inline-block;
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:10px;
}

.INVC #social a{
	padding-left:20px;
}

/*** PATR ***/

.PATR .continue-button{
	text-align:right;
	margin:12px 0;
}

/*** SMAP ***/

.SMAP h3{
	
}

.SMAP .category{
	width:33%;
	text-align:left;
	float:left;
}

.SMAP .category .padding{
	padding:2px;
}

.SMAP .product{
	width:33%;
	text-align:left;
	float:left;
}

.SMAP .product .padding{ padding:2px; }

/*** ORDH, ORDS ***/

#orderhistory-list table{ 
	border-collapse:collapse;
	margin:0 0 10px 0;
}

#order-contents table{
	width:100%;
}

#order-contents table td, 
#orderhistory-list table td{ 
	vertical-align:top;
}

#orderhistory-list .order-reorder		{ text-align:center; }
#orderhistory-list .order-invoice		{  }
#orderhistory-list .order-description	{ text-align:left; }
#orderhistory-list .order-date			{  }
#orderhistory-list .order-purchased		{ text-align:center; }
#orderhistory-list .order-quantity		{ text-align:center; }
#orderhistory-list .order-status		{ text-align:center; }
#orderhistory-list .order-tracking		{ text-align:left; }
#orderhistory-list .order-total			{ text-align:right; }
#orderhistory-list .order-price			{ text-align:right; }

#orderhistory-list .order-view
{
	vertical-align:middle;
	padding:0 8px;
}

#orderhistory-list tr.heading td { 
	font-weight:bold;
	white-space:nowrap;
}

#orderhistory-list .previous-button{
	width:50%;
	text-align:left;
	float:none;
}

#orderhistory-list .next-button{
	width:50%;
	text-align:right;
	float:none;
}

#order-contents table tr td.order-reorder		{ text-align:center; }
#order-contents table tr td.order-invoice		{  }
#order-contents table tr td.order-description	{ text-align:left; }
#order-contents table tr td.order-date			{ text-align:left }
#order-contents table tr td.order-purchased		{ text-align:center; }
#order-contents table tr td.order-quantity		{ text-align:center; }
#order-contents table tr td.order-status		{ text-align:left; }
#order-contents table tr td.order-tracking		{ text-align:left; }
#order-contents table tr td.order-total			{ text-align:right; }
#order-contents table tr td.order-price			{ text-align:right; }

#order-contents table tr td.charge-description,
#order-contents table tr td.charge-fee{
	font-style:italic;
	text-align:right;
}

#order-contents table tr td.charge-fee{ text-align:right; }
#order-contents table tr td.formatted-total,
#order-contents table tr td.total-prompt{
	text-align:right;
	font-weight:bold;
}

#customer-fields{
	margin:16px 0;
}

#Order_BillZip{ width:44px; }

.widest{ width:100%; }

/*** BASK, OCST, OPAY, OSEL ***/

.checkout-section{
	background-color:rgba(243, 252, 235, 0.8);
	border:thin solid #e9e9e9;
	color:#333333;
	font-weight:bold;
	text-align:left;
	font-size:13px;
	line-height:28px;
	padding-left:6px;
}

#basket-contents.non-editable,
#basket-contents.editable,
#order-contents table{
	width:100%;
	border-left:1px solid #ffffff;
	border-top:1px solid #ffffff;
}

#basket-contents.non-editable table,
#basket-contents.editable table,
#order-contents table{
	width:100%;
	border-width: 1px;
	border-spacing: 0px;
	border-style: outset;
	border-color: #e9e9e9;
	border-collapse: collapse;
}

#basket-contents.non-editable td,
#basket-contents.editable td,
#order-contents td{
	vertical-align:top;
	padding:6px;
	font:normal 1em Arial;
	border-top:thin solid #f5f5f5;
	border-top-style:inset;
	border-right:thin solid #f5f5f5;
	border-right-style:inset
}

#basket-contents table tr.basket-heading td,
#basket-contents table tr.basket-heading td,
#order-contents table tr.heading td{
	background-color:rgba(243, 252, 235, 0.8);
	color:#333333;
	font-weight:bold;
	text-align:center;
	font-size:1em;
	white-space:nowrap;
}

#basket-contents .basket-qty-input{ width:34px; }

#basket-contents .item-remove{
	width:8%;
	vertical-align:middle;
}

#basket-contents table {
	border:thin solid #e9e9e9;
}


#basket-contents table .basket-heading td.item-name{
	text-align:left;
}

#basket-contents.editable .item-quantity{
	width:13%;
	text-align:center;
	white-space:nowrap;
}

#basket-contents.non-editable .item-quantity{
	width:6%;
	text-align:center;
}

#basket-contents .item-options .item-name{ padding-left:16px; }

#basket-contents.non-editable .item-name{ width:99%; }

#basket-contents.editable .item-name{ width:66%; }
#basket-contents.editable .item-name div.item-name-div{ float:left; }
#basket-contents td.item-name{ text-align:left; }

#basket-contents .item-price{
	width:10%;
	text-align:right;
	white-space:nowrap;
}

#basket-contents .item-total{
	width:10%;
	text-align:right;
}

#basket-contents .basket-charges .charge-description,
#basket-contents .basket-charges .formatted-charge{
	font-style:italic;
	text-align:right;
	white-space:nowrap;
}


#basket-contents #basket-totals .formatted-total,
#basket-contents #basket-totals .total-prompt{
	font-weight:bold;
	text-align:right;
}

#basket-contents .item-options td{
	border-top:none !important;
	}

.checkout .item-quantity	{ width:8% !important; }
.checkout .item-name		{ width:64% !important; }

#fields-key{ margin:16px 0; }

.checkout-button{
	margin:12px 0;
	text-align:right;
}

#payment-fields input{
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 5px #E5E5E5 inset;
    color: #333333;
    font-size: 14px !important;
    letter-spacing: 0.2pt;
    word-spacing: 0.4pt;
	padding:4px;
	
}

#payment-fields select{
	padding:4px;
}


#payment-fields label{
	white-space:nowrap;
	text-align:left;
	padding:3px 5px 3px 0;
	clear:both;
	margin:2px 0 0 0;
}

#payment-fields td{
	padding:0 0 6px 0;
}

#shipping-payment .form_row{ margin:10px 0 0 0; }
#shipping-payment .form_row.giftcert{ margin:10px 0 0 0; }
#shipping-payment .form_row.coupon{ margin:0px; }

#shipping-payment label{
	float:left;
	width:90px;
	white-space:nowrap;
	text-align:left;
	padding:3px 5px 3px 0;
	clear:both;
	margin:2px 0 0 0; 
}

.OSEL .continue-button,
.OPAY .continue-button{ 
	margin:0 0 12px 0;
}

.OCST #basket-contents{ margin: 0 0 32px 0; }

.OPAY .fields-key{ margin:0 0 16px 0; }
#payment-fields .form_row{ margin:10px 0 0 0; }

#customer-fields.non-editable{ margin:0 0 32px 0; }
#basket-contents.non-editable{ margin:16px 0 32px 0; }

#savebasket #sbasket{
	float:left;
}

#savebasket #rbasket{
	float:left;
}


#savebasket a{
	text-decoration:none;
}

p.phoneOrder {
	border:thin solid #cccccc;
	padding:4px;
	background-color:#FF9;
}

	/* ------------------------ checkout headers ------------------------ */
	#checkout-headers {
		background: #f6f6f6;
		border: 1px solid #e9e9e9;
		color: #ccc;
		font: bold 12px Arial, Helvetica, sans-serif;
		margin: 0 auto 20px;
		padding: 5px;
	}
		#checkout-headers div {
			float: left;
			display: inline;
			margin: 0;
			padding: 5px 6px;
		}
			.ie6 #checkout-headers div,
			.ie7 #checkout-headers div,
			.ie8 #checkout-headers div,
			.ie9 #checkout-headers div {
				margin: 0;
			}
		#checkout-headers .secure {
			background: url(../graphics/icons/lock.png) no-repeat 0px center;
			color: #828282;
			padding: 5px 10px 5px 26px;
		}
		#checkout-headers .id-page {
			background-color:rgba(51, 102, 51, 0.6);
			color: #fff;
			text-shadow: 0 0px 1px rgba(0,0,0, 0.5);

		}


	/* ------------------------ basket ------------------------ */
	#BASK #page-title {
    display: inline;
    float: left;
	}
	
	#top-checkout-button {
		display: inline;
		float: right;
	}
	
	#basket-contents { margin-top: 10px; }

	.basket {
		clear: both;
		border: none;
		margin: 0 auto;
	}
	
		table.basket {
			border:thin solid #cccccc;
			border-collapse:collapse;
		}
		
		.basket td {
			border:thin solid #e5e5e5;
			padding: 5px;
		}
		
		.basket td.align-left {
			text-align:left;
		}
		
		.basket #basket-header-row {
			background: rgba(243, 252, 235, .8);
			color: #000;
			text-align: center;
			vertical-align: middle;
		}
			.basket #basket-header-row td.prod {
				text-align: left;
			}
		.basket .basket-prod-row {
			border-bottom: 1px solid #cccccc;
			vertical-align: top;
		}
			.basket .basket-prod-row td.prod {
				width: 100%;
			}
				.basket .basket-prod-row td.prod a {
					text-decoration: none;
				}
				.basket .basket-prod-row td.prod a:hover {
					color: #000;
				}
			.basket .basket-prod-row td input.quantity {
				text-align: center;
				width: 35px;
			}
			#basket-contents .basket tr.basket-prod-row p {
				margin: 0 0 5px;
			}
			.basket .basket-prod-row img {
				display: block;
				margin: 0 auto;
			}
			.basket .basket-prod-row label {
				background: #fff;
				color: #2d7abb;
				cursor: pointer;
				display: block;
				float: none;
				font-size: 10px;
				margin: 0;
				padding: 0;
				text-align: center;
				width: auto;
			}
			.basket .basket-prod-row input.remove {
				display: none;
			}
		.basket #basket-update-row {
			background: rgba(243, 252, 235, .8);
			vertical-align: middle;
		}
			.basket #basket-update-row .continue-shopping {
			}
			.basket #basket-update-row .update-cart {
			}
		.basket #basket-bottom-row {
			border-bottom: 3px solid #d3d3d3;
			font-size: 0;
			height: 0;
			padding: 0;
		}
		
		
	/* ------------------------ totals block ------------------------ */
	#totals {
		float: right;
		margin: 15px 0px;
		text-align: right;
	}
	.basket #totals {
		margin: 15px 0;
	}
		#totals div {
			background: #efefef;
			border: 1px solid #828282;
			margin-bottom: 10px;
			padding: 10px 5px 0;
		}
			#totals div .charges {
				font-size: 14px;
			}
			#totals div .total {
				font-size: 16px;
			}

/* ------------------------ validation messages ------------------------ */

.info-message, .warning-message, .error-message, .success-message {
    font-weight: bold;
    padding: 10px 10px 10px 50px;
    color: #333;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

.invalid_field-item {
    background: #f9e29d url(../graphics/icons/warning.png) no-repeat 10px center;
    border: 1px solid #d0bc81;
	padding-top:4px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
	

.info-message {
    background: #9dd7f9 url(../graphics/icons/info.png) no-repeat 10px center;
    border: 1px solid #64a6cc;
}

.warning-message {
    background: #f9e29d url(../graphics/icons/warning.png) no-repeat 10px center;
    border: 1px solid #d0bc81;
}

.error-message {
    background: #f9a89d url(../graphics/icons/error.png) no-repeat 10px center;
    border: 1px solid #d3847a;
}

.success-message {
    background: #c5f99e url(../graphics/icons/check.png) no-repeat 10px center;
    border: 1px solid #98cf70;
}

div.info-message, div.warning-message, div.error-message, div.success-message {
    margin-bottom: 10px;
}

.info-message p, .warning-message p, .error-message p, .success-message p { margin: 0.5em 0; }

.info-message ul, .warning-message ul, .error-message ul, .success-message ul { margin-bottom: 0; }

    .info-message ul li, .warning-message ul li, .error-message ul li, .success-message ul li { list-style: none; }


		
/* ------------------------ buttons ------------------------ */

.cta-button {
    background: rgba(0, 102, 0, 0.8);
    color: #fff !important;
    font-size: 18px;
    font-weight: bold;
    padding: 6px 15px;
	float:right;
    display: inline;
    margin: 0px 10px;
    width: auto;
    text-decoration: none;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0,0,0, 0.8);
	border:2px solid #FFFFFF;
	
	    -moz-box-shadow: rgba(68,68,68, 0.75) 0px 0px 4px;
    -webkit-box-shadow: rgba(68,68,68, 0.75) 0px 0px 4px;
    box-shadow: rgba(68,68,68, 0.75) 0px 0px 4px;

}

#PROD-GIFTCERT .cta-button{
	float:none;
}



input.cta-button {
    padding: 6px 15px;
}

.cta-button:hover, input.cta-button:hover {
    background: rgba(0, 102, 0, 1.0);
}

.sec-button {
    color: #fff !important;
    background: rgba(198, 66,150, .6);
    padding: 3px 25px;
    font: 12px Arial, Helvetica, sans-serif;
    border: 1px solid #000;
    margin: 0;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
	text-shadow: 0 1px 1px rgba(68,68,68, 0.8);
}

.sec-button a{
    text-decoration: none;
}

input.sec-button {
    padding: 3px 25px;
    width: auto;
}

.sec-button:hover, input.sec-button:hover {
    color: #FFFFFF !important;
    background: rgba(198, 66,150, 0.8);
}

.a2b-button {
    color: #FFFFFF !important;
    background: rgba(198, 66,150, .6);
    padding: 3px 5px;
    font: 12px Arial, Helvetica, sans-serif;
    border: 1px solid #000;
    margin: 0;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
	text-shadow: 0 1px 1px rgba(68,68,68, 1.0);
}

.a2b-button:hover {
    color: #FFFFFF !important;
    background: rgba(198, 66,150, 0.8);
}



/* ------------------------ advanced browers goodies ------------------------ */

.corners {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.shadows {
    -moz-box-shadow: rgba(68,68,68, 0.75) 0px 0px 4px;
    -webkit-box-shadow: rgba(68,68,68, 0.75) 0px 0px 4px;
    box-shadow: rgba(68,68,68, 0.75) 0px 0px 4px;
}

.bottom-shadow {
    -moz-box-shadow: rgba(68,68,68, 0.75) 0px 0px 5px;
    -webkit-box-shadow: rgba(68,68,68, 0.75) 0px 0px 5px;
    box-shadow: rgba(68,68,68, 0.75) 0px 0px 5px;
}

.text-shadows { text-shadow: 0 1px 1px rgba(68,68,68, 0.3); }

/* ------------------------ The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements (j.mp/bestclearfix & blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page) ------------------------ */

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

.switch-mobile {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}