@charset "utf-8";


/* General */


* {
    margin:0;
    padding:0;
}

img {
	border: 0 none;
}

body {
	font-family:Helvetica, Arial, sans-serif;
	background-image:url(images/water-background.jpg);
    background-size: cover;
    background-position-y: bottom;
}

p {
	font-size:12px;
	color:#333;	
}

a {
	color:#2e3080;
	text-decoration:none;	
	outline:none;
}


/* Header */

#header .ukv {
	float:left;
	margin-top:2px;
	margin-left:10px;
}	
.ukv img {
	float:left;
}

.ukv h1 {
	margin-top:20px;
	margin-left:4px;
	float:left;
	color:#000;
	width:440px;
}

#header {
	margin-top:13px;
	width:100%;
	height:70px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-top:0px;
	margin-bottom:0px;
	background-color:#FFF;
	border-left:thin solid #b8b8b8;
	border-right:thin solid #b8b8b8;
	border-top:thin solid #b8b8b8;
}

.phone {
	float:right;
	width:110px;
	margin-top:20px;
	margin-left:20px;
}


.phone p {
	font-size:16px;
	font-weight:bold;
	color:#464646;
	margin:0px;
	padding:0px;
	
}



.callback {
	padding:3px;
	background-color:#CCC;
	float:right;
	height:43px;
	width:235px; 
	margin-top:14px;
}

.callback button {
	background-color:#9EB1C2;
	width:233px;
}

.callback input {
	width:110px; 
	height:17px;
	color:#666;
}


#menu-holder {
	width:100%;
	
	
	background-color:#FFF;
	border-left:thin solid #b8b8b8;
	border-right:thin solid #b8b8b8;
}

#menu-bar{
	position:relative;
	top:10px;
	margin-left:20px;
	width:940px;
	border:0px;
	height:38px;
	background-image:url(images/menu-bar.jpg);
	background-repeat:no-repeat;
	
	
}

#menu-bar ul {
	border:0px;
	list-style-image:none;
	
}


#menu-bar ul li {

	list-style-image:none;
	list-style:none;
	float:left;
	font-size:12px;
	padding-left:60px; 
	padding-right:60px; 
	border-right:thin solid #b8b8b8;

	
	
	
}

#menu-bar .quest {
	float:right;
	margin-right:17px;
	margin-top:0px;
}

#menu-bar a {
	color:#464646;
	text-decoration:none;
}

#menu-bar a:hover {
	text-decoration:underline;
}

.grid_12,
.grid_3 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.row {
	float:left;	
	width:100%;
	padding-bottom:10px;
	}
	
.menubar {
	width:100%;
	height:100%;
	padding-bottom:30px;margin-bottom:10px;
	border-bottom:thin solid #CCC;	
	clear:both;
}



/* Positioning */


#MASTER {
	width:980px;
	margin:0 auto;
	position:relative;
	left:0;
	top:0;
}

#container {
	float:left;
	width:100%;
	background-color:#fff;
	background-repeat:repeat-y;
	border-top:thin solid #CCC;
	border-left:thin solid #b8b8b8;
	border-right:thin solid #b8b8b8;
	border-top:0px;
}


/* Page layout */


.page_layout {
	width:940px;
	overflow:hidden;
	padding:20px;
}

.page_layout p {
	padding-bottom:12px;	
	line-height:16px;
}

.page_layout a {
	text-decoration:none;
	font-weight:bold;	
}

.page_layout a:hover {
	text-decoration:underline;	
}

.page_layout .col1 {
	float:left;
	width:460px;
	padding-right:20px;padding-bottom:10px;
}

.page_layout .col2 {
	float:left;
	width:460px;
	padding-bottom:10px;
}

.page_layout .row {
	float:left;	
	width:100%;
	padding-bottom:10px;
}

.page_layout .colum1 {
	float:left;
	width:48%;	
}

.page_layout .colum2 {
	float:left;
	width:48%;
	margin-left:4%;	
}

