/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; padding: 0;}
/* apply a natural box layout model to all elements * 
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
*/


/* =============================================================================
   Typography
   ========================================================================== */

b, strong { font-weight: bold; }

blockquote { margin: 1em 20px 1em 30px; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* =============================================================================
   Links
   ========================================================================== */
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; width: 100%; height: auto;}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; vertical-align: middle; }
button, input { line-height: normal; overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; margin: 8px 10px; background-color: transparent !important;}
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid { background-color: #fff; }
input:invalid, textarea:invalid { background-color: #fff; }

/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }

/* =============================================================================
  Grid
  =========================================================================== */
.container {
  width: 978px;
  margin: 0 auto;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
  float: left;
  margin-left: 30px;
}
.grid1 {
  width: 54px;
}
.grid2 {
  width: 138px;
}
.grid3 {
  width: 222px;
}
.grid4 {
  width: 306px;
}
.grid5 {
  width: 390px;
}
.grid6 {
  width: 474px;
}
.grid7 {
  width: 558px;
}
.grid8 {
  width: 642px;
}
.grid9 {
  width: 726px;
}
.grid10 {
  width: 810px;
}
.grid11 {
  width: 894px;
}
.first {
  margin-left: 0;
  clear: left;
}

/* =============================================================================
   Primary styles
   Author: Heike Martin
   ========================================================================== */

html, body {
  height: 100%;
  margin: 0px auto;  
  width: auto;
  font: 12px Verdana, Geneva, sans-serif;
  background-color: #f2efe4;
  background-image: url("../images/bg_main.png");
  background-position: left top; 
  background-repeat:repeat;
}

#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 20px auto;
  background-image: url("../images/bg_line.png");
  background-position: left 90px;
  background-repeat:repeat-x;
}
#content {
  margin-top: 30px;
}

/* ===========================================================
   Typography ================================================= */

h1 {
  font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
  color: #3E2E21;
  font-size: 28px;
  line-height:1;
}

h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

h3, p.rug_description_title {
  font-family: "Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
  font-size: 18px;
  color: #58412E;
  font-weight: bold;
}

h4, p.featuredSubtitle {
  font-size: 14px;
  font-weight: 600;
}

h5 {
  font-size: 12px;
  font-weight: 500;
}
p, li {
  line-height: 1.5;
  margin-bottom: 18px;
}

p.large {
  font-size: 16px;
  font-weight: 600;
}
blockquote {
  border-left: 4px solid #58412e;
}
blockquote p{
  padding: 0 0 0 15px;
  font-size: 13px;
  font-family: "Times New Roman",Times,serif;
    font-size: 18px;
    font-style: oblique;
    text-indent: -0.4em;
}
.quoteAuthor {
  font: 12px Verdana, Geneva, sans-serif;
  color: #58412e;
  display: block;
  text-align: right;
}

a {
  color: #732727;
}
a:hover, a:active {
  color: #732727;
  outline: 0;
  cursor: pointer;
}

/* ===========================================================
   Branding ================================================== */

.banner {
  padding: 0;
  margin: 0;
  line-height: 0;
}
.logoRugs {
    margin: 0 auto 20px;
    color: #333;
    font-family: Oswald;
    font-size: 2em;
    font-weight: 400;
}
.logoRugs img {
width: auto;
height: 60px;
margin-bottom: -20px;
}
.logoTTV img {width: 343px;}

.cart {
  vertical-align: middle;
}
.cart img {
  margin: 0 10px -10px 10px;
  width: 35px;
}
.banner h4, .banner h5 {
  line-height: 0;
}
.call {
  padding-top: 0px;
  float: right;
}
.phone {
  color: #000;
}

/* ===========================================================
   Footer ==================================================== */
#footerPage {
 display: block;
 box-shadow: inset 1px 6px 5px #3e2e21;
 margin: 30px auto 0;
 padding: 20px 10px;
 background-color: #58412e;
 color: #f2f2f2;
 height: 100%;
 clear: both;
 /* min-width: 978px; 
 width: 100%; */
}

.footerContent {
  display: block;
  width: 978px;
  margin: 0 auto;
}

.footerLinks, .footerTTV, .footerAddress {
	width: 28%;
	float: left;
	margin: 0 0 20px 20px;
}
.footerTTV, .footerAddress {
	padding-left: 20px;
	border-left: 1px dotted #3e2e21;
}

.footerTTV h4, .footerAddress h4 {
	margin-top: 0;
}
.footerContent.copy {
	text-align:left;
	font-size: 10px;
	clear: both;
}
.footerLinks ul.menu {
  font-size: 1em;
  margin: 0;
  padding: 0;
  list-style: none outside none;
  text-align: left;
}
.footerLinks ul.menu li {
  margin: 0;
}
#footerPage a {
  color: #f2f2f2;
  text-decoration: none;
  font-weight: bold;
}
#footerPage a:hover, #footerPage a:active {
  color: inherit;
  text-decoration: underline;
}

