@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,900,300);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,700);
/**
---------------------------------------------------------------
 * Table of Contents
 * 
 * 1.0 - Reset & General
 * 2.0 - Header
 * 3.0 - Main Content
 *		3.1 - Homepage
 * 4.0 - Footer
---------------------------------------------------------------
**/
/**
---------------------------------------------------------------
 * 1.0 - Reset & General
---------------------------------------------------------------
**/
.header *,
.footer *,
.sidebar *,
.social-bar *,
.homepage * {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.header *:focus,
.footer *:focus,
.sidebar *:focus,
.social-bar *:focus,
.homepage *:focus {
	outline: none;
}

body {
	background-color: #fff;
	font-family: "Roboto", sans-serif;
	color: #000;
}

/* Extendables */
.clickable:hover, button:hover, .social-bar .social-media li:hover:not(.text), .header .main .right .tabs li a:hover, .main-content.homepage .rotator .arrow:hover, .main-content.homepage .company-logos li a img:hover, .main-content.homepage .kickers li:hover, .main-content.homepage .info-boxes > li .content a.featured img:hover, .main-content.homepage .info-boxes > li .content .view-more:hover, .main-content.section .wrapper .content .sections li .img:hover, .main-content.item .media .main-image .img img:hover, .main-content.item .media .insets li .img img:hover, .main-content.item .additional-info .related-items li .img img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.clear:after, .container:after, .main-content:after, ul:after, .social-bar:after, .breadcrumbs:after, .main-content:after, .main-content .content:after, .header .main:after, .header .main .right:after, .header .main .right .search-container:after, .main-content.item .buy-box .options .option-group:after, .main-content.item.alt .additional-info .large-description:after {
	display: table;
	content: "";
	clear: both;
}

.min, .header, .footer {
	min-width: 900px;
}

.container, .main-content {
	width: 900px;
	margin: 0 auto;
}

/* End Extendables */
.header img,
.footer img,
.sidebar img,
.social-bar img,
.homepage img {
	border: 0;
}
.header ul,
.footer ul,
.sidebar ul,
.social-bar ul,
.homepage ul {
	list-style-type: none;
}
.header ul li,
.footer ul li,
.sidebar ul li,
.social-bar ul li,
.homepage ul li {
	float: left;
}
.header a,
.footer a,
.sidebar a,
.social-bar a,
.homepage a {
	text-decoration: none;
	color: inherit;
}
.header a:hover,
.footer a:hover,
.sidebar a:hover,
.social-bar a:hover,
.homepage a:hover {
	text-decoration: underline;
}
.header button,
.footer button,
.sidebar button,
.social-bar button {
	cursor: pointer;
}
.header input,
.header button,
.header textarea,
.footer input,
.footer button,
.footer textarea,
.sidebar input,
.sidebar button,
.sidebar textarea,
.social-bar input,
.social-bar button,
.social-bar textarea {
	border: 0;
	font-family: "Roboto", sans-serif;
}
.header iframe,
.footer iframe,
.sidebar iframe,
.social-bar iframe {
	border: 0;
}
.form-input,
.newsletter-container .newsletter-box input,
.header .main .right .search-container .search-form .search-input {
	display: block;
	height: 22px;
	padding: 0 5px;
	border: 1px solid #999;
}
.header span,
.header .heading,
.footer span,
.footer .heading,
.sidebar span,
.sidebar .heading,
.social-bar span,
.social-bar .heading {
	display: block;
}
.header .left,
.footer .left,
.sidebar .left,
.social-bar .left {
	float: left;
}
.header .right,
.footer .right,
.sidebar .right,
.social-bar .right {
	float: right;
}
.header .img,
.footer .img,
.sidebar .img,
.social-bar .img {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.header .img img,
.footer .img img,
.sidebar .img img,
.social-bar .img img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}


.social-bar {
	padding: 11px 0;
	border-top: 1px solid #0f4371;
}
.social-bar .newsletter-container {
	width: 530px;
	margin-top: 3px;
	float: left;
}
.social-bar .newsletter-container .info {
	background: url(ysw-socialbar-email.png) left center no-repeat;
	height: 22px;
	padding-left: 26px;
	float: left;
	font-weight: 500;
	font-size: 15px;
	color: #003d79;
	text-transform: uppercase;
	line-height: 22px;
}
.social-bar .newsletter-container .info strong {
	font-weight: 900;
}
.social-bar .newsletter-container .newsletter-box {
	height: 22px;
	float: right;
}
.social-bar .newsletter-container .newsletter-box .sign-up {
	display: block;
	background-image: url(ysw-socialbar-signup.png);
	width: 120px;	height: 22px;
}
.social-bar .social-media {
	float: right;
}
.social-bar .social-media li {
	height: 28px;
}
.social-bar .social-media li.text {
	font-weight: 900;
	font-size: 17px;
	color: #003d79;
	text-transform: uppercase;
	line-height: 28px;
}
.social-bar .social-media li:not(.text) {
	background-image: url(ysw-socialbar-social.png);
	width: 27px;
	margin-left: 9px;
}
.social-bar .social-media li:not(.text) a {
	width: 100%;
	height: 100%;
	float: left;
}
.social-bar .social-media li:not(.text).facebook {
	background-position: 0 0;
}
.social-bar .social-media li:not(.text).twitter {
	background-position: 0 -28px;
}
.social-bar .social-media li:not(.text).google {
	background-position: 0 -56px;
}
.social-bar .social-media li:not(.text).youtube {
	background-position: 0 -84px;
}

.breadcrumbs {
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #003d79;
}
.breadcrumbs .crumbs {
	width: 780px;
	float: left;
}
.breadcrumbs .crumbs li {
	font-size: 12px;
	color: #000;
}
.breadcrumbs .crumbs li.separator {
	margin: 0 5px;
}
.breadcrumbs .share-buttons {
	width: 100px;
	float: right;
}

.deal-bar {
	background-color: #eee;
	padding: 9px 0;
	border-bottom: 1px solid #003d79;
	text-align: center;
}
.deal-bar span {
	font-weight: 300;
	font-size: 14px;
	color: #000;
}
.deal-bar span em {
	display: inline-block;
	margin-right: 5px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	color: #003d79;
	text-transform: uppercase;
}
.deal-bar span strong {
	font-weight: 700;
}
.deal-bar span a {
	display: inline-block;
	margin-left: 5px;
}

#ysw-breadcrumbs-box {
	border: solid 1px #073974;
}

