/*

Pizza Perfecto - Pages Stylesheet
http://www.pizzaperfecto.co.uk/
Handwritten by Oliver Coningham

*/


/* ------------ Breadcrumbs ------------ */

#breadcrumbs {
	margin: 30px auto 0 auto;
	max-width: 1170px;
}

#breadcrumbs a {
	color: #333;
	text-decoration: none;
}

#breadcrumbs ul {
	background-color: #fff;
	display: inline-block;
}

#breadcrumbs li {
	border-right: 1px solid #f2f2f2;
	display: inline-block;
	padding: 10px 13px;
}

#breadcrumbs li.home {
	padding: 0;
}

#breadcrumbs li.home a {
	display: block;
	padding: 10px 13px;
}

#breadcrumbs li.here {
	font-weight: bold;
}


/* ------------ Categories ------------ */

#content {
	margin: 0 auto;
	max-width: 1200px;
	padding: 30px 5px 0 5px;
}

#column-1 {
	float: left;
	padding: 0 15px;
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#column-1 .page-menu {
	background-color: #fff;
	border-top: 5px solid #333;
	margin-bottom: 30px;
	padding: 30px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#column-1 .page-menu h3 {
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
padding-bottom: 30px;
text-transform: uppercase;
}

#column-1 .page-menu a {
	color: #333;
	border-top: 1px solid #f2f2f2;
	display: block;
	padding: 10px;
	text-decoration: none;
}

#column-1 .mini-loyalty {
	background-color: #fff;
	margin-bottom: 30px;
	padding: 30px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

#column-1 .mini-loyalty h3 {
font-family: 'Titillium Web', sans-serif;
font-size: 30px;
font-weight: 600;
padding-bottom: 10px;
text-transform: uppercase;
}

#column-1 .mini-loyalty p {
	position: relative;
	z-index: 10;
}

#column-1 .mini-loyalty h3 small {
	font-size: 20px;
}

#column-1 .mini-loyalty i {
	font-size: 100px;
	position: absolute;
	right: -10px;
	bottom: -25px;
	color: #F2F2F2;
	z-index: 0;
}

#column-1 .mini-loyalty .loyalty-bar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 10px;
	z-index: 10;
	background-color: #333;
}

#column-1 .mini-loyalty .loyalty-bar .loyalty-bar-inside {
background-color: #e10102;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}

.category-vegetarian-pizzas #column-1 .page-menu .vegetarian-pizzas a,
.category-chicken-pizzas #column-1 .page-menu .chicken-pizzas a,
.category-hot-spicy-pizzas #column-1 .page-menu .hot-spicy-pizzas a,
.category-seafood-pizzas #column-1 .page-menu .seafood-pizzas a,
.category-meaty-pizzas #column-1 .page-menu .meaty-pizzas a,
.category-special-pizzas #column-1 .page-menu .special-pizzas a,
.category-garlic-pizzas #column-1 .page-menu .garlic-pizzas a,
#column-1 .page-menu a.selected,
#column-1 .page-menu a:hover {
color: #e10102;
}

#column-1 .page-menu ul li:last-child a {
	border-bottom: 1px solid #f2f2f2;
}

#column-2 {
	float: left;
	padding: 0;
	width: 75%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#category-introduction {
	padding: 0 15px;
}

#category-introduction-content {
	background-color: #fff;
	padding: 30px;
}

#category-introduction h1 {
font-family: 'Titillium Web', sans-serif;
font-size: 45px;
line-height: 45px;
text-transform: uppercase;
}

#category-introduction p {
	padding-top: 20px;
}

#category-introduction p a {
color: #252774;
}

#category-introduction p a:hover {
color: #e10102;
}

#column-2 h2 {
font-family: 'Titillium Web', sans-serif;
font-size: 25px;
line-height: 25px;
margin: 30px 15px 0 15px;
text-transform: uppercase;
}

#column-2 .category-list li {
	float: left;
	margin-top: 30px;
	overflow: hidden;
	padding: 0 15px;
	text-align: center;
	width: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#column-2 .category-list li p a {
	color: #333;
	display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 20px;