/* ===========================================================
   Main Navigation =============================== */
.anchor-link {display: none;}
nav {
  position: relative;
  margin: 30px 0 20px 20px;
}
nav ul {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  display: block;
  height: auto;
}
nav li {
	margin: 0 5px 0px 0;
	padding: 0;
	list-style: none;
	display: block;
}
nav li a {
  box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
  padding: 3px 12px;
  font-size: 12px;
  font-weight: bold;
  line-height: 25px;  
  text-align: left;  
  text-decoration: none;  
  color: #000;
  text-align: left;
}
nav a:hover {
	color: #732727;
}
nav .current a {
	color: #732727;
}

/* --- Search Results Total --- */
#result_total {
  display: block;
  height: 30px;
  box-shadow: 0px 0px 5px #f2f2f2 inset;
  background: #a49488;
  background-image: url("../images/bg_filter2.png");
  clear: both;
  font-size: 11px;
  padding:10px 0 20px 30px;
  margin: 20px 0;
}

#numitems, #sortby {
  margin-top: 6px;
}

/* --- Individual Rug Item in search and scrollable --- */
#result_items {
  /* required settings */
  position:relative;
  float: left;
  width: 100%;
}

.featured {
  margin: 15px 0 0 0;
}
.featured h2 {
  font-size: 28px;
  margin-bottom: -15px;
}

.featuredSubtitle {
  font-weight: 600;
  margin-bottom: 0;
  width: 68%;
  float: left;
}

.featuredButton {
  width: 25%;
  float: right;
}

button.css3button {
  font-size: 14px;
  color: #ffffff;
  padding: 10px 20px;
  float: right;
  margin-right: 0.5%;
  background: #58412e;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px dotted #fff;
  outline: 2px solid #58412e;
}

button.css3button:hover {
  background: #3e2e21;
}

/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
*/
.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 726px;
  height:350px;
  float: left;
  margin-left: -10px;
}

/*
  root element for scrollable items. Must be absolutely positioned
  and it should have an extremely large width to accommodate scrollable items.
  it's enough that you set width and height for the root element and
  not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}

/*
  a single item. must be floated in horizontal scrolling.
  typically, this element is the one that *you* will style
  the most.
*/
.items div {
  float:left;
}

/* the action buttons above the scrollable */
#actions {
  float: left;
  margin-top: 70px;
  margin-left: 18px;
  position: absolute;
  width: 710px;
}

#actions a {
  background: none repeat scroll 0 0 #58412E;
  border: 1px solid #58412E;
  color: #F2F2F2;
  cursor: pointer;
  font-size: 20px;
  padding: 0 2px;
}
#actions a:hover, #actions a:active {
  color: #f2f2f2;
  background:none repeat scroll 0 0 #732727;
}
.disabled {
  visibility:hidden;		
}

.next {
  float:right;
}	


/* Rug Item & Rug Item Mini  ------------------- */
.result_item, .items {
    border: 1px dotted #A49488;
    display: block;
    float: left;
    height: 310px;
    margin: 0 10px 20px;
    padding: 10px;
    width: 200px;
    position: relative;
}
.result_item_empty {
  border: none;
}
.items {
  border: none;
  margin-bottom: 0;
}
.rug_description {
  float: left;
}
.rug_description h3, .items h3 {
  overflow: hidden;
  margin: 5px 0;
}
.rug_description p, .items p {
  margin: 3px;
}
.result_item .button {
  margin-top: 20px;
  clear: both;
}
a.sku {
  text-decoration: underline;
  font-size: 14px;
  height: 23px;
}

a.sku:hover, a.sku:active {
  font-size: 15px;
  text-decoration: underline;
} 

.button_info {
  display: block;
  width: 24px;
  height: 23px;
  text-indent: 30px;
}

a .button_info {
  display: block;
  background:transparent url("../images/button_info.png") no-repeat top left;
  outline: none;
}

a .button_info:hover, a .button_info:active {
  background-position: bottom left;
}

.loggedin {
  height: 370px;
}

.rug_img {
  float: left;
  overflow: hidden;
  height:130px;
  width:200px;
  padding: 0;
  margin: 0 0 10px 0;
}
.crossout {
  text-decoration: line-through;
}

.saleprice {
  color:  #732727;
  padding-left: 20px;
}
.rug_detail .saleprice {
  padding-left: 63px;
}



/* --- Rug Detail Page --- */
.rug_detail {
  overflow: hidden;
  height:260px;
  padding: 0;
  margin: 10px 0 0 0;
}
.rug_detail h1 {
  margin: 5px 0;
}
.rug_detailText {
  margin-top: 10px;
}
.rug_detailText h1 {
  margin: 0;
}
.zoom img {
  margin: 0 10px -10px 10px;
  width: 32px;
}
.zoom {
  clear: both;
  vertical-align: middle;
  padding: 20px 10px 10px 10px;
}
.zoom a {
  color: #000000;
  text-decoration: none;
}

.value {
  font-size: 16px;
  font-weight: 600;
}