#ysw-breadcrumbs-box > table {
	width: 100%;
}

/**
---------------------------------------------------------------
 * 2.0 - Header
---------------------------------------------------------------
**/
.header {
	border-top: 3px solid #003d79;
}
.header .top-bar {
	height: 13px;
	margin-top: 8px;
	line-height: 13px;
}
.header .top-bar ul {
	float: right;
}
.header .top-bar ul li {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	color: #003d78;
}
.header .top-bar ul li a {
	display: inline-block;
}
.header .top-bar ul li.separator {
	background-color: #003d78;
	width: 1px;
	height: 13px;
	margin: 0 8px;
}
.header .top-bar ul li.cart a {
	background: url(ysw-header-cart.png) 0 1px no-repeat;
	padding-left: 15px;
}
.header .top-bar ul li.cart span {
	display: inline-block;
}
.header .main {
	margin-top: 7px;
}
.header .main .logo {
	float: left;
}
.header .main .logo img {
	display: block;
}
.header .main .right {
	margin-top: 15px;
}
.header .main .right .search-container {
	width: 310px;
	float: right;
	line-height: 22px;
}
.header .main .right .search-container .phone-number {
	display: block;
	float: left;
	font-weight: 900;
	font-size: 18px;
	color: #003d79;
}
.header .main .right .search-container .search-form {
	display: block;
	float: right;
}
.header .main .right .search-container .search-form .search-input {
	width: 157px;
	float: left;
}
.header .main .right .search-container .search-form .search-submit {
	display: block;
	background-image: url(ysw-header-search-submit.png);
	width: 20px;
	height: 22px;
	margin-left: 8px;
	float: left;
}
.header .main .right .tabs {
	margin-top: 8px;
	float: right;
}
.header .main .right .tabs li a {
	display: block;
	background-color: #003d79;
	margin-left: 3px;
	padding: 7px 14px 4px;
	font-weight: 900;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	line-height: 11px;
	text-shadow: 0 0 3px #000;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
}
.header .main .right .tabs li a:hover {
	text-decoration: none;
}
.header .main-nav {
	display: table;
	width: 100%;
	margin-top: 1px;
	border-top: 1px solid #0f4371;
	border-bottom: 1px solid #0f4371;
}
.header .main-nav > ul {
	display: table-row;
	background-color: #f0b310;
}
.header .main-nav > ul > li {
	display: table-cell;
	float: none;
	border: 1px solid #fff;
	border-right: 0;
	text-align: center;
	line-height: 12px;
	position: relative;
}
.header .main-nav > ul > li > a {
	display: block;
	background-color: #f0b310;
	height: 35px;
	padding: 0 5px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 15px;
	color: #003d79;
	line-height: 35px;
	text-transform: uppercase;
	white-space: nowrap;
}
.header .main-nav > ul > li > a:hover {
	text-decoration: none;
}
.header .main-nav > ul > li .dropdown {
	display: none;
	background-color: #e3e3e3;
	min-width: 100%;
	padding: 8px 13px 13px;
	border: 1px solid #0f4371;
	border-top: 1px solid #e3e3e3;
	text-align: left;
	position: absolute;
	top: 100%;
	left: -1px;
	z-index: 500;
}
.header .main-nav > ul > li:last-child .dropdown {
	left: auto;
	right: 0;
}
.header .main-nav > ul > li .dropdown ul li {
	margin-top: 4px;
	float: none;
	line-height: 16px;
}
.header .main-nav > ul > li .dropdown ul li a {
	display: block;
	width: 100%;
	overflow: hidden;
	font-weight: 300;
	font-size: 14px;
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .main-nav > ul > li .dropdown ul li a:hover {
	text-decoration: underline;
}
.header .main-nav > ul > li .dropdown.type1 {
	width: 165px;
}
.header .main-nav > ul > li .dropdown.type2 {
	width: 325px;
}
.header .main-nav > ul > li .dropdown.type2 ul {
	width: 50%;
	float: left;
}
.header .main-nav > ul > li:first-child {
	border-left-color: #f0b310;
}
.header .main-nav > ul > li:hover {
	background-color: #e3e3e3;
}
.header .main-nav > ul > li:hover a {
	background-color: transparent;
}
.header .main-nav > ul > li.nonempty:hover {
	border-top: 0;
	border-left: 1px solid #0f4371;
	box-shadow: inset -1px 0 0 0 #0f4371;
	-webkit-box-shadow: inset -1px 0 0 0 #0f4371;
	-moz-box-shadow: inset -1px 0 0 0 #0f4371;
	-ms-box-shadow: inset -1px 0 0 0 #0f4371;
	-o-box-shadow: inset -1px 0 0 0 #0f4371;
}

/**
---------------------------------------------------------------
 * 3.0 - Main Content
---------------------------------------------------------------
**/
.main-content .sidebar {
	width: 163px;
	margin: 17px 0 30px;
	float: left;
}
.main-content .sidebar > ul li {
	float: none;
}
.main-content .sidebar > ul > li {
	margin: 5px 0;
	color: #000;
	line-height: 17px;
}
.main-content .sidebar > ul > li > a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
	font-size: 15px;
}
.main-content .sidebar > ul > li .subs li {
	margin: 5px 0;
}
.main-content .sidebar > ul > li .subs > li {
	padding-left: 5px;
	line-height: 14px;
}
.main-content .sidebar > ul > li .subs > li > a {
	font-weight: 300;
	font-size: 14px;
}
.main-content .sidebar > ul > li .subs > .current > a {
	font-weight: 400;
	color: #003d79;
}
.main-content .sidebar > ul > li .subs > li > .subsubs > li {
	padding-left: 5px;
}
.main-content .sidebar > ul > li .subs > li > .subsubs > li a {
	font-weight: 300;
	font-size: 13px;
}
.main-content .sidebar > ul > li .subs > li > .subsubs > .current a {
	color: #003d79;
	font-weight: 400;
}
.main-content .ysw-right-column {
	width: 730px;
	float: right;
}

