/* =============================
	IPB Sleaford
	Written for www.flyingflowers.co.uk 
	
	Brand swatch colours
	==============
	Green	#66bc29 (rgb 102,188,41)  
	Pink	#e81e75 (rgb 232,30,117)
	Purple	#9360ad (rgb 147,96,173) 
	
	@desc         CSS Stylesheet for IPB business code (Responsive codebase).
	@name         ipb.css
	@author(s)	-	
				-
				-
	@tested       TBC
================================*/

/* STYLESHEET INFO ============= 

* To avoid conflict wih Hyd CSS, all IPB class/IDs are prefixed with 'ipb'
*
* Class/IDs are in camelCase, although some have hyphens for colours
*
* Key: 
*
*  	=========
*  	SECTION
*  	=========
*   	Sections are:
*					COLUMN GRID LAYOUT
*					GLOBAL NAV OVERRIDES 
*					>685px VIEWPORT
*					320PX - 685PX VIEWPORT
			
*
*
*   Sub-Section
*  	=========
* 		Sub-sections for COLUMN GRID LAYOUT are:
*					Clear Floats
*					IPB Grid Sections
*					IPB Column 
*					IPB Grid Column dimensions
*					Homepage specific layout
*
*
*		Sub-sections for GLOBAL NAV OVERRIDES are:
*					Font Size
*					Font Alignment
*					Top Nav Font Colour (Link/Hover/Active & Current)
*					Top Nav button backgrounds (Link/Hover/Active & Current)
*					Drop down Menu Font colour
*					Drop down Menu backgrounds (Link/Hover/Active & Current)
*					Borders	
*					Separators (between tabs)
*					IOS Highlight Link	
*
*		Sub-Sections for Viewport ranges are:								
* 					Frame shadow
* 					Global Header
* 					Secure Header
* 					Global Promo (under main nav)
*					Homepage - REVISED VERSION
* 					Homepage -  OLD
* 					Category Page
* 					Category Page - Magazine Special Offer
* 					Product Page
* 					Static Page
* 					Static Page - About Us
* 					Static Page - Blog
* 					Static Page - Delivery Information
* 					Static Page - Help for Heroes (H4H)
* 					Static Page - Popup Vase
* 					Static Page - Sitemap (also used in 404 page)
*					Static Page - Terms and Conditions
* 					Global Footer
* 					Secure Footer
*					Order Journey
* 					Forms
* 					Misc
*					Font
*					Font Colour
*					Background Colour
*					Border Colours
*
**/


/* ==========================================================================
   COLUMN GRID LAYOUT 
========================================================================== */
 /**
 * Responsive Grid layout 
 * Based upon Edward Robertson's site www.responsivegridsystem.com
 *
 * Each grid section creates a single horizontal row. Within each grid section,
 * there will be columns that will span either one or more grid widths (e.g.
 * for a grid section containing a 3 grid column layout, you can have 3 columns
 * spanning 1 grid each, or one colum spanning 2 grids and one spanning one grid.
 * Dimensions for up to 12 grids per section are listed.
 *
 * Example HTML:
 *
 * <div class="ipbGridSection group">
 *     <div class="ipbCol-Span2Of3 ipbCol"></div>		
 *     <div class="ipbCol-Span1Of3 ipbCol"></div>
 * </div>
 */
 

/* 	Clear Floats
	========================================================================== */
 
/**
	* .ipbClrFloat - solves floating problems, by forcing the section to self clear 
	* its children (aka the clearfix hack)
	*/
	
	.ipbClrFloat:before,
	.ipbClrFloat:after {
		content: "";
		display: table;
	}
	
	.ipbClrFloat:after {
		clear: both;
	} 

/* IPB Grid Sections
   ========================================================================== */
 
	.ipbGridSection { 
		margin:0 0 1%;
		clear: both;
	}
	
	
/* IPB Column 
   ========================================================================== */

   /** 
   * This divides the section into columns. Each column has a left margin of 1.6% 
   * (around 20 pixels on a normal monitor), except the first one. Using 
   * .col:first-child
   * { margin-left: 0; } means you don't need to use class="last" anywhere.
   */
   
  
	.ipbCol {
		margin: 1% 0 1% 1.6%;
	}
	
	.ipbCol {
		float: left;
	}
	
	.ipbCol:first-child { 
		margin-left: 0; 
	} 

 
/* IPB Grid of One Column dimensions
   ========================================================================== */
    
	.ipbCol-Span1Of1,
	.ipbColHP-Span1Of1 { width: 100%; } 
	
  
/* IPB Grid of Two Column dimensions
   ========================================================================== */
    
	.ipbCol-Span2Of2 { width: 100%; }	
	.ipbCol-Span1Of2 { width: 49.2%; }
	
/* IPB Grid of Three Column dimensions
   ========================================================================== */
   
	.ipbCol-Span3Of3 { width: 100%; }
	.ipbCol-Span2Of3 { width: 66.13%; }
	.ipbCol-Span1Of3 { width: 32.26%; }

	
/* IPB Column Grid of Four Column dimensions
   ========================================================================== */
   
	.ipbCol-Span4Of4 { width: 100%; }
	.ipbCol-Span3Of4 { width: 74.6%; }
	.ipbCol-Span2Of4 { width: 49.2%; }
	.ipbCol-Span1Of4 { width: 23.8%; }
	
/* IPB Grid of Five Column dimensions
   ========================================================================== */

	.ipbCol-Span5Of5 { width: 100%; }
	.ipbCol-Span4Of5 { width: 79.68%; }
	.ipbCol-Span3Of5 { width: 59.36%; }
	.ipbCol-Span2Of5 { width: 39.04%; }
	.ipbCol-Span1Of5 { width: 18.72%; }

	
/* IPB Grid of Six Column dimensions
   ========================================================================== */
   
	.ipbCol-Span6Of6 { width: 100%; }
	.ipbCol-Span5Of6 { width: 83.06%; }
	.ipbCol-Span4Of6 { width: 66.13%; }
	.ipbCol-Span3Of6 { width: 49.2%; }
	.ipbCol-Span2Of6 { width: 32.26%; }
	.ipbCol-Span1Of6 { width: 15.33%; }
	
/* IPB Grid of Seven Column dimensions
   ========================================================================== */

	.ipbCol-Span7Of7 { width: 100%; }
	.ipbCol-Span6Of7 { width: 85.48%; }
	.ipbCol-Span5Of7 { width: 70.97%; }
	.ipbCol-Span4Of7 { width: 56.45%; }
	.ipbCol-Span3Of7 { width: 41.94%; }
	.ipbCol-Span2Of7 { width: 27.42%; }
	.ipbCol-Span1Of7 { width: 12.91%; }   
	
/* IPB Grid of Eight Column dimensions
   ========================================================================== */

	.ipbCol-Span8Of8{ width: 100%; }
	.ipbColHP-Span7Of8 { width: 87.3%; }
	.ipbColHP-Span6Of8 { width: 74.6%; }
	.ipbColHP-Span5Of8 { width: 61.9%; }
	.ipbColHP-Span4Of8 { width: 49.2%; }
	.ipbColHP-Span3Of8 { width: 36.5%; }
	.ipbColHP-Span2Of8 { width: 23.8%; }
	.ipbColHP-Span1Of8 { width: 11.1%; }

	
/* IPB Grid of Nine Column dimensions
   ========================================================================== */
   
	.ipbCol-Span9Of9 { width: 100%; }
	.ipbCol-Span8Of9 { width: 88.71%; }
	.ipbCol-Span7Of9 { width: 77.42%; }
	.ipbCol-Span6Of9 { width: 66.13%; }
	.ipbCol-Span5Of9 { width: 54.84%; }
	.ipbCol-Span4Of9 { width: 43.55%; }
	.ipbCol-Span3Of9 { width: 32.26%; }
	.ipbCol-Span2Of9 { width: 20.97%; }
	.ipbCol-Span1Of9 { width: 9.68%; }
	
/* IPB Grid of Ten Column dimensions
   ========================================================================== */

	.ipbCol-Span10Of10 { width: 100%; }
	.ipbCol-Span9Of10 { width: 89.84%; }
	.ipbCol-Span8Of10 { width: 79.68%; }
	.ipbCol-Span7Of10 { width: 69.52%; }
	.ipbCol-Span6Of10 { width: 59.36%; }
	.ipbCol-Span5Of10 { width: 49.2%; }
	.ipbCol-Span4Of10 { width: 39.04%; }
	.ipbCol-Span3Of10 { width: 28.88%; }
	.ipbCol-Span2Of10 { width: 18.72%; }
	.ipbCol-Span1Of10 { width: 8.56%; }   

/* IPB Grid of Eleven Column dimensions
   ========================================================================== */

	.ipbCol-Span11Of11 { width: 100%; }
	.ipbCol-Span10Of11 { width: 90.76%; }
	.ipbCol-Span9Of11 { width: 81.52%; }
	.ipbCol-Span8Of11 { width: 72.29%; }
	.ipbCol-Span7Of11 { width: 63.05%; }
	.ipbCol-Span6Of11 { width: 53.81%; }
	.ipbCol-Span5Of11 { width: 44.58%; }
	.ipbCol-Span4Of11 { width: 35.34%; }
	.ipbCol-Span3Of11 { width: 26.1%; }
	.ipbCol-Span2Of11 { width: 16.87%; }
	.ipbCol-Span1Of11 { width: 7.63%; }  

