@charset "utf-8";
/* --------------------------- */
/* ---- MF GLOBAL STYLING ---- */
/* --------------------------- */

/* TOC
	01. Generic
	02. Utility
	03. Header
	04. Navigation
	05. Navigation Content
	06. Navigation Promos
	07. Personal Nav
	08. Personal Nav Content
	09. Promo Line
	10. Search
	11. Customer Service
	12. Breadcrumbs
	13. Product
	14. Product Info
	15. Tabs
	16. Product Carousel
	17. Product Grid
	18. Product Group
	19. Recently Viewed Items
	20. Sidebar
	21. Footer
	22. Chrome
	23. Chrome
*/


/* 01. GENERIC
------------------------------------------------ */
html {
	background: #ecebe6 url("/img/brand/mf/cmn/bg_clef.png") no-repeat 0 98px;
}

body {
	background: url("/img/brand/mf/cmn/bg_silhouette.png") no-repeat center bottom;
	min-height: 100%;
	height: auto;
	padding-bottom: 10px;
}

a {
	color: #264160;
	font-size: 1.2em; /* 12px */
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

var {
	font-style: normal;
}

/*
@NOTE: Per MFI's Request, Turning off Link Outline.
a:focus {
	outline: 1px dotted #ccc;
}
*/

p.feedback {
	color: #414141;
	clear: both;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 15px;
	position: relative;
	text-align: center;
	top: 15px;
}

p.feedback a {
	font-size: 1em;
}

input.img {
	color: #314e6a;
	font-weight: bold;
}

.txtJoinNow {
	background: url(/img/brand/mf/cmn/bg_text_newsletter.png) no-repeat;
	height: 17px; /* 21 */
	padding: 3px 5px 1px;
	width: 172px; /* 182 */
}

.txtJoinNow input {
	color: #797979;
	font-size: 1.1em;
	font-weight: bold;
}

.txtSearch {
	background-image: url(/img/brand/mf/cmn/bg_text_search.png);
	height: 20px; /* 30 */
	padding: 5px;
	width: 208px; /* 218 */
}

.txtSearch input {
	color: #676767;
	font-size: 1.3em;
	line-height: 20px;
	font-weight: bold;
}

/* 02. UTILITY
------------------------------------------------ */

.first-child {
	border-left: 0 none !important;
	margin-left: 0 !important;
}

#main {
	margin: 0 auto;
	width: 970px;
}

#content {
	float: right;
	width: 750px;
}

/* 03. HEADER
------------------------------------------------ */

#header .wrap {
	position: relative;
	width: 970px;
	margin: 0 auto;
}

#header .top {
	height: 84px;
	background: url("/img/brand/mf/cmn/bg_header.png") repeat-x;
	position: relative;
	z-index: 50;
	min-width: 970px;
}

#brand {
	height: 106px;
	width: 268px;
	position: absolute;
	top: 0;
	left: -29px;
	z-index: 10;
}

#brand .gl {
	height: 106px;
	width: 268px;
	text-indent: -9999px;
}

#brand span {
	background: url("/img/brand/mf/cmn/logo.png") no-repeat;
}

#brand .extender {
	position: absolute;
	width: 1000px;
	top: 0;
	right: 268px;
	height: 106px;
	background: url("/img/brand/mf/cmn/bg_extender.png") repeat-x;
}

/* 04. NAVIGATION
------------------------------------------------ */

#nav {
	position: absolute;
	top: 31px;
	right: -2px;
	width: 778px;
	height: 53px;
	z-index: 14;
}

#nav li {
	float: left;
	position: relative;
}

#nav a {
	display: block;
	position: relative;
	overflow: hidden;
}

#nav a span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 2;
}

#nav a:hover {
	border: 0;
}

#nav li a.focusHelper {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 13px;
	height: 13px;
	background: url("/img/brand/mf/cmn/btn_dropdown_reveal.png") no-repeat;
	z-index: 10;
}

#nav li.focused a.focusHelper {
	display: block;
}


/* 04. NAVIGATION Content
------------------------------------------------ */

#nav-content {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.nav-content {
	background-image: url("/img/brand/mf/cmn/bg_dropdown_1.png");
	position: absolute;
	padding: 12px 9px 10px;
	z-index: 500;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 7px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 7px 10px;
	box-shadow: rgba(0, 0, 0, 0.3) 0 7px 10px;
}

#nav .nav-content {
	display: none;
}

#nav .nav-content.width-1 {
	width: 310px;
}

#nav .nav-content.width-1 ul {
	background: transparent;
}

#nav .nav-content.width-2 {
	width: 380px;
}

#nav .nav-content.width-3 {
	width: 570px;
}

#nav .nav-content.width-4 {
	width: 760px;
}

#nav .nav-content a {
	display: inline;
	width: auto;
	height: auto;
}

#nav .nav-content ul {
	position: relative;
	z-index: 2;
	background: url("/img/brand/mf/cmn/bg_dropdown_col.png");
	margin-right: 1px;
	padding-bottom: 5px;
}

