@charset "UTF-8";


/*** page area ***/
/*   ---------   */

body, div, img, a:link, a:visited, a:hover, a:active, p, ul, li { /* Clear default margins & padding */
	margin: 0;
	padding: 0;
	border: 0;
	/*font-family:Arial,Helvetica,"Lucida Grande",sans-serif;*/
  font-family: Proxima-Nova, Arial, Helvetica, sans-serif; 
  font-weight:400;
	}
	
html, body {
	color: black;
	font-family:Arial,Helvetica,"Lucida Grande",sans-serif;
	font-size: 15px;
	line-height: 120%;
	background-position: center;	/* text-align: center; */

/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	top: 0px;
	height:100%;	/* sticky footer code */
	}
	
#page-container {
	margin: 0 auto;
	width: 1000px;
	min-height: 100%;	/* sticky footer code */
	
  background:white;
}

/*** header area ***/
/*   -----------   */

#header { 
	position: relative;
	width: 990px; 
	height: 150px; 
	display: block;
}

#header h1 { 
	font-size: 16px; 
	line-height: 120%; 
	text-align: left; 
	margin: 7px 7px 2px 7px; 
	}
	
#header p { 
	font-size: 12px; 
	line-height: 120%; 
	text-align: left; 
	margin: 2px 7px 3px 7px; 
	}

#toolbar {
	right: 0;
	position: absolute;
	top: 25px;
	font-size: 12px;
	color: #666;
	text-align: right; 
}

#toolbar ul {
	padding: 0px 0 6px 5px;
	list-style: none;
  float:right;
}

#toolbar ul li {
	display: inline;
	padding-left: 10px;
  float:left;
}

#toolbar ul li a, #toolbar ul li a:visited {
	text-decoration: none;
	color: black;
  font-family: "proxima-nova", Arial, Helvetica, sans-serif;  
  font-style: normal;
  font-weight: 400;
  line-height:22px;
  font-size:18px;
  float:left;
}
#toolbar ul li span{
	text-decoration: none;
	color: black;
  font-family: "proxima-nova", Arial, Helvetica, sans-serif;  
  font-style: normal;
  font-weight: 400;
  line-height:22px;
  font-size:18px;
  float:left;
  margin:0 0 0 10px;
}
#search{
  margin-left:30px;
}

#toolbar ul li a:hover, #toolbar ul li a:active {
	text-decoration: none;
	color: #5a8cca;
}

#toolbar .phone-number, #toolbar .phone-number a {
	font-size: 20px;
	text-align: right;
	padding-top: 10px;
	color: black;
	text-decoration: none;
}



#toolbar .icon {
	padding-top: 0px;
}

/*** main navigation area ***/
/*   --------------------   */

#mainnav {
	width: 980px;
	height: 30px;
	margin-left: 10px;
	background-color: white;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	top: 0px;
	z-index: 25;
	overflow: visible;
	/* box-shadow: 0px 0px 20px #888888; */	
}



#mainnav li#nav-menu {
	margin-left: 2px;
}
#findbutton, #search-textbox{
  margin-top:3px!important;
  margin-bottom:3px!important;
}
#findbutton {
	vertical-align:top;
}

#mainnav ul {
	list-style: none;
	/*padding-top: 3px;*/
 float:right;
}

#mainnav ul li {
	display: inline;
	font-size: 15px;
  float:left;
}

#mainnav ul li a:link, #mainnav ul li a:visited  {
	padding: 0 20px 0 20px;
	color: black;
  font-size:24px;
  display:inline-block;
  line-height:30px;
	text-decoration:none;
	/* border: 1px solid red; */ 
  font-family: "proxima-nova", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 300;
}

#mainnav ul li a:hover, #mainnav ul li a:active {
	/*padding: 7px 20px 8px 20px;*/padding: 0 20px 0 20px;
	color: white;
	background-color: #5a8cca;
	height: 30px; /* sets the height of the main nav BG  */
}


#search {
	height: 20px;
	width: 200px;
	display: inline;
}

input#search-textbox { 
	font-size: 12px; 
	font-weight: bold;
	line-height: 1.2;
	width: 100px; 
	height: 18px;
	margin: 0 0 4px 3px; 
	border:  2px solid black;
	outline: 2px; /* border: 2px solid #e1e1a9; */ 
	font-family:'Proxima-nova', Arial, Helvetica, sans-serif;
}

.input-gray {
	color: #999;
	padding-left:2px;
}

.input-black {
	color: black;
	padding-left:2px;
}


/*** main content area ***/
/*   -----------------   */

div#main-strut-vertical { width: 0;  height: 530px; float: left }

#main-content   { 
	clear: both;
	top: 150px; 
	left: 0px; 
	width: 1000px;   
	text-align: left; 
	overflow: auto;	/* sticky footer code */
	padding-bottom: 0px;	/* sticky footer code  - height should be same as footer height*/
}

#main-content a:link, #main-content a:visited	{ 
	text-decoration: none;
	color: #0065BD;
} 
#main-content #project-board-text a{
  color:#0065BD;
} 

#main-content a:hover, #main-content a:active	{ 
	text-decoration: none;
	color: #f56220;
}

#contacttable {
	width:566px;
	border-spacing:0;
}

#contacttable td{
	padding:0;
}