/* IPB Grid of Twelve Column dimensions
   ========================================================================== */
   
	.ipbCol-Span12Of12 { width: 100%; }
	.ipbCol-Span11Of12 { width: 91.53%; }
	.ipbCol-Span10Of12 { width: 83.06%; }
	.ipbCol-Span9Of12 { width: 74.6%; }
	.ipbCol-Span8Of12 { width: 66.13%; }
	.ipbCol-Span7Of12 { width: 57.66%; }
	.ipbCol-Span6Of12 { width: 49.2%; }
	.ipbCol-Span5Of12 { width: 40.73%; }
	.ipbCol-Span4Of12 { width: 32.26%; }
	.ipbCol-Span3Of12 { width: 23.8%;}
	.ipbCol-Span2Of12 { width: 15.33%; }
	.ipbCol-Span1Of12 { width: 6.86%; }   

/* Default text Links (Link/Hover/Active & Current)
  ========================================================================== */ 

.ipbdefaultlink a:link {color:#555;text-decoration:underline !important;}
.ipbdefaultlink a:visited {color:#555;text-decoration:underline !important;}
.ipbdefaultlink a:hover {color:#555;text-decoration:underline; font-weight: bold !important;}
.ipbdefaultlink a:active {color:#555;text-decoration:underline;font-weight: bold !important;}


/* Split-test
   ========================================================================== */ 

	.productSubcription { display: none !important; } 
	.DeliveryOptionDisabled { display: none !important; } 
    .blockedDateHtmlConetnt { display:block; background-color:#FFF2FF; margin: 10px 0px; color:#8b1644; }
	.blockedDateHtmlConetnt div { padding:10px 15px; }
	.blockedDateHtmlConetnt div a { color:#8b1644;  font-weight: bold; text-decoration: underline !important; }
	.date_pc_text { background: #FFF !important; }
	.pc_widget.horizontal .formField span { color: #333 !important; }
	.pc_widget { background: #F4EDD7 !important;}

/* Foresee
   ========================================================================== */ 


	.acs-feedback.selector { box-sizing: border-box !important; }

	.acs-feedback.selector { box-sizing: border-box !important; }


/* PRIVACY POLICY OVERRIDE - GDPR UPDATE
========================================================================== */

#content-container p.pTitle {
font: Arial, Helvetica, sans-serif !important;
font-size:2em !important;
color: #333 !important;
text-indent: 0px !important;
padding-top: 0px !important;
word-spacing: 0px !important;
}

#content-container p.pHeader {
	font: Arial, Helvetica, sans-serif !important;
	font-size:1.4em !important;
	color: #FFF !important;
	text-transform: none !important;
	text-indent: 0px !important;
	letter-spacing: normal !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	padding-left: 12px !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	word-spacing: 0px !important;
	white-space: normal !important;
	font-size-adjust: none !important;
	font-stretch: normal !important;
	background-color: #7ac141 !important;
	webkit-text-stroke-width: 0px !important;
	line-height: 1.4em !important;
	font-weight: bold !important;
}
	
#content-container p.pCopy {
	line-height: 20px !important;
    padding-bottom: 10px !important;
}

#content-container p {
	font: 12px/16px Arial, Helvetica, sans-serif !important;
	color: #555555 !important;
	text-transform: none !important;
	text-indent: 0px !important;
	letter-spacing: normal !important;
	word-spacing: 0px !important;
	white-space: normal !important;
	font-size-adjust: none !important;
	font-stretch: normal !important;
	line-height:1.4em !important;
	width: 100% !important;
}
	
#	
	
#content-container .pText {
	font: 12px/16px Arial, Helvetica, sans-serif !important;
	color: #555555 !important;
	text-transform: none !important;
	text-indent: 0px !important;
	letter-spacing: normal !important;
	word-spacing: 0px !important;
	white-space: normal !important;
	font-size-adjust: none !important;
	font-stretch: normal !important;
	line-height:1.4em !important;
	width: 100% !important;
}


table.pText td {
	padding-bottom: 8px !important;
	vertical-align:top !important;
}

	
#content-container ul.pUL {
	font: 12px/16px Arial, Helvetica, sans-serif !important;
	color: #555555 !important;
	text-transform: none !important;
	text-indent: 0px !important;
	letter-spacing: normal !important;
	word-spacing: 0px !important;
	white-space: normal !important;
	font-size-adjust: none !important;
	font-stretch: normal !important;
	margin-left: 20px !important;
}
	
#content-container ul.subUL {
	font: 12px/16px Arial, Helvetica, sans-serif !important;
	color: #555555 !important;
	text-transform: none !important;
	text-indent: 0px !important;
	letter-spacing: normal !important;
	word-spacing: 0px !important;
	white-space: normal !important;
	font-size-adjust: none !important;
	font-stretch: normal !important;
	margin-left: 20px !important;
}
	


.pUL li {
	margin-left: 0px !important;
	margin-top: 10px !important;
}
	
#content-container{
	width:95% !important;
	padding:15px !important;	
	
}

#content-container a:link, #content-container a:visited, #content-container a:hover, #content-container a:active{
	color:#000 !important;
	font-weight:bold !important;
	font-style:italic !important;
	margin-left: 0px !important;
	text-decoration: underline !important;
}	
	
#effective-date{
	font: Arial, Helvetica, sans-serif !important;
	font-size:0.8em !important;
	color: #666 !important;
	font-style: italic !important;
}
	
	.red-text{color:red;}
	
	p {
    scroll-behavior: smooth
}

    .pUL {
	margin-bottom: 10px !important;
}

	.top-of-page{
	text-align: right !important;
	}	

  .pUL li {
        line-height:1.6em  !important;
    }  

/* COOKIE POPUP STYLING - GDPR UPDATE
========================================================================== */

   .overlayTxtDiv { 
   		background-color: rgba(248, 248, 239, 0.9) !important;
   }
   
   .overlayTxtDiv .container {
   		color: #333 !important;
   }
   
   .overlayContent a {
        color: #333 !important;
   }
   
   .overlayTxtHeading { 
   		color: #333 !important;
        font-weight: bold;
   }
 
   .closeOverlay { 
   		color: #333 !important;
   }  
   
   .overlayContent { 
   		color: #333 !important;
   }  

/* MARKETING OPT IN UI AMENDS - GDPR UPDATE
========================================================================== */

   #privacy_policy { 
   padding-top:10px; 
   }



/* Category code
  ========================================================================== */ 
  
.PC { 
		border:1px solid rgb(82, 36, 105); 
		background-color:#f6e9f7; 
		margin: 10px 0px; 
		color:rgb(108, 65, 130);
		list-style-type: none; 
		padding: 10px;
			}
.PC a { 
		color:rgb(108, 65, 130);
        text-decoration:underline;
			}   

/* Mobile
   ========================================================================== */ 
   
	@media only screen and (max-width: 599px) {
		
		/* Set every class that starts with 'ipbCol-Span' to 100% - KT */

		[class*="ipbCol-Span"] { width: 100%; }		
				
		.ipbCol,
		.ipbCol:first-child { margin: 1% 0; }

	}	
	
	/* Homepage specific layout
   ========================================================================== */
   
   	.ipbGridSectionHP { 
		margin: 0 0 0.5%;	
	}
				
	.ipbGridSectionHP { 
		clear: both;	
	}
	
	.ipbColHP {	
		margin: 0 0 0 0.5%;	}
				
	.ipbColHP {
		float: left;	
	}
		
	.ipbColHP:first-child { 
		margin-left: 0; 				
	} 
		 
				
	.ipbColHP-Span1Of1 { width: 100%; } 
				
	.ipbColHP-Span2Of2 { width: 100%; }			
	.ipbColHP-Span1Of2 { width: 49.75%; }
			   
	.ipbColHP-Span3Of3 { width: 100%; }		
	.ipbColHP-Span2Of3 { width: 66.5%; }
	.ipbColHP-Span1Of3 { width: 33%; }
				
	.ipbColHP-Span4Of4 { width: 100%; }	
	.ipbColHP-Span3Of4 { width: 74.87%; }
	.ipbColHP-Span2Of4 { width: 49.75%; }
	.ipbColHP-Span1Of4 { width: 24.62%; }
	
	
	/* Mobile
   ========================================================================== */ 
 
 @media screen and (max-width: 685px) {
			   			   
	
	.ipbColHP { 
		margin: 0.5%; 
	}
				
	.ipbColHP:first-child ,
	.ipbColHP:nth-child(3n) {
		margin-left: 0;
	}
						
						
	[class*="ipbColHP-Span"] { 
		width: 100%; 
	}		
						
	.ipbColHP-Span1Of4,
	.ipbColHP-Prod { 
		width: 49.2%; 
	}
						
	.ipbColHP-Prod:last-child {
		width: 100%;
	}
	
 }


/* ==========================================================================
   GLOBAL NAV OVERRIDES
========================================================================== */

/* 
* This section is based on the structure of theHyd styling document  that can be 
* found in the Broadleaf CMS (Content Management ->Manage CSS -> Top of page).
* The differences are that common styles have been rationalised.
*
**/

/* Column Grid Layout
  ========================================================================== */ 
  
  /* Desktop */
 


      
/* Mobile */
  
  


/* Font Size
  ========================================================================== */ 

   
/* Desktop */
 
 
.mainNavigation li.menu-item,
.mainNavigation li.subMenuLI { font-size: 11px; } /*Default = 11px*/

      
/* Mobile */


.resp_mainNav li.resp_menu-item,
.m_srch_form input { font-size: 14px; } /*Default = 14px*/

.resp_submenu_items { } /*IPB Test - Hyd leave this class empty in doc - Use it to change hamburger sub-menu font-sizes */
		
.menubar li { font-size: 9px; } /*Default = 13px*/

.menubar .fa-x { font-size: 20px; } /*Default = 1.5em*/




/* Font alignment
  ========================================================================== */ 
	
	
/* Desktop */


.mainNavigation li.menu-item,
.mainNavigation li.subMenuLI { text-align: center; } /*Default = text-align: center;*/



/* Mobile */



.menubar li { text-align: center; } /*Default = text-align: center;*/





