/* html */
* { padding:0; margin:0; }
a { outline:none; }
body { background-color:#000; }

/* global */
div.clear { clear:both; }
input.textfield, textarea { padding:12px 11px; border:none; background-color:#efeded; }
input.error { background-color:#F00; }
select { padding:11px 11px; border:none; background-color:#efeded; }
div.button a,
div.buttonSubmit a,
div.button input[type="submit"] { 
	display:inline-block; 
	padding:10px 60px; 
	background-color:#fff; 
	color:#000;
	font-weight:bold; 
	text-decoration:none; 
	text-transform:uppercase; 
	border:none;
}
div.button a:hover,
div.buttonSubmit a:hover,
div.button input[type="submit"]:hover{ 
	background-color:#666; 
}
div.buttonSelectDropdown a { display:block; height:29px; padding-top:12px; padding-left:11px; background:#efeded url(../images/ui/button-select-dropdown.gif) no-repeat top right; }
div.buttonSelectDropdown a:hover { background-position:bottom right; } 
div.contentTitle { width:919px; padding:7px 9px; border:1px solid #7c7c7c; background-color:#ececec; }
.desktop { display:block; }
.mobile { display:none; }

/* tooltip */
div#tooltip { display:none; position:absolute; z-index:1000; padding:19px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1); box-shadow: 0px 0px 5px rgba(0, 0, 0, .1); background-color:#FFF; }
div#tooltip div#ttPointer { position:absolute; bottom:-13px; left:19px; width:21px; height:13px; background:url(../images/ui/tooltip-pointer.png) no-repeat top left; }

/* lightbox */
div#lightboxContent { display:none; position:fixed; z-index:10000; -moz-box-shadow: 0 0 29px #000; -webkit-box-shadow: 0 0 29px #000; box-shadow: 0px 0px 29px #000; background-color:#FFF; }
div#lightboxTint { display:none; position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background-color:#000; -moz-opacity:0.8; opacity:.8; filter:alpha(opacity=80); }
div#lightboxLoader { display:none; position:fixed; z-index:10000; width:100%; height:100%; background:url(../images/ui/loader.gif) no-repeat center center; }

/* conditions lightbox */
div.lightboxConditionsOfUse { top:100px; width:707px; height:540px; padding:33px 27px; }
div.lightboxConditionsOfUse h3 { padding-bottom:16px; }
div.lightboxConditionsOfUse h4 { padding-top:16px; }
div.lightboxConditionsOfUse h5 { padding-top:16px;}
div.lightboxConditionsOfUse div#lightboxBody { height:480px; }
div.lightboxConditionsOfUse div.buttonClose { position:absolute; top:20px; right:20px; }
div.lightboxConditionsOfUse div.buttonClose a { display:block; text-indent:-5000px; width:37px; height:37px; background:url(../images/ui/button-close-lightbox.gif) no-repeat top left; }
div.lightboxConditionsOfUse div.buttonClose a:hover { background-position:bottom; }

/* ecomm t&c lightbox */
div#lightboxTandCContent { display:none; position:fixed; z-index:10000; -moz-box-shadow: 0 0 29px #000; -webkit-box-shadow: 0 0 29px #000; box-shadow: 0px 0px 29px #000; background-color:#FFF; }
div#lightboxTandCContent ol { margin-left:10px; padding-left:20px; }
div#lightboxTandCContent ol li { padding-bottom:8px; }
div#lightboxTandCContent ol ol { padding-left:40px; }
div#lightboxTandCContent ol ol li { padding-bottom:0; }

/* swatch zoom lightbox */
div.lightboxSwatchZoom { top:0; border:20px solid #FFF; background:#FFF url(../images/ui/loader.gif) no-repeat center center; }
div.lightboxSwatchZoom div.viewport { position:absolute; }
div.lightboxSwatchZoom div.viewportVisible { border:1px solid #999; background-color:rgba(255, 255, 255, .5); }
div.lightboxSwatchZoom div.swatchImage { display:block; }
div.lightboxSwatchZoom div.swatchInfo { position:relative; padding-top:18px; }
div.lightboxSwatchZoom div.swatchInfo div.addToCartLink { position:absolute; right:0; top:19px; }
div.lightboxSwatchZoom div.addedToCartFlag { display:none; position:absolute; z-index:2; width:0; height:42px; left:-5px; text-indent:-5000px; background:url(../images/ui/added-to-cart-flag-l.png) no-repeat top left; }
div#lightboxButtonClose { display:none; position:fixed; z-index:10001; }
div#lightboxButtonClose a { 
	display:block; 
	text-indent:-5000px; 
	width:37px; 
	height:37px; 
	background:url(../images/ui/button-close-lightbox.png) no-repeat top left; 
	-webkit-transition: opacity 0.35s ease-in;
    -moz-transition: opacity 0.35s ease-in;
    -o-transition: opacity 0.35s ease-in;
}
div#lightboxButtonClose a:hover { 
	opacity:.6;
}
div#lightboxActualScale { display:none; position:fixed; z-index:10000; border:solid 3px #FFF; height:541px; width:356px; overflow:hidden; -moz-box-shadow: 0 0 29px #000; -webkit-box-shadow: 0 0 29px #000; box-shadow: 0px 0px 29px #000; background:#FFF url(../images/ui/loader.gif) no-repeat center center; }
div#lightboxActualScale div.actualScaleImageCover { position:fixed; z-index:10002; }
div#lightboxActualScale div.actualImage { position:absolute; z-index:10001;}
div#lightboxActualScale div.actualImage img { position:absolute; z-index:10001; }
div#lightboxActualScaleCopy { display:none; position:fixed; z-index:10000; text-align:center; }
div#lightboxPrevNext { display:none; position:fixed; z-index:10002; }
div#lightboxPreviousSwatch, div#lightboxNextSwatch { position:absolute; z-index:10000; cursor:pointer; }
div#lightboxPreviousSwatch .navArrow { position:absolute; z-index:10001; top:20px; min-width:28px; min-height:49px; background:url(../images/ui/lightbox-swatch-previous-arrow.png) no-repeat center center; }
div#lightboxPreviousSwatch .swatchPreview { position:absolute; z-index:10000; top:20px; border:2px solid #FFF; }
div#lightboxNextSwatch .navArrow { position:absolute; z-index:10001; top:20px; min-width:28px; min-height:49px; background:url(../images/ui/lightbox-swatch-next-arrow.png) no-repeat center center; }
div#lightboxNextSwatch .swatchPreview { position:absolute; z-index:10000; top:20px; border:2px solid #FFF; background-color:#000; }
div#lightboxNextSwatch div.navArrowCopy { text-align:right; }

#lightboxSupportingImage {
	display:none;
	position:fixed; 
	z-index:10001;
	border:3px solid #fff;
	background-color:#fff;
	overflow:hidden;
}
#lightboxSupportingImage #lightboxSupportingImageButtonClose {
	position:absolute;
	z-index:10003;
	right:10px;
	top:10px;
}

#lightboxSupportingImage #lightboxSupportingImageButtonClose a {
	display:block;
	width:19px;
	height:19px;
	text-indent:-5000px;
	background:url(../images/ui/lightbox-supporting-close-button.png) no-repeat center center;
}

#lightboxSupportingImage #lightboxSupportingTemplateImage {
	position:absolute;
	z-index:10002;
	width:100%;
}

#lightboxSupportingImage #lightboxSupportingTemplateImage img {
	width:100%;
}

#lightboxSupportingImage #lightboxSupportingPreviousButton {
	position:absolute;
	z-index:10004;
	left:10px;
	top:calc(50% - 24px);
}