min-height: 45px;
text-transform: uppercase;
padding-top: 10px;
text-decoration: none;
}

#column-2 .category-list li p a:hover {
color: #e10102;
}

#column-2 .category-list li img {
	border: 5px solid #fff;
	float: left;
	height: auto;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#column-2 .category-list li img:hover {
border: 5px solid #e10102;
}

#column-2 .product-list li {
	float: left;
	margin-top: 30px;
	padding: 0 15px;
	text-align: center;
	width: 33.33333333333333333%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#column-2 .product-list-content {
	padding-bottom: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#column-2 .product-list-content:hover {
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

#column-2 .product-list li img {
	border: 5px solid #fff;
	float: left;
	height: auto;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#column-2 .product-list li h3 a {
	color: #333;
	display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 20px;
min-height: 40px;
text-decoration: none;
text-transform: uppercase;
padding: 20px 20px 10px 20px;
}

#column-2 .product-list li h3 a:hover {
color: #e10102;
}

#column-2 .product-list li .description {
	padding: 0 10px 20px 10px;
}

#column-2 .product-list li .button a {
background-color: #e10102;
color: #fff;
display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
line-height: 20px;
margin-top: 20px;
padding: 15px 20px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.25s ease-in-out 0s;
}

#column-2 .product-list li .button a:hover {
background-color: #252774;
color: #fff;
}


/* ------------ Products ------------ */

#product-photo {
	float: left;
	padding: 0 15px;
	width: 32.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#product-photo img {
	border: 5px solid #fff;
	height: auto;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#product-info {
	float: left;
	padding: 0 15px;
	width: 42.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#product-info h1 {
font-family: 'Titillium Web', sans-serif;
font-size: 45px;
line-height: 45px;
padding-bottom: 20px;
text-transform: uppercase;
}

#product-order {
	float: left;
	padding: 0 15px;
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#product-order-content {
	background-color: #fff;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#product-order-content #price {
background-color: #e10102;
color: #fff;
font-family: 'Titillium Web', sans-serif;
font-size: 35px;
font-weight: 700;
line-height: 35px;
padding: 20px;
text-transform: uppercase;
/*
-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
*/
}

#product-order-content form {
	padding: 20px;
}

#product-order-content form h3 {
color: #e10102;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: bold;
line-height: 25px;
padding-bottom: 20px;
text-transform: uppercase;
}

#product-order-content form h3.options {
	border-top: 1px solid #eaeaea;
	margin-top: 10px;
	padding: 15px 0 0 0;
}

#product-order-content form .quantity {
	padding-top: 10px;
}

#product-order-content form h4 {
	color: #333;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 21px;
padding: 10px 0 15px 0;
}

#product-order-content form .quantity label {
	color: #333;
	display: block;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 21px;
padding: 0 0 10px 0;
}

#product-order-content form select {
	color: #333;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 21px;
margin: 0 0 10px 0;
width: 100%;
}

#product-order-content form .quantity input {
	color: #333;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 21px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#product-order-content form li {
	padding-bottom: 5px;
}

#product-order-content form ul {
	padding-bottom: 0;
}

#product-order-content #button input {
background-color: #e10102;
border: 0;
color: #fff;
cursor: pointer;
display: inline-block;
float: right;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
line-height: 20px;
margin-top: 20px;
padding: 15px 20px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.25s ease-in-out 0s;
}

#product-order-content #button input:hover {
background-color: #252774;
color: #fff;
}


/* ------------ Meal Deals ------------ */

#meal-deal-order {
	clear: both;
	padding: 30px 15px 0 15px;
}

#meal-deal-order-content {
	background-color: #fff;
	clear: both;
	padding: 20px 5px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#meal-deal-order h2 {
font-family: 'Titillium Web', sans-serif;
font-size: 25px;
line-height: 25px;
margin: 0 15px 20px 15px;
text-transform: uppercase;
}

#meal-deal-order .meal-deal-option {
	float: left;
	margin-bottom: 30px;
	padding: 0 15px;
	width: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#meal-deal-order .meal-deal-option h3,
