/*   __   \ ____   ____________   ____   ____   _____|__|__  __ ____  
 |       _// __ \ /  ___/\____ \ /  _ \ /    \ /  ___/  \  \/ // __ \ 
 |    |   \  ___/ \___ \ |  |_> >  <_> )   |  \\___ \|  |\   /\  ___/ 
 |____|_  /\___  >____  >|   __/ \____/|___|  /____  >__| \_/  \___  >
        \/     \/     \/ |__|               \/     \/              */      
 
/* ----------------------------------------------------------- */      
/* Notes
/* ----------------------------------------------------------- */

/* bootstap.css in ref_app_storefront_core has boostrap media queries to adjust the bootstrap scaffolding as well as .hidden-desktop etc. */
/* this is currently the only other responsive css file */
/* the bulk of the file is sitting in a media query to target anything under an ipad 767px */
/* the only bit that isnt in this media query is down the bottom - which is "device" specific which is needed for when dimensions are needed to be set in pixels - like jCarousel */

/* ----------------------------------------------------------- */      
/* Table of Contents */ 
/* ----------------------------------------------------------- */

/* Components */
	/* Structure */
	/* Header */
		/* minicart */ 
		/* logo */
		/* mini menu */ 
	/* Footer */
		/* demandware specific overrides */
		/* mobile clearfix */
		
	/* Typography */
	/* Buttons */
	/* Navigation */
	/* Forms */
	/* Images */
	/* Labels Badges */
	/* Tables */
	/* Dialogs */
		/* gift wrapping */

/* Pages */
	/* Account */
	/* checkout */
	/* Customer Service (content) */
		/* Content asset reset */
	/* Gift Certificate */
	/* Home */
	/* Login */
	/* Magazine */
	/* My Bag */
	/* Product Listing */
	/* Product Details */
	/* Product Set */
	/* Send To Friend */
	/* Store Locator */
	
/* Device Specific */
	/* homepage slider adjustments of header */
	/* iphone - send to friend dialog form - problematic width set in pixels to fix */
	/* htc one - adjust height of header */
	/* tablet enhancements - iPad user agent */

/* ----------------------------------------------------------- */
/* End Table of Contents */ 
/* ----------------------------------------------------------- */
@media screen and (min-width:768px){
	html,body
	{
    	min-width: 960px;
	}
	
}


@media screen and (max-width:767px)  { /*main media query ends just before device specific */

/* ----------------------------------------------------------- */     
/* Components */ 
/* ----------------------------------------------------------- */

/* Structure */
/* ------------------------------------- */

body {
	padding: 0;
}
#wrapper {
	margin: 0 auto;
	overflow: hidden;
	min-height: 480px; 
}

#wrapper #main {
	margin: 0 auto;
	overflow: hidden;
	padding: 0 2%;
	width: 96%;
}  

/*	resets - forcing all spans scaffolding from bootstrap to be 100% as well as other containers	*/

#header,
#footer,
#wrapper #main [class*="span"], 
#wrapper #main .uneditable-input[class*="span"], 
#wrapper #main .row-fluid [class*="span"],
#main .html-slot-container,
#wrapper #main #primary,
#wrapper #main .pull-right,
.search-result-options,
#main .notfound,
#main .errorpage,
#main .login-create-account,
#main .forgot-password,
#main .cart-summary,
#main .account-welcome,
#main #personal-data,
#main .account-order-history,
#main .order-detail-items,
#main #wishlist-wrapper,
#main .wishlistsearch,
#wrapper #main .label-solid,
#wrapper #main ul.address-list,
#wrapper #main ul.address-list li,
#wrapper #main .mini-address-location,
#main #addresses .actions,
#wrapper #main .defaultselection,
#wishlist-wrapper .private-btn,
#wrapper #main .wishlist-address,
#main #payment-setting .section-header,
#main #payment-setting .actions,
.pt_checkout .checkout-step2 .codecoupon .checkout-coupon-code,
.pt_checkout .checkout-step2 .codecoupon .content-asset,
.pt_checkout .checkout-step2 .codecoupon .checkout-coupon-code .redemption.coupon,
.pt_checkout .checkout-step2 .paymentmethod,
.pt_checkout .checkout-step2 .paymentmethod .payment-method-options,
.pt_checkout .order-component-block,
#main #payment-setting .actions,
.pt_product-details .product-tabs,
#wrapper.pt_store-locator #main .storelocator,
#wrapper.pt_content .gift-cert-select-amount,
.pt_content #giftcert_purchase .delivery-panel-left,
.pt_content #giftcert_purchase .registration-panel,
#wrapper.pt_checkout .gift-cert-used-message,
.pt_product-details #pdpMain .product-image-container,
.product-set-wrapper .product-set-detail,
.product-set-wrapper #productsetitems .block-add-to-cart .inventory .quantity-adjusted,
#dialog-container table.gift-wrapping-table td.item-desc,
#dialog-container table.gift-wrapping-table td.item-check,
.pt_wish-list .cart-action-continue-shopping,
#send-to-friend-dialog .details-form,
#send-to-friend-dialog .sendtofriend-step1 .form-row.form-row-button,
#wrapper #main .apply-coupon-wrapper {
	background: transparent;
	border: none;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}

/* margin and padding reset */

#main #send-to-friend {
	margin: 0;
	padding: 0;
}

	/* Header */
	/* ------------------------------------- */
	/* resets */ 
	
	#header .container-full-width .container .span9,#header #navigation.span7,#header #navigation.span7 ul,#mini-cart li.dropdown a .mini-cart-total
		{ 
		float: left;
		width: auto;
	}
	
	#header {
		height: 170px;
		position: relative;
		z-index: 500;
	}
	
	.pt_storefront #header {
		/*height: 324px; set at bottom for ranges */
	} 
	
	#header .pull-right[class*="span"],.row-fluid .pull-right[class*="span"]
		{
		float: none;
	}
	
	#header .container-full-width .menu-utility-user li a.user-login,
	#header .container-full-width .menu-utility-user li #account-logout {
		padding: 9px 2px 6px;	
	}
	
	.primary-logo {
		margin: 0;
		padding: 14px 0 18px 14px;
	}
	.primary-logo img {
		height: 40px;
	}
	
	#header .menu-utility-user li.user-name,
	#header .menu-utility-user li.user-name-label {
		display:none;
	}
	
	
	#header .container-full-width .nav-pills.menu-utility li:nth-child(1),
	#header .container-full-width .nav-pills.menu-utility li:nth-child(2) {
		display: none;
	}
	#header .header-search {
		float: none;
		height: 25px;
		margin: 0 2%;
		padding: 7px 0 0;
		position: absolute;
		right: 0;
		top: 107px;
		width: 96%;
		z-index: 150;
	}
	#header form[name="simpleSearch"] {
		width: 100%;
	}
	#header .navbar .btn-navbar {
		background: transparent;
		border: none;
		box-shadow: none;
	}
	.search-control fieldset {
		background: none;
		width: 100%;
	}
	.search-control fieldset input.input-medium.input-search[type="text"] {
		font-size: 1em; /* 16px */
		height: 40px;
		background: #DCDCDC;
		width: 84%;
		float: left;
		margin: 0;
		text-indent: 5px;
		padding: 0;
	}
	
	.search-control .btn-search {
		height: 40px;
		width: 14%;
		float: right;
		background: url("../../../images/sprite-mobile-01.png") no-repeat scroll
			center -385px #3F3F3F;
	}
	
	.search-control .placeholder {
		text-indent: -9999px;
	}
	
	#navigation ul.nav.mini-cart {
		
	}
	
	/* minicart */
	#mini-cart .mini-cart-total.hover, #mini-cart:hover .mini-cart-total, #mini-cart .mini-cart-total:hover {
	 padding-right: 13px;
	}
	
	
	#mini-cart .mini-cart-total .mini-cart-total-label {
	 display: none;
	}
	
	#mini-cart .dropdown-menu { 
	    left: -40%; 
	    padding: 0;
	    right: 0;
	    top: 33px !important;
	    width: 264px !important;
	}
	
	#mini-cart .mini-cart-totals .btn {  
	    margin-bottom: 10px;
	    padding: 0; 
	    width: 100%; 
	}
	
	/* logo */
	.container.logo {
	 border: none;
	 width: 100%; /* jdz - should this be 94% to line up with filter on product details?  */
	}
	
	
	.container.logo .row {
	 width: 100%;
	}
	
	.container.logo .span4 {
		left: 0;
	    position: absolute;
	    top: 36px;
	    z-index: 100;
	}
	
	/* mini menu */
	
	.mobile-mini-menu {
		height: 46px;
	    margin: 0;
	    padding: 0;
	    position: absolute;
	    top: 0px;
	    right: 8px;
	    background: transparent url("../../../images/sprite-mobile-01.png") no-repeat -7px -553px;
	    width:52px;
	    cursor: pointer;
	    cursor: pointer; 
	}
	
	.mobile-mini-menu:hover,
	.mobile-mini-menu.expanded {
	background: url("../../../images/sprite-mobile-01.png") no-repeat scroll -7px -611px transparent; 
	}
	
	.mobile-mini-menu-content { 
		background: none repeat scroll 0 0 #FFFFFF;
	  	/*
		border: 1px solid #C8C8C8;
	    border-width: 0px 0px 1px 0px;
	    */
	    display: none; 
	    right: 0px;
	    margin-right: 10px;
	    position: absolute;
	    top: 38px;
	    width: 70%;
	    z-index: 9000;
	    -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:    0px 10px 10px rgba(0, 0, 0, 0.3);
		box-shadow:         0px 10px 10px rgba(0, 0, 0, 0.3);
	}
	
	.mobile-mini-menu-content .content-asset ul {
		background: none repeat scroll 0 0 #FFFFFF;
	    list-style: none outside none;
	    margin: 0;
	    padding: 30px 40px;
	}
	
	.mobile-mini-menu-content .content-asset ul li {
		float: left;
		list-style: none;
    	text-align: left;
    	width: 100%; 
	}
	
		.mobile-mini-menu-content .content-asset ul li a {  
		line-height: 35px; 
		text-decoration: none;
		color: #3f3f3f;
		font-size: 14px;
	}
		
