﻿body { font-family:Arial; font-size:12px; color:#000000; margin:0px; background: transparent url(images/bg.jpg) repeat-x top left; }

a { color:#d52b1e; }
img { border:none; }

h1 { font-size:16px; color:#000000; font-weight:bold; margin-top:0px; }
h2 { font-size:16px; color:#d52b1e; font-weight:bold; margin-top:0px; }
.hMenu { font-size:14px; color:#d52b1e; font-weight:bold; margin-top:0px; }
.CartMenu { font-size:12px; color:#d52b1e; font-weight:bold; margin-top:0px; }

#container { margin:auto; width:1080px; }

#shade { float:left; width:1038px; padding-left:42px; background: transparent url(images/shade.png) no-repeat 0px 0px; }
#innerContainer { float:left; width:992px; background-color:#fff; }

#topMenu { float:left; width:100%; height:19px; padding-top:20px; background: transparent url(images/topMenuBg.jpg) no-repeat top left; }
#topMenu a img { float:left; padding-left:19px; }
#topMenu ul { list-style:none; float:right; margin:0px; margin-right:15px; }
#topMenu ul li { padding-right:10px; padding-left:10px; float:left; background:transparent url(images/seperator.gif) no-repeat 0px 2px }
#topMenu ul li:first-child { background:none; }
#topMenu ul li a { display:block; font-size:11px; font-weight:bold; color:#5d5d5d; text-decoration:none; }
#topMenu ul li.selected a { color:#e61a13; }
#topMenu ul li a:hover { color:#e61a13; }
#topMenu ul li img { display:block; }

#topPicture { float:left; width:100%; height:148px; margin-bottom:38px;}
#CartTicker { float:right; position:relative; width:142px; right:10px; top:170px; margin-top:5px; padding-right:5px; padding-left:5px;}

#leftCol { float:left; width:218px; padding-left:20px; padding-right:20px; }

#leftCol ul { list-style-type:circle; padding:0px; margin:0px; }
#leftCol ul li:first-child { border-top: solid 1px #ebebeb; }
#leftCol ul li { list-style-image:url(images/bulletL1.gif); list-style-position:inside; line-height:25px; border-bottom: solid 1px #ebebeb; }
#leftCol ul li a { text-decoration:none; color:#000000;  }
#leftCol ul li a:hover { color:#d52b1e; }
#leftCol ul li.selected a { color:#d52b1e; }
#leftCol ul ul {  }
#leftCol ul ul li { list-style-image:url(images/bulletL2.gif); padding-left:25px; }
#leftCol ul ul li:first-child { border-bottom:none;  }
#leftCol ul li.selected ul li a { color:#000000; }
#leftCol ul ul li.selected a { color:#d52b1e; } 

#rightCol { float:left; width:734px; }

#rightCol .frontpageImage { }

#rightCol .teaser { float:left; width:220px; margin-top:12px; margin-right:30px; }
#rightCol .teaser.last { margin-right:0px; }

#rightCol .event { position:relative; height:160px; margin-bottom:27px; }
#rightCol .event .description { float:left; margin-top:25px; width:450px; }
#rightCol .event img { float:left; width:220px; height:160px; padding-right:10px; margin-right:10px; border-right: solid 1px #ebebeb; }

#rightCol .galleryView { float:left; width:690px; margin-bottom:5px; }
#rightCol .galleryImage { float:left; width:550px; height:349px; background-repeat:no-repeat; }
#rightCol .imageDescription { float:left; width:690px; height:20px; margin-bottom:20px; }
#rightCol .galleryStrip { float:left; }


.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 480px;
	height: 49px;
	margin-left: 30px;
	margin-bottom: 10px;
}
.stepcarousel .belt{ position: absolute; left:0; top: 0; }
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 2px; /*margin around each panel*/
	width: 66px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel img { cursor: pointer; }


#footer { float:left; width:100%; height:41px; font-size:11px; background-image: url(images/footerBg.jpg); margin-top:30px; padding-top:4px; text-align:right; }

