/* -------------------------------------------------------------------------------------------------------------------------

Welcome to NCForms!

NCForms is the base CSS template for use with eccomerce sites.
The base template will render forms with a base layout that can then be customised as you see fit.
If you need to make any updates/changes to the base template then feel free to go ahead.

[ Dated Created: 22nd May 2008 ]
[ Version: V1.0 ]

------------------------------------------------------------------------------------------------------------------------- */
form.ncform {
	width:100%;
	margin:0 0 15px;
	overflow:hidden;
	font-size:1em;
	float:left;
}

form.ncform h3 {font-size:1.16em;}

form.ncform a:hover, .note a:hover {text-decoration: underline;}

form.ncform fieldset { 
	overflow: hidden;
	float: left;
	background: #F2EBE2;
	padding: 10px;
	margin-bottom: 20px;
	border:1px solid #E4D7CE;
	width:96%;
}

form.ncform table {
	float: left;
	width: 99%;
	margin-left: 1px;
	}
	form#cart table.cart {float:none;}
form.ncform input.quantity {width:20px;}

form.ncform li {
	display:block;
	float:left;
	padding:4px 4px 6px;
	width:99%;
}
form.ncform li input,
form.ncform li textarea {
	padding: 2px 4px;
	width: 60%;
	color: #5f5f5f;
	border: 1px solid #CFCFCF;
	font-family: 'Arial';
	}

form.ncform li select{
	padding: 2px;
	width: 7.8em;
	border: 1px solid #CFCFCF;
	}
	form.ncform li select option,
	#gradientfilter .filters select option, #filter .filters select option {
		display: block;
		width: 100%;
		}
form.ncform li label{
	font-weight: bold;
	}
form legend {
  padding: 2px 6px;
  color: #4E260E;
  background: #eae1d6;
  font-size: 1.2em;
  text-align: left;
	border:1px solid #E4D7CE;
  }
.inputButton,
fieldset button,
table button,
.anchor ol li.subHead li.subBtns button,
button.checkout-btn {
	padding: 1px 6px;
	font-weight: bold;
	font-family: Arial, Helvetica;
	color: #555;
	font-size: 11px;
	cursor: pointer;
}
form.ncform li input:focus, form.ncform li select:focus{
	border: 1px solid #AFAFAF;
	color: #444;
	}
input#remember_login,
input#newsletter_signup {
	border:0;
	width: auto;
	}
input#remember_login {float:left; margin-left:146px;}
input#name {
	font-weight: bold;
	}
select#rating {
	width: 80px;
	}
.payment {
	margin: 15px 0 0 0;
	}
.btn, li.btn button {
	float: left;
	text-indent: -9999em;
	border: 0;
	cursor: pointer;
}
/* --- Checkout Address --- */
.manageAddress {
	background: url(../img/icons/addresses-book.png) no-repeat 0 0;
	padding-left: 20px;
	padding-bottom: 2px;
	font-weight: bold;
	margin-bottom: 15px;
	float: left;
	margin-left: 5px;
	}
.address {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-right: 10px;
	}
ul.address li {
	float:left;
	background:#F2EBE2 none repeat scroll 0 0;
	border:1px solid #E4D7CE;
	padding:10px;
	width:45%;
	margin:0 10px 10px 0;
	height:175px;
	}
	ul.address li h4, ul.addressList li h4 {
		font-size:1.2em;
		color:#4E260E;
		margin-top:-10px;
		}
.addressList {
	float:left;
	width:350px;
	margin-right:15px;
}
	.addressList li {
		width: 100%!important;
		background:#F2EBE2 none repeat scroll 0 0;
		margin:0 3em 10px 0;
		padding:0;
		border:1px solid #E4D7CE;
		}
		
	.addressList .inputheader {
		background: #FFF;
		border:1px solid #E4D7CE;
		padding:5px;
		}
		.addressList .addressContent, .addressList p.addressEdit {
			padding: 10px 0 0 0;
			line-height: 1.4em;
			}
			
				.addressCreate {
					background: url(../img/icons/add.png) no-repeat 0 0!important;
					padding-left: 28px;
					padding-bottom: 2px;
					}
				.addressCreate a {color:;}
					.addressWrapper {
						border-bottom: 1px dotted #AFAFAF;
						float: left;
						width: 100%;
						margin-bottom: 15px;
						}
