html, body {
    height: 100%;
}
img
{
	max-width: 100%
}
ul
{
	list-style: none;
}
ul li
{
	display: inline-block;
}
h1
{
	font-size: 32px;
	line-height: 1.5em;
	margin: 10px auto 20px;
	clear: both;
	font-weight: 400;
}
h4
{
	font-size: 18px;
	line-height: 22px;
	margin: 0px;
	text-align: left;
	padding: 0px;
}
hr
{
	height: 2px;
	background: none repeat scroll 0% 0% #EEE;
	border: medium none;
}
hr
{
	height:1px;
}
p
{
	margin: 0px;
	font-style: normal;
	line-height: 1.7em;
}
label, legend
{
	display: block;
	font-weight: 400;
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #999;
	font-size: 13px;
	letter-spacing: 1px;
}
input[type="text"], 
input[type="number"], 
input[type="password"], 
input[type="email"], 
textarea, 
select 
{
    border: 1px solid #CCC;
    padding: 9px;
    outline: medium none;
    border-radius: 2px;
    font-size: 15px;
    color: #555;
    margin: 0px 0px 20px;
    width: 200px;
    max-width: 100%;
    display: block;
    background: none repeat scroll 0% 0% #FFF;
}
.site-main-container
{
	min-height: 100%;
	margin-bottom: -200px;
}
.site-main-container:after 
{
    content: "";
    display: block;
    height:200px;
}
.green
{
	color:#37C68E;
}
.cart_green
{
	color:#37C68E !important;	
}
#logo_header
{
	padding-top:20px;
	display: block;
}
.container
{
	position: relative;
	max-width: 960px;
	width:auto;
	margin: 0px auto;
	padding: 0px;
}
.nav ul li a, .nav ul li a:visited, .nav ul li a:active {
    font-family: "Helvetica","Arial",sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #333;
    position: relative;
    display: block;
    letter-spacing: 0px;
    padding-bottom: 10px;
}
.nav ul li {
    display: inline-block;
    padding: 40px 0px 0px 20px;
    position: relative;
    margin: 0px;
    border: 0px none;
 }
a:hover
{
	text-decoration: none;
}
.main_menu_box
{

}
.site-main-container .toggle_menu.nav,
.site-main-container .navicon_button,
.site-main-container .show-mobile,
.mobile_menu
{
	display:none;
}

#homepage_slider
{
	margin-top:10px;
	position: relative;
	clear: both;
	overflow: hidden;
}
#homepage_slider .slides
{
	margin:0;
	padding:0;
	width:100%;
	color:white;
}
#homepage_slider .slides img 
{
	width: 100%;
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0px auto;
}
.slider-caption 
{
    width: 920px;
    position: absolute;
    text-align: left;
    top: 36%;
    left: 13%;
}
.slider-caption 
{
    left: 18%;
    width: 1000px;
}
.slider h1.line-one 
{
    color: #FFF;
    font-size: 38px;
    font-weight: 700;
    line-height: 38px;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    margin: 0px 0px -0.2em;
}
.slider h1.line-one 
{
    font-size: 44px;
    line-height: 47px;
    letter-spacing: 1.7px;
    margin: 0px 0px -0.2em;
}
.sub-liner {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1.4px;
    margin: 5px 0px 0px;
}
.sub-liner {
    font-size: 21px;
    line-height: 24px;
    letter-spacing: 1.4px;
    margin: 15px 0px 0px;
}
.home_button, a.home_button, input.home_button[type="submit"], input.home_button[type="button"] 
{
	border: 0px none;
	border-radius: 2px;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	padding: 14px 42px;
	text-align: center;
	text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
}
.home_button, 
a.home_button, 
input.home_button[type="submit"], 
input.home_button[type="button"] 
{
    font-size: 18px;
    padding: 16px 44px;
}
h1.section-title,
h2.section-title,
h3.section-title
{
	font-size: 32px;
	line-height: 1.5em;
	margin: 10px auto 20px;
	clear: both;
	font-weight: 300;
}
h3.section-title
{
	font-size: 26px;
	line-height: 1.4em;
}
.little-line 
{
    height: 40px;
    margin-left: 58px;
    margin-bottom: 5px;
    border-left: 1px solid #E0E0E0;
}
.instructions ul img
{

}
.instructions ul h3
{
	margin-top: 15px;
	font-weight: 600;
	font-size: 21px;
	line-height: 28px;
	margin-bottom: 5px;
}
.instructions ul h4
{
	font-weight: 400;
}

