/*    Skinned Select Box Copyright 2007 Derek Harvey
*		 www.lotsofcode.com
*
*    This file is part of Skinned Select Box .
*
*    Skinned Select Boxis free software; you can redistribute it and/or modify
*    it under the terms of the GNU General Public License as published by
*    the Free Software Foundation; either version 2 of the License, or
*    (at your option) any later version.
*
*    Skinned Select Box is distributed in the hope that it will be useful,
*    but WITHOUT ANY WARRANTY; without even the implied warranty of
*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
*    GNU General Public License for more details.
*
*    You should have received a copy of the GNU General Public License
*    along with Skinned Select Box; if not, write to the Free Software
*    Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
*/

/* skinned select */

div.skinned-select {
	display: block;
	line-height: 1px;
	text-align: left;
}

div.skinned-select.error {
	/* in case of error declaration */
}

  div.skinned-select select {
	filter: alpha(opacity = 0);
	moz-opacity: 0;
	opacity: 0;
	position: relative;
	z-index: 3;
	cursor: pointer;
}

div.skinned-select .select-text {
	position: absolute;
	text-indent: 0px;
	z-index: 1;
}

/* custom styling per instance */
	
	
	
	
	

	
	
	
		

	
	
	
	
	
	
	
	
	
	
	
	/* Start select-contact-topic............................... */

div.select-contact-topic{
padding: 1px 5px 0 0px;
width: 499px;
float:left;
height:33px;
 
margin:0 0 0px 0;
background:url(../images/contact/select_contact.gif)    no-repeat 100% 0;
_background: none;
font-family: Arial, Helvetica, sans-serif;
}
div.select-contact-topic .select-text{
margin: 0;
padding: 0;
width: 499px;
height: 29px;
color: #464646;
 
line-height: 14px;
padding: 9px 10px 15px 10px;
}
div.select-contact-topic select {
margin: 0;
padding: 0;
width: 499px;
height:29px;
line-height: 16px;
font-size: 12px;
color: #464646;
}
div.select-contact-topic select option {
padding: 2px 8px;
}

/* End select-day */
	
	
	
 

/* Start select-beer-1............................... */

div.select-searchpubs{
padding: 0px 5px 0 0px;
width: 178px;
float:left;
height:29px;
 
margin:0 0 0px 0;
background:url(../images/shared/sel_searchpubs.gif)     no-repeat 100% 0;
_background: none;
font-family: Arial, Helvetica, sans-serif;
}
div.select-searchpubs .select-text{
margin: 0;
padding: 0;
width: 183px;
height: 29px;
color: #4e4e4d;
 
line-height: 14px;
padding: 9px 10px 15px 10px;
}
div.select-searchpubs select {
margin: 0;
padding: 0;
width: 183px;
height:29px;
line-height: 16px;
font-size: 12px;
color: #4e4e4d;
}
div.select-searchpubs select option {
padding: 2px 8px;
}

 
	
	

/* Start select-beer-1............................... */

div.select-beer-1{
padding: 0px 5px 0 0px;
width: 114px;
float:left;
height:29px;
 
margin:0 0 0px 0;
background:url(../images/beer/select_beer_1.gif)    no-repeat 100% 0;
_background: none;
font-family: Arial, Helvetica, sans-serif;
}
div.select-beer-1 .select-text{
margin: 0;
padding: 0;
width: 100px;
height: 20px;
color: #aeaeae;
 
 overflow: hidden;
line-height: 16px;
padding: 8px 10px 0px 10px;
}
div.select-beer-1 select {
margin: 0;
padding: 0;
width: 119px;
height:29px;
line-height: 16px;
font-size: 12px;
color: #4e4e4d;
}
div.select-beer-1 select option {
padding: 2px 8px;
}

/* End select-day */
	
	
	
	
	
/* Start select-beer-2............................... */

div.select-beer-2{
padding: 0px 5px 0 0px;
width: 145px;
float:left;
height:29px;
 
margin:0 0 0px 0;
background:url(../images/beer/select_beer_2.gif)    no-repeat 100% 0;
_background: none;
font-family: Arial, Helvetica, sans-serif;
}
div.select-beer-2 .select-text{
margin: 0;
padding: 0;
width: 149px;
height: 29px;
color: #4e4e4d;
 
line-height: 14px;
padding: 9px 10px 15px 10px;
}
div.select-beer-2 select {
margin: 0;
padding: 0;
width: 149px;
height:29px;
line-height: 16px;
font-size: 12px;
color: #4e4e4d;
}
div.select-beer-2 select option {
padding: 2px 8px;
}

