/* Based on: */
/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { height: 100%; margin: 0; font-size: 13px; line-height: 1.6; padding: 0; background: #FEFCF8 url(../images/body_bg.jpg) 0 200px repeat-x; color: #372E27; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #811D5E; background-color: transparent; }
a:visited { color: #811D5E; }
a:hover { color: #5D1543; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0; padding: 0; }

dl { margin: 0 0 1em 0; width: 100%; display: inline-block;}
dt { float: left; font-weight: bold; }
dd { margin: 0 0 0 7em; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; font-family: Lora, Georgia, "Times New Roman", Times, serif; }
label.left { float: none }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; font-size: 0.9em; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

p { margin: 0; padding: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
   
label { }

label.right { float: none; }
.field.text label.right, .field.email label.right { padding-top: 5px; display: block; }

label.required,
.message.required,
.message.validation { color: #CC0000; }

.message.required { font-size: 0.9em; }

div.field, p.field {
	padding-bottom: 1em;
}

input[type="text"], input[type="password"], textarea {
	width: 350px;
	padding: 0.5em;
	border: 1px solid #DCD7CE;
}
select {
	/*padding: 0.5em;*/
	border: 1px solid #DCD7CE;
}
select {
	text-indent: 0.5em;
	line-height: 1.9;
}

.checkboxset label {
	text-transform: uppercase;
	margin-top: 20px;
	float: none;
	display: block;
}
.checkboxset .middleColumn label {
	text-transform: none;
	margin: 0;
}

ul.optionset {
	list-style: none;
	padding: 0;
}
ul.optionset li {
	margin-bottom: 10px;
}
ul.optionset input {
	float: left;
	margin: 0.25em 0;
}
ul.optionset label {
	padding-left: 1.5em;
	display: block;
}
button, input[type="button"], input[type="reset"], input[type="submit"] { 
	background: #58103E;
	border: 0 none;
	color: #FFF;
	text-transform: uppercase;
	font-family: Lora, Georgia, "Times New Roman", Times, serif;
	padding: 0.5em 0.8em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
	background: #7D1759;
}

#ForgotPassword {
	padding-top: 20px;
}
form .Actions {
	margin-top: 1.5em;
}
span.readonly {
	display: block;
	background: none;
	border: 1px solid transparent;
	width: 350px;
}
table span.readonly {
	padding: 0.4em;
}

form.single-row-fields div,
form.single-row-fields fieldset,
form.single-row-fields .Actions {
	display: inline-block !important;
	margin-top: 0;
}

form.single-row-fields label {
	padding-right: 10px;
	font-weight: bold;
}

form .product-base-price label {
	display: none;
}

form .product-base-price div,
form .product-base-price .readonly {
	display: inline-block;
	width: auto;
	padding: 0;
}

form .middleColumn li {
	margin-bottom: 0;
}

.cart-member-details div.readonly {
	display: inline-block;
	width: 100%;
	padding-bottom: 0;
}

form .antibot { display: none; }

.cart-member-details .readonly .middleColumn,
.cart-member-details .readonly label,
.cart-member-details span.readonly {
	float: left;
	border: 0 none;
}
.cart-member-details .readonly label {
	font-weight: bold;
	padding-right: 10px;
	width: 12em;
}
.cart-member-details .readonly .message {
	float: left;
	clear: both;
}
#OrderCheckoutForm_CheckoutForm_action_clearCheckoutDetails { background: #786f68; }


/* =============================================================================
   Tables
   ========================================================================== */

table {
	background: url("../images/divider_single_line.png") 100% 100% no-repeat;
	margin-bottom: 1em;
	width: 100%;
}
table thead {
	background: url("../images/divider_single_line.png") 0 0 no-repeat;
}
table th {
	text-align: left;
	padding-bottom: 0.6em;
	background: rgba(120,111,104,.15);
}
table th.currency {
	text-align: right;
}
th, td {
	padding: 0.4em 0.2em;
}
td.currency,
th.currency {
	text-align: right;
}
td.qty,
th.qty {
	text-align: center;
}
tr.no-space-above td {
	padding-top: 0.4em;
}
td.price { font-family: "Courier New", Courier, monospace; }

/* =============================================================================
   Layout Areas
   ========================================================================== */

#wrapper-outer {
	overflow: hidden;
	position: relative;
}
div.show-cart-summary-foot {
	padding-bottom: 50px;
}
#header {
	background: #571138 url(../images/header_bg.jpg) 0 0 repeat-x;
	height: 200px;
}
#header .centre-content {
	position: relative;
	height: 200px;
	max-width: 978px;
	margin: 0 auto;
}

#wrapper-main {
	max-width: 978px;
	margin: 0 auto;
	position: relative;
	margin-top: 4.6em;
}
#wrapper-main .centre-content {
	position: relative;
	margin: 0 0 0 336px;
	padding: 0;
	z-index: 100;
}
#wrapper-main .centre-content-full {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 100;
}