/* Top Nav Font Colour (Link/Hover/Active & Current)
  ========================================================================== */ 

  
/* Desktop */
	
	
/* Link */

.mainNavigation li .ui-link { color: #fff; } /*Default = #FFFFFF*/
 
/* Hover */
 
.mainNavigation li .ui-link.hover { color: #ee2c72; } /*Default = #EE2C72*/

/* Active & Current */ 

.mainNavigation li.active .ui-link { color: #ee2c72 !important; } /*Default = #EE2C72 !important*/ 
                                                                /* Add ‘!important’ to override this class.	*/
	 
	 
/* Mobile */
	
	
/* Link */
		
.resp_mainNav li .ui-link, 
.resp_mainNav li .no_sub_items,
.search_Text { color: #000; } /*Default = #000000*/
		
.menubar li, 
.menubar li a, 
.searchBtn { color: #fff; } /*Default = #FFFFFF*/

/* Hover */
 
/* For Mobile Hyd don’t have on hover functionality.*/

/* Active & Current */ 

.resp_mainNav li.active a { color: #fff; } /*Default = #FFFFFF*/



	 
/* Top Nav button backgrounds (Link/Hover/Active & Current)
  ========================================================================== */ 	
	
	
/* Desktop */


/* Link */

.mainNavigation li.menu-item  { background-color: #ee2c72; } /*Default = background-color: #EE2C72;*/
	 
/* Hover */ 

.mainNavigation li.menu-item.hover  { background-color: #fff; } /*Default = #FFFFFF*/
	 
/* Active & Current */

.mainNavigation li.active { background-color: #fff !important; } /*Default = #FFFFFF !important*/
	                                                           /*Add ‘!important’ to override this class.*/
 
		
/* Mobile */


/* Link */

.resp_mainNav li.resp_menu-item,
.search_text { background-color: #fff; }  /*Default = #FFFFFF*/
	
.menubar li, 
.menubar { background-color: #ee2c72; } /*Default = #EE2C72*/
	 
.searchBtn, 
#M_SimpleSearchForm { background-color: #7ac141; } /*Default = #7AC141*/
	 
/* Hover */
		
/* For Mobile Hyd don’t have on hover functionality.*/		
		
/* Active & Current */		
		
.resp_mainNav li.active { background-color: #ee2c72; }  /*Default = #EE2C72*/
	

	
	
/* Drop down Menu Font colour
  ========================================================================== */ 	
	
	
/* Desktop */
	
	
/* Link */

.submenu_items a.submenuui_link { color: #ee2c72; } /*Default = #EE2C72*/
	 
/* Hover */

.submenu_items a.submenuui_link.hover { color: #fff; } /*Default = #FFFFFF*/
	 

/* Mobile */

	
/* Link */
		
.resp_submenu_items a { color: #000; }  /*Default = #000000*/
			
/* Hover */
		
/* For Mobile Hyd don’t have on hover functionality.*/
		
/* Active & Current */
		
.resp_mainNav li.active a { color: #fff; }  /*Default = #FFFFFF*/
	


	
/* Drop down Menu backgrounds (Link/Hover/Active & Current)
  ========================================================================== */ 	
	
	
/* Desktop */
	
		
/* Link */
		
.subMenuLI li.submenu_items { background-color: #fff; } /*Default = #FFFFFF*/
	 
/* Hover */

.subMenuLI li.submenu_items.hover { background-color: #ee2c72; } /*Default = #EE2C72*/
	 
	 
/* Mobile */
	
	
/* Link */
		
.resp_submenu_items { background-color: #ffefef; } /*Default = #FFEFEF*/
	 

/* Hover */

/* For Mobile Hyd don’t have on hover functionality.*/

/* Active & Current */

.resp_mainNav li.active { background-color: #ee2c72; } /*Default = #EE2C72*/


	
	
/* Borders
  ========================================================================== */ 	
	
	
/* Desktop */

.mainNavigation li.menu-item {
	border: 1px solid #ee2c72; /*Default = 1px solid #EE2C72*/
	border-bottom: none;
}
	
.subMenuLI {
	border: 1px solid #ee2c72; /*Default = 1px solid #EE2C72*/
	border-top: none; /*Default = none*/
}
	
.mainNavigation li.active { border: 1px solid #ee2c72; } /*Default = 1px solid #EE2C72*/
	 
	
/* Mobile */
	
	 
.resp_submenu_items { border-bottom: 1px solid #fff; }  /*Default = 1px solid #FFFFFF*/
	


#accordion li.resp_menu-item {
	border-bottom: 1px solid #ccc; /*Default = 1px solid #CCC*/
}

#M_SimpleSearchForm { border: 5px solid #fff; } /*Default = 5px solid #FFFFFF*/
	 
.menubar { border-bottom: 5px solid #fff; } /*Default = 5px solid #FFF*/
	 

	
	
/* Separators (between tabs)
   ========================================================================== */ 	
	
	
/* Desktop */


.mainNavigation li.separator { background-color: #fff; } /*Default = #FFFFFF*/
	 

/* Mobile */


.submenuui_link, .no_sub_items { -webkit-tap-highlight-color: rgba(253, 169, 199, 0.8); } /*Default = rgba(253, 169, 199, 0.8) */

	 
	
	
/* IOS Highlight Link
   ========================================================================== */ 	
	
	
/* Desktop */


.submenuui_link, 
.menu-item	a { -webkit-tap-highlight-color: rgba(204,204,204,0.4); } /*Default = #ccc*/
	 

/* Mobile */


.submenuui_link, 
.no_sub_items { -webkit-tap-highlight-color: rgba(253, 169, 199, 0.8); }  /*Default = rgba(253, 169, 199, 0.8) */



/* ==========================================================================
   >685px VIEWPORT
========================================================================== */




/* Font
========================================================================== */

#ipbHomepageContent, 
#ipbStaticContent,
#ipbCatHeaderDiv p,
.ipbGlobalPromoBelowTopNav,
.footer section,
#ipbH4HCopy h1,
#ipbH4HCopy h2,
#ipbH4HContent p,
#ipbH4HTerms p {
	font-family: Arial, Helvetica, sans-serif;
}


#ipbHomepageContent, 
#ipbStaticContent,
#ipbCatHeaderDiv p,
.ipbGlobalPromoBelowTopNav,
.footer section {
	font-size: 13px;
	font-weight: 400;
}

/*Pop-up vase page h1 */
#popup h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}





/* Frame shadow
 ========================================================================== */

/** (Apply shadow to left and right sides of page frame (no ipb prefix as we 
*   are applying this to main code
**/

.page {
	-webkit-box-shadow: -3px 0 5px 0 rgba(50, 50, 50, 0.10),3px 0 5px 0 rgba(50, 50, 50, 0.10);
	-moz-box-shadow:    -3px 0 5px 0 rgba(50, 50, 50, 0.10),3px 0 5px 0 rgba(50, 50, 50, 0.10);
	box-shadow:         -3px 0 5px 0 rgba(50, 50, 50, 0.10),3px 0 5px 0 rgba(50, 50, 50, 0.10);
}




/* Global Header
========================================================================== */

/*FIX for Chrome 77*/
.checkoutBtn {
	width: auto !important;
}

#ipbGlobalHeaderPromo {
	text-align: center;
	width: 300px; 							
}

#ipbGlobalHeaderPromo img {
	margin: 0; 
	padding: 0; 
	width: 100px;
}

/* Links */

#ipbGlobHeadLinks {
	float: right;
	list-style-type: none;
	text-align: right;
}

#ipbGlobHeadLinks li {
	display: inline;
}




/* Secure Header
========================================================================== */

.promoMsg { 
	margin: 0 0 0 15px;
}

@media only screen and (max-width: 768px) and (min-width: 685px) {
.promoMsg { 
	margin: 0;
}
}


/* Global Promo (under main nav)
========================================================================== */

#ipbGlobalPromoBelowTopNav {
	background-color: rgb(147, 96, 173);
	border: none;
	color: #fff;
	height: 15px;
	margin: 4px 8px 0px 8px;
	padding: 8px 0px;
	text-align: center;	
}

#ipbGlobalPromoBelowTopNav ul {
	list-style-type: none;
}

#ipbGlobalPromoBelowTopNav ul li{
	display: inline;
	margin: 0 15px;
}

#ipbGlobalPromoBelowTopNav a {					
	font-weight: 700;
	text-decoration: underline;
}

/*

.ipbGlobalPromoBelowTopNav ul li a:link, 
.ipbGlobalPromoBelowTopNav ul li a:visited, 
.ipbGlobalPromoBelowTopNav ul li a:hover, 
.ipbGlobalPromoBelowTopNav ul li a:active  {
	text-decoration: none;				
}   

.ipbGlobalPromoBelowTopNav ul li a:link, 
.ipbGlobalPromoBelowTopNav  ul li a:visited {
	color: #000;
}

.ipbGlobalPromoBelowTopNav ul li a:hover , 
.ipbGlobalPromoBelowTopNav ul li a:active {
	color: #ee2c72;					
}

*/	

/* Homepage - REVISED VERSION
========================================================================== */

	/* Global Promo and page content margin overrides   */
				
	#ipbGlobalPromoBelowTopNav {
		margin: 4px 5px 5px;
	}
	
	.content {
		margin: 0 5px;
	}	
	
	
	/* Tile Hover states */ 
			   
	#ipbHPHero,
	.ipbHPTile, 
	.ipbHPTile:visited {		
		font-size: 15px;
	}
				
				
	.ipbHPTile-Prod, 
	.ipbHPTile-Prod:visited {		
		font-size: 13px;
	}
				
	.ipbHPTile, 
	.ipbHPTile:visited,
	.ipbHPTile-Prod,
	.ipbHPTile-Prod:visited {
		color: #777; 
	}
	
	/* Image Styling */ 
				
	.ipbHPLargeImg {
		height: 200px;
	}

	.ipbHPMediumImg {
		margin-bottom: 0.667em;	/* 10px => 10/15 => 0.667em */
	 }
					
	.ipbHPSmallImg {
		margin-bottom: 0.8em; /* 12px => 12/15 => 0.8em */
	}
				
	.ipbHPLargeImg,
	.ipbHPMediumImg,
	.ipbHPSmallImg {
		width: 100%;
	}
	
	
	/* Start Hero styling */ 	

	 #ipbHPHeroBox1 {	 
		color: #555; 
		/*font-size: 38px;*/
		font-size: 14px;
		left: 50px;
		line-height: 35px;		 
		top: 56px;		
	}
				
	#ipbHPHeroBox1 h1 {
		font-family: 'Roboto', sans-serif;		
		font-size: 2.857em;		/* 40px => 40/14 => 2.857em */
		font-weight: 400;
		/* outline: 1px solid red; */
	}
				
	#ipbHPHeroBox1 .smaller_text {
		color: #999;
		display: block;
		font-size: 19px; 
		padding-top: 13px;
	}
				
	#ipbHPHeroBox2 {	 
		background-color: #7ac141;
		bottom: 60px; 
		bottom: 75px;
		color: #fff;		
		font-size: 15px; 
		left: 50px;
		padding: 10px 30px; 
					
	}
				
	#ipbHPHeroBox3 {	
		background-color: #fff; 
		bottom: 20px;
		color: #555;
		font-size: 15px; 
		line-height: 16px; 
		opacity: 0.9;
		padding: 15px 20px; 	
		right: 0;
	}
				
				
	#ipbHPHeroBox3 h4 {		 
		font-weight: normal; 
		font-size: 17px;
		margin: 5px 0 4px;
	}
				
	#ipbHPHeroBox1,
	#ipbHPHeroBox2,
	#ipbHPHeroBox3 {
		position: absolute; 
	}  
			   

	/* Additional Tile styling */
			   
	 .ipbHPThreeBoxes {
			margin-bottom: 1.933em; 	/* 29px => 29/15 => 1.933em */ 
			padding-bottom: 0.667em;	/* 10px => 10/15 => 0.667em */ 
	}
				
	.ipbHPFourBoxes {		
			line-height: 1.33em; 		/* 20px => 20/15 => 1.33em */
			margin-bottom: 1%;
			padding-bottom: 0.867em; 	/* 13px => 13/15 => 0.867em */
	}
				
	.ipbHPThreeBoxes,
	.ipbHPFourBoxes {
			border-bottom: 3px solid #e6e6e6;
			font-size: 1em;  			/* 15px => 15/15 => 1em */
			overflow: hidden;
			position: relative;	
			text-align: center;		
	}
				 
	.ipbHPTextOverImg {		
			background-color: #fff;
			left: 0;
			opacity: 0.9;
			padding: 0.667em 1.667em; /* 10px => 10/15 => 0.667em ... 25px => 25/15 => 1.667em */
			position: absolute;
			top: 17px;
					
	}
				
	.ipbHPTextOverImg.prima {
			background-color: #eb058b;
			opacity: 1;
			padding-bottom: 4px;
			padding-top: 5px; 		
	}
				
	.ipbHPSolidText {
			color: #333;
			font-size: 1.4em; /* 21px => 21/15 => 1.4em */ 
			opacity: 1;
	}
				
	.ipbHPH2andH3 {
			color:#333;
			font-size: 1em;
			font-weight: normal;					
	}
				
	.ipbSEOtext {
			text-align:center; 
			color:#777;					
	}
				
	.ipbHPBlog .ipbHPSolidText {
			text-align: left; 
			line-height: 20px;
	}
				
	.ipbHPBlog .smaller_text {
			font-size: 70%;
	}
				
	.ipbHPFourBoxes.ipbHPBlog .ipbHPSmallImg, 
	.ipbHPBlog {
			margin-bottom:0!important; 
			border-bottom:none!important;
			padding-bottom:0!important;
	}
				
				/* This is used to double the height of a single line tagline to match with double liners.*/
	.ipbHPSingleToDouble {
			display: block; 
			margin: 9px 0 10px 0;
	}
				
	.ipbTopSpacer {
			margin-top: 1.5em;
	}						

			
	/* Start header styling */

	.ipbHPSubHead {
		color: #999;		
		font-size: 19px; 
		padding-bottom: 5px;
		text-align: center; 
		width: 100%;
	}
				
				
	#ipbTextBelowHeroImage, 
	#ipbHPSEOHeader {
		border-top: 1px solid #777;
		font-size: 16px;
		height: 17px;	 
		margin: 22px 0 20px;
		width: 100%;
	}

	#ipbTextBelowHeroImage div, 
	#ipbHPSEOHeader div {
		background-color: #fff;
		color: #777; 	
		font-size: 1em;
		line-height: 1.125em;		/* 18px => 18/16 => 1.125em */
		margin: auto;
		padding: 6px 20px;
		position: relative;
		text-align: center;
		top: -15px;
		width: 280px;
	}
	   
			
	/* SEO Stuff */  	
				
	#ipbHPSEOBtnDiv {
		clear: both;
		text-align: center;  
		margin: 0 0 20px;
	}
					
	#ipbHPSEOHeader h1 {
		font-size: 1.125em;
		font-weight: 400;
	}
					
	.ipbHPSEOBtn {
		color: #777;
		cursor: pointer;
		margin: 0 auto;
		padding: 0;
		width: 100px;		
	}
					
	.ipbHPSEOBtn:hover,
	.ipbHPSEOBtn:active {
		color: #333;
	}
						
	#ipbToggle-seo-toggleText {
		color: #777;
	}


	/* Misc stuff that needs to be checked */ 
			   
	#next_day_break {display:none}
				
	.delivery_break {display:none}	
				
	.ipbHPSolidText.ipbHPBlog_text {font-size:20px}	 
				
	.ipbHPFourBoxes.bot {margin-bottom:30px!important}   

	.ipbHPTextOverImg.flowers_direct_box {top:17px;padding:0}
				  
	
	.ipbHPTextOverImg.flowers_direct_box {
		border-left:10px solid #fff; 
	 }   
				 
	 .ipbHPBlog .ipbHPTextOverImg {
		 bottom: 15px; 
	 	top:auto
	  }
		
	.ipbHPBlog {
		margin-bottom: 15px!important
	}  
			
	.ipbHPBlog.box1 .ipbHPSmallImg, 
	.ipbHPBlog.box2 .ipbHPSmallImg, 
	.ipbHPBlog.box3 .ipbHPSmallImg {
		width: 99%;
		float: left;
		height: 235px;
	}  
				
	.ipbHPBlog.box4 .ipbHPSmallImg {
		width:100%;
		height:235px}
		
		
/* Mobile */
/*MEDIA QUERIES */
	
	@media screen and (min-width: 686px) and (max-width: 1199px) {

	.ipbHPSolidText.ipbHPBlog_text {
		font-size: 1.333em; /* 17px => 17/15 => 1.133em */
	}  
			
	.ipbTopSpacer {
		margin-top: 1.5em;
	} 
			
		}
		
		
	@media screen and (min-width: 686px) and (max-width:1000px) {

	#ipbHPHeroImg {
		background-repeat: no-repeat; 
		background-size: 100%;
		height: 256px;
		width: 100%;
	}

	#ipbHPHeroBox1 {
		top: 30px;
	}
			
	#ipbHPHeroBox2 {
		bottom: 45px;
	}

	#ipbHPHeroBox1,
	#ipbHPHeroBox2 {
		left: 40px;
	}
				
	}

	@media screen and (min-width: 686px) {

	.ipbHPGreenHover:hover,
	.ipbHPGreenHover:hover .ipbHPTextOverImg:not(.prima),
	.ipbHPTile:active .ipbHPGreenHover,
	.ipbHPTile:active .ipbHPTextOverImg:not(.prima)	{
		background-color: #e8f7d9;
	}
			
			
	.ipbHPGreenHover:hover .ipbHPTextOverImg:not(.prima), 
	.ipbHPTile:active .ipbHPTextOverImg:not(.prima) { 
		opacity:1;
	}

	}


	@media screen and (max-width: 685px) {
	
	.content { 
		margin: 0; 
	}
			   
	.ipbHideMob { 
		display: none; 
	}
			
	.ipbSEOtext {
			text-align:center; 
			color:#777;
			padding: 0px 10px
	}
	
	#ipbHPHeroImg {	
		background: url("http://www.flyingflowers.co.uk/ff_images/MobHero_AutumnDazzle.jpg"); 
		background-position: 0 100%;
		height: 380px; 
		width: 100%;
	}
				
	#ipbHPHeroBox1 { 
		line-height:37px;
		top:35px;
		width:270px;
	}
					
	#ipbHPHeroBox2 {
		bottom: 95px;
	}  
					
	#ipbHPHeroBox3 {
		display:none;
	}

					
	#ipbHPHeroBox1 .smaller_text {
		color: #999;
		display: inline-block;
		font-size: 19px; 	 
		line-height: 26px; 
		padding-top: 1px;
	} 
	
			
	.ipbHPThreeBoxes { 
		margin: 0 0 5% 0;
		overflow: hidden;
		width: 100%; 
	}
					
	.ipbHPPrimaPink {
			background-color: #eb058b;
	}
					
	.ipbHPTextOverImg {		
		top: 20px;
		padding: 8px 25px;
	}
					
	.ipbHPTextOverImg.prima {
		padding-top:1px;
		/*
		padding-bottom:3px;
		*/
		padding-bottom: 0px;
	} 
					
	.ipbHPSolidText {
		font-size: 1.667em; /* 25px => 25/15 => 1.667em */
	}
	
		
	#ipbToggle-seo-toggleText {
					margin: auto;
					width: 95%;
	}
			  

	#emailSignUp {display:block; width:200%;position:relative;right:37%}
			
	.delivery_break {display:inline}

	.endbox {margin-bottom:15px}
			/*.box1, .box3 {margin-right:2%}*/
			
	.awa_1st_product, 
	.awa_2nd_product {width:49%; border:0}
			
	.awa_1st_product {margin-right:2%}
			
	.awa_3rd_product {width:100%}  
			
	.ipbHPFourBoxes .smaller_text {display:none;}
			
	.ipbHPFourBoxes .ipbHPTextOverImg {
				position:static; 
	}
			
	#ipbHPHeroBox1 img:nth-child(4) {margin-top:5px; margin-bottom:15px}  
			
	.ipbHPFourBoxes.box4.bot {background-color:#eb058b}  
			
	.prima img {position:Relative;top:-3px}
			
	.ipbHPFourBoxes.ipbHPBlog .ipbHPTextOverImg {height:45px}	  	
			
	.ipbHPTextOverImg.flowers_direct_box {/*position:relative;*/ top:-6px; padding:0 0 1px}
			
			
	}

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

	.ipbHPFourBoxes .ipbHPSolidText {
				font-size: 1.333em;  /* 20px => 20/15 => 1.333em */
	}
			
}


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

	#ipbHPHeroImg {
				background-size:505px auto;
	}
			
	}




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

		.ipbHPFourBoxes .ipbHPSolidText {
				font-size: 1.333em;  /* 20px => 20/15 => 1.333em */
		}

	}


	@media screen and (max-width: 445px) {
		
		.ipbHPFourBoxes .ipbHPSolidText {
				font-size: 1.133em;  /* 17px => 17/15 => 1.133em */
		}
	}


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

		#ipbHPHeroImg {
				background-size: 420px auto; 
				height: 360px;
		}
			
		#ipbHPHeroBox2 {
				bottom:80px;
		}
			
		#next_day_break {
				display:block;
		}
			
		.box1.bot .ipbHPTextOverImg {
				height:40px
		}
			
		.box2.bot .ipbHPTextOverImg {
				height:54px;
		}
			
		.box1.bot .ipbHPTextOverImg,
		.box2.bot .ipbHPTextOverImg {
				padding-bottom:0;
		}
			
		}

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

		.ipbHPFourBoxes .ipbHPSolidText {
			font-size: 15px;  /* 16px => 16/15 => 1.067em */
				
					
		}

		.ipbHPTextOverImg {			
				padding: 8px 15px;
		}

		}

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

		#emailSignUp {
				display: block; 		
				position: relative;
				right: 58%;
				width: 250%;
		} 
			
	}

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

		#ipbHPHeroImg {
				background-size: 365px auto; 
				height: 320px;
		}
			
		#ipbHPHeroBox1 {	
				left: 30px;
				top: 20px;
		}
			
		#ipbHPHeroBox1 .smaller_text {
				font-size: 21px;
		}
			
		#ipbHPHeroBox2 {
				bottom: 42px; 
				left:30px;
		}
			
		.ipbHPFourBoxes .ipbHPSolidText {
				/*font-size: 17px;*/
		}
			
	}			
	

