@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, u, i, center, dl, dt, dd, fieldset, form, label {background:transparent;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;outline:0}

body {background:#ffffff;font-size:12px}
:focus {outline:0}
table {}
img {border:0;vertical-align:top}

a {text-decoration:none;color:#336699}
	a:hover {text-decoration:underline}

/* clear fix */
.clear:after, .clear-li li:after {content:".";display:block;font-size:1px;height:0;clear:both;visibility:hidden}
	.clear, .clear-li li {display:inline-block}
	.clear, .clear-li li {display:block}
.cfix {clear:both;float:none !important;height:0 !important;font-size:1px !important;border:none;margin:0 !important;padding:0 !important;background:transparent !important;visibility:hidden !important}

/* left & right & hide */
.left {float:left}
.right {float:right}
.hide {display:none}
.red {color:#A81605 !important}


.minWidth {min-width:1000px}
.header {background:#669999;width:100%;height:82px;border-collapse:collapse;border-spacing:0}
	.header .logo {background:#ffffff;width:250px;vertical-align:bottom}
	.header {text-align:center}

.navTop {width:905px;margin:0 auto;padding:0;list-style:none}
	.navTop li {padding:3px 12px;float:left;position:relative}
		.navTop li a {font-size:16px;font-family:Tahoma, Geneva, sans-serif;text-transform:lowercase;color:#ffffff}
			.navTop li a:hover {text-decoration:none}
			.navTop ul {background:#ffffff;display:none;margin:0;padding:0 0 1px;position:absolute;top:24px;left:0;list-style:none;z-index:99}
			.navTop ul li {width:370px;margin:1px 1px 0 1px;padding:0}
				.navTop ul li a {background:#999999;display:block;height:18px;padding:2px 5px 0 5px;font-size:14px;text-transform:none;text-align:left;color:#ffffff}
					.navTop ul li a:hover {background:#6699cc;text-decoration:none}
			.navTop li:hover ul {display:block}


.container {width:100%;border-collapse:collapse;border-spacing:0}
.leftNav {background:#669999;width:240px;padding:10px 0 10px 10px}
	.leftNav a {font-size:14px;color:#ffffff}
		.leftNav a:hover {color:#ffff00}
	.leftNav .nav {margin:0;padding:4px 0 16px;list-style:none}
		.leftNav .nav a {font-size:16px}
		.leftNav .nav.small a {font-size:14px}
		.leftNav .nav li {margin:0;padding:1px 0}
	.leftNav h3,
		.leftNav h3 a {font-size:14px;font-weight:bold;color:#ffffff}
	.leftNav div {padding:10px 0 0;text-align:center}

.content {vertical-align:top}

#cnt {padding:5px;position:relative}
	#cnt .nav {}
	#cnt .catTitle {padding:15px 5px 0;font-size:22px;font-family:Tahoma, Geneva, sans-serif;color:#61999a}
	#cnt .topText {padding:10px 2px}
	#cnt .bottomText {padding:10px 2px}
	#cnt .pageContent {padding:10px}
	#cnt .fabricName {font-size:14px;font-family:Arial,Helvetica,Veranda;color:#6699cc}


.cntCart {position:absolute;top:3px;right:15px}
	#cntCart .left {}
		#cntCart .left img {background:url(cart.png) no-repeat;width:33px;height:32px}
	#cntCart .right {padding:2px 0 0 5px !important}
#cartLoading {background:url(loading.gif) no-repeat;width:128px;height:15px;margin:0 auto}

.listProducts {}
	.listProducts td {padding:2px 0 10px 0;text-align:center}
		.listProducts td a {font-size:15px;font-family:"Comic Sans MS", cursive;font-style:italic;color:#689c98}
			.listProducts td a:hover {text-decoration:none}


.pImages {width:520px}
	.pImages .imageBlock {display:block;width:504px;padding:1px;vertical-align:middle;text-align:center;border:1px solid #cccccc}
		.pImages #productImage {}
	.pImages ul {margin:5px 0 10px;padding:0;list-style:none}
		.pImages li {padding:1px 2px 1px 0;float:left}
			.pImages li a {display:block;width:96px;height:90px;padding:1px;text-align:center;vertical-align:bottom;border:1px solid #dddddf}
.pDetails {}
	.pDetails h3 {padding:3px 0;font-size:12px;/*font-family:"Courier New", Courier, monospace;*/font-weight:bold}
	.pDetails h3.blue {color:#5a66ab}
	.pDetails .formfields {padding:5px 0}
		.pDetails .formfields .left {padding-right:15px}
		.pDetails .formfields label {font-weight:bold}
		.pDetails .formfields .inputCombo {width:260px;margin:2px 0 10px}
		.pDetails .formfields .inputMultiple {width:auto !important;max-height:107px;padding:2px 5px 2px 4px}
		.pDetails .formfields .inputText {width:50px;margin:2px 0 0}
			.pDetails .formtext span {display:block;padding:5px 0 5px}
			.pDetails .formsubmit {padding:16px 0 0}
				.pDetails .formsubmit .inputSubmit {background:#ffffff;cursor:pointer;border:1px solid}
		.pDetails .formfields .formfield {}
			.pDetails .formfields .formfield .inputText {width:250px;margin:2px 0 10px}
			.pDetails .formfields .formfield .inputTextarea {width:400px;margin:2px 0 0}

.detailsBlock {}
	.detailsBlock ul {margin:0;padding:0;list-style:none}
		.detailsBlock li {margin-right:5px;float:left}
			.detailsBlock li a {background:#dddddd;display:block;height:19px;padding:9px 10px 0 10px;font-size:10px;font-family:Verdana, Geneva, sans-serif;text-transform:uppercase;color:#000000;border-width:1px 1px 0 1px;border-style:solid;border-color:#cccccc}
				.detailsBlock li a:hover,
				.detailsBlock li a.selected {background:#ffffff;text-decoration:none}
				.detailsBlock li a.selected {height:20px;margin-bottom:-1px}
	.detailsCnt {max-height:300px;padding:5px 5px 0;overflow:auto;border:1px solid #cccccc}
		.detailsCnt h3 {font-size:12px;font-weight:bold}
		.detailsCnt .cntent {padding:0 0 10px 5px}
		.detailsCnt .cntent.left {padding-left:0}

/* Request Swatch */
.requestSwat {margin:20px 0}
	.requestSwat ul {padding:0 5px;list-style:none}
		.requestSwat li {padding:2px 0;white-space:nowrap}
			.requestSwat li strong {color:#6699cc}
			.requestSwat li label {white-space:nowrap}
				.requestSwat li label input {margin:1px 0 0}


/* Cart details */
.cartCoutProducts {background:#61999a;padding:4px;font-size:14px;font-weight:normal;text-transform:uppercase;color:#ffffff}
	.orderItemImage,
	.orderItemInfo {border-bottom:1px solid #666}
		.orderItemImage {width:120px;text-align:center;vertical-align:middle}
		.orderItemInfo {width:400px}
			.orderItemName {padding-bottom:4px}
				.orderItemName a {font-size:14px;font-weight:bold;color:#000000}
			.orderItemDetails {font-size:12px;font-family:Arial, Helvetica, sans-serif}
				.orderItemDetails .label {width:90px;color:#666}
.orderActions {padding:5px 10px}
	.orderActions a,
	.orderActions .inputSubmit {background:#61999a;display:block;margin-left:10px;padding:4px 10px;float:right;cursor:pointer;text-transform:uppercase;color:#ffffff;border:0}
		.orderActions a:hover {text-decoration:none}


.warning {background:url(warning.png) 9px 7px no-repeat #FFECCC;padding:10px 20px 10px 40px;margin:0 0 10px 0;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:12px;color:#000}
.success {background:url(succes.png) 9px 5px no-repeat #E5F4E5;padding:10px 20px 10px 35px;margin:0 0 10px 0;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-size:12px;color:#000}
.error_messages {padding:10px 0} 
	.error_messages h2 {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;text-transform:none;color:#ff0000}
	.error_messages ul {margin:5px 0 0}
		.error_messages ul li {list-style:outside;font-family:Arial, Helvetica, sans-serif;color:#b83e30}


.footer {width:860px;margin:60px auto;font-size:12px}
	.footer table {margin:0 auto}
		.footer td {padding:3px;text-align:center !important}
		.footer form {text-align:center}
		.footer .warred {text-align:center;font-size:11px;color:#ff0000;font-weight:bold}
		.footer .address {text-align:center;font-size:14px}

.checkout {background:url(checkout.gif) no-repeat;display:block;width:100px;height:18px;text-indent:-999em}
.inputCombo {padding:1px 1px 1px 2px}