.helpimage {
	width:500px;
	height:358px;
	float:right;
}

.helpsamplesimage {
	width:350px;
	height:350px;
	float:right;
}

.helpfauximage {
	width:350px;
	height:267px;
	float:right;
	padding-left:10px;
}

#helpyardagetable {
	width:750px;
	margin-left:10px;
	border:solid #5a8cca 1px;
	border-spacing:1px;
}

#helpyardagetable td {
	width:150px;
	text-align:center;
	padding:2px;
	border:solid #5a8cca 1px;
}

blogframe {
	overflow:scroll;
}

#newsframe {
	width:780px;
	height:800px;
	border:0;
}

#summaryframe {
	overflow:visible;
	border-top:0;
  	margin-left:19px;
  	margin-top:-20px;
}



#paymentFrame {
	width:800px;
	min-height:1200px;
	border:0;
}


#sidebar { 
	float: left; 
	top: 150px;
	width: 181px;
	font-size: 12px; 
	margin-top: -5px;
	margin-left: 10px;
	height: auto;
}

#sidebar-header{ 
	width: 181px;
	height: 33px;
}

#summary-header{ 
	width: 201px;
	height: 33px;
}

body.sidebar-finder-fabric #sidebar-header {
	background-image: url(../images/fabric-finder-side-header.jpg);
}

body.sidebar-finder-faux-leather #sidebar-header {
	background-image: url(../images/faux-finder-side-header.jpg);
}



body.sidebar-checkout #summary-header {
	background-image: url(../images/summary-header.jpg);
}

body.summary-checkout #page-container {
	margin: 0;
	width: 780px;
	min-height: 100%;	/* sticky footer code */
	box-shadow: 0px 0px 0px 0px #fff;
}

body.summary-checkout #main-content   { 
	clear: both;
	top: 150px; 
	left: 0px; 
	width: 780px;   
	text-align: left; 
	overflow: auto;	/* sticky footer code */
	padding-bottom: 0px;	/* sticky footer code  - height should be same as footer height*/
}


body.summary-checkout #center-content{
	padding-left: 5px;
	float: right;
	width:780px;
}

body.summary-checkout #center-content #checkout .chk-head{
	margin-left: 105px;
margin-bottom: -30px;
}

body.summary-checkout #center-content #checkout .chk-head3{
	margin-left: 0px;
}

body.summary-checkout #center-content #checkout .chk-head4{
	margin-left: 105px;
	padding-bottom: 20px;
}

body.summary-checkout #center-content #checkout #content-left-col{
	margin-left: 105px;

}

body.summary-checkout #center-content #checkout table{
	margin-left: 105px;

}

body.summary-checkout #center-content #checkout .summary{
	margin-right: 0px;

}

body.summary-checkout #summary-header {
	background-image: url(../images/summary-header.jpg);
}

body.summary-checkout #summary-footer {
	background-image: url(../images/summary-footer.jpg);
}


#sidebar-footer {
	width: 181px;
	height: 11px;
}

#summary-footer {
	width: 201px;
	height: 11px;
}

body.sidebar-finder-fabric #sidebar-footer {
	background-image: url(../images/fabric-finder-side-footer.jpg);
}

body.sidebar-finder-faux-leather #sidebar-footer {
	background-image: url(../images/faux-finder-side-footer.jpg);
}

body.sidebar-checkout #sidebar-footer {
	background-image: url(../images/checkout-side-footer.jpg);
}

body.sidebar-checkout #summary-footer {
	background-image: url(../images/summary-footer.jpg);
}


#sidebar-content {
	width: 179px;
	border-top: none;
	border-bottom: none;
	margin: 0;
	padding: 0;
  border:1px solid #0070c0!important;
  border-radius:8px;
  overflow:hidden;
}
.sidebar-finder-faux-leather #sidebar-content {
  border:1px solid #fe921e!important;
}
#sidebar .kind-type{
  float:left;
  border:1px solid #808080;
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  float:left;
  color:#000!important;
  line-height:21px;
  font-size:12px;
  text-transform:uppercase;
  font-family: Proxima-Nova, Arial, Helvetica, sans-serif;
  font-weight:300;
  text-align:center;
  margin:0 0 3px;
}
#sidebar .kind-type.blue{
  float:left;
  width:74px;
}
.sidebar-finder-fabric #sidebar .kind-type.blue{
  background:#0065BD;
  color:#fff!important;
}
.sidebar-finder-fabric #sidebar .kind-type.blue.non-current{
  background:#fff;
  color:#000!important;
}
.sidebar-finder-faux-leather #sidebar .kind-type.orange{
  background:#fe921e;
  color:#fff!important;
}  
#sidebar .kind-type.orange{
  float:right;
  width:95px;
}
#sidebar-footer{
  display:none;
}

body.sidebar-finder-fabric #sidebar-content {
	border-left: solid #5a8caa 1px;
	border-right: solid #5a8caa 1px;
}

body.sidebar-finder-faux-leather #sidebar-content {
	border-left: solid #f56220 1px;
	border-right: solid #f56220 1px; 
}


body.sidebar-checkout #sidebar-content {
	border-left: solid #5a8caa 1px;
	border-right: solid #5a8caa 1px;
	font-size: 12px;
	width: 179px;
	padding: 10px 0px 10px 0px;
}

