/* CSS Document */
.SQLError {
	margin: 10px;
	padding: 10px;
	border: 1px dotted #000;
	font-size: 12px;
	font-weight: bold;
	color: #F00;
	background-color: #FFF;

}

.debug {
	position: fixed;
	z-index: 99999999;
	top: 0;
	left: 10px;
	bottom: 0;
	overflow: auto;
	padding-right: 10px;
}

.debug pre {
	background-color: #000;
	color:#FFF;
	border-radius: 4px;
	padding: 20px;
	margin-top:10px;
}

* {
	margin:0;
	padding:0;
	font-size:100%;
}

body{
	font-size: 12px;
	color: #412817;

	font-family: Helvetica, Arial, sans-serif;

background-position:center;
background-repeat:repeat-y;
	background-color: #FFF;
}
/*img {vertical-align:top;}
a img { border:0;}
*/
.col-1 ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
	font-size:12px;
	line-height:1.75em;
	color: #412817;
	}
input, select { 
	vertical-align:middle; font-weight:normal;
}
img{
	border:hidden;
}
a {
	color:#656464;
	text-decoration:underline;
}
a:hover{text-decoration:underline;}
p {
	font-size: 14px;
	margin-bottom: 18px;
	line-height: 18px;
	color: #01294C;
}

ul {
    margin-left: 30px;
    
    margin-bottom: 18px;
}

li{
    font-size: 14px;    line-height: 18px;  color: #01294C;
}

/* ============================= main layout ====================== */