/* ========================================================================== */
/* Homepage - OLD
========================================================================== */


/*  Sidebar */

#ipbSidebar {
	float: left;					
	margin: 1.1% 0 1% 1%;
	padding: 0;
	width: 15%;	
}

#ipbSidebar nav ul {
	list-style: none;
	margin: 0; 
	padding: 0;
}	
				
#ipbSidebar nav span {
	display: block;		
	padding: 5px 0;
	text-align: center;					
}

/* 	Main Content */

#ipbHomepageMainContent{
	float: left;
	margin: 1.1% 1% 1%;
	padding: 0;
	width: 82%;		
}

#ipbHomepageMainContent header {				
	clear: both;
	float: left;
	padding: 0;
	width: 100%;
}

/*  Main Content Banners */

.ipbHomePromo1,
.ipbHomePromo2,
.ipbHomePromo3,
.ipbHomePromo4 {
	float: left;
}

.ipbHomePromo1,
.ipbHomePromo3 {
	width: 66.3%;
}

.ipbHomePromo2,
.ipbHomePromo4 {
	width: 32.6%;
	margin: 0 0 0 1.1%;
}


/*  Main Content Individual Products */

#ipbHomepageMainContent article { 
	float: left;
	margin: 1.1% 0 0;
	padding: 0;
	text-align: center; 						
	width: 32.6%; 			
}