body.sidebar-checkout .sidebar-checkout-section h2 {
	font-size: 12px;
	padding: 0 5px 0 5px; 
}

#order-summary-content {
	width: 179px;
	border-top: none;
	border-bottom: none;
	margin: 0;
	padding: 10px 0px 10px 20px;
	text-align:left;
}

body.sidebar-checkout #order-summary-content {
	border-left: solid #5a8caa 1px;
	border-right: solid #5a8caa 1px; 
}

body.sidebar-checkout #order-summary {
	position: absolute;
	right: 0;
	bottom: 20px;
	width: 200px;
	height: 200px;
}

body.summary-checkout #order-summary-content {
	border-left: solid #5a8caa 1px;
	border-right: solid #5a8caa 1px; 
}

body.summary-checkout #order-summary {
	position: absolute;
	right: 0;
	bottom: 20px;
	width: 200px;
	height: 200px;
}

#checkout {
	position: relative;
	margin: 10px 20px 20px 0;
}

#freesteps {
	/*/visibility:visible;/*/
	display:inline;
	/*/display:none;/*/
}

#chk-steps {
	font-size: 14px;
	line-height: 18px;
	padding: 10px 0;
	font-weight: bold;
	background-color: #5a8cca;
	margin-bottom: 10px;
margin-top:-25px;
}

#checkout #chk-steps a{
	color: #2A4260;
}

#checkout #chk-steps a:hover{
	color: #f56220;
}

#chk-steps span.chk-step {
	padding: 0 1em;
}

#chk-steps span.chk-step span {
	font-size: 18px;
	padding-right: 0.5em;
}

#checkout.shipping .shipping-method {
	font-size: 12px;
}

#checkout.shipping span.chk-step.shipping {
	color: white;
}


#checkout.billing span.chk-step.billing {
	color: white;
}

#checkout.summary span.chk-step.summary {
	color: white;
}

#checkout.payment span.chk-step.payment {
	color: white;
}

#checkout table {
	margin-left: 125px;
}


#checkout #content-left-col {
	margin-left: 125px;
	padding-bottom: 20px;
	margin-top: 20px;
	width: 265px;
	/* border:1px solid red; */
}

#checkout #content-right-col {
	float: right;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 90px;
	padding-bottom: 20px;
	width: 275px;
	/* border:1px solid red; */
}

#checkout .chk-head {
	/* margin-top: 20px; */
	margin-left: 125px;
	font-size: 18px;
	text-align:left;
}

#checkout .chk-head2 {
	margin-left: 125px;
	font-style: italic;
	font-weight: bold;
	font-size: 10px;
	color: #f56220;
}


#checkout .chk-head3 {
	margin-top: 40px;
	margin-left: 125px;
	font-weight: bold;
	font-size: 14px;
	text-align:left;
}

#checkout #content-left-col .chk-head3, #checkout #content-right-col .chk-head3  {
	margin-left: 0;
	padding-bottom: 5px;
}

#checkout .chk-head4 {
	margin-top: 40px;
	margin-left: 0px;
	font-weight: bold;
	font-size: 14px;
}

#checkout .chk-text {
	font-size: 13px;
}



#checkout .step {
	font-weight: bold;
	font-size: 18px;
}

#checkout tr .chk-contact {
	font-size: 12px;
	text-align: right;
}

#checkout .chk-contact2 {
	font-size: 12px;
	margin-left: 125px;
}

#checkout .chk-contact3 {
	font-size: 12px;
	margin-left: 15px;
	font-weight:normal;
	font-style: italic;
}

#checkout tr .fine {
	font-size: 10px;
}

#checkout #chk-next {
	/*/ margin-left: 650px; /*/
	float:right;
	margin-right:0px;
}

.order-button {
  float: none;
  background-color: #F36825;
  height: 40px;
  color: white;
  font-size: 18px;
  width: 340px;
border: none;
}

.check-button {
	  float: none;
  margin-right: 0px;
  color: #F36825;
  height: 30px;
  font-size: 15px;
  width: 380px;
  background-color: white;
  border: none;
  text-decoration: underline
}
 
table#order-table {
	float: right;
}
 
 
.fieldWith {
	 width: 75px; 
	border-style: none;
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


#sidebar p     { 
	line-height: 160%; 
	margin: 0px 10px 0px 10px; 
	}

#sidebar ul     {
	list-style: none;
}

#sidebar li     {
	font-size: 12px;
	line-height: 160%;
	text-align: left;
	margin: 0px 10px 5px 25px;
}

body.sidebar-finder-fabric #sidebar-header a {
	border: none;
	display: block;
	height: 24px;
	width: 93px;
	margin-left: 86px;
}

body.sidebar-finder-faux-leather #sidebar-header a {
	border: none;
	display: block;
	height: 24px;
	width: 65px;
	margin-left: 0px;
}

.finder-section {
	clear: both;
	background-color: white;
	/* width: 170px; */
	margin: 0;
}

.finder-section a:link,
.finder-section a:visited,
.finder-section a:hover,
.finder-section a:active {
	border: none;
	text-decoration: none;
	color: black;
	outline: none;
}