#lightboxSupportingImage #lightboxSupportingPreviousButton a {
	display:block;
	text-indent:-5000px;
	width:25px;
	height:47px;
	background:url(../images/ui/lightbox-supporting-previous.png) no-repeat left center;
}

#lightboxSupportingImage #lightboxSupportingNextButton {
	position:absolute;
	z-index:10004;
	right:10px;
	top:calc(50% - 24px);
}

#lightboxSupportingImage #lightboxSupportingNextButton a {
	display:block;
	text-indent:-5000px;
	width:25px;
	height:47px;
	background:url(../images/ui/lightbox-supporting-next.png) no-repeat left center;
}

#lightboxSupportingImagesScroller {
	display:none;
	position:fixed; 
	z-index:10000;
	overflow:hidden;
	border:3px solid #fff;
	background-color:#fff;
}

#lightboxSupportingImagesScroller .supportingImagesTitle {
	display:none;
	position:absolute;
	z-index:10002;
	width:100%;
	text-transform:uppercase;
	text-align:center;
	background-color:#fff;
}

#lightboxSupportingImagesScroller .moreGraphic {
	position:absolute;
	z-index:10005;
	bottom:0;
	width:100%;
	padding-top:50%;
	background:url(../images/ui/lightbox-supporting-more-graphic.png) no-repeat bottom center;
	background-size:cover;
	text-align:center;
	text-transform:uppercase;
	font-size:10px;
}

#supportingImageNoneButton {
	display:none;
	position:fixed;
	z-index:10002;
}

#supportingImageNoneButton a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;
}

#supportingImageNoneButton a:hover {
	color:#898989;
}

#lightboxSupportingImagesScroller .scrollButton {
	position:absolute;
	z-index:10001;
	width:100%;
	text-align:center;
	background-color:#fff;
}

#lightboxSupportingImagesScroller .scrollButton a {
	display:block;
	width:100%;
	height:20px;
	text-indent:-5000px;
}

#lightboxSupportingImagesScroller .scrollDownButton {
	bottom:0;
}

#lightboxSupportingImagesScroller .scrollDownButton a {
	background:url(../images/ui/lightbox-scroll-chevron-down.png) no-repeat center center;
}

#lightboxSupportingImagesScroller .scrollUpButton a {
	background:url(../images/ui/lightbox-scroll-chevron-up.png) no-repeat center center;
}

#lightboxSupportingImagesScroller .scrollable {
	top:20px;
	position:absolute;
}

#lightboxSupportingImagesScroller .scrollable a img {
	border:2px solid #fff;
}

#lightboxSupportingImagesScroller .scrollable a.active img {
	border:2px solid #cccccc;
}

#lightboxSupportingImagesScroller img {
	width:calc(100% - 4px);
}

#lightboxSupportingImageSwapButton {
	display:none;
	position:fixed;
	z-index:10001;
	cursor:pointer;
	-webkit-transition: opacity 0.35s ease-in;
    -moz-transition: opacity 0.35s ease-in;
    -o-transition: opacity 0.35s ease-in;
	opacity:1;
}

#lightboxSupportingImageSwapButton .icon {
	display:inline-block;
	height:37px;
	width:37px;
	clip-path: circle(26px at center);
	vertical-align:middle;
	border:2px solid #fff;
	border-radius:25px;
	background:url(../images/ui/lightbox-style-view.png) no-repeat center center;
}

#lightboxSupportingImageSwapButton.swatchView .icon {
	background-size:46px auto;
}

#lightboxSupportingImageSwapButton a {
	display:inline-block;
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
}

#lightboxSupportingImageSwapButton:hover {
	opacity:.6;
}


#lightboxTandCContent,
#lightboxTandCContent h1,
#lightboxTandCContent h2,
#lightboxTandCContent h3,
#lightboxTandCContent h4,
#lightboxTandCContent h5,
#lightboxContent,
div#lightboxContent h1,
div#lightboxContent h2,
div#lightboxContent h3,
div#lightboxContent h4,
div#lightboxContent h5 {
	color:#000;
}

/* login page */
body#login div#wrapper { width:490px; margin:0 auto; }
body#login div#header { padding-top:134px; padding-bottom:12px; }
body#login div#header div#logo h1 { display:block; text-indent:-5000px; width:474px; height:36px; background:url(../images/ui/login-header-logo.gif) no-repeat top left; }
body#login div#content div#loginBox { position:relative; width:454px; margin-top:24px; padding:18px 17px; border:1px solid #232120; }
body#login div#content div#loginBox h3 { padding-bottom:16px; }
body#login div#content div#loginBox input.textfield { width:432px; margin-bottom:15px; }
body#login div#content div#loginBox div.buttonSubmit { padding-top:20px; }
body#login div#content div#loginBox div#statusMessage { position:absolute; bottom:19px; left:198px; width:260px; }