#nav .nav-content ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#nav .nav-content li {
	width: 182px;
	padding: 10px 0 5px 8px;
}

#nav .nav-content li.last {
	width: 181px;
}

#nav .nav-content li ul {
	margin: 4px 0 6px;
	border: 0;
}

#nav .nav-content li a {
	font-size: 1.2em;
	font-weight: bold;
	color: #414141;
}

#nav .nav-content li strong a {
	padding: 3px 0;
	font-size: 1.3em;
	margin: 0;
}

#nav .nav-content li li {
	float: none;
	margin: 0;
	padding: 0;
	line-height: 1.36;
}

#nav .nav-content li li a {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
}

#nav .nav-content li li a:hover {
	color: #000;
}

#nav .nav-content li.special {
	background: url("/img/brand/mf/cmn/bg_dropdown_special.png") repeat-y;
	height: 100%;
}

#nav .nav-content li.special a:focus {
	outline-color: #999;
}

/* 04. NAVIGATION Promos
------------------------------------------------ */

#nav .nav-content .secondaryPromotion {
	border-top: 1px solid #fff;
	clear: both;
	margin: 0;
	padding: 10px 0 0;
	position: relative;
	z-index: 2;
}

#nav .nav-content .secondaryPromotion strong {
	display: block;
	color: #414141;
	font-size: 1.3em;
	margin: 0 0 16px 9px;
}

#nav .nav-content .secondaryPromotion ul {
	background: transparent;
	margin: 0;
}

#nav .nav-content .secondaryPromotion li {
	width: 300px;
	margin: 0 10px 0 0;
	padding-top: 0;
	padding-bottom: 0;
}

#nav .nav-content .secondaryPromotion li img {
	float: left;
}

/* 07. PERSONAL NAV
------------------------------------------------ */

#personal-nav {
	position: absolute;
	top: 0;
	right: 0;
	background: #1f3850 url("/img/brand/mf/cmn/bg_personal-nav.png") no-repeat right bottom;
}

#personal-nav li {
	float: left;
	background: url("/img/brand/mf/cmn/bg_personal-nav-item.gif") no-repeat 0 center;
	position: relative;
}

#personal-nav li.first {
	background: url("/img/brand/mf/cmn/bg_personal-nav.png") no-repeat left bottom;
}

#personal-nav li a {
	color: #fff;
	display: block;
	padding: 2px 6px;
	position: relative;
}

#personal-nav li a.focusHelper {
	display: none;
}

#personal-nav li.open {
	background: #fff;
}

#personal-nav li.open a {
	color: #254160;
	background: #fff;
	z-index: 510;
}

#personal-nav li a.nav-cart {
	background: url("/img/brand/mf/cmn/link_arrow_e_white.gif") no-repeat 95% center;
	padding-right: 12px;
}

#personal-nav li.open a.nav-cart {
	background-color: #fff;
	background-image: url("/img/brand/mf/cmn/link_arrow_s_blue.gif");
}

/* 07. PERSONAL NAV Content
------------------------------------------------ */

#nav-content .personal-nav-content {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.personal-nav-content {
	position: absolute;
	z-index: 500;
	background: #fff;
	-webkit-border-bottom-left-radius: 6px 6px;
	-webkit-border-bottom-right-radius: 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 13px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 13px;
	box-shadow: rgba(0, 0, 0, 0.5) 0 1px 13px;
}

.personal-nav-content .content {
	position: relative;
	margin: 10px;
}

#personal-nav li.open .personal-nav-content a {
	display: inline;
	margin: 0;
	padding: 0;
	background: transparent;
	color: #414141;
}

#personal-nav .personal-nav-content a:hover {
	text-decoration: underline;
}

.personal-nav-content .content h3 {
	color: #264160;
	font-size: 1.2em;
}

#nav-cart {
	width: 280px;
}

#nav-cart table {
	margin-bottom: 10px;
}

#nav-cart thead {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#nav-cart tr {
	background: url("/img/brand/mf/cmn/bdr_mini-cart.gif") no-repeat right bottom;
}

#nav-cart td {
	vertical-align: top;
	padding: 10px 0;
}

#nav-cart .quantity {
	text-align: center;
	width: 30px;
	font-size: 1.2em;
	font-weight: bold;
	color: #9e0f00;
	line-height: 4;
}

#nav-cart strong {
	color: #9e0f00;
}

#nav-cart td strong {
	font-size: 1.4em;
	line-height: 1;
}

#nav-cart td span {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
}

#nav-cart td span.limited {
	color: #309000;
}

#nav-cart p {
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}

#nav-cart p span {
	float: left;
}

#personal-nav .open .personal-nav-content .see-all {
	background: url(/img/brand/mf/cmn/link_arrow_e_grey.gif) no-repeat right center;
	padding-right: 8px;
}

#personal-nav .personal-nav-content .checkout-now {
	width: 94px;
	height: 25px;
	margin-top: -5px;
	display: block;
	float: right;
}

#personal-nav .personal-nav-content .checkout-now span {
	background: url(/img/brand/mf/cmn/btn_checkout-now.png) no-repeat;
}