/* Footer */
/* ------------------------------------- */

.scroll_to_top{
	display: none;
}

#footer .container, .kampyle  {
	display: none;
}

#mobiletotop {
	background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    text-align: center; 
    padding: 20px
}

#footer .full-site-link,
#footer .mobile-site-link { 
		width: 100%;
		text-align: center; 
		padding: 30px 0 0 0;
		text-decoration: none;
		display: block;
		color: #000;
		background: none repeat scroll 0 0 #fff;
		border-color: #DDDDDD;
	    border-image: none;
	    border-style: solid;
	    border-width: 1px 0 0;
	    margin-top: 20px;
	}
	
#footer .mobilefootercopyright { text-align: center; margin-top: 20px; color: #999; }

	/* demandware specific overrides */
		.visually-hidden {
			display: none !important; /* hide it */
			border: none!important;
		}
		
	/* mobile clearfix */
		#cart-table tr.cart-row,
		.pt_checkout .mini-cart-product,
		.order-shipment-table tr {
		  *zoom: 1;
		}
		#cart-table tr.cart-row:before,
		#cart-table tr.cart-row:after,
		.pt_checkout .mini-cart-product:before,
		.pt_checkout .mini-cart-product:after,
		.order-shipment-table tr:before,
		.order-shipment-table tr:after {
		  display: table;
		  content: "";
		  line-height: 0;
		}
		#cart-table tr.cart-row:after,
		.pt_checkout .mini-cart-product:after,
		.order-shipment-table tr:after {
		  clear: both;
		}

/* Typography */
/* ------------------------------------- */

/* fonts being used are
	- arial, sans-serif (mac will load helvetica from sans-serif)
	- century gothic (pc), apple gothic (mac/iPhone), didact gothic (android)
*/

h1.StyleGuide {
	background: transparent !important; /*black is everywhere just for development do this */
}

body {
	/* increase base font from 12px to 16px */
	font: normal 100%/1.25em 'ralewaymedium', sans-serif, Arial; /* 16px/20px */
}

/* consistent global headings created here */
#wrapper #main h1,
#dialog-container h1 {
	border: 1px solid #d4d4d4;
	border-width: 0 0 1px;
 	font: normal 1.5em/1.25em 'ralewaymedium', sans-serif, Arial; /* 24px/30px */
 	margin: 0 0 10px;
	padding: 0;
	text-indent: 0;
}

#wrapper #main h2,
#dialog-container h2,
#wrapper #main h3,
#dialog-container h3,
body #wrapper #main legend,
#dialog-container legend,
#wrapper.pt_cart #main .cart-right h1,
#secondary.refinements .filter-results-heading,
.pt_product-search-noresult .refinement-header,
.pt_product-search-noresult .refinement-container {
	border: 1px solid #d4d4d4;
	border-width: 0 0 1px;
  	float: left; /* for margin */
  	font: 1.25em/1.2em 'ralewaymedium', sans-serif, Arial; /* 20px/24px */
  	margin: 20px 0 10px;
  	padding: 0;
  	text-indent: 0;
	width: 100%;
}

/* if no border needed for heading */

#wrapper #main .filter-results-heading,
#wrapper #main .refinements h3,
#wrapper #main .refinements .toggle,
#wrapper.pt_product-search-result #main .product-name h2,
#wrapper.pt_product-search-result #main .product-name h3,
#wrapper #pdpMain .product-detail h1, 
#wrapper #pdpMain .product-set-main h1 {
	border: none; 
}

/* / if no border needed for heading */

#main p {
	margin: 0 0 10px;
	padding: 0;
}

em {
	font: normal 0.875em/1.42875em 'ralewaymedium', sans-serif, Arial; /* 14px/20px */ /*setting here as desktop was pixel */
}

ul,
ol {
	margin: 0 0 10px; /* reset margin on ul's with low specificity */
	padding: 0; 
}

#main li {
	line-height: 1.25em;
}

/* reset font set in pixels to 1em */

#main a,
#main .welcomemessage,
#main .customerlogininfo,
.pt_checkout .checkout-step2 .codecoupon .label-solid.select,
#wrapper.pt_checkout #main .checkout-step2 .gift-cert-used-message {
	font-size: 1em; /* 16px */
	line-height: 1.25em; /* 20px */
	padding: 0;
	margin: 0;
	text-indent: 0;
}

/* reset but now want to add some bottom margin */

#main .welcomemessage,
#main .customerlogininfo,
#wrapper.pt_checkout #main .checkout-step2 .codecoupon .label-solid.select,
#wrapper.pt_checkout #main .checkout-step2 .gift-cert-used-message,
#wrapper.pt_cart #main .welcome-message  {
	margin: 0 0 10px;
}


/* needs some text indent */
#wrapper.pt_cart #main .right-col-h2-container h2 {
	text-indent: 15px;
}


/* reset to look like a label... 14px grey */

#main #password-reset {
	color: #999;
	font-size: 0.875em; /* 14px */
	line-height: 1.28571429; /* 18px */
}

/* prices */

	/* resets from desktop */
	#search-result-items .product-pricing,
	#search-result-items .product-pricing .standarddesc,
	#wrapper.pt_product-details .product-price .price-standard {
		font-size: 1em;
	}

	/* product listing sales/was prices etc to be on individual lines */
	#wrapper.pt_product-search-result .product-pricing .product-standard-price,
	#wrapper.pt_product-search-result .product-pricing .product-sales-price {
		clear: both;
		float: left;
		width: 100%;
	}

/* this section is not solid - plan to clean it up and make it robust as we go along - please add comments if there
	is a reason for adding a style declaration */

	#wrapper .price-standard {
		font-size: 1em; /* 16px */ /*set in ems to override pixels on desktop */
		line-height: 1.25em; /* 20px */ 
	}
	
	/* generic price */

	#wrapper #main .product-price {
		font-size: 1em; /* 16px */ /*set in ems to override pixels on desktop */
		line-height: 1.25em; /* 20px */ 
	}
	
	#wrapper #main .totalproductsetprice .product-price{
		display: none;
	}
	
	/* product number */
	#wrapper #main .product-number {
		font-size: 0.75em; /* 12px */ /*set in ems to override pixels on desktop */
		line-height: 1.25em; /* 15px */ 
	}
	

/* Buttons */
/* ------------------------------------- */

/* generic button styling */

#wrapper #main .btn,
#dialog-container .btn,
#wrapper #main .button.address-edit,
#wrapper #main .address-delete.delete,
#wrapper #main .defaultaddress,
#wrapper #main .makedefaultaddress,
#wrapper #main .btn.delete,
.pt_product-details #pdpMain #wl-action a,
#dialog-container .cancel.cancel-button,
#dialog-container .send-button,
#send-to-friend-dialog .form-row-button .btn,
#send-to-friend-dialog .sendtofriend-step1 .form-row-button .btn.cancel-button,
#send-to-friend-dialog .sendtofriend-step1 .form-row-button .btn {
	border-radius: 0 0 0 0;
	border: none;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
	
	font: 1.25em/2em 'ralewaymedium', sans-serif, Arial; /* 20px/40px */
	margin: 0 0 10px; /* set margin for mobile that is not on desktop for all buttons */
	padding: 0; /* consistent padding across the site */
	text-align: center;
	text-transform: uppercase;
	width: 100%; /* make all buttons 100% may need to override for some other button classes */
}

/* black button styling */

#main .btn.btn-link,
#wrapper #main .button.address-edit,
#wrapper #main .address-delete.delete,
#wrapper #main .btn.delete,
#dialog-container .send-button,
#send-to-friend-dialog .form-row-button .btn.send-button {
	background: #000;
	color: #fff;
	display: block;
}

/* grey button styling */

#wrapper #main .defaultaddress,
#wrapper #main .makedefaultaddress,
#wrapper #main .btn.delete, 
#dialog-container .cancel.cancel-button,
.pt_product-details #pdpMain #wl-action a,
#wrapper #main .btn.btn-share,
#main .btn-info,
#send-to-friend-dialog .form-row-button .btn,
#dialog-container .btn.btn-info {
	background: #d4d4d4;	
	color: #2a292a;
}

/* small button */

.pt_product-details #pdpMain #wl-action a,
#wrapper #main .btn.btn-share {
	font-size: 0.625em; /* 10px */
	line-height: 2.5em; /* 25px */
}

