/*GENERIC FOR ALL  PHONES*/

h1, .heading{
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
  
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
  
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}


#slideshow_div{
	height:300px;
}
#prev{
	position:absolute;
	left:0px;
	z-index:1000;
	top:85px;
	cursor:pointer;
}
#next{
	position:absolute;
	right:0px;
	z-index:1000;
	top:85px;
	cursor:pointer;
}
#projpager{
	bottom:15px;
}
.slidecaptioninner_div{
	width:auto;
	max-width: 100%;
}
.slidecaption_wide{
	width:auto;
	max-width: 100%;
}
.slidecaption_div{
	padding-top:20px;
	font-size:12px;
}

.sectionslideprev, .sectionslidenext{
	display:none;
}

.cartfootlabel_div{
	width:70%;
	font-weight:bold;
}
.cartfoottotal_div{
	width:25%;
	font-weight:bold;
}

.sectionwrap_div{
	padding-top: 30px;
	padding-bottom: 30px;
}
.sectionslidewrap_div{
	padding-top: 30px;
	padding-bottom: 30px;
}

.sectionpiconly {
	min-height: 400px;
}
.sectioncontentpiconly {
	min-height: 200px;
}
.footnav_div{
	width:50%;
}

.footercleartiny{
	display:none;
}

.footerclearmicro{
	display:block;
}

.callouts_div{
	padding-left: 20px;
	padding-right: 20px;
}
.callout_div {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	width: auto;
}
#pagebanner_div{
	height:300px;
}

.sectiongalleryinner_div{
	text-align: center;	
}
.sectiongal_img{
	float:none !important;
	width:95% !important;
}

.prodgal_div{
	float:none;
	width:auto;
	padding-right: 0px;
	border-right: none;
}
.productdetail_div{
	float:none;
	width:auto;
	margin-left: 0px;
	padding-left: 0px;
	padding-top:30px;
}


.prodlistprod_div {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 80%;
	float: none;
}
.prodlist_div .two_per_row_div {
	display:none;
}

.prodlistlistsubprodpic_div{
	width:30%;
	float:left;
	box-sizing: border-box;
	padding-right: 2%;
}

.prodlistlistsubprodttl_div{
	width:70%;
	float:left;
	box-sizing: border-box;
	padding-right: 0px;
}

.prodlistlistsubprodrrp_div{
	clear:both;
	float:none;
	width:auto;
	text-align:right;
	padding-right: 0px;
}
.prodlistlistsubprodqty_div{
	clear:both;
	width:50%;
	text-align:left;
}

.prodlistlistsubprodstatus_div{
	width:50%;
	text-align:right;
}

.ordercontent_div table{
	width: 100% !important;
}
.ordercontent_div table table{
	width: 95% !important;
}
.carthead_div{
	display:none;
}
.cartitem_div, .cartprice_div, .cartqty_div, .cartsubtotal_div{
	float:none;
	width:auto;
	margin-right:0px;
	padding-top:5px;
	text-align:left;
}
.cartprice_div, .cartqty_div, .cartsubtotal_div{
	text-align:right;
}
.cartfootlabel_div{
	width:50%;
	font-weight:bold;
}
.cartfoottotal_div{
	width:45%;
	font-weight:bold;
}
.phonenarrow_hide{
	display:none;
}
.phonenarrowlabel{
	font-weight:bold;
	display:inline;
}
.dashheadrow_div{
	display:none;
}
.dash_date_div, .dash_orderno_div, .dash_item_div, .dash_amount_div, .dash_status_div, .dashcurrentorders_div .dash_date_div, .dashcurrentorders_div .dash_orderno_div,.dashcurrentorders_div .dash_amount_div, .dashcurrentorders_div .dash_status_div ,.dash_remaining_div , .dash_paid_div, .dash_subproduct_div, .dash_subdue_div, .dash_subamount_div, .account_orderdate_div, .account_orderno_div, .account_orderitem_div, .account_orderref_div, .account_ordername_div, .account_orderstatus_div, .account_orderamount_div, .account_subscrtitle_div, .account_subscrfreq_div, .account_subscrlastpaid_div, .account_subscrnextdue_div, .account_subscramount_div, .account_subscrstatus_div, .account_subpaydate_div, .account_subpayref_div, .account_subpaytype_div, .account_subpayname_div, .account_subpayamount_div, .account_subcodetype_div, .account_subcodetitle_div, .account_subcodeamount_div, .account_subcoderemaining_div, .account_dloadtitle_div,  .account_dloadfilename_div,  .account_dloadformat_div,  .account_dloadstatus_div{
	float:none;
	width:auto;
	padding-left:0px;
}

.menubtn_a{
	right:20px;
	top:15px;
	margin-top:15px;
}

#header_div .topnav_div{
	display: none;
}

.slideinnavlower_div .topnav_div{
 display:inline-block;
}

.search_div{
	display: none;
}
.slideinnav_div .mobilesearchwrap_div{
	display:block;
}

.mainsectionpic{
	width:100% !important;
}

.gallerytile_a{
	width:100%;
}

.bannercaptionholder{
	position:relative;
}
.bannercaption_div{
	font-size:12px;
	margin-top:0px !important;
}
.closelightbox {
	top: -30px;
}
.relateditem_div{
	width:auto;
	float:none;
}

.newslatest{
	width:auto;
	float:none;
}
.newsgrid_div{
	width:auto;
	float:none;
}
.viewallgroup_div{
	clear:both;
	float:none;
	padding-top:7px;
}

.subscrvouchwrap_div {
	float: none;
	clear: both;
	width: 100%;
	padding: 0px;
	text-align: center;
}
.subscrvouchwrap_div #voucher_promo_code{
		float: none;
		width: 100%;
}
.subscrvouchwrap_div #vouch_apply {
	float: none;
	margin-top:7px;
	margin-left: 0px;
	width: 100%;
}

.sectionbgvidwrap_div .sectionpiconly{
	min-height:200px;
}
.alb_cookiemsg_div{
	max-height: calc(100vh - 100px);
	overflow-y: scroll;
}
.alb_cookiebutton, a.alb_cookiebutton{
	max-width: 100%;
	float:none;
	margin-right:0px;
	margin-top:8px;
	width:100%;
}

@media only screen and (max-width: 400px) {
	/*PORTRAIT*/
	.pic_alignleft, .pic_alignright {
		display:block;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 2%;
		max-width:100%;
	}
	.width_1quarter {
		float: none;
		width: auto;
		padding-right: 0;
	}
	.sectionpiconly {
		min-height: 300px;
	}
	.sectioncontentpiconly {
		min-height: 150px;
	}
	.footnav_div{
		float: none;
		width:auto;	
		padding-top: 10px;
	}
	.footerclearmicro{
		display:none;
	}
	.instapic_div{
		width: 100%;
	}
	.accountsearch_div{
		padding-bottom: 10px;	
	}
	.accountnav_div{
		float:none;
		clear:both;
	}
	.accountnav_div a{
		display:block;	
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.accountnav_div .vertline{
		display:none;	
	}
		
	.slideinnavlower_div  .topnav_div{
		float:none;
		left:0px;
		top:0px;
		padding-top: 0px;
		padding-bottom: 10px;
		display:block;
	}
	.sectionbgvidwrap_div .sectionpiconly{
		min-height:160px;
	}

}