.finder-section .head {
	display: block;
	margin: 0;
	border: none;
	padding: 1px 0 1px 24px;
  font-size:14px;
	line-height: 19px;
	background-image: url(../images/icons/toggle-arrow-dn.png);
	background-repeat: no-repeat;
	background-position: 4px 50%;
	background-color: #d2e0f1;
}
.finder-section.closed .head {
	background-image: url(../images/icons/toggle-arrow-up.png);
}

.finder-section a.head span.open {
	display: inline;
}
.finder-section a.head span.closed {
	display: none;
}
.finder-section.closed a.head span.open {
	display: none;
}
.finder-section.closed a.head span.closed {
	height: 12px;
	display: inline;
}

.finder-section.closed .selectors {
	display: none;
}

.finder-section .selectors a { /* override for color below */
	display: block;
	height: 1.4em;
	line-height: 1.4em;
	padding: 0 0 0 24px;
	border: none;
	margin: 4px 0 0 6px;
	background-image: url(../images/icons/checkbox-13-off.png);
	background-repeat: no-repeat;
	background-position: 4px 50%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.finder-section .selectors a.checked {
	background-image: url(../images/icons/checkbox-13-on.png);
}

.finder-section.color .selectors {
	width: 168px;
	margin: 0 auto;
}

.finder-section.color .selectors a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	border: 1px solid #ccc;
	margin: 3px;
	background-position: 50% 50%;
	border-radius: 2px;
}
.finder-section.color .selectors a { /* IE 6 and 7 */
	zoom: 1; 
	*display: inline;
}

#finder-results form div {
	position: relative;
}

#finder-results form div span.qv {
	position: absolute;
	display: block;
	right: 10px;
	bottom: 23px;
	width: 18px;
	height: 15px;
	background-image: url(../images/icons/quickview-icon-blue.jpg);
	cursor:pointer;  /* causes hover to display pointer hand indicating interaction */
}

#finder-results form div span.qv:hover {
	background-image: url(../images/icons/quickview-icon-orange.jpg);
	cursor:pointer;  /* causes hover to display pointer hand indicating interaction */
}

#finder-results form div.item-thumb span.qv {
	right: 6px;
	bottom: 17px;
}

#center-content {
	width:800px;
	margin-top: 8px;
	padding-left: 9px;
	float: right;
	min-height: 520px;
}



#center-content h1 {
	font-size: 18px;
	line-height: 120%;
	padding: 1px 10px 0px 10px; 
}
	
#center-content .headline{
	font-size: 34px;
	text-align:center; 
	padding: 10px 0px 10px 0px; 
	margin: 0px 0px 0px 0px; 
}



#center-content h2 { 
	font-size: 16px; 
	line-height: 120%; 
	margin: 6px 7px 0px 10px; 
	padding: 0px 10px 0px 0px;
}

#center-content h3 { 
	font-size: 15px; 
	line-height: 120%;
	font-weight: normal; 
	margin: 10px 7px 0px 0px; 
	padding: 0px 10px 0px 0px;
}
	
#center-content p  { 
	font-size: 18px; 
	color: black; 
	line-height: 130%; 
	padding: 0px 10px 17px 10px;
 
	}

#center-content ul li  { 
	font-size: 15px; 
	line-height: 130%; 
	margin: 0px 0 0 40px;
}

#center-content .item-tile {
	width: 193px;
	height: auto;
	float: left;
	padding: 0 0 20px 3px;
}

#center-content .item-tile img {
	display: block;
	width: 193px;
	height: 200px;
}

#center-content .item-tile form {
	display: inline;
	width: 15px;
	margin: 0 8px 0 8px;
}

#center-content .item-tile input {
	margin-top: 2px;
	margin-right: 5px; 
	float: right;
}

#center-content .item-thumb {
	width: 100px;
	height: auto;
	float: left;
	padding: 0 4px 16px 8px;
	font-size: 13px;
}
#center-content .item-thumb img {
	display: block;
	width: 100px;
	height: 75px;
}

#center-content .item-thumb a {
	text-decoration: underline;
}

#quickview {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #888; /* fallback */
	background-color: rgba(0, 0, 0, 0.4);
}


#center-content .sofas {
	border: 2px solid #5a8cca; /* used on yardage guide page*/
	padding:3px;
	margin-right:10px;
	width:458px;
	height:318;
	float:left;
}

#center-content .blue-title {
	color: #5a8cca; /* used on yardage guide page*/
	font-weight:bold;
}

#center-content .chairs {
	border: 2px solid #f56220; /* used on yardage guide page*/
	padding:3px;
	margin-right:10px;
	width:458px;
	height:318;
	float:left;
}

#center-content .orange-title {
	color: #f56220; /* used on yardage guide page*/
	font-weight:bold;
}




/* #fabric-details occurs in detail page and quickview */
#fabric-details {
	position: relative;
	width: 780px;
}

#fabric-details.quickview {
	margin: 10% auto;
	padding-bottom: 50px;
	background-color: #fff;
	border-radius: 10px;
}


#fabric-details.quickview  a:link, #fabric-details.quickview  a:visited {
	color: #0000CD;
	text-decoration: none;
}

#fabric-details.quickview  a:hover, #fabric-details.quickview  a:active {
	color: #f56220;
	text-decoration: none;
}

#fabric-details.details a:link, #fabric-details.details a:visited {
	color: #0000CD;
	text-decoration: none;
}

#fabric-details.details  a:hover, #fabric-details.details  a:active {
	color: #f56220;
	text-decoration: none;
}