.addressContent {padding-bottom: 5px; font-size:13px !important; }

.addressEdit {padding: 5px;}
	
	.addressEdit a {margin-right: 5px;}
		
		a.editAddress, .addressList .addressEdit a, a.edit {
			background: url(../img/icons/edit.png) no-repeat 0 2px;
			padding:0 0 2px 17px;
			color: #5aa830;
			}
			a.delete {
			background: url(../img/icons/delete.png) no-repeat 0 2px!important;
			padding-left: 17px;
			padding-bottom: 2px;
			margin-left: 5px;
			color: #d52d00!important;
			
			}
/* --- Form Errors --- */
.error, .errorList {
	padding: 6px 0;
	text-align: center;
	border: 1px dashed #CF7474;
	color: #CF3333!important;
	float: left;
	width: 100%;
    background-color: rgb(255, 255, 160);
	font-weight: bold;
	font-size: 11px;
	margin: 10px 0 15px 0;
	}
/* --- Forgot Password --- */
.formSingle {
	float: left;
	background: #F2EBE2;
	padding: 8px;
	width: 96%;
	text-align: center;
	font-size: 13px;
	margin-bottom: 15px;
	border:1px solid #E4D7CE;
	}
	.formSingle label {float:left;margin-left:150px;}
	.formSingle input{
		padding: 1px 6px;
		margin:0 5px;
		float:left;
		}
/* --- Form Table --- */
form table {
	width: 99%;
	margin: 5px 0 15px 1px;
	/*border: 1px solid #E1E1E0;*/
	}
	form table td {
		text-align: left;
		padding: 5px 10px;
		}
		form table tfoot td {
			text-align: right;
			}
			form table td.addCart {
				width: 15%;
				text-align: center;
				}
			form table td.prodDesc {
				width: 70%;
				}
			form table td.remove {
				width: 15%;
				text-align: center;
				}
				form table a {
					color: #492b0a; /*BA501F*/
					font-size: 12px;
					text-decoration: none;
					}
					form table a:hover { text-decoration: underline; }
.tableData {}
.tableData tfoot td {
	background: #F3F3F2;
	padding: 8px 10px;
	}
	.tableData tfoot td button {
		margin-left: 10px;
		}
		.tableData th.cartToAdd { width: 20%;}
		.tableData th.prodDescrp { width: 70%;}
		.tableData th.remove { width: 10%;}
/* --- Catalog Request --- */
.requestTable {
	width: 96%!important;
	border: 0;
	}
	.requestTable img {
		width: 80px;
		/*height: 80px;*/
		}
		.requestTable th {
			background: none;
			border-bottom: 1px solid #BFBFBF;
			color: #444;
			font-size: 12px;
			padding: 5px 10px;
			}
/* --- Cart Top & Bottom Links --- */

.cart_top {
	margin: 10px 0;
	background: none!important;
	padding: 0;
	}

			
/* --- Fieldset Last --- */
fieldset.last button.login{
		float: left;
		background:url(../img/btn-login.png) no-repeat 0 0;
		height:22px;
		width:45px;
		margin:0 10px 0 145px;
		}
	fieldset.last button.login:hover {
		background:url(../img/btn-login-on.png) no-repeat 0 0;
	}
fieldset.last li.create-account button{
			float: left;
			background:url(../img/btn-create-account.png) no-repeat 0 0;
			height:22px;
			width:99px;
			margin:0 10px 0 145px;
			}
	fieldset.last li.create-account button:hover {
			background:url(../img/btn-create-account-on.png) no-repeat 0 0;
		}
