/* HEADER STYLES */
#denimHeader2011 a[title='Edit this page'] {display:none;}
#topNavBarLinks td a {display: block;}

/* MOBILE NAVIGATION STYLES */
#ytMobileMenuIcon {display:none;position: absolute;top: 25px;right:10px;cursor:pointer;}
#ytMobileMenu {display:none;background-color: #333;width: 100%;position:absolute;z-index:99999;top: 95px;}
	#ytMobileMenu a.mobileTopNav {display:block;font: bold 16px arial;color: #eee;padding: 10px 20px;text-decoration: none;border-bottom: solid 1px #fff;text-align: left;}
	#ytMobileMenu a.mobileSecNav {display:block;font: bold 16px arial;color: #eee;padding: 10px 20px;text-decoration: none;border-bottom: solid 1px #fff;background-color: #666;text-align: left;}

#ytMobileSearchIcon {display:none;position: absolute;top: 25px;right:83px;cursor:pointer;}
#ytMobileSearch {display:none;width: 100%;box-sizing: border-box;padding: 10px 20px;border-bottom: solid 1px #eee;position: absolute;top: 95px;z-index: 99999;background-color: #333;}
	#ytMobileSearch #mobileQuery {width: 70%;box-sizing: border-box;padding: 5px;font-size: 14px;}
	#ytMobileSearch #mobileSubmit {float:right;width: 20%;box-sizing: border-box;padding: 5px 10px;font-size: 14px;font-weight: bold;}

#ytMobilePhoneIcon {display:none;position: absolute;top: 25px;right:156px;cursor:pointer;}
#ytMobileAlpha {display:none;width: 95%;background-color: #333;margin-top: 1px;padding: 3px;box-sizing: border-box;}
	#ytMobileAlpha .ytMobileAplphaIndex {font: bold 14px arial;color: #666;background-color: white;box-sizing: border-box;padding: 7px 5px;margin: 2px;float: left;width: 50px;border: solid 1px #e1e1e1;position:relative;}
		#ytMobileAlpha .ytMobileAplphaIndex a {font: bold 14px arial;color: #666;text-decoration: none;}
	#ytMobileAlpha .ytMobileAlphaList {display:none;width: 95%;box-sizing: border-box;padding: 10px;background-color: white;border: solid 1px #e1e1e1;position:absolute;top: 35px;z-index:9;box-shadow: 0px 0px 10px #000;-webkit-box-shadow: 0px 0px 10px #000;}
		#ytMobileAlpha .ytMobileAlphaList a {display: block;text-align: left;font: bold 15px arial;text-decoration: none;padding: 3px 0px}
		#ytMobileAlpha .ytMobileAlphaList a:hover {text-decoration: underline;}

/* HOME PAGE STYLES */
#ytRotatorS {margin-bottom: 20px;}
.contentsElements {width: 100%;box-sizing: border-box;}
	.contentsElements .contentElement {float: left;width: 25%;box-sizing: border-box;text-align: center;}
		.contentsElements .contentElement a img {max-width: 90%;height: auto !important;display: block; margin: 0px auto;}
		.contentsElements .contentElement .pgName {box-sizing: border-box;padding: 0px 10px;}
			.contentsElements .contentElement .pgName a {font: normal 13px verdana,arial,helvetica;}
			.contentsElements .contentElement .pgName a:hover {}
#finalText {width: 100%;box-sizing: border-box;padding: 20px 10px;}
#finalText img {height: auto;display: block; margin: 0px auto;}
#finalText table td img {max-width: 100% !important;}
#finalText a[title='Edit this page'] {display:none;}

/* CONTENTS STYLES */
#pageBody.wLeftBar #ytRotatorS {width: 782px !important;}
#pagingTable {width: 100% !important;box-sizing: border-box;}
#pagingTable .pagingcell {float: left;width: 25%;box-sizing: border-box;text-align: center;padding: 5px}
	#pagingTable .pagingcell img.prodImage {max-width: 100%;height: auto;}

/* ITEM PAGE STYLES */

div.clearAll {clear:both;height:0;}