/* request access page */
body#requestAccess div#wrapper { width:490px; margin:0 auto; }
body#requestAccess div#header { padding-top:134px; padding-bottom:12px; }
body#requestAccess div#header div#logo h1 { display:block; text-indent:-5000px; width:474px; height:36px; background:url(../images/ui/login-header-logo.gif) no-repeat top left; }
body#requestAccess div#content div#requestAccessBox { position:relative; width:454px; margin-top:24px; padding:18px 17px; border:1px solid #232120; }
body#requestAccess div#content div#requestAccessBox h3 { padding-bottom:16px; }
body#requestAccess div#content div#requestAccessBox input.textfield { width:432px; margin-bottom:15px; }
body#requestAccess div#content div#requestAccessBox div#zipAndCountry { position:relative; width:454px; }
body#requestAccess div#content div#requestAccessBox div#zipAndCountry input.textfield { width:174px; margin-bottom:15px; }
body#requestAccess div#content div#requestAccessBox div#zipAndCountry div.buttonSelectDropdown { position:absolute; z-index:2; right:0; top:0; width:244px; }
body#requestAccess div#content div#requestAccessBox div#zipAndCountry select.selectfield { display:none; position:absolute; z-index:1; right:0; top:40px; width:244px; }
body#requestAccess div#content div#requestAccessBox textarea.textareaBox { width:432px; height:100px; margin-bottom:15px; }
body#requestAccess div#content div#requestAccessBox div.buttonSubmit { padding-top:20px; }
body#requestAccess div#content div#requestAccessBox div#statusMessage { position:absolute; bottom:19px; left:198px; width:260px; }
body#requestAccess div#content div#requestAccessBox div#phoneAndMobile { position:relative; }
body#requestAccess div#content div#requestAccessBox div#phoneAndMobile div#mobileAndLabel { position:absolute; right:10px; top:10px; }

/* inner page global wrapper */
body#innerPage div#wrapper { position:relative; width:1283px; margin:0 auto; }

/* inner page global header */
body#innerPage div#header { position:relative; width:1115px; height:162px; text-align: right;}
body#innerPage div#header div#logo { position:absolute; top:80px; left:204px; }
body#innerPage div#header div#logo h1 a { display:block; text-indent:-5000px; width:477px; height:36px; background:url(../images/ui/header-logo.gif) no-repeat top left; }
body#innerPage div#header div#currencySelection { display: inline-block; padding-right: 6px; }
body#innerPage div#header div#currencySelection select { padding-top: 5px; padding-bottom: 5px; }
body#innerPage div#header div#gotoWebsiteLink { display: inline-block; position:relative; padding-top: 22px; padding-right: 6px; }
body#innerPage div#header div#shoppingCartLink { display: inline-block; position:relative; padding-top: 22px; height:19px; padding-right: 6px;  }
body#innerPage div#header div#shoppingCartLink a { display:block; height:19px; padding-left:33px; background:url(../images/ui/shopping-cart-link-bg.png) no-repeat top left; }
body#innerPage div#header div#shoppingCartLink a:hover { background-position:bottom left; }
body#innerPage div#header div#searchBox { display: inline-block; margin-top: 22px; position:relative; text-align: left; height:30px; padding-right:30px; background-color:#efefef; }
body#innerPage div#header div#searchBox input { outline:none; padding:6px 9px 5px 9px; border:none; width:128px; background-color:#efefef; }
body#innerPage div#header div#searchBox div.buttonSearchSubmit { position:absolute; right:0; top:0; }
body#innerPage div#header div#searchBox div.buttonSearchSubmit a { display:block; text-indent:-5000px; width:30px; height:30px; background:url(../images/ui/button-search-submit.gif) no-repeat top left; }
body#innerPage div#header div#searchBox div.buttonSearchSubmit a:hover { background-position:bottom; }
body#innerPage div#header div#searchBox div#suggestionBox { display:none; position:absolute; z-index:100; top:30px; left:0; padding:0 9px; min-width:156px; border:1px solid #e6e6e6; background-color:#f9f9f9; }
body#innerPage div#header div#searchBox div#suggestionBox li { list-style:none; }
body#innerPage div#header div#searchBox div#searchInstructions { position:absolute; right:0; top:40px; line-height:15px; width:176px; }
#menuIcon { display:none; }

/* inner page global footer */
body#innerPage div#footer { 
	margin-top: 50px;
	padding:45px 0 30px 0;
	border-top: 1px solid #666;
	text-align:center; 
	width:948px; 
	margin-left:205px;
}

body#innerPage div#footer .row {
	padding-bottom: 30px;
}

body#innerPage div#footer .col {
	vertical-align: top;
	width: 24%;
	display: inline-block;
	color: #cccccc;
}

body#innerPage div#footer .col a {
	color: #cccccc;
	text-decoration: none;
}

body#innerPage div#footer h5 {
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 20px;
}

body#innerPage div#footer .col h5 a {
	text-decoration: underline;
}

body#innerPage div#footer .col .we-accept-list li {
	list-style: none;
	display: inline-block;
	text-indent: -5000px;
	width: 57px;
	height: 36px;
}

body#innerPage div#footer .col .we-accept-list .accept-mc {
	background: url(/images/ui/we-accept-mc.png) no-repeat center center;
}

body#innerPage div#footer .col .we-accept-list .accept-visa {
	background: url(/images/ui/we-accept-visa.png) no-repeat center center;
}

body#innerPage div#footer .col .we-accept-list .accept-amex {
	background: url(/images/ui/we-accept-amex.png) no-repeat center center;
}