#ipbHomepageMainContent article.middle {
	margin: 1.1% 1.1% 0;
}

#ipbHomepageMainContent article a img {
	margin-bottom: 3px;
	max-width: 100%;			
}

#ipbHomepageMainContent article a p {
	margin: 2% 0;					
}

#ipbHomepageMainContent article a p:last-of-type {
	font-size: 15px;
	font-weight: 700; 
}

#ipbHomepageMainContent article a p span {
	font-weight: 400;		
}

/*  Main Content SEO Text*/

#ipbSeoToggle {
	clear: both;
	cursor: pointer;						 										
	float: left;
	height: 100%;
	margin: 15px 0 10px; 
	width: 100%;
}
												
#ipbSeoToggle h1 {
	float: left;
	font-size: 16px;
	padding: 2px 0 2px 10px;
	width: 75%;
}
					
#ipbSeoToggle p {
	float: right;
	padding: 2px 10px 0 0;
	text-align: left;			
	width: 10%;
}

#ipbSeoToggle h1  {
	float: left;
}


							
#ipbSeoText {
	margin: 0 10px; 
}






/* Category Page
========================================================================== */
.ipb_CategoryContainer {
  text-align:center;
  width:90%;
  margin: 0% 5%;
  font-size:16px;
  line-height:18px;
  color:#555;
}
.read-more-wrap a:link {
text-decoration: underline;
color: #333; 
}
.read-more-wrap a:hover {
text-decoration: underline;
color: #222; 
}
.read-more-wrap a:visited {
text-decoration: underline;
color: #222; 
}
.read-more-wrap h1 {
  color:#888;   
  line-height: 1em;
}
.read-more-state {
  display: none;
}
.read-more-state ~ .read-more-trigger:before {
  content: 'Read more';
}
.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Close';
}
.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0em 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  text-decoration:underline;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.read-more-wrap {
  color: #555;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  }
.read-more-target-mobile {
  display:block;
  padding-top:10px;	  
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
  display:block;
  padding-top:10px;
}  
@media screen and (min-width: 686px) {
.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .2ms cubic-bezier(0, 0, 0, 0.99);
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}
.read-more-wrap h1 {
padding: 15px 0px;
}
}
@media screen and (max-width: 686px) {
.read-more-state:checked ~ .read-more-wrap .read-more-target-mobile {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}
.read-more-target-mobile {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .2ms cubic-bezier(0, 0, 0, 0.99);
}	
.read-more-wrap h1 {
padding: 5px 0px;
}
}

/* OLD Category Page CSS - TO BE TIDIED */
#ipbCatHeaderDiv {
	border-bottom: 1px solid;
	float: left;	
	margin-bottom: 10px;
}

#ipbCatPageHeader {
	clear: both;
	cursor: pointer;
	float: left;
	margin: 5px 0 10px;
	width: 100%;		
}
	
#ipbCatPageHeader p {
	float: left;
	text-align: right;
	width: 19%;
}
	
#ipbCatPageHeader p:first-child  {
	float: left;
	text-align: left;
	width: 80%;
}

#ipbCatPageHeaderText {
	clear: both;
	margin: 0 20% 0 0;	
}



/* Footers */

#ipbCatFooterDiv {	
	border-top: 1px solid;
	margin: 20px 0 15px;	
	padding: 10px 0 0;
	text-align: center;
	width: 100%;
}


#ipbCatFooterDiv p {	
	font-size: 13px;
	margin: 0 auto;
	width: 95%;
}




/* Category Page - Magazine Special Offer
========================================================================== */

#ipbMagazineSpecOfferHeaderContainer {	
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	max-width: 775px;
}
	
#ipbMagazineSpecOfferHeaderContainer  h1 {
	font-size: 22px;
	font-weight: 400;	
	left: 15px;
	margin: 0 0 6px;	
	position: absolute;
	top: 18px;
	width: 437px;
	z-index: 2;
}

#ipbMagazineSpecOfferHeaderContainer  img {	
	height: auto;
	width: 100%;
}

#ipbMagazineSpecOfferHeaderContainer > div p {
	font-size: 16px;
	left: 15px;
	line-height: 16px;
	position: absolute;
	top: 68px;	
}



/* Product Page
========================================================================== */

.ipbProdDelInfo {
	border-bottom: 1px solid;
	border-top: 1px solid;
	margin: 0 0 20px 0;
	padding: 5px 0;
}

.ipbProdPinkPromo {
	margin: 0 0 10px;
	padding: 10px 0;
	text-align: center;
}

.ipbProdPinkPromo a {
	text-decoration: underline;
}




/* Static Page
========================================================================== */

#ipbStaticContent  {				
	padding: 5%;
}

#ipbStaticContent h4 {
	margin: 40px 0 0 0;
	padding: 2px 0 2px 2px;
}

#ipbStaticContent h5  {
	margin: 30px 0;
}

#ipbStaticContent p {	
	margin: 15px 0;
	width: 100%;
}

#ipbStaticContent ul {
	padding-left: 40px;
}

#ipbStaticContent ol {
	padding-left: 20px;
}

#ipbStaticContent li {
	margin: 5px 0;
}




/* Static Page - About Us
========================================================================== */

#ipbAboutUs1 {
	float: left;
	height: 100%;
	margin: 1% auto 1%;
	position: relative;
	width: 100%;
}	
		