#fabric-details .topline {
	height: 50px;
	margin-left: 40px;
	font-size: 20px;
	line-height: 50px;
	color: #f56220;
}

#fabric-details .topline2 {
	height: 6px;
	margin-left: 40px;
	font-size: 20px;
	line-height: 25px;
	color: #f56220;
}

#fabric-details .topline h1{
	padding-left: 0px;
  	font-size: 24px;
  font-weight:normal !important;
}

#fabric-details div.images {
	float: left;
	margin-left: 40px;
	padding-top:5px;
	width: 288px;
	text-align: center;
}

#fabric-detail-magnify {
	display: none;
	margin-top: 1px;
	height: 22px; /* zoom-icon height */
	color:#000;
	text-decoration:underline;
}

#fabric-detail-magnify.enabled {
	display: block;
	color:#000;
}

#fabric-detail-magnify a {
	color:#000;
	text-decoration:underline;
	/* padding-left: 30px; */ /*commented out at Elliot's request 2015-04-15 WED*/
	/* padding-bottom: 5px; added to prevent zoom-icon being cut-off in some browsers */
	/* background-image: url(../images/icons/zoom-icon.jpg);
	background-position: left top;
	background-repeat: no-repeat; */ 
}

#fabric-details table {
	position: relative;
	left: 32px;
	width: 420px;
	border-collapse: collapse;
}
#fabric-details table td {
	vertical-align: top;
	font-size: 13px;
	line-height: 1;
	padding: 0px 10px;
}

#fabric-details tr.head td {
	text-align:center;
	padding-bottom: 0px;
	font-size: 25px;
	white-space: nowrap;
	vertical-align: bottom;
  font-weight:normal !important;
}

#fabric-details tr.head td.val { 
	font-weight: bold;
	color: #000;
}

#fabric-details.quickview tr.head td.val { 
	color: #f56220;
}

#fabric-details tr.subhead td {
	font-size: 15px;
	padding-bottom: 5px;
	color: #000;
	vertical-align: bottom;
	text-align:center;
}

#fabric-details tr.subhead td.val {
	font-size: 25px;
	line-height: 1;
}

#fabric-details tr.title td.val { 
	font-size: 20px;
	font-weight: normal;
	color: #000;
	padding-bottom: 0px;
	text-decoration:underline;
	text-align:center;
}


#fabric-details tr.footer td {
	padding-top: 0px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #4169E1;
	vertical-align: bottom;
	font-size: 15px;
	line-height: 1.2;
}

#fabric-details tr.controls .controlsheadcell {
	vertical-align:top;
}

#fabric-details tr.controls td {
	padding-top: 5px;
}

#fabric-details tr.controls form {
	padding-bottom: 10px;
}

#fabric-details tr.controls form div.sample {
	margin-bottom: 0.75em;
	width:16em;
}

#fabric-details tr.controls form div.sample button{
	width:100%;
	background-color:white;
	color:black;
	border: #0065bd 3px solid;
	height:35px;
	width:332px;
	font-size:18px;
}

#fabric-details tr.controls form div.add button{
	background-color: #0065bd;
	color:white;
	border: #0065bd 3px solid;
	height:44px;
	width:202px;
	font-size:24px;
}


#fabric-details tr.controls form div.add button:hover{
  	background-color:#f36825;
	border:#f36825;
  	color:white;
}


#fabric-details tr.controls form div.sample button:hover{
	background-color:#f36825;
	border:white;
	color:white;
}



#fabric-details tr.controls form div.add {
	margin-bottom: 5px;
	width:332px;
	text-align:right;
}

#fabric-details tr.controls form div.sample {
	width:18em;
}
#fabric-details tr.controls form div.add .left{
	float:left;
}

#fabric-details tr.controls form div.add .qty{
	height:40px;
	width:100px;
	border: #000 2px solid;
	text-align:center;
  	font-size:17px;
	color: #0065bd;
}



#fabric-details tr.controls .notice {
	font-size: 13px;
	font-weight: normal;
	color: black;
}


#fabric-details #quickview-close {
	position: absolute;
	top: -20px;
	right: -20px;
	width: 40px;
	height: 40px;
	background-image: url(../images/icons/close-40-sprite-101x52-6-49.png);
	background-repeat: no-repeat;
	background-position: -6px;
}
#fabric-details #quickview-close:hover {
	background-position: -55px -6px;
}

#magnify-viewer {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #888; /* fallback */
	background-color: rgba(0, 0, 0, 0.4);
}
#magnify-viewer.enabled {
	display: block;
}

#magnify-viewer .port {
	position: relative;
	display: block;
	top: 50px;
	right: 50px; /* reset by script */
	width: 100px; /* width reset by script */
}

/* #magnify-viewer .port {
	position: relative;
	display: block;
	top: 50px;
	right: 50px; /* reset by script */
/*	width: 100px;  width reset by script */
/*} */

#magnify-viewer a {
	position: absolute;
	display: block;
	top: 30px; /* .port top - 0.5 * icon height */
	right: 30px; /* reset by script */
	width: 40px;
	height: 40px;
	background-image: url(../images/icons/close-40-sprite-101x52-6-49.png);
	background-repeat: no-repeat;
	background-position: -6px;
}

