/*** GENERAL STYLES ***/

body {background: #f3f3f3; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 13px; color: #333;}
body, th, td {line-height: 17px;}
h1, h2, h3, h4, h5, h6 {line-height: 21px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img {max-width: 100%;}
img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1em 0;}
a {color: #005995; text-decoration: none;}
a:hover {color: #ee7010; text-decoration: underline;}

.hide {display: none;}
.orange, .purple {color: #ee7010;}
.ltblue {color: #329dcb;}
.alert {color: #ee7010; font-weight: bold;}
.alert a {color: #dd3ed3; text-decoration: none;} 
.alert a:hover {color: #dd3ed3; text-decoration: underline;}
 
.red {color: #c00;}
.xxsmall {font-size: 11px;}
.xsmall {font-size: 12px;}
.small {font-size: 13px;}
.large {font-size: 15px;}
.xlarge {font-size: 16px;}
.xxlarge {font-size: 17px;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 15px 15px 0;}
.imgright {float: right; margin: 0 0 15px 15px;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}
.nowrap {white-space: nowrap;}
.noborder {border: 0 !important;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #ddd; margin: 1em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33.333%;}
.twothird {width: 66.667%;}
.quarter {width: 25%;}
.threequarter {width: 75%;}

.gutter-10 {margin: 0 -5px 20px;}
.gutter-10:before, .gutter-10:after {content: ' '; display: table;}
.gutter-10:after {clear: both;}
.gutter-10 .floatleft {box-sizing: border-box; padding: 0 5px;}

.button, a.button {display: inline-block; box-sizing: border-box; padding: 5px 10px; color: #fff; font-weight: bold; font-size: 14px; border: 0; cursor: pointer; text-align: center; white-space: normal; text-decoration: none;}
.button.block {display: block; width: 100%; padding: 5px;}
.button.red {background: #c00;}
.button.red:hover {background: #e00;}
.button.orange {background: #ee7010;}
.button.orange:hover {background: #f93;}
.button.ltblue {background: #329dcb;}
.button.ltblue:hover {background: #6fbbdb;}
.button.xxsmall {font-size: 11px; padding: 3px 6px;}
.button.xsmall {font-size: 12px; padding: 4px 8px;}
.button.xxlarge {font-size: 21px; padding: 10px 20px;}
@media screen and (max-width: 767px) {/* PHONE */
	.button.phone-block {display: block; width: 100%; padding: 5px; margin: 10px 0;}
}

.inner-shadow-box {box-shadow: inset 0 0 50px #eee; padding: 20px; box-sizing: border-box; margin-bottom: 20px;}


/*** TOP STYLES ***/

#n11-outer {position: relative; max-width: 1170px; margin: 0 auto; text-align: left;}
#n11-inner {position: relative; padding: 20px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.25);}

#n11-top {position: relative; padding-top: 12px; overflow: hidden;}
#n11-top-phone {position: absolute; left: 15px; bottom: 3px; font-size: 12px; color: #666; margin: 0;}
#n11-top-phone strong {font-size: 16px;}

@media screen and (max-width: 949px) {/* WHERE TABS CRASH INTO IT LARGER */
	#n11-top-phone span {display: none;}
}
@media screen and (max-width: 479px) {/* WHERE TABS CRASH INTO IT SMALLER */
	#n11-top-phone {position: static; text-align: center;}
}

#n11-top-tabs {float: right; font-size: 13px; font-weight: bold; padding-right: 5px;}
#n11-top-tabs li {display: inline-block; margin-right: 1px;}
#n11-top-tabs li a {display: block; height: 26px; line-height: 26px; white-space: nowrap; padding: 0 12px; border: solid #ddd; border-width: 1px 1px 0; background: #fff; color: #ee7010; text-decoration: none;}
#n11-top-tabs a:hover {
	background: #f9f9f9;
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 10px);
}
#n11-top-tabs li.orange a {background: #ee7010; border-color: #ee7010; color: #fff;}
#n11-top-tabs li.orange a:hover {background: #f93; border-color: #f93;}
#n11-top-tabs li img {vertical-align: middle;}

@media screen and (max-width: 809px) {/* PHONE */
	#n11-top-tabs .mobile-hide {display: none;}
}
@media screen and (max-width: 479px) {/* SMALL PHONE */
	#n11-top-tabs {float: none; padding: 5px 0 0; text-align: center;}
	#n11-top-tabs li img {display: none;}
}

#n11-branding {position: relative; margin-bottom: 10px;}
#n11-branding:before, #n11-branding:after {content: ' '; display: table;}
#n11-branding:after {clear: both;}

#n11-branding #logo {float: left; width: 33.333%; margin-bottom: 20px; overflow: hidden;}
#n11-branding #logo a.floatleft {width: 55%;}
#n11-branding #logo a.floatright {width: 45%;}
#n11-branding #logo img {display: block;}
#n11-branding #banner {float: right; width: 66.667%; box-sizing: border-box; padding-left: 30px;}
#n11-branding #banner img {float: right; max-width: 100%; margin-bottom: 10px;}

#nxt-search-form {position: relative; clear: right; float: right;}
#nxt-search-form input {float: left; box-sizing: border-box; height: 30px; line-height: 20px; padding: 5px; margin: 0 0 0 5px; font-size: 13px;}
#nxt-search-form input#nxt-search-box {border: 1px solid #ddd; width: 160px;}
#nxt-search-form #n11-top-search-button {color: #fff; border: 0; font-weight: bold; padding: 6px 10px 4px; background: #ee7010; cursor: pointer;}
#nxt-search-form #n11-top-search-button:hover {background: #f93;}

@media screen and (min-width: 600px) and (max-width: 767px) {/* LARGE PHONE */
	#n11-branding #logo {width: 50%;}
	#n11-branding #banner {width: 50%;}
}
@media screen and (max-width: 599px) {/* SMALL PHONE */
	#n11-branding {margin-bottom: 1px;}
	#n11-branding #logo {float: none; width: auto; max-width: 360px; padding: 0 20px; margin: 0 auto 15px;}
	#n11-branding #banner {display: none;}
	#nxt-search-form {float: none; background: #eee; width: auto; margin: 0 -20px; padding: 10px 90px 10px 20px; overflow: hidden;}
	#nxt-search-form input {margin: 0;}
	#nxt-search-form input#nxt-search-box {width: 100%;}
	#nxt-search-form #n11-top-search-button {position: absolute; right: 20px; top: 10px; width: 60px;}
}

/*** MAIN NAV BAR STYLES ***/

#n11-navbar {position: relative; z-index: 15; margin-bottom: 5px;}
#n11-navbar:before, #n11-navbar:after {content: ' '; display: table;}
#n11-navbar:after {clear: both;}

@media screen and (max-width: 599px) {/* PHONE */
	#n11-navbar {margin: 0 -20px;}
	#mobile-nav {display: block; position: relative; background: #005995; padding: 10px 20px; font-weight: bold; text-transform: uppercase; color: #fff; font-size: 15px;}
	#mobile-nav:after {content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 40px; border-left: 1px solid #fff; background: #329dcb url(../img/design/blue-dropdown-h3.png) center center no-repeat;}
	#n11-nav {display: none; background: #329dcb;}
	#n11-nav li {border-top: 1px solid #fff;}
	#n11-nav li {padding: 10px;}
	#n11-nav a {display: block; padding: 7px 15px 7px 0; color: #fff; text-decoration: none; font-size: 15px; font-weight: bold; text-transform: uppercase;}
	#n11-nav h2 {margin-top: 5px;}
	#n11-nav .subnavsection:first-child h2 {margin: 0;}
	#n11-nav h2 a {padding-left: 15px; font-weight: normal; text-transform: none; background: #005995;}
	#n11-nav li li {padding: 0;}
	#n11-nav li li {border-top: 1px solid #329dcb;}
	#n11-nav li li a {padding-left: 15px; background: #197bb0; font-weight: normal; text-transform: none; font-size: 13px;}
}
@media screen and (min-width: 600px) {/* TABLET AND UP */
	#mobile-nav {display: none;}
	#n11-nav {display: block !important; position: relative; float: left; line-height: 30px; font-size: 12px; font-weight: bold; z-index: 10;}
	#n11-nav li {position: relative; float: left; background: #005995; border: solid #fff; border-width: 0 1px 1px 0;}
	#n11-nav li a {display: block; padding: 3px 15px; color: #fff; text-decoration: none; cursor: pointer;}
	#n11-nav li:hover a {background: #ee7010;}
	#n11-nav div.subnav {display: none; position: absolute; left: 0; top: 100%; width: 361px; background: #ee7010; padding: 10px 0 15px; overflow: hidden; z-index: 10; border-top: 1px solid #fff; box-shadow: 2px 2px 2px rgba(0,0,0,.2);}
	#n11-nav li:hover div.subnav {display: block;}
	#n11-nav div.subnavsection {overflow: hidden;}
	#n11-nav div.subnav.wide {width: 742px;}
	#n11-nav div.subnav div.subnavsection {padding-bottom: 20px;}
	#n11-nav div.subnav div.subnavsection:last-child {padding-bottom: 0;}
	#n11-nav div.subnav.wide div.subnavsection {float: left; padding-bottom: 0; padding-right: 10px;}
	#n11-nav div.subnav.wide div.subnavsection:last-child {padding-right: 0;}
	#n11-nav ul.subnavleft, #n11-nav ul.subnavright {float: left; width: 170px; padding: 2px 5px;}
	#n11-nav ul.subnavleft {border-right: 1px solid #f93;}
	#n11-nav h2 {margin: 0 5px 10px; padding-bottom: 3px; border-bottom: 1px solid #f93;}
	#n11-nav li ul {line-height: 16px;}
	#n11-nav li li {float: none; border: 0; height: auto; background: none;}
	#n11-nav li:hover li a, #n11-nav li:hover h2 a {background: none; padding: 4px 7px;}
	#n11-nav li:hover h2 a {}
	#n11-nav li:hover li a:hover, #n11-nav li:hover h2 a:hover {background: #f93;}
}

#n11-special-message-area {clear: both; padding: 15px 0 25px; border-top: 1px solid #eee;}
#n11-special-message-area:before, #n11-special-message-area:after {content: ' '; display: table;}
#n11-special-message-area:after {clear: both;}

#n11-special-message {float: left; font-size: 16px; font-weight: bold; color: #666; max-width: 75%;}
#n11-special-message p {margin: 0 0 5px;}
#n11-social-toolbox {float: right;}
#n11-social-toolbox a {vertical-align: top;}

@media screen and (max-width: 599px) {/* PHONE */
	#n11-special-message-area {clear: both; padding: 10px 0;}
	#n11-special-message {display: none;}
}

/*** FOOTER STYLES ***/

#n11-bottom {position: relative; padding: 25px 10px 0; overflow: hidden; font-size: 12px;}
#n11-bottom p {margin: 0 0 5px 0;}
#n11-bottom p img {display: block; width: 100%;}
#n11-bottom-left, #n11-bottom-right {float: left; width: 20%; box-sizing: border-box; padding: 0 10px 20px; text-align: center;}
#n11-bottom-center {float: left; width: 60%; padding: 10px 0; overflow: hidden;}
#n11-bottom-center .floatleft {width: 25%; box-sizing: border-box; padding: 0 10px;}
#n11-bottom-center h4 {font-size: 12px; margin-bottom: .5em; border-bottom: 1px solid #ccc;}
#n11-bottom-center ul {margin-bottom: 1.5em;}
#n11-bottom-center ul li {margin-bottom: 3px;}
#n11-bottom-center img.icon {vertical-align: baseline; position: relative; top: 3px; margin-right: 3px;}

#n11-footer {clear: both; border-top: 1px solid #ccc; padding: 20px;}
#n11-footer-awards {text-align: center;}
#n11-footer-awards img {margin: 0 5px;}
#n11-footer-copyright {text-align: center; font-size: 11px; color: #666;}

@media screen and (max-width: 1023px) {/* TABLET */
	#n11-bottom-center {width: 75%;}
	#n11-bottom-center .floatleft {width: 50%;}
	#n11-bottom-center .floatleft:nth-child(2n+1) {clear: left;}
	#n11-bottom-left, #n11-bottom-right {width: 25%;}
}
@media screen and (max-width: 767px) {/* LARGE PHONE */
	#n11-bottom-center {width: 66.667%;}
	#n11-bottom-left, #n11-bottom-right {width: 33.333%;}
}
@media screen and (max-width: 599px) {/* SMALL PHONE */
	#n11-bottom-center {float: none; width: 100%;}
	#n11-bottom-left, #n11-bottom-right {width: 50%;}
}
@media screen and (max-width: 449px) {/* SMALLEST PHONE */
	#n11-bottom-left {display: none;}
	#n11-bottom-right {width: 100%;}
}


/*** COLUMN STYLES ***/

#n11-main {margin: 0 -10px;}
#n11-main:before, #n11-main:after {content: ' '; display: table;}
#n11-main:after {clear: both;}

.column {float: left; width: 100%; padding: 0 10px; box-sizing: border-box;}
@media screen and (min-width: 769px) {/* DESKTOP */
	.column.desktop-0, .formitem.desktop-0 {display: none;}
	.column.desktop-20, .formitem.desktop-20 {width: 20%;}
	.column.desktop-25, .formitem.desktop-25 {width: 25%;}
	.column.desktop-33, .formitem.desktop-33 {width: 33.333%;}
	.column.desktop-40, .formitem.desktop-40 {width: 40%;}
	.column.desktop-50, .formitem.desktop-50 {width: 50%;}
	.column.desktop-60, .formitem.desktop-60 {width: 60%;}
	.column.desktop-67, .formitem.desktop-67 {width: 66.667%;}
	.column.desktop-75, .formitem.desktop-75 {width: 75%;}
	.column.desktop-80, .formitem.desktop-80 {width: 80%;}
	.column.desktop-100, .formitem.desktop-100 {width: 100%;}
}
@media screen and (max-width: 768px) {/* TABLET */
	.column.tablet-0, .formitem.tablet-0 {display: none;}
	.column.tablet-20, .formitem.tablet-20 {width: 20%;}
	.column.tablet-25, .formitem.tablet-25 {width: 25%;}
	.column.tablet-33, .formitem.tablet-33 {width: 33.333%;}
	.column.tablet-40, .formitem.tablet-40 {width: 40%;}
	.column.tablet-50, .formitem.tablet-50 {width: 50%;}
	.column.tablet-60, .formitem.tablet-60 {width: 60%;}
	.column.tablet-67, .formitem.tablet-67 {width: 66.667%;}
	.column.tablet-75, .formitem.tablet-75 {width: 75%;}
	.column.tablet-80, .formitem.tablet-80 {width: 80%;}
	.column.tablet-100, .formitem.tablet-100 {width: 100%;}
}
@media screen and (max-width: 599px) {/* SMALLER PHONES */
	.column.phone-0, .formitem.phone-0 {display: none;}
	.column.phone-20, .formitem.phone-20 {width: 20%;}
	.column.phone-25, .formitem.phone-25 {width: 25%;}
	.column.phone-33, .formitem.phone-33 {width: 33.333%;}
	.column.phone-40, .formitem.phone-40 {width: 40%;}
	.column.phone-50, .formitem.phone-50 {width: 50%;}
	.column.phone-60, .formitem.phone-60 {width: 60%;}
	.column.phone-67, .formitem.phone-67 {width: 66.667%;}
	.column.phone-75, .formitem.phone-75 {width: 75%;}
	.column.phone-80, .formitem.phone-80 {width: 80%;}
	.column.phone-100, .formitem.phone-100 {width: 100%;}
}


/*** HEADLINE TAG STYLES ***/

.content h1 {font-size: 17px; margin-bottom: .5em;}
h1.purple {color: #ee7010; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-top: 10px; font-size: 15px;}
h4.purple {color: #ee7010; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-top: 10px; font-size: 15px;}
h1.orange {color: #ee7010; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-top: 10px; font-size: 15px;}
h4.orange {color: #ee7010; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-top: 10px; font-size: 15px;}


/*** PRODUCT SCROLLER AND GRID STYLES ***/

h2.scroller-title {background: #666; color: #fff; text-transform: uppercase; font-size: 15px; padding: 5px 10px; margin-bottom: 10px;}
h2.scroller-title.orange {background: #ee7010;}
h2.scroller-title.blue {background: #005995;}

.scroller {position: relative; overflow: hidden; margin: 0 0 20px; z-index: 1;}
.scroller-top {border-left: 1px solid #fff;}
.scroller-top, .scroller-bottom {position: absolute; left: 29px; top: 0; bottom: 0; width: 10px; z-index: 6; background: url(../img/design/scroller-top-bottom.png) right center no-repeat;}
.scroller-bottom {right: 30px; left: auto; background-position: left center;}
.scroller-arrows {position: absolute; left: 0; top: 50%; width: 100%; z-index: 1; height: 40px;}
.scroller .left, .scroller .right {position: absolute; left: 5px; top: -50%; z-index: 1; cursor: pointer;}
.scroller .right {left: auto; right: 5px;}
.scrollable {position: relative; margin: 0 30px 0 29px; padding: 10px 0; overflow: hidden; z-index: 5;}
.scrollable .items {position: relative; width: 25000px;}
.scrollable .items .itemset {float: left;}
a.disabled {opacity: .1;}
.scroller .product {float: left; width: 150px; padding: 0 10px; border-left: 1px solid #eee;}
.scroller .itemset:last-child .product:last-child {border-right: 1px solid #eee;}
.scroller .product-image img {max-width: 150px;}

@media screen and (max-width: 599px) {/* SMALL PHONE */
	h2.scroller-title {margin: 0 -20px 10px;}
	.scroller {margin: 0 -20px 20px;}
}

.grid {clear: both; position: relative; overflow: hidden; margin: 1.5em 0;}
.grid .product {padding: 10px; box-sizing: border-box;}

@media screen and (min-width: 768px) {/* TABLET */
	.grid .product {float: left; width: 25%;}
	.grid .product:nth-child(4n+1) {clear: left;}
}
@media screen and (min-width: 450px) and (max-width: 767px) {/* PHONE */
	.grid .product {float: left; width: 50%;}
	.grid .product:nth-child(2n+1) {clear: left;}
}


/*** PRODUCT STYLES ***/

.product {position: relative; font-size: 12px; line-height: 14px;}
.product-info-label {float: left; width: 40%; text-align: right; padding-right: 5%;}
.product-image {margin-bottom: 10px; text-align: center;}
.product-title {font-weight: bold; text-align:center;}
.product-by {}
.product-sku {color: #999; font-size: 11px;}
.product-price { text-align:center;}
.product-old-price {color: #666; text-decoration: line-through;}
.product-sale-price {color: #C00; font-weight: bold;} /* #c00 */
.product-add-to-cart {color:#C00;}
.product-savings {color: #666; text-align:center; font-size: larger; font-weight:bold;} 
.product-availability {}
.product-quantity {}
.product-description {}
.product-rating img {vertical-align: middle;}
.product-comment {clear: both; border-top: 1px solid #ddd; padding: 15px 0;}

.product-detail {overflow: hidden;}
.product-detail-top, .product-detail .product-image {box-sizing: border-box; float: left; margin-bottom: 20px;}
.product-detail-top {width: 75%; padding-left: 30px;}
.product-detail .product-image {width: 25%; text-align: center; font-size: 10px; text-transform: uppercase;}

@media screen and (max-width: 449px) {/* SMALL PHONE */
	.product-detail-top, .product-detail .product-image {float: none; width: 100%;}
}

.product-detail .product-image a {text-decoration: none;}
.product-detail .product-image img {max-width: 100%; height: auto; margin-bottom: 2px;}
.product-detail .product-title {font-size: 17px;}

.product-detail .product-by {font-size: 11px; line-height: 14px; padding-left: 20px; text-indent: -20px;}
.product-detail .product-by a {text-decoration: underline;}

.product-detail .product-by h2 {font-size: 11px; line-height: 14px; padding-left: 20px; text-indent: -20px;}
.product-detail .product-by h2 a {text-decoration: underline;}

.product-detail .product-video-choices {float: left; margin-right: 3px;}
.product-detail .product-video-choices img {display: block; margin-bottom: 2px; width: 73px; height: 55px; filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5;}
.product-detail .product-video-choices a:hover img,
.product-detail .product-video-choices a.current img {filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.product-detail .product-description {clear: both;}

ul.tabs-list {position: relative; overflow: hidden; z-index: 2; border-bottom: 1px solid #fff;}
ul.tabs-list li {float: left;}
ul.tabs-list li a {display: block; padding: 8px 16px; text-align: center; border: solid #fff; border-width: 1px 1px 0 0; background: #999; color: #fff; text-decoration: none; font-size: 13px;}
ul.tabs-list li a:hover {background: #005995;}
ul.tabs-list li a.current {background: #ee7010;}
div.tabs-divs {position: relative; z-index: 1; margin-bottom: 2em;}
div.tabs-divs .bundle-section {width: auto !important;}
div.tabs-divs .hr {margin: 15px 0;}

a.simple-product-box {display: block; text-decoration: none; text-align: center; color: #005995; border: 1px solid #eee; padding: 2px;}
a.simple-product-box img {margin: 5px auto;}
a.simple-product-box .title {display: block; background: #eee; font-weight: bold; font-size: 12px; padding: 7px 10px; line-height: 14px;}
a.simple-product-box:hover .title {background: #ee7010; color: #fff;}

.add-to-cart-module {padding: 15px; margin-bottom: 1.5em; font-size: 13px; background: #eee;}
.add-to-cart-module .product-sku {text-align: center;}
.add-to-cart-module p {margin: .4em 0;}
.add-to-cart-module .product-info-label {display: none;}
.add-to-cart-module .product-title {font-size: 15px;}
.add-to-cart-module .product-price {margin-top: 10px;}
.add-to-cart-module .product-price br {display: none;}
.add-to-cart-module .product-availability {margin-top: 5px; text-align: center;}
.add-to-cart-module div.product-quantity {margin: 5px 0 10px; text-align: center;}
.add-to-cart-module div.product-quantity .product-info-label {float: none; display: inline;}
.add-to-cart-module .product-sale-price {font-size: 16px;}
.add-to-cart-module #Quantity {width: 40px; margin: 0 !important; vertical-align: middle;}

.bundle-section{width:auto; clear:left}
.bundle{border-bottom:1px #ccc solid; display:block; margin:10px 0 0;}
.bundle-description{padding-left:0; padding-top:10px; overflow:hidden;}
.bundle-title{font-size:1.1em; font-weight:900; font-family:Helvetica,Arial,sans-serif; color: #005995;}
.bundle ul.bundle-info{list-style-type:none; width:auto; display:block; position:relative; margin:0 0 0 135px}
.bundle img {float: left;}


/*** CART STYLES ***/

#n11-cart-progress {overflow: hidden; margin-bottom: 1em;}
#n11-cart-progress li {position: relative; float: left; border: solid #fff; border-width: 1px 1px 0 0; text-transform: uppercase; font-size: 10px; font-weight: bold; background: #ddd; color: #999; padding: 30px 5px 5px; width: 16.667%; height: 55px; box-sizing: border-box; line-height: 1; overflow: hidden;}
#n11-cart-progress li.on {background-color: #ee7010; color: #fff;}
#n11-cart-progress li.done {background-color: #005995; background-position: 0 -74px; color: #fff;}
#n11-cart-progress li a {position: absolute; left: 0; top: 0; right: 0; bottom: 0; color: #fff;}
#n11-cart-progress li span {position: absolute; left: 5px; bottom: 5px; max-width: 75px; z-index: 2;}
#n11-cart-progress li span.num {position: absolute; left: 0; top: -2px; width: 24px; line-height: 24px; border-radius: 50%; font-size: 70px; text-align: center; color: rgba(255,255,255,.25); line-height: 1; z-index: 1;}

@media screen and (max-width: 449px) {/* SMALL PHONE */
	#n11-cart-progress li {width: 33.333%; height: 40px; padding-top: 15px;}
	#n11-cart-progress li span.num {top: -2px; font-size: 50px;}
}

.n11-cart-table {width: 100%; border-collapse: collapse; text-align: left; margin-bottom: 20px;}
.n11-cart-table td, .n11-cart-table th {border: solid #ddd; border-width: 1px 0; padding: 10px;}
.n11-cart-table thead td, .n11-cart-table thead th {font-weight: bold; color: #666; background: #eee; border-color: #eee; border-width: 2px 0;}
.n11-cart-table tfoot td, .n11-cart-table tfoot th {border: 0; padding: 5px 10px;}
.n11-cart-table tfoot tr:first-child td, .n11-cart-table tfoot tr:first-child th {padding-top: 10px;}

@media screen and (max-width: 449px) {/* SMALL PHONE */
	.n11-cart-table tr {display: block; border-top: 1px solid #ddd; overflow: hidden;}
	.n11-cart-table td, .n11-cart-table th {display: block; float: left; box-sizing: border-box; border: 0;}
	.n11-cart-table.cols-5 td, .n11-cart-table.cols-5 th {width: 25%;}
	.n11-cart-table.cols-4 td, .n11-cart-table.cols-4 th {width: 33.333%;}
	.n11-cart-table thead tr > :first-child, .n11-cart-table tbody tr > :first-child {float: none; width: 100%;}
	.n11-cart-table tfoot tr > :first-child {width: 66.667%;}
}

.cart-notice-pink, .cart-notice-yellow {padding: 15px; margin: 15px 0; overflow: hidden;}
.cart-notice-pink .imgleft, .cart-notice-yellow .imgleft {margin: 0 25px 0 0;}
.cart-notice-pink {background: #f2bfbf; color: #c00; font-weight: bold; font-size: 15px;}
.cart-notice-yellow {background: #fcf5e3;}

.order-summary-module {padding: 15px; margin-bottom: 1.5em; background: #eee; font-size: 13px;}
.order-summary-module h2 {font-size: 17px; line-height: .9; text-transform: uppercase; color: #fff; margin: -15px -15px 15px; padding: 10px 15px 8px; border-bottom: 1px solid #fff; background: #005995;}
.order-summary-module h3 {font-size: 15px; margin-bottom: .25em;}
.order-summary-module p {margin: .6em 0;}
#n11-order-subtotals {padding-bottom: 5px; border-bottom: 1px solid #ccc;}
#n11-order-coupons, #n11-order-notes {padding: 10px 0 5px; border-bottom: 1px solid #ccc;}
#n11-order-side-links {margin-top: 10px;}
#n11-order-side-links ul {margin: .4em 0; font-size: 12px;}

#n11-cart-login, #n11-cart-billing-shipping, #n11-payment-info-form, #n11-cart-confirm {overflow: hidden; margin: 0 -10px;}
.n11-cart-login-box h3, .n11-cart-billing-shipping-box h3, .n11-cart-confirm-section h3 {color: #ee7010; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.n11-cart-confirm-section {position: relative;}
.n11-cart-confirm-section .editlink {position: absolute; right: 20px; top: 23px; font-size: 10px; text-transform: uppercase;}

.UseSelectedButton{background:url(http://www.nestlearning.com/img/design/use-selected.png) no-repeat; width:136px; height:28px; border:0; cursor:pointer; }
.PreOrderButton {background:url(http://www.nestlearning.com/img/design/pre-order.png) no-repeat; width:156px; height:32px; border:0; cursor:pointer; }
.LoginOnlyButton {background:url(http://www.nestlearning.com/img/design/login.png) no-repeat; width:136px; height:28px; border:0; cursor:pointer; }
.ChangePasswordButton {background:url(http://www.nestlearning.com/img/design/change-password.png) no-repeat; width:136px; height:28px; border:0; cursor:pointer; }


/*** CATEGORY STYLES ***/

#resultFilter {background: #005995; border: 1px solid #ccc; border-bottom: 1px solid #fff; padding: 8px 10px; color: #fff; overflow: hidden; line-height: 22px; border-radius: 8px 8px 0 0;}
#resultFilter label {font-weight: bold; padding-right: 5px;}
#resultFilter input, #resultFilter select {vertical-align: middle; border: 1px solid #fff; height: 20px; line-height: 20px; padding: 0;}
#searchwithin, #SortBy {width: 160px;}
#resultFilter #submit {background: #f93 url(http://www.nestlearning.com/img/design/navbar.gif) 0 -97px; color: #fff; border: 0; font-weight: bold; font-size: 13px; padding: 0 4px; text-transform: uppercase; height: 22px;}

.searchResultFilter {background: #005995; padding: 5px 15px 10px; color: #fff; overflow: hidden; line-height: 30px;}
.searchResultFilter input, .searchResultFilter select {float: left; vertical-align: middle; border: 0; height: 30px; line-height: 20px; padding: 5px; margin: 5px 5px 0 0; box-sizing: border-box;}
.searchResultFilter input[type="submit"] {margin: 5px 0 0; text-transform: uppercase;}

@media screen and (max-width: 599px) {/* SMALL PHONE */
	.searchResultFilter .floatleft, .searchResultFilter .floatright {float: none;}
	.searchResultFilter select {width: 100%; margin-right: 0;}
}

.category-box {position: relative; border-top: 1px solid #fff; overflow: hidden;}
.category-box-products {box-sizing: border-box; overflow: hidden;}
.category-box-products .product {float: left; padding: 10px; box-sizing: border-box;}

@media screen and (min-width: 600px) {/* LARGE PHONE AND UP */
	.category-box-products .product {width: 25%;}
	.category-box-products .product:nth-child(4n+1) {clear: left;}
}
@media screen and (min-width: 499px) and (max-width: 599px) {/* MEDIUM PHONE */
	.category-box-products .product {width: 33.333%;}
	.category-box-products .product:nth-child(3n+1) {clear: left;}
}
@media screen and (min-width: 399px) and (max-width: 499px) {/* SMALL PHONE */
	.category-box-products .product {width: 50%;}
	.category-box-products .product:nth-child(2n+1) {clear: left;}
}
@media screen and (max-width: 399px) {/* SMALLEST PHONE */
	.category-box-products .product {float: none; width: 100%;}
}

.showing-results {float: left; color: #999;}
.page-results {float: right; color: #333;}
.page-results strong {float: left; border: 1px solid #ccc; padding: 0 3px;}
.page-results a {float: left; color: #005995; border: 1px solid #fff; padding: 0 3px;}
.page-results a:hover {color: #ee7010;}
.page-results img {vertical-align: top; text-decoration: none !important;}
.page-results a:first-child {padding-left: 12px; background: url(http://www.nestlearning.com/img/design/page-arrow-left.gif) left center no-repeat;}
.page-results a:last-child {padding-right: 12px; background: url(http://www.nestlearning.com/img/design/page-arrow-right.gif) right center no-repeat;}

@media screen and (max-width: 499px) {/* SMALL PHONE */
	.showing-results, .page-results {float: none; text-align: center;}
}


/*** BLUE DROPDOWN STYLES ***/

.blue-dropdown {position: relative; background: #329dcb; z-index: 1;}
.blue-dropdown h3 {height: 29px; line-height: 29px; color: #fff; background: url(../img/design/blue-dropdown-h3.png) right top no-repeat; font-size: 13px;}
.blue-dropdown ul {position: absolute; left: 0; top: 29px; display: none; padding: 10px 0; width: 100%; font-size: 13px; background: #329dcb; border-top: 1px solid #fff;}
.blue-dropdown:hover ul {display: block;}
.blue-dropdown a {display: block; padding: 4px 10px; color: #fff; text-decoration: none;}
.blue-dropdown h3 a {padding: 0 40px 0 10px;}
.blue-dropdown li a:hover {background: #005995;}


/*** HOME FEATURED STYLES ***/

#n11-home-featured {margin-bottom: 20px;}
#n11-home-featured h2 {font-size: 18px; line-height: 22px; padding: 10px; margin-bottom: 10px; text-align: center; background: #eee;}

.pixelwise-slideshow {position: relative; background: #666; height: 300px;}
.pixelwise-slideshow .slide {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden;}
.pixelwise-slideshow ul.controls, .pixelwise-slideshow ul.controls li {margin: 0; padding: 0; list-style: none; z-index: 20;}
.pixelwise-slideshow ul.numbers {position: absolute; left: 10px; bottom: 10px; text-align: center; color: #eee; font-size: 13px;}
.pixelwise-slideshow ul.numbers li {float: left; width: 30px; height: 30px; line-height: 30px; margin: 0 2px 0 0; background: #329dcb; cursor: pointer;}
.pixelwise-slideshow ul.numbers li:hover {background: #ee7010; color: #fff;}
.pixelwise-slideshow ul.numbers li.on {background: #6fbbdb; color: #fff;}
/*.pixelwise-slideshow ul.dots {position: absolute; right: 0; bottom: -20px; max-width: 280px; overflow: hidden;}
.pixelwise-slideshow ul.dots li {float: left; width: 15px; height: 15px; margin: 0 0 0 5px !important; background: rgba(255,219,183,.25) !important; cursor: pointer;}
.pixelwise-slideshow ul.dots li.on {background: rgba(255,219,183,.75) !important;}
.pixelwise-slideshow ul.arrows {}
.pixelwise-slideshow ul.arrows li {position: absolute; top: 0; height: 100%; cursor: pointer; background: none !important;}
.pixelwise-slideshow ul.arrows li.prev {left: 0; width: 40%;}
.pixelwise-slideshow ul.arrows li.next {right: 0; width: 60%;}
.pixelwise-slideshow ul.arrows li.prev:hover {background: url(/img/ui/slideshow-prev.png) left center no-repeat !important;}
.pixelwise-slideshow ul.arrows li.next:hover {background: url(/img/ui/slideshow-next.png) right center no-repeat !important;}*/

@media screen and (max-width: 599px) {/* SMALL PHONE */
	#n11-home-featured {margin-bottom: 10px;}
	#home-slideshow {margin: 0 -20px; width: auto;}
}


/*** SIDEBAR STYLES ***/

.sidebar-section {background: #eee; padding: 15px; margin: 10px 0;}
.sidebar-section:first-child {margin-top: 0;}
.sidebar-section h4 {font-size: 17px; line-height: .9; text-transform: uppercase; color: #fff; margin: -15px -15px 15px; padding: 10px 15px 8px; border-bottom: 1px solid #fff; background: #005995;}
.sidebar-section h5 {font-size: 14px; margin: 15px -5px 5px; padding: 2px 5px; border-bottom: 1px solid #ccc;}
.sidebar-section h5, .sidebar-section h5 a {color: #ee7010; text-decoration: none;}
.sidebar-section h5 a {display: block; margin: -2px -5px; padding: 2px 5px;}
.sidebar-section h5 a:hover {background: #ee7010; color: #fff;}
.sidebar-section h5:first-child {margin-top: -5px;}
.sidebar-section h5.more-less {position: relative; padding-right: 40px; cursor: pointer;}
.sidebar-section h5.more-less:after {content: '[more]'; position: absolute; right: 0; bottom: 0; font-size: 10px; color: #005995;}
.sidebar-section h5.more-less.toggled:after {content: '[less]';}
.sidebar-section h5.more-less:hover:after {color: #ee7010;}

.sidebar-section.links-list ul li a {display: block; color: #005995; padding: 3px 5px; margin: 0 -5px; text-decoration: none;}
.sidebar-section.links-list ul li a:hover {background: #d5d5d5;}

.sidebar-section.image-only {background: none; padding: 0;}
.sidebar-section.image-only img {display: block; width: 100%; height: auto !important;}

.sidebar-section.border-box {background: none; border: 1px solid #eee; padding: 14px;}
.sidebar-section.border-box img {display: block; margin: 0 auto; height: auto !important;}

.sidebar-section.product-box {background: none; padding: 0;}
.sidebar-section.product-box img {display: block; width: 100%; margin: 0 0 2px;}

.sidebar-section.quote-box h5 {display: none;}
.sidebar-section.quote-box blockquote {padding: 0; margin: 0 0 1em;}
.sidebar-section.quote-box blockquote p {color: #ee7010; font-style: italic; font-size: 14px; margin: 0 0 .5em;}
.sidebar-section.quote-box blockquote cite {color: #888; font-size: 11px; font-style: normal; 1.1;}
.sidebar-section.quote-box .bottom a {display: block; background: #ddd; text-decoration: none; font-size: 11px; padding: 7px 10px; line-height: 14px; text-align: center; font-weight: bold;}
.sidebar-section.quote-box .bottom a:hover {background: #ee7010; color: #fff;}

.sidebar-section.critics-picks {background: none; border: 1px solid #eee; padding: 14px;}
.sidebar-section.critics-picks h5 {border-color: #ddd; text-transform: uppercase;}
.sidebar-section.critics-picks .product {border-bottom: 1px solid #ddd; padding: 10px 0; margin: 0;}
.sidebar-section.critics-picks .product:last-child {border: 0;}
.sidebar-section.critics-picks .product-image {margin: 0 auto 10px;}
.sidebar-section.critics-picks .product-image img {max-width: 100px; max-height: 100px;}


/*** OVERRIDE OLD STYLES ***/

/* #n11-left h1, #n11-right h1 {border: 0; padding: 0; text-indent: 0; color: #333;}*/
#n11-center h3 {border: 0; padding: 0;}
#n11-home-featured h6 {background: none; padding: 0; border: 0; margin: 0;}
.content ol {margin: 1.5em 2em !important; padding: auto !important;}
.content ol li {margin: auto !important; padding: auto !important;}
.order-summary-module h3 {border: 0; padding: 0; text-indent: 0;}
.order-summary-module h6 {border: 0; padding: 0; text-indent: 0; background: none;}


/*** FORM STYLES ***/

input[type="text"].block, textarea.block {display: block; width: 100%; box-sizing: border-box; padding: 5px;}
input[type="radio"], input[type="checkbox"] {vertical-align: middle;}

.form-line {overflow: hidden; margin-bottom: 5px;}
.form-note {padding-left: 140px;}
.form-line.text label, .form-line.select label {float: left; width: 130px; text-align: right; padding-right: 10px;}
.form-line.text input {width: 220px;}

.formline {overflow: hidden; margin: 10px -5px;}
.formitem {float: left; width: 100%; box-sizing: border-box; padding: 0 5px;}
.formline label {display: block; font-size: 10px; font-weight: bold; color: #555; text-transform: uppercase;}
.formline input, .formline select, .formline textarea {display: block; width: 100%; box-sizing: border-box; padding: 5px; border: 1px solid #ccc;}


/*** Carryover from old site ***/

.descRow{width:690px; margin:15px auto 0 auto}
ul.subCat_Desc{width:700px; padding:0}
ul.subCat_Desc li{float:left; margin:0 0 0 20px; list-style-type:disc} /* 5px 0 5px 20px */
ul.subCat_Desc li a, ul.subCat_Desc li strong a{width:150px; display:block}
ul.descCol{float:left; margin:0 0 0 18px; list-style-type:disc; padding:0;}
ul.descCol li {margin: 0; text-indent: -3px; } /* margin: 10px 0 5px 0; height: 25px;*/
ul.descCol li h5 a{margin:10px 0 5px 0; list-style-type:disc; padding:0}
ul.descCol li h5{border:none; margin:0 10px; padding:5px 0 5px 0}