.page_layout img.left {
	float:left;
	padding-bottom:6%;
	padding-right:6%;	
}

.page_layout img.right {
	float:right;
	padding-bottom:6%;
	padding-left:6%;
}

.page_layout .margin {
	margin-right:0;	
}

.page_layout .table_margin {
	margin-top:0;
	margin-right:0;	
}

.page_layout .tall_margin {
	margin-right:0;	
	margin-bottom:20px;	
}

/* Buttons */


.general_btn {
	background-color:#777;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.25, #777777),
    color-stop(0.75, #8a8a8a)
);
	background-image: -moz-linear-gradient(
    center bottom,
    #777777 25%,
    #8a8a8a 75%
);
	border:none;
	box-shadow: 1px 1px 1px #bfbfbf;
    -moz-box-shadow: 1px 1px 1px #bfbfbf;
	-webkit-box-shadow: 1px 1px 1px #bfbfbf;
	color:#fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	width:auto;
	height:auto;
	padding:7px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

a.general_btn {
	font-weight:normal;
}	

.general_btn:hover {
	background-color:#555;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.25, #8a8a8a),
    color-stop(0.75, #777777)
);
	background-image: -moz-linear-gradient(
    center bottom,
    #8a8a8a 25%,
    #777777 75%
);
	color:#fff;
}

a.general_btn:hover {
	text-decoration:none;	
}

.border {
	border:2px solid white;	
}

a.btn {
	display:block;
	overflow: hidden;
	text-indent: -9000px;
}

a.btn:hover {
	background-position:0 -34px;
	cursor:pointer;cursor: move;
}

a.contact_us {
	background:url(images/buttons/contact-us.png) no-repeat;
	width:83px;
	height:34px;	
}

a.quote_me {
	background:url(images/buttons/quote-me.png) no-repeat;
	width:83px;
	height:34px;	
}

a.online_store {
	background:url(images/buttons/online-store.png) no-repeat;
	width:92px;
	height:34px;	
}

a.more_info {
	background:url(images/buttons/more-info.png) no-repeat;
	width:83px;
	height:34px;
}

a.log_in {
	background:url(images/buttons/log-in.png) no-repeat;
	width:83px;
	height:34px;	
}

a.order_drinks {
	background:url(images/buttons/order-drinks.png) no-repeat 0 0;
	width:219px;
	height:50px;
}

a.order_drinks:hover {
	background-position:0 -50px;cursor:pointer;cursor:move;
}

a.flavia_shop {
	background:url(images/buttons/flavia-shop.png) no-repeat 0 0;
	width: 219px;
	height: 50px;
}

a.flavia_shop:hover {
	background-position:0 -50px;cursor:pointer;cursor:move;
}


/* content of page */


.tallBox {
	float:left;
	width:273px;
	height:407px;
	position:relative;
	border:thin solid #d4d4d4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#d4d4d4;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.44, rgb(212,212,212)),
		color-stop(0.72, rgb(224,224,224))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(212,212,212) 44%,
		rgb(224,224,224) 72%
	);
	margin:0px 20px 12px 0;
	padding:12px;
}

.tallBox h2 a {
	font-size:16px;
	position: relative;
	display: block;
	padding: .5em;
	margin:0;
	text-align:center;
	background:#777;
	color: #fff;
	text-shadow: black 0 1px 0;
	-moz-box-shadow: inset 0 0 25px rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: inset 0 0 25px rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 0 25px rgba(255, 255, 255, 0.3);
	letter-spacing: .5px;
}

.tallBox .more_info {
	position:absolute;	
	left:10px;
	top:380px;	
}

.smallBox {
	float:left;
	width:273px;
	height:105px;
	position:relative;
	border:thin solid #d4d4d4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#d4d4d4;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.44, rgb(212,212,212)),
		color-stop(0.72, rgb(224,224,224))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(212,212,212) 44%,
		rgb(224,224,224) 72%
	);
	margin:8px 0 12px 0;
	padding:12px;
}

.smallBox .phone {
	float:left;
	margin:19px;	
}