#magnify-viewer a:hover {
	background-position: -55px -6px;
}


#correlated-fabrics {
	clear: both;
	width: 740px;
}
#correlated-fabrics .fabrics-header {
	font-size: 20px;
	color: black;
	margin-bottom: 2px;
margin-left:32px;
}
#correlated-fabrics-slider {
	position: relative;
}
#correlated-fabrics-slider .slider-control {
	visibility: hidden;
	position: absolute;
	top: 22px;
	width: 30px;
	height: 31px;
	background-repeat: no-repeat;
	background-position: center;
}
#correlated-fabrics-slider .slider-control.left {
	left: 0;
	background-image: url(../images/project-board-left-arrow.jpg);
}
#correlated-fabrics-slider .slider-control.right {
	right: 0;
	background-image: url(../images/project-board-right-arrow.jpg);
}
#correlated-fabrics-slider.scripted .slider-control.enabled {
	visibility: visible;
}
#correlated-fabrics-slider .slider-window {
	width: 660px; /* 6 x (full width of .slider-content div) */
	position: relative;
	left: 40px;
	overflow: scroll;
	white-space: nowrap;
}
#correlated-fabrics-slider.scripted .slider-window {
	overflow: hidden;
}
#correlated-fabrics-slider .slider-content {
	position: relative;	
	display: inline-block; /* expand to fit content */
	white-space: nowrap;
	color: #999;
}
#correlated-fabrics-slider .slider-content { /* IE 6 and 7 */
	zoom: 1;
	*display: inline;
}
#correlated-fabrics-slider .slider-content div {
	display: inline-block;
	width: 100px;
	padding: 0 5px;
	position: relative;
}
#correlated-fabrics-slider .slider-content div { /* IE 6 and 7 */
	zoom: 1;
	*display: inline;
}
#correlated-fabrics-slider .slider-content div img {
	display: block;
	width: 100px;
	height: 75px;
}

#center-content .line-item-heading {
	background-color: #5a8cca;
	width: 700px;
	height: 20px;
}

#center-content .line-item-heading p {
	color: white;
	font-weight: bold;
}

#center-content .line-item-odd {
	background-color: #fff;
	width: 33%;
	height: 28px;
}
#center-content .line-item-even {
	background-color: #d2e0f1;
	width: 33%;
	height: 28px;
}

#center-content #order-information {
	clear: both;
}

#center-content #order-information .chk-head3  {
	padding-bottom: 10px;
}

#center-content #order-information .order-field-bare {
	border: 0;
}

#hidden.order-field-bare {
	display:none;
}

.order-field-bare {
	border: 0; 
	text-align:left;
	font-size: 13px;
}

#name.order-field-bare  {
	width:230px;
}

#address.order-field-bare {
	width:230px;
}

#city.order-field-bare {
	width:230px;
}

#state.order-field-bare  {
	width:25px;
}

#postal.order-field-bare {
	width:100px;
}

#country.order-field-bare  {
	width:25px;
}

#phone.order-field-bare  {
	width:210px;
}

#method.order-field-bare  {
	width:105px;
}

#tracking.order-field-bare  {
	width:25px;
}

#email.order-field-bare  {
	width:210px;
}


#center-content #order-information table {
	width: 440px;
	margin-bottom: 140px;
	border-collapse: collapse;
}

#center-content #order-information table td {
	padding: 0;
	line-height: 2;
	border: none;
}

#center-content #order-information thead tr {
	background-color: #5a8cca;
	color: #FFFFFF;
}

#center-content #order-information thead tr  .col-sku {
	text-align: left;
	padding-left: 10px;
}

#center-content #order-information thead tr  .col-qty {
	text-align: center;
	padding-left: 1px;
  
}

#center-content #order-information thead tr  .col-prc {
	text-align: left;
	padding-left: 50px;
}

#center-content #order-information tbody tr  .col-sku {
	text-align: left;
	padding-left: 5px;
}

#center-content #order-information tbody tr  .col-qty  {
	text-align: center;
	padding-left: 20px;
  
} 

#center-content #order-information tbody tr  .col-prc {
	text-align: left;
	padding-left: 45px;
}


#center-content #checkout.summary form {
	display: block;
    text-align: right;
}

#center-content #checkout.summary form  input {
	padding-left: 30px;
	display: inline;
}

#center-content .line-item-odd p, #center-content .line-item-even p {
	color: #5a8cca;
	font-weight: normal;
}

#center-content .line-item-odd a, #center-content .line-item-even a {
	text-decoration: underline;
}

#quick-order {
	position: relative;
	padding-top: 10px;
	width: 700px;
}
#quick-order .successMsg {
	color: #feffff;
	background-color: #008e00;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.4;

}

#quick-order table {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #5a8cca;
	margin-top: 20px;
}

#quick-order col, #order-information col {
	width: 33%;
}
#quick-order.quickview-disbled col {
	width: 50%;
}
#quick-order.quickview-disbled col.col-qv {
	visibility: collapse;
	padding: 0;
	width: 0;
}
#quick-order.quickview-disbled td.col-qv {
	display: none;
}
#quick-order.quickview-disbled .quickview-only {
	display: none;
}

#quick-order thead tr {
	background-color: #5a8cca;
}

#quick-order thead tr td {
	color: white;
	font-weight: bold;
	text-align: center;
}