.label {
  font-size: 12px;
  line-height: 16px;
  font-weight:600;
  padding: 10px;
}
p.label_first {
  padding-top: 18px;
}
.purchase p {
float: left;
margin-right: 20px;
}
.purchaseButton a {
  float: right;
  margin-top: -15px;
  width: 92px;
}

.shipping table {
  margin: 40px 0 0 0;
  border: 1px solid #58412e;
  width:98%;
  
}
.similar_rugs h2 {
  margin-bottom: 0;
  line-height: 1.6;
  text-align: center;
  padding-top: 10px;
  width: 220px;
}
.result_item.mini {
  height: 240px;
  width: 226px;
  background: url("../images/bg_line_226.png") no-repeat top left;
  padding: 15px 0px 15px 5px;
  margin: 0;
  border-width: 0;
}
.result_item.mini .rug_img {
  margin: 0 0 0 5px;
}
.result_item.mini .rug_description {
  margin-left: 10px;
}
.hint {
  height: 280px;
  background: url("../images/bg_line_226.png") no-repeat top left;
  padding: 15px 20px;
  margin: 0;
}

/* =============================================================================
  Tab Function for Slideshow and Individual Tabs
  ============================================================================*/
.tabs { 
  margin:0 !important; 
  padding:0;
  height:30px;
 /* width: 726px; 
  clear: both;
  position: relative;
  float: left; */
}
.tabs ul {
  margin: 0;
  width: 726px;
  padding-left: 0;
}
.rug_detail_tab {
  margin-top: -20px;
}
.rug_detail_tab .tabs {
  background-color: transparent;
  height: 35px;
}

.tabs li {
  float: left;
 /* text-indent:0; */
  padding:0;
  margin:0 !important;
  list-style-type:none !important;
  text-align: center;
  width: 102.78px;
}
.tabs.tab_label li {
  width: 120px;
}

.tabs a {
  font-size:14px;
  display:block;
  height: 30px;  
  line-height:30px;
  width: 102.78px;
  text-decoration:none;
  background: #fff5ee;
  color:#a49488;
  position:relative;
  border-right: 1px solid #a49488;
  border-top: 4px solid #f2f2f2;
}

.tabs .tab_last a {
  border-right: none;
}

.rug_detail_tab .tabs a {
  background: #fff5ee;
  border: 1px solid #a49488;
  border-width: 4px 1px 0px 1px;
  color: #a49488;
  height: 31px;
  padding: 0 5%;
  position:relative;
  outline:0;
  border-radius: 4px 4px 0 0;
  -moz-border-radius:4px 4px 0 0;
  top: 1px;
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
  /*background-position: -652px -31px;*/
  color:#660000;
  font-weight: 600;
 
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
  /*background-position: -652px -62px;*/
  cursor:default !important; 
  color:#000 !important;
  border-top: 4px solid #58412e;
  background: #fff5ee;
}
	
/* selected tab */
.rug_detail_tab .tabs a.current {
  background: #fff5ee;
  border-top: 4px solid #58412e;
  border-right: 1px solid #a49488;
  border-left: 1px solid #a49488;
  border-bottom:  1px solid #fff5ee;
  color:#000;	
  cursor:default;
  position: relative;
  z-index: 1;
  font-weight: 600;
}


#slides .panes {
  float: left;
  position: relative;
  height: 342px;
  width: 726px;
  overflow:hidden;
}
#slides .panes div {
  display: none;
  position: absolute;
  height: 342px;
  z-index: 0;
}

#slides .panes h1, #slides .panes p {
  position: absolute;
  right: 0;
  font-style: italic;
}

#slides .panes h1 {
  top: 80px;
  font-size: 36px;
  font-weight: 600;
  text-align: right;
  padding: 10px 20px;
  background: #fff;
  margin-bottom: 0;
}
#slides .panes p {
  text-align: right;
  top: 154px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #fff;
  background: #58412e;
  background-color: rgba(88,65,46,0.8);
  padding: 10px 20px;
}

.rug_detail_tab .panes {
  position: relative;
  height: 150px;
  margin-bottom: 80px;
  float: left;
  clear: left;
  width: 100%
}

.rug_detail_tab .panes div {
  display: none;
  position: absolute;
  min-height: 150px;
  padding: 3% 4%;
  background: #fff5ee;
  border: 1px solid #a49488;
  border-width: 1px 1px 1px 1px;
  width: 90%;
}


/* --- Shopping Cart --- */
.col1, .col2, .col3, .col4 {
  display: block;
  text-align: left;
  float: left;
  background-color: #a49488;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  box-shadow: 1px 0px 3px #58412e;
  -moz-box-shadow: 1px 0px 3px #58412e;
  -webkit-box-shadow: 1px 0px 3px #58412e;
  padding: 10px;
}
.col1 {
  padding: 9px 5px 5px 15px;
}