.instr-image
{
	width:90px;
}
.coverage-container
{
	margin-top: 30px;
	background-color: #F0F0F0;
	border-bottom: 0px solid #EDEDED;
	border-top: 0px solid #D1D1D1;
}
.map-container
{
	width: 94%;
	margin-top: 50px;
	min-height: 350px;
	position: absolute;
	background: url('../../images/flowerjoy/london_map.png') no-repeat scroll right center transparent;
}
.coverage-area
{
	width: 450px;
	padding: 100px 0px 0px 25px;
	
}
.postcode-checker
{
	position: relative;
	display: inline-block;
	padding-top: 25px;
	margin-bottom: 100px;
}
input.form-lite
{
    font-family: "Helvetica","Arial",sans-serif;
    border-width: 1px;
    border-style: solid;
    border-color: #eee;
    padding: 14px;
    border-radius: 2px;
    font-size: 16px;
    color: #989BA0;
    margin: 0px auto;
    width: 230px;
    font-weight: 400;
    background: none repeat scroll 0% 0% #FFF;
    -moz-appearance: none;
    line-height: normal !important;
    display: inline-block;
    outline: medium none;
    box-shadow: 0px 0px 1px transparent;
}
.postcode_button, 
.product_button
{
	background: none repeat scroll 0% 0% #3D4247;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	padding: 13px;
	text-align: center;
	cursor: pointer;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	display: inline-block;
	text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
	border-radius: 0px 2px 2px 0px;
	margin-left: -5px;
	line-height: normal !important;
	color:white;
}
.product_button
{
	width:160px;
	color:white;
	padding: 13px 50px;
	margin-left: 1em;
}
.product_row
{
	width:100%;
	margin-top:40px;
}
.product_row .bouqet-element img
{
	width:90%;
}
.bouqet-element .info
{
	padding-top: 0.75em;
}
.bouqet-element .price, 
.bouqet-element .title 
{
    display: block;
}
.bouqet-element .title 
{
	font-weight: bold;
}
.footer
{
	height:200px;
	border-top: 0px solid #CCC;
	font-size: 12px;
	line-height: 1.7em;
	color: #8D8E92;
	background-color: #41434A;
	padding: 0px 0px 20px;
}
.footer a 
{
    color: #8D8E92;
}
.footer a:hover
{
   color:#fff
}
.foot-inner
{
	padding: 50px 0px;
}
.footer hr
{
	height:1px;
	background: #8D8E92
}
.footer .footer_menu
{
	text-align: right;
}
.footer .footer_menu li
{
	padding: 6px 0px;
	margin-right: 20px;
	list-style: outside none none;
	margin-bottom: 0px;
	display: inline;
}
.footer .footer_menu li:last-child
{
	margin-right: 0;
}
.product_section
{
	margin-top: 20px;
}
.product_section .product_image
{
	padding-left: 0;
	margin-right: 25px;
}
.product_price
{
	font-size: 22px;
	margin-bottom: 1em;
}
.recipient_postal
{
	float: left;
	width: 200px;
	margin: 8px 15px 10px 0px;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus 
{   
	border-color: rgba(139, 198, 142, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(139, 198, 142, 0.6);
	outline: 0 none;
}
.big_headline
{
	font-size: 18px;
	line-height: 27px;
	padding-bottom: 27px;	
	margin-top:20px;
}
#view-login
{
	margin-top: 50px;
}
#view-login hr,
#view-signup hr
{
	height: 1px;
	margin-top: 12px;
}
#view-login .login,
#create_account,
.box-account-creation
{
	margin: 50px 0 50px 40px;
	background: white;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}
#view-login .center-input,
.sign-in-inner input,
.user_main_info input,
.forgotten_password input
{
	width:100%;
}
h2.box-header-center ,
.create_account_title
{
	font-family: sans-serif;
	font-size: 22px;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}
.forgot_password
{
	text-align: right;
	margin-top: -16px;
}
.big_button
{
	width:100%;
}
#view-login .product_button,
#view-signup .product_button,
.user_main_info .product_button,
.forgotten_password .product_button
{
	margin: 30px 0 20px 0;
}
.forgotten_password .user_logged_form
{
	margin-top: 100px;
}
.forgotten_password .product_button
{
	width:auto;
}
#login-form
{
	margin-left: 4%;
}
#create_account
{
	margin-right: 40px;
	height:344px;	
	line-height: 344px;
	text-align: center;
}
.separator
{
	width:100%;
	height:20px;
	display: inline-block;
}
#view-signup
{
	margin-top: 120px;
	margin-bottom: 60px;
}
.box-account-creation
{
	margin: 30px 7% 30px 7%;	
}
.sign-in-inner
{
	margin-left: 24%;	
}
.user_menu
{
	margin:0 0 40px 0;
	padding:0;
}
.user_menu li
{
	margin-right: 20px;
}
.user_menu li a
{
	color:#ccc;
	text-transform: uppercase;
	transition: color 0.1s linear 0s;
}
.user_menu .yellow_buton
{
	color:white;
	font-weight: bold;
	background: #FAE365;
	width:100%;
	margin-bottom: 10px;
}
.user_menu .yellow_buton:hover
{
	background: #FAF786;	
}
.user_menu li:last-child
{
	margin-left1: 30px;
}
a.selected
{
	color:#37C68E !important;
}
.thinner_button,
a.thinner_button
{
	padding: 8px 15px;
	font-size: 13px;
}
.user_main_info
{
	/*
	margin-left: 29%;
	margin-top: 40px;
	*/
}
.user_main_info #login-form.user_logged_form
{
	margin-top:50px;
	margin-left:16%;
}
.user_main_info .product_button
{
	width:86%;
	margin-left: 6%;
}
.user_page .alert
{
	width:50%;
	margin:0 25%;
	display: inline-block;
}
.listing
{
	padding-bottom: 60px;
}
.footer_menu_left li
{
	margin-right: 8px;
}
.popover
{
	max-width: 350px;
}
.popover .product_button
{
	padding:10px 30px;
	width:250px;
	margin:15px 0;
	border:none;
}
.product_button:hover,
#checkout_proceed.product_button:hover,
#checkout_proceed_mobile.product_button:hover,
#add-cart.product_button:hover
{
	color:white !important;
}
#checkout_proceed
{
	width:auto;
}

/********/
/********/
/********/
/********/
/********/
#logo_header img
{
	
}
.four.columns.logo
{
	width:auto;
	max-width:410px;
}
.twelve.columns.nav.right-fly
{
	max-width:500px;
}
a,
.main.menu a:hover,
.nav_buttons.menu a.cart:hover
{
	color:#37C68E;		
}
.home_button, a.home_button, input.home_button[type="submit"], input.home_button[type="button"],
.product_button
{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#37C68E;	
}
.home_button:hover, a.home_button:hover, input.home_button[type="submit"], input.home_button[type="button"],
.product_button:hover
{
	/*background:#8BC68E;*/
	background:#8DF180;
}
input.sign_button[type="submit"], input.sign_button[type="button"],
input.postcode_button[type="submit"], input.postcode_button[type="button"],
h3.orange, h2.box-header-center, .create_account_title
{
	color:#37C68E;		
}
.create_account_title:hover
{
	color:#8BC68E;
}
hr.green-bar
{
	background:#37C68E;
}
.instructions h3 a:hover
{
	color:#8DF180;
}

.footer_menu_left .fa
{
	font-size: 20px;
}
.static h2
{
	font-size:22px;
	margin-top: 35px;
}
.homepage_left_flower
{
	float: left;
	width: 265px;
	margin-right: 34px;
	margin-top: 30px;
}
#contact_us_form
{
	max-width:575px;
	margin:10px auto;
}
#contact_us_form h3
{
	text-align: center;
	margin-bottom: 10px;
	font-size:30px;
	color:#888;
	font-family: "Lobster",cursive;
}
#contact_us_form form,
#contact_us_form .full_row
{
	float:left;
	width:100%;
}
#contact_us_form .half_row
{
	float:left;
	width:48%;
}
#contact_us_form .full_row .half_row:last-child
{
	float:right;
}
#contact_us_form label
{
	text-align: left;
	color:#888888;
	font-weight: bold;
	text-transform: none;
	font-size: 14px;
	margin-bottom: 2px;
}
#contact_us_form form input,
#contact_us_form form textarea
{
	width:100%;
	background: #F6F6F6;
}
#contact_us_form .home_button
{
	font-size: 14px;
	padding: 12px 24px;
	text-transform: none;
}
.alert
{
	width:100%;
	text-align: center;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom: 10px;
}
.alert.alert-success
{
	background:#DFF0D8
}
.alert.alert-warning
{
	background:#FCF8E3;
}
.container .sixteen.columns 
{
    widt1h: 940px;
}
#homepage_slider .caption-button
{
	float: right;
	margin-top: 50px;
	margin-right: 104px;
}
#homepage_slider .caption-button .home_button
{

}
.fa-smile-o.hiw-image,
.fa-bicycle.hiw-image
{
	font-size:80px;
	color:#37C68E;
}
.fa-bicycle.hiw-image
{
	font-size: 60px;
	border:2px solid #37C68E;
	border-radius: 40px;
	-webkit-border-radius: 40px;
}
#why-it-works h1:nth-child(2)
{
	width:100%;
	text-align: center;
}
.coverage-area hr.orange-bar
{
	margin-top: 28px;
}
#postcode_input
{
	border-radius: 5px;
	-webkit-radius: 5px;
	/*
	text-transform: uppercase;
	*/
}
#check-postal_code
{
	/*
	text-transform: uppercase;	
	*/
}
#postcode_search
{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.error_field
{
	color:red;
	font-style: italic;
}
.background-greenish {
    background-color: #8BC68E;
    border-radius: 6px;
}
.container.content.background-shade.marg-down {
    margin-top: 75px;
    margin-bottom: 75px;
}
.container.content.background-shade.marg-down-mid {
    margin-top: 35px;
    margin-bottom: 35px;
}
#view-signup,
.order_page #note,
.order_page #billing,
.order_page #review
{
	display: none;
	right1:-1900px;
	position: relative;
	max-width:850px;

	position: absolute;
	top:0;
}

.footimg 
{
	width:100px !important;
	height:100px !important;
	padding:0;
	margin-left: 32px;
}
.coverage-area .section-title
{
	padding-bottom: 25px;
}
.product_row .image-main_large img
{
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.product-image
{
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.postcode-checker .product_button
{

}
/*==============*/

/*====== CART ========*/
#cart_form
{
	margin-bottom: 50px;
	display: inline-block;
}
.checkout_table_header h4
{
	font-size: 25px;
	line-height: 27px;
	margin: 0px;
	text-align: left;
	padding: 0px 0px 12px;
	font-weight: 400;
	border-bottom: 0px solid #CCC;
}
ul.list_items_cart
{
	padding:0;	
}
.list_items_cart li
{
	margin-top: 15px;
}
.list_items_cart .item_image img
{
	border-radius: 5px;	
	-webkit-border-radius: 5px;	
}
.list_items_cart .item_title
{
	margin-left: 10px;
}
.list_items_cart .change_quantity input
{
	width:70px;
}
.list_items_cart .remove_flower
{
	color:red;
	cursor: pointer;
}
.flowers_listing .bouqet-element
{
	margin-bottom: 20px;
}
/*====== CART ========*/

/*====== ORDER ========*/
.order_wrapper
{
	margin-left:4%;
}
.order_progress
{
	margin-top: 30px;
}
.order_progress li
{
	margin: 0 12px;
}
.order_progress li a
{
	text-transform: uppercase;
}
.order_progress li a.current
{
	text-decoration: underline;
}
.order_inner_box
{
	margin:20px 8%;
	background: white;
}
.order_page input,
.order_page select,
.order_page textarea
{
	width:100%;
}
.order_page .checkbox
{
	width:auto;
}
.order_page .sub_title
{
	font-size: 16px;
}
.order_page form
{
	width:100%;
	display: inline-block;
	padding-bottom: 30px;
}
.order_page .product_button
{
	width:auto;
	margin-top: 30px;
}
.order_page .background-greenish
{
	margin-bottom: 50px;
}
.order_page .container.disabled .disabled_image
{
	width:100%;
	height: 100%;
	position: absolute;
	background: url('../../images/flowerjoy/disabled.png');
}
.order_page .cc_details_row select,
.order_page .cc_details_row input
{
	float:left;
	width:30%;
}
.order_page .cc_details_row select:nth-child(2)
{
	margin:0 4.6%;
}
#review_inner
{
	color:#777;
}
#review_inner label
{
	color:#999;
}
input.error_input
{
	border-color:red !important;
	border-width:2px;
}
.same_row input,
.same_row span
{
	float:left;
	margin-right: 10px;
}
.checkout-total
{
	font-size:18px;
}
/*====== ORDER ========*/
.under_section_title
{
	float:left;
	font-size: 16px;
	margin: -24px 0 24px 10px;
}
.description-box
{
	margin-top:20px;
}
.empty_space
{
	width:100%;
	height:60px;
}
.mobile_menu
{
	margin:0;
	padding:0;
	background: #222;
}
.mobile_menu li
{
	width:100%;
	line-height: 22px;
}
.nav ul.mobile_menu li a 
{
	color:#ccc;
	font-size: 1em;
}
.list_items_cart
{
	width:100%;
}
h1.listing_headline
{
	padding-top: 50px !important;
}
.forgotten_password
{
	margin-left: 12%;
}

@media screen and (max-width: 1380px) {
	.map-container
	{
		margin-top: 0;
	}
}
@media screen and (max-width: 1100px) {
	#homepage_slider .slider-caption
	{
		left:10%;
	}
	.instructions .description-box
	{
		clear:both;
	}
}
@media screen and (max-width: 1024px) {
	.slides .slider-caption
	{
		left:12%;
		width:800px;
	}
	#homepage_slider .caption-button
	{
		margin-right: 20px;
	}
	.map-container
	{
		width:99%;
	}
}
@media only screen and (max-width: 768px) {
	.container
	{
		width: 100%;
		max-width: 100%
	}
	.order_wrapper
	{
		margin:0;
	}
	.site-main-container .toggle_menu.nav,
	.site-main-container .show-mobile
	{
		display: block !important;
	}
	.nav_buttons.menu
	{
		text-align: center;
	}
	.site-main-container .navicon_button
	{
		display: inline-block;
	}
	.hide-box
	{
		display: none !important;
	}
	.product_row .bouqet-element img
	{
		width:auto;
		max-width: 100%
	}
	.box-header-center
	{
		padding-top: 20px;
	}
	#view-login .login, #create_account, .box-account-creation
	{
		margin:0;
		margin-bottom: 40px;
	}
	.sign-in-inner 
	{
		margin-left:0;
	}
	#view-signup .box-account-creation
	{
		margin:20px 4%;
	}
	.order_inner_box
	{
		margin:20px 4%;
	}
	.foot-inner
	{
		padding:30px 0;
	}
	.user_main_info
	{
		margin-left: 8%;
	}
	.user_menu
	{
		margin-top: 30px;
	}
	.product_section .product_image
	{
		margin:0;
		padding:0;
	}
	#add-to-cart
	{
		margin-top: 30px;
		text-align: center;
	}
	#check-postal_code
	{
		width:89%;
		margin-left:5%;
	}
	.foot-inner 
	{
		text-align: center;
	}
	.footer .footer_menu 
	{
		padding:0;
		text-align: center;
	}
}
@media only screen and (max-width: 600px) {
		.hide-box-mobile
		{
			display: none !important;
		}
		.mobile_menu1
		{
			display: inline-block;
		}
			
		#add-to-cart
		{
			margin-top: 0px;
			text-align: center;
		}

		#checkout_proceed,
		#checkout_proceed_mobile
		{
			margin-top: 20px;
		}
		#contact-us-form .home_button
		{
			float: none;
		}
		.checkout_table_header .column_header
		{
			padding-left:0; 
			margin-left:0;
		}
		.bouqet-element
		{
			margin-bottom: 30px;
		}
		.user_menu li:last-child
		{
			margin-left: 0px;
		}
		.user_menu li
		{
			margin:0;
		}
		.user_menu li .yellow_buton,
		.user_menu li .home_buton
		{
			background:none;
			color:#8AC58E;
			padding:0;	
			width:auto;
		}
		.user_menu li .yellow_buton:hover
		{
			background: white;
		}
		.user_main_info 
		{
			margin-left:0;
		}
		.user_main_info #login-form.user_logged_form
		{
			margin-left:0;
		}
		.user_main_info .product_button
		{
			width:86%;
			margin-left: 6%;
		}
		.forgotten_password
		{
			margin-left: 0;
		}
		.forgotten_password .user_logged_form 
		{
			margin:30px 0 0 0 !important;
		}
	}
@media only screen and (max-width: 400px) {
	#contact_us_form .half_row
	{
		width:100%;
	}
	.order_progress .order_menu
	{
		width:100%;
		padding:0;
	}
}