#wrapper-main .narrow {
	width: 390px;
}

#left-column {
	width: 306px;
	padding-top: 50px;
	float: left;
}
#right-column {
	float: right;
	width: 168px;
	padding-top: 10px;
}
#footer {
	clear: both;
	width: 978px;
	margin: 6em auto 0 auto;
	overflow: visible;
	position: relative;
	padding-bottom: 3em;
}

/* =============================================================================
   Header
   ========================================================================== */
   
#header {
}
#header ul {
	list-style: none;
}
#header a {
	color: #FFF;
}
#header #logo {
	position: absolute;
	left: 0;
	top: 0;
}

#region {
	margin-left: 336px;
	padding-top: 80px;
	height: 120px;
	position: relative;
}

/**** Region backgrounds ****/

body.SIAustralia #region, body.Australia #region {
	background: url(../images/region_bg_australia.png) 0 0 no-repeat;
}
body.SIEurope #region, body.Europe #region {
	background: url(../images/region_bg_europe.png) 0 -70px no-repeat;
}
body.SICanada #region, body.Canada #region {
	background: url(../images/region_bg_canada.png) 0 -20px no-repeat;
}
body.SIWesternDoor #region, body.SIUSA #region, body.WesternDoor #region, body.USA #region {
	background: url(../images/region_bg_westerndoor.png) 0 0 no-repeat;
}
body.SIMexico #region, body.Mexico #region {
	background: url(../images/region_bg_mexico.png) 0 0 no-repeat;
}
body.SIHongKong #region, body.HongKong #region {
	background: url(../images/region_bg_hongkong.png) 0 0 no-repeat;
}
body.SIIndia #region, body.India #region {
	background: url(../images/region_bg_india.png) 0 -15px no-repeat;
}
body.SITaiwan #region, body.Taiwan #region {
	background: url(../images/region_bg_taiwan.png) 0 -15px no-repeat;
}
body.SIJapan #region, body.Japan #region {
	background: url(../images/region_bg_japan.png) 0 -35px no-repeat;
}

#site-search {
	float: right;
	font-size: 0.86em;
}
#site-search .field { padding-bottom: 0; }
#site-search div { float: left; }
#site-search .text input {
	width: 140px;
	border: 0 none;
	background: #FDFBF7;
	font-family: Lora, Georgia, "Times New Roman", Times, serif; 
}
#site-search input.action  {
	background: #1F010F url(../images/search_button_bg.png) 50% 50% no-repeat !important;
	text-indent: -999em;
	width: 39px;
	float: left;
	border-radius: 0;
	font-size: 1em;
	padding: 0 0.5em;
	height: 27px;
}
#site-search .text input {
	padding: 0 0.5em;
	height: 27px;
}

#region .name, #region .region-selector {
	float: left;
}
#region .name {
	font: normal 30px/30px "IM Fell English SC", Lora, Georgia, Times, "Times New Roman", serif;
	text-transform: uppercase;
	margin: 0;
	color: #D9C1AD;
	padding-right: 20px;
	border-right: 1px solid #6B323B;
}
#region .region-selector {
	font-size: 0.86em;
	color: #FFF;
	cursor: pointer;
	z-index: 990;
	display: inline-block;
}
#region .region-selector li {
	width: 150px;
}
#region .region-selector a {
	display: block;
	padding-left: 10px;
}
#region .region-selector .trigger {
	padding-top: 1em;
	width: 150px;
	position: relative;
}
#region .region-selector .trigger:hover, 
#region .region-selector .trigger:focus,
#region .region-selector li.hover {
	background: #FFF;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