.cart_table h5 {
  margin:0;
  font-weight: 600;
}
.cart_table img {width:25px;}
.col1, .item_col1 {
  width: 10%;
}
.col2, .item_col2 {
  width: 20%;
}
.col3, .item_col3 {
  width: 35%;
}
.col4, .item_col4 {
  width: 20%;
}
 
.item_col1, .item_col2, .item_col3, .item_col4 {
  display: block;
  text-align: left;
  float: left;
  height: 60px;
  background: #fff;
  box-shadow: 1px 0px 3px #a49488;
  -moz-box-shadow: 1px 0px 2px #a49488;
  -webkit-box-shadow: 1px 0px 3px #a49488;
  padding: 10px;
}

td.result_cart p {
  margin: 5px;
  padding: 0 20px 0px 0;
  float: left;
}
td.result_cart.cart_price p, td.result_cart.cart_total p {
  text-align: right;
  float: right;
}
.secondary {
  clear: left;
}

td.result_cart img {
  float: left;
  overflow: hidden;
  height:60px;
  width:80px;
  padding: 0px;
  margin: 0;
}
.item_col4 .saleprice {
  padding-left: 0;
}
.item_col1 .button  {
  margin-top: 10px;
}
.remove {
  clear: left;
  float: left;
  padding-top: 15px;
  font-size: 9px;
  color: #666;
}
#cart_total .item_col1, #cart_total .item_col2, #cart_total .item_col3, #cart_total .item_col4 {height: 80px;}

#cart_total p {
  text-align: right;
  float: right;
  padding: 5px 25px 0 0;
  margin: 0;
  font-weight: 500;
  line-height: 1.7;
  clear: both;
}
#js_total_savings {
  color: #732727;
}
#js_total_cost, .total {
  font-size: 16px;
  font-weight: 700 !important;
  clear: both;
}
.cart_form {
  margin: 30px 0 0 0;
}

.thankYou {
 background-color: #f2efe4;
  padding: 10px 40px 20px;
  margin: 0 0 40px 0;
  box-shadow: 0 0px 2px 1px #58412E;
  -webkit-box-shadow:0 0px 15px 2px #58412E inset;
  -moz-box-shadow: 0 0px 15px 2px #58412E inset;
  -ms-box-shadow: 0 0px 15px 2px #58412E inset;
  -o-box-shadow: 0 0px 15px 2px #58412E inset;
}
.thankYou p {
  font-size: 14px;
}
.thankYou p:last-child {
  font-weight: bold;
}
/* ===================================================
    Buttons, Tooltips, Address links styled as buttons ================== */

.loading {
  width:100px;
  height:100px;
  padding: 50px;
  background:#3e2e21;
  position:fixed;
  top:50%;
  left:50%;
  margin-top:-50px; 
  margin-left:-50px;
  z-index: 100;
}

.ajaxerror {
  background-color: #732727;
  position: fixed;
  left: 15px;
  top: 15px;
  color: #fff;
  margin: 10px;
  padding: 10px;
}
a.btnAddRug {
  color:#c7b299;
  background-color:#58412E;
  text-align:center;
  padding: 3px 5px;
  border:1px dotted #c7b299;
  outline:2px solid #3e2e21;
  margin: 10px;
  text-decoration: none;
  line-height: 30px;
}

a.btnRemoveRug {
  color:#c7b299;
  background-color:#58412E;
  text-align:center;
  padding: 3px 5px;
  border:1px dotted #c7b299;
  outline:1px solid #3e2e21;
  margin: 10px;
  text-decoration: none;
  line-height: 30px;
}
.button {
  margin: 15px 0 0 0;
}
.button a:hover, .button a:active {
  color: #fff;
  border: 1px dotted #fff;
  outline:2px solid #3e2e21;
  text-decoration: none;
}

.button_add {
  display: block;
  width: 89px;
  height: 89px;
  text-indent: -9999px;
}
.button_add a {
  display: block;
  width: 100%;
  height: 100%;
  background:transparent url("../images/button_add.png") no-repeat top left;
  outline: none;
}

.button_add a:hover, .button_add a:active {
  background-position: top right;
}

.button_remove {
  display: block;
  width: 89px;
  height: 89px;
  text-indent: -9999px;
}
.button_remove a {
  display: block;
  width: 100%;
  height: 100%;
  background:transparent url("../images/button_remove.png") no-repeat top left;
  outline: none;
}

.button_remove a:hover, .button_remove a:active {
  background-position: top right;
}

/* shopping cart buttons */
#result_cart .cartRemove img {
  width: 45px;
  height: 42px;
}
.button_cartRemove, .button_cartAdd {
  display: block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
}

.button_cartRemove a {
  display: block;
  width: 100%;
  height: 100%;
  background:transparent url("../images/button_cart_addrem.png") no-repeat top left;
  opacity: 0.5;
  outline: none;
  margin-top: -10px;
}

.button_cartRemove a:hover, .button_cartRemove a:active {
  background-position: top left;
  opacity: 1;
}
.button_cartAdd a {
  display: block;
  width: 100%;
  height: 100%;
  background:transparent url("../images/button_cart_addrem.png") no-repeat bottom left;
  outline: none;
}