/* RESPONSIVE STYLES */
@-ms-viewport{
    width: device-width;
}

@media only screen and (max-width : 1020px) {
	#denimHeader2011 {width: 900px !important;}
	#denimLogo2011 {width: 81px;overflow:hidden;}
	#denim-header-search-2011 {left: 100px !important;}
	#denim-free-ship {left: 480px !important;}
	#tollfree {left: 480px !important;}
	#my-cart {left: 745px !important;}
	#topNavBar {width: 900px !important;box-sizing: border-box;}
		#topNavBar a[title='Edit this page'] {display:none;}
	.ytTopnavBar {width: 900px !important;box-sizing: border-box;}
	#alpha-index {margin: 0px 10px !important;}

	#mainTable2011 {width: 900px !important;}
	#mainTable2011 tbody {width: 100% !important;}
	#mainTable2011 tbody tr {width: 100% !important;display: block !important;}
	#pageBody.wLeftBar {width: 740px !important;box-sizing: border-box;}
	#pageBody.wLeftBar #ytRotatorS {width: 710px !important;}
		#ytRotatorS img {max-width: 100% !important;height: auto;}
	#newItemsBox {width: 100% !important;box-sizing: border-box;}
		#newItemsBox #newItemsTable {width: 100% !important;box-sizing: border-box;display:block;}
			#newItemsBox #newItemsTable td {width: 25% !important;box-sizing: border-box;display:block;float:left;}
				#newItemsBox #newItemsTable td a img.prodImage {width: 100% !important;max-width: 180px;height: auto;box-sizing: border-box;display:block;margin: 0px auto;}
	
	#pagingContents {width: 740px !important;box-sizing: border-box;}

	#leftCol {width: 665px !important;}
	#leftCol > table {width: 100% !important;}
	form#form textarea {width: 580px !important;}
}

@media only screen and (max-width : 920px) {
	#denimHeader2011 {height: 170px !important;width: 800px !important;}
	#denim-free-ship {display:none;}
	#my-cart {left: 732px !important;}
	#tollfree {left: auto !important;right: 75px !important;}
	#topNavBar {width: 800px !important;box-sizing: border-box;}
		#topNavBar table td#topNavLinks table#topNavBarLinks {width: 780px !important;box-sizing: border-box;}
		#topNavLinks td {padding-left: 0px !important;padding-right: 0px !important;}
		#topNavBarLinks td {padding-left: 5px !important;padding-right: 5px !important;text-align: center !important;}
		#topNavLinks td.sep {padding-left: 0px !important;padding-right: 0px !important;}
	.ytTopnavBar {width: 800px !important;box-sizing: border-box;}
	 #alpha-index {float:none !important;text-align: center;margin: 0px auto 0px !important;display: block;}
	 #toplinks2011 {right: 75px !important;top: 15px !important;}
		#toplinks2011 br {display:none;}
		#toplinks2011 a {padding: 0px 5px;}

	#mainTable2011 {width: 800px !important;}
	#pageBody.wLeftBar {width: 640px !important;box-sizing: border-box;}
	#ytRotatorS {width: 770px !important;}
		#ytRotatorS img {max-width: 100% !important;height: auto;}
	#pageBody.wLeftBar #ytRotatorS {width: 610px !important;}
	a[title='Edit this page'] img {width: 11px !important;max-width: none;}

	#pagingContents {width: 640px !important;}

	#leftCol {width: 565px !important;}

	form#form textarea {width: 480px !important;}
}