#meal-deal-order .meal-deal-option .quantity-label {
color: #e10102;
display: block;
font-family: 'Titillium Web', sans-serif;
font-size: 25px;
font-weight: bold;
line-height: 30px;
padding-bottom: 20px;
text-transform: uppercase;
}

#meal-deal-order .meal-deal-option h3.options {
	font-size: 20px;
	line-height: 25px;
	padding: 15px 0 10px 0;
}

#meal-deal-order .meal-deal-option h4 {
	margin: 10px 0 20px 0;
}

#meal-deal-order .meal-deal-option li {
	padding-bottom: 5px;
}

#meal-deal-order .meal-deal-option select,
#meal-deal-order .meal-deal-option .quantity-input {
	color: #333;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 21px;
margin-bottom: 10px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/*
#meal-deal-order .meal-deal-add {
	clear: both;
	padding: 0 15px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
*/

#meal-deal-order .meal-deal-add input {
background-color: #e10102;
border: 0;
color: #fff;
cursor: pointer;
display: inline-block;
float: right;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
height: 52px;
letter-spacing: 1px;
line-height: 52px;
margin: 20px 0;
overflow: hidden;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.25s ease-in-out 0s;
}

#meal-deal-order .meal-deal-add input:hover {
background-color: #252774;
color: #fff;
}

#meal-deal-order .meal-deal-footer {
	background-color: #333;
	clear: both;
	height: 92px;
	margin: 0 15px;
	overflow: hidden;
	position: relative;
	padding: 0 20px;
	width: 100%;
	width: calc(100% - 70px);
}

#meal-deal-order .meal-deal-footer #price2 {
	border-right: 1px solid #515151;
	color: #fff;
	float: left;
font-family: 'Titillium Web', sans-serif;
font-size: 35px;
font-weight: 700;
height: 52px;
line-height: 52px;
margin-right: 20px;
padding: 20px 20px 20px 0;
overflow: hidden;
text-transform: uppercase;
}

#meal-deal-order .meal-deal-footer .meal-deal-quantity {
	height: 52px;
	margin: 20px 0;
	overflow: hidden;
	padding: 0;
	width: auto;
}

#meal-deal-order .meal-deal-footer .meal-deal-quantity label {
	color: #fff;
	float: left;
	line-height: 52px;
	margin: 0;
	padding: 0 10px 0 0;
}

#meal-deal-order .meal-deal-footer .meal-deal-quantity input {
	float: left;
	line-height: 21px;
	margin: 0;
	padding: 14px 10px;
	width: auto;
}


/* ------------ Order ------------ */

#order-content {
	margin: 30px auto 0 auto;
	max-width: 1170px;
}

#order-content h1 {
font-family: 'Titillium Web', sans-serif;
font-size: 45px;
line-height: 45px;
margin-bottom: 30px;
text-transform: uppercase;
}

#order-content #order-total table {
	background-color: #333;
	border: 0;
	color: #fff;
	margin: 0;
	text-align: left;
}

#order-content #order-total table th {
	border: 0;
	border-bottom: 1px solid #f2f2f2;
	color: #fff;
	padding: 20px;
	text-align: left;
	/*width: 50%;*/
}

#order-content #order-total table td {
	border: 0;
	border-bottom: 1px solid #f2f2f2;
	font-size: 18px;
	padding: 20px;
	text-align: left;
}

#order-content table {
	background-color: #fff;
	margin-bottom: 30px;
	width: 100%;
}

#order-content table th,
#order-content table td {
	border: 1px solid #f2f2f2;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

#order-content table th {
	border-bottom: 5px solid #333;
	color: #333;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 20px;
text-transform: uppercase;
}

#order-content table .alert {
	background-color: #fff;
	color: #333;
	display: inline-block;
	margin: 0;
	padding: 10px;
	text-align: right;
	width: 100%;
}

#order-content table .alert a {
color: #252774;
}

#order-content table .alert a:hover {
color: #e10102;
}

#order-content table td img {
	display: block;
	margin: auto;
}

#order-content table td.order-content-desc {
	text-align: left;
}

#order-content table td.order-content-qty input {
	display: inline;
	padding: 13px 10px;
	text-align: center;
	width: 40%;
}