/* inner page global side nav */
div#contentWrapper div#sidenav { /*float:left;  padding-right:23px;*/ position:fixed; top:157px; left:0; width:180px; text-align:right; }
div#contentWrapper div#sidenav h4 { padding-bottom:6px; }
div#contentWrapper div#sidenav ul#seasonalList { padding-bottom:12px;  }
div#contentWrapper div#sidenav ul#categoriesList { padding-bottom:4px; }
div#contentWrapper div#sidenav ul#categoriesList li,
div#contentWrapper div#sidenav ul#seasonalList li { list-style:none; text-align:right; padding-bottom:4px; }
/*div#contentWrapper div#sidenav ul#categoriesList li a.active,
div#contentWrapper div#sidenav ul#seasonalList li a.active { padding-left:12px; background:url(../images/ui/subnav-active-marker.png) no-repeat center left; }
*/
div#contentWrapper div#sidenav div#filters { position:relative; width:153px; padding-top:9px; padding-bottom:6px; margin-bottom:8px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; }
div#contentWrapper div#sidenav div#filters h4 { padding-bottom:8px; }
div#contentWrapper div#sidenav div#filters ul.filtersList li,
div#contentWrapper div#sidenav ul#seasonalList li,
div#contentWrapper div#sidenav ul#categoriesList li { 
	list-style:none; 
	text-align:right; 
	padding-bottom:12px; 
}
div#contentWrapper div#sidenav div#filters ul.filtersList li a,
div#contentWrapper div#sidenav ul#seasonalList li a,
div#contentWrapper div#sidenav ul#categoriesList li a { 
	display:block; 
	height:10px; 
	padding-right:15px; 
	background:url(../images/ui/filters-checkbox.gif) no-repeat top right; 
}
div#contentWrapper div#sidenav div#filters ul.filtersList li a.active,
div#contentWrapper div#sidenav ul#seasonalList a.active,
div#contentWrapper div#sidenav ul#categoriesList li a.active { 
	background-position:bottom right; 
}
div#contentWrapper div#sidenav div#filters div#filtersCol { width:153px; text-align:right; } 
div#contentWrapper div.swatch div.hotarea { position:absolute; z-index:3; top:0; left:0; width:307px; cursor:pointer; background:url(../images/ui/spacer.gif) repeat top left; }
#subnavGotoWebsiteLink { display:none; padding-top:6px; }

/* inner page global misc */
div#contentWrapper { position:relative; width:1283px; }
div#contentWrapper div#content { /*float:left;*/ width:948px; margin-left:205px; }

/* index page 
div#contentWrapper div.index div.swatch { position:relative; float:left; cursor:pointer; padding:0 9px 9px 0; width:307px; height:307px; }
div#contentWrapper div.index div.swatch div.swatchImage { position:relative; z-index:1; width:307px; height:307px; overflow:hidden; }
div#contentWrapper div.index div.swatch div.swatchImage img { width:307px; }
div#contentWrapper div.index div.swatch div.rolloverState { display:none; position:absolute; z-index:2; top:0; left:0; width:307px; height:307px; line-height:307px; text-align:center; background:url(../images/ui/swatch-rollover-bg.png) repeat top left; }
*/

/* categories and search page page */
div#contentWrapper div.categories div.swatch { position:relative; float:left; padding:0 9px 9px 0; width:307px; height:479px; }
div#contentWrapper div.categories div.swatch div.keywords { display:none; position:absolute; z-index:4; width:307px; padding-top:3px; background:url(../images/ui/keywords-box-bg.png) no-repeat left top; }
div#contentWrapper div.categories div.swatch div.keywords div.box { position:relative; width:281px; padding:11px 12px; border:1px solid #e8e8e8; background-color:#FFF; }
div#contentWrapper div.categories div.swatch div.keywords div.buttonClose { position:absolute; top:9px; right:9px; }
div#contentWrapper div.categories div.swatch div.keywords div.buttonClose a { display:block; text-indent:-5000px; width:9px; height:10px; background:url(../images/ui/button-close-keywords-box.gif) no-repeat top left; }
div#contentWrapper div.categories div.swatch div.keywords div.buttonClose a:hover { background-position:bottom; }
div#contentWrapper div.categories div.swatch div.swatchImage { position:relative; z-index:1; width:307px; height:426px; overflow:hidden; text-align:center; }
div#contentWrapper div.categories div.swatch div.swatchImage img { width:auto; max-width:100%; max-height:426px; /*width:307px; max-width:307px; max-height:426px;*/ }
div#contentWrapper div.categories div.swatch div.rolloverState { display:none; text-indent:-5000px; position:absolute; z-index:2; top:0; left:0; width:307px; text-align:center; background:url(../images/ui/swatch-rollover-enlarge-bg.png) no-repeat center center; }
div#contentWrapper div.categories div.swatch div.swatchInfo { position:absolute; top:432px; width:307px; }
div#contentWrapper div.categories div.swatch div.swatchInfo div.addToCartLink { position:absolute; right:0; top:0; }
div#contentWrapper div.categories div.swatch div.addedToCartFlag { display:none; position:absolute; z-index:2; width:0; height:33px; left:-5px; text-indent:-5000px; background:url(../images/ui/added-to-cart-flag.png) no-repeat top left; }

/* search page */
div.search div.contentTitle { margin-bottom:21px; }

/* keywords page */
div.keywords div.contentTitle { margin-bottom:17px; }
div.keywords div#keyColumns { width:805px; }
div.keywords div#keyColumns div.keyColumn { float:left; width:161px; } 
div.keywords div#keyColumns div.keyColumn li { list-style:none; padding-bottom:18px; }

/* keywords results page */
div.keywordsResults div.contentTitle { margin-bottom:21px; }