#quick-order tbody tr {
	/* border-top: 1px solid #d2e0f1; /* in case next selector is not recognized */
	background-color: #fff;
}

#quick-order tbody tr.even {
	background-color: #d2e0f1;
}

#quick-order tbody td {
	padding: 10px 0;
	text-align: center;
	/* color: #5a8cca; ?????? */
}

.searcherror  {
	font-size: 15px; 
	color: red; 
	line-height: 130%; 
	padding: 0px 10px 0px 10px;
}

#quick-order tbody td.error div {
	color: #ff2600;
}
#quick-order tbody td.error input {
	border: 2px solid #ff2600;
}

#quick-order .add-to-cart {
	position: relative;
	left: 67%;
	width: 33%;
	padding-top: 10px;
	text-align: center;
}

#quick-order button {
	color: black; /* #5a8cca; */
	font-weight: bold;
}

#quick-order input {
	color: black; /* #5a8cca; */
	font-size: 14px;
	line-height: 14px;
	text-align: center;
}

#sitemap h2 {
	margin: 1em 0 0.5em 0;
	
}
#sitemap li {
	padding-bottom: 0.75em;
}

#cart  {
	visibility: hidden;
}

.alert {
width:300px;
border:1px solid red;
background-color:yellow;
color:red;
font-weight:bold;
font-family: arial, helvetica, geneva, swiss, sunsans-regular; 
}




#cart table {
	width: 780px;
	border-collapse: collapse;
  color: black;
}

#cart thead {
	background-color: #0065bd;
}

#cart thead td {
	text-align: center;
	padding: 5px 0 5px 0;
	font-size: 12px;
    font-weight: bold;
  color:white;
 
  
}

#cart  .col-prc, 
#cart  .col-amt {
text-align: right;
 
}


#cart  .col-prc input{
  font-size:14px;
  border:#0065bd solid 3px;
  background: white;
  height: 40px;
  margin-left: 450px;
  
}
#cart .col-rem input{
 font-size:24px;
  border:#F36825 solid 3px;
  background: #F36825;
  height: 40px;
  color:white;
  width: 150px;
margin-left:28px;
}



#cart .updatebtn {
	visibility: visible;
}


#cart tbody .col-qty input {
    text-align: center;
  
} 

#cart tbody td {
	padding-top: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid black;
	text-align: center;
  
}

#cart tbody tr .sample-off { display: inline }
#cart tbody tr .sample-on { display: none }
#cart tbody tr.sample .sample-off { display: none }
#cart tbody tr.sample .sample-on { display: inline }

#cart tfoot .cart-total td {
	background-color: #0065bd;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
    font-weight: bold;
	text-align: right;
  color: White;
}

#cart tfoot .cart-actions td {
	padding-top: 26px;
	font-size: 14px;
    font-weight: bold;
}

#cart tfoot .cart-actions .col-rem {
	text-align: center;

}

#cart tfoot .highlight {
	color: red;
	background-color: #fcc;
}

#center-content1 {
	width: 700px;
	margin-top: 8px;
	padding-left: 9px;
	float: left;
	min-height: 520px;
}


#center-content span.text-right {
	padding-right: 16px;
	float: right;
}

#center-content span.text-left {
	float: left;
}	

#center-content .searchnav {
	position: relative;
	margin: 0px 20px 10px 0;
	font-size: 12px; 
	color: #555; 
}
#center-content  .pagenav {
	font-size: 12px; 
}

#center-content .searchnav .pagenav {
	display: block;
}

#center-content .searchnav .viewnav {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
}

#center-content .caption  { 
	font-size: 11px; 
	color: #ccc; 
	line-height: 120%; 
	margin: 0px 7px 10px 0px; 
	padding: 0px 20px 0px 20px; 
	}

#project-board {
	clear: both;
	margin: 10px 0 0 10px;
	width: 970px;
}

#project-board-header {
	height: 34px;
	padding-left: 190px;
	background-image: url(../images/project-board-header.jpg);
}

#project-board #project-board-text {
	line-height: 1;
	color: black;
	padding: 10px 0 0 10px;
}

#project-board-body {
	position: relative;
	margin: 0 auto;
    border-left: solid #f56220 1px;
	border-right: solid #f56220 1px; 
}
#project-board-body .slider-control {
	visibility: hidden;
	position: absolute;
	top: 0;
	width: 40px;
	height: 75px;
	background-repeat: no-repeat;
	background-position: center;
}
#project-board-body .slider-control.left {
	left: 10px;
	background-image: url(../images/project-board-left-arrow.jpg);
}
#project-board-body .slider-control.right {
	right: 10px;
	background-image: url(../images/project-board-right-arrow.jpg);
}
#project-board-body.scripted .slider-control.enabled {
	visibility: visible;
}

#project-board-body .slider-window {
	position: relative;
	left: 64px;
	width: 840px; /* 7 x width of .slider-content > div */
	overflow: scroll;
	white-space: nowrap;
}
#project-board-body.scripted .slider-window {
	overflow: hidden;
}

#project-board-body .slider-content {
	position: relative;	
	display: inline-block; /* expand to fit content */
	white-space: nowrap;
	color: #999;
}
#project-board-body .slider-content { /* IE 6 and 7 */
	zoom: 1;
	*display: inline;
}