/* white / grey border */

.pt_product-details #pdpMain #wl-action a,
#wrapper #main .btn.btn-share {
	background: #fff;
	border: 1px solid #ddd;
}

/* love heart icon */

.pt_product-details #pdpMain .wl-action {
	background: url("../../../images/sprite-mobile-01.png") no-repeat scroll 96% -245px transparent;
}

/* share icon */

#wrapper #main .btn.btn-share {
	background: url("../../../images/sprite-mobile-01.png") no-repeat scroll 96% -206px transparent;
}

/* remove icons not needed for mobile btns */

#wrapper #main .btn i,
#dialog-container .btn i {
	display: none;
}

	/* Navigation */
	/* ------------------------------------- */
		/* resets / global */
 
		
	.pt_storefront #navigation1 {
		
		border-top: none;
	    position: relative; 
	    overflow: hidden;
		}
 
	#wrapper #navigation1 .navbar {
		margin: 0px;
		padding: 0px;
		float: left;
		background: none repeat scroll 0 0 #292929;
		}
	
	#wrapper #navigation1 .navbar,
	#wrapper #navigation1 .navbar-inner,
	#wrapper #navigation1 .navbar ul,
	#wrapper #navigation1 .navbar li,
	#wrapper #navigation1 .navbar-inner .nav {
		width: 100%;
		float: left;
		}
	
		/* Level 1 */
		#wrapper .navbar .nav > li > a { 
			float: left; 
			width: 100%
			}
		#wrapper #navigation1 h1.navigation-header,
		#wrapper #navigation1 div.navigation-header { 
		    line-height: 64px;
		    margin: 0;
		    padding: 0;
		    width: 100%;
		}
			
		#wrapper #navigation1 .navbar ul.level-1 li a,
		#wrapper #navigation1 .navbar ul.level-1 > li:hover s,
		#wrapper #navigation1 h1.navigation-header,
		#wrapper #navigation1 div.navigation-header { 
			border: 1px solid #adadad;
			border-width: 0 0 1px 0;
		}
		#wrapper #navigation1 .navbar ul.level-1 > li,
		#wrapper #navigation1 h1.navigation-header,
		#wrapper #navigation1 div.navigation-header {
			background: url("../../../images/bg-menu-arrow-down-dk.png") no-repeat scroll 95.12% 20px transparent;
			float: left;
			height: auto;
			width: 100%;
		} 
		
		#wrapper #navigation1 .navbar ul.level-1 > li:hover {
		 /* leave as is */
	 	}
		
	#wrapper #navigation1 .navbar ul.level-1 li a,
	#wrapper #navigation1 h1.navigation-header span, 
	#wrapper #navigation1 div.navigation-header span {
			font: 18px 'ralewaymedium', sans-serif, Arial;
			/* padding: 22px 0 20px 6.8%; padding changed to pixels instead of percentage as different parent container structure */
			padding: 22px 0 20px 30px;
			color: #fff;
			cursor: pointer !important;
			display: block !important;
		}
		
	#wrapper #navigation1 div.navigation-header span {
			text-transform: uppercase;
		}
	
	#wrapper #navigation1 .navbar ul.level-1 li a {
			color: #fff;
		}
		
		#navigation1 .navbar .level-2 .level-2 {
			width: 100% !important;	
		}		
		
		#navigation1 div.level-2.dropdown-menu .three-column-group,
		.menu-category.level-1 .right .level-2 .menu-wrapper {
			margin: 0;
			padding: 0;
			width: 100%;
		}
		
		#wrapper #navigation1 .navbar ul.level-1 li .level-2 a {
			border: none;
			color: #2A292A !important;
			padding: 15px 0 15px 30px;
			width: 100%;
		} 
		
		#wrapper #navigation1 .navbar ul.level-1 li .level-3 a {
			padding: 10px 0 10px 50px !important;
		}
		
		#wrapper #navigation1 h1.navigation-header span:hover {
			color: #fff !important;
		}
		
		#wrapper #navigation1 .navbar ul.level-2 li a {
			border: none;
			color: #2A292A;
		}		
		
		#wrapper #navigation1 .navbar .level-1 > li:hover > a,
		#wrapper #navigation1 .navbar .level-1 > li > a  {
			border: 1px solid #adadad;
			border-width: 0 0 1px 0;
			color: #fff;
		}
		
		/* Level 2 */
		
		#wrapper #navigation1 .level-1 .level-2,
		#wrapper #navigation1 .level-1 > li:hover .level-2 {
		/*	display: block !important; /* to stop desktop hover */
		}
		
		#wrapper .level-2 .menu-wrapper {
			padding: 0;
			float: none;
			width: 100%;
		}
		
		
		#wrapper #navigation1 div.level-2 {
			/*display: block !important;*/
			
			height: auto !important;
		}
		
		#wrapper #navigation1 div.level-2.dropdown-menu {
		 margin: 0px;
		 padding: 0px;
		 
		/* display: block !important; */ 
		}
		
		
		#wrapper #navigation1 div.level-2,
		#wrapper .navbar .nav > li > .dropdown-menu:after {
			width: 100%;
			background: none repeat scroll 0 0 #EEEEEE;
			position: relative;
			left: 0px;
			top: 0px;
		}
	
		
		
		 /* display none, see JS for menu control */
		#wrapper #navigation1 .navbar .level-1 > li:hover div.level-2 {
		/*display: none;*/
		}
		
		#wrapper .level-2.dropdown-menu {
			display: none;
		}
		
		
		#wrapper ul.level-1 li:hover div.level-2 {
			/*display: none;*/
		}
		
		
		#wrapper #navigation1 .navbar ul.level-1 li ul.level-2 li a,
		#wrapper #navigation1 .navbar ul.level-1 li ul.level-2 li a:hover {
			color: #2A292A;
		    cursor: pointer !important;
		    font: 18px 'ralewaymedium', sans-serif, Arial;
		    padding: 22px 0 0px 48px;
		    width: 100%; 
		} 
		 
		 
		#wrapper #navigation1 .navbar ul.level-1 li ul.level-2 li {
		  	/* background: url("../../../images/bg-menu-arrow-up.png") no-repeat scroll right 20px transparent; 
		  	border: 1px solid #adadad;
			border-width: 0 0 1px 0; */
			}
		
		#wrapper #navigation1 .navbar ul.level-1 li .close {
		 	 background: url("../../../images/bg-menu-arrow-up-dk.png") no-repeat scroll 95.12% 20px transparent;
		     color: #292929;
		    display: block;
		    height: 61px;
		    left: 0;
		    opacity: 1;
		    position: absolute;
		    text-indent: 9999px;
		    top: 2px;
		    width: 100%;
		    z-index: 600;
		}   
		
		/* Level 2 */
		#wrapper #navigation1 .navbar .custom {
		 display: none;
	 	}
		 
		
		/* Level 3 */
		#wrapper #navigation1 .navbar ul.level-1 li ul.level-3 li a,
		#wrapper #navigation1 .navbar ul.level-1 li ul.level-3 li a:hover {
			color: #2A292A;
		    cursor: pointer !important;
		    font: 16px 'ralewaymedium', sans-serif, Arial;
		    padding: 22px 0 20px 68px;
		    width: 100%;
		}
		
		#wrapper #navigation1 .navbar ul.level-1 li ul.level-3 li {
			background: none;
			height: 40px;
		}
		
		#wrapper #navigation1 .navbar ul.level-1 li ul.level-3 li.last {
			border: none;
		} 
		
/* bread crumb */

#main .breadcrumb {
	margin: 5px 0;
}

#wrapper #main .breadcrumb li {
	font-size: 0.625em; /* 10px */	
}

#wrapper #main .breadcrumb li a,
#wrapper #main .breadcrumb li span {
	font-size: 1em; /* 10px */
	line-height: 1.5em; /* 15px */
	padding: 0;
}

#wrapper #main .breadcrumb .breadcrumb-refined-by, 
#wrapper #main .breadcrumb .breadcrumb-refinement-name, 
#wrapper #main .breadcrumb .breadcrumb-refinement-value {
  font-size: 0.625em; /* 10px */	
  line-height: 1.5em; /* 15px */
  padding: 0;
}

#wrapper #main .breadcrumb .divider {
	background: url("../../../images/sprite-button-icons.png") no-repeat scroll -57px -69px transparent;
	width: 7px; /* make it a bit smaller than desktop to fit more in */
}

/* pagination */

#main .pagination {
	margin: 10px 0;
	width: 100%;
}

#main .pagination ul {
	float: right;
}

#main .pagination li {
	font-size: 1em; /* 16px */
	line-height: 1.25em; /* 20px */
}

#main .pagination li a,
#main .pagination li span {
	border-radius: 0 0 0 0;
	font-size: 1em; /* 16px */
	line-height: 1.25em; /* 20px */
	padding: 0 5px;
}

#main .pagination li span.text,
#main .pagination li span.dots { 
	padding: 0;
}

/* Forms */
/* ------------------------------------- */

/* forms are in #main and #dialog-container */

#wrapper #main form,
#dialog-container form,
#send-to-friend-dialog form {
	clear: both;
	margin: 0; /* margin is set on headings, buttons, inputs not forms */
}