#region .region-selector .trigger:hover a, 
#region .region-selector .trigger:focus a,
#region .region-selector li.hover a {
	color: #9E9894;
	text-decoration: none;
}

#region .region-selector ul {
	position: absolute;
	left: -999em;
	padding-top: 10px;
	z-index: 1400;
	background: #FFF;
}
#region .region-selector:hover ul,
#region .region-selector:focus ul,
#region .region-selector li.hover ul {
	left: 0;
	top: 2.5em;
}
#region .region-selector ul a {
	padding: 0.75em 10px;
	color: #5D1543 !important;
	text-transform: uppercase;
	text-decoration: none;
}
#region .region-selector ul a:hover,
#region .region-selector ul a:focus {
	background: #F3EDE1;
	text-decoration: underline !important;
}
#region .region-selector ul li {
	border-bottom: 1px solid #EBE0CB;
}

/* Main navigation */

#nav-main {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 640px;
}
#nav-main ul {
}
#nav-main li {
	float: left;
	margin-right: 1.5em;
}
#nav-main ul li:last-child {
	margin-right: 0;
}
#nav-main a {
	display: block;
	float: left;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font: normal 14px/16px Lora, Georgia, Times, "Times New Roman", serif;
	padding: 0 0 13px 0;
}
#nav-main a:hover {
	color: #D9C1AD;
}
#nav-main li:hover a,
#nav-main li.sfHover a {
	color: #D9C1AD;
	background: url(../images/arrow_up_brown_grey.png) 50% 100% no-repeat;
}
#nav-main li ul {
	position: absolute;
	top: -999em;
	list-style: none;
	width: 999em;
	padding: 0 0 0 0.5em;
	left: -1em;
	background: #786F68;
}
#nav-main li.sf-breadcrumb ul {
	top: 29px;
}
#nav-main li li {
	float: left;
	margin: 0 0.5em;
	padding-bottom: 0;
}
#nav-main li li a {
	color: #FFFFFF !important;
	text-decoration: none;
	padding: 1em 0;
	font-size: 0.9em;
	background: none !important;
}
#nav-main li:hover ul,
#nav-main li.sfHover ul {
	top: 29px;
	z-index: 900;
}
#nav-main li.no-children.sfHover a {
	background: url(../images/arrow_up_sand.png) 50% 100% no-repeat !important;
}
#nav-main li.no-children:hover a {
	background: url(../images/arrow_up_sand.png) 50% 100% no-repeat !important;
} 
#nav-main li li.current a,
#nav-main li li.section a,
#nav-main li li:hover a {
	background: url(../images/arrow_up_sand.png) 50% 100% no-repeat !important;
}
#nav-main ul.sf-empty-menu {
	display: none !important;
}
/* =============================================================================
   Sub Navigation
   ========================================================================== */

#nav-lvl2 {
	left: 316px;
	top: -5em;
	width: 999em;
	position: absolute;
	z-index: 500;
	border-bottom: 1px solid #D9C1AD;
}
#nav-lvl2 ul {
	list-style: none;
	padding-left: 0;
	margin: 0 0 0 20px;
	padding: 0;
}
#nav-lvl2 li {
	float: left;
	margin-right: 1em;
}
#nav-lvl2 a {
	float: left;
	display: block;
	font-size: 0.9em;
	text-decoration: none;
	padding: 0.76em 0;
	text-transform: uppercase;
}
#nav-lvl2 li.current a,
#nav-lvl2 li.section a {
	background: url(../images/arrow_up_orange_brown.png) 50% 100% no-repeat;
}

#nav-lvl3 {
	list-style: none;
	padding-left: 0;
}
#nav-lvl3 li {
	margin-bottom: 0.5em;
}