.button_cartAdd a:hover, .button_cartAdd a:active {
  background-position: bottom left;
}

/* Search Return on multiple pages */
#result_total.result_mobile {display: none;}

.search_return {
  display:block;
  width:200px;
  height: 33px;
  text-indent:-9999px;
  margin:0 0 20px 10px;
}
.search_return a {
  display:block;
  width:100%;
  height:100%;
  background:transparent url("../images/button_search_current.png") no-repeat top left;
  outline:none;
}
.search_return a:hover {
  background-position:bottom left;
}
.search_return a:active {
  background-position: bottom left;
}

/* buttons on Search Results page */
.search_total_forward, .search_total_back {
  display:block;
  width:28px;
  height: 27.5px;
  text-indent:-9999px;
  background:transparent url("../images/button_search_total.png") no-repeat;
}
.search_total_back {
  margin: 8px 0 0 0;
}

.search_total_forward {
  float: right;
  margin: 8px 20px 0 0;}

.featured .search_total_forward {
  margin: 0;
  float: right;
}

.search_total_forward p, .search_total_back p {
  padding:10px;
}
.search_total_forward a {
  display:block;
  width:100%;
  height:100%;
  background:transparent url("../images/button_search_total.png") no-repeat top right;
  outline:none;
}
.search_total_forward a:hover {
  background-position:bottom right;
}
.search_total_forward a:active {
  background-position: bottom right;
}


.search_total_back a {
  display:block;
  width:100%;
  height:100%;
  background:transparent url("../images/button_search_total.png") no-repeat top left;
  outline:none;
}
.search_total_back a:hover {
  background-position:bottom left;
}
.search_total_back a:active {
  background-position: bottom left;
}
#pagenavLocation {
  position: relative;
  bottom: 0;
}
.pagenav {
  background-color: #F2EFE4;
  border: 1px dotted #f2f2f2;
  border-width: 1px 1px 0 1px;
  box-shadow: 0 -1px 2px 1px #58412E;
  -webkit-box-shadow:0 -1px 2px 1px #58412E;
  -moz-box-shadow: 0 -1px 2px 1px #58412E;
  -ms-box-shadow: 0 -1px 2px 1px #58412E;
  -o-box-shadow: 0 -1px 2px 1px #58412E;
    border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius:6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  display: block;
  float: right;
  margin: 0 10px;
  padding: 10px 0 10px 10px;
  width: 206px;
 clear: both;
}
.pagenav .search_total_back, .pagenav .search_total_forward {
  margin: 0 15px;
  float: left;
}
.pagenav p {
  float: left;
  margin: 5px 0;
}
.search_total_forward a.hide, .pagenav .search_total_forward a.hide {
  display:block;
  width:100%;
  height:100%;
  background:transparent url("../images/button_search_total.png") no-repeat top right;
  outline:none;
}

.search_total_forward a.hide:hover, .pagenav .search_total_forward a.hide:hover {
  background:transparent url("../images/button_search_total.png") no-repeat top right;
  cursor: default;
}

/* --- Search Filter -- */

.search_filter {
  float: left;
  clear: left;
  box-shadow: 0px 0px 5px #f2f2f2 inset;
  background: #c7b299;
  background-image: url("../images/bg_filter2.png");
  height: 100%;
  padding: 10px;
  margin: 10px;
  font-size: 12px;
}
legend {
  font-weight: bold;
  padding: 4px 4px 6px 4px;
}

.search_filter label {
  clear: both;
  display: block;
  margin-bottom: 5px;
}

.search_filter input {
  padding: 5px;
}

fieldset {
  border-bottom: 1px dotted #58412E;
  clear: left;
  margin: 0 0 20px;
  padding: 10px;
  width: 180px;
}
fieldset:last-child {border: none;}
.beginSearch h2 {
  font-size: 24px;
  margin: 10px;
}
.mobileShow {display: none;}

.searchAnchor {
  position: relative;
}
.tooltip {
	background: #f2efe4;
	margin:8px;
	padding:8px;
	position: absolute;
	top: 20px;
	left: 40px;
	z-index: 2;
	box-shadow: 0px 0px 2px #58412e;
	width: 140px;

}

.searchHint {
  cursor: pointer;
}

/* === Form Typography === */
.form_hint, .required_notification {font-size: 11px;}

/* === Form List Styles === */
.cart_rug_request ul {
  list-style-type:none;
  list-style-position:outside;
  margin:0px;
  padding:0px;
}
.cart_rug_request li{
  padding:12px; 
  border-bottom:1px solid #eee;
  position:relative;
}
.cart_rug_request li p {margin: 0;}
.cart_rug_request li:first-child, .cart_rug_request li:last-child {
  border-bottom:1px solid #a49488;
}

/* === Form Header === */
.cart_rug_request h2 {
  margin:0;
  display: inline;
}
.required_notification {
  font-size: 11px;
  color: #732727;
  margin:5px 0 0 0;
  display:inline;
  float:right;
}
.cart_rug_request h4 {
  margin: 30px 0 0;
}