#order-content table td.order-content-update {
	text-align: center;
}

#order-content table td.order-content-update input {
	background-color: #333;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
line-height: 16px;
padding: 10px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.25s ease-in-out 0s;
}

#order-content table td.order-content-update input:hover {
background-color: #252774;
color: #fff;
}

#order-content table td.order-content-total {
	color: #333;
font-family: 'Titillium Web', sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 30px;
text-align: right;
text-transform: uppercase;
}

#order-content table td.order-content-loyalty {
	color: #333;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 25px;
padding: 20px 10px;
text-align: right;
text-transform: uppercase;
}

#order-content table td.order-content-loyalty #order-content-loyalty-td {
color: #e10102;
font-size: 30px;
}

#order-content .button a {
background-color: #e10102;
border: 0;
color: #fff;
cursor: pointer;
display: inline-block;
float: right;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
line-height: 20px;
padding: 15px 20px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.25s ease-in-out 0s;
}

#order-content .button-continue a {
	background-color: #333;
	float: left;
}

#order-content .button-spacing {
	padding-top: 30px;
}

#order-content .button a:hover {
background-color: #252774;
color: #fff;
}

.page-cart #order-content .error {
	background-color: #e10102;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.page-cart #order-method .error {
	background-color: #e10102;
	color: #fff;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.page-cart #order-method .error a {
	color: #fff;
}


/* ------------ Delivery ------------ */

#order-content {
	position: relative;
}

#order-content .alert {
	background-color: #009900;
	color: #fff;
	margin-bottom: 30px;
	padding: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#order-content .alert a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#order-content .alert h2 {
	color: #fff;
font-family: 'Titillium Web', sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 30px;
margin-bottom: 20px;
text-transform: uppercase;
}

#order-content #order-preorder {
	margin-bottom: 30px;
}

#order-content #order-method {
	float: left;
	width: calc(50% - 15px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#order-content #order-total {
	/* background-color: #fff; */
	float: right;
	width: calc(50% - 15px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: 75px;
}

#order-content #order-total.closed {
	top: 216px;
}

#order-content #order-total h2,
#order-content #order-method h2 {
	color: #333;
font-family: 'Titillium Web', sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 30px;
margin-bottom: 20px;
text-transform: uppercase;
}

#order-content #order-method .paypal table,
#order-content #order-method .stripe table {
	background-color: transparent;
	border: 0;
	float: right;
	margin: 0;
	padding: 0;
	width: auto;
}

#order-content #order-method .paypal table td,
#order-content #order-method .stripe table td {
	background-color: none;
	border: 0;
	padding: 0;
}

#order-content #order-method section {
	background-color: #fff;
	margin-bottom: 30px;
	padding: 20px 20px 10px 20px;
}

#order-content #order-method input:not([type="radio"]):not([type="checkbox"]),
#order-content #order-method textarea,
#order-content #order-method select {
	color: #333;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 21px;
	display: block;
	margin: 10px 0;
	width: 100%;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#order-content #order-method #loyalty-area .loyalty-area-message {
	padding-bottom: 10px;
}

#order-content #order-method #discount-area input:not([type="radio"]):not([type="checkbox"]),
#order-content #order-method #discount-area textarea,
#order-content #order-method #discount-area select {
	float: left;
	width: calc(70% - 10px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#order-content #order-method #discount-area #apply-discount,
#order-content #order-method #discount-area #remove-discount {
	background-color: #333;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	float: right;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
line-height: 20px;
margin-top: 10px;
padding: 6px 0 7px 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 30%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#order-content #order-method #discount-area #discount-msg {
	clear: both;
	padding-top: 10px;
}

#order-content #order-method .collect {
	background-color: #f2f2f2;
	margin-bottom: 20px;
	padding: 20px;
}

#order-content #order-method .deliver {
	background-color: #f2f2f2;
	margin-bottom: 10px;
	padding: 20px 20px 10px 20px;
}

#order-content #order-method .cod {
	background-color: #f2f2f2;
	margin-bottom: 20px;
	padding: 20px;
}

