@charset "utf-8";

/* Kew custom CSS Document - use to append the global styles */


/* BUY TICKETS PAGE STYLING */

.buy-box-container
{
	width:100%;
}

.buy-box
{
	position: relative;
	width:325px;
	height:390px;
	margin: 0px 10px 10px 0px;
	background-color:white;
	float:left;
	border:1px solid #3f3f3f;
}

.buy-box-title
{
	
	margin: 5px 0 5px 10px;
	text-align: left;	
	font-family: Arial,sans-serif;
	color: #3f3f3f;
	font-size: 1.0rem;
	font-weight: bold;
	line-height: 2em;
	/* text-transform: uppercase; */
}

.buy-box-text
{
	margin: 10px 10px 5px 10px;
	text-align: left;	
	font-family: Arial,sans-serif;
	color: #3f3f3f;
	font-size: 0.9rem;
	font-weight: normal;
	line-height: 1.5em;
}

.buy-box-buttons
{
	position:absolute;
	bottom:0;
}

.buy-booktickets 
{
 margin-top: 1px;
 width: 323px;
 height:40px;
 background: url('http://www.kew.org/files/button-booktickets.jpg') no-repeat left top;
 background-position: 0 -0px;
}

.buy-buytickets
{
 margin-top: 1px;
 width: 323px;
 height:40px;
 background: url('http://www.kew.org/files/button-buytickets.jpg') no-repeat left top;
 background-position: 0 -0px;
}

.buy-ticketprices 
{
 margin-top: 1px;
 width: 323px;
 height:40px;
 background: url('http://www.kew.org/files/button-ticketprices.jpg') no-repeat left top;
 background-position: 0 -0px;
}

.buy-ticketinformation 
{
 margin-top: 1px;
 width: 323px;
 height:40px;
 background: url('http://www.kew.org/files/button-ticketinformation.jpg') no-repeat left top;
 background-position: 0 -0px;
}

.buy-eventinformation 
{
 margin-top: 1px;
 width: 323px;
 height:40px;
 background: url('http://www.kew.org/files/button-eventinformation.jpg') no-repeat left top;
 background-position: 0 -0px;
}

.buy-bookinginformation 
{
 margin-top: 1px;
 width: 323px;
 height:40px;
 background: url('http://www.kew.org/files/button-bookinginformation.jpg') no-repeat left top;
 background-position: 0 -0px;
}


.buy-booktickets:hover, .buy-buytickets:hover, .buy-ticketprices:hover, .buy-ticketinformation:hover, .buy-eventinformation:hover, .buy-bookinginformation:hover
{
   background-position: 0 -40px;
}


/* Form CSS used for CharityeMail forms
/visit-kew-gardens/whats-on/christmas-at-kew-2014
/visit-kew-gardens/whats-on/kew-the-music*/

.form-charitymail
{
width:100%;
}

.form-charitymail label {
float:left;
width:10em;
margin:none;
margin-right:1em;
margin-left:1em;
margin-bottom:1em;
line-height:2em;
}

.form-charitymail input {
float:left;
margin:none;
margin-bottom: 1em;
line-height:2em;
}

.form-charitymail-nofloat
{
float:none !important;	
line-height:1em !important;
margin:0 !important;
}

.form-charitymail-divider 
{
clear:both;
}

/* Standfirst fix - adds 10px space to the bottom of standfirsts to create a space between standfirst and body text - added by Graeme 05/02/15 */
/* stand-first for blogs, standfirst for news items */
      
.field--name-field-stand-first  {              
padding-bottom: 10px;  
}  

.field--name-field-standfirst  {              
padding-bottom: 10px;  
} 


/* Franklin Gothic font testing for Dev - just use this class */

.franklin-gothic-font-test {
font-family: 'Franklin Gothic Medium', 'Franklin Gothic', 'ITC Franklin Gothic', Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 20px;
}

.custom-topmargin10
{
	margin-top:10px;
}

.page-visit-kew-gardens-plan-your-visit-map .bef-checkboxes {
    display: block;
    padding-bottom: 13px;
}

.page-visit-kew-gardens-plan-your-visit-map .views-exposed-widget #edit-field-attractions-theme-tid-2 .bef-checkboxes{
    padding-bottom:0px;
}

a.dropdown-toggle:hover
{ text-decoration:underline !important; } 