#ysw-banner-rotator {
	margin: 10px;
}

/**
---------------------------------------------------------------
 * 3.1 - Homepage
---------------------------------------------------------------
**/

.main-content.homepage {
	padding-bottom: 20px;
}
.main-content.homepage .rotator {
	margin-top: 1px;
	position: relative;
}
.main-content.homepage .rotator .rotator-inner a,
.main-content.homepage .rotator .rotator-inner img {
	display: block;
}
.main-content.homepage .rotator .arrow {
	display: none;
	background-image: url(ysw-homepage-arrows.png);
	width: 27px;
	height: 57px;
	margin-top: -24px;
	position: absolute;
	top: 50%;
	z-index: 150;
	cursor: pointer;
}
.main-content.homepage .rotator .arrow.previous {
	background-position: 0 0;
	left: 0;
}
.main-content.homepage .rotator .arrow.next {
	background-position: 0 -57px;
	right: 0;
}
.main-content.homepage .rotator:hover .arrow {
	display: block;
}
.main-content.homepage .company-logos {
	margin-top: 1px;
	padding: 7px 0;
	border-top: 1px solid #0f4371;
	border-bottom: 1px solid #0f4371;
	text-align: center;
}
.main-content.homepage .company-logos li {
	display: inline-block;
	margin: 0 15px;
	float: none;
}
.main-content.homepage .kickers {
	margin-top: 1px;
}
.main-content.homepage .kickers li {
	margin-right: 9px;
}
.main-content.homepage .kickers li a,
.main-content.homepage .kickers li img {
	display: block;
}
.main-content.homepage .kickers li:last-child {
	margin-right: 0;
}
.main-content.homepage .social-bar {
	margin-top: 1px;
	padding: 14px 0;
	border-bottom: 1px solid #0f4371;
}
.main-content.homepage .info-boxes {
	margin-top: 1px;
}
.main-content.homepage .info-boxes > li {
	width: 294px;
	margin-right: 9px;
}
.main-content.homepage .info-boxes > li h3 {
	background-color: #003d79;
	width: 100%;
	height: 35px;
	padding-left: 15px;
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	line-height: 35px;
}
.main-content.homepage .info-boxes > li h3 strong {
	font-weight: 900;
}
.main-content.homepage .info-boxes > li .content {
	background-color: #e3e3e3;
	min-height: 200px;
	margin-top: 3px;
	padding: 7px 16px 16px;
}
.main-content.homepage .info-boxes > li .content span {
	display: block;
}
.main-content.homepage .info-boxes > li .content .main {
	height: 123px;
	margin-top: 9px;
	overflow: hidden;
	font-size: 14px;
	font-weight: 300;
	line-height: 16px;
}
.main-content.homepage .info-boxes > li .content .main li {
	width: 100%;
}
.main-content.homepage .info-boxes > li .content .main strong {
	display: block;
	font-weight: 700;
}
.main-content.homepage .info-boxes > li .content .featured {
	display: block;
	float: right;
}
.main-content.homepage .info-boxes > li .content .featured img {
	display: block;
}
.main-content.homepage .info-boxes > li .content .view-more {
	display: inline-block;
	background: url(ysw-homepage-viewmore.png) left center no-repeat;
	height: 29px;
	margin-top: 10px;
	padding-left: 40px;
	line-height: 29px;
}
.main-content.homepage .info-boxes > li .content .view-more:hover {
	text-decoration: none;
}
.main-content.homepage .info-boxes > li.calendar .content .main li {
	height: 32px;
	margin-bottom: 8px;
	overflow: hidden;
}
.main-content.homepage .info-boxes > li.promos .content .main {
	margin-right: 110px;
}
.main-content.homepage .info-boxes > li.promos .content .main li {
	margin-bottom: 10px;
}
.main-content.homepage .info-boxes > li.promos .content .main li a {
	display: block;
	height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
}
.main-content.homepage .info-boxes > li.sale-locker .content .main {
	margin-right: 115px;
}
.main-content.homepage .info-boxes > li.sale-locker .content .main .title,
.main-content.homepage .info-boxes > li.sale-locker .content .main .snippet {
	height: 32px;
	overflow: hidden;
}
.main-content.homepage .info-boxes > li.sale-locker .content .main .snippet,
.main-content.homepage .info-boxes > li.sale-locker .content .main .list-price {
	margin-top: 9px;
}
.main-content.homepage .info-boxes > li.sale-locker .content .main .list-price,
.main-content.homepage .info-boxes > li.sale-locker .content .main .sale-price {
	height: 16px;
	overflow: hidden;
}
.main-content.homepage .info-boxes > li.sale-locker .content .main .title,
.main-content.homepage .info-boxes > li.sale-locker .content .main .sale-price {
	font-weight: 700;
}
.main-content.homepage .info-boxes > li.sale-locker .content .main .price {
	margin-top: 15px;
	font-weight: 700;
}
.main-content.homepage .info-boxes > li:last-child {
	margin-right: 0;
}