fieldset button.save-address{
	float: left;
	background:url(../img/btn-save.png) no-repeat 0 0;
	height:22px;
	width:41px;
	margin:0 10px 0 0px;
	
}
	fieldset button.save-address:hover {
		background:url(../img/btn-save-on.png) no-repeat 0 0;
	}
	
fieldset button.update-address{
	float: left;
	background:url(../img/btn-update.png) no-repeat 0 0;
	height:22px;
	width:54px;
	margin:0 10px 0 0px;
}
	fieldset button.update-address:hover {
		background:url(../img/btn-update-on.png) no-repeat 0 0;
	}
fieldset.last li.update-account button{
	float: left;
	background:url(../img/btn-update-account.png) no-repeat 0 0;
	height:22px;
	width:99px;
	margin:0 10px 0 145px;
}
	fieldset.last li.update-account button:hover {
					background:url(../img/btn-update-account-on.png) no-repeat 0 0;
				}
fieldset.passwordChange button.inputButtonPassword {
	float: left;
	background:url(../img/btn-change-pwd.png) no-repeat 0 0;
	height:22px;
	width:107px;
	margin:0 10px 0 5px;
}
	fieldset.last button.inputButtonPassword:hover {
		float: left;
		background:url(../img/btn-change-pwd-on.png) no-repeat 0 0;
	}

fieldset.last li a {
	color: #BA501F;
	text-decoration:none;
	padding-top: 4px;
}
	fieldset.last li a:hover {text-decoration:underline;}
				