.link {background:url(/images/Layout/link-tail-bg.gif) top repeat-x; display:block; float:right; color:#757f83; text-decoration:none; font-size:11px; line-height:1em; margin-top:14px;}
.link span {background:url(/images/Layout/link-right-bg.gif) top right no-repeat; display:block;}
.link span span {background:url(/images/Layout/link-left-bg.gif) top left no-repeat; padding:2px 10px 4px 11px;}
.link:hover {background:url(/images/Layout/link-tail-bg-hover.gif) top repeat-x;}
.link:hover span {background:url(/images/Layout/link-right-bg-hover.gif) top right no-repeat;}
.link:hover span span {background:url(/images/Layout/link-left-bg-hover.gif) top left no-repeat;}

.button {background:url(/images/Layout/button-tail-bg.gif) top repeat-x; display:block; float:left; color:#757f83; text-decoration:none; font-size:11px; line-height:1em; text-transform:uppercase;}
.button span {background:url(/images/Layout/button-right-bg.gif) top right no-repeat; display:block;}
.button span span {background:url(/images/Layout/button-left-bg.gif) top left no-repeat; padding:5px 6px 6px 8px;}
.button:hover {background:url(/images/Layout/button-tail-bg-hover.gif) top repeat-x;}
.button:hover span {background:url(/images/Layout/button-right-bg-hover.gif) top right no-repeat;}
.button:hover span span {background:url(/images/Layout/button-left-bg-hover.gif) top left no-repeat;}

.link2 {background:url(/images/Layout/link-bg.gif) no-repeat top right; padding-right:10px; color:#e73c0a; font-size:11px;}

h1 {
	color:#797979;
	font-size:24px;
	line-height:1em;
	font-weight:normal;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
h2 {
	color: #01294C;
	font-size: 40px;
	line-height: 30px;
	margin: 7px 0 15px 0;
	font-family: 'gooddogregular';
	font-weight: normal;
}
h3 {
color: white;
font-size: 24px;
color: #01294C;  
font-size: 32px;      font-family: 'gooddogregular';  font-weight: normal;
line-height: 27px;
margin-bottom: 20px;
}
h4 {
	color: #01294C;
	font-size: 28px;
	font-family: 'gooddogregular';
	line-height:1em;
	font-weight: normal;
	margin:0 0 13px 0;
}

h5 {
    color: #01294C;  
    font-size: 24px;  font-family: 'gooddogregular';  line-height: 1em;  font-weight: normal;  margin: 0 0 13px 0;
	
}

h6 {
    color: #01294C;

    font-size: 20px;
font-family: 'gooddogregular';
line-height: 1em;
font-weight: normal;
margin: 0 0 13px 0;
}
#navigation{
	height: 30px;
}
.col-1 li {
	background:url(/images/Layout/list-bg.gif) no-repeat 0 10px;
	padding-left:25px;
	font-size:0.917em;
	line-height:2.727em;
}
.lvl1menu {

}
.lvl1menu a {
	font-weight: normal;
}
.lvl2menu li { background:url(/images/Layout/list2-bg.gif) no-repeat 0 10px; padding-left:25px; font-size:0.917em; line-height:2.727em;}
.lvl2menu a { font-weight: normal;}
.lvl3menu li { background:url(/images/Layout/list3-bg.gif) no-repeat 0 10px; padding-left:25px; font-size:0.917em; line-height:2.727em;}
.lvl3menu a { font-weight: normal;}
.imgindent {margin:0 20px 0 0; float:left;}
cite {font-style:normal;}

/* ============================= header ====================== */








.menu {
	margin-top:0px;
	height:31px;
	text-align:center;
	left: 260px;
	bottom: -9px;
	position: absolute;
	right: 0;
}
.menu a:link{
	color: #FFFFFF;
	font-size: 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration:none;
}
.menu a:hover{
	text-decoration:none;
}
.menu a:visited{
	color: #FFFFFF;
}
.menu .right-bg {background:url(/images/Layout/menu-side-bg.gif) top right no-repeat;}
.menu .left-bg {background:url(/images/Layout/menu-side-bg.gif) top left no-repeat; width:100%;}


.slogan {padding:87px 0 144px 17px;}

/* ============================= content ======================.tail-bot */
.slideshowTextBox h1{
	color:#FFF;
	font-size:28px;
	font-weight:normal;
	margin-top:0px;
	padding-top:0px;
}
.slideshowTextBox h2{
	color:#FFF;
	font-size:16px;
	font-weight:normal;
	margin-top:0px;
	padding-top:0px;
}
.slideshowTextBox h3{
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	margin-top:0px;
	padding-top:0px;
}
.slideshowTextBox h4{
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	margin-top:0px;
	padding-top:0px;
}
.slideshowTextBox p{
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	margin-top:0px;
	padding-top:0px;
	line-height: 16px;
}

#content  {

	}

.col-pad {
	padding-right:10px;
}
.col-pad2 {padding-right:39px;}
.padding1 {padding-top:28px;}
.padding2 {padding-top:18px;}
.padding3 {padding-top:9px;}
.margin1 {margin-bottom:35px;}

.text2 {font-size:0.917em; line-height:1.636em;}
.name {float:right; color:#c7310f;}
.color2 {color:#191919;}
.mail {color:#c7310f;}
.phone {float:right; margin-right:120px;}

/* ============================= footer ====================== */

#footer a {
	color:#797979;
	text-decoration:none;
	font-size: 10px;
	line-height: 12px;
	margin-left: 8px;
	margin-right: 8px;
}
#footer a:hover {text-decoration:underline;}

/* ============================= forms ============================= */

#SearchForm {padding:44px 0 0 0;}
#SearchForm .rowi {height:33px;}

#SearchForm .input {width:153px; height:20px; border:1px solid #c7bfbf; background:none; padding:0 0 0 5px; font-size:1em; float:left; margin-right:2px;}

#ContactForm {padding:20px 0 0 0;}
#ContactForm .rowi {height:42px;}
#ContactForm .link {margin-left:20px;}
#ContactForm .input {width:212px; height:19px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px; font-size:1em; float:left; margin-right:2px;}
textarea {
	width:500px;
	height:103px;
	border:1px solid #a09b96;
	background:#fff;
	padding:0 0 0 5px;
	overflow:auto;
	font-size:1em;
}
.gallery {
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
.picture,
.pictureRight {
	float: left;
	height:105px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #003300;
	margin-bottom: 0px;
}
.picture {
}
.gallery .picture img,
.gallery .pictureRight img {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
}
.caption {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #666;
	width: 140px;
	clear: both;
	text-align: left;
	padding-left: 10px;
}
.TableLayout td{
	padding:3px;
}
.RowHeader{
	background-color:#1f5699;
	color:#FFF;
	font-weight:bold;
}
.EventListName{
	font-size:26px;
	color:#797979;
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:10px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.EventListDate{
	font-size:12px;
	color:#797979;
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.EventListDesc{
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;

}
.EventListDesc p{
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.EventListLink{
	text-align:right;
	margin: 0px;
	padding: 0px;
}
.EventListLink a{
	color:#6c1110;
}
.EventListLink a:visited{
	color:#6c1110;
}
EventFullDate{
	font-size:12px;
	color:#797979;
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
}
.EventFullName{
	font-size:26px;
	line-height:26px;
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:10px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	float: left;
	width: 400px;
}
.EventFullDesc{
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	float: left;
	width: 400px;
}
.EventPriceBox{
	float:right;
	width:245px;
	margin-left: 5px;
	margin-bottom: 30px;
	margin-top: 0px;
}
.EventPriceDesc{
	color:#6c1110;
	font-weight:bold;
	float:left;
	width:190px;
}
.EventPrice{
	color:#797979;
	float:left;
	width:50px;
}
.EventData{
	color:#797979;
}
.FormLeft{
	float:left;
	width:340px;
	color:#000;
}
.FormRight{
	float:left;
	width:300px;
	color:#000;
}
.FormName{
	float:left;
	width:160px;
	margin-bottom: 3px;
}
.FormValue{
	float:left;
	width:170px;
	margin-bottom: 3px;
}
.FormTickType{
	float:left;
	width:90px;
	margin-bottom: 3px;
}
.FormTickQuant{
	float:left;
	width:90px;
	margin-bottom: 3px;
	text-align: center;
}
.FormTickPrice{
	float:left;
	width:60px;
	margin-bottom: 3px;
}
.FormEventName{
	margin-bottom:3px;
}
.FormEventDate{
	margin-bottom:10px;
}
.FormBox{
	position:relative;
	padding-bottom: 60px;
}
.FormButtonBoxLeft{
	position:absolute;
	bottom:0;
	left:10px;
	width:200px;
	text-align:left;
}
.FormButtonBoxRight{
	position:absolute;
	bottom:0;
	right:10px;
	width:200px;
	text-align:right;
}

#navigationBar {
	width: 100%;
	position:absolute;
	top:26px;
	height:94px;
	left: 0;
	z-index:60;
	background-color: #01294C;
	-webkit-transition: .5s;  -moz-transition: .5s;  transition: .5s;
}

#navigationBarInner {
	position:relative;
	width:940px;
	height:94px;
	margin-left: auto;
	margin-right: auto;
}

#navigationBarInner .logo {
	width: 208px;
	height: 135px;
	position:absolute;
	top: 0;
	left: 6px;
	margin-top: -25px;
	background-color: #FFF;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	background-image: url(/gfx/logo.png);
	background-repeat: no-repeat;
	background-position: center;
}

#navigationBarInner .Tagline1 {
	position:absolute;
	top: 24px;
	left: 270px;
	letter-spacing: 0px;
	font-size: 36px;
	color: #FFF;
	font-family: 'gooddogregular';
}

#navigationBarInner .Tagline2 {
	position:absolute;
	top: 10px;
	right: 15px;
	font-size: 49px;
	height: 50px;
	line-height: 50px;
	color:#E74D1C;
	font-family:'FuturaW01-LightCondense 774878';
}

#newsletterSignUp {
	width:940px;
	height:35px;
	background-color:#412817;
	margin-left:auto;
	margin-right:auto;
}

#newsletterSignUp span {
	color:#fff;
	line-height: 38px;
	height:35px;
	font-size: 25px;
	font-family:'FuturaW01-LightCondense 774878';
	float: left;
	margin-right: 5px;
}

.shopBlock {
	width: 660px;
	margin-left: auto;


	margin-right: auto;
}

#shopJars {
    background-color: #EEE;
	
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-radius: 10px;
    overflow: hidden;
}