/* shared ecommerce items */
div.formGroup { position:relative; width:805px; padding-top:16px; border-bottom:1px solid #666; }
div.formGroup h3 { padding-bottom:10px; }
div.sampleSwatchGroup { padding-bottom:18px; }
div#bottomOfForm { position:relative; }
div#bottomOfForm div.tandc { position:absolute; top:10px; }
div#bottomOfForm div#statusMessage { position:absolute; width:625px; text-align:right; top:37px; }

/* cart page */
div.cart div.item { position:relative; width:937px; border-bottom:1px solid #666; }
div.cart div.item div.hotarea { position:absolute; z-index:5; top:16px; width:56px; cursor:pointer; }
div.cart div.item div.rolloverState { display:none; position:absolute; z-index:4; top:16px; width:56px; background:url(../images/ui/cart-image-rollover.png) center left; }
div.cart div.item div.image { position:relative; padding:16px 0; }
div.cart div.item div.image img { max-width:56px; }
div.cart div.item div.name { position:absolute; top:13px; left:68px; }
div.cart div.item div.options { position:absolute; top:37px; left:68px; }
div.cart div.item div.price { position:absolute; top:13px; right:0; }
div.cart div#totalPrice { width:937px; padding:11px 0 26px 0; text-align:right; }
div.cart div.buttonCheckout { position:relative; float:right; right:45px; width:164px; }
/*div.cart div.buttonCheckout a { display:block; text-indent:-5000px; width:164px; height:37px; background:url(../images/ui/button-checkout.gif) no-repeat top left; }
div.cart div.buttonCheckout a:hover { background-position:bottom; }*/

/* checkout page */
div.checkout div#statusMessage { 
	position: relative;
	padding-bottom: 10px;
} /* This isn't in the bottom next to the button like the other pages */
div.checkout input.textfield, textarea { display:block; clear:both; width:400px; margin-bottom:12px; }
div.checkout div#securityCodeGroup { position:relative; width:150px; }
div.checkout div#securityCodeGroup input.textfield { width:128px; }
div.checkout div#securityCodeGroup div.buttonSecurityCodeQuestion { position:absolute; right:0; top:0; }
div.checkout div#securityCodeGroup div.buttonSecurityCodeQuestion a { display:block; text-indent:-5000px; width:34px; height:41px; background:url(../images/ui/button-security-code-question.gif) no-repeat top left; }
div.checkout div#securityCodeGroup div.buttonSecurityCodeQuestion a:hover { background-position:bottom; }
div.checkout div#monthGroup { position:relative; width:110px; height:53px; }
div.checkout div#monthGroup div.buttonSelectDropdown, div.checkout div#shippingStateAndZipGroup div.buttonSelectDropdown { position:absolute; z-index:2; left:0; top:0; width:110px; }
div.checkout div#monthGroup select.selectfield, div.checkout div#shippingStateAndZipGroup select.selectfield { display:none; position:absolute; z-index:1; left:0; top:40px; width:110px; }
div.checkout div#yearGroup { position:absolute; left:122px; bottom:0; width:110px; height:53px; }
div.checkout div#yearGroup div.buttonSelectDropdown, div.checkout div#shippingStateAndZipGroup div.buttonSelectDropdown { position:absolute; z-index:2; left:0; top:0; width:110px; }
div.checkout div#yearGroup select.selectfield, div.checkout div#shippingStateAndZipGroup select.selectfield { display:none; position:absolute; z-index:1; left:0; top:40px; width:110px; }
div.checkout div#billingStateAndZipGroup, div.checkout div#shippingStateAndZipGroup { position:relative; z-index:999; width:422px; height:53px; }
div.checkout div#billingStateAndZipGroup div.buttonSelectDropdown, div.checkout div#shippingStateAndZipGroup div.buttonSelectDropdown { position:absolute; z-index:2; left:0; top:0; width:259px; }
div.checkout div#billingStateAndZipGroup select.selectfield, div.checkout div#shippingStateAndZipGroup select.selectfield { display:none; position:absolute; z-index:1; left:0; top:40px; width:259px; }
div.checkout div#billingStateAndZipGroup input.stateTextField,  div.checkout div#shippingStateAndZipGroup input.stateTextField { display:none; position:absolute; z-index:1; left:0; top:0; width:237px; }
div.checkout div#billingStateAndZipGroup input.zipTextfield, div.checkout div#shippingStateAndZipGroup input.zipTextfield { position:absolute; width:128px; right:0; }
div.checkout div#billingCountryFieldGroup, div.checkout div#shippingCountryFieldGroup { position:relative; width:422px; height:53px; }
div.checkout div#billingCountryFieldGroup div.buttonSelectDropdown, div.checkout div#shippingCountryFieldGroup div.buttonSelectDropdown { position:absolute; z-index:2; right:0; top:0; width:422px; }
div.checkout div#billingCountryFieldGroup select.selectfield, div.checkout div#shippingCountryFieldGroup select.selectfield { display:none; position:absolute; z-index:1; left:0; top:40px; width:422px; }
div.checkout div.shippingGroup { display:none; min-height:87px; }
div.checkout div#sameAsBillingGroup { position:absolute; top:18px; left:133px; }
div.checkout div#flatShippingRates { position:absolute; top:15px; left:452px; padding:6px 7px; border:1px solid #959595; }
div.checkout div.buttonPreviewAndSubmit { position:relative; left:550px; width:260px; padding:29px 0; }
/*div.checkout div.buttonPreviewAndSubmit a { display:block; text-indent:-5000px; width:173px; height:37px; background:url(../images/ui/button-preview-and-submit.gif) no-repeat top left; }
div.checkout div.buttonPreviewAndSubmit a:hover { background-position:bottom; }*/
div.checkout div.contentTitle {
	margin-bottom: 10px;
}
div.checkout div#repeatOption { position:relative; }
div.checkout div#repeatOption div#sampleRepeatGroup { display:none; }
div.checkout div#repeatOption div#sampleRepeatGroup div.buttonSelectDropdown { position:absolute; z-index:2; left:0; top:21px; width:422px; }
div.checkout div#repeatOption div#sampleRepeatGroup select.selectfield { display:none; position:absolute; z-index:1; left:0; top:61px; width:422px; }
div.checkout div#repeatOption div#sampleRepeatSizeField { display:none; position:absolute; z-index:2; left:432px; top:21px; }
div.checkout div#repeatOption div#sampleRepeatSizeField input.samplesizeTextfield { width:128px; }
div.checkout div#repeatOption div#sampleRepeatRates { display:none; position:absolute; top:21px; left:592px; padding:10px 7px 9px 7px; border:1px solid #959595; }
div.checkout div#colorSeperationOption { position:relative; }
div.checkout div#colorSeperationOption div#sampleSeperationGroup { display:none; }
div.checkout div#colorSeperationOption div#sampleSeperationGroup div.buttonSelectDropdown { position:absolute; z-index:2; left:0; top:21px; width:422px; }
div.checkout div#colorSeperationOption div#sampleSeperationGroup select.selectfield { display:none; position:absolute; z-index:1; left:0; top:61px; width:422px; }
div.checkout div#colorSeperationOption div#sampleColorSizeField { display:none; position:absolute; z-index:2; left:432px; top:21px; }
div.checkout div#colorSeperationOption div#sampleColorSizeField input.colorsizeTextfield { width:128px; }
div.checkout div#colorSeperationOption div#sampleColorRates { display:none; position:absolute; top:21px; left:592px; padding:10px 7px 9px 7px; border:1px solid #959595; }
div.sampleMinHeight { min-height:67px; }
#hiddenWorldpayForm {
	display: none;
}

