﻿h1 {font-size:1.9em; font-weight:normal; color:#0066CC;}
h2 {font-size:1.5em; font-weight:normal; color:Black;}
h3 {font-size:1.3em; font-weight:normal; color:#666666; padding-bottom:5px;}
p {font-size:0.8em; line-height:1.4em;}
#Details li, #AlsoLike li {font-size:0.8em; padding:3px 0;}

h1#HomeHeading {padding-left:10px;}
span#SearchHeading {font-size:1.3em; color:#666; padding-left:10px;}
#FindByName h2, #FindByIngredients h2, #FindByColour h2 {font-size:1.3em; padding-bottom:11px; font-weight:bold; color:#333;}
.Purple {color:#990066;}

#FindByName p, #FindByColour p, #BrowseContent p {margin:5px 0 20px 0; font-size:0.8em; line-height:1.4em;}
#FindByName input[type=text] {border:2px solid #666; padding:5px; width:215px;}
#FindByName input[type=image],
#FindByIngredients input[type=image]
{position:absolute; bottom:15px; right:15px;}

#FindByIngredients span {border:1px solid red;}
#FindByIngredients label {font-size:12px;}
#FindByIngredients td {width:104px; padding-top:3px; padding-bottom:5px;}

#FindByColour input[type=image] {margin:0 4px 10px 0;}

/* --- Browse content -- */
#BrowseContent p {margin:5px 0 20px 0; font-size:0.8em; line-height:1.4em; color:#333;}
#BrowseContent h2 {font-weight:bold; color:#333; font-size:1.1em;}

#atoz h2 {border-bottom:1px solid #ddd; padding-bottom:7px; margin-bottom:20px;}

/* --- Cocktail Details ---*/
.CocktailDetails h3 {margin:20px 0;}
.CocktailDetails ul {margin:10px 0px; list-style-image: url(/images/bullet.png); list-style-position:inside;}
.CocktailDetails li {font-size:0.8em; padding:5px 0; margin-left:30px;}

/* -- form styling --- */
fieldset {}
fieldset ol {}
fieldset li {height:22px; line-height:22px; width:327px; clear:both; padding:5px 0;}
fieldset input[type=text], fieldset input[type=select], fieldset input[type=password] {float:left; width:170px;}
fieldset label {float:left; width:150px; text-align:left; line-height:22px; color:Black;}
fieldset legend {display:none;}