#wrapper #main .controls,
#dialog-container .controls,
#send-to-friend-dialog .controls,
#main fieldset,
#dialog-container fieldset,
#wrapper #main .control-group,
#dialog-container .control-group,
#send-to-friend-dialog .control-group {
	float: none; /* for .controls */
	margin: 0;
	padding: 0;
	width: 100%;
}

#main .form-caption, /* become a vip needs it down the bottom - but not sure if it will mess with other stuff */
#dialog-container .form-caption,
#send-to-friend-dialog .form-caption,
#wrapper #main .form-row,
#dialog-container .form-row,
#send-to-friend-dialog .form-row,
#wrapper #main label,
#dialog-container label,
#send-to-friend-dialog label,
#wrapper #main select,
#dialog-container select,
#send-to-friend-dialog select,
#main input,
#dialog-container input,
#send-to-friend-dialog input,
#main textarea,
#dialog-container textarea,
#send-to-friend-dialog textarea,
#main .required-field,
#dialog-container .required-field,
#send-to-friend-dialog .required-field,
#wrapper #main legend, /* its a h2 so more styling with high specifity up top */
#dialog-container legend,
#send-to-friend-dialog legend,
#main .registration-panel-left,
#main .registration-panel,
#send-to-friend-dialog #dwfrm_sendtofriend_message,
.ui-dialog .password-reset #dwfrm_requestpassword input[type="text"] {	
	background: none;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
	
	font: normal 1em/1.25em 'ralewaymedium', sans-serif, Arial; /* 16px/20px */
	height: auto;
	margin: 0 0 10px; /* set a global margin */
	padding: 0;
	position: static;
	text-align: left;
	width: 100%; 
}


#wrapper #main textarea,
#dialog-container textarea,
#send-to-friend-dialog textarea {
	font-size: 16px;
}


#main .registration-panel-left,
#main .registration-panel {
	margin: 0;
}

#wrapper #main .form-row,
#dialog-container .form-row,
#send-to-friend-dialog .form-row  {
	margin: 0; /* trying this with no margin as buttons and so on have margin now */
}

#wrapper #main input,
#dialog-container input,
#send-to-friend-dialog input,
#wrapper #main textarea,
#dialog-container textarea,
#send-to-friend-dialog textarea {
	background: #fff;
	padding: 5px;
	width: 100%;
}

#main .form-row .form-caption, /* if its a form caption in a form row make it smaller - but other ones leave them alone and normal */
#dialog-container .form-row .form-caption,
#send-to-friend-dialog .form-row .form-caption  {
	font-size: 0.75em; /* 12px */
	line-height: 1.1666667em; /* 14px */
}

#wrapper #main select,
#dialog-container select,
#send-to-friend-dialog select  {
	background: url("../../../images/selectbox-arrow.png") no-repeat 100% 3px #fff;
	color: #2A292A;
	min-height: 30px;
	padding: 5px;
}

/* add .radio-label/.checkbox-label to the label or to a labels parent to style for radio and checkboxes */

div.checker {
	margin: -7px 0 0;
}

#wrapper #main .checkbox-label label,
#dialog-container .checkbox-label label,
#send-to-friend-dialog .checkbox-label label,
#wrapper #main label.checkbox-label,
#dialog-container label.checkbox-label,
#send-to-friend-dialog label.checkbox-label,
#wrapper #main .radio-label label,
#dialog-container .radio-label label,
#send-to-friend-dialog .radio-label label,
#wrapper #main label.radio-label,
#dialog-container label.radio-label,
#send-to-friend-dialog label.radio-label  {
	float: right;
	width: 90%;
}

#wrapper #main input[type="checkbox"],
#dialog-container input[type="checkbox"],
#send-to-friend-dialog input[type="checkbox"],
#wrapper #main input[type="radio"],
#dialog-container input[type="radio"],
#send-to-friend-dialog input[type="radio"]  {
	float: left;
	height: 18px;
	margin: 0;
	opacity: 0;
	width: 17px;
}

#main .error-form {
	border: 1px solid #9F111B;
	font: normal 1em/1.25em 'ralewaymedium', sans-serif, Arial; /* 16px/20px */	
	height: auto;	
	margin: 0 0 10px;
	padding: 10px;
}

/* labels */

#wrapper #main label,
#dialog-container label,
#send-to-friend-dialog label {
	color: #999;
	font-size: 0.875em; /* 14px */
	line-height: 1.28571429; /* 18px */
}

#wrapper #main label span,
#dialog-container label span,
#send-to-friend-dialog label span  {
	color: #999;
	font-size: 1em; /* 14px */
}

/* required fields span */

#wrapper #main span.required-field em,
#dialog-container span.required-field em,
#send-to-friend-dialog span.required-field em {
	font-size: 0.75em; /* 12px */
	line-height: 1.333333em; /* 16px */
}	
	
/* 50% input and button */

#wrapper #main .cart-coupon-code label {
	display: block;
	width: 100%;
}

#wrapper #main .cart-coupon-code input {
	float: left;
	margin: 0 2% 0 0;
	width: 49%;
}

#wrapper #main .cart-coupon-code button.btn  {
	width: 49%;
}

/* form changes following update to styling using js plugins */

	/* selects */
	
	#wrapper #main select, 
	#dialog-container select, 
	#send-to-friend-dialog select {
		 /*display: none; do not hide selects as they are not relplaced by javascript version */
		 opacity: 1;
	}
	
	#wrapper #main .select2-container,
	#dialog-container .select2-container, 
	#send-to-friend-dialog .select2-container {
		 display: none; /* hide javascript selects if initialised on desktop and dragged to 'mobile' */
	}	
	
	.select2-container.input-large {
		width: 100%;
	}
	
	.select2-container a.select2-choice {

	}
	
	.select2-container a.select2-choice span {
		font-size: 1em;
		line-height: 1.5em;
		text-indent: 5px;
	}
	
	.select2-drop {
		margin: -4px 0 0 0;
	}

/* Images */
/* ------------------------------------- */

#wrapper #main img {
	height: auto;
	width: 100%;
}

#wrapper #main .PHG-tracking-pixel img {
    height: 1px;
    width: 2px;
}

/* Labels Badges */
/* ------------------------------------- */

/* Tables */
/* ------------------------------------- */

.table th, 
.table td {
	border: none; /* bootstrap reset */
}

/* Force table to not be like tables anymore */

#main table, #main thead, #main tbody, #main th, #main td, #main tr { display: block; }
#main table { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d4d4d4; margin: 0 0 10px; padding: 10px; }
#main thead tr { position: absolute; top: -9999px; left: -9999px; }
#main tr { border: none; }
#main th { display: none; }
#main td { clear: both; margin: 0; padding: 0; text-align: left; width: 100%; }
#main td:before { background: #efefef; display: block; font-weight: bold; margin: 10px 0; padding: 5px 0; text-indent: 10px; width: 100%; }
#main tr td:first-child:before { margin: 0 0 10px; }

/* example of adding header to td 

#example-table td:nth-of-type(1):before { content: "header01"; } 
#example-table td:nth-of-type(2):before { content: "header02"; } 
#example-table td:nth-of-type(3):before { content: "header03"; } 
#example-table td:nth-of-type(4):before { content: "header04"; }
#example-table td:nth-of-type(5):before { content: "header05"; } 

end example of adding header to td */

/* ui-dialgog date picker table */

#ui-datepicker-div {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	width: auto;
}

#ui-datepicker-div select {
	width: 50%;
}

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next,
#ui-datepicker-div .ui-datepicker-calendar th,
#ui-datepicker-div .ui-datepicker-calendar td {
	padding: 7px; /* was 10px */
	text-align: center;
}

/* size guide tables */

.size-chart-table table {
	clear: both;
}

/*
.size-chart-table table {
	background: red;
	
	clear: both;
	float: left;
	width: 100% !important;
}

#main .size-chart-table table,
#dialog-container .size-chart-table table, 
#main .size-chart-table thead, 
#dialog-container .size-chart-table thead, 
#main .size-chart-table tbody,
#dialog-container .size-chart-table tbody,
#main .size-chart-table th,
#dialog-container .size-chart-table th, 
#main .size-chart-table td, 
#dialog-container .size-chart-table td,
#main .size-chart-table tr 
#dialog-container .size-chart-table tr { display: table-cell !important; width: auto !important; }
#main table { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d4d4d4; margin: 0 0 10px; padding: 10px; }


#main .size-chart-table thead tr,
#dialog-container .size-chart-table thead tr {
	position: static;
}

#main .size-chart-table td,
#dialog-container .size-chart-table td { clear: none; margin: 0; padding: 0; text-align: left; width: auto }

*/

/* Dialogs */
/* ------------------------------------- */

.ui-dialog,
.ui-dialog #pdpMain.pdp-main,
.ui-dialog,
#pdpMain .product-image-container,
.ui-dialog #pdpMain .product-detail,
.ui-dialog #pdpMain .product-image-container ul#carouselmain li  {
   	max-width: 100%;
   	padding: 0;
	width: 100% !important;
}

#pdpMain .product-image-container {
	margin: 0;
}

.ui-dialog .ui-dialog-content {
	margin: 40px 5%!important;
}

.dialog-content {
	height: auto !important;
	padding: 40px 10px 10px 10px; /* can maybe set the top padding to be more later */
}