#nav-lvl3 a, #nav-lvl3 span {
	padding: 0 0 0 24px;
	background: url(../images/nav_lvl3_bullets.png) 0 0 no-repeat;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.2;
	display: block;
}
#nav-lvl3 a:hover {
	background: url(../images/nav_lvl3_bullets.png) 0 -105px no-repeat;
}
#nav-lvl3 span {
	background: url(../images/nav_lvl3_bullets.png) 0 -52px no-repeat;
	color: #786F68;
}

/* =============================================================================
   Left Column
   ========================================================================== */

#left-column {
	margin-bottom: 6em;
}

#left-column .image {
	margin-bottom: 2em;
}

#left-column .content {
	padding-top: 2em;
	padding-right: 40px;
}

.feature {
}

#left-column ul {
	list-style: none;
}

#left-column h3 {
	/*font-size: 0.9em;*/
}

#left-column blockquote, #home-intro blockquote {
	position: relative;
	text-align: right;
}

#left-column p.quote-source, #home-intro p.quote-source {
	text-align: right;
	font-size: 0.9em;
}
p.quote-source span {
	border-top: 1px solid #997A51;
}

.menu-list a {
	font-size: 0.9em;
}
.menu-list {
	margin-bottom: 1em;
}

h2.section-divider, 
h3.section-divider {
	border-top: 1px solid #786F68;
	padding-top: 0.5em;
}

.feature .section-divider {
	border-top: 1px solid #DDC799;
}

/* =============================================================================
   Footer and Calligraphy
   ========================================================================== */

#footer .inner {
	padding: 1.5em 0;
}
#footer p, #footer ul {
	font-size: 0.9em;
	margin-bottom: 0;
}
#footer ul {
	padding-left: 0;
}
#footer.with-calligraphy {
	padding-top: 95px;
}
#footer a {
	color: #786F68;
}
#header #social-links {
	list-style: none;
	position: absolute;
	top: 14px;
}
#social-links li {
	float: left;
	margin-right: 5px;
}
#social-links a {
	overflow: hidden;
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	text-indent: -999em;
	background-image: url(../images/social_icons.png);
	background-repeat: no-repeat;
}
#social-links .facebook {
	background-position: 0 -24px
}
#social-links .facebook:hover {
	background-position: 0 0;
}
#social-links .flickr {
	background-position: -24px -24px;
}
#social-links .flickr:hover {
	background-position: -24px 0;
}
#social-links .twitter {
	background-position: -48px -24px;
}
#social-links .twitter:hover {
	background-position: -48px 0;
}
#social-links .youtube {
	background-position: -72px -24px;
}
#social-links .youtube:hover {
	background-position: -72px 0;
}
#social-links .vimeo {
	background-position: -96px -24px;
}
#social-links .vimeo:hover {
	background-position: -96px 0;
}
#social-links .mixlr {
	background-position: -144px -24px;
}
#social-links .mixlr:hover {
	background-position: -144px 0;
}
#social-links li.subsite { margin-left: 5px; }
#social-links li.subsite a { background: none; text-indent: 0; width: auto; height: auto; text-decoration: none; font-weight: bold; }

#site-info-links {
	margin-right: 120px;
	float: none;
}
#site-info-links li {
	float: left;
	padding-right: 1.8em;
	list-style-type: disc;
}
#site-info-links li:first-child {
	list-style-type: none;
	padding-left: 0;
}
#calligraphy {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}


/* =============================================================================
   Home Page
   ========================================================================== */