#order-content #order-method .paypal {
	background-color: #f2f2f2;
	margin-bottom: 10px;
	padding: 20px;
}

#order-content #order-method .stripe {
	background-color: #f2f2f2;
	margin-bottom: 10px;
	padding: 20px;
}

#order-content #order-method .collect:hover,
#order-content #order-method .deliver:hover,
#order-content #order-method .collect:focus,
#order-content #order-method .deliver:focus,
#order-content #order-method .cod:hover,
#order-content #order-method .paypal:hover,
#order-content #order-method .stripe:hover,
#order-content #order-method .cod:focus,
#order-content #order-method .paypal:focus,
#order-content #order-method .stripe:focus,
#order-content #order-method .cod.active,
#order-content #order-method .paypal.active,
#order-content #order-method .stripe.active  {
	background-color: #333;
	color: #fff;
}

#order-content #order-method .collect.active,
#order-content #order-method .deliver.active  {
	background-color: #e10102;
	color: #fff;
}

#order-content #order-method .deliver input[type="text"],
#order-content #order-method .deliver textarea {
	clear: both;
	display: block;
	margin-top: 10px;
	/*width: 60%;*/
}

#order-content #order-method .deliver div {
	margin: 20px 0 0 0;
}

#order-content #order-method #order-btn {
	background-color: #009900;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	float: right;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
line-height: 20px;
padding: 15px 20px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.25s ease-in-out 0s;
}

#order-content #order-method #order-btn:hover {
	background-color: #009900;
	color: #fff;
}

#order-content #order-method #order-btn:disabled {
	background-color: #ccc;
}

#order-content #order-total #del-text {
	color: #fff;
}

#order-content #order-total #odr-err {
	background-color: #cc0000;
	color: #fff;
	font-weight: bold;
	margin-top: 20px;
	padding: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* ------------ Confirmation ------------ */

#order-confirmation {
	margin: 30px auto 0 auto;
	max-width: 1170px;
}

#order-confirmation h1 {
font-family: 'Titillium Web', sans-serif;
font-size: 45px;
line-height: 45px;
padding-bottom: 10px;
text-transform: uppercase;
}

#order-confirmation p {
	margin-top: 20px;
}

#order-confirmation p.alert {
	background-color: #009900;
	color: #fff;
	font-weight: bold;
	padding: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#order-confirmation p.fail {
	background-color: #cc0000;
}


/* ------------ CMS ------------ */


#cms-introduction {
	padding: 0 15px;
}

#cms-introduction-content {
	background-color: #fff;
	padding: 30px;
}

#cms-introduction h1 {
font-family: 'Titillium Web', sans-serif;
font-size: 45px;
line-height: 45px;
text-transform: uppercase;
}

#cms-introduction p {
	padding-top: 20px;
}


/* ------------ Login ------------ */


#login-content {
	margin: 30px auto 0 auto;
	max-width: 1170px;
}

#login-content h1 {
font-family: 'Titillium Web', sans-serif;
font-size: 45px;
line-height: 45px;
margin-bottom: 30px;
text-transform: uppercase;
}

#login-content form {
	background-color: #fff;
	display: inline-block;
	padding: 20px;
	width: 50%;
}

#login-content form div {
	margin-bottom: 10px;
}

#login-content form input {
	color: #333;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 21px;
	margin: 0;
	padding: 5px;
	width: 70%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#login-content form label {
	display: inline-block;
	width: 30%;
}

#login-content form .forgot p {
	margin-top: 10px;
	padding-left: 30%;
}

#login-content form .forgot p a {
color: #252774;
}

#login-content form .forgot p a:hover {
color: #e10102;
}

#login-content form .submit input {
background-color: #e10102;
border: 0;
color: #fff;
cursor: pointer;
display: inline-block;
float: right;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
line-height: 20px;
margin: 10px 0 0 0;
padding: 15px 20px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.25s ease-in-out 0s;
width: auto;
}

#login-content form .submit input:hover {
background-color: #252774;
color: #fff;
}

#login-content .error {
color: #e10102;
}

#login-content .error p {
	margin-bottom: 20px;
}