#ipbAboutUs1 img {
	width: 100%;
	max-width: 1025px;	
	height: auto;
}


#ipbAboutUs1 section {
	float: left;
	padding: 0; 
	text-align: justify;
	width: 100%;
}

#ipbAboutUs1 article {
	float: left;
	width: 30.8%;
	margin: 0% .1% 0% 0%;
	padding: 1.2%; 
}

#ipbAboutUs1 article:first-child {
	left: 4%;
	margin-left: 0;
	position: absolute;
	top: 18%;	
	width: 22.4%;	
}

#ipbAboutUs1 h1{
	position: absolute;
	top: 5%;
	left: 5%;
}
		
#ipbAboutUs1 p {
	font-size: 13px;
}

#ipbAboutUs1 h4, 
#ipbAboutUs1 p {
	margin: 5px 0;
}
	
#ipbAboutUs1 section h4 {
	text-align: center;
}

#ipbAboutUs1 article:first-child h4 {
	text-align: left;
}




/* Static Page - Blog (including Sub-pages)
========================================================================== */ 

.ipbHomeLinkHeader {
	float: left;
	margin: 10px 0 10px 2%;
    padding: 10px 15px;
	width: 35%;
}

.ipbHomeLinkHeader > a{
	text-decoration: none;
}  

.ipbTopColumn {
	float: left;
	width: 50%;	
}

#ipbBlogHeader {
	float: left;
	margin: 0 0 50px 4%;
	padding: 17px;
	width: 62%;	
	color:#e81e75;
	background-color: rgba(255,255,255,0.7);
}

.ipbTopSection{
	width:100%;
	background-image:url("http://www.flyingflowers.co.uk/ff_images/headerbackgroundwidescreen2016v2-1.jpg");
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:30px;
	margin-bottom:20px;
	height:auto;
	float:left;
}

#ipbOutline{
	outline:#e81e75 solid 2px;
	width:97%;
	margin: 0 2% 30px 1%;
	height:auto;
	float:left;
}

.ipbArticleBlock{
	border-bottom: 1px solid;
	float: left;
    padding: 30px 0;
	width: 100%; 
}

.ipbBloghomeImage{
	float: left;
	height: inherit;
    margin: 0 1% 0 2%;
	width: 47%;
}

.ipbBloghomeTextbox{
	float: right;
	margin: 0 2% 0 1%;
	text-align: left;
	width: 47%;
}

.ipbBloghomeTextbox > a{
	text-decoration: none;
}

.ipbArticledate {
	font-size: 14px;
    line-height: 1.7;
}

.ipbReadMoreButton {
	font-size: 14px;
	height: 16px;
	margin: 15px 0 20px;
	padding: 8px 0;
	text-align: center;
	width: 100px;
}
	
.ipbReadMoreButton > a {
	text-decoration: none;	
}	
	
.ipbArticleShareSM {
	float: left;
	height: 30px;
	margin-right: 10px;
	width: 30px;
}	

#ipbNavigationlinks {
	float: right;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 3;
	margin: 20px 50px 20px 0;
	text-align: right;
	width: 96%;
}

.ipbTopbox {
	float: left;
    padding: 5px 2% 20px;
	width: 46%;
}

.ipbQuotationtext {
	font-size: 18px;
	font-style: italic;
	margin: 0 8%;
}

.ipbArticleImage{
	float: left;
	height: inherit;
    margin: 10px 30% 10px 0;
	width: 100%;
}

.ipbArticleTextbox {
	border-bottom: 1px solid;
	float: left;
	margin: 0 2% 25px;
	padding-bottom: 25px;
	text-align: left;
	width: 75%;	
}


.ipbArticleSmalltext {
	font-size: 14px;
	margin-right: 20px;
}

.ipbDateheader{
	float: right; 
	font-size: 14px;
	margin-right: 10px;
	text-align: right;
	width: 98%;
}

.ipbArticleSMBox {
	float: right;
	margin-bottom: 10px;
}

#ipbBlogHomebutton {
	float: left;
	font-size:18px;
	font-weight: 300;
	margin: 20px 0 15px 2%;
	text-align: left;
	width: 96%;
}



/* Static Page - Delivery Information
========================================================================== */

#ipbDelivery {
	font-size: 13px;
	margin: 0 5% 3%;	
}
					
#ipbSeasonalDelDiv {
	border-bottom: 1px solid;
	margin-bottom: 20px;
}
						
#ipbSeasonalDelMatrix {
	margin: 0 0 20px;	
	width: 70%;				
}
	

#ipbDelInfoTable, 
#ipbSeasonalDelMatrix {
	border-collapse: collapse;					
}

/*Delivery info table */ 
	
#ipbDelInfoTable {
	margin: 0 auto;
	width: 100%;						
}
	
#ipbDelInfoTable tr:nth-of-type(even), 
#ipbSeasonalDelMatrix tr:nth-of-type(even) td:first-child{
	background-color: #eee;
}

#ipbDelInfoTable tr:nth-of-type(odd), 
#ipbSeasonalDelMatrix tr:nth-of-type(odd) td:first-child {
	background-color: #ddd;
}

/*

#ipbSeasonalDelMatrix tr:nth-child(15n+2) td:first-child {
	background-color: #fff;
	border: none;
}

#ipbSeasonalDelMatrix tr:nth-child(15n+2) td {
	font-weight: 700;
}	

*/		
		
#ipbDelInfoTable th, 
#ipbSeasonalDelMatrix th {
	background-color: #7ac141;
}

#ipbSeasonalDelMatrix th:first-child {
	background-color: #fff;
	border: none;
}
	
#ipbDelInfoTable th, 
#ipbDelInfoTable td  {
	border-right: 1px solid #fff;
}

#ipbSeasonalDelMatrix  th, 
#ipbSeasonalDelMatrix td {
	border: 1px solid;
	border-color: #bbb;
}

#ipbDelInfoTable th, 
#ipbDelInfoTable td   {
	padding: 10px 5px;
}

#ipbSeasonalDelMatrix th, 
#ipbSeasonalDelMatrix td {
	padding: 1%;
}

#ipbSeasonalDelMatrix td {
	text-align: center;
}

#ipbDelInfoTable td:nth-child(3n+1), 
#ipbSeasonalDelMatrix td:nth-child(4n+1) {
	font-weight: 700;
	font-size: 17px;
}

#ipbDelInfoTable td:nth-child(3n+1) {
	padding-left: 5px;
	width: 15%;
}

#ipbSeasonalDelMatrix td {
	width: 18%;
}

#ipbSeasonalDelMatrix td:nth-child(4n+1) {
	padding: 5px;
	text-align: left;
	width: 45%;
}
								
#ipbDelInfoTable td:nth-child(3n+2) 
/*, #ipbSeasonalDelMatrix  td:nth-child(3n+2)*/ {
	width: 20%;
}

#ipbSeasonalDelMatrix td.ipbNA {
	background-color: #ccc;
}				

#ipbDelInfoTable ul {
	padding-left: 15px;
}

#ipbDelInfoTable ul li {
	font-size: 12px;
	padding: 5px 0;
}




/* Static Page - Help for Heroes (H4H)
========================================================================== */

#ipbH4HContent, 
#ipbH4HTerms {
	clear: both;
	margin: 0 1.5% 0;
	width: 97%;				
}

#ipbH4HTerms {
	margin-top: 10px;
}
	
#ipbH4HContent, 
#ipbH4HTerms, 
#ipbH4HCopy, 
#ipbH4HImg {	
	float: left;
}

#ipbH4HCopy, 
#ipbH4HImg {
	margin: 50px 0 0;
	width: 50%;
	
}
	
#ipbH4HImg img{
	height: auto;
	width: 100%;		
}

#ipbH4HCopy h1,
#ipbH4HCopy h2,
#ipbH4HContent p,
#ipbH4HTerms p{
	padding-bottom: 10px;
}

#ipbH4HCopy h1, 
#ipbH4HCopy h2 {
	text-align: left;
}
 
#ipbH4HCopy h1 {
	font-size: 35px; 		

}

#ipbH4HCopy h2 {
	font-size: 21px; 
	font-style: italic;	
	font-weight: 400;
}

#ipbH4HContent p , 
#ipbH4HTerms p, 
#ipbH4HCopy .btn {
	font-size: 16px;	
}

#ipbH4HCopy .btn {	
	display: block;
	height: 22px;
	margin: 4% auto;	
	padding: 10px 0; 	
	text-align: center; 
	width: 270px; 
}
	
#ipbH4HCopy a.btn {
	text-decoration: none;
}




/* Static Page - Popup Vase
========================================================================== */

#ipbPopup {
	width: 100%;
	max-width: 1025px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

#ipbPopupHeader {
	background: url('http://www.flyingflowers.co.uk/ff_images/Popupvase0715.jpg') no-repeat top right;
	float: left;
	height: 400px;	
	margin: 0;
	padding: 0;
	position: relative;	
}





#popup {	
	width: 100%;
	max-width: 1025px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

#popup h1 {
	font-size: 40px;
	font-weight: 400;
	line-height: 50px;
	margin: 0;	
}

#popup h2 {
	margin: 40px 0 5px 0;
}

#popup p {
	margin: 0;
	padding: 0;	
}



#popup div {	
	float: left;
	margin-bottom: 1%;
	width: 100%;
}

#popup section > div  {	
	margin: 0 0 0 1%;
	width: 49.5%;
}

#popup section > div:first-child {
	margin: 0;

}



#popup .textCentre {
	text-align: center;
}

#popup .textLeft {
	text-align: left;
}

#popup .textRight {
	text-align: right;
}
		
#popup .button {	
	display: inline-block;	
	line-height: normal;
	margin: 20px 0;
	vertical-align: middle;
}	
		
