.fn-MainBox * {font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999;}

.fn-MainBox .fn-Title,
.fn-MainBox .fn-Title * {font: normal bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; letter-spacing: -0.03em;}

.fn-MainBox .fn-Title .fn-Title-material {color: #B46821;}
.fn-MainBox .fn-Controls {margin: 1em 0; }
.fn-MainBox .fn-Breadcrumbs {width: 160px; float: left;}
.fn-MainBox .fn-Breadcrumbs * {font-size: 14px; }
.fn-MainBox .fn-Breadcrumbs .title {color: #999; font-size: 14px; font-weight: bold;}
.fn-MainBox .fn-Breadcrumb-link {display: block; padding: 0.25em 0.5em 0.25em 16px; text-decoration: none; font-weight: bold;}
.fn-MainBox a.fn-Breadcrumb-link {color: #B5CBED; background: url(/assets/images/FloorNavigator/bg-undo.jpg) no-repeat 0 0.3em;}
.fn-MainBox a.fn-Breadcrumb-link:hover { color: #FFCC00; }

.fn-MainBox .fn-Breadcrumb-link.level0 {}
.fn-MainBox .fn-Breadcrumb-link.level1 {margin-left: 0.5em;}
.fn-MainBox .fn-Breadcrumb-link.level2 {margin-left: 0.75em;}
.fn-MainBox .fn-Breadcrumb-link.level3 {margin-left: 1em;}
.fn-MainBox .fn-Breadcrumb-link.level4 {margin-left: 1.25em;}
.fn-MainBox .fn-Breadcrumb-link.level5 {margin-left: 1.5em;}
.fn-MainBox .fn-Breadcrumb-link.level6 {margin-left: 2em;}
.fn-MainBox .fn-Breadcrumb-link.level7 {margin-left: 2.5em;}
.fn-MainBox .fn-Breadcrumb-link.level8 {margin-left: 3em;}
.fn-MainBox .fn-Breadcrumb-link.level9 {margin-left: 3.5em;}
.fn-MainBox .fn-Breadcrumb-link.level10 {margin-left: 4em;}
.fn-MainBox .fn-Breadcrumb-link.level11 {margin-left: 4.5em;}
.fn-MainBox .fn-Breadcrumb-link.level12 {margin-left: 5em;}
.fn-MainBox .fn-Breadcrumb-link.level13 {margin-left: 5.5em;}
.fn-MainBox .fn-Breadcrumb-link.level14 {margin-left: 6em;}
.fn-MainBox .fn-Breadcrumb-link.level15 {margin-left: 6.5em;}

.fn-MainBox .fn-AssociatedFeatures {padding-left: 160px; margin-bottom: 10px;}
.fn-MainBox .fn-AssociatedFeatures * {font-size: 12px;line-height: 1.6em;}
.fn-MainBox .fn-AssociatedFeatures .title {font-size: 14px; color: #999;  font-weight: bold;}

.fn-MainBox .fn-AssociatedFeaturesList {position: relative;}
.fn-AssociatedFeaturesList table { margin: 10px 0; position: absolute; top: -35px; margin-left: 140px; }
.fn-AssociatedFeaturesList table +table { margin-top: 0; }
.fn-AssociatedFeaturesList table td {padding: 0.25em 0.25em 0.25em 0; vertical-align: top;}
.fn-AssociatedFeaturesList * select {width: 200px;}

.underFeaturesDirections {margin-left: 114px; padding: 10px 10px 10px 30px; text-align: left; background: url(/assets/images/FloorNavigator/ico-arrow-pointer.jpg) no-repeat top left;}

.fn-MainBox .fn-Banner {margin: 50px 0;}
.fn-MainBox .fn-Banner img {display: block; width: 500px; margin: auto;}



.fn-ResultHeading {height: 60px; background:url(/assets/images/FloorNavigator/bg-ResultsHeading.jpg) repeat-x bottom left;}
.fn-ResultHeading,
.fn-ResultHeading * {font: normal bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #bbb;}

.fn-ResultsPerPage {float: left;}
.fn-ResultsPerPage * {float:left;}
.fn-ResultsPerPage-links {margin-left: 10px;}
.fn-ResultsPerPage-links * {padding: 0 4px; float: left; border:1px solid #fff;}
.fn-ResultsPerPage-links .first-child {background-image: none;}
.fn-ResultsPerPage-links .current {color: #B46821;}
.fn-ResultsPerPage-links a {color:#B5CBED; text-decoration:none;}
.fn-ResultsPerPage-links a:hover {border-color: #FFCC00; color:#FFCC00;}

.fn-ResultPageTally {  margin-left: auto; text-align: right; }

.fn-ResultList { width: 660px; margin: 0 auto; background: url(/assets/images/FloorNavigator/bg-ResutList-row.png) repeat-x bottom left; }
.fn-ResultList.wide0 {width: 900px;}

.fn-ResultList-row {
background: url(/assets/images/FloorNavigator/bg-ResutList-row.png) repeat-x top left;
padding-top: 10px;
}

.fn-ResultList-item {float: left; width: 200px; margin: 10px;}

.fn-ResultList-item a {display: block; text-decoration: none; border: 1px solid #fff; min-height: 85px; _height: 85px;
					   background-repeat: no-repeat;
					   background-position: 8px 8px;
					   padding: 8px 8px 8px 68px;}
.fn-ResultList-item a:hover {border-color: #eee; background-color: #efe;}
.fn-ResultList-item .productName {font-weight: bold;}

.fn-ResultList-item .productPrice {display: block; font-weight: bold; margin-top: 1em; color: #A00001;}
.fn-ResultList-item .productPrice .priceSlug * {font-weight: bold; color: #A00001;}
.fn-ResultList-item .productPrice .priceSlug .dollars {font-size: 1.7em;}
.fn-ResultList-item .productPrice .priceSlug .cents {font-size:1.1em; vertical-align: super;}

.fn-ResultPagers { width: 300px; margin: 25px auto 50px auto; text-align: center; padding-top: 85px; background: url(/assets/images/layout/hdr-logo.png) no-repeat top center; }
.fn-ResultPagers * {padding: 0 4px; border:1px solid #fff; line-height: 1.4em;}
.fn-ResultPagers .c {color: #B46821;font-weight:bold;}
.fn-ResultPagers a.pager {color:#B5CBED; text-decoration:none;}
.fn-ResultPagers a.pager:hover,
.fn-ResultPagers.top a.pager:hover {border-color: #FFCC00; color:#FFCC00;}

.fn-ResultPagers.top {margin: 20px auto; padding-top: 0; text-align: center; background-image: none;}
.fn-ResultPagers.top a.pager {color: #9BAFCB;}


/* Storefront page Specific Rendering */
body.storefront .fn-MainBox {/*position: absolute; left: 68%; top: 235px;*/}
body.storefront .fn-MainBox .fn-AssociatedFeatures {padding-left: 0;}
body.storefront .fn-MainBox .fn-AssociatedFeatures .fn-AssociatedFeaturesList {
background: url(/assets/images/FloorNavigator/bg-storefront-widget.png) no-repeat top center #fff; padding: 50px 6px 40px 6px; border: 1px solid #b0a351;
}
body.storefront .fn-MainBox .fn-AssociatedFeatures .title {padding: 10px;}
body.storefront .fn-MainBox .fn-Controls {margin: 0; }

body.storefront .fn-StorefrontFeatures {}
body.storefront .fn-StorefrontFeatures * select,
.fn-StorefrontFeatures #fn_FeatureNames {
width: 186px;
margin: 4px 0;
}

#FloorNavigatorWidget {width: 186px; margin: 0 0 20px 20px;}
#FloorNavigatorWidget * {font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #888;}
#FloorNavigatorWidget .title {font-weight: bold; font-size: 14px; margin: 0 0 10px -10px;}
#FloorNavigatorWidget .fn-FeatureName {color: #333; cursor: pointer;}
#FloorNavigatorWidget .fn-FeatureName.active {color: #A00001; font-weight: bold;}
#FloorNavigatorWidget .fn-FeatureList {padding: 10px 0;}

#FloorNavigatorWidget .fn-FeatureName + .fn-FeatureList + .fn-FeatureName {margin-top: 4px;}

#FloorNavigatorWidget * a {color: #9BAFCB; display: block; padding: 2px; line-heright: 1.2em;}
#FloorNavigatorWidget * a:hover {color: #B46821;}


/* Boxy Version of Sidebar Widget */
#FloorNavigatorWidgetBoxy {width: 185px; margin: 0 0 20px;}
#FloorNavigatorWidgetBoxy * {font: 11px Arial, Helvetica, sans-serif; color: #666;}
#FloorNavigatorWidgetBoxy .title {font-weight: bold; font-size: 14px; margin: 0 0 10px -10px;}

#FloorNavigatorWidgetBoxy .icon-arrow {
background: url(/assets/images/FloorNavigator/sidebar.Arrows.png) no-repeat top left;
width: 10px;
height: 10px;
overflow: hidden;
}

#FloorNavigatorWidgetBoxy .topper {
background: url(/assets/images/FloorNavigator/sidebar.Topper.jpg) no-repeat top left;
height: 133px;
overflow: hidden;
}
#FloorNavigatorWidgetBoxy .topper .backtrack {
display: block;
overflow: hidden;
position: relative;
color: #fff;
height: 28px;
width: 80px;
margin: 20px auto 0;
text-decoration: none !important;
}
#FloorNavigatorWidgetBoxy .topper .backtrack .icon-arrow {
position: absolute; top: 2px; left: 0px;
background-position: 0px 0px;
}
#FloorNavigatorWidgetBoxy .topper .backtrack .text {
display: block;
padding-left: 14px;
color: #fff;
text-decoration: none !important;
cursor: pointer;
}
#FloorNavigatorWidgetBoxy .topper .backtrack:hover .text {
color: #333;
}
#FloorNavigatorWidgetBoxy .fn-FeatureBox {
background-color: #f4f2ea;
border-bottom: 2px solid #fff;
padding-bottom: 10px;
}
#FloorNavigatorWidgetBoxy .fn-FeatureBox.collapsed {
background-color: #e6dfc3;
min-height: 38px;
padding-bottom: 0px;
}

#FloorNavigatorWidgetBoxy .fn-FeatureBox .fn-FeatureNameBox {
position: relative;
display: block;
padding: 10px 14px;
color: #666;
cursor: pointer;
font-size: 12px;
font-weight: bold;
}
#FloorNavigatorWidgetBoxy .fn-FeatureBox .fn-FeatureNameBox .icon-arrow {
position: absolute; top: 12px; left: 8px;
background-position: -20px 0px;
}
#FloorNavigatorWidgetBoxy .fn-FeatureBox.collapsed .fn-FeatureNameBox .icon-arrow {
position: absolute; top: 12px; left: 8px;
background-position: -10px 0px;
}
#FloorNavigatorWidgetBoxy .fn-FeatureBox .fn-FeatureNameBox .fn-FeatureName {
display: block;
padding-left: 8px;
font-size: 11px;
font-weight: bold;
}
#FloorNavigatorWidgetBoxy .fn-FeatureBox .fn-FeatureList {
padding: 0 22px;
overflow: auto;
}
#FloorNavigatorWidgetBoxy .fn-FeatureBox .fn-FeatureList a {
display: block;
}

#FloorNavigatorWidgetBoxy * a {line-height: 1.6em;}
#FloorNavigatorWidgetBoxy * a:hover {color: #999;}


.clearfix {clear: both;}
.italic {font-style: italic;}
.bold {font-weight: bold;}