#shopJars .jar {
	position:relative;
	width: inherit;
	height: 60px;
	width: 328px;
	float: left;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	-webkit-transition: .35s;
	-moz-transition: .35s;
	transition: .35s;
}

#shopJars .jar:hover {
    background-color: #FFF;
	
}

#shopJars .jar .jarName {
	position:absolute;
	font-size: 18px;
	top: 20px;
	left: 40px;
}

.jarPrice {
	position:absolute;
	padding: 10px;
	font-size: 18px;
	top: 10px;
	right: 10px;
	background-color: #DDD;
	border-radius: 6px;
}

#shopJars .jar .jarCheck {
	position:absolute;
	top: 24px;
	left: 20px;
}

#catWrap {
	margin-top:15px;
}

#catWrap .cat {
	float:left;
	width:210px;
	background-color: #EEE;
	margin-right: 15px;
}

#catWrap .cat h3 {
	height:40px;
	line-height:40px;
	font-size: 24px;
	text-align: center;
	color: #FFF;
}

#catWrap .cat p {
	margin: 10px;
	color: #FFF;
}

#jarCount {
	position:relative;
	padding-bottom: 20px;
}

#jarCount h4 {
	text-align: center;
	font-size: 72px;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;  font-weight: 300;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 70px;
	line-height: 70px;
	margin: 0;
}

