/* top nav */
.ytTopnavBarWapper{
    background-color: #2e8495;
    width:100%;
    display: inline-block;
}
.ytTopnavBar .br
{
    clear: both;
    float: none !important;
}
.ytTopnavBar
{
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-size:13px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    z-index: 1000;
    line-height: 35px;
    margin-bottom:-1px;
}
.ytTopnavBar li{
    color: #231f20;
    line-height: 32px;
}
.ytTopnavBar li .mega-name{
    text-align: center;
    font-weight: bold;
}
.ytTopnavBar li .mega-desc{
    line-height:20px;
}
.ytTopnavBar li .mega-img{
    margin-top:25px;
}
.ytTopnavBar li .mega-img img{ max-width:100%; height:auto;}
.sub0 > li.hovered{
    background: #f7f7f7;
    font-weight:bold;
    border-left:5px solid #9f0000;
    box-sizing: border-box;
    padding-left: 16px;
    margin-left:-1px;
}
.sub0 > li.hovered a{text-decoration: none;}
.ytTopnavBar a:link, .ytTopnavBar a:visited
{
    text-decoration: none;
    color: #000000;
    font-size: 14px;
}
.ytTopnavBar li.shop-all-link a{
    text-decoration: underline;
    color: #2e8495;
}
.ytA{position:relative; display: inline-block; font-family: 'Lusitana', serif;}
.ytA.selected{ background: transparent url(/lib/naturalarearugs/mega-hover.png) no-repeat bottom center;}
.ytA.ns.selected{ background: none;}
.ytTopnavBar .ytA a:link, .ytTopnavBar .ytA a:visited{
    text-decoration: none;
    color:#3a3a3a;
    font-size:14px;
    font-family: Arial;
    padding:0 30px;
}
/*.ytTopnavBar .ytA.selected a:link, .ytTopnavBar .ytA.selected a:visited{color: white;}*/
.ytB
{
    min-width:525px;
    /*min-height: 215px;*/
    background-color: white;
    /*width: 960px;
    height: 280px;*/
    display: none;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    padding: 0;
    position: absolute;
    left: 0;
    top: 26px;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    z-index:100000;
}
.ytB ul{ list-style: none; float: left; margin:0; padding:10px 0 0 0;}
    .ytB ul > li{ padding:0 20px;}
    .ytB ul.sub2 > li{ padding:0 20px 20px 20px;}
.ytB ul.sub0,
.ytB ul.sub1{
    width:200px;
}
.ytB ul.sub2{
    width:325px;
}
.ytB ul.sub1,
.ytB ul.sub2{  background: #f7f7f7; display: none;}

.ytB .sub a:link, .ytB .sub a:visited, .ytB .float a:link, .ytB .float a:visited
{
    color: #070707;
}
.ytB .sub a.more {
    color: #00AEEF;
    margin-top: 4px;
    font-weight: bold;
    text-transform: none;
}
.ytB a:hover
{
    text-decoration: underline;
}
.ytB .sub span, .ytB .float span {
    display: block;
    margin-top: 10px;
    color: #000000;
}
.ytB div.float {
    width: 160px;
    float: left;
}
.ytB b
{
    display: block;
    margin-bottom: 10px;
    color: #657ffa;
    font-size: 16px;
    text-transform: lowercase;
    font-weight: normal;
}

.ytB .sub {
    overflow-x: hidden;
}
.ytB .sub .links {
    display: block;
    height: 213px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* scrollable */
.scrollable {
    /* required settings */
    float:left;
    position:relative;
    overflow:hidden;
    width: 710px;
    height:265px;
}
.ytB .imageDiv { width: 450px; margin-left: 40px; }

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a 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;
	width: 142px;
	text-align: center;
	font-family: Arial;
	font-size: 10pt;
	background-color: White;
}*/

a.browse {
    background:url(//lib.store.yahoo.net/lib/yhst-94715171101240/scroll-arrows.png) no-repeat;
    display:block;
    width:25px;
    height:26px;
    float:left;
    margin:40px 10px;
    cursor:pointer;
    font-size:1px;
}

/* right */
a.right 				{ background-position: 0 0px; clear:right; margin-right: 0px;}
/* a.right:hover 		{ background-position:-30px -30px; } */
/* a.right:active 	{ background-position:-60px -30px; } */


/* left */
a.left				{ margin-left: 0px; background-position: 0 -26px }
a.left:hover  		{ background-position: 0 -26px; }
a.left:active  	{ background-position: 0 -26px; }
a.disabled {
    visibility:hidden !important;
}


.ytscroller {
    height: 254px;
    margin-right: 0px;
}
.sp {
    line-height: 13px;
    font-size: 11px;
}
.sp a:link, .sp a:visited {
    color: black;
    font-weight: bold;
    font-size: 11px;
}
.sp .scrollPrice {
    margin-top: 20px;
    font-size: 11px;
}
.sp .scrollPrice b {
    display: inline;
    font-size: 11px;
}
.sp .name {
    margin-top: 20px;
}
.ytScroller .ytBestseller {
    float: none !important;
    color: #282f6d;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 55px;
}