/* MOBILE NAVIGATION STYLES */
#ytMobileCartIcon {display:none;position: absolute;top: 60px;right:5px;cursor:pointer;}
#ytMobilePhoneIcon {display:none;position: absolute;top: 60px;right:105px;cursor:pointer;}
#ytMobileMenuIcon {display:none;position: absolute;top: 60px;right:5px;cursor:pointer;}
#ytMobileSearchIcon {display:none;position: absolute;top: 60px;right:55px;cursor:pointer;}
#ytMobileMenu {display:none;background-color: #2a464e;width: 100%;position:absolute;top: 99px;z-index:9999;}
	form#mobileSearch {width: 100%;box-sizing: border-box;padding: 10px 20px;border-bottom: solid 1px #eee;}
		form#mobileSearch #mobileInput {width: 70%;box-sizing: border-box;padding: 5px;font-size: 14px;}
		form#mobileSearch #mobileGo {float:right;width: 20%;box-sizing: border-box;padding: 5px 10px;font-size: 14px;font-weight: bold;}
	#ytMobileMenu a.mobileTopNav {display:block;font: bold 16px arial;color: #e1e1e1;padding: 10px 20px;text-decoration: none;border-bottom: solid 1px #fff;}
	#ytMobileMenu a.mobileStatLink {display:block;font: bold 16px arial;color: #e1e1e1;padding: 10px 20px;text-decoration: none;border-bottom: solid 1px #fff;background-color: #5c95a8;}
	#ytMobileMenu div.mobileSubNav {display:none;background-color: #666;}
		#ytMobileMenu div.mobileSubNav div.menuCol {border-bottom: solid 10px #000;}
		#ytMobileMenu div.mobileSubNav div.menuCol:last-child {border: 0 none;}
			#ytMobileMenu div.mobileSubNav div.menuCol a {display:block;font: normal 14px arial;color: #d9d9d9;padding: 8px 15px 8px 35px;border-bottom: solid 1px #eee;}
			#ytMobileMenu div.mobileSubNav div.menuCol a span {font: normal 14px arial !important;color: #d9d9d9 !important;}
			#ytMobileMenu div.mobileSubNav div.menuCol a hr {display:none;}

#mobileBottomSearch {display:none;width:100%;box-sizing: border-box;padding:20px 10px;margin: 0px auto;}
	#mobileBottomInp {border: solid 1px black;font-size: 14px;padding: 8px;width: 68%;box-sizing: border-box;margin-right: 5%;}
	#mobileBottomGo {background-color: silver;font: bold 16px arial;color: black;border: solid 1px black; padding: 6px 10px;box-sizing: border-box;text-align: center;width: 25%;text-transform:uppercase;}

/* CONTENTS STYLES */
.related #relTable td .im {height: 140px;}
tr.relSplit td {height: 25px !important;}

/* ITEM PAGE STYLES */
#add2cartBox {padding: 18px 0 0;}

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

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

@media only screen and (max-width : 1020px) {
	#artsupply-mainOuter {width: 850px;}
	#art-header {height: 223px;}
	#madison-art-phone {left: auto;right: 10px;}
	#headerCart {left: auto;right: 190px;}
	#top-search-bar {width: 830px;}
	#topmenu {width: 830px;height: 70px;box-sizing: border-box;}
		.ytTopnavBar {width: 830px;height: 70px;}
			.ytTopnavBar .ytA {width: 118px;height: 70px;}
				.ytTopnavBar .ytA img {width: 118px;height: 70px;}
			.ytB {top: 71px !important;}

	#footer-div .ftd {width: 49%;box-sizing: border-box;margin: 10px auto !important;text-align: center;border: none;}
	#footer-div .ftd:nth-child(3) {width: 100% !important;}
	#copyright {width: 850px;font-size: 12px;}

	#welcomeSubText {font-size: 11px;line-height: 13px;padding-top: 10px;}
	#homeContents {width: 800px;margin: 12px 0px;}
		#homeContents td[width="21"] {display: none;}
		#homeContents td[width="214"] {width: 200px;box-sizing: border-box; padding: 0px 10px}
			#homeContents td[width="214"] a img {width: 180px;height: auto;}
			#homeContents .subs a:link, #homeContents .subs a:visited {line-height: 26px;}

	.related #relTable {width: 100%;box-sizing: border-box;}
		.related #relTable td {width: 25% !important;box-sizing: border-box; padding: 0px 8px}
			.related #relTable td a img {width: 100%;max-width: 200px;height: auto;}
	.withLeftNav {width: 600px;}
		.withLeftNav .related #relTable {width: 552px;}
		.withLeftNav .related #relTable td {width: 33.33% !important;box-sizing: border-box; padding: 0px 8px}
	.related #relTable td.vertSplit {display: none !important;}

	div#itemDetails {width: 100%;box-sizing: border-box;padding: 0px 10px;}
		div.product-description {width: 340px;}
			#priceCol {width: 100%;box-sizing: border-box;}
			img.lowPriceG {width: 280px; height: auto;}

	#info-div table {width: 100%;box-sizing: border-box;}
	#info-div table tr {display: inline;}
	#info-div table tr td {display: block;float: left;box-sizing: border-box;padding: 5px;}
}