#homepage #wrapper-main {
	min-height: 340px
}
#home-intro {
	overflow: visible;
	min-height: 260px;
}
#home-intro .intro-content {
	width: 276px;
	padding-right: 30px;
	margin-left: 336px;
	float: left;
}
#home-intro .intro-content p:first-child:first-letter { float: left; color: #786F68; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; }
#home-intro .intro-with-quote {
	margin-left: 30px;
}
#home-intro .image-slides {
	margin-left: 642px;
}
#home-intro .homepage-leftcolumn {
	float: left;
	width: 306px;
	padding-top: 50px;
}
#home-intro .homepage-leftcolumn .content {
	padding: 2em 40px 0 0;
}
#homepage .column {
	float: left;
	margin-right: 30px;
}
#homepage .col1, #homepage .col2, #homepage .col3 {
	width: 306px
}
#homepage .col3 {
	margin-right: 0;
}
#home-features, #home-panels {
	padding-top: 2em;
	display: inline-block;
	width: 100%;
}
#home-features .section,
#left-column .section {
	text-align: center;
	background: url(../images/section_heading_bg1.png) 50% 0 no-repeat;
	padding-top: 20px;
}
#home-features .feature {
	margin-bottom: 1em;
}
.feature .heading {
	text-transform: uppercase;
	font-size: 1.1em;
	color: #786F68;
}
.feature .with-image {
}
.feature .image {
	float: left;
	margin: 0 15px 10px 0;
}
#home-features .first-feature {
	background: url(../images/section_heading_bg1.png) 50% 0 no-repeat;
	padding-top: 20px;
}
.feature .link {
	font-weight: bold;
}

#home-features .article { margin-bottom: 1em; }

#home-panels { background: url(../images/divider_single_line.png) 0 0 no-repeat; padding-top: 2em; }
#home-panels .column { }
#home-panels .panel-image { height: 126px; overflow: hidden; text-align: center; }
#home-panels .panel-image img { height: auto; max-width: 100%; }
#home-panels .panel-content { background: rgba(255,236,183,0.4); padding: 20px; }
#home-panels .panel .content { }


/* =============================================================================
   Other Styles
   ========================================================================== */

.right {
	float: right;
}
.left {
	float: left;
}
img.right {
	margin-left: 20px;
	margin-bottom: 15px;
}
img.left {
	margin-right: 20px;
	margin-bottom: 15px;
}
.text-right {
	text-align: right;
}
.action-link a {
	text-transform: uppercase;
	font-size: 0.76em;
	display: inline-block;
	padding: 0.5em 0;
	text-decoration: none;
}

.no-space {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.wide-space-below {
	margin-bottom: 2em;
}

.rss a {
	padding-left: 22px;
	background:url(../images/icon_rss.png) 0 50% no-repeat;
}

a.button-link {
	display: inline-block;
	background: #58103E;
	border: 0 none;
	color: #FFF;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	padding: 0.5em 0.8em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-decoration: none;
}

#main-content ul, #main-content ol { margin: 0 0 1em 0; padding: 0 0 0 1.3em; }

.text-centred {
	text-align: center;
}

.jumpToSelector {
	margin-bottom: 2em;
}

.short dt,
.medium dt {
	float: left;
}
.short dd,
.medium dd {
	margin-bottom: 0.5em;
}
.short dd {
	margin-left: 5.5em;
}
.medium dd {
	margin-left: 8.5em;
}

.single-line-divider {
	background: url(../images/divider_single_line.png) 0 0 no-repeat;
	padding-top: 1em;
}
.single-line-divider-bottom {
	background: url(../images/divider_single_line.png) 100% 100% no-repeat;
	padding-bottom: 1em;
}

p.bad, span.bad { color: #CC0000; }
p.good, span.good { color: #009933; }

.recording-content iframe {
	/*display: none;*/
}

a.recording-preview-link {
	padding-left: 20px;
	background: url(../images/sound_icon16.png) 0 0 no-repeat;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
}

#lean_overlay {
    position: fixed;
    z-index:990;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: transparent;
    display: none;
}
.message.indialog{
	padding: 10px 20px;
	background: #FFF !important;
	box-shadow: 0 0 5px rgba(0,0,0,0.6);
}

h3.single-line-divider {
	padding-top: 0.4em;
}

.product-base-price {
	font-size: 1.4em;
}

/* =============================================================================
   Listings
   ========================================================================== */
   
.article-list .article {
	width: 100%;
	display: inline-block;
	margin-bottom: 2em;
}
.article-list .thumb {
	width: 100px;
	float: left;
	padding-top: 0.5em;
}
.article-list .content {
	padding-top: 0.5em;
}
.article .thumb-space {
	padding-left: 110px;
}

/* =============================================================================
   Events Calendar
   ========================================================================== */
    
.details .dates-times dt {
	display: inline-block;
	padding-right: 0.25em;
	float: none;
}
.details .dates-times dt span {
	text-transform: uppercase;
	font-size: 0.9em;
}
.details .dates-times dd {
	display: inline-block;
	margin: 0;
	padding: 0 0.5em 0 0;
}
.event-zoom.details {
	display: inline-block;
	width: 100%;
	padding-bottom: 1em;
	padding-top: 1em;
	margin-bottom: 1em;
}
.event-zoom .dates-times dl {
	margin-right: 10em;
}

.other-dates ul {
	list-style: none;
	margin-left: 0 !important;
	padding-left: 0 !important;
}	
.other-dates li {
	background: url(../images/nav_lvl3_bullets.png) 0 2px no-repeat;
	padding-left: 20px;
}
.other-dates .date a {
	color: #811D5E !important;
}
.other-dates em {
	display: inline-block;
	padding: 0 0.5em;
}

#month-nav {
	display: inline-block;
	width: 100%;
}
#month-nav div {
	float: left;
}
#month-nav #StartDayStartMonthStartYear, #month-nav #EndDayEndMonthEndYear {
	display: block;
}
#month-nav label {
	float: left;
	width: 6em;
	padding-top: 4px;
}
#month-nav .Actions {
	margin-top: 0;
	text-align: center;
}
#month-nav .yaselect-wrap,
#month-nav .yaselect-current {
	float: none;
}
#left-column .jumpToSelector .yaselect,
#left-column .jumpToSelector .yaselect-wrap,
#left-column #selectLocation {
	width: 265px;
}