.ui-dialog-titlebar {
	width: 100%;
}

	/* dialog - gift wrapping */
	#main .icon-add_gift { width: 23px !important }
	
	.ui-dialog .gift-wrapping-table .item-image {
		display: none;
	}
	
	#dialog-container table.gift-wrapping-table tr h1 {
		font: 1.5em/1.25em 'ralewaymedium', sans-serif, Arial;
	}
	
	#dialog-container table.gift-wrapping-table td.item-check {
		text-align: left;
	}
	
	#dialog-container table.gift-wrapping-table td.item-check .form-row {
		margin: 0px;
	}
	
	#dialog-container ul.gift-wrapping-personal-msg .left,
	#dialog-container ul.gift-wrapping-personal-msg .right textarea {
		width: 100%;
	}
	
	#dialog-container ul.gift-wrapping-personal-msg .right .desc-text {
		margin: 0px 0 10px;
	} 
	
	#dialog-container ul.gift-wrapping-personal-msg {
		font-size: 11.844px;
		height: auto;
	}
	
	#dialog-container ul.gift-wrapping-personal-msg .action-btns {
		float: none;
	}
	
	#dialog-container table.gift-wrapping-table td.item-desc,
	#dialog-container table.gift-wrapping-table td.item-check   {
	float: left; 
}

#dialog-container table.gift-wrapping-table tr {
	border-top: 1px solid #DADADA;
    margin: 10px 0;
    padding: 10px 0;
}
#dialog-container table.gift-wrapping-table td.item-check {
	margin-bottom: 10px;
}
#dialog-container table.gift-wrapping-table td.item-check div {
	float: left;
	width: auto;
}
#dialog-container table.gift-wrapping-table td.item-check div.form-row {
	 margin: 0;
    padding: 0;
    position: absolute;
    right: 10%;
    width: 20px;
}
#dialog-container table.gift-wrapping-table td.item-check div.form-row label {
	margin: 3px;
}



/* ----------------------------------------------------------- */      
/* Pages */ 
/* ----------------------------------------------------------- */

/* Account */
/* ------------------------------------- */

/* hide lhs nav and content area in my account section */

.pt_account .secondary-navigation .accountlandingleftnav,
.pt_order .secondary-navigation .accountlandingleftnav, 
.pt_wish-list .secondary-navigation .accountlandingleftnav,
.pt_account .account-nav-asset,
.pt_order .account-nav-asset,
.pt_wish-list .accont-nav-asset,
.pt_account h1,
.pt_account .registration-selection
 {
	display: none;
}

/* landing page */

.pt_account .accountlandingmain {
	margin: 0;
	padding: 0;
}

#wrapper.pt_account #main .accountlandingmain li {
	margin: 0 2%;
	min-height: 170px;
	padding: 10px 0;
	text-align: center;
	width: 46%;
}

#wrapper.pt_account #main .accountlandingmain .icon-image {
	float: none;
	margin: 0 auto;
}

#wrapper.pt_account #main .accountlandingmain .url-link {
	width: 100%;
}

/* order history */

#main .order-number,
#main .order-date {
	float: left;
	margin: 0 0 0 10px;
}

.order-history-table td:nth-of-type(1):before { content: "Order Status"; } 
.order-history-table td:nth-of-type(2):before { content: "Items:"; } 
.order-history-table td:nth-of-type(3):before { content: "Order Total:"; } 

#main .order-item-placed ul,
#main .order-item-placed li,
#main .item-list td *,
#main .order-shipment-table td * {
	clear: both;
	font: normal 1em/1.25em 'ralewaymedium', sans-serif, Arial;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 100%;
}
 
#wrapper #main .item-list .order-detail-summary .label-solid {
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	width: 50%;
}

#main .item-list .order-delivery-description:before { content: "Delivery Address:" }
#main .item-list .order-billing:before { content: "Billing Address:"; }
#main .item-list .order-payment-instruments:before { content: "Payment Method:"; }
#main .item-list .order-payment-summary:before { content: "Payment Total:"; }

#main .order-item-placed ul {
	margin: 0 0 10px;
}

#main .order-shipment-table tr,
#main .order-shipment-table .order-shipment-details {
	border: 1px solid #ccc;
	border-width: 0 0 1px;
	padding: 10px 0;
}

#main .order-shipment-table .order-shipment-details { 
	border-width: 1px 0 0;
	margin: 10px 0 0;
}

#wrapper #main .order-shipment-table .label-solid {
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	width: 50%;
}

#wrapper #main .order-shipment-address .name > span,
#wrapper #main .order-shipment-address .name > div,
#wrapper #main .order-shipment-address .name .location span,
#wrapper #main .order-shipment-address .firstname, 
#wrapper #main .order-shipment-address .lastname {
	clear: none;
	display: inline-block;
	float: left;
	margin: 0 5px 0 0;
	width: auto;
}

#wrapper #main .order-shipment-address .name .location {
	width: 100%;
}

#wrapper #main .order-shipment-address .name .street,
#wrapper #main .order-shipment-address .name .country {
	clear: left;
}

#wrapper #main .order-shipment-table .label-solid.value,
#wrapper #main .order-item-quantity span,
#wrapper #main .order-item-price span {
	display: inline-block;
	font-weight: normal;
	text-transform: none;
	width: auto;
}

/* addresses */

#wrapper.pt_account #addresses .defaultselection {
	position: static;
}

#wrapper.pt_account #main .mini-address-title {
  background: none;
  float: none;
  font: 1em; /* 16px */
  line-height: 1.25em; /* 20px */
  padding: 0;
  text-indent: 0;
  text-transform: uppercase;
  width: 100%;
}

.address-list .actions br {
	display: none;
}

#wrapper #main #addresses .address-list li {
	border: 1px solid #ccc;
	border-width: 1px 0 0;
	padding: 10px 0;
}

.defaultselection input {
	display: none; /* hide input used to make default change */
}

/* wishlist */

#wrapper #main .input-option.control-group /* "or" */ {
	margin: 10px 0;
}

#main #wishlist-wrapper .list-table-header .label-solid span {
	margin: 10px 0;
	padding: 0;
}

#wrapper #main .wishlist-facebook {
	margin: 0;
	width: 100%;
}

#wrapper #main .wishlist-facebook .label-solid {
	width: auto;
}

#wrapper #main .wishlist-facebook-icon {
	margin: 2px 0 0 10px;
}

/* payment settings */

#dialog-container #CreditCardForm {
	float: none;
}

#wrapper #main .ccOwner-name,
.pt_account #payment-setting ul,
.pt_account #payment-setting ul li {
	margin: 0;
	padding: 0;
	width: 100%;
}

#wrapper #main .ccOwner-name {
	margin: 0 0 10px;
	padding: 5px 0;
	text-indent: 10px;
}

#wrapper.pt_account #payment-setting .card-details {
	text-indent: 0;
}

/* wishlist */

#wishlist-wrapper .item-list {
	float: left;
}

#send-to-friend-dialog.dialog-content {
	padding: 0;
}

#send-to-friend-dialog {
	display: block !important;
	overflow: hidden;
}

/* checkout */
/* ------------------------------------- */

.pt_account #RegistrationForm #term-error-msg {
	width: 100%;
}

#wrapper #main .checkout-step1 .label-inline label {
	width: 90%;
}

#wrapper #main #shipping-method-list label,
.pt_checkout #shipping-method-list .form-row .form-caption,
#wrapper #main .checkout-step1 .label-inline label,
#wrapper #main #PaymentMethod_CREDIT_CARD .form-indent.hideover label {
	float: right;
 	width: 90%;	
}