.smallBox h3 {
	font-size:16px;
}

.smallBox h3.call {
	font-size:20px;
	color:#60272d;
	border-bottom-style:dotted;
	border-bottom-color:#666;
	border-bottom-width:2px;
}

.smallBox img.email {	
	margin:10px 0 0 0;
}

.smallBox .general_btn {
	position:absolute;
	left:10px;
	top:100px;		
}	

.tableBox {
	float:left;
	width:273px;
	height:256px;
	background-color:#d4d4d4;
		background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.44, rgb(212,212,212)),
		color-stop(0.72, rgb(224,224,224))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(212,212,212) 44%,
		rgb(224,224,224) 72%
	);
	border:thin solid #d4d4d4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position:relative;
	margin:8px 20px 12px 0;
	padding:12px;
}

.tableBox h3 {
	font-size:15px;
	padding:6px 12px 6px 12px; margin:-13px -13px 0 -13px;
	color: #fff;
	text-shadow: #1c1c1c 0 1px 1px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	background-color:#888;
	letter-spacing:.5px;
}

.tableBox .general_btn {
	position:absolute;
	left:10px;
	top:238px;		
}

.tableBox .more_info {
	position:absolute;	
	left:10px;
	top:230px;	
}

.tableBox .banner {
	position:absolute;
	left:187px;
	top:168px;
}

.tableBox .tabletop {
	background:url(images/buttons/tabletop.png) no-repeat 0 0;
	width:111px;
	height:111px;
}

.bigBox {
	float:left;
	width:592px;
	height:256px;
	border:thin solid #d4d4d4;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color:#d4d4d4;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.44, rgb(212,212,212)),
		color-stop(0.72, rgb(224,224,224))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(212,212,212) 44%,
		rgb(224,224,224) 72%
	);
	margin:8px 20px 12px 0;
	padding:12px;
	position:relative;
}

.bigBox h2 {
	font-size:15px;
	padding:6px 12px 6px 12px;
	margin:-12px -12px 0 -12px;
	color: #fff;
	text-shadow: #1c1c1c 0 1px 1px;
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	background-color:#888;
	letter-spacing:.5px;
}

.bigBox .flavia_shop {
	position:relative;
	left:50px;	
}

.offerBox {
	background:url(images/titanium-offer-main.png) no-repeat 12px 12px;
	float:left;
	width:592px;
	height:256px;
	border:thin solid #476a88;
    background-color:#476a88;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin:8px 20px 12px 0;
	padding:12px;
    position:relative;	
}

.offerBox .button {
	width:250px;
	position:absolute;
	left:460px;
	top:242px;
	background:none;	
	border:none;
	font-size:10px;
	font-weight:normal;
	color:#FFF;
}

.imageBox {
	float:left;
	margin-top:10px;
}

.imageBox #placeholder {
	border:thin solid #CCC;
}

.thumbs {
	float:left;
	width:50px;
	margin-top:10px;	
}

.thumb {}

.thumb img {
	border-top:thin solid #CCC;	
	border-right:thin solid #CCC;		
}

.thumb:last-child img {
	border-bottom:thin solid #CCC;
}

h3.tick {
	padding-left:50px;
	padding-bottom:0;
	margin-top:5px;
	background:url(images/tick.png) no-repeat 14px 9px;
	width:100%;
	height:22px;
}

h3.tick:first-of-type {
	margin-top:0;	
}

/*/////////////////////////// header + menu after include files /////////////////////////////////////////*/

.header {
	clear:both;
	font-size:15px;
	padding-top:12px;padding-bottom:12px;
}

.menu {
	width:100%;
	height:100%;
	padding-bottom:30px;margin-bottom:10px;
	border-bottom:thin solid #CCC;	
	clear:both;
}

.sub_menu {
	display:block;
	padding-top:15px;	
}

.menu .title {
	float:left;
}

.menu .title h2 {
	font-size:15px;	
	color:#666;
	background:url(images/arrow1.png) no-repeat;
	background-position:center left;
	padding-left:15px;
}