#login-content .error ul {
	list-style: disc outside;
	margin: 0 0 20px 35px;
}


/* ------------ Register ------------ */


#register-content {
	margin: 30px auto 0 auto;
	max-width: 1170px;
}

#register-content h1 {
font-family: 'Titillium Web', sans-serif;
font-size: 45px;
line-height: 45px;
margin-bottom: 30px;
text-transform: uppercase;
}

#register-content form {
	background-color: #fff;
	display: inline-block;
	padding: 20px;
	width: 50%;
}

#register-content form div {
	margin-bottom: 10px;
}

#register-content form input {
	color: #333;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 21px;
	margin: 0;
	padding: 5px;
	width: 70%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#register-content form label {
	display: inline-block;
	width: 30%;
}

#register-content form .checkbox {
	padding: 10px 0 0 30%;
}

#register-content form .g-recaptcha {
	padding: 10px 0 0 30%;
}

#register-content form .submit input {
background-color: #e10102;
border: 0;
color: #fff;
cursor: pointer;
display: inline-block;
float: right;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
line-height: 20px;
margin: 10px 0 0 0;
padding: 15px 20px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.25s ease-in-out 0s;
width: auto;
}

.g-recaptcha {

}

#register-content form .submit input:hover {
background-color: #252774;
color: #fff;
}

#register-content .error {
color: #e10102;
}

#register-content .error p {
	margin-bottom: 20px;
}

#register-content .error ul {
	list-style: disc outside;
	margin: 0 0 20px 35px;
}

#register-content a {
color: #e10102;
text-decoration: underline;
}

#register-content a:hover {
color: #252774;
text-decoration: underline;
}

#register-content h2 {
font-family: 'Titillium Web', sans-serif;
font-size: 25px;
line-height: 25px;
margin-bottom: 30px;
text-transform: uppercase;
}

#register-content table {
	background-color: #fff;
	margin-top: 30px;
	width: 100%;
}

.section-view-order #register-content .error {
	background-color: #e10102;
	color: #fff;
	font-weight: bold;
	margin-top: 30px;
	padding: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.section-view-order #register-content .error p {
	margin: 0;
}

#register-content .loyalty {
	background-color: #fff;
	margin-top: 30px;
	width: 100%;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#register-content table th,
#register-content table td {
	border: 1px solid #f2f2f2;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

#register-content table th {
	border-bottom: 5px solid #333;
	color: #333;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 20px;
text-transform: uppercase;
}

#register-content table th.date,
#register-content table td.date {
	text-align: left;
}

/*#register-content table tr.loyalty-available td:first-child {*/
/*border-left: 5px solid #e10102;*/
/*}*/

#register-content table tr.loyalty-unavailable td {
	color: #a9a9a9;
}

.section-view-order #register-content #order-summary {
	margin-top: 30px;
	padding: 0;
}

.section-view-order #register-content #order-summary p {
	border-bottom: 1px solid #f2f2f2;
	margin: 0;
	padding: 10px;
}

.section-view-order #register-content #order-summary p strong {
	width: 100px;
}


/* ------------ Order Login ------------ */

#order-content .login-form {
	background-color: #fff;
	float: left;
	padding: 20px;
	width: 49%; /* fallback if needed */
	width: calc(50% - 15px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#order-content .register-form {
	background-color: #fff;
	float: right;
	padding: 20px;
	width: 49%; /* fallback if needed */
	width: calc(50% - 15px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#order-content .login-form h2,
#order-content .register-form h2 {
font-family: 'Titillium Web', sans-serif;
font-size: 25px;
line-height: 25px;
margin-bottom: 20px;
text-transform: uppercase;
}

#order-content .login-form form div,
#order-content .register-form form div {
	margin-bottom: 10px;
}

#order-content .login-form form label,
#order-content .register-form form label {
	display: inline-block;
	width: 30%;
}

#order-content .login-form form input,
#order-content .register-form form input {
	color: #333;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 21px;
	margin: 0;
	padding: 5px;
	width: 70%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#order-content .login-form form .submit,
#order-content .register-form form .submit {
	margin: 0;
	padding-top: 10px;
}