@media only screen and (max-width : 870px) {
	#artsupply-mainOuter {width: 700px;}
	#art-header {height: 211px;}
	a#logo-link {top: 30px;}
		a#logo-link img {width: 290px;height: auto}
		a#logo-link div {margin-left: 50px;letter-spacing: 1px;font-size: 10px;}
	#madison-art-phone {left: auto;right: 10px;}
	#headerCart {left: auto;right: 190px;}
	#top-search-bar {width: 680px;}
	#top-search-form {left: auto;right: 10px;}
	#lowest-price {display: none;}
	#shop-by-brand {left: 20px;right: auto;}
	#topmenu {width: 680px;height: 58px;box-sizing: border-box;}
		.ytTopnavBar {width: 680px;height: 58px;}
			.ytTopnavBar .ytA {width: 97px;height: 58px;}
				.ytTopnavBar .ytA img {width: 97px;height: 58px;}
			.ytB {top: 59px !important;}

	#footer-div .ftd {width: 49%;box-sizing: border-box;margin: 10px auto !important;text-align: center;border: none;}
	#footer-div .ftd form {width: 100%;box-sizing: border-box;}
		#bottomNewsletter div {text-align: center !important;}
	#footer-div .ftd:nth-child(3) {width: 100% !important;}
	#copyright {width: 850px;font-size: 12px;}

	#welcomeText {font-size: 16px;margin-right: 20px;}
	#welcomeSubText {font-size: 11px;line-height: 13px;padding-top: 10px;font-weight: normal;}
	#homeContents {width: 650px;}
		#homeContents tr {display: inline;}
		#homeContents tr:nth-child(even) {display: none;}
		#homeContents td {display: block;float: left;}
		#homeContents td[width="214"] {width: 33.33%;padding: 0px 6px}
			#homeContents td[width="214"] a img {width: 100%;max-width: 214px;height: auto;display: block;margin: 0 auto;}
			#homeContents td[width="214"] h3 {width: 100%;max-width: 214px;margin: 0 auto;}
			#homeContents td[width="214"] div.subs {width: 100%;max-width: 214px;margin: 0 auto;}

	.related #relTable tr {display: inline;}
		.related #relTable td {display: block;float: left;width: 33.33% !important;box-sizing: border-box; padding: 0px 8px}
	.related #relTable tr.relSplit {display: none;}
	#leftNav {width: 170px;}
	.withLeftNav {width: 510px;}
		.withLeftNav .related #relTable {width: 462px;}
		.withLeftNav .related #relTable td {width: 50% !important;}

	#imgCol {width: 420px;}
	div#alternate-images {clear:both;width: 100%;box-sizing: border-box;}
		div#alternate-images div a {display: inline-block;}
		div#alternate-images div img {display: inline-block;width: 45px;height: 45px;margin:2px;}
		.zoomPad {float:none;display: inline-block;}
	div.product-description {width: 250px;}
		input.addtocartImg {width: 100%;max-width: 241px;height: auto;}
		img.lowPriceG {width: 100%;max-width: 280px;height: auto;}
		#freeShippingMsg {font-size: 13px;}
}