/* preview view via AJAX */
#collapsible-previeworder div.formGroup div.info { padding-bottom:16px; }
#collapsible-previeworder div.item { position:relative; }
#collapsible-previeworder div.item div.image { position:relative; padding-bottom:18px; }
#collapsible-previeworder div.item div.image img { max-width:56px; }
#collapsible-previeworder div.item div.name { position:absolute; top:0; left:68px; }
#collapsible-previeworder div.item div.price { position:absolute; top:22px; left:68px;}
#collapsible-previeworder div.buttonSubmitOrder { 
	position: relative; 
	left: 577px; 
	padding: 13px 0 29px 0; 
	width: 235px; 
}
/*div.preview div.buttonSubmitOrder a { display:block; text-indent:-5000px; width:164px; height:37px; background:url(../images/ui/button-submit-order.gif) no-repeat top left; }
div.preview div.buttonSubmitOrder a:hover { background-position:bottom; }*/
#collapsible-previeworder div.inactive a:hover { background-position:top !important; }
#paymentForm {
	display: none;
}
#paymentErrors {
	display: block;
	color: #eb0d0d;
	padding-top: 16px;
}

/* confirmation page */
div.confirmation p { padding-bottom:12px; }
div.confirmation div.item { position:relative; }
div.confirmation div.item div.image { position:relative; padding-bottom:18px; }
div.confirmation div.item div.image img { max-width:56px; }
div.confirmation div.item div.name { position:absolute; top:0; left:68px; }
div.confirmation div.item div.url { position:absolute; top:22px; left:68px;}
iframe.tifFrame { width:0; height:0; display:none; }

/* more loader */
div#moreLoader { position:relative; left:50%; clear:both; }
div#moreLoader img { margin-left:-96px; }

/* download file page */
body.downloadPage { padding:20px 0 0 40px; }
body.downloadPage p { width:60%; }
body.downloadPage iframe { width:0; height:0; }
body.downloadPage div#logo { padding-top:50px; }
body.downloadPage div#logo h1 a { display:block; text-indent:-5000px; width:477px; height:36px; background:url(../images/ui/header-logo.gif) no-repeat top left; }