/**
---------------------------------------------------------------
 * 4.0 - Footer
---------------------------------------------------------------
**/
.footer {
	background-color: #003d79;
	padding: 25px 0 50px;
	border-top: 1px solid #fff;
	color: #fff;
	box-shadow: 0 -2px 0 -1px #003d79;
	-webkit-box-shadow: 0 -2px 0 -1px #003d79;
	-moz-box-shadow: 0 -2px 0 -1px #003d79;
	-ms-box-shadow: 0 -2px 0 -1px #003d79;
	-o-box-shadow: 0 -2px 0 -1px #003d79;
}
.footer .col-catalog {
	width: 125px;
	float: left;
}
.footer .col-catalog .heading {
	font-weight: 900;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	line-height: 16px;
}
.footer .col-catalog img {
	display: block;
	margin-top: 5px;
	box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
	-o-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
}
.footer .col-info {
	width: 140px;
	margin-left: 45px;
	float: left;
	font-family: "Arial", sans-serif;
	font-size: 12px;
}
.footer .col-info p:first-child {
	margin-bottom: 20px;
}
.footer .col-lists {
	width: 390px;
	margin-left: 20px;
	float: left;
	font-family: "Arial", sans-serif;
	font-size: 12px;
}
.footer .col-lists ul {
	width: 33.3333%;
	float: left;
}
.footer .col-lists ul li {
	float: none;
}
.footer .col-lists ul li.heading {
	font-weight: bold;
}
.footer .col-badges {
	float: right;
}
.footer .col-badges a {
	display: block;
	margin-bottom: 10px;
}
.footer .col-badges a img {
	display: block;
	margin: 0 auto;
}