/* 09. PROMO LINE
------------------------------------------------ */

#header .promos {
	position: relative;
	width: 100%;
	min-width: 970px;
	background: #182e43 url("/img/brand/mf/cmn/bg_promos.png") repeat-x;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	min-height: 24px;
	line-height: 2.18;
}

#header .promos p {
	text-align: center;
	margin-left: 194px;
	position: relative;
	z-index: 13;
}

/* 10. SEARCH
------------------------------------------------ */
#searchForm {
	margin: 9px 0 0;
	float: left;
	width: 480px;
}

#searchForm .txt {
	vertical-align: middle;
}

#searchSubmit {
	margin: 0 4px;
	vertical-align: middle;
}

#searchForm a {
	background: url(/img/brand/mf/cmn/link_arrow_e_blue_grey.gif) no-repeat right center;
	display: inline-block;
	font-size: 1.1em;
	padding: 0 8px 0 0;
}

/* 11. CUSTOMER SERVICE
------------------------------------------------ */

#customer-service {
	float: right;
	width: 312px;
	margin: 10px 0 0;
}

#customer-service li {
	float: left;
	height: 27px;
	border-right: 1px solid #969693;
}

#customer-service li.tel {
	border: 0;
}

/* 12. BREADCRUMBS
------------------------------------------------ */

#main {
	margin-top: 25px;
}

#breadcrumbs {
	clear: both;
	margin-top: -15px;
	position: relative;
}

#breadcrumbs a {
	margin-right: 8px;
	padding-right: 12px;
	background: url("/img/brand/mf/cmn/icn_bracket.png") no-repeat right center;
}

#breadcrumbs .active a {
	background: none;
}

/* 13. PRODUCT
------------------------------------------------ */
.product .thumb {
	background: #fff;
	height: 120px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	text-align: center;
	width: 120px;
}

.horizontal .thumb {
	float: left;
	margin: 0 20px 0 0;
}

.product .thumb a span {
	display: block;
	bottom: 5px;
	position: absolute;
	right: 5px;
}

.js-enabled .product .thumb .quickView span {
	display: block;
	width: 109px;
	height: 26px;
	bottom: 2px;
	right: 2px;
	text-align: right;
}

.js-enabled .product .thumb .quickView span img {
	padding: 3px;
}

.product h3 {
	color: #414141;
	font-size: 1.1em;
	line-height: 1.090909; /* 1.1x1.090909=12 */
	font-weight: bold;
}

.product h3 a {
	font-size: 1em;
}

.product .review {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	margin: 6px 0;
	white-space: nowrap;
}

.product .review img,
.product .review a {
	font-size: 1em;
	vertical-align: middle;
}

.product .price {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	color: #9e0f00;
}

.product dl {
	color: #414141;
	font-size: 1.1em;
}

.product dt,
.product dd {
	display: inline;
}

.product dt {
	font-weight: bold;
}

.product .used {
	color: #9e0f00;
	font-size: 1em;
}

.product .used dt {
	font-size: 1.2em;
	font-weight: normal;
}

.product .used dd {
	font-size: 1.4em;
}

.product li {
	color: #414141;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
}

.product label {
	line-height: 1;
} /* @see ie.css */

.product label input {
	display: inline;
	margin-left: 0;
	vertical-align: middle;
}

.product label span {
	color: #727374;
	display: inline-block;
	vertical-align: middle;
	width: 100px;
}

.product .more {
	background: url(/img/brand/mf/cmn/link_arrow_e_blue.gif) no-repeat right center;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 7px 0 0;
}

/* 13. PRODUCT Info
------------------------------------------------ */
.productInfo {
	clear: both;
}

.productInfo dl {
	color: #414141;
	font-size: 1.2em;
	padding: 0 0 2px;
}

.productInfo dt {
	display: inline;
	font-weight: bold;
	padding: 0 .25em 0 0;
}

.productInfo dt em {
	color: #9e0f00;
	font-style: normal;
	font-weight: bold;
}

.productInfo dd {
	display: inline;
	padding: 0 .5em 0 0;
}

.productInfo .price {
	color: #264160;
	font-size: 1.3em;
	line-height: 1;
	padding: 0 0 2px;
}

.productInfo .price strong {
	color: #9e0f00;
	font-size: 1.5384615384615384615384615384615em;
	font-weight: bold;
}

.productInfo .tags {
	margin: 8px 0 6px;
}

.productInfo .tags li {
	display: inline;
	font-weight: bold;
	padding: 0 10px 0 0;
}

.productInfo .tags a {
	font-size: 1.1em;
}

/* 15. TABS
------------------------------------------------ */
.tabs {
	overflow: hidden;
	z-index: 1;
}

.tabs li {
	float: left;
	width: auto;
}

.tabs li,
.tabs li a {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	white-space: nowrap;
}

.tabs li {
	margin-right: -12px;
}

.tabs .selected {
	z-index: 10;
}

.tabs li.txt {
	width: auto;
}

* html .tabs li.txt {
	width: 1%;
}

