﻿

#bodyTop { height: 40px; width: 960px; background: url('/img/headerMenuBg4.gif') no-repeat; overflow: hidden; }
.bodyMiddle { background: url('/img/bodyMiddle4.gif') repeat-y; padding: 0px 5px; }
#bodyBottom { height: 40px; width: 960px; background: url('/img/footerBg3.gif') no-repeat; overflow: hidden; }
#hd { height: 96px; overflow: hidden; }
#leftCol { float: left; width: 750px; background-color: #fff; }
#rightCol { float: left; width: 200px; background-color: #E2F3FD; }
#backTop { border-top: solid 1px #eee; margin-top: 10px; }

.menuHdng { padding: 2px 0px 8px 6px; font-size: 13.2pt; }

.menu { overflow: hidden; margin-top: 1px; border: solid 1px #e2f3fd; float: left; padding: 4px;  }
.menu a, .menu a:visited, .menu a:link, .menu a:active { color: #666; display: block; }
.menu:hover { background-color: #ffffcc; }
.menu a:hover { color: #cc0000; }
.menu.selected { background-color: #fff; border-color: #ddd; }
.menu.selected a { color: #aaa; font-weight: bold; }

.menuCS { width: 82px; height: 28px; font-size: 13px; text-align: left; }
.menuCS a span { padding: 3px 0px 3px 6px; display: block; }
.menuCS img { height: 28px; width: 28px; float: left; margin-right: 6px; }

.menuCol { height: 106px; padding: 0px; width: 92px; font-size: 8pt; line-height: 11pt; }
.menuCol img { height: 71px; width: 78px; margin: 6px 7px; }
.menuCol a span { padding: 0px 0px 4px 0px; display: block; text-align: center; }

.menuDesign { height: 80px; padding: 0px; width: 92px; font-size: 8pt; line-height: 11pt; padding-bottom: 5px;  }
.menuDesign img { height: 50px; width: 78px; margin: 6px 7px; }
.menuDesign a span { padding: 1px 0px 4px 0px; display: block; text-align: center; }
.colText { padding: 0px 10px 8px 6px; font-size: 11pt; }
.colDesc, .colContent  {  padding: 12px 0px 10px 9px; line-height: 15pt; border-top: solid 1px #fff; border-bottom: solid 1px #C8E8FB; }
.colDesc { padding-bottom: 8px; }
.colCart { margin: 0px 10px 0px 4px; border-bottom: solid 1px #ccc; padding-bottom: 4px; }
h1 { font-size: 26pt; margin: 20px 24px; padding: 0px; line-height: 32pt; color: #71acc8; font-weight: normal; }
h2 { font-size: 16pt; padding: 6px; line-height: 20pt; color: #888; font-weight: normal; }
h3 { font-size: 12pt; margin: 5px 6px 14px 6px; padding: 0px; line-height: 12pt; color: #888; }
.main { }

.w112 { width: 112px; }
.w120 { width: 136px; }

.pb2 { padding-bottom: 2px; }
.mt8 { margin-top: 8px; }
.mt12 { margin-top: 12px; }
.ml20 { margin-left: 20px; }
.pt1 { padding-top: 1px; }
.pt2 { padding-top: 2px; }
.mb8 { margin-bottom: 8px; }

.bbgry { border-bottom: solid 1px #999; }

.w620 { width: 620px; }

.rugHolder { padding-left: 30px; margin-top: 5px; }
.rug { float: left; padding: 5px 30px 15px 0px; width: 210px; text-align: center; position: relative; }
.rug.end { padding-right: 0px; }
.rug a { color: #a8a8a8; font-size: 11px; text-align: center; }
.rug a:hover { color: #cc0000; }
.rug .listingRug { width: 210px; height: 140px; margin-bottom: 5px;  }
.rug:hover {  }

#listHeader {  }
#listHeader h1 { margin: 0px; color: #888; font-size: 22pt; padding: 16px 0px 6px 16px;  }

#pageHeader { width: 600px; height: 260px; background: url(/img/heading_bg.gif) repeat-x; }
#pageHeader .left { float: left; width: 220px; height: 260px; }
#pageHeader .left img { height: 260px; width: 220px; }
#pageHeader .right { float: left; width: 380px; }
#pageHeader h1 { margin: 0px; text-align: center; color: #006699; font-family: Georgia, Times, Times New Roman; }
#pageHeader h1.single { font-size: 24pt; padding: 50px 0px 20px 0px;  }
#pageHeader h1.double { font-size: 20pt; padding: 35px 0px 20px 0px; line-height: 24pt;  }

.smenu { float: right; padding: 12px 16px 0px 0px; width: 156px; height: 26px; overflow: hidden; }

.hmenu { padding: 100px 0px 0px 12px; height: 35px; width: 100%; overflow: hidden; float: left; }
.hmenu div { float: left; padding: 12px 13px 4px 13px;  height: 21px; border-right: solid 1px #6CA6C3; }
.hmenu a { color: #fff; font-size: 13px; font-weight: bold; }
.hmenu a:hover { color: #ffffcc; border-bottom: dashed 1px #ffffcc;  }
.hmenu .selected a { color: #ffff99;  }
.hmenu .selected { background: url(/img/headerMenu_selected.gif) no-repeat bottom center; }

.rHead { width: 250px; margin: 3px 0px 0px 19px;  }

.headerCart { float: right; background: url(/img/cartBg4.gif) no-repeat top center; margin: 14px 2px 0px 0px; height: 82px; width: 420px; }
.headerCart .cartInfo { float: left; margin: 25px 0px 0px 12px; width: 322px; height: 32px; }
.headerCart .cartShipping { float: left; width: 86px; height: 82px; }

.cb { clear: both; }

.sectionHeader { background-color: #eee; border-bottom: solid 1px #fff; margin: 20px 20px 15px 20px; }
.sectionHeader h2 { color: #006688; font-size: 14pt; padding-left: 14px; width: 450px; }
.sectionHeader div { margin: 5px 5px 0px 0px; }

.viewCart { float: left; width: 80px; height: 30px; background: url(/img/viewCart2.gif) 0 0 no-repeat; margin-left: 0px; overflow: hidden; }
.viewCart:hover {  background-position: 0 -30px; }  
.checkout { float: left; width: 102px; height: 30px; background: url(/img/checkout2.gif) 0 0 no-repeat; margin-left: 2px; overflow: hidden; }
.checkout:hover {  background-position: 0 -30px; }  

.rugBtnLeft { float: left; width: 44px; height: 44px; background: url(/img/rugBtnLeft.gif) 0 0 no-repeat; overflow: hidden; }
.rugBtnLeft:hover {  background-position: 0 -44px; }  
.rugBtnRight  { float: left; width: 44px; height: 44px; background: url(/img/rugBtnRight.gif) 0 0 no-repeat; overflow: hidden; }
.rugBtnRight:hover {  background-position: 0 -44px; }  

.rug_ViewPrices { width: 269px; height: 54px; background: url(/img/rug_ViewPrices.gif) 0 0 no-repeat; margin: 12px 0px 12px 8px; }
.rug_ViewPrices:hover {  background-position: 0 -54px; }  

.moreRugs { background: url(/img/moreRugs_bg.gif) bottom left repeat-x; height: 34px; padding: 24px 16px 0px 12px;  text-align: right; }

.bb_ltgry { border-bottom: solid 1px #eee; margin-bottom: 5px; }
.pb5 { padding-bottom: 5px; }

.shapeMenuStart { background-color: #eee; }
.shapeMenuStart div { float: left; font-size: 15pt; text-align: left; width: 198px; border: solid 2px #fff; border-left: none; border-top: none; }
.shapeMenuStart a, .shapeMenu a:visited, .shapeMenu a:link, .shapeMenu a:active { color: #006699; }
.shapeMenuStart div:hover { background-color: #ffffcc; }
.shapeMenuStart a:hover { color: #cc0000; }
.shapeMenuStart img { margin: 6px; float: left; }
.shapeMenuStart a span { padding: 20px 0px 15px 10px; display: block; }

.shapeMenu { background-color: #e5e5e5; border-bottom: solid 6px #666; }
.shapeMenu div { float: left; padding: 2px; font-size: 13px; font-weight: bold; text-align: center; border-left: solid 1px #fff; border-right: solid 1px #ccc; }
.shapeMenu a, .shapeMenu a:visited, .shapeMenu a:link, .shapeMenu a:active { color: #666; }
.shapeMenu div:hover { background-color: #ffffcc; }
.shapeMenu a:hover { color: #cc0000; }
.shapeMenu img { margin: 0px 0px 6px 0px; }

.shapeMenu div.selected { background-color: #666; }
.shapeMenu div.selected a, .shapeMenu div.selected a:visited, .shapeMenu div.selected a:link, .shapeMenu  div.selected a:active { color: #fff; }
.shapeMenu div.selected:hover { background-color: #666; }
.shapeMenu div.selected a:hover { color: #fff; }

.rugImg { margin: 5px 0px 5px 5px; padding: 3px; float: left; background-color: #fff; }

.content { font-size: 105%;  line-height: 140%; }

.shapeItem.selected { background-color: #ffffcc; }

.shapeItem { padding: 8px 0px 8px 0px;  }
.shapeHolder { width: 100%; overflow: auto; }
.shapeImg { float: left; width: 54px; height: 54px; position: relative; top: 24px; left: -26px; }
.swatch { float: left; width: 170px; height: 90px; margin: 4px 0px 0px 0px; }
.shapeDetails { float: left; padding: 6px 0px 6px 0px; width: 478px;  }

.shapePrice { float: left; width: 478px; }
.variantCompetitors { float: left; margin: 23px 0px 0px 14px; font-size: 13px; font-style: italic; color: #fff; width: 50px; text-align: center; }

.shapeBoth { width: 239px; float: left; height: 97px; }

.variantName { font-size: 130%; font-weight: bold; padding-bottom: 6px; }
.variantPriceInner { position: relative; width: 40px; top: 24px; left: 5px; color: #fff; font-size: 15px; text-align: center; font-weight: bold; }
.variantPrice { position: absolute;  }
.variantPriceReg { position: relative; float: left; width: 70px; color: #767676; font-size: 16px; text-align: center; font-weight: bold;  }
.variantPriceDiscount { position: relative; float: left; width: 79px; color: #cc0000;  font-weight: bold; font-size: 16px; text-align: center; margin-left: 4px; }
.variantPriceUs2 { position: relative; width: 153px; top: 16px; left: 8px; color: #767676; font-size: 16px; text-align: center; font-weight: bold; }

.variantPriceOInner { position: relative; width: 40px; top: 24px; left: 5px; color: #fff; font-size: 15px; text-align: center; font-weight: bold; }
.variantPriceO { position: absolute;  }
.variantPriceOReg { position: relative; float: left; width: 70px; color: #767676; font-size: 16px; text-align: center; font-weight: bold;  }
.variantPriceODiscount { position: relative; float: left; width: 79px; color: #cc0000;  font-weight: bold; font-size: 16px; text-align: center; margin-left: 4px; }
.variantPriceOUs2 { position: relative; width: 153px; top: 35px; left: 8px; color: #767676; font-size: 16px; text-align: center; font-weight: bold; }

.variantShape { color: #999; }
.variantHeading { color: #777; }
.fs90 { font-size: 90% }
.fs70 { font-size: 70% }
.fs9 { font-size: 9px; }

#similarRugs { margin-top: 45px; }

/* Tab menu stuff */

ul.tbMnu, .tbMnu li {border:0; margin: 0; padding:0; list-style:none;}
ul.tbMnu {
border-bottom: solid 3px #97c2d7;
height:29px;
padding-top: 10px;
padding-left:0px;
}
.tbMnu li {float:left; margin-right:2px;}

li:first-child { margin-left: 6px; }

.tbMnu a:link, .tbMnu a:visited{
background:url(/img/tab-round.png) right 60px;
color:#666;
display:block;
font-weight:bold;
height:30px;
line-height:30px;
text-decoration:none;
}
.tbMnu a span{
background:url(/img/tab-round.png) left 60px;
display:block;
height:30px;
margin-right:10px;
padding-left:10px;
}
.tbMnu a:hover{
background:url(/img/tab-round.png) right 30px;
display:block;
}
.tbMnu a:hover span{
background:url(/img/tab-round.png) left 30px;
display:block;
}

/* -------------------------------- */
/* VERTICAL MENU */

ul.tbMnuVert, .tbMnuVert li {
	border:0; margin: 0; padding:0; list-style:none;
	}
ul.tbMnuVert {
	width: 150px; 
	padding: 0px;
}
.tbMnuVert li { 
border-bottom: dotted 1px #fff; 
background:url(/img/vertMenu.gif) no-repeat 0px center;
}

.tbMnuVert a:link, .tbMnuVert a:visited{
color:#666;
display:block;
font-weight:bold;
font-size: 110%;
line-height:40px;
text-decoration:none;
}
.tbMnuVert a span{
padding-left: 25px;
}
.tbMnuVert li:hover {
background-position: -150px center;
display:block;
}

.tbMnuVert li.selTab {
background-position: -300px center;
}
.tbMnuVert li.selTab a {
color: #fff;
}

/* -------------------------------- */
/* ACTIVE ELEMENTS */
.active a:link, .active a:visited, .active a:visited, .active a:hover{
background:url(/img/tab-round.png) right 0 no-repeat;
color: #fff;
}
.active a span, .active a:hover span {
background:url(/img/tab-round.png) left 0 no-repeat;
}

.p30 { padding: 30px; }

div.btnRight { float: right; width: 36px; height: 36px; margin-right: 4px; padding:0; background: url( '/img/button_right.gif' ) 0px -36px no-repeat; }
div.btnRight a { display: block; border: none; text-decoration: none; width:100%; height:100%; background: url( '/img/button_right.gif' ) top left no-repeat; }
div.btnRight a:hover { background-image: none; }

div.btnLeft { float: right; width: 36px; height: 36px; margin-right: 4px; padding:0; background: url( '/img/button_left.gif' ) 0px -36px no-repeat; }
div.btnLeft a { display: block; border: none; text-decoration: none; width:100%; height:100%; background: url( '/img/button_left.gif' ) top left no-repeat; }
div.btnLeft a:hover { background-image: none; }
    

.rugPadMenu img { margin-bottom: 5px; }
.rugPadMenu { margin-right: 6px; }
.hidden { display:none; }

.poplnk a { text-decoration: none; border: none;  font-size: 19pt; }
.poplnk h2 a:hover { color: #009922; background-color: #ffffcc; }

.mb28 { margin-bottom: 28px; }
.mb4 { margin-bottom: 4px; }
.mc { margin: 4px 0px 0px 6px; }
.mnd { margin: 10px 0px 0px 0px; }

.footerSeal { padding: 24px 12px; }

.tdu { text-decoration: underline; }
.m7 { margin: 7px 0px; } 


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	#rightCol { display: none; }

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
}