/* --- Address Options --- */
.address-options {
	margin-bottom: 15px;
	width: 100%;
	}
	.address-options th,
	.address-options td{
		padding: 6px 8px;
		background:#F2EBE2;
		border:1px solid #E4D7CE;
		}
		.address-options th {background: #E4D7CE;}
		
			.address-options td {
				border-bottom: 1px solid #E6E5E3;
				}

		
/* --- Table Cart --- */
table.cart {
	width:100%;
	}
table.cart thead, table.cart tfoot {
	background: url(../img/desc-symbol.gif) no-repeat center top;
	}
table.cart tfoot {background: url(../img/desc-symbol-upsidedown.gif) no-repeat center bottom;}

table.cart th {padding-top:20px;}

table.cart th {
	background:#E4D7CE none repeat scroll 0 0;
	color:#4E260E;
	padding:8px 6px;
	font-weight:bold;
	border-bottom:1px solid #F2F2EC;
	border-left:1px solid #F2F2EC;
}
table.cart td.text_summary {
	text-align:right;
	padding-right:10px;
	}
table.cart td.prod-desc .imgThmb {float:left; margin-right:10px;}
table.cart td,
	table.cart_summary td,
	table.cartProducts td {
		padding: 6px 10px;
		}
			table.cart tbody tr.alt { background: #f7f7f7; }
			
			table.cart tbody td.remove {
					text-align: center;
					vertical-align: middle;
					padding: 6px!important;
					width: 6%;
					}
				table.cart tbody td.description {
					width: 50%;
					}
					table.cart tbody td.description .imgThmb{
						width: 60px;
						float: left;
						}
				table.cart tbody td.quantity input{
					width: 20px;
					padding: 2px 3px;
					text-align: center;
					border: 3px groove #DDDDDD;
					}
				table.cart thead th.totals {
					font-weight: bold;
					/*background: #85390F;
					border-bottom: 1px solid #F7E6CF;*/
					padding: 8px 6px 8px 8px!important;
					/*color: #F7E6CF;*/
					}
				table.cart tbody td.totals {
					/*background: #A3562B;
					color: #F7E6CF;*/
					}
					table.cart tbody td.description .clean {
						float: left;
						padding-top: 14px;
						width: 75%;
						}
							table.cart tbody td a:hover {
								text-decoration: underline;
								}
								table.cart tbody td img {
									padding: 2px;
									background: #EBEAE9;
									border: 1px solid #D7D7D5;
									float: left;
									margin-right: 5px;
									}
									table.cart tbody td.message {
										font-size: 11px;
										font-style: italic;
									}
table.cartProducts,
table.addressTable {
	margin-bottom: 10px;
	border: 1px solid #DFDFDD;
	margin-left: 1px;
	width: 583px;
	float: left;
	}
	table.cartTotals {
		margin-bottom: 7px;
		margin-left: 1px;
		width: 583px;
		float: left;
		}
	table.cartProducts td,
	table.addressTable td {
		font-size: 1.2em;
		padding: 6px 10px;
		background: #EFEFEC;
		}
		table.cartTotals  td {
			font-size: 1.2em;
			padding: 3px 10px;
			}
			table.cartProducts th,
			table.addressTable th,
			table.cartTotals  th {
				font-size: 1.3em;
				font-weight: bold;
				padding: 8px 10px;
				}
				table.cartTotals td {
					border-bottom: 1px solid #DFDFDD;
					}
					table.cartTotals td.totalSum {
						background: #fcf7dd;
						padding: 5px 10px!important;
						color: #444;
						font-size: 1.3em;
						border-bottom: 2px solid #b9b9b9!important;
						}
						table.addressTable th {
							background: #787775;
							color: #FFF;
							border-bottom: 1px solid #787775;
							}
table.cart tfoot td {
	font-weight: bold;
	}
	table.cart tfoot td.text_summary {
		text-align: right;
		padding-right: 10px!important;	
		background: url(/img/dash-grey.gif) repeat-x 0 0;
		}
		table.cart tfoot td.text_summary.summaryTop {
			background: 0;
			}
	table.cart tfoot td.summary_right {
		padding-right: 18px;
		}
		table.cart tfoot td {
			padding: 8px 9px 4px!important;
			color: #333;
			}
			table.cart tfoot td.summary_right,
			table.cart tfoot td#cart-total {
				/*background: #85390F;
				color: #F7E6CF;*/
				border-top: 1px solid #E4D7CE; /*F7E6CF*/
				text-align: left;
				}
table.cart tfoot,  table.cart tfoot td.text_summary {background: #F2EBE2!important;}

table.cart td.summaryTop {border-top:#E4D7CE 1px solid;}

.cartProducts {float: left;}

/* --- Email A Friend ---*/
.email_Friend {
	width: 280px!important;
	}
	.email_Friend input,
	.email_Friend textarea {
		width: 145px!important;
		}
		.email_Friend textarea {
			height: 90px;
			}
		.email_Friend div {
			float: left;
			background: #F3F3F3;
			padding-left: 10px;
			}
			.email_Friend h3 {
				font-size: 1.2em;
				font-weight: bold;
				border-bottom: 1px solid #D4D4D4;
				margin-bottom: 7px;
				}
				.email_Friend label {
					font-weight: normal!important;
					width: 100px!important;
					}
					.email_Friend ul {
						padding-bottom: 5px;
						float: left;
						}
						.btnEmailFriend {
							border: 0;
							cursor: pointer;
							float: right;
							height: 22px;
							width: 44px;
							background: url(/img/btns/btn-send.gif) no-repeat 0 0;
							}

/* --- Form Labels --- */
form.ncform ol label,
form.ncform ul label {
	width: 140px;
	float: left;
	padding-bottom: 2px;
	text-align:right;
	margin-right:0.5em;
	}
form.ncform ol label.remember-login {
	width:auto!important; 
	margin-left:5px;
	font-weight:normal;
	}
form.ncform ol li#el_change_password label {width:auto!important;}	
/* --- My Account --- */
.accountList {
	float: left;
	width: 270px;
	overflow: hidden;
	margin-right: 20px;
	padding-top: 15px;
	}
	.accountList a {text-decoration: none;}
	.accountList a:hover {text-decoration: underline;}
	.accountList h3{
		font-size: 1.4em;
		font-weight: bold;
		background: #F3F3F2;
		padding: 4px 6px;
		}
		.accountList h3 a {
			color: #5D5C59;
			padding-left: 25px;
			}
			.accountList h3 a.account-edit { background: url(../img/icons/account-edit.png) no-repeat 0 0;}
			.accountList h3 a.account-book { background: url(../img/icons/addresses-book.png) no-repeat 0 0;}
			.accountList h3 a.account-status { background: url(../img/icons/order-history.png) no-repeat 0 0;}
			.accountList h3 a.account-cart { background: url(../img/icons/shopping-cart.png) no-repeat 0 0;}
			.accountList h3 a.account-wishlist { background: url(../img/icons/wish-list.png) no-repeat 0 0;}
			.accountList h3 a.account-checkout { background: url(../img/icons/account-checkout.png) no-repeat 0 0;}
			.accountList p {
				padding: 5px 10px 0 6px;
				}
				.accountList li {
					padding-bottom: 10px;
					margin-bottom: 20px;
					border-bottom: 1px dotted #DDDDDB;
					}
					.accountList p a {
						color: #BA501F;
						}
/* --- Checkout Process --- */
fieldset.payment {}
ol#Credit_card {}
	ol#Credit_card li select#Credit_cardexpiry_month {
		width: 100px;
		}
		ol#Credit_card li select#Credit_cardexpiry_year {
			width: 60px;
			}
			ol#Credit_card li input#Credit_cardcsc {
				width: 70px;
				color: #527F3F!important;
				}
				
				.orderComplete {
					text-align: center;
					padding: 10px;
					background: #e8ffd7;
					border: 1px solid #b3df93;
					}
					.orderComplete span {
						color: #66a33a;
						font-weight: bold;
						}