/* === Form Elements === */
.cart_rug_request label {
  width:150px;
  margin-top: 3px;
  display:inline-block;
  float:left;
  padding:3px;
}

.cart_rug_request input {
  height:20px; 
  width:220px; 
  padding:5px 8px;
}
.cart_rug_request input[type="checkbox"] {
  width: 40px;
  height: 40px;
  padding: 1px;
}
.questions {
  margin: 3px 0 3px -70px;
  vertical-align: middle;
}
.cart_rug_request textarea {padding:8px; width:90%;}
.button_submit {margin-left:156px;
  display:block;
  width:104px;
  height:33px;
  border: none;
  background:transparent url("../images/button_submit.png") no-repeat top left;
  text-indent: -9999px;
}
.button_submit:hover, .button_submit:active {
  background:transparent url("../images/button_submit.png") no-repeat bottom left;
}

  /* form element visual styles */
  .cart_rug_request input, .cart_rug_request textarea { 
  border:1px solid #a49488;
  box-shadow: 0px 0px 3px #a49488, 0 10px 15px #f2f2f2 inset;
  border-radius:2px;
  padding-right:30px;
  -moz-transition: padding .25s; 
  -webkit-transition: padding .25s; 
  -o-transition: padding .25s;
  transition: padding .25s;
  }

.cart_rug_request input:focus, .cart_rug_request textarea:focus {
  background: #fff; 
  border:1px solid #3e2e21; 
  box-shadow: 0 0 3px #a49488; 
  padding-right:70px;
}

 .cart_rug_request input .questions {
  border: none;
  box-shadow: none;
 }
 
 
 /* === HTML5 validation styles === */	
.cart_rug_request input:required, .cart_rug_request textarea:required {
  background: #fff url(../images/red_asterisk.png) no-repeat 98% center;
}
.cart_rug_request input:required:valid, .cart_rug_request textarea:required:valid {
  background: #fff url(../images/valid.png) no-repeat 98% center;
  box-shadow: 0 0 5px #a49488;
  border-color: #979148;
}
.cart_rug_request input:focus:invalid, .cart_rug_request textarea:focus:invalid {
  background: #fff url(../images/invalid.png) no-repeat 98% center;
  box-shadow: 0 0 5px #be3018;
  border-color: #732727;
}