.menu .links {
	float:left;
	color: #2e3080;
	margin-left:50px;
	list-style:none;
	padding:1px;
}

.menu .links li {
	float:left;	
	margin-left:25px;
}

.menu .links h3 a {
	font-size:12px;
	text-decoration:none;
	color: #1c1c1c;	
}

.menu .links a:hover {
	color:#666;
}

.menu .links a.active {
	color:#888;
	cursor:default;	
}

.category h3 {
	padding-top:18px;padding-bottom:18px;
	line-height:16px;
	font-size:14px;	
}

.category a {
	border:thin solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#1c1c1c;
	padding:3px 30px 3px 3px;
	background-color: #dadada;
}


.category a:hover {
	border:thin solid #834446;
	color:#fff;
	background-color: #65292b;
	text-decoration:none;
}


/*/////////////////////////// infoBox/////////////////////////////////////////*/


.infoBox {
	float:left;
	width:458px;
	min-height:200px;
	border:thin solid #CCC;
	border-top:none;
	margin-top:10px;margin-bottom:10px;
}

.infoBox p 	{
	line-height:20px;	
}

.infoBox h4 {
	font-size:17px;
	color:#FFF;
	padding:5px;
}

.infoBox .h4_font {
	font-weight:normal;
	font-style:italic;
	color:#FFF;	
	line-height:19px;
	font-size:10pt;
}

.infoBox .text p {
	float:left;
}

.infoBox img {
	float:left;
	padding-top:5px;padding-bottom:5px;
}

.infoBox .block {
	float:left;
	width:49%;
}

.infoBox .block p {
	padding-top:18px;padding-bottom:18px;
	line-height:16px;
}

.infoBox .block a.order_drinks {
	margin-top:95px;
}

.features {
	float:left;
	margin-top:10px;margin-bottom:10px;
	border:thin solid #CCC;
}

.features img {
	padding:0;
}

.highlight h2 {
	border-bottom:thin dashed #1c1c1c;
	padding-bottom:5px;
}

.highlight p {
	background-color:#2e3080;
	color:#FFF;
	padding:15px;	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-bottom:15px;
	font-size:14px;
}

.product_info {
	border:thin solid #CCC;
}

.product_info * {
	line-height:18px;
	word-spacing:1px;	
	padding:12px 10px 12px 10px	
}

.product_info h3 {
	color:#1c1c1c;	
}

.product_info .gradient_header {
	background-color:#2e3080;
	background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.55, rgb(46,48,128)),
    color-stop(0.99, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
    left center,
    rgb(46,48,128) 55%,
    rgb(255,255,255) 99%
);
	color:#FFF;
	padding-bottom:12px;
}

.product_info ul {
	margin-top:-12px;	
}

.product_info li {
	font-size:12px;	
	list-style-type:none;
	border-bottom:#cbd4dc thin solid;
	padding-bottom:6px;
}

/*/////////////////////////// Contact + Quote page /////////////////////////////////////////*/



#contact_form label {
	clear:both;
	display:block;
	padding-top:14px;padding-bottom:14px;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
}

#contact_form fieldset {
	float:left;
	border:none;	
	margin-top:12px;
	margin-bottom:12px;
}

#contact_form label[form=checkbox] {
	float:left;
	cursor:auto;
}

#contact_form input {
	padding:8px;
	width:320px;
	clear:both;
}

#contact_form input[type=checkbox] {
	float:right;
	clear:none;
	width:auto;
	height:auto;
	margin-top:16px;margin-left:30px;
}

.submit_btn {
	float:right;	
}

#contact_form textarea {
	width:440px;
	height:110px;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
}

#contact_form input[type=submit] {
	padding:10px;
	width:80px;	
	float:right;
}

.faq {
	margin-top:38px;	
}

.faq h4 {
	color:#000;	
	font-size:15px;
}

.faq p {
	padding:20px 12px 20px 12px;
	font-size:15px;	
}