/* --- Order Summary --- */
.tidyList {
	float: left;
	font-size: 1.2em;
	margin-bottom: 15px;
	border: 1px solid #b3df93;
	background: #e8ffd7 url(../img/icons/order-completed.png) no-repeat 8px 8px;
	padding: 4px 10px 4px 33px;
	}
	
/* --- Misc Classes --- */
input.password, input#password, input#password_confirm, input#existing_password {
	color: #C85720!important;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 2px;
	}
form.ncform ol li.border_none {
	width: 45%;
	padding-bottom: 0;
	}
	form.ncform ol li.border_none input {
		width: auto;
		float: left;
		}
		form.ncform ol li.border_none label {
		width: auto;
		float: right;
		}

form.ncform small{
    margin-left:150px;
}

.note, form.ncform p.small {
	float: left;
	width: 100%;
	font-size: 1.1em;
	border-bottom: 1px dotted #DFDEDE;
	margin-bottom: 15px;
	}
fieldset.passwordChange {
	margin-top: 15px;
	}

/* --- Address Book --- */
form.ncform.addressBook label {
	width: 25%!important;
	}
	form.ncform.addressBook li#el_is_residential input, form.ncform ul.addressList li input{
		width: auto!important;
		border:0px!important;
		}
/* --- Pagination --- */
.anchors {
	float: left;
	width: 563px;
	padding: 5px;
	}
/* --- Search Results --- */
.list {
	float: left;
	width: 100%;
	padding: 0 0 5px 0!important;
	margin: 0 0 15px 0!important;
	border-bottom: 2px solid #E6E5E3;
	list-style: none!important;
	}
.anchor {
	float: left;
	width: 583px;
	overflow: hidden;
	}
	.anchor ol,
	.anchor ol li.subHead li {
		float: left;
		list-style: none!important;
		}
		.anchor ol.list li ol, .anchor ol.list li ol li ol {
			margin: 0!important;
			}
