/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/*testing*/
.responsive-nav-toggle-button {display:none;}



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

    html { font-size: 62.5%; } /* =Takes the base brower font down to 10px */
    body { font-size: 14px; font-size: 1.4rem; } /* =14px */
    h1   { font-size: 35px; font-size: 3.5rem; } /* =35px */
	h2, .phead2, .subHeader {color: #222;background-image: url('../images/dyn/ffffff-80.png');padding: 6px;font-weight: normal;font-size: 1.6rem;line-height: 24px;margin: 0px;margin-bottom: 0px;width: 100%;}
    body { width:100%;}

	/*  Logo Banner Elements	

	.banner 				
	.banner .logo-desktop  	
	.banner .logo  			
	.banner a.company-logo 	
	.banner .search-icon 	
    .banner .phone 			
	.banner .flags			
	.social-media-links 	
	#search  				
	#search table 			
	#search input#searchtxt */
	
	/* Font Reset */
    html { font-size: 62.5%; } /* =Takes the base brower font down to 10px */
    body { font-size: 14px; font-size: 1.4rem; } /* =14px */
    h1   { font-size: 35px; font-size: 2.5rem; } /* =35px */
	h2, .phead2, .subHeader {color: #222;background-image: url('../images/dyn/ffffff-80.png');padding: 6px;font-weight: normal;font-size: 1.6rem;line-height: 24px;margin: 0px;margin-bottom: 0px;width: 100%;}
    body { width:100%;}




}


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

/* Containing Elements  ***********************************************************/

  	div.brand-logo { margin: 1%}
  	.mm-list > li > a, .mm-list > li > span {font-size: .9em;}
  	.mm-menu {width: 80% !important;}
  	html.mm-opened.mm-opening .mm-page,
  	html.mm-opened.mm-opening #mm-blocker,
  	html.mm-opened.mm-opening .mm-fixed-top,
	.responsive-nav-toggle-button {display:block !important; z-index: 10;background-color: #333333;background-position: center center;border: 2px solid #969696;height: 35px;width: 35px;float: left;padding: 0px;margin: 5px;border-radius: 3px;display: block;background-image: url('../images/icons/mobilemenu.png');background-repeat: no-repeat;background-size: 14px;}
  	
  	#navigation						{display:none}
  	#product_finder					{display: none;}
  	
	#verticalfader 		{ width:100%; margin: 0px; padding: 0px;}
	#verticaledges		{ width:100%; padding: 0px; border:  0px; border-radius:  0px;}

	.container { width: 98%;  margin: 1%;overflow: hidden; }
	.container-inner  	{ width:100% !important; padding: 0px;float: left; margin: 0px; padding: 0px !important;  overflow: hidden;}

	.container-inner 		{ width:100% !important; float: left; margin: 0px; padding: 0px !important;}
	.columnleft[style] 	{ width:50% !important; margin: 0px; padding: 0px;}
	.columnright[style]	{ width:50% !important; float: left; margin: 0px; padding: 0px;}

	.columnleft  	{ width:50%; padding: 0px;float:left;}
	.columnright  	{ width:50%; padding: 0px;float:left;}
	.columnOne		{ width:50%; padding: 0px;float:left;}
	.columnTwo		{ width:50%; padding: 0px;float:left;}

	.columnbackground  { padding: 0px;}

	#top_buttons 					{ position: relative; width: 100%;top: 0; left:0;}
	#top_buttons .btn 				{ float: left !important;margin: 2% 1%;;margin-right: 0px;border-radius: 0px;width: 46%;}
	#top_buttons .mobbutton 		{ float: left; border-radius: 0px;}
	#top_buttons .login_btn[style] 	{ float: left !important;position: static;width: 45%;margin:2% 3%;;border-radius: 0 20px 20px 0 !important;}
	#top_buttons .login_btn .m 		{font-size: 1em;}
	#top_buttons .checkout_btn[style] { float: left; position: static; width: 45%; /* margin: 2px 0.5%; */ padding: 1%;}
	#top_buttons .checkout_btn .m 	{ font-size: 1.5em;}

	/*  Logo Banner Elements	*/

	.banner 				{width: 100%; height: 50px;} /* Do not change */
	.banner .logo-desktop  	{display:none}
	.banner .logo  			{background-image: url('../images/mobile/ProAudio-Stash.jpg'); width:240px; background-repeat: no-repeat;height: 25px;margin:12px auto;}
	.banner a.company-logo 	{ }
	.banner .search-icon 	{ display:block; width:32px; height: 32px; background: #333333 url('../images/icons/search.png') center center no-repeat; border-radius: 2px; border: 2px solid #969696;float:right; margin:1.5% 1%;}
	.banner .basket-icon 	{ display:none; width:32px; height: 32px; background: #333333 url('../images/icons/cart.png') center center no-repeat; border-radius: 2px;  border: 2px solid #969696; float:right; margin:1.5% 1%;}
    .logged-in .banner .basket-icon 	{ display:block;}

    .banner .phone 			{ top: 12px;left: 200px; display:none;}
	.banner .flags			{position: relative;width: 185px;height: 16px;top: 20px;z-index: 8;display:none;}
	.social-media-links 	{display: none}
	#search  { position: static; background: #000; width: 100%; display: none;}/* show hide element */
	#search table { width: 90%;}
	#search input#searchtxt { border: 2px solid #999;text-align: left;width: 90%;border-radius: 5px;}
	
	
	
	#image_fader_frame			{width: 97%;height: 290px;overflow: hidden;left: 0px;top: 0px;margin-bottom: 20px;border: 10px #dedede solid;border-radius: 2px;}
	.mainfocus 					{width: 100%;height: 200px;left: 0px;top: 0px;}
	.mainfocus .focusheader 	{height: 196px;width: 100%;}
	.mainfocus .focuscontent 	{position: relative;width: 100%;padding-left: 10px;height: 90px;border: 0px;padding-top: 10px;}
	.specialHeader 				{color: #fff;font-size: 1.7rem;font-weight: bold;line-height: 1em;}
	.mobile-image-resize		{width: 100%;}
	.mainfocus .buttonposition 	{position: absolute;top: 250px;width: 100%;right: -8px;}
	.mainfocus .buttonposition .btn {float: none; }
	h2.specialBody {padding-top: 3PX;}

	.blacktab { width: 100%;}
	
	.SECTION-how-to-guides  .container li 	{margin-left: 24px;}
	.SECTION-how-to-guides .columnright[style] {width: 47% !important;float: left;margin: 0px;padding: 0px 0 0 10px;}
	.baseline 					{margin-left: 10px;margin-right: 10px;}
	
	
	
		/*  details section	*/

	
	.#detail .images			{width:300px}
}


@media only screen and (max-width: 720px) and (max-width: 640px) {
 
 	.columnleft[style] 		{ width:100% !important; margin: 0px; padding: 0px;}
	.columnright[style]	{ width:100% !important; float: left; margin: 0px; padding: 0px;}

	.columnleft  	{ width:100%; padding: 0px;float:left;}
	.columnright  	{ width:100%; padding: 0px;float:left;}
	.columnOne		{ width:100%; padding: 0px;float:left;}
	.columnTwo		{ width:100%; padding: 0px;float:left;}
 
  .newswide  h2, .phead2, .subHeader {color: #222;padding: 3px;font-size: 2rem;text-align: center;border-bottom: 1px solid #826357;display: block;margin-bottom: -33px;}

	/* creates small image slider on mobile*/
	.desktop-product-image-frame { display:none; }
	.mobile-product-image-viewport-outer { position:relative; left:0 !important; }
	.mobile-product-image-viewport-outer .slider-arrow-right { right: 0; background-image: url("http://www.proaudiostash.co.uk/images/arrow-right.png"); }
	.mobile-product-image-viewport-outer .slider-arrow-left { left: 0; background-image: url("http://www.proaudiostash.co.uk/images/arrow-left.png"); }
	.mobile-product-image-viewport-outer .slider-arrow-left, .slider-arrow-right { display: block; height: 100%;width: 32px;position: absolute;text-indent: -999em;z-index: 1;background-repeat: no-repeat;background-position: center center;}
	.mobile-product-image-viewport { overflow:hidden; position:relative; width:520px; }
	.mobile-product-image-frame div.mobile-product-image-item { position: relative; display: inline-block; vertical-align: top; font-size:0px; }
	.mobile-product-image-viewport-outer {display: block !important;}

	/* Elements display none */
  	#topstrip { display:none;}
	#navigation { display:none;}
	#subnavigation {display:none;}
	#sub_sections { display: none;}
	#product_finder { display: none;}
	.sections-wrapper { display: none;}
	.social-media-wrap   { display: none;}
	.startpiece, .endpiece, .textposition   { display: none;}
	.pngoverlay	{ display: none;}
	.fadeout { display: none;}
	.controlsback { display: none;}
	.social-media{ display:none;}

	.jqzoom  { }/* Needed for image selector*/
  	.productrowwrapper .zoomPup { display:none !important; border:1px solid brown;}
  	.productrowwrapper .zoomWindow {  display:none !important; border:1px solid green;}
  	.productrowwrapper .ecommerce-large {  }
  	.productrowwrapper .ecommerce-fader-image { margin-left: 0px; }
  	.productrowwrapper .zoomPad img[style] {width: 100%;}

	/* position absolute overrides*/
	#login_info  { position: static;}
	#minibasket 	{ position: static; width: 98%;} /* Show hide element */
	#listing .productsummary p	{ position: static;}
	#listing .productsummary h3 { position: static;}

	#jq-popup.plain[style] { width: 98%  !important; margin: 0px; padding: 0px;}

	#popup_form .formleft, #popup_form .formright { width: 100% !important; float: left; padding: 0px; margin: 0px;}
	#popup_form { width: 98% !important;}
	#popup_form table { width: 98% !important;}
	#popup_form .textbox {width: 85% !important; padding: 1%; margin: 1%;}
	#popup_form select {width: 85% !important;}

	#popup_form .view-profile-dialog[style] {width: 90%;}
	#popup_form .view-profile-dialog table {width: 90%;}
	#popup_form .view-profile-dialog table td {float: right;}
  	#popup_form #login_form > div.formright .btn { width: 50% !important; margin-right: 3%;}
  	#popup_form #message { width:90% !important;}
  	#popup_form table.btn.toggle-basket-btn {width: 30% !important;}
	#popup_form h2 { padding: 5px 0;}
	
	#detail .quick-buy-list {width: 86%;}
	
	/* Containing Elements  ***********************************************************/


	#verticalfader 		{ width:100%; margin: 0px; padding: 0px;}
	#verticaledges		{ width:100%; padding: 0px; border:  0px; border-radius:  0px;}

	.container { width: 98%;  margin: 1%;overflow: hidden; }
	.container-inner  	{ width:100% !important; padding: 0px;float: left; margin: 0px; padding: 0px !important;  overflow: hidden;}

	.container-inner 		{ width:100% !important; float: left; margin: 0px; padding: 0px !important;}
	
	.columnleft[style] 		{ width:100% !important; margin: 0px; padding: 0px;}
	.columnright[style]	{ width:100% !important; float: left; margin: 0px; padding: 0px;}

	.columnleft  		{ width:100%; padding: 0px;float:left;}
	.columnright  	{ width:100%; padding: 0px;float:left;}
	.columnOne		{ width:100%; padding: 0px;float:left;}
	.columnTwo		{ width:100%; padding: 0px;float:left;}

	.columnbackground  { padding: 0px;}

	#top_buttons 					{ position: relative; width: 100%;top: 0; left:0;}
	#top_buttons .btn 				{ float: left !important;margin: 2% 1%;;margin-right: 0px;border-radius: 0px;width: 46%;}
	#top_buttons .mobbutton 		{ float: left; border-radius: 0px;}
	#top_buttons .login_btn[style] 	{ float: left !important;position: static;width: 45%;margin:2% 1%;;border-radius: 0 20px 20px 0 !important;}
	#top_buttons .login_btn .m 		{font-size: 1em;}
	#top_buttons .checkout_btn[style] { float: left; position: static; width: 45%; /* margin: 2px 0.5%; */ padding: 1%;}
	#top_buttons .checkout_btn .m 	{ font-size: 1.5em;}

	/*  Logo Banner Elements	*/

	.banner 				{width: 100%; height: 50px;} /* Do not change */
	.banner .logo-desktop  	{display:none}
	.banner .logo  			{background-image: url('../images/mobile/ProAudio-Stash.jpg'); width:240px; background-repeat: no-repeat;height: 25px;margin:12px auto;}
	.banner a.company-logo 	{ }
	.banner .search-icon 	{ display:block; width:32px; height: 32px; background: #333333 url('../images/icons/search.png') center center no-repeat; border-radius: 2px; border: 2px solid #969696;float:right; margin:1.5% 1%;}
    .banner .phone 			{ top: 12px;left: 200px; display:none;}
	.banner .flags			{position: relative;width: 185px;height: 16px;top: 20px;z-index: 8;display:none;}
	.social-media-links 	{display: none}
	#search  { position: static; background: #000; width: 100%; display: none;}/* show hide element */
	#search table { width: 90%;}
	#search input#searchtxt { border: 2px solid #999;text-align: left;width: 90%;border-radius: 5px;}
	
	.blacktab { width: 100%;}

	/*  base nav	*/


	.baseline 			{ width: 100%; padding: 0px; margin: 0px;}
	.baseline a:link 	{ text-decoration: none;text-transform: uppercase; }
	.vsmall	{ }
	.copyright 			{ position: static;  display: block;}
	.debug 				{ display: none;}
  	.landscape {width: 100%; height:auto;}/*image attr*/
	.pasignups			{}
	.baseline .link-block		{padding: 0 16px;float: left;width: 50%; display:none}
	iframe { width: 100%;}
	
	.responsive-nav-toggle-button { z-index: 10;background-color: #333333;background-position: center center;border: 2px solid #969696;height: 35px;width: 35px;float: left;padding: 0px;margin: 5px;border-radius: 3px;display: block;background-image: url('../images/icons/mobilemenu.png');background-repeat: no-repeat;background-size: 14px;}




	#listing .productrowwrapper { width: 100%;}
	#listing .productthumb 		{ width: 100%;border-top: 1px solid #000;padding: 0;border: none;}
	#listing .productsummary 	{float: left;cursor: pointer;vertical-align: middle;width: 100%;font-size: 13px;background: url('../images/dyn/e9e9e9-80.png');}



	#product_navigation {width: 100%;}
	#product_navigation div ul {width: 100%;}
	#product_navigation div li {width: 100%;}
	
	#detail .product_info		{;float: left;width:100%;border:none;}
	#detail .option_selector	{height:40px}
	
	/*main focus*/
	#image_fader_frame			{width: 94%;height: 174px;overflow: hidden;left: 0px;top: 0px;margin-bottom: 20px;border: 10px #dedede solid;border-radius: 2px;}
	.mainfocus 					{width: 100%;height: 281px;left: 0px;top: 0px;}
	.mainfocus .focusheader 	{position: relative;margin-top: 0px;margin-left: 0px;width: 100%;height: 79px;}
	.mainfocus .focuscontent 	{position: relative;width: 98%;padding-left: 7px;height: 90px;border: 0px;padding-top: 5px;}
	.specialHeader 				{color: #fff;font-size: 1.7rem;font-weight: bold;line-height: 1em;}
	.mobile-image-resize		{width: 100%;}
	.mainfocus .buttonposition 	{position: absolute;top: 135px;width: 100%;right: 0;}
	.mainfocus .buttonposition .btn {float: none; }
	h2.specialBody {padding-top: 3PX;}

	.newsitem {width: 100%;border-left: none}
	
	.newswide  h2, .phead2, .subHeader {color: #222;padding: 3px;font-size: 2rem;text-align: center;border-bottom: 1px solid #826357;display: block;margin-bottom: -33px;}

	.phead2		{margin-bottom:0;}	

	/* creates small image slider on mobile*/
	.desktop-product-image-frame { display:none; }
	.mobile-product-image-viewport-outer { position:relative; left:0 !important; }
	.mobile-product-image-viewport-outer .slider-arrow-right { right: 0; background-image: url("http://www.proaudiostash.co.uk/images/arrow-right.png"); }
	.mobile-product-image-viewport-outer .slider-arrow-left { left: 0; background-image: url("http://www.proaudiostash.co.uk/images/arrow-left.png"); }
	.mobile-product-image-viewport-outer .slider-arrow-left, .slider-arrow-right { display: block; height: 100%;width: 32px;position: absolute;text-indent: -999em;z-index: 1;background-repeat: no-repeat;background-position: center center;}
	.mobile-product-image-viewport { overflow:hidden; position:relative; width:520px; }
	.mobile-product-image-frame div.mobile-product-image-item { position: relative; display: inline-block; vertical-align: top; font-size:0px; }
	.mobile-product-image-viewport-outer {display: block !important;}

	/* Elements display none */
  	#topstrip { display:none;}
	#navigation { display:none;}
	#subnavigation {display:none;}
	#sub_sections { display: none;}
	#product_finder { display: none;}
	.sections-wrapper { display: none;}
	.social-media-wrap   { display: none;}
	.startpiece, .endpiece, .textposition   { display: none;}
	.pngoverlay	{ display: none;}
	.fadeout { display: none;}
	.controlsback { display: none;}
	.social-media{ display:none;}

	.jqzoom  { }/* Needed for image selector*/
  	.productrowwrapper .zoomPup { display:none !important; border:1px solid brown;}
  	.productrowwrapper .zoomWindow {  display:none !important; border:1px solid green;}
  	.productrowwrapper .ecommerce-large {  }
  	.productrowwrapper .ecommerce-fader-image { margin-left: 0px; }
  	.productrowwrapper .zoomPad img[style] {width: 100%;}

	/* position absolute overrides*/
	#login_info  	{ position: static;background-image: url('../images/dyn/e9e9e9-80.png');width: 100%;color:#000}
	#login_info a 	{color: #000;}
	#login_info b 	{color: #000;display: inline;}
	#detail .product_info	{padding:0;}
	#detail .product_info .inner	{margin-left:0}
	#detail .images {float: left;width: 100%;padding-bottom: 20px;margin-right:0px;}
	#detail ul		{width:100%}
	#minibasket 	{ position: static; width: 98%; display:none;} /* Show hide element */
	#listing .productsummary p	{ position: static;}
	#listing .productsummary h3 { position: static;}

	#jq-popup.plain[style] { width: 98%  !important; margin: 0px; padding: 0px;}

	#popup_form .formleft, #popup_form .formright { width: 100% !important; float: left; padding: 0px; margin: 0px;}
	#popup_form { width: 98% !important;}
	#popup_form table 		{width: 98% !important;}
	#popup_form .textbox 	{width: 85% !important; padding: 1%; margin: 1%;}
	#popup_form select 		{width: 95% !important;}
	#popup_form .options 	{width: 100px;margin-top: 10px;}
	#popup_form .view-profile-dialog[style] {width: 90%;}
	#popup_form .view-profile-dialog table {width: 90%;}
	#popup_form .view-profile-dialog table td {float: right;}
  	#popup_form #login_form > div.formright .btn { width: 50% !important; margin-right: 3%;}
  	#popup_form #message { width:90% !important;}
  	#popup_form table.btn.toggle-basket-btn {width: 30% !important;}
	#popup_form h2 { padding: 5px 0;}

	

	/*  base nav	*/


	.baseline 			{ width: 100%; padding: 0px; margin: 0px;}
	.baseline a:link 	{ text-decoration: none;text-transform: uppercase; }
	.vsmall	{ }
	.copyright 			{ position: static;  display: block;}
	.debug 				{ display: none;}
  	.landscape {width: 100%; height:auto;}/*image attr*/
	.pasignups			{}
	.baseline .link-block		{padding: 0 16px;float: left;width: 50%; display:none}
	iframe { width: 100%;}
	
	.responsive-nav-toggle-button { z-index: 10;background-color: #333333;background-position: center center;border: 2px solid #969696;height: 35px;width: 35px;float: left;padding: 0px;margin: 5px;border-radius: 3px;display: block;background-image: url('../images/icons/mobilemenu.png');background-repeat: no-repeat;background-size: 14px;}



	#listing .productrowwrapper { width: 100%;}
	#listing .productthumb 		{ width: 100%;border-top: 1px solid #000;padding: 0;border: none;}
	#listing .productsummary 	{float: left;cursor: pointer;vertical-align: middle;width: 100%;font-size: 13px;background: url('../images/dyn/e9e9e9-80.png');}



	#product_navigation {width: 100%;}
	#product_navigation div ul {width: 100%;}
	#product_navigation div li {width: 100%;}

	.newsitem {width: 100%;border-left: none}

 	#dyn_form_submit_btn			{float:none !important}
	.form_content_table .form_label {width: 25%;}
 	.textbox 						{width: 56%;}
 	.select							{width: 56%;}
 	
 	.SECTION-custom-projects .container .picture_block img {width:94%}
 	.pasignups	{display:none;}
 }


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


  
  


	#image_fader_frame			{width: 94%;height: 184px;overflow: hidden;left: 0px;top: 0px;margin-bottom: 20px;border: 10px #dedede solid;border-radius: 2px;}
	.mainfocus 					{width: 100%;height: 200px;left: 0px;top: 0px;}
	.mainfocus .focusheader 	{height: 89px;width: 100%;}
	.mainfocus .focuscontent 	{position: relative;width: 98%;padding-left: 7px;height: 90px;border: 0px;padding-top: 5px;}
	.specialHeader 				{color: #fff;font-size: 1.7rem;font-weight: bold;line-height: 1em;}
	.mobile-image-resize		{width: 100%;}
	.mainfocus .buttonposition 	{position: absolute;top: 145px;width: 100%;right: 0;}
	.mainfocus .buttonposition .btn {float: none; }
	h2.specialBody {padding-top: 3PX;}
	.baseline .vsmall			{padding-left: 6px;}
	.banner .basket-icon {margin: 8% 1% 0 1%;}


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

  
  	.mainfocus .focusheader 	{height: 79px;width: 100%;}
	.mainfocus .focuscontent 	{height:100px}
	
	/*pop up*/
	#popup_form h2 				{padding: 5px 4px 5px 5px;}
	a:link						{font-size:11px}
	
	.prod-options-col .compact_select		{width:100px !important;}
	
}