@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;}
	#ll_badge {display:none !important;}

	#artsupply-mainOuter {width: 100%;box-sizing: border-box;}
	#art-header {height: 105px;}
	a#logo-link {top: 10px;z-index: 9999;}
		a#logo-link img {width: 280px;height: auto}
		a#logo-link div {margin-left: 45px;letter-spacing: 1px;font-size: 10px;}
	a.view-cart {display: none !important;}
	#madison-art-phone {display: none;}
	#artsupply-utilities {display: none;}
	#headerCart {right: 10px;top: 10px;}
		#yfc_sub_total_mini {display: none;}
		#yfc_show_mini.mini_msg {display: none;}
		#yfc_total_items_mini {background: url("//turbifycdn.com/ty/cdn/madisonartshop/minicart-icon.jpg") no-repeat scroll left top transparent;padding: 15px 0px 0px 39px;margin: 0px !important;float: right !important;}
	#top-search-bar {width: 100%;box-sizing: border-box;left: 0px;top: 55px;}
	#top-search-form {left: 10px;width: 280px;}
		#searchinput {width: 200px;}
		#searchGo {left: 240px;}
	#shop-by-brand {display: none;}
	#topmenu {display:none;}
	#ytMobileMenuIcon {display:block}
	#ytMobilePhoneIcon {display:block}
	#ytMobileSearchIcon {display:block}
	#mobileBottomSearch {display:block}

	#footer-div .ftd {width: 100%;box-sizing: border-box;}
	#copyright {width: 100%;box-sizing: border-box;}

	#homeWelcome {height: 35px;}
	#welcomeText {width: 100%;box-sizing: border-box;font-size: 13px;margin: 0px;line-height: 35px;text-align: center;}
	#welcomeSubText {display: none;}
	#homeContents {width: 100%;box-sizing: border-box;}
		#homeContents td[width="214"] {width: 50%;padding: 0px 12px}

	#section-contenttitle {width: 100%;box-sizing: border-box;padding: 10px 24px;margin:0px;font-size:18px;}
	.related #relTable td {width: 50% !important;padding-bottom: 15px;}
	.related #relTable td .im {height: auto;}
	.related .im {border-bottom: 0px solid #E0E0E0;padding-bottom: 0px;}
	#leftNav {display: none;}
	.withLeftNav {width: 100%;box-sizing: border-box;}
		.withLeftNav .related #relTable {width: 100%;box-sizing: border-box;}
		.withLeftNav .related #relTable td {display: block;float: left;width: 50% !important;}
			.withLeftNav .related #relTable td a img {max-width: 220px;height: auto;}
	#caption img {max-width: 100%;height: auto;}
	#caption span {max-width: 100%;}
	a#img-zoom, div.zoomPad {max-width: 100%;height: auto;}

	#imgCol {width: 100%;box-sizing: border-box;}
		div#main-item-image {float: none;width: 100%;box-sizing: border-box;}
			div.zoomPad img[name="mainimage"] {max-width: 100% !important;height: auto;}
	div.product-description {width: 100%;box-sizing: border-box;}
		input.addtocartImg {width: 100%;max-width: 241px;height: auto;}
		img.lowPriceG {width: 100%;max-width: 322px;height: auto;}
		#freeShippingMsg {font-size: 15px;}
}

@media only screen and (max-width : 450px) {
	a#logo-link {top: 10px;}
		a#logo-link img {width: 245px;height: auto}
		a#logo-link div {margin-left: 40px;letter-spacing: 0px;font-size: 9px;margin-top: -17px;}
	#headerCart {display: none}
	#top-search-form {display: none;}
	#ytMobileMenuIcon {right: auto;left: 5px;}
	#ytMobilePhoneIcon {right: 55px;}
	#ytMobileCartIcon {display: block;}
	#ytMobileSearchIcon {right: auto;left: 55px;}

	#homeContents td[width="214"] {width: 100%;box-sizing: border-box;padding: 0px 10px}
	#homeWelcome {padding: 0px;}
	#welcomeText {font-size: 12px;}

	.related #relTable td {width: 100% !important;}
}