/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 767px) {
/* Styles */
	body				{	
		font-size: 80%;
		line-height: 160%;
	}
	/*	Main Site Content Panel Styles	*/
	header.mainHeader				{	margin: 0;	}

	#siteContainer									{	width: 100%;	margin: 0 auto 20px auto;	padding: 0;	background-color: #FFFFFF;	border: 0; border-radius: 0;	}
	#siteContainerLiner							{	padding: 0;	}
	
	#siteCloseoutLiner 							{   padding: 5px ;	}
	
	#mainContentPanel								{	width: auto;	float: none;	}

	#homePanel										{	margin: 0;	}
	#homePanelWide									{	margin: 0;	}
	#homePanelWideLeft							{	margin: 0;	}
	#homePanelFull									{	margin: 0;	}

	#pagesPanel										{	margin: 0;	}
	#pagesPanelWide								{	margin: 0;	}
	#pagesPanelFull								{	margin: 0;	}

	#orderPanel										{	margin: 0;	}

	#mainPanels										{	margin: 0;	}

	section#leftBlocks							{	display: none;	}
	section#leftBlocksWide						{	display: none;	}
	section#rightBlocks							{	display: none;	}
	section#rightBlocksWide						{	display: none;	}

	#pagesPanelForProduct						{	margin: 0;	}
	#pagesPanelForProducts						{	margin: 0;	}
	#pagesPanelForProductFull					{	margin: 0;	}
	#pagesPanelForProductsFull					{	margin: 0;	}
	#pagesPanelForProductWide					{	margin: 0;	}
	#pagesPanelForProductsWide					{	margin: 0;	}

	#preBanner										{	display: none;	}
	
	#homePanelLiner, 
	#homePanelWideLiner,
	#homePanelWideLeftLiner,
	#homePanelFullLiner, 
	#pagesPanelLiner, 
	#pagesPanelWideLiner, 
	#pagesPanelFullLiner, 
	#orderPanelLiner,
	#pagesPanelForProductLiner,
	#pagesPanelForProductsLiner,
	#pagesPanelForProductFullLiner,
	#pagesPanelForProductsFullLiner,
	#pagesPanelForProductWideLiner,
	#pagesPanelForProductsWideLiner,
	#leftBlocksLiner, 
	#leftBlocksWideLiner, 
	#rightBlocksLiner, 
	#rightBlocksWideLiner								{	margin: 0;	}
	
	footer#mainSiteFooter 										{  margin: 0;  padding: 10px 0 0 0;	}
	#siteFooters													{	margin: 0; font-size: 100%; padding: 10px 0;	}
	#siteFooters h3												{	font-size: 120%;	}
	#siteFooters #footersTop 									{  margin: 0 0 10px 0;  padding: 10px;	}
	#siteFooters #footersMid 									{  margin: 0 0 10px 0;  padding: 10px;	}
	#siteFooters #footersMid img.scaledHW					{  width: 100%; display: block;	}
	#siteFooters #footerColumns 								{  margin: 0;  padding: 5px 0; }
	#siteFooters #footerColumns #footerColumnsCol1,
	#siteFooters #footerColumns #footerColumnsCol2,
	#siteFooters #footerColumns #footerColumnsCol3,
	#siteFooters #footerColumns #footerColumnsCol4		{	margin: 0 0 10px 0;	padding: 0;	width: 50%;	float: left; text-align: left;	}
	#siteFooters #footerColumns #footerColumnsCol1 div.liner,
	#siteFooters #footerColumns #footerColumnsCol2 div.liner,
	#siteFooters #footerColumns #footerColumnsCol3 div.liner,
	#siteFooters #footerColumns #footerColumnsCol4 div.liner		{	margin: 0 5px;	}
	#siteFooters #footerColumns #footerColumnsCol1		{	padding: 0;	width: auto;	float: none; text-align: center;	}
	#siteFooters #footerSubscribe 							{  margin: 0;  padding: 5px 0;	}
	
	div#slidesContainer								{	margin: 0 5px;	}
	
	
	
	div.highlightContainer4Up													{	width: 50%;	}
	div.rpListingLiner															{	margin: 0 5px 10px 5px;	}
	
	form.buyit														{	margin: 20px;	}
	
	div.productRight												{	width: auto; float: none; }
	div.productLeft												{	width: auto; float: none; }
	div.productRightR												{	width: auto; float: none; }
	div.productLeftR												{	width: auto; float: none; }
	div.productReview												{	width: auto; float: none; }
	div#productReviews div.c0									{	margin: 0 0 20px 0;	}
	div#productReviews div.c1									{	margin: 0 0 20px 0;	}
	form#reviewForm div.checkoutNotes,
	form#customer_detail div.checkoutNotes 				{	float: none;	margin: 10px 0; width: auto; line-height: normal; clear: both;	}
	form#reviewForm div.checkoutNotes p,
	form#customer_detail div.checkoutNotes p 				{	margin: 0;	color: #666666;	}
	form#UserControls1											{	width: auto; float: none;	}	
	form#UserControls1 .hideNarrow							{	display: none;	}
	
div.brandRecord		{	width: 33.33%;}
div.brandRecord:nth-child(3n+1)		{	clear: left;}
div.brandRecordLiner	{	margin: 0 5px 20px 5px;}
div.brandRecord img	{	width: 90%;}

article#brand													{	margin: 0 5px 20px 5px;	}
article#brand div.brandLogo								{	width:90%;margin: 0 auto;	}
article#brand div.brandLogo img							{	width:100%; max-width:400px; display:block; margin: 0 auto;	}
	
	nav#dtNav 														{	display: none;	}
	ul#primaryNav													{	display: none;	}
	div#primaryNavDD												{	display: block;	}
	div#mNavToggle													{	display: block;	}
	div#mNavToggle img											{	width: 100%; max-width: 37px; 	}
	div#mobileSearch												{	display: block;	}
	div#mobileBasket												{	display: block;	}
	div#mobilePhone												{	display: block;	}
	
	
	div.masterCategoryEntry			{	width: 50%; float: left; margin: 0 0 10px 0;	}
	div.masterCategoryWrapper		{	margin: 0 5px 10px 5px; 	}
	div.masterCategoryDetail h2 a	{	padding: 5px 10px;	}

	
	div.masterCategoryImage img								{	width: 100%;	}
	
	div.offerCategoryHeader			{	margin: 0 5px;	}
	
	div#siteBanner													{	margin: 0; padding: 0;background-color: #333;border-bottom:2px solid #333; 	}
	div#siteBannerContainer										{	border-bottom:1px solid #FFF; 	}
	div#siteBannerLeft											{	width: 50%; float: left; text-align: center;display: block; background-color: #333;	}
	div#siteBannerLeft img										{	width:100%;max-width:125px; margin: 0 auto;	}
	div#siteBannerRight											{	display: none;	}
	div#siteBannerCentre											{	display: none;	}
	div#siteBannerMobile											{	width: 50%; float: right; text-align: center; display: block;	}
	
	div.tabHeader													{	font-size: 80%;	}
	
	section.pricing											{	margin: 0;	}
	
	article.productListingC1 div.productListing1,
	article.productListingC2 div.productListing2,
	article.productListingC3 div.productListing3,
	article.productListingC4 div.productListing4,
	article.productListingC5 div.productListing5,
	article.productListingC2 div.productListing1,
	article.productListingC3 div.productListing1, article.productListingC3 div.productListing2,
	article.productListingC4 div.productListing1, article.productListingC4 div.productListing2, article.productListingC4 div.productListing3,
	article.productListingC5 div.productListing1, article.productListingC5 div.productListing2, article.productListingC5 div.productListing3, article.productListingC5 div.productListing4
																	{	margin: 0 5px 10px 5px; padding: 5px 0 0 0;	}
	div.subCatProductImage									{	margin: 0; border: 0; border-radius: 0; background-color: #FFFFFF; }
	div.productListingBrand									{	padding: 0 5px; }
	div.productListingModel									{	padding: 0 5px; }
	
	div#offerRecords div.offerProductWrapper			{	margin: 0 5px 10px 5px; padding: 5px 0 0 0; }
	div#offerRecords div.offerProductImage				{	margin: 5px; border: 5px solid #FFFFFF;	}

	form#productPMRForm										{	margin: 10px;	padding: 0; }
	form#productPMRForm fieldset							{	margin: 10px 0;	padding: 5px; }

	div#offerRecords div.offerProduct					{	width: 50%;	}
	div#offerRecords div.offerProductWrapper			{	margin: 0 5px 10px 5px; padding: 5px 0 0 0;	}
	div.offerCategory											{	width: 50%;	}
	div.offerCategoryWrapper								{	margin: 0 5px 10px 5px;	}
	div#searchResults											{	display:grid;grid-template-columns: auto auto; column-gap: 5px; row-gap: 5px;	}
	
div.masterCategoryEntry									{	width:auto; float:none;	}

	div.masterCategoryPageBrand						{	width: 25%;	}
	div.masterCategoryPageBrand img					{	width: 100%;	}
div.masterCategoryPageSubCategory										{	width:50%;	}
div.masterCategoryPageSubCategory a										{	margin:0 5px; padding: 5px 10px;	}
div.masterCategoryPageSubCategory:nth-of-type(2n+1)					{	clear:left;	}

	
div#cpLeft																		{	width: auto; float: none; margin:0 0 20px 5px;	}
div#cpRight																		{	width: auto; float: none;	}
div.siteContactsForm,
div.siteContactsText	{
	width: auto; float: none; margin:0 0 20px 0;
}

h1.heroH1			{ font-size: 2em;}
h2.heroH2			{ font-size: 1em;}


	.halfWidth				{	width: auto; float: none;	}
	.thirdWidth				{	width: 50%; float: left;	}
	.halfWidth .thirdWidth	{	width: 33.33%;	}
	.quarterWidth			{	width: 50%;	}
	.eighthWidth			{	width: 25%;	}
.twoFifthsWidth		{	width: 50%;	}
.threeFifthsWidth		{	width: 100%;	}
	.mt0r0b20l0				{	margin: 0 0 10px 0;	}
.p0						{	padding: 0;	}
.p010						{	padding: 0 5px;	}
.p1010					{	padding: 5px;	}
.p2020					{	padding: 10px;	}
.p100						{	padding: 5px 0;	}
.m0						{	margin: 0;	}
.mt20r0b0l0				{	margin: 10px 0 0 0;	}
.mt0r0b20l0				{	margin: 0 0 10px 0;	}
.mt20						{	margin-top: 10px;	}
.mr20						{	margin-right: 10px;	}
.mb20						{	margin-bottom: 10px;	}
.ml20						{	margin-left: 10px;	}
.mt10						{	margin-top: 5px;	}
.mr10						{	margin-right: 5px;	}
.mb10						{	margin-bottom: 5px;	}
.ml10						{	margin-left: 5px;	}
.mt0r20b20l0			{	margin: 0 10px 10px 0;	}
	
	div.liner					{	margin: 0 5px;	}
	
	div.hpTabActive		{	width: 30%; font-size: 80%;	}
	div.hpTabInActive		{	width: 30%; font-size: 80%;	}
	
	div.rpModel																		{	min-height: 3em; }

}

@media only screen 
and (max-width : 320px) {
/* Styles */
	body				{	
		font-size: 70%;
		line-height: 160%;
	}
}



@media only screen 
and (min-width : 1220px) {
/* Styles */
	h1.heroH1			{ font-size: 4em; width:60%;left:20%; }

}

@media only screen 
and (min-width : 768px) 
and (max-width : 960px) {
	#preBannerCentre							{	text-align: center; float:none;clear:both; line-height:30px;	}
	#preBannerCentre a.plain				{	display:block;float:left;text-decoration:none; width:50%;font-size: 100%;background-color: transparent;color: #FFF; padding: 0;	}
/*	#preBannerCentre a.plain span			{	display:none;	}	*/
	header.mainHeader				{	margin: 111px auto 0 auto;	}

}
@media only screen 
and (min-width : 961px) {
	#preBannerCentre a.plain i				{	display:none;	}
}
@media only screen 
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
	#preBannerCentre a.plain				{	font-size: 100%;	}
}




@media only screen 
and (max-width : 819px) {
/* Styles */
	h2.slideH2			{ font-size: 2em; margin: 0.5em 0; }
	div#slidesContainer								{	margin: 0;	}
	div#slidesContainer a.asButton 			{	max-width: 200px;	padding: 0;	margin: 0 auto;}
	div#slidesContainer .b30p		 			{	bottom:15%;}
	.quarterWidth:nth-child(2n+3) {	clear: none;	}
}
	

@media only screen 
and (min-width : 819px) {
/* Styles */
	h2.slideH2			{ font-size: 2em; margin: 1em 0; }
	
}

@media only screen 
and (min-width : 1024px) {
/* Styles */
	h2.slideH2			{ font-size: 2.5em; margin: 1em 0; }
}

@media only screen 
and (min-width : 1220px) {
/* Styles */
	h1.heroH1			{ font-size: 4em; width:60%;left:20%; }
	h2.slideH2			{ font-size: 3.5em; margin: 1em 0; }
}