/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 767px) {
/* Styles */
	body				{	
		font-size: 80%;
		line-height: 160%;
	}
	
	#preBanner										{	position: relative;	}
	/*	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 0 0 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;	}
	
	header.mainHeader								{	margin: 0 auto;	}

	#preBanner										{	display: none;	}
	#preBannerLeft									{	display: none;	}
	#preBannerLeft img							{	display: none;	}
	#preBannerRight								{	display: none;	}
	#preBannerRight #bannerCart				{	display: none;	}
	#strapBannerCentre							{	display: none;	}
	#strapBannerContacts							{	display: none;	}
	
	#homePanelLiner, 
	#homePanelWideLiner,
	#homePanelWideLeftLiner,
	#homePanelFullLiner, 
	#pagesPanelLiner, 
	#pagesPanelWideLiner, 
	#pagesPanelFullLiner, 
	#orderPanelLiner,
	#pagesPanelForProductLiner,
	#pagesPanelForProductsLiner,
	#pagesPanelForProductFullLiner,
	#pagesPanelForProductsFullLiner,
	#pagesPanelForProductWideLiner,
	#pagesPanelForProductsWideLiner,
	#leftBlocksLiner, 
	#leftBlocksWideLiner, 
	#rightBlocksLiner, 
	#rightBlocksWideLiner								{	margin: 0;	}
	
	#siteFooterContainer 						{	margin: 0 5px;	padding: 0;	}
	footer#mainSiteFooter 										{  margin: 0;  padding: 10px 0 0 0;	}
	#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: 100%;	float: left; text-align: left;	}
	
	#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 #footerSubscribe 							{  margin: 0;  padding: 5px 0;	}
	div#slidesContainer											{	margin: 0;	}
	
	
	
	div.highlightContainer4Up													{	width: 50%;	}
	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;	}
	
	nav#dtNav 														{	margin: 0; padding: 0;  border-radius: 0; background-color: #0055A5;	}
	ul#primaryNav													{	display: none;	}
	div#primaryNavDD												{	display: block;	}
	div#mNavToggle													{	display: block; margin-top: 5px;	}
	div#mNavToggle img											{	width: 100%; max-width: 37px; 	}
	div#mobileSearch												{	display: block; margin-top: 5px;	}
	div#mobileBasket												{	display: block; margin-top: 5px;	}
	div#mobilePhone												{	display: block; margin-top: 5px;	}
	
	
	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#masterCategoryPageSubcategorySelections div.masterCategoryPageSubCategory, div#masterCategoryBrandPageSubcategorySelections div.masterCategoryPageSubCategory {
    width: 50%;
}
	div.masterCategoryImage img								{	width: 100%;	}
	
	div.offerCategoryHeader			{	margin: 0 5px;	}
	
	div#siteBanner													{	margin: 0; padding: 0; background:#0055A5; position: relative; border-bottom:2px solid #FFF100;	}
	div#siteBannerRight											{	display: block;	}
	div#siteBannerLeft											{	display: block;	}
	div#siteBannerLeft img										{	display: block; width: 100%; margin: 0px; max-width: 187px;	}
	div#siteBannerLeft img.desktopOnly						{	display:none;	}
	div#siteBannerCentre											{	display: none;	}
	div#siteBannerMobile											{	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; }
	
	article#productPage h1.producth1 {  line-height: 2em;  }
	
	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.brandRecord {width: 33.33%;}
div.productWide {padding: 0 5px;}
	
	div.masterCategoryPageBrand						{	width: 25%;	}
	div.masterCategoryPageBrand img					{	width: 60%;	}
	div#masterCategoryBrandPageSelections div.subCategoryContainer							{	width: 50%;	}
	div#masterCategoryPageSelections div.subCategoryContainer								{	width: 50%;	}
	div.subCategoryLiner									{	margin: 0 5px; }

	div.newsStoryWrapper {	width: 50%;	}
	div.newsStoryWrapper:nth-child(2n+1) {	clear:left;	}

	
div#cpLeft																		{	width: auto; float: none;	}
div#cpRight																		{	width: auto; float: none;	}

	.halfWidth				{	width: auto; float: none;	}
	.thirdWidth				{	width: 50%;	}
	.halfWidth .thirdWidth	{	width: 33.33%;	}
	.quarterWidth			{	width: 50%;	}
	.quarterWidth:nth-child(2n+3) {    clear: none;}
	.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 : 768px) 
and (max-width : 1023px) {
/* Styles */
#preBanner						{line-height: 60px;padding-top:10px;}

nav#dtNav ul.primaryNav li a							{	font-size: 80%; font-weight: normal;}

}