/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 768px) {
/* Styles */
	body				{	
		font-size: 80%;
		line-height: 200%;
	}
	/*	Main Site Content Panel Styles	*/
	
	#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;	}

	
	#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 #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		{	margin: 0 0 20px 0;	padding: 0;	width: auto;	float: none; text-align: center;	}
	#siteFooters #footerColumns #footerColumnsCol2		{	margin: 0 0 20px 0;	padding: 0;	width: 50%;	float: left;	}
	#siteFooters #footerColumns #footerColumnsCol3		{	margin: 0 0 20px 0;	padding: 0;	width: 50%;	float: left;	}
	#siteFooters #footerColumns #footerColumnsCol4		{	margin: 0 0 20px 0;	padding: 0;	width: auto;	float: none; clear: left; text-align: center;	}
	
	
#siteFooters #footerColumns #footerColumnsCol1 dl,
#siteFooters #footerColumns #footerColumnsCol2 dl,
#siteFooters #footerColumns #footerColumnsCol3 dl,
#siteFooters #footerColumns #footerColumnsCol4 dl		
														{	margin: 0;	padding: 0;	}
#siteFooters #footerColumns #footerColumnsCol1 dl dt,
#siteFooters #footerColumns #footerColumnsCol2 dl dt,
#siteFooters #footerColumns #footerColumnsCol3 dl dt,
#siteFooters #footerColumns #footerColumnsCol4 dl dt		
														{	margin: 0;	padding: 0; width: 40%; float: left; clear: left;	}
#siteFooters #footerColumns #footerColumnsCol1 dl dd,
#siteFooters #footerColumns #footerColumnsCol2 dl dd,
#siteFooters #footerColumns #footerColumnsCol3 dl dd,
#siteFooters #footerColumns #footerColumnsCol4 dl dd		
														{	margin: 0;	padding: 0; width: 60%; float: left;	}
	
	div#slidesContainer								{	margin: 0;	}
	
	
	
	div.highlightContainer4Up													{	width: 50%;	}
	section#randomProductPanel1 div.highlightContainer4Up:nth-child(2n+1),
	section#randomProductPanel2 div.highlightContainer4Up:nth-child(2n+1),
	section#randomProductPanel3 div.highlightContainer4Up:nth-child(2n+1),
	section#randomProductPanel4 div.highlightContainer4Up:nth-child(2n+1),
	section#randomProductPanel5 div.highlightContainer4Up:nth-child(2n+1),
	section#randomProductPanel6 div.highlightContainer4Up:nth-child(2n+1)		{	clear:left;	}
	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#productListings article.productListingC1,
	div#productListings article.productListingC2,
	div#productListings article.productListingC3,
	div#productListings article.productListingC4 		{  width: auto; float: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;	}
	
	
	div.subCatProductDetail h3		{	margin: 0 0 1em 0; }
	div.inWarehouseAlertLiner 		{ margin: 0 10px;}
	
	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.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.masterCategoryEntry									{	width:auto; float:none;	}

	div.masterCategoryPageBrand						{	width: 25%;	}
	div.masterCategoryPageBrand img					{	width: 100%;	}
div.masterCategoryPageSubCategory										{	width:100%;	}
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;}



	.quarterWidth:nth-child(2n+3) {	clear: none;	}
	
	
	div.liner					{	margin: 0 5px;	}
	
	div.hpTabActive		{	width: 30%; font-size: 80%;	}
	div.hpTabInActive		{	width: 30%; font-size: 80%;	}
	
	div.rpModel																		{	min-height: 3em; }
	
	div.blockHighlight	{		margin: 0 5px 10px 5px;	}

}

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

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

@media only screen 
and (max-width : 819px) {
/* Styles */
	#preBanner										{	display: none;	}
	
/*	div#siteBanner													{	margin: 0; padding: 0;background-color: #7C4889;border-bottom:2px solid #7C4889; 	}
	div#siteBannerContainer										{	border-bottom:1px solid #FFF; 	}
	div#siteBannerLeft											{	width: 50%; float: left; text-align: center;display: block; background-color: #FFF;	}
	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;	}*/

	div#siteBanner													{	margin: 0; padding: 0;background-color: #FFF;border-bottom:2px solid #FFF; 	}
	div#siteBannerContainer										{	border-bottom:1px solid #FFF; 	}
	div#siteBannerLeft											{	width: 50%; float: left; text-align: center;display: block; background-color: #FFF;	}
	div#siteBannerLeft img										{	width:100%;max-width:125px; margin: 0 auto;	}
	div#siteBannerRight											{	display: none;	}
	div#siteBannerCentre											{	display: none;	}
	div#siteBannerDesktop										{	display:none;	}
	div#siteBannerMobile											{	display:block;	}
	div#siteBannerMobileC									{	text-align: center;background-color: transparent;	}
	div#siteBannerMobileC img								{	width:100%;max-width:220px; margin: 0 auto;	}
	div#siteBannerMobileL									{	width: 40px; float: right; text-align: center; display: block; background-color: transparent;	}
	div#siteBannerMobileR									{	width: 40px; float: left; text-align: left; display: block; background-color: transparent;	}
	
	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;	}
	#siteContainer									{	width: 100%;	margin: 0 auto 20px auto;	padding: 0;	background-color: #FFFFFF;	border: 0; border-radius: 0;	}
	#siteContainerLiner							{	padding: 0;	}
	
	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;	}
	
	div#widgetCategory							{	margin: 0 0 20px 0;	}
	span.widgetSubCategory										{	width:auto;float:none; margin:0;	}
	span.widgetSubCategory a										{	margin:0 10px 20px 10px; padding: 5px 10px; font-size:100%;	}
	

	div#productFilterPanel 	{    margin: 5px 0;    width: auto;    float: none;}	
	div#productListings	 	{    margin: 5px 0;    width: auto;    float: none;}	
	form#UserControls1 #UserControlSorts{width:50%;float:right;text-align:right;}
	form#UserControls1 #UserControlFiltersToggle {width:50%;float:left; margin: 0;}
	
}
	

@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 : 1440px) {
/* Styles */
	h1.heroH1			{ font-size: 4em; width:60%;left:20%; }
	h2.slideH2			{ font-size: 3.5em; margin: 1em 0; }
}