/**
 * Layout.css - Global styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 */

/* General */

a {
	color: #FBBA00;
}

a:hover {
	color: black;
}

h1, h3, h4, h5, h6 {
	color: #FBBA00;
}


/**
 * GENERAL CLASSES
 * ----------------------------------------
 */

.label {
	background: url(../img/themes/gorinchem/label-sprite.gif) no-repeat;
}


/**
 * HEADER ELEMENTS
 * ----------------------------------------
 */

#navigation li:hover,
#navigation li.iehover,
#navigation li.selected {
	border-top: 5px solid #FBBA00;
}

#navigation li:hover a,
#navigation li.iehover a,
#navigation li.selected a {
	color: #FBBA00;
}

.organizer .fn {
	color:#FBBA00;
}


/* Logo */

#logo {
	background: url(../img/themes/gorinchem/logo-sprite-gorinchem.png) no-repeat;
}


/* Activity navigation */

#activity-nav > li:hover > a,
#activity-nav > .selected > a {
	color: #FBBA00;
}


/* Section headers */

#tickets-summary .section-header,
#ticket-actions h2,
#ticket-properties h2 {
	background-image: url(../img/themes/gorinchem/page-actions-ticket.gif);
}

#exhibitor-actions h2, #cart-actions h2 {
	background-image: url(../img/themes/gorinchem/page-actions-cart.gif);
}

#appointment-actions h2 {
	background-image: url(../img/themes/gorinchem/page-actions-calendar.gif);
}

#attendants h2 {
	background-image: url(../img/themes/gorinchem/attendants-bg.gif);
}

#expo-actions h2 {
	background-image: url(../img/themes/gorinchem/page-actions-expo.gif);
}

#expo-countdown {
	background-image: url(../img/themes/gorinchem/expo-countdown-bg.gif);
}

#register-vip-tickets h2 {
	background: url(../img/themes/gorinchem/page-actions-mail.gif) no-repeat 0 0;
}

#order-vip-tickets {
	background-color:#FBBA00;
}

#order-vip-tickets h2 {
	background: url(../img/themes/gorinchem/page-actions-ticket.gif) no-repeat 160px 0;
}

#order-vip-tickets .select-exhibition {
	background-color:#EAAF07;
}

/* Photo Report */

#photo-report h2 {
	background: url(../img/themes/gorinchem/page-actions-photo.gif) no-repeat 160px 0;
}

/* Ticket tables */

#tickets-grand-total {
	color: #FBBA00;
}


/**
 * CONTENT ELEMENTS
 * ----------------------------------------
 */

/* Extended search */

#extended-search-form button {
	box-shadow: inset 0 -2px 0 #FF9900;
	text-shadow: 1px 1px 0 #FF9900;
	background: -webkit-linear-gradient(top, rgb(253, 216, 110) 0%, rgb(252, 204, 66) 41%, rgb(251, 192, 22) 82%, rgb(251, 187, 3) 100%);
	background: -o-linear-gradient(top, rgb(253, 216, 110) 0%, rgb(252, 204, 66) 41%, rgb(251, 192, 22) 82%, rgb(251, 187, 3) 100%);
	background: -ms-linear-gradient(top, rgb(253, 216, 110) 0%, rgb(252, 204, 66) 41%, rgb(251, 192, 22) 82%, rgb(251, 187, 3) 100%);
	background: -moz-linear-gradient(top, rgb(253, 216, 110) 0%, rgb(252, 204, 66) 41%, rgb(251, 192, 22) 82%, rgb(251, 187, 3) 100%);
	background: linear-gradient(to bottom, rgb(253, 216, 110) 0%, rgb(252, 204, 66) 41%, rgb(251, 192, 22) 82%, rgb(251, 187, 3) 100%);
	color: #FFF;
}

#visual {
	background-color: #FBBA00;
}


/* Visual buttons */

#visual .button { background-position: 0 -330px; color: #FBBA00; }
#visual .button .button-inner { background-position: 100% -330px; }
#visual .button:hover { background-position: 0 -360px; color: #FBBA00; }
#visual .button:hover .button-inner { background-position: 100% -360px; }


/* Visual intro */

#visual-intro h1,
#visual-intro h2 {
	color: #fff;
}

#visual-intro p {
	color: #fff;
}


/* Visual playlist */

#visual-playlist h2 {
	color: #fff;
}

#visual-playlist a {
	background: url(../img/themes/gorinchem/visual-playlist-sprite.gif) no-repeat;
	color: #FEEAB2;
}

/*#visual-playlist a:hover,
#visual-playlist .selected a {
	color: #D7AA00;
}*/


/* Visual thumbs */

#visual-thumbs {
	background-color: #FBBA00;
}


/* Content accordions */

#content .accordion .ui-state-active,
#content .accordion .ui-state-active:hover {
	background-position: 470px -2199px;
	color: #FBBA00;
}

/* Buttons */

.more-items .button {
	background-position: 0 -960px;
}

.more-items .button .button-inner {
	background-position: 100% -960px;
}

.more-items a.button:hover {
	background-position: 0 -980px;
}

.more-items a.button:hover .button-inner {
	background-position: 100% -980px;
}

#ticket-submit .button,
#cart-submit .button {
	background-position: 0 -840px;
}

#ticket-submit .button-inner,
#cart-submit .button-inner {
	background-position: 100% -840px;
}

#ticket-submit .button:hover,
#cart-submit .button:hover {
	background-position: 0 -870px;
}

#ticket-submit .button:hover .button-inner,
#cart-submit .button:hover .button-inner {
	background-position: 100% -870px;
}

.tickets .button,
.toolbar .tickets .button {
	background-position: 0 -960px;
}

.tickets .button-inner,
.toolbar .tickets .button-inner {
	background-position: 100% -960px;
}

.tickets a.button:hover {
	background-position: 0 -980px;
}

.tickets a.button:hover .button-inner {
	background-position: 100% -980px;	
}

#tickets-table .button {
	background-position: 0 -840px;
	color:white;
}

#tickets-table .button-inner {
	background-position: 100% -840px;
}

#tickets-table a.button:hover {
	background-position: 0 -870px;
	color:white;
}

#tickets-table a.button:hover .button-inner {
	background-position: 100% -870px;
}


/* Slider */

.ui-slider-range {
	background-color: #FBBA00;
}

#room-filters .filter-menu .button {
	background-position: 0 -960px;
}

#room-filters .filter-menu .button-inner {
	background-position: 100% -960px;
}

#room-filters .filter-menu .button:hover {
	background-position: 0 -980px;
}

#room-filters .filter-menu .button:hover .button-inner {
	background-position: 100% -980px;
}


/* Webshop */

.product .price,
.product .unit {
	color:#FBBA00;
}


/* Hotels */

#hotels-list .arrow {
	background-image: url(../img/themes/gorinchem/hotels-arrow.gif);
}

#hotels-list h2 {
	color:#FBBA00;
}


/**
 * SIDEBAR/MEDIABAR ELEMENTS
 * ----------------------------------------
 */


#menu .selected a,
#menu .selected a:hover {
	background-color: #FBBA00;
}

#menu .subnav a {
	background: none;
}

#menu .subnav a:hover,
#menu .subnav .selected a {
	background: none;
	border-left: 5px solid #FBBA00;
	color: #FBBA00;
}

/* Newsletter */

#newsletter strong {
	color: #4E4C4C;
}

.newsletter-icon {
	background-position: 0 -200px;
}


#newsletter .button {
	background-color: #FBBA00;
	border-color: #FBBA00;
}