#popup .button a {
	border: 2px solid;
	font-size: 15px;
	padding: 5px 15px;	
	text-decoration: none;
}

#popup div#heading {
	margin:0;
}

#popup #header {
	background: url('http://www.flyingflowers.co.uk/ff_images/Popupvase0715.jpg') no-repeat top right;
	height: 400px;	
	margin: 0;
	padding: 0;
}

#popup div#header {
	margin: 0;
}

#popup #heading section {
	background: url('http://www.flyingflowers.co.uk/ff_images/Popupvase0715.jpg') no-repeat top right;
	background-size: auto 100%;
	height: 400px;	
	position: absolute;
	width: 100%;
}

#popup #floaters {	
	height: 400px;
	padding: 45px 0 0 70px;
	width: 260px !important;
}

#popup #title b {
	border-bottom: 3px solid;
}

#popup #list {
	list-style-image: url('http://www.flyingflowers.co.uk/ff_images/tick.gif');
	margin: 20px 0 0 30px;
}

#popup #ribbon {
  /*height:355px;*/
  /*width:400px;*/
  /*background:url('/ff_images/ribbon.png') no-repeat top left;*/
  /*position:absolute;*/
}

/*#flag {
  width: 200px;
  height: 300px;
  padding-top: 15px;
  position: relative;
  background: white;
}
#flag:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 60px solid #eee;
  border-left: 225px solid transparent;
  border-right: 225px solid transparent;
}*/

#popup #vase .button {
	height: 30px;
	margin-top: 30px;
	vertical-align: bottom;
	width: 240px;
}

#popup #copy1, 
#copy2{
	padding-bottom: 50px;
}

#popup #copy1 p, 
#popup #copy1 h2{
	padding: 0 15px 0 40px;
}

#popup #copy2 p, 
#popup #copy2 h2{
	padding: 0 40px 0 15px;
}

#popup #how {
	padding: 8px;
	width: 50% !important;
}

#popup #how h2 {
	margin: 0;
}

#popup .step {
	padding-top: 50px;
}

#popup #steps p {
	font-weight: bold;
	line-height: 24px;
	padding: 10px 0;
	size: 20px;
}

#popup #steps img {	
	height:auto;
	width:70%;
}

#popup .step4 {
	padding-top: 50px;
}

#popup .step4, 
#footer {
	padding-bottom: 50px;
}




/* Static Page - Sitemap (also used in 404 page)
========================================================================== */

#ipbSiteMap {
	margin: 0;
	padding: 0;	
	text-align: center;
	width: 100%;
}
	
#ipbSiteMap h1, 
#ipbSiteMap p {
	padding: 15px 0;
}

#ipbSiteMap section, 
#ipbSiteMap p {
	font-size: 12px;
	margin: 0 1% 15px;
	width: 98%;
}

#ipbSiteMap section nav {
	float: left;							
	margin: 0;
	padding: 0 1%;
	width: 23%;												
}
	
#ipbSiteMap section nav ul {
	list-style: none;
}

#ipbSiteMap section nav ul li {
	margin: 0 0 10px;
}

#ipbSiteMap section nav ul li:first-child {	
	border-bottom: 1px solid;
	font-weight: 700;
	margin: 0 0 15px;
}
	
#ipbSiteMap section nav a:link,
#ipbSiteMap section nav a:visited {
	text-decoration: none;
}

#ipbSiteMap section nav a:hover {
	text-decoration: underline;					
}

/*
#ipbSiteMap #col {
	float: left;
	margin-top: 10px;
	width: 33%;				 
}
*/





/* Static Page - Terms and Conditions
========================================================================== */

#ipbTandCleft {
	border-right: 1px solid;
	float: left;
	padding-right: 3%; 
	width: 46.8%;	
}

#ipbTandCright {
	float: right;
	padding-left: 3%;	
	width: 47%; 	
}

#ipbTandCleft, 
#ipbTandCright {
	margin: 20px 0 50px;						
}




/* Global Footer - Not using ipb prefix as we are hooking off of Hyd footer
========================================================================== */



.footer section nav a:link,
.footer section a:visited {
	text-decoration: none;
}

.footer section nav a:hover {
	text-decoration: underline;
}

#emailSignUp {		
	display: table-cell;
	padding-bottom: 10px;										
}


.footer section {					
	margin: 0 10px 10px;
	text-align: center;
}

.footer section:first-child {
	margin: 0 0 10px;
}

.footer section nav {
	float: left;
	margin: 0;
	padding: 0;	
	width: 16.66%;									
}

#ipbFooterHeader,
#ipbFooterHeader ul {
	width: 100%;
}
				
#ipbFooterHeader ul li {
	display: block;
	float: right;
	font-weight: 700;
	margin: 0 0 1%;
	width: 50%;	
}

#ipbFooterHeader ul li:first-child {
	border-right: 1px solid;
	float: left;		
	width: 49.8%;
}
				
.footer section nav ul {
	list-style: none;
}

.footer section nav ul li {
	line-height: 20px;		
}	

.footer div {					
	margin: 0 0 15px 0;
	text-align: center;
}




/* Secure Footer - Not using ipb prefix as we are hooking off of Hyd footer
========================================================================== */

.footer2 section {
	border-top: 1px solid;
	float: left;
	margin-top: 2%;
	width: 100%;		
}

.footer2 section a {
	text-decoration: none;
}

.footer2 section > div {
	float: left;
	margin: 2%;
	text-align: center;				
	width: 29.33%;
}

section.ipbSecureFootVerisign {
	border-style: none;
	margin: 0 0 2% 0;
	text-align: center;			
}

/* Order Journey
========================================================================== */

/*GDPR MESSAGE FIX*/
@media screen and (min-width: 687px) and (max-width:1024px){
#opt_all_marketing_label{
width:70%;
	}
.last_updated_date{
width:70%;	
	}	
#privacy_policy {
width:70%;	
}
	}	


/* Forms
========================================================================== */




/* Misc
========================================================================== */

/* This is temp code that fixes the issue of the drop down menu being overlaid with the product sold out overlay.
It will be fixed in Sprint 10*/

.catTile .overlay_img {
	z-index: 4;
}




/* Font Colour
========================================================================== */

/* White */
.ipbGlobalPromoBelowTopNav,
.ipbGlobalPromoBelowTopNav a,
#ipbSidebar nav span,
#ipbSeoToggle,
#ipbMagazineSpecOfferHeaderContainer  h1,
#ipbMyGardenHeader > div,
.ipbProdPinkPromo,
.ipbProdPinkPromo a,
#ipbStaticContent h4,
.ipbReadMoreButton,
.ipbReadMoreButton > a,
#ipbDelInfoTable th, 
#ipbSeasonalDelMatrix th,
#ipbH4HCopy .btn,
#ipbSiteMap section nav a:hover,
#popup .button a:hover,
.button a:active,
#ipbFooterHeader ul li {
	color: #fff;
}

#popup #how h2 {
	color: #fff !important;
}

/* Brand Pink */
#ipbHomepageMainContent article a h4, 
#ipbHomepageMainContent article a .ipbHomeProdBundle,
#ipbHomepageMainContent article a p:last-of-type,
.ipbHomeLinkHeader,
#ipbBlogHeader,
#ipbNavigationlinks,
#ipbBlogHomebutton,
#ipbH4HCopy h2,
.footer section a,
#popup h2,
#ipbSiteMap, 
#ipbSiteMap section a  {
	color: #e81e75; 


}


/* Brand Green */
#popup h1,
#popup .button a {
	color: #66bc29;
}


/* Purple */
#popup #steps p {
	color: #9360ad;
}


/* Black */
#ipbHomepageMainContent article a p,
#ipbHomepageMainContent article a p span,
#ipbMagazineSpecOfferHeaderContainer > div p,
#ipbSiteMap p,
#popup #list,
.footer2 section a {
	color: #000;				
}


/* Dark Red */
#ipbStaticContent strong {
	color: #b92652;
}


/* Red */
#ipbAboutUs1 h4,
#ipbAboutUs1 h1 {
	color: #e6146c;
}


/* Dark Grey */
#ipbH4HCopy h1, 
#ipbH4HContent p, 
#ipbH4HTerms p {
	color: #666;
}




/* Background Colour
========================================================================== */

/* Brand Pink */

.ipbProdPinkPromo,
#ipbSiteMap section nav a:hover,
#ipbFooterHeader ul li   {
	background-color: #e81e75;
}

/* Brand Green */

#ipbSidebar nav span,
#ipbSeoToggle,
.ipbReadMoreButton,
#ipbH4HCopy .btn,
#popup .button a:hover,
.button a:active {
	background-color: #66bc29;
}

/* Brand Purple */

#popup #how {
	background-color: #9360ad;
}

.ipbGlobalPromoBelowTopNav {
	background-color: rgb(147, 96, 173);
}


/* White */

#ipbAboutUs1 article:first-child {
	background-color: #fff;
}

/* White (with opacity) */

.ipbHomeLinkHeader,
#ipbBlogHeader {
    background-color: rgba(255,255,255,0.7);
}

/* Off White */

#ipbHomepageMainContent article { 
	background-color: #fafafa;
}

/* Homepage pink hover */

#ipbHomepageMainContent article:hover {
	background-color: #feeff4;                     
}

/* Dark Red */

#ipbStaticContent h4 {
	background-color: #b92652;
}




/* Border Colours
 ========================================================================== */ 

 /* Brand Pink */
 
#ipbCatHeaderDiv,
#ipbCatFooterDiv,
#ipbTandCleft,
#ipbSiteMap section nav ul li:first-child,
.footer2 section {
	border-color: #e81e75;
}


 
 /* Brand Green */
 
 
 /* Brand Purple */
 

 /* White */
 
 #ipbFooterHeader ul li:first-child {
	border-color: #fff;
}
 
 
 /* Red */
 
