* {
	margin:0; 
	padding:0; 
	border:0;
	font-family:arial, verdana, helvetica, sans-serif; 
	color:#444; 
	line-height:130%;
	vertical-align:middle;
} 	
body {
	background:#aaa;
}
#container {
	text-align:left;
	max-width:480px;
	margin:0 auto;
	border:4px solid #fff;
}
#content {
	width:100%;
	background-color:#fff;
	font-size:90%;
}
#header{
    background:#333;
/*	background-color:#3ec6dc; */
	padding:1.5% 0 1.5% 1.5%;
	font-size:1.1em;
}
#header, #header a, #header a:hover {
	color:#fff; 
	font-weight:bold;
	letter-spacing:0;
	text-decoration:none;
}
#header img {margin-right:7px;}
#header a.icon {float:right;}

h1  {
	background-image:url(/pics/mask.png); 
	background-position:center;
	background-color:#f69026; 
	color:#fff; 
	padding:1.4%;
	font-weight:bold;
	border-top:4px solid #fff;
	border-bottom:4px solid #fff;
	font-size:1.05em;
}
h1 * {color:#fff;}
h3 {
	padding:1.3%;
	white-space:nowrap;
	font-size:1em;
	border-bottom:4px solid #f93;
	margin-bottom:4px;
}
p {padding:2%;}
input, textarea, select {
	border:1px solid #ccc;
	font-size:1em;
	margin-right:3px; 
}
option {padding:0 4px}
label {padding-right:4px;}

.button {background-image:url(/pics/mask.png); background-position:center; padding:1px 4px !important;
  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
  background-color: #777; color:#fff; font-weight:bold; /* default */
}
.button:hover {background-color: #f93;}

ul {
	background-color:#fff;
}
ul li {
	list-style:none; 
	padding:5px 2%; 
    font-size:1em;
	border-bottom:1px solid #eeddcc;
}
a {
	color:#f27700; 
	text-decoration:none;
	letter-spacing:0.05em; 
}
a:hover {
	color:#ff9933; 
	text-decoration:underline;
}
table, tr, th, td {font-size:1em;}

table {
	width:100%; 
	border-collapse:collapse;
}
td, th {
	font-weight:normal; 
	margin:0;
}

.row1 td, p.row1, li.row1 {background-color:#faf0e6; border-top:1px solid #eeddcc;}
.row2 td, p.row2, li.row2 {background-color:#fefefe; border:0;}
a.thead2 {font-weight:bold;}
.box {clear:both;}
/* Box styles */
.box h3 {color:#000; font-weight:bold;}
.box p, .box ul li, .box table td {line-height:110%;}
/* orange */
/*.orange-box, .orange-box li, orange-box p {background-color:#ffeedd;}*/
/*.orange-box, .orange-box li.row2 {background-color:#fefefe;}*/
/*.orange-box h3 {background-color:#f93;}*/
.orange-box li {border-color:#eeddcc;}
/* green */
/*.green-box, .green-box li {background-color:#e7f8e9;}*/
/*.green-box h3 {background-color:#5ccd64;} */
.green-box li {border-color:#d6e7d8;}
/* blue */
/*.blue-box, .blue-box li {background-color:#e2e2fc;}
.blue-box h3 {background-color:#7777ff;}*/
.blue-box li {border-color:#d1d1eb;}
/* red */
/*.red-box, .red-box li {background-color:#fce2e2;}*/
/*.red-box h3 {background-color:#fa6b6b;}*/
.red-box li {border-color:#ebd1d1;}

p.bread {padding:1.3% 0;}
.note {color:#666; margin: 0 1%; font-size:90%;}
li.footer {background:#eee; text-align:center;}
.footer a, .footer strong {padding:0 7px;}
fieldset {border:1px solid #eeddcc; margin:1%; padding:1%;}
fieldset legend {margin:0 1.5%; padding:1.5%;}
fieldset.error li {background-color:#fdd; color:#c00; padding:2%; border-top:1px solid #fff;}
div.error li {background-color:#fdd; border:0; margin:0;}
p.itemcount	{padding:1.3%; font-size:90%; text-align:right;}
p.back, p.copyright {padding:1.5%; background-color:#666; border-top:4px solid #fff;}
p.back a, p.back a:hover {color:#fff;}
p.copyright {color:#ddd; text-align:right; font-size:96%;}
p.example {padding:1.5%; background-color:#eee; border:1px dashed #ccc; margin:1%;}
a.faq {font-size:110%; color:#090; font-weight:bold;}
p.othernames {font-style:italic; color:#777; padding:1.3%;}
p.author {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#eee;}
.mandatory {color:#f27700; font-weight:bold; font-style:italic; padding-left:1.3%;}
#drink-ingredients li {clear:left;}
#drink-ingredients label.drink-ingredient-measure {float:left; text-align:right; white-space:nowrap; width:75px; padding-right:2%;}
#drink-ingredients label.drink-ingredient {display:block; white-space:wrap;}

#category-list td {
	border-bottom:1px solid #eeddcc; 
	padding-top:5px;
	padding-bottom:5px;
}
#category-list td.col-1 {width:85px; padding-right:2%; text-align:right;}

#alko td.empty {border:0; background-color:#fff;}
#alko td.name {border-bottom-width:0;}
#alko td.price {border-top-width:0;}

#mostviewed li {padding-left:6%; clear:left;}
#mostviewed label.position {float:left; text-align:right; margin-left:-6%; width:5.5%;}