#jarCount .jarCaption {
	position:absolute;
	font-size: 14px;
	top: 85px;
	left: 10px;
	right: 10px;
	text-align: center;
	color: #01294C;
}

#buttonBar {
	padding-top:15px;	
}

a.shopButton {
	float:left;
	height:20px;
	text-decoration:none;
}

.shopButton {
	background-color: #01294C;
	border: 0;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	font-family: arial, helvetica, sans-serif;	
	border-radius: 4px;
	margin-bottom: 10px;
}

.pointRow {
	width:34px;
	margin-left:auto;
	margin-right:auto;
}

.pointRow .point {
	width:4px;
	height:4px;
	margin-right:2px;
	margin-bottom: 2px;
	border-radius: 10px;
	background-color:#999;
	float:left;
}

.pointRow .pointActive {
	width:4px;
	height:4px;
	margin-right:2px;
	margin-bottom: 2px;
	border-radius: 10px;
	background-color:#01294C;
	float:left;
}

#basketArea {
	width:200px;
	margin-left:auto;
	margin-right:auto;
	border-top:2px solid #999;
	padding-top: 10px;
	margin-bottom: 10px;
}

#basketArea .item {
	position:relative;
	margin-bottom:6px;
}

#basketArea .item .input {
	position: absolute;
	width: 20px;
	border: 1px solid #DDD;
	border-left: 2px solid #CCC;
	border-radius: 2px;
	overflow: hidden;
	text-align: center;
	background-color: #FFF;
}

#basketArea .item .input input {
	padding: 0;
	margin: 0;
	border: 0;
	height: 18px;
	width: 20px;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}

#basketArea .item .itemName {
    margin-left: 30px;
}

#basketArea .item .itemDelete {
	position: absolute;
	bottom: 0;
	right: 0;
	top: 4px;
	height: 12px;
	width: 12px;
}

.plusBag {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
}

.catProduct {
	position: relative;
	width: 190px;
	height: 105px;
	margin-left: auto;
	margin-right: auto;
	border-top: 2px solid #FFF;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.catProduct .title {
    position: absolute;	
    left: 70px;
    top: 8px;
    right: 0;
    color: #FFF;
    font-size: 12px;
    line-height: 16px;
}

.catProduct .code {
	position: absolute;
	bottom: -2px;
	border: 2px solid #FFF;
	color: #FFF;
	width: 56px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	border-radius: 4px;
	font-weight: bold;
	opacity: .75;
}

.catProduct .addTextbox {
	position: absolute;
	bottom: 20px;
	right: 0;
	margin: 0;
	border: 0;
	width: 80px;
	height: 30px;
	text-align: center;
}

.catProduct .addButton {
	position: absolute;
	width: 80px;
	border: 0;
	height: 20px;
	bottom: 0;
	right: 0;
	color:#FFF;
	font-size: 10px;
	background-color:rgba(0,0,0,0.2);
}

#basketButtons {
	width:200px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

#basketButtons .paypalButton { 
	width:88px;
	height:30px;
	float:right;
	background-color: #01294C;
	color: #FFF;
	border: 0;
	border-radius: 4px;
}

.errorMessage {
	background-color: rgb(179, 0, 0);
	color: #FFF;
	text-align: center;
	padding: 5px;
	margin-top: 20px;
	border-radius: 4px;
}

.postageBox {
	width:100%;
	background-color:#DDD;
	margin-bottom:10px;
	height:160px;
	padding-top: 20px;
}

.postageBox .box {
	width:300px;
	height: 140px;
	float:left;
	margin-left:20px;
	background-color:#EEE;
	color: #FFF;
	font-size: 18px;
}

.postageBox .box.id1 {
    background-color: #01294C;
    background-image: url(/gfx/mixedBox.png);
    background-position: bottom;
    background-repeat: no-repeat;
}

.postageBox .box.id2 {
	background-color:#B5035B;
}

.postageBox .box.id3 {
	background-color:#F26222;
}

.postageBox .box.id4 {
	background-color:#55BA47;
}

.postageBox .box.id5 {
	background-color:#00ACBD;
}

.postageBox .box.id6 {
	background-color: #7C0719;
    background-image: url(/gfx/christmasBox.png);
    background-repeat: no-repeat;
}

hr {
	margin-top:20px;
	margin-bottom:20px;
	border:0;
	height:1px;
	background-color:#AAA
}

#boxShopTotals {
	position:relative;
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	float: left;
	color: #666;
}

#boxShopTotals #boxPrice {
	float:right;
	font-size: 32px;
	margin-left: 18px;
}