.ipbProdDelInfo,
#ipbSeasonalDelDiv {
	border-color: red;
}
 
/* Grey */
.ipbArticleBlock,
.ipbArticleTextbox {
	border-color: #999;
}

/* Green */
#popup .button a,
#popup #title b {
	border-color: #80ba27;
}
















/* ==========================================================================
   320px - 685px CODE
========================================================================== */	 

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





/* Font
========================================================================== */




/* Frame shadow
========================================================================== */

/* Not needed in this viewport */





/* Global Header
========================================================================== */




/* Secure Header
========================================================================== */




/* Global Promo (under main nav)
========================================================================== */

/* Hide Global nNav (using Hyd's class) */
.global_promo_below_top_nav {
	display: none;
	height: 1px;
	margin: 0; 
	padding: 0;
}




/* Homepage
========================================================================== */

/*  Sidebar */

#ipbSidebar {
	display: none;
}
				
/* 	Main Content */

#ipbHomepageMainContent{
	margin: 0 0 1%;
	padding: 0;
	width: 100%;		
}

/*  Main Content Banners */

.ipbHomePromo1,
.ipbHomePromo3 {	
	margin: 0;
	width: 100%;
}

.ipbHomePromo2,
.ipbHomePromo4 {
	display: none;
}

/*  Main Content Individual Products */

#ipbHomepageMainContent article {
	width: 49.4%;
}

#ipbHomepageMainContent article.middle {
	margin: 1.1% 0 0;
}

#ipbHomepageMainContent article:nth-child(2n+1){
	margin: 1.1% 0 0 1.2%;
}

#ipbHomepageMainContent article p:first-of-type,
#ipbHomepageMainContent article:last-of-type {
	display: none;
}

#ipbHomepageMainContent article .ipbHomeProdH4 {
	 height: 3em;
}

#ipbHomepageMainContent article .ipbHomeProdH4 h4 {
	 height: 1em;
}

#ipbHomepageMainContent article .ipbHomeProdInfo {
	height: 29px;
	padding: 0 2px;
}

/* Main Content SEO Text */




/* Category Page
========================================================================== */

#ipbCatHeaderDiv {
	padding: 0 2%;
	width: 100%;
}

#ipbMobHideCatText  {
	display: none;
}

/* Category page footers */

#ipbCatFooterDiv {
	margin: 20px auto 15px;
}


#ipbCatFooterDiv p {	
	text-align: justify;
	width: 90%;
}




/* Category Page - Magazine Special Offer
========================================================================== */

#ipbMagazineSpecOfferHeaderContainer {
	border-bottom: 1px solid;
	border-color: #ee2c72;
	margin-bottom: 10px;
	padding: 0 2%;
	width: 100%;
}

#ipbMagazineSpecOfferHeaderContainer  h1 {
	color: #000;
	position: static;
	width: 100%;
}
	
#ipbMagazineSpecOfferHeaderContainer img, 
#ipbMagazineSpecOfferHeaderContainer p {
	display: none;
}	




/* Category Page - My Garden
========================================================================== */

#ipbMyGardenHeader {
	display: none;
}

#ipbMyGardenH1 h1 span {
	font-size: 16px;
	vertical-align: middle;
}




/* Product Page
========================================================================== */





/* Static Page
========================================================================== */




/* Static Page - About Us
========================================================================== */

#ipbAboutUs1 img {
	display: none;
}

#ipbAboutUs1 h1{
	position: static;
	margin: 15px 0 15px 2%;			
}


#ipbAboutUs1 article:first-child {
	margin-left: 0;
	position: static;
}

#ipbAboutUs1 article, 
#ipbAboutUs1 article:first-child {
	float: none;
	width: 96%;
	margin: 20px 2%;
	padding: 0;
}
	
#ipbAboutUs1 article:first-child h4 {
	text-align: center;
}




/* Static Page - Blog
========================================================================== */ 

#ipbOutline {
	margin: 0 1%;
	width: 98%;
}

#ipbBlogHeader {
	margin: 5px 10% 13px 2%;
	width: 88%;	
}

.ipbBloghomeImage {	
	margin-bottom: 20px;
	width: 96%;
}

.ipbBloghomeTextbox {
	width: 96%;
}

.ipbTopColumn {
	width: 100%;
}

.ipbTopSection {
	background-image: url("/ff_images/finalheadermobile.jpg");
}

.ipbNoDisplayMobile {
	display: none;
}

.ipbTopbox {
	width: 92%;
	padding: 2%;
}

.ipbArticleImage {
	width: 96%;
}

.ipbArticleTextbox {
	width: 96%;
}

.ipbDateheader {
	margin-left: 10px;
	text-align: left;
}

.ipbHomeLinkHeader {
	margin: 5px 17% 13px 2%;
	width: 50%;
}

.ipbArticleBanner1 {
	background-image: none;
	height: auto;
	margin-bottom: 15px;
}

.ipbArticleBanner1 > img {	
	display: block;
	width: 100%;
}

.ipbQuotationtext {
	font-size: 16px;
}

#ipbBlogHomebutton {
	font-size: 20px;
	margin: 8px 0 0 15px;
}

.ipbArticleSMBox {
	float: left;
}




/* Static Page - Delivery Information
========================================================================== */

#ipbDelivery {
	margin: 0 2% 2%;
}

#ipbDelInfoTable {
	width: 100%;		
}

#ipbSeasonalDelMatrix {
	width: 100%;				
}




/* Static Page - Help for Heroes (H4H)
========================================================================== */

#ipbH4HContent, 
#ipbH4HTerms {	
	float: none;
	margin: 0 2%;
	text-align: justify;
	width: 96%;
}
	
#ipbH4HCopy, 
#ipbH4HImg  {	
	float: none;	
	margin: 0;
	width: 100%;	
}

 #ipbH4HImg  {	
	text-align: center;
 }

#ipbH4HImg img {
	max-width: 100%;			
}
	
 #ipbH4HTerms {
	margin-top: 15px;
 }

#ipbH4HCopy h1 {
	font-size: 22px; 
}

#ipbH4HCopy h2 {
	font-size: 15px; 		
}

#ipbH4HContent p, 
#ipbH4HTerms p {
	font-size: 13px;	
}

#ipbH4HCopy .btn {
	margin: 15px auto 20px;
}




/* Static Page - Popup Vase
========================================================================== */

#popup section > div {	
	float: none;
	width: 100%;	
}

#popup section > div, 
#popup section > div:first-child {	
	margin: 0 0 2%;
}

#popup #heading section {	
	background: none;
	height: 200px;
	margin-top: 400px;
}

#popup #header {
	background: url('/ff_images/center.jpg') no-repeat center;
}

/* Unique 599-320px code */					
#popup #floaters {
	padding: 20px 0 0 20px; /*should've been inherited from previous breakpoint*/
	width: 300px !important; /*96% in embedded page code */
}

#popup #title h1{
	border-bottom: none;
	font-size: 40px;
	padding-bottom: 10px; /*should've been inherited from previous breakpoint*/	
}

/*
	#popup #title h1{
		border-bottom:#80ba27 3px solid;
		font-size:60px; .......3.7em or 378%
		padding-bottom:10px;
	}
	
	#popup #title b{
		border-bottom:none;
	}
	
	#popup #topBanner {
		margin-top:320px;
	}
	
	#popup #topBanner {
		margin-top:320px;
	}
	*/

#popup #title b {
	border: 3px solid;
	border-color: #80ba27;
}

#popup #topBanner {
	margin-top: 355px;
}
/* Unique 599-320px code */




#popup #steps img {
	width: 60%;
}

#popup #copy1{
	padding-bottom: 0px;
}

#popup #copy1 p, 
#popup #copy1 h2{
	padding: 0 20px;
}

#popup #copy2 p, 
#popup #copy2 h2{
	padding: 0 20px;
}

#popup #how {	
	text-align: center;
	width: 97.5% !important;
}

#popup #steps p {
	padding: 0 20px;
}




/* Static Page - Sitemap (also used in 404 page)
========================================================================== */

#ipbSiteMap p {
	text-align: justify;
}

#ipbSiteMap section nav {
	float: left;	
	margin: 0;
	padding: 0 1%;	
	width: 98%;		
}

#ipbSiteMap section nav ul li {
	margin: 0 0 20px;
}

/*
#ipbSiteMap #col {
	width: 98%;
}
*/



/* Static Page - Terms and Conditions
========================================================================== */

#ipbTandCleft div, 
#ipbTandCright div {
	height: 20px;
}

.ipbSelect {
	height: 32px;
}




/* Global Footer
========================================================================== */

.footer section, 
.footer section nav {
	margin: 0;
	padding: 0;
	width: 100%;	
}

.footer section nav {
	float: none;					
}

.footer section nav, 
.footer section nav ul li {
	text-align: center;
}

.footer section nav ul {
	border-left: none; 
	margin: 0 auto; 	
}

.footer section nav ul li {
	line-height: 20px; 
	margin: 10px 5%;
}

.footer section p {
	width: 90%;
	margin: auto;
	text-align: justify;
}

nav.ipbNoDisplayInMobile, 
#ipbFooterHeader ul li:first-child {
	display: none;
}
				
#ipbFooterHeader ul li {
	width: 100%;
}

#emailSignUp {				
	display: none;
}




/* Secure Footer
========================================================================== */

.footer2 section > div {
	float: none;
	width: 100%;
	margin: 2% 0;
}




/* Forms
========================================================================== */




/* Misc
========================================================================== */



/* Font Colour
========================================================================== */



/* Background Colour
========================================================================== */

.footer section {				
	background-color: #fff;					
}

/* Border Colours
 ========================================================================== */ 



} /* END 320-685px RANGE */