#project-board-body .slider-content div {
	display: inline-block;
	width: 110px;
	padding-left: 10px;
	position: relative;
  color:#000;
}
#project-board-body .slider-content div { /* IE 6 and 7 */
	zoom: 1;
	*display: inline;
}

#project-board-body .slider-content div img {
	display: block;
	width: 100px;
	height: 75px;
}

#project-board-body .slider-content div button {
	background-image: url(../images/icons/cancel-15.png);	
	background-color: #fff;	
	position: absolute;
	right: 10px;
	bottom: 0;
	width: 15px;
	height: 15px;
	border: none;
	padding: 0;
	margin: 0;
}

#project-board-footer {
	height: 11px;
	background-image: url(../images/project-board-footer.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

div#clear-main-area { clear: both; margin: 0; width: 100% } /*** width for IE 6 ***/

/* ----- Slideshow ---------- */

#center-content #homeslide {
	width: 780px;
	height: 400px;
	margin-left: 0px;
	margin-top: 0px;
}

#center-content #finderslide {
	width: 780px;
	height: 400px;
	margin-left: 10px;
}

#SlideShow {
	width: 780px;
	height: 400px;
	margin-left: 10px;
	margin-top: -4px;
	text-align:center;
border-bottom: 4px solid #F36825;
}

	#horizontal_image {
		width: 780px;
		height: 400px;
		margin-right:0px;
		float:left;
		z-index:5;
		}
		
			#horizontal_image img {
				margin-left:0px;
				margin-top:0px;
				}


/*** footer area ***/
/*   -----------   */

#footer {
	clear: both; 
	padding: 10px 0  10px;
	text-align: center;
	font-size: 12px;
	color: #999;
	line-height: 140%;
	/* box-shadow: 0px 10px 20px #888888; */
	}

#footer a:link, #footer a:visited {  
	padding: 0 0.5em; 
	color: black;
	text-decoration: none;
}

#footer a:hover, #footer a:active {  
	padding: 0 0.5em; 
	color: #F36825;
	text-decoration: none;
}

#footer-box {
	margin: 10px 0 0 10px;
	width: 970px;
}

#footer-box-top {
	height: 11px;
	background-image: url(../images/footer-top.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#footer-box p {
	font-size: 12px; 
	color: #999;
	padding: 10px 0 0 10px;
}

#footer-box .footertitle {
	font-size: 13px; 
	font-weight: bold; 
	color: #0065BD;
	padding: 10px 0 0 5px;
}

#footer .iconrow {
	font-size: 12px; 
	padding: 0px 0px 0 150px;
	height:72px;
	display:block;
	position:static;
}

.iconrow ul {
	list-style: none;
 	float:right;
}

.iconrow ul li {
	display: inline;
  	float:left;
}



#footernavtable {
	width:760px;
	text-align:center;
}

.footernavcell {
	width:33%;
	text-align:left;
	vertical-align:top;

}

#footer-box-body {
	position: relative;
	margin: 0 auto;
    border-left: solid #f56220 1px;
	border-right: solid #f56220 1px; 
	text-align:center;
	padding: 0px 0px 0 150px;
}

#footer-box-bottom {
	height: 11px;
	background-image: url(../images/footer-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


.indent4 {
	text-indent: 4em;
}
.indent8 {
	text-indent: 8em;
}

/* new styles */
.three-cols{
  border-top:3px solid #F36825;
  border-bottom:3px solid #000;
  overflow:hidden;
  margin:0 10px 10px;
  padding:20px 0;
}
.three-cols .col{
  width:248px;
  padding:0 5px;
  float:left;
  text-align:center;
}
#center-content .three-cols .col h2{
  padding:0 0 5px;
  margin-top:0px;
  font-weight:normal;
  font-size:20px;
}
.three-cols .col span{
  display:block;
  padding:0 0 5px;
color:grey;
}
#center-content .three-cols>h2{
  clear:both;
  text-align:center;  
  font-family: "proxima-nova", Arial, Helvetica, sans-serif;  
  font-style: normal;
  font-weight: 300;
  font-size:26px;
  line-height:28px;
}
.coupon{
  padding:10px 0;
}
.coupon label {padding:0 7px 0 0;}
.coupon #coupon_code {margin:0 7px 0 0;}
#sidebar h3.choose{
  font-family: Proxima-Nova, Arial, Helvetica, sans-serif; 
  font-weight:400;
  font-size:20px;  
  margin-bottom:8px;
}

#underheader p{
  font-size:16px;
  text-align:center;
}



#center-content .headline-home{
  color:#0065BD;
  font-family: "proxima-nova", Arial, Helvetica, sans-serif;  
  font-style: normal;
  font-weight: 400;
  font-size:46px;
  line-height:48px;
}
#blue-bar{
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:25px;
  min-width:1000px;
   background:#F36825;/* this sets the PROMO banner background color */
}
#blue-bar .inner{
  width:1000px;
  margin:0 auto;
  text-align:center;
  color:white; /* this sets the PROMO banner text color */
  font-size:21px;
  line-height:25px;
}
body{
  padding-top:25px;
}

#chk-next input{
   font-size: 18px;
  border: #F36825 solid 3px;
  background: #F36825;
  height: 30px;
  color: white;
  width: 210px;
  margin-left: 28px
}