.tabs li.txt a {
	background: url(/img/brand/mf/cmn/tabs.png) left top;
	color: #fff;
	font-size: 1.7em;
	margin: 0 30px 0 0;
	padding: 0 0 0 23px;
	position: relative;
}

.tabs li.txt span {
	background: url(/img/brand/mf/cmn/tabs.png) right top;
	display: block;
	height: 35px;
	position: absolute;
	right: -30px;
	top: 0;
	width: 30px;
}

.tabs li.txt a.selected {
	background: url(/img/brand/mf/cmn/tabs_o.png) left top;
	color: #264160;
}

.tabs li.txt a.selected span {
	background: url(/img/brand/mf/cmn/tabs_o.png) right top;
}

.tabs li.txt a em {
	color: #fec12c;
	font-style: normal;
}

.tabs li.txt a:hover {
	text-decoration: none;
}

/* 13. PRODUCT Carousel
------------------------------------------------ */
.productCarousel {
	clear: both;
	margin: 0;
	position: relative;
	width: 100%;
}

.productCarousel .carousel {
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

.productCarousel .carousel ul {
	overflow: hidden;
}

.productCarousel .carousel ul ul {
	background: none;
	border: none;
	height: auto;
	min-height: inherit;
	overflow: inherit;
	width: auto;
} /* reset */

.productCarousel .carousel ul li {
	float: left;
	height: 100%;
}

.productCarousel .carousel ul ul li {
	float: none;
	height: auto;
	padding: 0;
	width: auto;
} /* reset */

/* ::::: View 2 ::::: */
.productCarousel .view2 {
	width: 662px !important; /* 720-29-29 */
}

.productCarousel .view2 ul.horizontal {
	background: url(/img/brand/mf/cmn/bg_product_carousel_horizontal_view2.png);
	height: 138px;
	min-height: 138px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.productCarousel .view2 ul.horizontal li {
/*	padding: 7px 0px 7px 0px;*/
	width: 331px; /* 331 */
}

.productCarousel .view2 ul.horizontal li .product {
	height: 123px;
	margin: 7px 6px;
	padding: 0 6px;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.productCarousel .view2 ul li:hover .product,
.productCarousel .view2 ul li.hoverState .product {
	-moz-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.3);
}

/* ::::: View 3 ::::: */
.productCarousel .view3 {
	width: 903px !important;
}

.productCarousel .view3 ul.horizontal {
	background: url(/img/brand/mf/cmn/bg_product_carousel_horizontal_view3.png) repeat-x 0 bottom;
	height: 175px;
	min-height: 175px;
	width: 903px;
}

.productCarousel .view3 ul.horizontal li {
	padding: 28px 8px 10px;
	width: 285px; /* 301 */
}

.productCarousel .view3 ul.horizontal .thumb {
	margin: 0 7px 0 0;
}

/* ::::: View 4 ::::: */
.productCarousel .view4 {
	width: 680px !important;
}

.productCarousel .view4 ul {
	background: url(/img/brand/mf/cmn/bg_product_carousel_view4.png);
	height: 278px;
	min-height: 278px;
}

.productCarousel .view4 ul li {
	padding: 10px 10px 10px 10px;
	width: 150px; /* 170 */
}

/* ::::: View 5 ::::: */
.productCarousel .view5 {
	width: 850px !important;
}

.productCarousel .view5 ul {
	background: url(/img/brand/mf/cmn/bg_product_carousel_view5.png);
	height: 300px;
	min-height: 300px;
}

.productCarousel .view5 ul li {
	padding: 10px;
	width: 150px; /* 170 */
}


/* ::::: Pager ::::: */
.productCarousel .pager {
	height: 123px;
	left: 0;
	margin: -61px 0 0;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 1;
}

.productCarousel .pager .prev {
	float: left;
	padding: 0 0 0 6px;
}

.productCarousel .pager .next {
	float: right;
	padding: 0 6px 0 0;
}

.productCarousel .pager .gl {
	height: 123px;
	width: 25px;
}

.productCarousel .pager .gl span {
	background-image: url(/img/brand/mf/cmn/btn_pager.png);
}

.productCarousel .pager .prev span {
	background-position: left top;
}

.productCarousel .pager .next span {
	background-position: right top;
}

.productCarousel .pager .prev .disabled span {
	background-position: left bottom;
}

.productCarousel .pager .next .disabled span {
	background-position: right bottom;
}

/* 13. PRODUCT Grid
------------------------------------------------ */
.productGrid .products li {
	float: left;
}

.productGrid .products li li {
	float: none;
} /* reset */

.productGrid .grid .products li li {
	margin: 0;
	padding: 0;
}

/* ::::: View 2 ::::: */
.productGrid .view2 .products {
	margin: 20px 0;
}

.productGrid .view2 .products li {
	padding: 0 10px;
	width: 154px; /* 174 */
}

/* ::::: View 3 ::::: */
.productGrid .view3 .products {
	background: url(/img/brand/mf/cmn/bg_product_grid_view3.png) no-repeat left bottom;
	border-bottom: 1px solid #d4d4d4;
	position: relative;
}

.productGrid .view3 .products li {
	padding: 10px 12px 14px;
	width: 162px; /* 186 - 24 */
	overflow: hidden;
}

/* ::::: View 4 ::::: */
.productGrid .view4 .products {
	background: url(/img/brand/mf/cmn/bg_product_grid_view4.png) no-repeat center bottom;
	position: relative;
}

.productGrid .view4 .products li {
	padding: 10px 12px 14px;
	width: 162px; /* 186 - 24 */
	overflow: hidden;
}

.productGrid .view4 .product {
	padding-bottom: 38px;
}

.productGrid .products label {
	bottom: 25px;
	left: auto;
	position: absolute;
	width: 145px;
} /* product compare checkbox */

.productGrid .highlight .justForYou,
.productGrid .highlight .like,
.productGrid .highlight .match {
	background: #e3e6ea url(/img/brand/mf/cmn/bg_just_for_you.png) repeat-x center top;
	width: 159px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.3);
}

.productGrid .highlight .usedItem,
.productGrid .highlight .factoryBStock,
.productGrid .highlight .blemishedItem {
	width: 159px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 11px rgba(0, 0, 0, 0.3);
}

.productGrid .highlight .productTag {
	height: 23px;
	overflow: hidden;
}

.productGrid .highlight .product {
	padding: 0 6px 38px;
}

.productGrid .highlight .justForYou .product,
.productGrid .highlight .like .product,
.productGrid .highlight .match .product {
	border: 1px solid #7892ab;
	border-top: none;
	overflow: hidden;
	width: 145px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
}

.productGrid .highlight .usedItem .product,
.productGrid .highlight .factoryBStock .product,
.productGrid .highlight .blemishedItem .product {
	border: 1px solid #670000;
	border-top: none;
	overflow: hidden;
	width: 145px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
}

/* 13. PRODUCT Group
------------------------------------------------ */
.productGroup {
	background: #fff url(/img/brand/mf/cmn/bg_product_group_filter.png) no-repeat center 30px;
	display: block;
}

/* ::::: Filter ::::: */
.productGroup .filter {
	background: url(/img/brand/mf/cmn/bg_product_group_filter.png) no-repeat center 30px;
	padding: 10px 5px;
}

.productGroup .filter h3 {
	color: #676767;
	font-size: 1.3em;
	margin: 0 0 0 3px;
	text-transform: capitalize;
}

.productGroup .filter fieldset {
	float: left;
	position: relative;
	z-index: 1;
}

.productGroup .filter fieldset:hover,
.productGroup .filter fieldset.hoverState {
	z-index: 2;
}

.productGroup .filter fieldset h3 {
	background: url(/img/brand/mf/cmn/bg_filter.png) no-repeat 0 -45px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 27px;
	margin: 0;
	padding: 8px 12px 6px;
}

.productGroup .filter .brand h3 {
	width: 71px; /* 95 - 24 */
}

.productGroup .filter .color h3 {
	width: 71px; /* 95 - 24 */
}

.productGroup .filter .price h3 {
	width: 71px; /* 95 - 24 */
}

.productGroup .filter .savings h3 {
	width: 71px; /* 95 - 24 */
}

.productGroup .filter .condition h3 {
	width: 71px; /* 95 - 24 */
}

.productGroup .filter .rating h3 {
	width: 71px; /* 95 - 24 */
}

.productGroup .filter .selectMoreFeatures h3 {
	background-position: -95px -45px;
	width: 136px; /* 160 - 24 */
}

.productGroup .filter fieldset:hover h3,
.productGroup .filter fieldset.hoverState h3 {
	color: #264160;
	cursor: pointer;
	background-position: 0 0;
}

.productGroup .filter .selectMoreFeatures:hover h3,
.productGroup .filter .selectMoreFeatures-hover h3 {
	background-position: -95px 0 !important;
}

.productGroup .filter fieldset div {
	background: #2c567c url(/img/brand/mf/cmn/bg_filter_dropdown.png) repeat-x top left;
	border: 2px solid #fff;
	color: #fff;
	display: none;
	min-width: 70px;
	margin: 0 0 0 4px;
	padding: 10px;
	position: absolute;
	top: 33px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.2);
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.2);
}