#month-nav .yaselect-wrap,
#month-nav .yaselect-select {
	width: 4.5em;
}
#month-nav .dropdown .yaselect-wrap,
#month-nav .dropdown .yaselect-select {
	width: 150px;
}
.registerable-event-title {
	display: inline-block;
	width: 100%;
	position: relative;
}
.registerable-event-title h2.register-link-space {
	margin-right: 8em;
}
.registerable-event-title .right {
	top: 0;
	right: 0;
	position: absolute;
}

/* =============================================================================
   User and Cart
   ========================================================================== */

#user-tools {
	position: absolute;
	right: 0;
	top: 0;
	color: #FFF;
	padding-top: 1em;
}
#user-tools p {
	font-size: 0.86em;
}

#user-tools p.member-links {
	float: right;
	
}
#page-shopping-cart-summary {
	height: 50px;
	color: #FFF;
	background: #222;
	background: rgba(0,0,0,0.9);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 -1px 3px rgba(0,0,0,0.5);
	z-index: 999;
}
#page-shopping-cart-summary p {
	padding: 0;
	width: 978px;
	margin: 0 auto;
}
#page-shopping-cart-summary a {
	color: #FFF;
	background: url(../images/shop_cart_icon16.png) 0 10px no-repeat;
	padding: 10px 0 0 20px;
	float: right;
}
#shoppingcart table .quantity {
	width: 12%;
	text-align: center;
}
#shoppingcart table .quantity input {
	width: 3em;
}
#shoppingcart table .subtotal {
	width: 12%;
}

/* =============================================================================
   Toast Messages
   ========================================================================== */
   