#order-content .login-form form .submit input,
#order-content .register-form form .submit input {
background-color: #e10102;
border: 0;
color: #fff;
cursor: pointer;
display: inline-block;
float: right;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
line-height: 20px;
margin: 10px 0 0 0;
padding: 15px 20px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.25s ease-in-out 0s;
width: auto;
}

#order-content .login-form form .submit input:hover,
#order-content .register-form form .submit input:hover {
background-color: #252774;
color: #fff;
}

#order-content .guest-form {
	clear: both;
	padding-top: 30px;
}

#order-content .guest-form a {
	background-color: #333;
	color: #fff;
	display: block;
	float: right;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
line-height: 20px;
padding: 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.25s ease-in-out 0s;
}

#order-content .guest-form a:hover {
background-color: #252774;
}


/* ------------ Order Summary ------------ */

#order-summary {
	background-color: #fff;
	padding: 10px 20px 20px 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#order-summary p {
	padding-top: 10px;
}

#order-summary p strong {
	display: inline-block;
	width: 70px;
}

#register-content .button a {
background-color: #e10102;
border: 0;
color: #fff;
cursor: pointer;
display: inline-block;
float: right;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
line-height: 20px;
margin-top: 30px;
padding: 15px 20px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.25s ease-in-out 0s;
}

#register-content .button-previous a {
	background-color: #333;
	float: left;
}

#register-content .button a:hover {
background-color: #252774;
color: #fff;
}


/* ------------ My Account ------------ */

.page-account #column-2,
.page-loyalty #column-2 {
	padding: 0 15px;
}

.page-account #column-2 #register-content,
.page-loyalty #column-2 #register-content {
	margin-top: 0;
}

.page-account #column-2 #register-content .account-button {
	background-color: tan;
	display: block;
	float: left;
	margin-bottom: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.page-account #column-2 #register-content .account-button a {
	background-color: #fff;
	color: #333;
	display: block;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
height: 110px;
line-height: 70px;
padding: 20px;
text-decoration: none;
text-transform: uppercase;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.page-account #column-2 #register-content .account-button a:hover {
color: #e10102;
}

.page-account #column-2 #register-content .account-button i {
	display: inline-block;
	float: left;
	font-size: 70px;
	margin-right: 20px;
	text-align: center;
	width: 70px;
}

.page-account #column-2 #register-content .account-button span {
	display: inline-block;
	float: left;
	line-height: 70px;
}

.page-account #column-2 #register-content form {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.page-account #column-2 #register-content form h2 {
	margin: 0 0 30px 0;
}



.page-account #column-2 #register-content .loyalty-button {
	background-color: tan;
	display: block;
	float: left;
	margin-bottom: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.page-account #column-2 #register-content .loyalty-button a {
	background-color: #fff;
	color: #333;
	display: block;
font-family: 'Titillium Web', sans-serif;
font-size: 20px;
font-weight: 600;
height: 110px;
line-height: 70px;
padding: 20px;
text-decoration: none;
text-transform: uppercase;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.page-account #column-2 #register-content .loyalty-button a:hover {
color: #e10102;
}

.page-account #column-2 #register-content .loyalty-button i {
	display: inline-block;
	float: left;
	font-size: 70px;
	margin-right: 20px;
	text-align: center;
	width: 70px;
}

.page-account #column-2 #register-content .loyalty-button span {
	display: inline-block;
	float: left;
	line-height: 70px;
}


table.opening-times {
	border-collapse: collapse;
	margin-top: 20px;
	width: 50%;
}

table.opening-times th,
table.opening-times td {
	padding: 5px;
	border: 1px solid #f2f2f2;
	text-align: left;
}


/* ------------ Error 404 ------------ */

.error-404 {
	margin: 0 auto;
	max-width: 1170px;
	padding: 30px 20px 0 20px;
}

.error-404 h1 {
	font-family: "Titillium Web",sans-serif;
	font-size: 45px;
	line-height: 45px;
	text-transform: uppercase;
}

.error-404 p {
	padding-top: 20px;
}

.error-404 p a {
color: #e10102;
text-decoration: underline;
}