@media (max-width: 600px){ 
#page-content { 
width: 100%!important; 
}

#page-sidebar { 
right: 0; 
left: 0; 
top: 60%; 
width: 100%; 
}

body { 
overflow-x: hidden; 
overflow-y: scroll; 
} 
}

.expando { 
font-size: 16px; 
}

.expando input[type=text] { 
font-size: 16px; 
}

.expando h1 a, .expando h1 a:visited { 
color: #fff; 
font-weight: lighter; 
} 
.expando>header { 
background-color: #0090d4; 
}

.box{ 
border: none !important; 
box-shadow: none!important; 
padding: 0px!important; 
}

.box>header>h1 { 

margin:5px !important; 
padding:8px !important; 
}

.expando>header>h1 img{ 
margin-top: 2px !important; 
}

#add-to-cart .add-to-cart-icon { 

display:none!important; 

} 

#page-sidebar h1{ 
text-transform: uppercase; 

} 

#page-sidebar button.rotate-left, 
#page-sidebar button.rotate-right, 
#page-sidebar button.reset, 
#page-sidebar button.move-up, 
#page-sidebar button.move-down, 
#page-sidebar button.move-left, 
#page-sidebar button.move-right, 
#page-sidebar button.zoom-in, 
#page-sidebar button.zoom-out, 
#page-sidebar div#add-image, 
#page-sidebar div#remove-background, 
#page-sidebar button.reset-full, 
#page-sidebar div.quantity-modifier, 
/*#add-to-cart,*/
.styled-select {
	background: url(images/sprite.png) no-repeat;
}

/** boxes **/
.box header {
	background-position: right -175px;
}

.box header img {
	display: none;
}

#product-info-description {
	font-size: 11px;
}

#help-outer-container {
	font-size: 100%;
}

/* product picker */
#products-outer-container {
	width: 100%;
}

.product-search-result {
	vertical-align: top;
	height: auto;
}

.product-search-result > div.name {
	text-overflow: unset;
	white-space: unset;
	overflow: unset;
	height: auto;
}

/* no box expand */
.quantity-tab header, #add-to-cart header {
	background-image: none;
}

/** controls **/
/* buttons */
#page-sidebar button.rotate-left, #page-sidebar button.rotate-right, #page-sidebar button.reset, #page-sidebar button.move-up, #page-sidebar button.move-down, #page-sidebar button.move-left, #page-sidebar button.move-right, #page-sidebar button.zoom-in, #page-sidebar button.zoom-out, #page-sidebar div#add-image, #page-sidebar div#remove-background, #page-sidebar button.reset-full, #page-sidebar div.quantity-modifier, #add-to-cart, .styled-select {
	background-color: #0090d4;
	transition: all 300ms ease 0s;
	cursor: pointer;
}

#page-sidebar div.quantity-modifier {
	background-color: transparent;
}

#page-sidebar button.rotate-left:hover, #page-sidebar button.rotate-right:hover, #page-sidebar button.reset:hover, #page-sidebar button.move-up:hover, #page-sidebar button.move-down:hover, #page-sidebar button.move-left:hover, #page-sidebar button.move-right:hover, #page-sidebar button.zoom-in:hover, #page-sidebar button.zoom-out:hover, #page-sidebar div#add-image:hover, #page-sidebar div#remove-background:hover, #page-sidebar button.reset-full:hover, #add-to-cart:hover, .styled-select:hover {
	background-color: #0070b4;
}

/* button background positions */
#page-sidebar button.rotate-left	{ background-position: -90px 0; }
#page-sidebar button.rotate-right	{ background-position: -120px 0; }
#page-sidebar button.move-up		{ background-position: -240px 0; }
#page-sidebar button.move-down		{ background-position: -270px 0; }
#page-sidebar button.move-left		{ background-position: -180px 0; }
#page-sidebar button.move-right		{ background-position: -210px 0; }
#page-sidebar button.zoom-in		{ background-position: 0 0; }
#page-sidebar button.zoom-out		{ background-position: -30px 0; }
#page-sidebar div#add-image			{ background-position: 0 -30px; }
#page-sidebar div#add-image div 	{ display: none; } /* remove text if on sprite */
#page-sidebar div#remove-background { background-position: -110px -30px; }
#page-sidebar button.reset-full		{ background-position: -330px 0; }
#page-sidebar div.quantity-inc		{ background-position: -390px 0; }
#page-sidebar div.quantity-dec		{ background-position: -360px 0; }

/* resets */
#image-areas-container button[title="Reset Zoom"] { background-position: -60px 0px; }
#current-text-area-container button[title="Reset Rotation"], #image-areas-container button[title="Reset Rotation"] { background-position: -150px 0px; }
#current-text-area-container button[title="Reset Position"], #image-areas-container button[title="Reset Position"] { background-position: -300px 0px; }

.controls button.reset {
	float: none;
}

/* button hover effects */
button:hover, .colour-panel .colour-box:hover, textarea:focus, .styled-select:hover {
	box-shadow: 0 0 3px #600033;
	border: 1px solid #600033;
}

/* add to cart */
#add-to-cart img {
	display: none;
}

/* select dropdowns */
select, option {
	color: #0090d4;
}

option:hover {
	color: #0090d4;
	background: #600033;
}

.styled-select {
	background-position: right -66px;
}

.styled-select select {
	color: #FFF;
	cursor: pointer;
}

.styled-select ul {
	background: #0090d4;
}

.styled-select img {
	filter: invert(100%);
	-webkit-filter: invert(100%);
}

.styled-select ul li:hover, .styled-select option:hover {
	background: #f9b2dc;
}

.styled-select ul li:hover img {
	filter: none;
	-webkit-filter: none;
}

/* ie11 & edge rollbacks (no filter support) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.styled-select, .styled-select:hover { background-color: #FFF; background-position: right -137px; }
	.styled-select select, .styled-select option { color: #0090d4; }
	.styled-select ul { background-color: #FFF; }
	.styled-select img { filter: none; }
}

/* edge */
@supports (-ms-accelerator:true) {
	.styled-select, .styled-select:hover { background-color: #FFF; background-position: right -137px; }
	.styled-select select, .styled-select option { color: #0090d4; }
	.styled-select ul { background-color: #FFF; }
	.styled-select img { filter: none; }
}

/** text **/
.text-area-input {
	padding: 3px;
	box-sizing: border-box;
}

.font-img {
	height: 80%;
	width: auto;
	padding: 3px;
}

.colour-panel {
	max-height: 130px;
}

.colour-panel .colour-box {
	width: 20px;
	height: 20px;
}

.box header {
	background-color: #0090d4;
	color: #fff;
}

#add-to-cart {
	width: 100% !important;
}

#add-to-cart header {
	background-color: #7cd87c;
	color: #FFF;
}

/* hides */
#product-info-price, #pricing-summary, #bottom-prices, .warning {
	display: none;
}