.pt_checkout .checkout-step2 .paymentmethod .payment-method-options .form-row .radio {
	margin: 0;
}

	/* checkout order summary	 */	 
	#wrapper #main #secondary .checkout-mini-cart .mini-cart-image,
	.pt_checkout #cart-table tr td.item-image,
	.pt_checkout #cart-table .mini-cart-image
	{ 
		float: left;
		width: 90px;
	}
	
	#wrapper #main #secondary .checkout-mini-cart .mini-cart-details,
	.pt_checkout #cart-table tr td.item-details {
		float: right;
		width: 66%;	
	}
	
	#wrapper #main .mini-cart-qty div,
	.pt_checkout #cart-table tr td.item-quantity {
		  float: left;
    	  margin: 0;
    	  width: auto;
	}
	
	.mini-cart-attributes .mini-cart-pricing .price-standard {
		margin: 12px 0 0 0;
	}
	
	#main .checkout-order-totals tr {
		display: inline-table;
	}

	.pt_checkout .checkout-step2 .codecoupon .redemption {
	 height: auto;
	}
	
	#wrapper #main .checkout-step2 .paymentmethod .payment-method-options .form-row label {
		background: url("../../../images/sprite-button-icons.png") no-repeat scroll -345px -890px transparent;
		height: 32px;
		width: 200px;
		float: right;
	}
	
	
	#wrapper #main .checkout-step2 .paymentmethod .payment-method-options .form-row:first-child label {
		background: url("../../../images/sprite-button-icons.png") no-repeat scroll -130px -890px transparent;	
		height: 32px;
		width: 200px;
		float: right;
	}
	
	.pt_checkout .summary-details > div {
		margin-bottom: 20px;
	}
	
	.pt_checkout #cart-table tr td.item-details .name,
	.pt_checkout #cart-table tr td.item-details .sku,
	.pt_checkout #cart-table tr td.item-details .attribute {
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
	
	/* order  summary on step 3, different table amrkup compared to step 1 and 2 */
	.pt_checkout #cart-table tr td.item-details {
		padding: 12px 0;
	} 
	
	.pt_checkout #cart-table tr td.item-quantity {
		float: right;
	    padding: 0;
	    width: 66%;  
	}
	
	.pt_checkout #cart-table tr td.item-quantity:before {
		content:none;
	}
	
	.pt_checkout #cart-table tr td.item-quantity div,
	.pt_checkout #cart-table tr td.item-quantity span {
		float: left;
	    padding: 0 10px;
	    width: auto!important;
	    margin: 0;
	    clear: none;
	}
	
	/* checkout - thank you */
	.pt_order-confirmation .order-confirmation-details .print-button { display: none; }
	
	.pt_order-confirmation .order-detail-item {
		overflow: hidden;
	}
	
	.pt_order-confirmation #main .order-detail-summary li span.value {
		width: auto;
		clear: none;
	}
	
	#main table.order-shipment-table td {
		clear: none;
		float: left;
		margin: 0;
    	padding: 0;
	}
	 
	#main table.order-shipment-table .order-item-image {
		width: 90px;
	}
	
	#main table.order-shipment-table .order-summary-product-item,
	#main table.order-shipment-table  .summary-quantity { 
	    float: right; 
	    width: 66%;
	} 
	
	#main table.order-shipment-table  .summary-quantity span {
		float: left;
	    padding: 0 10px;
	    width: auto!important;
	    margin: 0;
	    clear: none;
	}
	
 
	#wrapper #main table.order-shipment-table  .order-item-price span.label-solid {
		display: none;
	}
	
	.pt_order-confirmation .thankyou-promo {
		display: none; 
	}
	
.pt_checkout #shipping-method-list .form-row .radio {
		margin: 0;
		padding: 0;
		position: static;
		width: 10%;
}
	
/* Customer Service (content) */
/* ------------------------------------- */

#wrapper #main .content-asset img {
	width: auto;
}

#wrapper.pt_content #secondary.nav {
	display: none;
}

/* Gift Certificate */
/* ------------------------------------- */

.pt_content .delivery-selection > div {
	float: left;
	
	background: blue;
}

/* Home */
/* ------------------------------------- */

.pt_storefront #navigation1 h1 {
	display: none !important; /* category nav is open by default on homepage so no need to have "menu" to toggle */
}	
	
#wrapper #main.homepage-main {
	margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%;
}

/* reset templates to be 100% */

.pt_storefront #main div[class^="template"] {
	width: 100% !important; /* set all templates to be 100% */
	height: auto !important; /* set all templates to be 100% */
}

.pt_storefront #main div[class^="template1-"],
.pt_storefront #main div[class^="template2-"],
.pt_storefront #main div[class^="template3-"],
.pt_storefront #main div[class^="template4-"],
.pt_storefront #main div[class^="template5-"] {
	display: none; /* hide all "non-hero" images */
}

.pt_storefront #main .template6-global-header-homepage,
.pt_storefront #main .template6-home-bottom,
.pt_storefront #main .template7-global-header-homepage,
.pt_storefront #main .template7-home-bottom{
	display: none;
}

.pt_storefront #main .template6-promo-header #homepage-slider,
.pt_storefront #main .template7-promo-header #homepage-slider{
	display: none;
}

.pt_storefront #main .template6-promo-header #mobile-slider,
.pt_storefront #main .template7-promo-header #mobile-slider{
	display: block;
}

.pt_storefront #main div[class$="-promo-hero"] {
	display: block; /* display "hero" image */
}

.pt_storefront #main .slider {
	width: 100% !important; /* override js */
}

.pt_storefront .flex-control-nav,
.pt_storefront .flex-direction-nav {
	display: none; /* hide controls as they are small for mobile */
}

.pt_storefront #main { 
    left: 0;
    overflow: visible;
    position: absolute;
    top: 172px; /* devices 320 = 164px and 480 = 172 */
    z-index: 499; /* was 200, went to 500 for wrapping anchors to work. */
}
 
/* Login */
/* ------------------------------------- */

#main .forgot-password {
	margin: 0 0 10px;
}

#main .remember-me {
	display: none;
}

/* Magazine */
/* ------------------------------------- */

#wrapper.pt_storefront.magazine-mobile #header {
	height: 170px; /* magazine to have global header height not home as it is linked .pt_storefront */
}

#wrapper #magazines {
	display: none; /* magazine functionality desktop only */
}	

/* My Bag */
/* ------------------------------------- */
	/* resets */
	
.pt_cart .cart-right {
	float: none;
}

.pt_cart .cartbanner,
.pt_cart .cart-banner-container,
.pt_cart .cart-footer .cart-banner-container {
	width: 100%;
}

.pt_cart .cart-footer .cart-banner-container {
	padding-bottom: 10px;
}

.pt_cart .cart-footer .cart-banner-container .promo-approaching-discount .approaching-shipping-discounts .isapproaching-shipping-discount,
.pt_cart .cart-footer .cart-banner-container .promo-approaching-discount .approaching-shipping-discounts .isqualified-shipping-discount {
    width: 100%;
}

.pt_cart .cart-footer .cart-banner-container .promo-approaching-discount .approaching-shipping-discounts .isapproaching-shipping-discount {
	background: url("../../../images/shipping-promo-approaching.jpg") no-repeat scroll center center #EBEBEB;
}

.pt_cart .cart-footer .cart-banner-container .promo-approaching-discount .approaching-shipping-discounts .isqualified-shipping-discount {
	background: url("../../../images/shipping-promo-qualified.jpg") no-repeat scroll center center #EBEBEB;
}

.pt_cart .cart-footer .cart-banner-container .promo-approaching-discount .approaching-shipping-discounts .isapproaching-shipping-discount .cart-promo,
.pt_cart .cart-footer .cart-banner-container .promo-approaching-discount .approaching-shipping-discounts .isqualified-shipping-discount .cart-promo {
    font-size: 17px;
    line-height: 18px;
    padding: 43px 47px 0px;
}

.pt_cart .cart-footer .cart-banner-container .promo-approaching-discount .approaching-shipping-discounts .isqualified-shipping-discount .cart-promo {
    padding: 50px 47px 0;
}

.pt_cart .giftwrap span.textmeassage,
.pt_cart .cart-footer table.order-totals-table td,
.pt_cart .cart-right .login-box.login-account .login-box-content
 {
	background: transparent;
	border: none;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
}

.pt_cart #cart-table {
	border: none;
	width: 900px !important; /* set width in pixels to stretch as some <td> are hidden */
}

.pt_cart #cart-table tr {
	border-bottom: 1px solid #D4D4D4;
    padding-bottom: 10px;
}

.pt_cart #cart-table .item-quantity .item-user-actions {
	float: right;
    width: auto;
}

.pt_cart #cart-table tr.rowcoupons {

}


#cart-table tr.cart-row,
.pt_checkout .mini-cart-product {
	margin-bottom: 20px;	
}