/* End select-day */
	
	
	
	
	
	
	
	
	/* Start select-beer-2............................... */

div.select-date-1{
padding: 0px 5px 0 0px;
width: 47px;
float:left;
height:31px;
 
margin:0 0 0px 10px;
background:url(../images/home/header/select_1.gif)    no-repeat 100% 0;
_background: none;
font-family: Arial, Helvetica, sans-serif;
}
div.select-date-1 .select-text{
margin: 0;
padding: 0;
width:30px;
height: 20px;
color: #a2a2a2;
	font-size: 12px;
	line-height: 14px;
padding: 9px 10px 0px 10px; 
}
div.select-date-1 select {
margin: 0;
padding: 0;
width: 50px;
height:31px;
line-height: 16px;
font-size: 12px;
color: #4e4e4d;
}
div.select-date-1 select option {
padding: 2px 8px;
}




div.select-date-2{
padding: 0px 5px 0 0px;
width: 70px;
float:left;
height:31px;
 
margin:0 0 0px 5px;
background:url(../images/home/header/select_1.gif)    no-repeat 100% 0;
_background: none;
font-family: Arial, Helvetica, sans-serif;
}
div.select-date-2 .select-text{
margin: 0;
padding: 0;
width: 55px;
height: 20px;
color: #a2a2a2;
	font-size: 12px;
	line-height: 14px;
padding: 9px 10px 0px 10px; 
}
div.select-date-2 select {
margin: 0;
padding: 0;
width: 76px;
height:31px;
line-height: 16px;
font-size: 12px;
color: #4e4e4d;
}
div.select-date-2 select option {
padding: 2px 8px;
}





div.select-date-3{
padding: 0px 5px 0 0px;
width: 80px;
float:left;
height:31px;
 
margin:0 0 0px 5px;
background:url(../images/home/header/select_1.gif)    no-repeat 100% 0;
_background: none;
font-family: Arial, Helvetica, sans-serif;
}
div.select-date-3 .select-text{
margin: 0;
padding: 0;
width: 63px;
height: 20px;
color: #a2a2a2;
	font-size: 12px;
	line-height: 14px;
padding: 9px 10px 0px 10px;
}
div.select-date-3 select {
margin: 0;
padding: 0;
width: 85px;
height:31px;
line-height: 16px;
font-size: 12px;
color: #4e4e4d;
}
div.select-date-3 select option {
padding: 2px 8px;
}