@media only screen and (max-width : 820px) {
	#denimHeader2011 {height: 170px;width: 700px !important;}
	#my-cart {left: 632px !important;}
	#tollfree {top: 50px;width: 155px !important;}
	#toplinks2011 {top: 25px !important;right: 70px !important;}
	#topNavBar {width: 700px !important;}
		#topNavBar table td#topNavLinks table#topNavBarLinks {width: 680px !important;}
		#topNavBarLinks td {padding-left: 8px !important;padding-right: 8px !important;}
		#topNavLinks td.sep {padding-left: 0px !important;padding-right: 0px !important;}
	.ytTopnavBar {width: 700px !important;}
		.ytA a {padding-left: 6px !important;padding-right: 7px !important;}

	#mainTable2011 {width: 700px !important;}
	#pageBody.wLeftBar {width: 540px !important;box-sizing: border-box;}
	#ytRotatorS {width: 670px !important;}
	#pageBody.wLeftBar #ytRotatorS {width: 510px !important;}

	#pagingContents {width: 540px !important;}
		#pagingTable .pagingcell {width: 33.33%;}

	#leftCol {width: 465px !important;}

	form#form textarea {width: 380px !important;}
}

@media only screen and (max-width : 720px) {
	html {width: 100% !important; max-width: 100% !important;overflow-x: hidden;}
	body {width: 100% !important; max-width: 100% !important;overflow-x: hidden !important;}
	.yui-skin-sam .yui-panel-container {width: 95% !important;overflow: auto !important;left: 0px !important;right: auto !important;text-align: center;padding:0px !important;margin:0px !important;}

	#topNavBar {display:none;}
	#tollfree {display:none;}
	#toplinks2011 {display:none;}
	#denim-header-search-2011 {display:none;}
	
	#denimHeader2011 {height: 140px !important;width: 100% !important;box-sizing: border-box;}
	#denimLogo2011 {left:10px;}
	#ytMobileMenuIcon {display:block;}
	#ytMobileMenu {top: 95px;}
	#ytMobileSearchIcon {display:block}
	#ytMobilePhoneIcon {display:block}
	#my-cart {top: 21px;right:227px !important;left: auto !important;}
	#alphaIndex {left: 0px;top: 100px;width: 100% !important;box-sizing: border-box;position:absolute;}
	.ytTopnavBar {height: auto;width: 100% !important;border: 0 none;}
	#alpha-index {font: bold 16px arial;color: white;padding: 8px 8px;cursor: pointer;background-color: #2d5988;box-sizing: border-box;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;width: 95%;}
	div.ytA {display:none !important;}

	#mainTable2011 {width: 100% !important;box-sizing: border-box;display:block;}
	#pageBody {width: 100% !important;box-sizing: border-box;}
	#ytRotatorS {width: 560px !important;box-sizing: border-box;display:block;}

	.contentsElements .contentElement {width: 33.33%;}

	#mainTable2011 > tbody > tr > td {display: block !important;width: 100% !important;box-sizing: border-box;padding: 10px;}
	#mainTable2011 > tbody, #mainTable2011 > tbody > tr {display: block !important;width: 100% !important;box-sizing: border-box;}
	#leftBar {border: 0 none;}
	#leftBar #navbar {border: 1px solid #DDD;padding: 5px 10px;}
	#leftBar #navbar .leftNavBlock > a {display:none;}

	#pageBody {padding: 10px 0px !important;}
	#pageBody.wLeftBar {width: 100% !important;box-sizing: border-box;}
	#pageBody.wLeftBar #ytRotatorS {width: 560px !important;}

	#newItemsBox #newItemsTable td {width: 50% !important;box-sizing: border-box;display:block;float:left;}

	#pagingContents {width: 100% !important;padding: 0px 10px;}
		table#sortControl {width: 100% !important;box-sizing: border-box;}
			table#sortControl td {display:block !important;text-align: center;width: 100% !important;box-sizing: border-box;}
				table#sortControl td div.pagingStat {font-size: 14px !important;padding: 8px 0px;}
                table#sortControl td div.pageNums {font-size: 14px !important;padding: 8px 0px;}
	                table#sortControl td div.pageNums a {font-size: 14px !important;display:inline-block;padding: 5px 8px;border: solid 1px gray;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;text-decoration: none;}
	            table#sortControl td.sortblock {font-size: 14px !important;padding: 8px 0px;}
					table#sortControl td.sortblock select {font-size: 14px !important;}

	#contentsTable {width: 100% !important;box-sizing: border-box;}
		#contentsTable tbody {width: 100% !important;box-sizing: border-box;display:block;}
		#contentsTable tbody tr {width: 100% !important;box-sizing: border-box;display:block;}
		#contentsTable tbody tr.separator {display:none !important;}
			#contentsTable td.separator {display:none;}
			#contentsTable td {width: 50% !important;box-sizing: border-box;display:block;float:left;padding: 0px !important;}

	div#leftBar.inFrame {width: 100% !important;}
	#refineBar {width: 100% !important;padding: 0px 10px;box-sizing: border-box;}
		#mainLabel {display:block;width: 100% !important;padding: 8px 10px;box-sizing: border-box;font: bold 14px arial;color:white;background-color: black;cursor: pointer;margin-bottom: 3px;text-align: center;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
		#refineClearAll {display:inline-block;padding: 5px 8px;border: solid 1px gray;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
		#refineBar label {display:none;width: 100% !important;text-align:left;box-sizing: border-box;margin: 2px 0px;padding: 10px 20px 10px 10px;cursor: pointer;}
		#refineBar .refineBlock {display:none;width: 100% !important;box-sizing: border-box;}
			#refineBar .refineBlock .attr {font-size: 14px;padding: 8px;background-repeat:no-repeat;background-size: 100%;background-position: center center;}

	#leftCol {width: 100% !important;box-sizing: border-box;display:block !important;}
	#rightCol {width: 100% !important;box-sizing: border-box;display:block !important;margin-top: 20px;}
		#rightCol #crosssells {width: 100% !important;box-sizing: border-box;}
			#rightCol #crosssells label.mblegend {padding: 5px 0px;font-size: 14px;}
			#rightCol #crosssells > br {display:none;}
			#rightCol #crosssells > div {width: 33.33% !important;box-sizing: border-box;text-align: center; padding: 10px;float: left;margin: 0px;}
	#simplemodal-container {margin: 1% !important;position: absolute !important;left: 10px !important;top: 10px !important;}
	#simplemodal-wrap {box-sizing: border-box;}
	iframe#simplemodal-data {max-width: 100% !important;}
	select, input[type='text'] {font-size: 14px !important;}
	#avail_status, #avail_status div {width: 100% !important;max-width: 300px !important;}
	#moreImagesCell img[alt='Click swatches'] {display:block !important;}
	#imageCell h1 {margin: 15px 0px;}
}