.pt_cart .cart-footer .cart-coupon-code {
	background: transparent;
	border: none;
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	font: 1em;
	text-align: inherit;
}

	.pt_cart #secondary {
		width: 100%;
	}
	
	.pt_cart #secondary .newcustomer {
		margin: 0;
	}	
	
	.pt_cart #secondary .right-col-h1-container,
	.pt_cart #secondary .become-vip-box,
	.pt_cart #secondary .guest-login-panel {
		padding: 5%;
    	width: 90%; 
	} 
	
	#cart-table td {
	 clear: none;
	}
	 
	#cart-table .item-image {
		float: left;
		text-align: center;
		/* width: 75px; */
		width: 30%; 
	}
	
	#cart-table .item-details .name a {
	  font-weight: bold;
	}
	
		#cart-table .item-details {
		float: right;
		width: 66%;
	}
	
	#cart-table .item-quantity {
		clear: both;
		float: right;
		text-align: center;
		width: 66%;
	}
	
	#wrapper #main #cart-table .item-quantity input {
		text-align: center;
		width: 50px;
	}
	
		#wrapper #main #cart-table .item-quantity select,
		#wrapper #main #cart-table .item-quantity input.input-text {
		 float: right;
		 width: 60%;
		 margin: 0px;
	}
	.pt_cart table tr.cart-row .item-edit-details a,
	#main .item-list td.item-details .item-edit-details a,
	.pt_cart table tr.rowgiftwrapping td.item-details button.btn {
		 	background: url("../../../images/sprite-mobile-01.png") no-repeat scroll 57px -283px transparent;
		    display: block;
		    font-size: 0.833em ;
	}
	
	.pt_cart table td.item-quantity button.btn { 
		  	font-size: 0.833em !important; 
		  	background: url("../../../images/sprite-button-icons.png") no-repeat scroll 60px -343px transparent;
		  	box-shadow: none;
			text-align: left !important;
    		width: 80px !important;
    		
	}
	 
	#wrapper.pt_cart #main table tr.rowgiftwrapping td.item-details button.btn  {
			font-size: 0.833em !important;  
			text-align: left !important; 
			margin: 0;
			padding: 0;
			box-shadow: none;
		}
	
	#wrapper.pt_cart #main .cart-right .account-welcome {
		background-color: #EEEEEE;
	}
	
	
	#cart-table .item-quantity-details {
		float: right; 
		width: 66%;
	}
	
	#cart-table .item-price {
		text-align: center;
		 /* width: 75px; - my bag changed it to 100% width to get price across - can use pt_cart if needed */ 
		 width: 100%;
		 postion: relative;
		 top: 194px
		 clear: both;
	}
	#cart-table td.item-quantity {
		position: relative;
		margin: 6px 0 0px;
	}
	
	#cart-table td.item-quantity:before {
	background: none repeat scroll 0 0 transparent;
    content: "QTY:";
    font: 1em/1.25em 'ralewaymedium', sans-serif, Arial;
    left: -75px;
    position: absolute;
    top: -12px;
    } 
    
    #cart-table .rowcoupons td.item-quantity:before {
    	display: none;
    }
	
	#cart-table .item-total {
		float: left;
		font-size: 1.3em !important;
		line-height: 21px;
		text-align: left !important;
		width: auto;
	}
	
	.pt_cart .giftwrap span.textmeassage {
		  	font-size: 0.833em;
    		margin: 0 0 10px 0;
	}
	
	.pt_cart .giftwrap {
		float: left;
	    margin: 0 0 0px;
	    padding: 4px 0 0;
	    width: 100%;
	    border-bottom: none;	
	}
	
	/* cart-table hidden elements */
	
	#cart-table .add-to-wishlist,
	#cart-table .product-availability-list,
	#cart-table .item-total {
		display: none;
	}

	#cart-table .rowcoupons { 
		height: 40px;
		position: relative;
	}
	
	.pt_cart table .rowcoupons td.item-quantity button.btn {
		float: right;
	}
	
	#cart-table .rowcoupons .item-total {
		display: table-cell;
		position: absolute;
		top: 8px;
	}
	
	#wrapper #main #cart-table .rowcoupons .item-total span {
		font-size: 16px;
	}
	
	#main table.order-totals-table tr td {
		clear: none;
	    display: table-cell; 
	}
	
		#main table.order-totals-table tr.order-total {
		 margin-top: 18px;
	}
	

/* Product Listing */
/* ------------------------------------- */

/* refinement menu */
#wrapper.pt_product-search-result #main #secondary {
	/*
	border: 1px solid #adadad;
	border-width: 1px 0 0;
	*/
}

#wrapper.pt_product-search-result .refinement.Category {
	display: none;
}

.paging-current-page {
	display: none; /* hiding for now - is not styled on desktop or marked up correctly */
}

#wrapper #main .filter-results-heading {
	background: url("../../../images/bg-menu-arrow-up.png") no-repeat scroll 97% 10px transparent;
	border: 1px solid #adadad;
	border-width: 1px 0 0;
	margin: 0;
	padding: 10px 0 10px 5%;
	width: 95%;
}

#wrapper #main .filter-results-heading.not-expanded {
	background: url("../../../images/bg-menu-arrow-down.png") no-repeat scroll 97% 10px transparent;
}

.refinements > div {
	/* removed for styling purposes put back and make it all work on desktop display: none; /* hide until js has loaded */
}

#wrapper #main .refinements h3,
#wrapper #main .refinements .toggle,
.filter-results-heading  {
	clear: both;
	font-size: 1.5em; /* 24px */
	line-height: 2em; /* 48px */
	margin: 0 0 5px;
	padding: 0;
	width: 100%;
}

.filter-results-heading  {
	font: 1.25em/1.2em 'ralewaymedium', sans-serif, Arial;
	text-indent: 0;
	text-transform: uppercase;
}

#main .refinements h3 span,
#main .refinements .toggle span {
	background: transparent url("../../../images/sprite-mobile-01.png") no-repeat 95% -440px;  
	display: block;
	padding: 0 0 0 5%;
}

#main .refinements h3.expanded span,
#main .refinements .toggle.expanded span {
	background: transparent url("../../../images/sprite-mobile-01.png") no-repeat 95% -482px;
}	

#main .refinements h3 span.clear-refinement,
#main .refinements .toggle span.clear-refinement {
	background: none;
	padding: 0;
}

#main .refinements h3 span.clear-refinement a,
#main .refinements .toggle span.clear-refinement a {
	background: #fff;
	border-color: #EEEEEE;
	border-image: none;
	border-style: solid;
	border-width: 0 0 1px;
	float: left;
	font-size: 0.666667em; /* 16px */
	line-height: 1.25em; /* 20px */
	margin: 0;
	padding: 10px 0 10px 5%;
	width: 95%;
}
	
#main .refinement #category-level-1 {
	float: left;
	margin: 10px 0;
	width: 100%;	
}

#main .refinement #category-level-1 a {
	font-size: 1em; /* 16px */
	line-height: 1.25em; /* 20px */
	padding: 6px 0 6px 15px;
}

#main .refinement #category-level-1 li li a {
	padding: 2px 0 2px 25px;
}

#main .refinement .toggle-wrapper { 
	display: inline-block; 
	width: 100%;
}

#main .refinement .toggle-wrapper select { 
	width: 100%!important;
}

#wrapper.pt_product-search-result #main .refinements .swatches {
	float: left;
	margin: 10px 0 10px 5%;
	width: 95%;
}

#wrapper.pt_product-search-result #main .refinements .swatches li {
	font-size: 1em; /* 16px */
	line-height: 1.25em; /* 20px */
	padding: 0;
	width: 45%;
}

#wrapper.pt_product-search-result #main .swatches li.odd {
	padding: 0 5% 0 0;
}

#wrapper.pt_product-search-result #main .refinements .swatches li span {
	/* background: none; */
	float: right;
	padding: 0;
	width: 75%;
}

#wrapper.pt_product-search-result #main .refinements .swatches li input {
	float: left;
	/* max-width: 10%; width on android is too small */
	/*width: auto; width is set to 20px x 20px */
}

.refinement div.checker, 
.refinement div.checker span, 
.refinement div.checker input {
	height: 25px;
}

#wrapper.pt_product-search-result #main #filter-wrapper .refinement div.checker span,
#wrapper.pt_product-search-result #main #filter-wrapper .refinement div.checker input {
	width: 25px;
}

.refinement div.checker {
	margin: 2px 0 0;
}

/* category banner slot */

.catbannerheader {
	display: none; /* hidden on mobile */
}

/* sort by */

.search-result-options .sort-by {
	border: 1px solid #adadad;
	border-width: 1px 0 1px;	
	margin: 0;
	padding: 15px 0 5px;
	width: 100%;
}
	
 .bottom.search-result-options .sort-by {
 	display: none;
 } 	
 
#main .bottom.search-result-options .pagination {
	border: 1px solid #adadad;
	border-width: 1px 0 0;	
	padding: 10px 0 0;
} 

/* listing of products */

#main #quickviewbutton {
	display: none;
}

#wrapper.pt_product-search-result #main .grid-tile {
  border-color: #ADADAD;
  border-image: none;
  border-style: solid;
  border-width: 1px 0 0;
  clear: none;
  float: left;
  height: auto !important;
  margin: 10px 2%;
  padding: 10px 0 0;
  overflow: hidden;
  width: 46%;
}

#wrapper.pt_product-search-result #main .grid-tile:nth-child(1),
#wrapper.pt_product-search-result #main .grid-tile:nth-child(2) {
	border: none;
}

#wrapper.pt_product-search-result #main .grid-tile:nth-child(2n + 1) {
	clear: left; /* on the first "column" clear left so if not equal height rows are still aligned */
}

#wrapper.pt_product-search-result #main .product-tile{
	height: auto !important; /* override js height set for desktop */
}

#wrapper.pt_product-search-result .thumb-link {
	height: auto !important;
}

#wrapper.pt_product-search-result #main .thumb-link img {
	height: auto !important;
	width: auto;
}

#wrapper.pt_product-search-result .product-offers {
	float: left;
	font-size: 0.75em; /* 12px */
	line-height: 1.25em; /* 15px */
	position: static;
	/*  margin: -10px 0 0; */
    width: 100%;	
}

#main #search-result-items .product-name h2,
#main #search-result-items .product-name h3 {
	margin: 0;
}

#search-result-items .product-name a {
	font-size: 0.75em; /* 16px */
	line-height: 1.25em; /* 20px */
}

#search-result-items .grid-tile .product-image {
	height: auto !important;
}


#search-result-items .grid-tile:hover .product-image a img.alpha {
	display:block;
}

#search-result-items .grid-tile:hover .product-image a img.beta {
	display:none;
}

/* Product Details */
/* ------------------------------------- */

/* images */

#wrapper.pt_product-details #main .thumbnails-wrapper {
	display: none;
}

#wrapper.pt_product-details #main .carouselmain-wrapper {	
	float: none;
	height: auto;
	margin: 0 auto;
	position: relative;
}

.MagicZoomHint {
	display: none !important;
}

/* flex slider */

.carouselmain-wrapper {
	border: 1px solid #adadad;
	border-width: 1px 0 0;
	padding: 5px 0 0;
}