.anchor ul ol li.subHead {
	width: auto!important;
	}
	.anchor ul ol li.subHead .subInfo {
		float: left;
		width: 230px;
		}
		.anchor ul ol li.subHead .subDescription {
			float: right;
			width: 320px!important;
			background: none!important;
			border-bottom: 1px solid #F3F3F1;
			padding: 0!important;
			}
			.anchor ul ol li.subHead .subBtns {
				float: left;
				margin-left: 20px;
				}
				.anchor ul ol li.subHead .subInfo img {
					float: left;
					margin-right: 10px;
					}
					.anchor ul ol li.subHead .subInfo span {
						font-weight: bold;
						}
						.anchor ul ol li.subHead .subBtns ol {
							padding: 0!important;
							}
.anchor ol li.subImg {
	float: left;
	width: 120px;
	list-style: none!important;
	}
	.anchor ol li.subImg img {
		padding: 4px;
		background: #F3F3F2;
		}
		
.anchor ol li.subHead {
	float: right;
	width: 450px;
	list-style: none!important;
	padding: 0!important;
	}
	.anchor ol h3 a {
		color: #FF6633;
		text-decoration: none;
		}
		.anchor ol h3 a:hover {
			text-decoration: underline;
			}
		.anchor ol h3 {
			font-size: 14px;
			font-weight: bold;
			padding-bottom: 5px;
			}
.anchor ol li.subTitle {
	width: 100%;
	}
.anchor ol li.subHead li.subDescription {
	padding: 4px 8px;
	font-size: 12px;
	background: #F3F3F1;
	width: 100%;
	margin: 2px 0 5px 0;
	}
.anchor ol li.subHead li.subBtns {
	padding: 0!important;
	}
	.anchor ol li.subHead li.subBtns button {
		margin-right: 5px;
		}
.subHead li.subTitle, .subHead li.subInfo.metal, .subHead li.subInfo.size,
.subHead li.subInfo.depth, .subHead li.subInfo.price {
	width: 100%!important;
	font-size: 11px;
	font-weight: bold;
	display: block;
	padding: 0 0 2px 0!important;
	}
	.subHead li.subInfo.metal span, .subHead li.subInfo.size span,
	.subHead li.subInfo.depth span, .subHead li.subInfo.price span {
		font-weight: normal;
		padding-left: 3px;
		}
		.subHead li.subInfo.price span { font-size: 14px; font-weight: bold; }
fieldset.last p {
	background: none;
}
form.ncform li select#state_id, form.ncform li select#country_id,
#new-addressshipping select#shippingcountry_id, select#billingstate_id,
#new-addressshipping select#shippingstate_id, select#billingcountry_id, select#shipping_method { width: 63%; }
#shipping-address {
	margin: 10px 0;
	}
	

	fieldset.special_instructions label {
		width: 100%!important;
		text-align:left!important;
		}
/*Search form in header ........................................*/
.searchBox {	
	width: 340px; /*640*/
	height: 44px;
	float: right;
	margin-top:10px;
	}
	
	.searchBox .headerPhone { float:left; font-size:18px; font-weight:bold; color:#49410A; line-height:normal; margin:0; padding:0 0 7px 0; }
	.searchBox .headerPhone a { color: #6f471d; font-size:14px;}
	.searchBox form { clear:both; float:left; }
	
	.searchBox input {
		background: none;
		border: 0;
		padding: 0 3px;
		float: left;
		width: 260px;
		margin-left: 5px;
		color: #503322;
		margin-top: 3px;
		}
		.searchBox button {
			background: url(../img/btn-find.png) no-repeat 0 0;			
			width: 50px;
			height: 25px;
			margin-top: 1px;
			}
			.searchBox button:hover { }
			#search_back {
			background: url(../img/search-bg.gif) no-repeat 0 0;
			width: 280px;
			height: 24px;
			float: left;
			}



.content ol li { list-style-type:decimal; }
.content ul li { list-style-type: disc; }

.content ol, .content ul { padding-left: 30px; }