/* === Form hints === */
.form_hint {
  background: #be3018;
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  margin-left:8px;
  padding: 1px 6px;
  z-index: 999; /* hints stay above all other elements */
  position: absolute; /* allows proper formatting if hint is two lines */
  display: none;
}
.form_hint::before {
  content: "\25C0";
  color:#732727;
  position: absolute;
  top:1px;
  left:-6px;
}
.cart_rug_request input:focus + .form_hint {display: inline;}
.cart_rug_request input:required:valid + .form_hint {background: #979148;}
.cart_rug_request input:required:valid + .form_hint::before {color:#979148;}
	
/* === Button Style === */

 button.search_form {
  display:inline;
  width:28px;
  height: 27.8px;
  text-indent:-9999px;
  background:transparent url("../images/button_search_total.png") no-repeat top right;
  outline: none;
  border: none;
  padding: 0;
  margin-left: 30px;
}
 button.search_form:hover {
  background:transparent url("../images/button_search_total.png") no-repeat bottom right;
 }
button.search_form.go1 {
  margin: -35px 5px 0 0;
  float: right;
}

.arrow {
  cursor: pointer;
}
.arrow img {width: 16px;}
.button_login {
  margin:20px 20px;
  display:block;
  width:104px;
  height:33px;
  border: none;
  background:transparent url("../images/button_login.png") no-repeat top left;
  text-indent: -9999px;
}
.button_login:hover, .button_login:active {
  background:transparent url("../images/button_login.png") no-repeat bottom left;
}
/* =============================================================================
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
  ============================================================================*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* =============================================================================
    Lightbox User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
  ============================================================================*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#000;}
        #cboxTitle{position:absolute; top:-20px; left:10px; color:#fff; font-size: 14px; line-height: 150%;}
	#cboxTitle a{color: #fff; text-decoration: underline;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}

/* ================================================================
    Generic Rules for all pages   ================================= */
.hrAside {
  display: block;
  height: 10px;
  border: none;
  background-image: url("../images/bg_line_226.png");
}
.hidden {
  display: none; visibility: hidden;
}

.clear {
  clear: both;
}
.top {
  margin-top: 0px;
}
.topSpace {
  margin-top: 30px;
}
.bottomSpace {
  margin-bottom: 30px;
}

.alignl {
  text-align: left;
}
.alignr {
  text-align: right;
}
.alignCenter {
  text-align: center;
}
.imgStyle {
  padding: 5px;
  background-color: #fff;
  border: 1px solid #ccc;
}

.social {
  position: absolute;
  background-color: #f2efe4;
  height: 42px;
  margin: -22px 0 0px 600px;
  padding: 5px;
  width: 92px;
  border: 1px solid #a49488;
  border-width: 0 1px 1px 1px;
  box-shadow: 0 1px 2px 1px #58412E;
  -webkit-box-shadow:0 1px 2px 1px #58412E;
  -moz-box-shadow: 0 1px 2px 1px #58412E;
  -ms-box-shadow: 0 1px 2px 1px #58412E;
  -o-box-shadow: 0 1px 2px 1px #58412E;
    border-radius: 0px 0px 6px 6px;
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius:0px 0px 6px 6px;
  -ms-border-radius: 0px 0px 6px 6px;
  -o-border-radius: 0px 0px 6px 6px;
}

.social.thank {
  margin-left: 580px;
}
.social button {
  border: none;
  background: none;
  padding: 0;
}
.social img {width:42px;}
/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

.printAll {display: none; visibility: hidden;}

.clearfix:before,  
.clearfix:after {  
  content: " ";  
  display: table;  
}  
.clearfix:after {  
  clear: both;  
}  
.clearfix {  
  *zoom: 1;  
}  

/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   ========================================================================== */


 /* iPads (portrait and landscape) ----------- */
 @media screen and (max-width: 978px) {
  #wrapper {background-position: left 70px; margin: 5px auto;}
  .grid9 {margin-left:0px; width: 100%;}
  .container {width: 726px;}
  .social {margin: -75px 0 0 600px;}
  #content {margin-top: 60px;}
  #footerPage {margin: 0px;}
  
aside.grid3 {width: 726px; margin-top: 74px; position: absolute; z-index: 99;}
.nav {
  float: right;
  height: auto;
  margin: 0;
  }
.nav ul {
margin: 0;
padding: 0;
font-weight: bold;
list-style: none outside none;
text-align: center;
  }
.nav ul li {  
display: inline-block;
text-align: left;
}  
.nav li a {  
color: #fff;
display: block;
padding: 15px 10px;
  border-bottom: 1px solid #732727;  
}
.searchNav {float: left; position: relative;}
.search_filter {
  margin: 5px;
}
.anchor-link {
    background-color: #58412e;
    color: #FFFFFF;
    display: none;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 20px;
}
#search-toggle.anchor-link {
  background: url("../images/bg_filter2.png") repeat scroll 0 0 #C7B299;
  color: #000;
  box-shadow: 1px 1px 2px #58412E;
  width:190px;
} 
a.anchor-link:after {  
        content: url("../images/icon_menu.png");  
    }  
#search-toggle.anchor-link:after {
        content: url("../images/button_arrow.png");  
    } 
.anchor-link:hover {color: #FFFFFF;}

.nav > ul, #form-open {
    display: none;
    padding: 0;
}
.beginSearch {display: none;}
.anchor-link, #mobile-nav {
    display: block;
}

.search_filter {
  background: none;
  margin: 0;
  padding: 0;
}
#form-open.open {
  display: block;
  margin: 0;
    padding: 10px;
    position: absolute;
    z-index: 500;
    height: auto;
    box-shadow: 1px 1px 2px #58412E;
      background: url("../images/bg_filter2.png") repeat scroll 0 0 #C7B299;
}

.nav ul.open {
    background-color: #f2efe4;
    box-shadow: 1px 1px 2px #58412e;
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 1px;
    top: 40px;
    width: 180px;
    z-index: 500;
}
.nav ul.open li {
    display: block;
    list-style: none outside none;
    text-align: center;
}
.nav ul.open li a {
    border-bottom: 1px solid #c7b299;
    display: block;
    padding: 20px 10px;
    text-decoration: none;
    color: #000;
}
.nav ul.open li a:hover {
    color: #be3018;
}



.social, .zoom {display: none;}

.mobileShow {
  display:block;
  background-color: #c7b299;
  border-radius: 0px 0px 6px 6px;
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius:0px 0px 6px 6px;
  -ms-border-radius: 0px 0px 6px 6px;
  -o-border-radius: 0px 0px 6px 6px;
}

.asideMobile {
  margin-top: 10px;
  float: left;
}
.similar_rugs {display: none;}
.mobile {display: none;}

  }
  

/*--------  iPad (portrait) ----------*/
 @media screen and (max-width: 720px) {
  .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9 {margin: 0;}
  .grid3, .grid4, .grid5, .grid8 {width:auto;}
  .container {width: 420px; margin:0 auto; padding: 0 15px;}
  #content {margin-top: 60px;}
  aside.grid3 {width: 420px;}
/*  .logoRugs {display: none;} */
  .phone {padding-left: 80px;}
  .social {margin: -75px 0 0 600px;}
  #footerPage {margin: 0px; height: 100%;}
  #footerPage a {line-height:200%;}
  .footerLinks, .footerTTV, .footerAddress {width: auto;}


  
#slides .panes {
  width: 100%;
  height: 200px !important;
}
#slides .panes h1 {top: 100px; margin: 0; font-size: 30px;}
#slides .panes p {display: none;}
#js_featuretabs {display: none;}