.toast-container {
	width: 350px;
	z-index: 9999;
}
* html .toast-container {
	position: absolute;		
}
.toast-item {
	height: auto;
	background: rgba(0,0,0,0.9);
	color: #eee;
	padding: 6px;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.toast-item p {
    text-align: left;
	margin: 20px 30px 20px 48px;
}
.toast-item-close {
    background:url(../images/toastclose.gif);
    width:22px;
    height:22px;
    position: absolute;
    top:7px;
    right:7px;
	cursor: pointer;
}
.toast-item-image {
    width: 32px;
    height: 32px;
    position:absolute;
	top: 50%;
	left: 10px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: -16px;
}
.toast-item-image-notice {
    background-image: url(../images/notice.png);
}
.toast-item-image-success {
    background-image: url(../images/tick_icon.png);
}
.toast-item-image-warning {
    background-image: url(../images/warning.png);
}
.toast-item-image-error {
    background-image: url(../images/alert_icon.png);
}
.toast-item a { color: #D9C1AD; }

/** 
 * toast types 
 * 
 * pattern: toast-type-[value]
 * where 'value' is the real value of the plugin option 'type'
 * 
 */
.toast-type-notice {
    color: white;    
}
.toast-type-success {
    color: white;    
}
.toast-type-warning {
    color: white;
}
.toast-type-error {
    color: white;
}

/** 
 * positions 
 * 
 * pattern: toast-position-[value]
 * where 'value' is the real value of the plugin option 'position'
 * 
 */
.toast-position-top-right {
    position: fixed;
    top: 20px;
    right: 20px;
}
.toast-position-center {
    position: absolute;
    left: 50%;
    margin-left: -140px;
    margin-top: -40px;
    top: 300px;
}
.toast-position-middle-bottom {
    position: absolute;
    left: 50%;
    margin-left: -140px;
    margin-top: -40px;
    top: 75%;
}

/***** colorbox *****/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#000}
#cboxContent{background:#fff; overflow:hidden;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
.cboxIframe{background:#fff;}
#cboxClose{position:absolute; bottom:2px; right:10px;}

p.wait { padding: 20px 40px; text-align: center; }

#colorbox .ajax-content { padding: 20px; background: #FEFCF8 url(../images/body_bg.jpg) 0 0 repeat-x; }

/***** select box plugin styles *****/

.yaselect-wrap { border: 1px solid #DCD7CE; padding: 1px; margin: 0; background: #FFF; font-family: Arial, Helvetica, sans-serif;}
.yaselect-wrap, .yaselect-current { cursor: pointer; display: block; text-align: left; }
.yaselect-wrap, .yaselect-select { width: 300px; }
.yaselect-current { padding: 3px; background: url(../images/yaselect_arrow_down.png) no-repeat 100% 50%; min-height: 21px;}
.yaselect-current:hover,
.yaselect-current:active,
.yaselect-current:focus { background: url(../images/yaselect_arrow_down_highlight.png) no-repeat 100% 50%; }

form.single-row-fields .yaselect-current {
	display: block !important;
}
/* =============================================================================
   Sitemap
   ========================================================================== */

#sitemap ul {
	padding-left: 0;
}
#sitemap li {
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
}
#sitemap li ul {
	padding-left: 1.2em;
}
#sitemap li li {
	font-weight: normal;
	text-transform: none;
	list-style: inherit;
}

.donation-form { margin-top: 1.8em; }
#Form_DonateForm .CompositeField { position: relative; display: inline-block; width: 100%; }
#Form_DonateForm .description, #Form_DonateForm .desc-link { float: left; width: 75%; }
#Form_DonateForm .CompositeField .numeric input { width: 90px; }
#Form_DonateForm .numeric { float: right; width: 20%; }

.donation-option { display: inline-block; width: 100%; margin-bottom: 2.6em; }
.donation-option.last { margin-bottom: 0; }
.donation-option .donate-button { margin: 1.8em 0 0 8px; }

#Form_DonateForm #Subscribe, #Form_DonateForm #PaymentMethod { margin-top: 1.8em; }

.typography ul.donation-options { list-style: none; margin: 0 0 1.8em 0; padding: 0; }
.typography .donation-options li { display: inline-block; width: 100%; }
.typography .donation-options .title { float: left; width: 70%; }
.typography .donation-options .amount { font-family: "Courier New", Courier, monospace; float: right; width: 30%; text-align: right; }

.typography .notice-msg { background: #AD7C00; color: #fff; padding: 0.6em 1em; }

/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  
  #region,
  #site-search,
  #left-column,
  #site-info-links,
  a.button-link {
  	display: none !important;
  }
  
  #wrapper-main,
  #wrapper-main .centre-content,
  #main-and-right,
  .typography h1,
  .typography h2,
  .typography h3,
  .typography h4,
  .typography h5 {
  	max-width: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
  }
  
  #logo img {
  	width: 100px;
	height: 162.16px;
  }
}