@media only screen and (max-width : 580px) {
	#ytMobileMenuIcon {width: 43px;height: 43px;}
	#ytMobileSearchIcon {width: 43px;height: 43px;right:58px;}
	#ytMobilePhoneIcon {width: 43px;height: 43px;right:106px;}
	#my-cart {right:154px !important;}
	#my-cart img {width: 49px !important;height: 49px !important;}

	#ytRotatorS {width: 350px !important;box-sizing: border-box;display:block;}
	.contentsElements .contentElement {width: 50%;}
	#pageBody.wLeftBar #ytRotatorS {width: 350px !important;box-sizing: border-box;display:block;}

	#pagingTable .pagingcell {width: 50%;}
	#leftCol > table td {width: 100% !important;box-sizing: border-box;display:block;}
	#simplemodal-container {width: 94% !important;box-sizing: border-box;}
	#rightCol #crosssells > div {width: 50% !important;}

	form#form {width: 100% !important;box-sizing: border-box;}
	form#form table {width: 100% !important;box-sizing: border-box;display:block;}
	form#form table tbody {width: 100% !important;box-sizing: border-box;display:block;}
	form#form table tbody tr {width: 100% !important;box-sizing: border-box;display:block;}
	form#form table td {display: block !important;width: 100% !important;box-sizing: border-box;padding: 10px 0px;}
	form#form table td input[type='text'] {display: block !important;width: 100% !important;box-sizing: border-box;font-size: 14px !important;padding: 5px 10px;}
	form#form table td textarea {display: block !important;width: 100% !important;box-sizing: border-box;font-size: 14px !important;padding: 5px 10px;}
}

@media only screen and (max-width : 370px) {
	#ytRotatorS {display:none !important;}
	#simplemodal-container {width: 92% !important;box-sizing: border-box;}
}