.productGroup .filter fieldset:hover div,
.productGroup .filter fieldset.hoverState div {
	display: block;
}

.productGroup .filter fieldset div p {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 12px 6px;
}

.productGroup .filter fieldset div label.first-child {
	font-size: 1.3em; /* 13px relative to parent */
}

.productGroup .filter fieldset div label {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
}

.productGroup .filter fieldset p .submit {
	float: right;
	width: 27px;
	height: 22px;
	margin: 20px 0 0;
	background: transparent url(/img/brand/mf/cmn/btn_filter_submit.png) no-repeat scroll 0 0;
	border: 0 none;
	cursor: pointer;
	text-indent: -9999px;
}

/* @see localized stylesheet */

.productGroup .filter fieldset div label img {
	margin: 0 5px 0 0;
}

.productGroup .filter .price h4 {
	font-size: 1.3em;
}

.productGroup .filter .price p {
	padding: 0;
}

.productGroup .filter .price div {
	width: 225px;
}

.productGroup .filter .price .from span {
	display: none;
}

.productGroup .filter .price label .currency {
	position: absolute;
	display: block;
	left: 18px;
	top: -3px;
	color: #3f6487;
}

.productGroup .filter .price .from .currency {
	left: 3px;
	display: block;
}

.productGroup .filter .price label input {
	background: #fff;
	border: 1px solid #d4d4d4;
	cursor: text;
	float: none;
	height: 14px; /* 18 */
	margin: auto;
	padding: 2px 2px 2px 10px;
	text-indent: 0;
	width: 73px; /* 85 */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
} /* Reset */