/* End select-day */
	
	
	
	
	
	
	
	
	div.select-gender{
padding: 0px 5px 0 0px;
width: 218px;
float:left;
height:31px;
 
margin:0 0 0px 10px;
background:url(../images/home/header/select_gender.gif)     no-repeat 100% 0;
_background: none;
font-family: Arial, Helvetica, sans-serif;
}
div.select-gender .select-text{
margin: 0;
padding: 0;
width: 200px;
height: 20px;
color: #a2a2a2;
	font-size: 12px;
	line-height: 14px;
padding: 9px 10px 0px 10px;
}
div.select-gender select {
margin: 0;
padding: 0;
width: 222px;
height:31px;
line-height: 16px;
font-size: 12px;
color: #4e4e4d;
border:1px solid #a3a3a3;
}
div.select-gender select option {
padding: 2px 8px;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	div.select-beers{
padding: 0px 5px 0 0px;
width: 174px;
float:left;
height:31px;
 
margin:0 0 0px 10px;
background:url(../images/register/beer_select.gif)     no-repeat 100% 0;
_background: none;
font-family: Arial, Helvetica, sans-serif;
}
div.select-beers .select-text{
margin: 0;
padding: 0;
width: 165px;
height: 20px;
color: #a2a2a2;
	font-size: 12px;
	line-height: 14px;
padding: 9px 10px 0px 10px;
}
div.select-beers select {
margin: 0;
padding: 0;
width: 179px;
height:28px;
line-height: 16px;
font-size: 12px;
color: #4e4e4d;
border:1px solid #a3a3a3;
}
div.select-beers select option {
padding: 2px 8px;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* Start select-month............................... */

div.select-month{
padding: 0px 5px 0 0px;
width: 99px;
float:left;
height:29px;
 
margin:0 6px;
background:url(../images/shared/sel_months.gif)   no-repeat 100% 0;
_background: none;
font-family: Arial, Helvetica, sans-serif;
}
div.select-month .select-text{
margin: 0;
padding: 0;
width: 99px;
height: 29px;
color: #4e4e4d;
 
line-height: 14px;
padding: 9px 10px 15px 10px;
}
div.select-month select {
margin: 0;
padding: 0;
width: 99px;
height:29px;
line-height: 16px;
font-size: 12px;
color: #4e4e4d;
}
div.select-month select option {
padding: 2px 8px;
}

/* End select-month */



/* Start select-brewer-1............................... */

div.select-brewer-1{
padding: 0px 5px 0 0px;
width: 105px;
float:left;
height:29px;
 
margin:0 0 0px 0;
background:url(../images/beer/select_brewery_type.gif)     no-repeat 100% 0;
_background: none;
font-family: Arial, Helvetica, sans-serif;
}
div.select-brewer-1 .select-text{
margin: 0;
padding: 0;
width: 109px;
height: 29px;
color: #b5b5b5;
line-height: 14px;
padding: 9px 10px 15px 10px;
}
div.select-brewer-1 select {
margin: 0;
padding: 0;
width: 109px;
height:29px;
line-height: 16px;
font-size: 12px;
color: #4e4e4d;
}
div.select-brewer-1 select option {
padding: 2px 8px;
}

/* End select-day */
	



/* Start select-brewer-2............................... */
div.select-brewer-2{
	padding: 0px 5px 0 0px;
	width: 75px;
	float:left;
	height:29px;
	margin: 0 9px;
	background:url(../images/beer/select_brewery_avb.gif)      no-repeat 100% 0;
	_background: none;
	font-family: Arial, Helvetica, sans-serif;
	}
div.select-brewer-2 .select-text{
	margin: 0;
	padding: 0;
	width: 79px;
	height: 29px;
	color: #b5b5b5;
	line-height: 14px;
	padding: 9px 10px 15px 10px;
	}
div.select-brewer-2 select {
	margin: 0;
	padding: 0;
	width: 79px;
	height:29px;
	line-height: 16px;
	font-size: 12px;
	color: #4e4e4d;
	}
div.select-brewer-2 select option {
	padding: 2px 8px;
	}

/* End select-day */
	
	
	
/* Start select-brewer-3............................... */

div.select-brewer-3{
	padding: 0px 5px 0 0px;
	width: 94px;
	float:left;
	margin:0 0 0px 0;
	background:url(../images/beer/select_brewery_flavour.gif)      no-repeat 100% 0;
	_background: none;
	font-family: Arial, Helvetica, sans-serif;
	}
div.select-brewer-3 .select-text{
	margin: 0;
	padding: 0;
	width: 95px;
	height: 29px;
	color: #b5b5b5;
	line-height: 14px;
	padding: 9px 10px 15px 10px;
	}
div.select-brewer-3 select {
	margin: 0;
	padding: 0;
	width: 95px;
	height:29px;
	line-height: 16px;
	font-size: 12px;
	color: #4e4e4d;
	}
div.select-brewer-3 select option {
	padding: 2px 8px;
	}

/* End select-day */
















div.select-gender-account	{
	_background: none;
	background:url(../images/myaccount/sel_acc_gender.gif)  no-repeat 100% 0;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	height: 31px;
	margin: 0 0 0px 0px;
	padding: 0px 5px 0 0px;
	width: 314px;
	}
div.select-gender-account .select-text	{
	color: #a2a2a2;
	font-size: 12px;
	height: 18px;
	line-height: 14px;
	margin: 0;	 
	padding: 0;
	padding: 9px 10px 0px 10px;
	width: 298px;
	}
div.select-gender-account select	{
	border: 1px solid #a3a3a3;
	color: #4e4e4d;
	font-size: 12px;
	height: 28px;
	line-height: 16px;
	margin: 0;

	padding: 0;
	width: 319px;
	}
div.select-gender-account select option	{
	padding: 2px 8px;
	}
	
	
	
	




div.select-gender-dob	{
	_background: none;
	background:url(../images/myaccount/sel_dob.gif)  no-repeat 100% 0;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	height: 31px;
	float:left;
	margin: 0 0 0px 0px;
	padding: 0px 5px 0 0px;
	width: 95px;
	}
div.select-gender-dob .select-text	{
	color: #a2a2a2;
	font-size: 12px;
	height: 18px;
	line-height: 14px;
	margin: 0;	 
 
	padding: 0;
	padding: 9px 10px 0px 10px;
	width:80px;
	}
div.select-gender-dob select	{
	border: 1px solid #a3a3a3;
	color: #4e4e4d;
	font-size: 12px;
	height: 28px;
	line-height: 16px;
	margin: 0;

	padding: 0;
	width: 100px;
	}
div.select-gender-dob select option	{
	padding: 2px 8px;
	}