/* Mobile/Tablet/Responsive */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2),
(min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2),
(min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2), 
(min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3),
(min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2),
  (max-width: 961px) { 
  	.desktop { display:none; }
	.mobile { display:block; }
	
  	body#innerPage div#wrapper {
		width:100%;
	}

	div#contentWrapper {
		width:100%;
	}
	
	body.index #contentWrapper,
	body.categories #contentWrapper,
	body.search #contentWrapper,
	body.cart #contentWrapper,
	body.checkout #contentWrapper,
	body.order-confirmation #contentWrapper,
	body.keywords #contentWrapper,
	body.preview-order #contentWrapper {
		padding-top:13%;
	}

	div#contentWrapper div#content {
		width:90%;
		padding-left:5%;
		margin-left:0;
	}
	
	body#innerPage div#header {
		position:fixed;
		z-index:3000;
		background-color:#fff;
		width:100%;
		left:0;
		height:auto;
		padding:3.5% 0;
	}

	body#innerPage div#header div#logo {
		display:inline-block;
		position:relative;
		top:auto;
		left:auto;
		text-align:center;
		width:50%;
	}
	
	body#innerPage div#header div#logo img {
		width:100%;
		max-width:344px;
	}
	
	#menuIcon {
		display:inline-block;
		width:20%;
		padding-right:5%;
		text-align:right;
		vertical-align:top;
	}
	
	#nav-icon {
	  	width: 34px;
	    height: 24px;
	  	position: relative;
	  	-webkit-transform: rotate(0deg);
	  	-moz-transform: rotate(0deg);
	  	-o-transform: rotate(0deg);
	  	transform: rotate(0deg);
	  	-webkit-transition: .5s ease-in-out;
	  	-moz-transition: .5s ease-in-out;
	  	-o-transition: .5s ease-in-out;
	  	transition: .5s ease-in-out;
	  	cursor: pointer;
		float:right;
	}
	
	#nav-icon span {
  		display: block;
  		position: absolute;
  		height: 4px;
  		width: 100%;
  		background: #333;
  		border-radius: 9px;
  		opacity: 1;
  		left: 0;
  		-webkit-transform: rotate(0deg);
  		-moz-transform: rotate(0deg);
  		-o-transform: rotate(0deg);
  		transform: rotate(0deg);
  		-webkit-transition: .25s ease-in-out;
  		-moz-transition: .25s ease-in-out;
  		-o-transition: .25s ease-in-out;
  		transition: .25s ease-in-out;
	}
	
	#nav-icon span:nth-child(1) {
	  	top: 0px;
	}

	#nav-icon span:nth-child(2),
	#nav-icon span:nth-child(3) {
	  	top: 10px;
	}
	
	#nav-icon span:nth-child(4) {
	  	top: 20px;
	}
	
	#nav-icon.open span:nth-child(1) {
	  	top: 10px;
	  	width: 0%;
	  	left: 50%;
	}
	
	#nav-icon.open span:nth-child(2) {
	  	-webkit-transform: rotate(45deg);
	  	-moz-transform: rotate(45deg);
	  	-o-transform: rotate(45deg);
	  	transform: rotate(45deg);
	}
	
	#nav-icon.open span:nth-child(3) {
	  	-webkit-transform: rotate(-45deg);
	  	-moz-transform: rotate(-45deg);
	  	-o-transform: rotate(-45deg);
	  	transform: rotate(-45deg);
	}
	
	#nav-icon.open span:nth-child(4) {
	  	top: 18px;
	  	width: 0%;
	  	left: 50%;
	}
	  
	body#innerPage div#footer .col {
	  	display: block;
		width: auto;
		padding-bottom: 30px;
	}
	  
	#subnavGotoWebsiteLink,
	#subnavKeywordsLink {
		display:block;
		width:50%;
	}
	
	body.index #subnavGotoWebsiteLink,
	body.index #subnavKeywordsLink {
		width:100%;
	}

	div#contentWrapper div#sidenav,
	body#innerPage div#header div#searchBox,
	body#innerPage div#header div#gotoWebsiteLink {
		display:none;
	}
	
	body#innerPage div#header div#searchBox {
		position:relative;
		right:auto;
		width:100%;
		height:auto;
		background-color:#cccccc;
		padding-right:0;
	}
	
	body#innerPage div#header div#searchBox input {
		width:calc(100% - 80px);
		background-color:#cccccc;
		color:#fff;
		text-transform:none;
		font-size:40px;
		text-align:right;
	}
	
	body#innerPage div#header div#searchBox div.buttonSearchSubmit {
		right:4px;
		top:5px;
	}
	
	body#innerPage div#header div#searchBox div.buttonSearchSubmit a {
		background:url(../images/ui/mobile-search-submit.png) no-repeat top left;
		width:52px;
		height:52px;
	}
	
	body#innerPage div#header div#searchBox div#suggestionBox {
		z-index:2000;
		top:62px;
		left:auto;
		right:0;
	}
	  
	  body#innerPage div#header div#currencySelection {
		  position: absolute;
		  left: 5%;
		  top: 10px;
	  }
	
	#searchInstructions {
		display:none;
	}
	
	div#contentWrapper div#sidenav {
		position:fixed;
		left:auto;
		z-index:1100;
		background-color:#fff;
		width:95%;
		height:100%;
		padding:0 5% 10% 0;
	}
	
	body#innerPage div#header div#shoppingCartLink {
		display:inline-block;
		position:relative;
		top:auto;
		left:auto;
		width:20%;
		padding-left:5%;
		padding-right: 0;
		vertical-align:top;
		text-align: left;
	}
	
	body#innerPage div#header div#shoppingCartLink a {
		background:url(../images/ui/mobile-shopping-cart-link-bg.png) no-repeat left top;
	}
	  
	body#innerPage div#header div#shoppingCartLink a,
	body#innerPage div#header div#shoppingCartLink a span {
		color: #000;
		  
	}
	
	
	div.contentTitle {
		width:calc(100% - 18px);
	}
	
	/* Categories */
	
	div#contentWrapper div.categories div.swatch {
		float:none;
		padding:0;
		width:100%;
		height:auto;
	}
	
	div#contentWrapper div.swatch div.hotarea,
	div#contentWrapper div.categories div.swatch div.swatchImage,
	div#contentWrapper div.categories div.swatch div.swatchImage img {
		width:100%;
		height:auto;
	}
	
	div#contentWrapper div.categories div.swatch div.swatchImage img {
		max-width:none;
		max-height:none;
	}
	
	div#contentWrapper div.categories div.swatch div.swatchInfo {
		position:relative; 
		top:auto;
		width:100%;
		padding:2% 0 5% 0;
	}
	
	div#contentWrapper div#sidenav ul#seasonalList {
		padding-top:17vh;
	}
	
	div#contentWrapper div#sidenav h4,
	div#contentWrapper div#sidenav ul#seasonalList,
	div#contentWrapper div#sidenav ul#categoriesList {
		width:50%;
	}
	
	body.index div#contentWrapper div#sidenav h4,
	body.index div#contentWrapper div#sidenav ul#seasonalList,
	body.index div#contentWrapper div#sidenav ul#categoriesList {
		width:100%;
	}
	
	div#contentWrapper div#sidenav div#filters {
		position:absolute;
		right:5%;
		top:17vh;
		border:none;
		padding-top:0;
	}
	
	div#contentWrapper div#sidenav div#filters h4 {
		width:100%;
	}
	
	div#contentWrapper div.categories div.swatch div.swatchInfo div.addToCartLink {
		top:10%;
	}
	
	div#contentWrapper div.categories div.swatch div.rolloverState {
		width:100%;
		background-size:cover;
	}
	
	/* Expanded View */
	
	.actualScaleImageCover, 
	.actualImage,
	#lightboxActualScaleCopy,
	#lightboxActualScale,
	#lightboxContent .viewport {
		display:none !important;
	}
	
	div#lightboxPreviousSwatch .navArrowCopy,
	div#lightboxPreviousSwatch .swatchPreview,
	div#lightboxNextSwatch .navArrowCopy,
	div#lightboxNextSwatch .swatchPreview {
		display:none !important;
	}
	
	#lightboxContent {
		border-bottom:10px solid #fff;
	}
	
	div#lightboxPreviousSwatch .navArrow,
	div#lightboxNextSwatch .navArrow {
		width:60px;
		height:60px;
	}
	
	div#lightboxPreviousSwatch .navArrow {
		background:url(../images/ui/lightbox-mobile-previous.png) no-repeat top center;
	}
	
	div#lightboxPreviousSwatch,
	div#lightboxNextSwatch {
		width:60px;
		opacity:.6;
	}

	div#lightboxButtonClose a:hover,
	div.lightboxSwatchZoom div.swatchInfo div.addToCartLink a:hover, 
	#lightboxSupportingImageSwapButton:hover { 
		opacity:1;
	}
	
	div#lightboxNextSwatch .navArrow {
		background:url(../images/ui/lightbox-mobile-next.png) no-repeat top center;
	}
	
	div.lightboxSwatchZoom {
		border:5px solid #ffffff;
	}
	
	div.lightboxSwatchZoom div.swatchInfo {
		padding-top:13px;
	}
	
	div.lightboxSwatchZoom div.swatchInfo h3 {
		font-size:18px;
	}
	
	div.lightboxSwatchZoom div.swatchInfo div.addToCartLink {
		width:calc(50% + 5px);
		right:-5px;
		top:5px;
	}
	
	div.lightboxSwatchZoom div.swatchInfo div.addToCartLink a {
		display:block;
		width:100%;
		text-align:center;
		background-color:#cccccc;
		color:#000;
		line-height:38px;
	}
	
	div#lightboxPrevNext {
		width:100%;
		top:calc(50% - 60px);
	}
	
	div#lightboxNextSwatch div.navArrowCopy {
		text-align:left;
	}
	
	#lightboxSupportingImagesScroller {
		border:4px solid #fff;	
	}
	
	#lightboxSupportingImagesScroller .supportingImagesTitle {
		display:block;
	}
	
	#lightboxSupportingImagesScroller img {
		width:31%;
	}
	
	#lightboxSupportingImagesScroller .scrollButton {
		display:none;
	}
	
	#lightboxSupportingImage #lightboxSupportingImageButtonClose {
		top:5px;
		right:0;
	}
	
	#lightboxSupportingImage #lightboxSupportingImageButtonClose a {
		width:50px;
		height:50px;
		background:url(../images/ui/lightbox-supporting-close-button-mobile.png) no-repeat top left;
		text-indent:0;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		font-size:10px;
		line-height:12px;
		padding-top:55px;
	}

	/* Login, Request Access */
	body#login div#header,
	body#requestAccess div#header {
		padding-top:5%;
	}
	
	body#login div#wrapper, 
	body#requestAccess div#wrapper {
		width:90%;
	}
	
	body#login #header .mobile img,
	body#requestAccess #header .mobile img {
		width:100%;
		max-width:344px;
	}
	
	body#login div#content div#loginBox,
	body#requestAccess div#content div#requestAccessBox {
		width:calc(100% - 34px);
	}
	
	body#login div#content div#loginBox input.textfield,
	body#requestAccess div#content div#requestAccessBox input.textfield,
	body#requestAccess div#content div#requestAccessBox textarea.textareaBox  {
		width:calc(100% - 22px);
	}
	
	body#login div#content div#loginBox div#statusMessage {
		width:45%;
		bottom:20px;
		left:190px;
		font-size:9px;
	}
	
	body#requestAccess div#content div#requestAccessBox div#zipAndCountry {
		width:100%;
	}
	
	body#requestAccess div#content div#requestAccessBox div#zipAndCountry input.textfield {
		width:calc(48.5% - 22px);
	}
	
	body#requestAccess div#content div#requestAccessBox div#zipAndCountry div.buttonSelectDropdown {
		width:50%;
	}
	
	/* Cart */
	div.cart div.item,
	div.cart div#totalPrice {
		width:100%;
	}
	
	div.cart div.buttonCheckout {
		left:auto;
		margin-right:0;
		margin-left:calc(100% - 164px);
	}
	
	/* Checkout */
	div.formGroup {
		width:100%;
	}
	
	div.checkout input.textfield, 
	textarea {
		width:calc(100% - 22px);
	}
	
	div.checkout div.buttonPreviewAndSubmit {
		left:auto;
		margin-right:0;
		margin-left:calc(100% - 256px);
		padding-top:60px;
	}
	
	div.checkout div#billingStateAndZipGroup, 
	div.checkout div#shippingStateAndZipGroup,
	div.checkout div#billingStateAndZipGroup select.selectfield, 
	div.checkout div#shippingStateAndZipGroup select.selectfield {
		width:100%;
		position:relative;
	}

	div.checkout div#billingStateAndZipGroup input.zipTextfield, 
	div.checkout div#shippingStateAndZipGroup input.zipTextfield {
		top:0;
		width:calc(48% - 22px);
	}
	
	div.checkout div#billingStateAndZipGroup input.stateTextField, 
	div.checkout div#shippingStateAndZipGroup input.stateTextField {
		width:calc(50% - 22px);
	}
	
	div.checkout div#billingStateAndZipGroup div.buttonSelectDropdown, 
	div.checkout div#shippingStateAndZipGroup div.buttonSelectDropdown {
		width:50%;
	}

	div.checkout div#billingCountryFieldGroup, div.checkout div#shippingCountryFieldGroup,
	div.checkout div#billingCountryFieldGroup div.buttonSelectDropdown, 
	div.checkout div#shippingCountryFieldGroup div.buttonSelectDropdown {
		width:100%;
	}
	
	div.checkout div#billingCountryFieldGroup, 
	div.checkout div#shippingCountryFieldGroup {
		width:100%;
	}
	
	div.checkout div#flatShippingRates {
		position:relative;
		top:auto;
		left:auto;
		width:calc(100% - 16px);
		margin-bottom:10px;
	}
	
	div.checkout div#repeatOption div#sampleRepeatGroup div.buttonSelectDropdown,
	div.checkout div#colorSeperationOption div#sampleSeperationGroup div.buttonSelectDropdown {
		width:50%;
	}
	
	div.checkout div#repeatOption div#sampleRepeatSizeField,
	div.checkout div#colorSeperationOption div#sampleColorSizeField {
		left:52%;
		width:25%;
	}
	
	div.checkout div#repeatOption div#sampleRepeatSizeField input.samplesizeTextfield,
	div.checkout div#colorSeperationOption div#sampleColorSizeField input.colorsizeTextfield {
		width:calc(100% - 22px);
	}
	
	div.checkout div#repeatOption div#sampleRepeatRates,
	div.checkout div#colorSeperationOption div#sampleColorRates {
		left:79% !important;
	}
	
	/* Preview Order */
	div.preview div.buttonSubmitOrder {
		left:calc(100% - 228px);
	}
	
	div#bottomOfForm div#statusMessage {
		width:100%;
		top:75px;
	}
	
	/* Keywords */
	div.keywords div#keyColumns {
		width:100%;
	}
	
	div.keywords div#keyColumns div.keyColumn {
		width:20%;
	}
	
	/* Footer */
	body#innerPage div#footer {
		padding: 45px 0 0 0;
		width: 100%;
		margin-left: 0;
	}
	
	/* ToS Lightbox */
	div.lightboxConditionsOfUse {
		top:5%;
		width:calc(90% - 54px);
		left:5% !important;
	}
	
}

/* Tablet only */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1),
(min-device-width: 800px) 
  and (max-device-width: 1280px),
(device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332),
(min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	body.index div#contentWrapper div.categories div.swatch {
		float:left;
		width:calc(33.3% - 10px);
		height:auto;
		min-height:426px;
		padding-right:10px;
	}
	body.index div#contentWrapper div.categories div.swatch:nth-child(3n+3) {
		padding-right:0;
		clear:right;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	body.index div#contentWrapper div.categories div.swatch {
		min-height:480px;
	}
}

/* Mobile only */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2),
(min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2),
(min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2), 
(min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3),
(min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2){
    div.lightboxSwatchZoom div.swatchInfo h3,
	div.lightboxSwatchZoom div.swatchInfo div.addToCartLink a {
		font-size:3vw;
	}
}