/* @see ie.css */

.productGroup .filter .price div label {
	display: inline;
	position: relative;
	font-size: 1.1818em; /* 11x1.1818=13 */
}

.productGroup .filter .price .submit {
/*	float: none;*/
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

.productGroup .filter .price .reset {
	float: none;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	color: #fff;
	text-indent: 0;
	text-align: left;
}

.productGroup .filter .rating div {
	width: 234px;
}

/* ::::: Savings ::::: */
.productGroup .filter .savings div {
	width: 320px;
}

.productGroup .filter .savings div label {
	float: left;
	margin: 0 4px 0 0;
	width: 100px;
}

.productGroup .filter .savings div label.frst-child {
	float: none;
	margin: 0;
	width: auto;
}

.productGroup .filter .savings div p {
	clear: both;
}

.productGroup .filter .brand div {
	width: 704px;
}


/* ::::: Pager ::::: */
.productGroup div.pager {
	color: #676767;
	height: 1%;
	overflow: hidden;
	padding: 0 7px 5px;
	border-bottom: 1px solid #d4d4d4;
	margin: 0 6px;
}

.productGroup div.pager p {
	font-size: 1.6em;
	font-weight: bold;
	float: left;
}

.productGroup div.pager div {
	font-size: 1.2em;
	line-height: 2;
	font-weight: bold;
	float: right;
}

.productGroup div.pager ol {
	display: inline;
	padding: 0 0 0 0.5em;
}

.productGroup div.pager li {
	display: inline;
	font-weight: normal;
}

.productGroup div.pager a {
	font-size: 1em;
}

.productGroup div.pager .disabled {
	color: #9d9e9e;
}

.productGroup div.pager .selected {
	color: #676767;
}

.productGroup div.pager li.prev a {
	background: url(/img/brand/mf/cmn/bg_list_pager_prev.png) no-repeat 0 center;
	padding: 0 0 0 8px;
}

.productGroup div.pager li.prev a.disabled {
	background-image: url(/img/brand/mf/cmn/bg_list_pager_prev_d.png);
}

.productGroup div.pager li.next a {
	background: url(/img/brand/mf/cmn/bg_list_pager_next.png) no-repeat right center;
	padding: 0 8px 0 0;
}

.productGroup div.pager li.next a.disabled {
	background-image: url(/img/brand/mf/cmn/bg_list_pager_next_d.png);
}


/* ::::: View ::::: */
.productGroup .view {
	display: block;
	padding: 0 8px;
	border-bottom: 1px solid #d4d4d4;
	margin: 0 6px 10px;
}

.productGroup .view h3 {
	padding: 0 0.5em 0 0;
	color: #676767;
	float: left;
	font-weight: bold;
	font-size: 1.2em;
	height: 1%;
	overflow: hidden;
}

.productGroup .view fieldset {
	float: left;
	padding: 10px 0;
}

.productGroup .view .sortBy {
	width: 380px;
}

.productGroup .view .viewAs {
	width: 200px;
}

.productGroup .view .display {
	width: 135px;
}

.productGroup .view fieldset ul {
	display: inline;
}

.productGroup .view fieldset li {
	float: left;
}

.productGroup .view fieldset li a {
/*	float: left;*/
	display: block;
	height: 20px;
	line-height: 22px;
	background: transparent url(/img/brand/mf/cmn/bg_view_options.png) no-repeat -6px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #576e85;
}

.productGroup .view fieldset li a.selected {
	color: #fff;
/*	padding: 4px 6px;*/
}

.productGroup .view .viewAs li a {
	background: transparent url(/img/brand/mf/cmn/bg_view.png) no-repeat center center;
	height: 20px;
	overflow: hidden;
}

.productGroup .view .viewAs li.grid a {
	background-position: 0 0;
	padding: 0 0 0 24px;
	width: 32px; /* 56px */
}

.productGroup .view .viewAs li.grid a.selected {
	background-position: 0 -20px;
}

.productGroup .view .viewAs li.list a {
	background-position: -56px 0;
	padding: 0 0 0 22px;
	width: 29px; /* 51px */
}

.productGroup .view .viewAs li.list a.selected {
	background-position: -56px -20px;
}


.productGroup .view .display li a {
	background: url(/img/brand/mf/cmn/bg_view.png) no-repeat -107px 0;
	height: 20px;
	overflow: hidden;
}

.productGroup .view .display li.default a {
	padding-left: 8px;
	width: 20px; /* 28 */

}

.productGroup .view .display li.default a.selected {
	background-position: -107px -20px;
}

.productGroup .view .display li.more a {
	background-position: -135px 0;
	padding-left: 7px;
	width: 20px; /* 27 */
}

.productGroup .view .display li.more a.selected {
	background-position: -134px -20px;
	margin-left: -1px;
	padding-left: 8px;
}

.productGroup .view .display li.most a {
	background-position: -162px 0;
	padding-left: 4px;
	width: 23px; /* 27 */
}

.productGroup .view .display li.most a.selected {
	background-position: -161px -20px;
	margin-left: -1px;
	padding-left: 5px;
}


/* ::::: Promo ::::: */
.productGroup .promo {
	width: 722px;
	margin: 10px auto;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.productGroup .promo > a,
.productGroup .promo > a > img {
	display: block;
}

.productGroup .promo .productCarousel {
	width: 720px;
	margin: 0 0 10px;
	border: 1px solid #3d6082;
	background: transparent url(/img/brand/mf/cmn/bg_product_carousel_horizontal_view2.png) repeat scroll 0 0;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.productGroup .promo .productCarousel .pager li {
	padding: 0;
}

.productCarousel .productTag {
	display: none;
}

.productGroup .productCarousel h3 {
	padding-top: 20px;
}

/* ::::: Related ::::: */
.productGroup .related {
	padding: 15px 6px 12px;
}

.productGroup .related div.inline-block {
	font-weight: bold;
	margin: 0 12px 0 0;
	padding: 10px;
	width: 408px; /* 428 */
}

.productGroup .related h3 {
	color: #676767;
	font-size: 1.3em;
}

.productGroup .related li {
	display: inline;
	font-size: 1.3em;
}

.productGroup .related a {
	font-size: 1em;
}

.productGroup .related fieldset {
	position: relative;
	top: -10px;
	width: 290px;
}

.productGroup .related fieldset .textbox {
	float: left;
	margin: 0 10px 0 0;
}

.productGroup .related fieldset .textbox input {
	background: transparent url("/img/brand/mf/cmn/bg_related_search_field.png") no-repeat 0 0;
	border: 0 none;
	color: #676767;
	font-size: 1.3em;
	height: 16px;
	padding: 6px 10px;
	width: 198px;

}

.productGroup .related fieldset .submit {
	float: left;
}
/* @see localized stylesheets */


/* 19. RECENTLY VIEWED ITEMS
------------------------------------------------ */
#recentlyViewedItems {
	background: #fff;
	clear: both;
	margin: 0 0 25px 0;
	position: relative;
	top: 15px;
}


/* 20. SIDEBAR
------------------------------------------------ */
#sidebar {
	float: left;
	width: 206px;
}

/* ::::: View ::::: */
#sidebar .view {
	background: #fff;
	color: #414141;
	padding: 0 0 1px;
	margin: 0 0 10px;
}