.carouselmain-wrapper .flex-control-nav {
	display: none; /* hide 12345 navigation */
}

.carouselmain-wrapper,
.jcarousel-container,
#carouselmain,
.jcarousel-clip {
	width: 100% !important; /* override js */
}

#carouselmain li {
	height: auto;
}

.flex-direction-nav {
	display: block;
}

#image-counter {
	bottom: 20px;
	font: normal 1em/1em 'ralewaymedium', sans-serif, Arial; /* 16px/16px */
	left: 0;
	position: absolute;
	text-transform: uppercase;
	z-index: 9999;
}

#image-counter .image-current { margin: 0 3px 0 10px; }
#image-counter .image-total { margin: 0 0 0 3px; }

/* details */

#pdpMain .product-detail .product-variations .attribute .label-selected-color {
	font-size: 0.75em; /* 12px */
}

#pdpMain .product-detail .product-variations .attribute ul, 
.product-set-wrapper #productsetitems .attribute ul {
	margin: 10px 0;
	width: 100%;
}

#wrapper.pt_product-details .product-variations .attribute,
#wrapper.pt_product-details .inventory,
.pt_product-details #pdpMain .add-to-bag-wrapper {
	padding: 10px 0;
	
}

.pt_product-details #pdpMain .add-to-bag-wrapper {
	border-bottom: none;
}

#wrapper.pt_product-details #main .quantity .type {
	margin: 8px 0 0;
	width: 15%;
}

#wrapper.pt_product-details #main .quantity-adjusted select,
#wrapper.pt_product-details #main .quantity select  {
	margin: 0;
	width: 33%;
}

#wrapper.pt_product-details #main .size-chart-link,
#wrapper.pt_product-details #main .find-in-store {
	clear: both;
	float: left;
}

#wrapper.pt_product-details #main .find-in-store {
	display: none;
}

#wrapper.pt_product-details #main .product-actions {
	display: none;	
}

.pt_product-details #pdpMain #wl-action a {
	float: left;
	margin: 0;
	width: 48%;
}

#wrapper.pt_product-details #pdpMain .btn.btn-share {
	float: right;
	margin: 0;
	width: 48%;
}

/* tabs */ 

#wrapper.pt_product-details #main .tabs-menu {
	border: none;
	margin: 10px 0;
}

#wrapper.pt_product-details #main .tabs-menu li {
	border: 1px solid #ddd;
	border-width: 1px 0 0 0;
	margin: 0;
	/* width: 33%; */
}

#wrapper.pt_product-details #main .tabs-menu li a {
	font-size: 0.75em; /* 12px */
	height: 25px; /* set height for two lines of text */
	line-height: 1.25em; /* 15px */
	padding: 8px 5px;
	text-align: center;
}

#wrapper.pt_product-details #main .tabs-menu li a:hover {
  	/* border-color: #DDDDDD #DDDDDD transparent;
    border-style: solid;
    border-width: 1px; */
}

/* you might also like */

#main .recommendations.cross-sell {
	display: none;
}

/* size chart */

#dialog-container .size-chart .chart-table-wrap h2 span {
	padding: 15px 10% 15px 0;
	width: 90%;
}

#dialog-container .size-chart-table h2 {
	font-size: 10px;
}

#dialog-container .size-chart-table .table th,
#dialog-container .size-chart-table .table td {
	font-size: 9px;
}

.size-chart .chart-table-wrap h2 span {
	background: url("../../../images/expanndtab.png") no-repeat scroll right 16px white;
}

.size-chart .chart-table-wrap h2 span.expanded  {
	background: url("../../../images/colapsetab.png") no-repeat scroll right 16px white;
}

/* Product Set */
/* ------------------------------------- */

#wrapper #pdpMain #carouselmain,
#wrapper #pdpMain #carouselmain li,
#wrapper #pdpMain #carouselmain a,
#wrapper .product-primary-image .jcarousel-container-horizontal,
.product-set-wrapper #product-set-list #productsetitems .product-variations-wrapper {
	height: auto;
	width: 100% !important; /* override js */
}

#pdpMain .product-set-main #image-counter {
	display: none !important; /* override js */
}

#wrapper #main #product-set-list .jcarousel-container,
#wrapper #main #productsetitems,
#wrapper #main #productsetitems li {
	margin: 0 !important; /* override desktop !important */
	padding: 0;
	width: 100% !important; /* override js */
}

#wrapper .product-set-wrapper #productsetitems .inventory,
.product-set-wrapper #productsetitems .btn-more-info {
	float: left;
	width: 100%;
}

/* Send To Friend */
/* ------------------------------------- */

#send-to-friend-dialog .char-count {
	text-align: left;
}

#send-to-friend-dialog #send-to-friend-main li.preview-msg {
	width: 100%;
}

/* Store Locator */
/* ------------------------------------- */

#wrapper #main .store-locator-options > div {
  clear: none;
  float: none;
  width: 100%;
}

#wrapper #main .store-locator-options > div:nth-child(2) {
	float: right;
}

#wrapper #main .store-locator-options > div:nth-child(3) {
	width: 100%;
}

#wrapper.pt_store-locator #main .col-2  {
	display: none;
}


.pt_store-locator .store-box-content label {
	text-indent: 0;
}

#main .storelist-header {
	display: none;
}

#main .store-locator-details > div {
  height: auto;
  margin: 5px 0;
  width: 100%;
}

#wrapper #main .storelistitem li {
	float: left;
	margin: 5px 0;
	text-indent: 0;
}

#wrapper #main .storelistitem .store-detail > div,
#wrapper #main .storelistitem .store-detail > span {
	margin: 10px 0;
}

#wrapper #main .storelistitem .store-detail .store-name a {
	font-size: 1.25em; /* 20px */
}

#main .store-locator-details > div,
#dialog-container .store-locator-details > div {
	height: auto;
	margin: 5px 0;
	width: 100%;
}

#wrapper #main .store-heading,
#dialog-container .store-heading {
	color: #2A292A;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

} /*end of the main media query which starts way up the top */

/* ----------------------------------------------------------- */     
/* Device Specific */ 
/* ----------------------------------------------------------- */

/* homepage slider adjustments of header */

@media only screen and (min-width : 000px) and (max-width : 320px) { .pt_storefront .container.logo { margin-top: 170px; } }
@media only screen and (min-width : 321px) and (max-width : 360px) { .pt_storefront .container.logo { margin-top: 180px; } }
@media only screen and (min-width : 361px) and (max-width : 400px) { .pt_storefront .container.logo { margin-top: 200px; } }
@media only screen and (min-width : 401px) and (max-width : 440px) { .pt_storefront .container.logo { margin-top: 220px; } }
@media only screen and (min-width : 441px) and (max-width : 480px) { .pt_storefront .container.logo { margin-top: 240px; } }
@media only screen and (min-width : 481px) and (max-width : 520px) { .pt_storefront .container.logo { margin-top: 260px; } }
@media only screen and (min-width : 521px) and (max-width : 560px) { .pt_storefront .container.logo { margin-top: 275px; } }
@media only screen and (min-width : 561px) and (max-width : 600px) { .pt_storefront .container.logo { margin-top: 295px; } }
@media only screen and (min-width : 601px) and (max-width : 640px) { .pt_storefront .container.logo { margin-top: 315px; } }
@media only screen and (min-width : 641px) and (max-width : 680px) { .pt_storefront .container.logo { margin-top: 330px; } }
@media only screen and (min-width : 681px) and (max-width : 720px) { .pt_storefront .container.logo { margin-top: 345px; } }
@media only screen and (min-width : 721px) and (max-width : 767px) { .pt_storefront .container.logo { margin-top: 370px; } }
@media screen and (max-width: 479px){.product-primary-image .product-video {width:100%; height:400px;}}

/* iphone - send to friend dialog form - problematic width set in pixels to fix */

@media only screen and (max-width : 320px) {

	#send-to-friend-dialog #send-to-friend-main input[type="text"], 	
	#send-to-friend-dialog #send-to-friend-main textarea { width: 95%;} 

	} 

/* htc one - adjust height of header */
@media only screen and (min-device-width : 539px) and (max-device-width : 540px)  { #header { height: 170px; position: relative; z-index: 500; } .pt_storefront #header { height: 437px; } }

/* tablet enhancements - iPad user agent */

/* is added and removed by JS so this would need to change logic of JS
.tablet-enhancements #quickviewbutton {
	display: block !important;
}
*/
/* iPad adjustment to prevent hover image roll over */
@media screen and ( min-width:768px) and (max-width:1023px){
	#search-result-items .grid-tile:hover .product-image a img.alpha { display:block;	}
	#search-result-items .grid-tile:hover .product-image a img.beta {	display:none; }
}

@media screen and (max-width:767px) {
	.agree-to-terms {
		width: 100%;
	}
	.agree-to-terms .checker {
		left: 0;
	}
	#main .agree-to-terms a.terms-and-conditions {
		font-size: 0.875em;
		padding-left: 10%;
		position: static;
	}
	
	.agree-to-terms .privacy-policy-dialog {
		font-size: 0.875em;
		padding: 0 0 10px 10%;
	}
}

@media screen and ( max-width:767px){
#global_top_row{ display : none; }
}