/* CSS Document */

.mashleft {
float: left;
margin-right: 15px;
}

#liquor, #liqueur, #mixers, #fruit, #other {
background: url(/images/masher_bg.gif) no-repeat top left;
width: 500px;
height: 266px;
padding: 15px 20px 0px 20px;
}

.mashright {
float: left;
background: url(/images/yourcabenit_bg.gif) no-repeat top left;
width: 270px;
height: 260px;
padding: 5px;
overflow-Y: scroll;
position:relative;
}

#dragheretxt {
position: absolute;
width: 220px;
left: 570px;
top: 220px;
font-size: 25px;
line-height: 30px;
color: #949494;
text-align: center;
padding: 70px 50px 0 50px;
}

.ingrideant {
float: left;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 8px;
}

ul li {
list-style: none;
}

#categories {
margin-left: 10px;
}

#categories li {
float: left;
background: #dfdfdf url(/images/tab_left.gif) no-repeat top left;
height: 25px;
margin: 0 5px 0 0;
}

#categories li.selected {
background: #e2a6e1 url(/images/tab_left_selected.gif) no-repeat top left;
}

#categories li a {
float: left;
text-decoration: none;
padding: 4px 10px 5px 10px;
font-size: 16px;
background: url(/images/tab_right.gif) no-repeat top right;
}

#categories li.selected a {
background: url(/images/tab_right_selected.gif) no-repeat top right;
}

#yourcab {
font-family:"Times New Roman", Times, serif;
font-size: 18px;
color:#280428;
text-align: center;
margin-top: 20px;
}

#drinkrecipes {
background: url(/images/fullcolumn_bg.gif) no-repeat top left;
height: 200px;
margin: 0 0 0 8px;
padding: 15px
}

#drinkrecipes p {

font-size: 25px;
margin: 0;
color: #777;
line-height: 30px;
}

.drinkcolumn {
float:left; 
margin-right: 18px;
width: 180px;
}