#sidebar .view h2 {
	height: 33px;
	width: 206px;
}

#sidebar .view a {
	color: #264160;
	line-height: 1.333;
}

#sidebar .view ul {
	padding: 7px 0;
}

#sidebar .view ul ul {
	padding: 0;
}

#sidebar .view li {
	padding: 2px 8px;
}

#sidebar .view li li {
	padding: 0;
}

#sidebar .view h3 {
	font-size: 1.3em;
}

/* List */
#sidebar .viewList h3 {
	overflow: hidden;
	padding: 0 23px 0 0;
	position: relative;
	width: 167px;
}

#sidebar .viewList h3 a.gl {
	height: 19px;
	position: absolute;
	right: 0;
	top: 0;
	width: 21px;
}

#sidebar .viewList h3 a.gl span {
	background: url(/img/brand/mf/cmn/sidebar_plus.png);
}

#sidebar .viewList ul {
	padding: 0;
}

#sidebar .viewList li {
	border-bottom: 1px solid #d7d7d7;
	padding: 8px 6px 10px 10px
}

#sidebar .viewList li.last-child {
	border: none;
	margin: auto;
}

#sidebar .viewList li li {
	border: none;
	padding: 0;
}

/* Tree */
#sidebar .viewTree h3 {
	background: #fff url(/img/brand/mf/cmn/bg_arrow_down.png) no-repeat left center;
	font-size: 1.3em;
	padding: 0 0 0 15px;
}

#sidebar .viewTree .enabled h3 {
	cursor: pointer;
}

#sidebar .viewTree .enabled h3.collapsed {
	background-image: url(/img/brand/mf/cmn/bg_arrow_right.png);
}

#sidebar .viewTree li li {
	padding: 0 15px;
}

#sidebar .viewTree .chromeContent {
	overflow: hidden;
}

/* ::::: List ::::: */
#sidebar .list {
	background: #fff url(/img/brand/mf/cmn/bg_sidebar.png) repeat-y right top;
}