.featured h2 {width: 68%;}
button.css3button {padding: 10px;}
.scrollable .result_item {width: 185px; margin: 0 0 10px 10px;}
.items {margin-left: -10px;}
.rug_img {width: 185px; height: 100px;}
#actions {width:420px; margin-left: 0;}

#result_total.result_desktop {display: none;}
#result_total.result_mobile {display: block;}
#result_total {padding-left: 10px;}
#result_total div {margin-right: 10px;}
#result_items .result_item {width: 98%; padding: 0; margin-bottom: 20px; height: auto;}
#result_items .rug_img {
  width: 45%;}
#result_items .rug_description {
  clear:right;
  float:left;
  width: 53%;
  margin-left: 2%;
}
.search_total_forward {
  margin: 8px 0 0 0px;
  width: 28px;
  float: right;}
.rug_pages {display: none;}
.rugs_found {width:65%;}


.rug_detail {height: 200px;}
.purchaseButton {float: left;}
.purchase p {margin-right: 5px;}

.item_col1, .item_col2, .item_col3, .item_col4 {height: 80px;}
.col2, .item_col2 {width: 15%;}
#cart_total p {padding: 0;}

td.result_cart p {
  padding:0;
  margin: 0 5px;}
.cart_total p {padding: 5px 0 0;}

.cart_form {margin: 20px 0;}
.cart_rug_request h2 {display: block;}
.required_notification {float: none;}
.cart_rug_request label {width: 100%;}
.cart_rug_request li {padding: 8px;margin-bottom: 0;}
.cart_rug_request input {width: 90%;}
.cart_rug_request input[type="checkbox"] {
  height: 30px;
  width: 30px;
  margin: 0;
}
.cart_rug_request input:focus, .cart_rug_request textarea:focus {
  padding-right: 30px;
}
.form_hint {position: relative;}
.form_hint:before {display: none;}

.button_submit {margin-left: 0;}
 }


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 479px) {
/* Styles */
#wrapper {background-position: left 90px;}
  .container {width: 96%; margin:0 auto; padding: 0 10px;}
  #content {margin-top: 60px;}
  aside.grid3 {width: 96%; margin-top: 54px;}
 .logoRugs {width: 70%;}
 .logoRugs img {
	 width: 160px;
	 margin-bottom: -12px;
 }
  .phone {display:none;}
  .social {margin: -75px 0 0 600px;}
  #footerPage {margin: 0px; height: 170%;}
  #footerPage a {line-height:200%;}
  .footerTTV, .footerAddress {padding-left: 0;}

#slides .panes {height: 140px !important;}
#slides .panes h1 {
  margin: 0;
  font-size: 24px;
  top: 80px;
}
.mobile-small {display: none;}
.featuredButton {margin-bottom: 30px;}

#result_total {padding-left: 10px;}
#result_total div {margin-right: 10px;}

#result_items .clear {float: left;}
.result_item h3, .items h3 {clear: left;}
.result_item p, .items p {clear: both;}
a.sku {float: left; width: 180px;}
.search_total_forward {margin: 8px 0 0 0px; width: 28px;}
.cart_rug_request input, .cart_rug_request textarea,.cart_rug_request input:focus, .cart_rug_request textarea:focus {
  padding-right: 0;
}
.col2, .item_col2 {display: none;}
.col4, .item_col4 {width: 30%;}

}

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
/* -- Hide screen specific elements -- */
a.print-preview, #footerPage,
.footerContent, aside, #result_total,
.loginbanner, .social, .clip img,
.clip2 img, .cart, .button, .print, .call,
.pagenav, .zoom, .thankYou
{display: none;}

/* -- Typography -- */
*, body {
    background: #FFF !important;
    color: #000 !important;
    font: 12px Verdana, Geneva, sans-serif;
    line-height: 1.2;
    text-shadow: none !important;
    filter:none !important;
    -ms-filter: none !important;
    box-shadow: none !important;
}
#content {margin-left: 10px;}

p, table, ul, ol, dl, blockquote, pre, code, form {
    margin: 0 0 1em;
}

h1 {font-size: 28px;  margin: 0 0 0.5em 0;}
h2 {font-size: 18px; line-height: 1.2;}
h3, p.rug_description_title {font-size: 18px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}

h1,h2,h3,h4,h5 {font-weight: normal;}

 

/* -- Add message re print -- */
#content:before {
    content: "Call us at 717-721-8800 Monday-Thursday 10-6, Friday 10-9, Saturday 10-5 EST";
    display: block;
    border: 1px solid #000;
    border-width: 0 0 2px 0;
    font-style: italic;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 1em;
    padding: 8px 0px;
}
  a, a:visited { color: #732727 !important; text-decoration: underline; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }

.result_item, .items {
    border: none;
    float: left;
    height: auto;
    margin: 0 10px 20px;
    padding: 10px;
    width: 200px;
}
}