/* CSS Document */
/*Styles for generic page settings */
* {margin:0; padding:0;}
body {background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000; height:100%;}
p {padding-bottom:1em;}
a {text-decoration: none; color: #000000;}
a:link, a:visited{text-decoration: none;}
a:hover {text-decoration: underline; color: #C22F30;}
a, input, button{outline: 0;} /* remove outlines from links */
h1 {font-size: 5px;}
ol {padding:0 0 0 20px;}
ul {padding:0 0 0 15px; list-style-image:url(../images/bullet.gif); list-style-type:disc}
li {padding:0 0 1em 0}
article {position: absolute; width:730px; left:170px; top:0px;	text-align:center; overflow:visible} /*  to replace .centreContent when rewriting CSS */
header {padding: 10px;}

/* Styles for specific items */
.leftAlign {text-align:left; padding:0 5px 0 15px;}
.centerAlign {text-align:center}
.gothic{border:2px solid #000000; float:right; margin:0 10px;}
.WhoSpilled{border:0; float:right; margin:0 0 0 10px;}
.leftImage{float:left; margin:0 20px 0 0;}
.bigTopGap{padding-top:3em;}
.fullWidth{width:730px; float:left; clear:both;}
.selectedDrinkText {text-align:left; padding:20px 0 0 30px; width:700px; min-height:450px;}
.selectedDrinkIngredsList{margin:0 0 5px 0; padding:0}
.selectedIngredientGlossary{width:350px; display:none; margin:5px 0}
.selectedDrinkImages{width:250px; position:absolute; top:10px; right:20px; text-align:center}
.selectedGlass, .selectedGlassText{float:right; clear:both; width:275px; text-align:center}
#emailDrinkHeader{margin:14px;}
.glossary{font-style:italic; display:block;}
.js .glossary{font-style:italic; display:none;}

.DropDown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #000000;
}

.HeaderText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.RedHeaderText {font-size:16px; font-weight:bold;	color:#CC3333; padding:0.5em 0 1em 0;}

.HugeText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #000000;
}

.SmallText {
	font-size: 10px;
}

.GreenText {
	color: #006600;
}

.indent {
	margin-right: 40px;
	margin-left: 40px;
}

.entireWindow {
	overflow: hidden;
	position: absolute;
	z-index: auto;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
	background-color: #FFFFFF;
}

.contentWrapper {
	position: absolute;
	z-index: auto;
	height: 100%;
	width: 1000px;
	margin-left: -500px;
	left: 50%;
}

.leftColumn {
	float: left;
	z-index: auto;
	height: 100%;
	width: 160px;
	position: absolute;
	background-image: url(../images/MainMenuBG.gif);
	left: 0px;
}

.centreContent {
	position: absolute;
	z-index: auto;
	width: 730px;
	left: 170px;
	top: 0px;
}

.scrollArea {
	float: right;
	z-index: auto;
	height: 100%;
	width: 90px;
	position: absolute;
	background-image: url(../images/ScrollBar.gif);
	right: 0px;
}
	
.scrollUp {
	position: absolute;
	top: 0px;
	width: 85px;
	z-index: auto;
	right: 0px;
}
	
.scrollContainer {
	position: absolute;
	top: 75px;
	width: 85px;
	z-index: auto;
	right: 0px;
}
	
.scroller {
	position: absolute;
	top: 0px;
	width: 85px;
	z-index: auto;
	right: 0px;
}
	
.scrollDown {
	position: absolute;
	bottom: 0px;
	width: 85px;
	z-index: auto;
	right: 0px;
	height: 75px;
}

.emailSubmit {
	width:150px; 
	height:37px; 
	border:0px; 
	background-image:url(../images/Submit_04.gif);
}

.emailSubmit:hover {
	background-image:url(../images/Submit_04-over.gif);
  cursor: pointer; /* hand-shaped cursor */
}

.allDrinksFind {
	width:101px; 
	height:81px; 
	border:0px; 
	background-image:url(../images/Find.gif);
}

.allDrinksFind:hover {
	background-image:url(../images/Find-over.gif);
  cursor: pointer; /* hand-shaped cursor */
}

.saveCookie {
	width:98px; 
	height:58px; 
	border:0px; 
	background-image:url(../images/IngredientSigns_06.gif);
}

.saveCookie:hover {
	background-image:url(../images/IngredientSigns_06-over.gif);
  cursor: pointer; /* hand-shaped cursor */
}

.linkImage {
	border:0;
}

/* Styles for chosen cocktail menu */
.print {width:135px; height:80px; top:22px; left:6px; background-image:url('../images/button_print.gif'); position:absolute}
.print:hover{background-position:-135px 0;}
#favorites .favorites1{width:82px; height:191px; top:102px; left:73px; background-image:url('../images/button_favorites1.gif'); position:absolute}
#favorites:hover .favorites1{background-position:-82px 0;}
#favorites .favorites2{width:27px; height:65px; top:242px; left:46px; background-image:url('../images/button_favorites2.gif'); position:absolute}
#favorites:hover .favorites2{background-position:-27px 0;}
#favorites .favorites3{width:23px; height:14px; top:293px; left:73px; background-image:url('../images/button_favorites3.gif'); position:absolute}
#favorites:hover .favorites3{background-position:-23px 0;}
#email .email1{width:149px; height:103px; top:307px; left:6px; background-image:url('../images/button_email1.gif'); position:absolute}
#email:hover .email1{background-position:-149px 0;}
#email .email2{width:29px; height:14px; top:293px; left:96px; background-image:url('../images/button_email2.gif'); position:absolute}
#email:hover .email2{background-position:-29px 0;}
#close .close1{width:64px; height:69px; top:423px; left:11px; background-image:url('../images/button_close1.gif'); position:absolute}
#close:hover .close1{background-position:-64px 0;}
#close .close2{width:80px; height:69px; top:436px; left:75px; background-image:url('../images/button_close2.gif'); position:absolute}
#close:hover .close2{background-position:-80px 0;}

/* Style for cocktail list columns */
.cocktailsColumn{width:300px; float:left; margin-left:50px; text-align:left; position:relative;}
.cocktailsColumn p{margin:0 0 -8px 30px;}

/* Style for glossary asides */
aside {width:255px; float:left; text-align:left; margin:-2px 0 12px 45px;}

/* Styles for Ingredients List page */
#ingredientsButtons{width:300px; height:162px; position:relative; margin:0 auto; text-align:left}
#ingredientsButtons #bg1{width:201px; height:27px; top:0px; left:0px; background-image:url('../images/button_ingredients_bg1.gif'); position:absolute}
#ingredientsButtons #bg2{width:99px; height:11px; top:0px; left:201px; background-image:url('../images/button_ingredients_bg2.gif'); position:absolute}
#ingredientsButtons #bg3{width:98px; height:29px; top:27px; left:103px; background-image:url('../images/button_ingredients_bg3.gif'); position:absolute}
#ingredientsButtons #bg4{width:99px; height:31px; top:83px; left:201px; background-image:url('../images/button_ingredients_bg4.gif'); position:absolute}
#ingredientsButtons #bg5{width:300px; height:50px; top:114px; left:0px; background-image:url('../images/button_ingredients_bg5.gif'); position:absolute}
#ingredientsButtons #clear{width:99px; height:72px; top:11px; left:201px; background-image:url('../images/button_ingredients_clear.gif'); position:absolute; border:none; cursor: pointer; background-color:#FFFFFF;}
#ingredientsButtons #clear:hover{background-position:-99px 0;}
#ingredientsButtons #undo{width:103px; height:87px; top:27px; left:0px; background-image:url('../images/button_ingredients_undo.gif'); position:absolute}
#ingredientsButtons #undo:hover{background-position:-103px 0;}
#ingredientsButtons #save{width:98px; height:58px; top:56px; left:103px; background-image:url('../images/button_ingredients_save.gif'); position:absolute; border:0; background-color:#FFF}
#ingredientsButtons #save:hover{background-position:-98px 0;; cursor: pointer;}
.ingredientsColumn{width:300px; float:left; margin-left:50px; text-align:left; position:relative}
.ingredientsColumn input{margin:0 0 8px 20px;}
.ingredientsColumn .ingredientLabel{ margin-top:-2px; width:255px; float:right; text-align:left}

/* Styles for Sumbit A Cocktail form */
#submitForm .formLabel{float:left; width:130px; text-align:right; margin:0 15px 0 0}
#submitForm input{display:block; font-size:1em; width:550px; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 15px 20px;}
#submitForm select{display:block; font-size:1em; width:552px; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 15px 20px;}
#submitForm textarea{display:block; font-size:1em; width:550px; height:100px; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 0 15px 20px;}
#submitForm #checkBox{float:left; width:20px; margin:0 0 15px 142px;}
#submitForm #checkBoxLabel{float:left; margin:-2px 0 15px 10px}
#submitForm .submit{background-image:url(../images/button_submit.gif); height:66px; width:340px; margin:0 auto 15px auto; border:0; background-color:#FFF}
#submitForm .submit:hover{background-position:-340px; cursor: pointer;}

/* Styles for cocktail selection filter forms */
.filterSelection {text-align:left; padding-left:20px}
.filterSelection label{display:block;}
.filterSelection select{display:block; font-size:1em; width:450px; margin-top:5px; margin-bottom:10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.filterSelection input{display:block; font-size:1em; width:450px; margin-top:5px; margin-bottom:10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.filterButtons {position:absolute; top:65px; right:20px; width:200px;}
.filterButtons input{width:101px; height:81px; border:0px; background-image:url('../images/button_find.gif'); position:absolute; top:0px; margin:0; background-color:#FFF}
.filterButtons input:hover{background-position:-101px 0; cursor: pointer;}
.filterButtons a{width:100px; height:78px; border:0px; background-image:url('../images/button_reset.gif'); position:absolute; top:43px; margin:0; left:101px;}
.filterButtons a:hover{background-position:-100px 0; cursor: pointer;}
.filterButtons #bg1{width:100px; height:43px; background-image:url('../images/button_find_bg1.gif'); position:absolute; top:0px; margin:0; left:101px;}
.filterButtons #bg2{width:101px; height:69px; background-image:url('../images/button_find_bg2.gif'); position:absolute; top:81px; margin:0; left:0px;}
.filterButtons #bg3{width:100px; height:29px; background-image:url('../images/button_find_bg3.gif'); position:absolute; top:121px; margin:0; left:101px;}

/* Style for accessibility text on all buttons */
.displace {position:absolute; left:-5000px;}

/* Styles for main menu */
#menuBG {position: absolute; top:0px; left:0px;}

#home .home1 {background-image:url('../images/menu_home1.gif'); width:109px; height:58px; top:24px; left:9px; position:absolute}
#home .home2 {background-image:url('../images/menu_home2.gif'); width:127px; height:28px; top:82px; left:33px; position:absolute}
#home .home3 {background-image:url('../images/menu_home3.gif'); width:160px; height:52px; top:110px; left:0px; position:absolute}
#home .home4 {background-image:url('../images/menu_home4.gif'); width:62px; height:13px; top:162px; left:0px; position:absolute}
#home .home5 {background-image:url('../images/menu_home5.gif'); width:48px; height:13px; top:162px; left:95px; position:absolute}
#home .home6 {background-image:url('../images/menu_home6.gif'); width:11px; height:6px; top:162px; left:84px; position:absolute}
#home:hover .home2, #home:hover .home3, #home:hover .home4, #home:hover .home5, #home:hover .home6 {background-position:-160px 0;}

#ingredients .ingredients1 {background-image:url('../images/menu_ingredients1.gif'); width:34px; height:75px; top:175px; left:8px; position:absolute}
#ingredients .ingredients2 {background-image:url('../images/menu_ingredients2.gif'); width:20px; height:55px; top:175px; left:42px; position:absolute}
#ingredients .ingredients3 {background-image:url('../images/menu_ingredients3.gif'); width:18px; height:57px; top:162px; left:62px; position:absolute}
#ingredients .ingredients4 {background-image:url('../images/menu_ingredients4.gif'); width:15px; height:38px; top:162px; left:80px; position:absolute}
#ingredients:hover .ingredients2, #ingredients:hover .ingredients3, #ingredients:hover .ingredients4 {background-position:-100px 0;}

#matches .matches1 {background-image:url('../images/menu_drinks1.gif'); width:30px; height:18px; top:188px; left:101px; position:absolute}
#matches .matches2 {background-image:url('../images/menu_drinks2.gif'); width:66px; height:52px; top:206px; left:84px; position:absolute}
#matches .matches3 {background-image:url('../images/menu_drinks3.gif'); width:89px; height:53px; top:258px; left:61px; position:absolute}
#matches:hover .matches3{background-position:-100px 0;}

#all .all1 {background-image:url('../images/menu_all1.gif'); width:67px; height:54px; top:311px; left:50px; position:absolute}
#all .all2 {background-image:url('../images/menu_all2.gif'); width:94px; height:30px; top:365px; left:33px; position:absolute}
#all .all3 {background-image:url('../images/menu_all3.gif'); width:77px; height:29px; top:395px; left:40px; position:absolute}
#all:hover .all2, #all:hover .all3{background-position:-100px 0;}

#submit .submit1 {background-image:url('../images/menu_submit1.gif'); width:77px; height:110px; top:424px; left:40px; position:absolute}
#submit .submit2 {background-image:url('../images/menu_submit2.gif'); width:14px; height:73px; top:395px; left:26px; position:absolute}
#submit:hover .submit1{background-position:-100px 0;}

#info .info1 {background-image:url('../images/menu_info1.gif'); width:94px; height:60px; top:536px; left:28px; position:absolute}
#info .info2 {background-image:url('../images/menu_info2.gif'); width:31px; height:37px; top:596px; left:60px; position:absolute}
#info:hover .info1{background-position:-100px 0;}

/* Styles for scrollbar buttons */
.scrollUp {background-image:url('../images/button_scrollup.gif'); width:85px; height:103px; display:block;}
.scrollUp:hover{background-position:-85px 0;}

.scrollDown {background-image:url('../images/button_scrolldown.gif'); width:85px; height:75px; display:block;}
.scrollDown:hover{background-position:-85px 0;}

.scrollDrag {background-image:url('../images/button_scrolldrag.gif'); width:85px; height:48px; display:block;}
.scrollDrag:hover{background-position:-85px 0;}

/* Styles for Rhesus Roulette buttons */
.rhesus{padding:10px 0; margin:0 auto; width:175px; height:108px;}
.rhesus #rhesus1{background-image:url(../images/button_rhesus1.gif); width:175px; height:94px; display:block;}
.rhesus #rhesus2{background-image:url(../images/button_rhesus2.gif); width:175px; height:14px; display:block;}
.rhesus:hover #rhesus2{background-position:-175px 0;}

/* Styles for Share This buttons */
.shareButtons {padding:1em 0; height:24px; position:relative;}
.shareButtons p{display:inline; text-align:center}
.shareText {position:absolute; top:34px; visibility:hidden; width:730px; text-align:center; margin-left:-380px}
.shareButtons p:hover .shareText{visibility:visible;}

/* Styles for logo on selected cocktail page */
.logo{width:200px; height:135px; float:right; background-image:url('../images/button_logo.gif'); margin:20px 37px 20px 10px; clear:both;}
.logo:hover{background-position:-200px 0;}

/* Styles for Pub Crawl button */
.pubcrawlButton {background-image:url('../images/button_pubcrawl.gif'); width:420px; height:156px; display:block; margin:0 auto; clear:both}
.pubcrawlButton:hover{background-position:-420px 0;}

/* Styles for Pub Crawl page */
#pubCrawlTable{width:700px; border-collapse:collapse; margin:0 0 2em 0}
#pubCrawlTable th{padding:5px; vertical-align:top; border:1px solid #000000; background-color:#e1ffe1;}
#pubCrawlTable td{padding:5px; vertical-align:top; border:1px solid #000000}
.monopolyBoardSpacer{padding:1em 0 2em 0}