#sidebar div.last-child {
	border: none;
}

#sidebar .list h2 {
	height: 33px;
	width: 206px;
}

#sidebar .tabbed {
	margin: 47px 0 14px;
	position: relative;
}

#sidebar .tabbed .tabs {
	left: -3px;
	position: absolute;
	top: -35px;
}

#sidebar .list .tabs h2 {
	height: auto;
	width: auto;
}

#sidebar .list form {
	background: url(/img/brand/mf/cmn/bg_free_with_purchase.png) no-repeat -48px bottom;
	padding: 10px 6px 10px 10px;
}

#sidebar .list form label {
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 2px 0 0;
}

#sidebar .list form select {
	display: inline-block;
	margin: 0 2px 0 0;
	vertical-align: middle;
	width: 128px;
} /* @see ie.css */

#sidebar .list form .gl {
	display: inline-block;
	height: 19px;
	width: 21px;
	vertical-align: middle;
}

#sidebar .list form .gl span {
	background: url(/img/brand/mf/cmn/btn_rss.png);
}

/* ::::: Video List ::::: */
#sidebar .videoList ul {
	padding: 0 10px;
}

#sidebar .videoList li {
	border-bottom: 1px dotted #aaa;
	height: 1%;
	overflow: hidden;
	padding: 10px 0;
}

#sidebar .videoList li.last-child {
	border: none;
}

#sidebar .videoList img {
	float: left;
	margin: 0 10px 0 0;
}

#sidebar .videoList a {
	color: #414141;
	font-size: 1.1em;
	line-height: 1.1818; /* 1.1x1.1818=13 */
}

#sidebar .videoList span {
	color: #888;
}

/* ::::: Article List ::::: */
#sidebar .articleList li {
	border-bottom: 1px solid #e0e0e0;
	height: 120px;
	position: relative;
}

#sidebar .articleList h3 {
	font-size: 1.4em;
	line-height: 12px;
	padding: 10px 10px 2px;
	position: relative;
}

#sidebar .articleList li a {
	background: url(/img/brand/mf/cmn/bg_arrow_right_red.png) no-repeat right center;
	color: #981b00;
	font-size: 1.2em;
	margin: 0 10px;
	padding: 0 8px 0 0;
	position: relative;
}

#sidebar .articleList img {
	bottom: 0;
	position: absolute;
	right: 0;
}

/* ::::: Promo ::::: */
#sidebar .promo {
	background: #fff;
	margin: 0 0 10px;
	padding: 6px;
}

#sidebar .promo a,
#sidebar .promo img {
	display: block;
	overflow: hidden;
}

#sidebar .promo ul {
	margin: 0 0 -8px;
}

#sidebar .promo li {
	margin: 0 0 8px;
}

/* ::::: Bookend ::::: */
#sidebar .bookend {
	background: #fff;
	margin: 0;
}

/* 21. FOOTER
------------------------------------------------ */
#footer {
	background: #fff;
	background: rgba(255,255,255,0.8);
	margin: 10px auto;
	width: 940px;
	padding: 15px;
}

#footer ul {
	height: 1%;
	overflow: hidden;
	border-bottom: 1px solid #b5b5b5;
	padding: 0 0 10px;
	margin: 0 0 10px;
}

#footer ul ul {
	margin: 0;
	padding: 0;
	border: 0;
}

#footer li {
	float: left;
	width: 150px;
}

#footer h2 {
	color: #414141;
	font-size: 1.2em;
	margin: 0 0 5px;
}

#footer a {
	color: #414141;
	font-size: 1.2em;
	font-weight: normal;
}

#footer a:hover {
	text-decoration: underline;
}

#footer li.last-child {
	float: right;
	width: 186px;
}

#footer .img {
	margin-top: 6px;
}

#footer .connected a {
	display: block;
	height: 54px;
	padding: 0 6px 0 44px;
	background-image: url("/img/brand/mf/cmn/footerIcons.png");
	background-repeat: no-repeat;
	line-height: 1.1;
}

#footer .connected .facebook a {
	background-position: 0 -54px;
}

#footer .connected .twitter a {
	padding-left: 65px;
	background-position: 0 -108px;
}

#footer .connected .catalog a {
	background-position: 0 -162px;
}

#footer .connected .stupidApp a {
	background-position: 0 -216px;
}

#footer .connected .harmony a {
	background-position: 0 -270px;
}

#copyright {
	width: 425px;
	float: left;
	margin-top: 10px;
}

#copyright p {
	color: #676767;
	line-height: 1.18;
}

ul#credentials {
	float: right;
	border: 0;
	padding: 0;
	margin: 0;
}

#credentials li {
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

/* 22. CHROME
------------------------------------------------ */

.tabError {
	padding: 9em 0;
	text-align: center;
	color: #f00;
	font-weight: bold;
	font-size: 1.2em;
}

/* 22. CHROME
------------------------------------------------ */
.hasChrome, .clearShadow {
	border-radius: 5px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.hasChrome .hasChrome {
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}