/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */
body {
	background:url(/themes/mysite/images/background.gif) repeat-x;
	/*border-top: 5px solid #000;*/
	background-color: #000;
	font-size: 11px;
	padding: 0 0 40px;
}

/* anchors
----------------------------------------------- */
a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #333;
}

/* 960 grid system container background
----------------------------------------------- */
.container_12,.container_16 {
}

/* headings
----------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	line-height: 1.2em;
	margin-bottom: .3em;
}

h2 {
	margin-top: 1em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1em;
	text-transform: uppercase;
}

h1 a {
	font-weight: normal;
}

/* branding
----------------------------------------------- */
#branding {
	font-weight: normal;
	/*font-size:3em;*/
	text-align: left;
	/*background:url(/themes/mysite/images/top.png);
	margin-bottom: 20px;
	*/
	height: 60px;
	background-color:#000;
	
}

#background {
	width:940px;
	height:480px;
	margin-bottom:20px;
}

/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight: normal;
	padding: .5em;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}

/* boxes
----------------------------------------------- */
.box, .teaserbox, .imgbox, .bikeimgbox {
	background: #ddd;
	margin-bottom: 20px;
	padding: 10px 10px 0px 10px;
}

.teaserbox {
	height:110px;
}

.imgbox, .bikeimgbox {
	margin-bottom: 0px;
}

.bike_info {
	margin-bottom:20px;
}

.teaserimg {
	margin-bottom: 20px;
}

.vimgbox {
	margin-bottom: 5px;
	line-height:0px;
}

div.imgbox img {
	line-height:1px;
}

.box h2, .teaserbox h2, .imgbox h2, .bikeimgbox h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	background: #333;
	margin: -10px -10px 0 -10px;
	padding: 6px 12px;
}

.box h2 a,.box h2 a.visible {
	color: #fff;
	/*background: #333 url("../img/switch_minus.gif") 97% 50% no-repeat;*/
	display: block;
	padding: 6px 12px;
	margin: -6px -12px;
	border: none;
}

.grid_4 .box h2 a {
	background-position: 97% 50%;
}

.grid_5 .box h2 a {
	background-position: 98% 50%;
}

.grid_12 .box h2 a {
	background-position: 99% 50%;
}

.box h2 a.hidden,.box h2 a.hidden:hover {
	background-image: url("../img/switch_plus.gif");
}

.box h2 a:hover {
	background-color: #111;
}

.box .block {
	padding-top: 10px;
}

div.menu {
	padding: 0;
}

div.menu h2 {
	margin: 0;
}

div.menu .block {
	padding-top: 0;
}

/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom: 1em;
	line-height:1.2;
	font-size:110%;
}

blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.2em;
	padding-left: 1em;
	border-left: 4px solid #ccc;
}

blockquote cite {
	font-size: .9em;
}

ul,ol {
	padding-top: 0;
}

/* menus
----------------------------------------------- */
ul.menu {
	list-style: none;
	border-top: 1px solid #bbb;
}

ul.menu li {
	margin: 0;
}

ul.menu li a {
	display: block;
	padding: 4px 10px;
	border-bottom: 1px solid #ccc;
}

ul.menu li a:hover {
	background: #eee;
}

ul.menu li a:active {
	background: #ccc;
}

/* submenus
----------------------------------------------- */
ul.menu ul {
	list-style: none;
	margin: 0;
}

ul.menu ul li a {
	padding-left: 30px;
}

/* section menus
----------------------------------------------- */
ul.section {
	border-top: 0;
	margin-bottom: 0;
}

ul.section li {
	text-transform: uppercase;
}

ul.section li a {
	background: #bbb;
}

ul.section li a:hover {
	background: #aaa;
}

ul.section li a:active {
	color: #fff;
	background: #666;
}

ul.section li li a {
	background: #ddd;
	border-bottom: 1px solid #eee;
}

ul.section li li a:hover {
	background: #ccc;
}

ul.section li li a:active {
	color: #000;
	background: #fff;
}

ul.section ul li {
	text-transform: none;
}

ul.section ul.current li a {
	background: #eee;
	border-bottom: 1px solid #fff;
}

ul.section ul.current li a:hover {
	background: #ddd;
}

ul.section ul.current li a:active {
	background: #fff;
}

ul.section li a.current {
	color: #fff;
	background: #666;
}

ul.section li a.current:hover {
	background: #555;
}

ul.section li a.current:active {
	background: #444;
}

ul.section li a.active {
	background: #fff;
	cursor: default;
}

ul.section li.current>a.active,ul.section li.current>a.active:hover {
	color: #fff;
	background: #666;
	cursor: default;
}

/* table
----------------------------------------------- */
table {
	width: 100%;
	border: 1px solid #bbb;
	margin-bottom: 10px;
}

col.colC {
	width: 8em;
}

th,td {
	padding: .2em 1em;
	text-align: left;
}

thead th {
	border-bottom: 2px solid #888;
	background: #bbb;
	padding: .4em 1em .2em;
}

thead th.table-head {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	background: #555;
	border: 1px solid #555;
}

tbody th,tbody td {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	background: #eee;
}

tbody tr.odd th,tbody tr.odd td {
	background: #fff;
}

tfoot th,tfoot td {
	border-top: 2px solid #666;
	background: #eee;
}

tfoot tr.total th,tfoot tr.total td {
	border-top: 6px double #666;
}

tfoot tr.total th {
	text-transform: uppercase;
}

th.currency,td.currency {
	text-align: right;
}

/* forms
----------------------------------------------- */
form {
	overflow: hidden;
}

fieldset {
	border: 1px solid #bbb;
	padding: 10px;
	position: relative;
	background: #e9e9e9;
	margin-bottom: 10px;
}

legend {
	font-size: 1.1em;
	padding: .4em .8em;
	background: #fff;
	border: 1px solid #bbb;
}

fieldset.login p {
	margin-bottom: 1em;
	margin-top: 0pt;
}

fieldset p label {
	width: 98%;
}

fieldset p input {
	width: 98%;
}

fieldset p select {
	width: 99%;
}

fieldset.login p label {
	float: left;
	line-height: 2em;
	margin-right: 3%;
	text-align: right;
	width: 32%;
}

fieldset.login p input {
	width: 60%;
}

fieldset.login input.button {
	margin-left: 35%;
}

form p.notice {
	font-weight: bold;
}

input.search.text {
	width: 66%;
}

input.search.button {
	width: 28%;
	margin-left: 2%;
}

/* articles
----------------------------------------------- */
.articles {
	padding: 0;
}

.articles h2 {
	margin: 0;
}

#articles {
	padding-top: 0;
}

.article {
	border-top: 1px solid #666;
	padding-top: .5em;
}

.box .article {
	border-top: 3px solid #fff;
	padding: 13px 10px 0 10px;
}

.article h2 {
	font-size: 2em;
	font-weight: normal;
	text-transform: none;
	color: #333;
	background: transparent;
	padding: 0;
	margin: 0;
	border: none;
}

.article h3 {
	margin-bottom: .2em;
	font-size: 1.6em;
}

.box .first {
	border-top: none;
}

.article h4 {
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: .5em;
}

.article a.image {
	float: left;
	margin: 3px 10px 3px 0;
	padding: 4px;
	border: 1px solid #bbb;
	background: #fff;
}

.article a.image:hover {
	border: 1px solid #666;
}

.article a.image img {
	float: left;
}

.article p.meta {
	color: #666;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	padding: .3em 0;
	margin-bottom: .8em;
}

/* site information
----------------------------------------------- */
#site_info .box {
	color: #ccc;
	background: #666;
	margin: 10px 0 10px 0;
}

#site_info a {
	color: #fff;
}

#site_info a:hover {
	color: #000;
}

/* AJAX sliding shelf
----------------------------------------------- */
#loading {
	float: right;
	margin-right: 14px;
	margin-top: -2px;
}

.block {
	padding-bottom: 1px;
}

/* Accordian
----------------------------------------------- */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 1.1em;
	font-weight: normal;
}

.element h4 {
	margin: 0;
	padding: 4px;
	line-height: 1.2em;
}

.element p {
	margin: 0;
	padding: 4px;
}

.float-right {
	padding: 10px 20px;
	float: right;
}

#accordian-block {
	padding-bottom: 10px;
}

/* Mootools Kwicks
----------------------------------------------- */
#kwick-box {
	margin-bottom:20px;
	overflow: hidden;
	background: #000;
}

#kwick-box h2 {
	margin: 0;
}

#kwick {
	position: relative;
}

#kwick .kwicks {
	display: block;
	background: #000;
	height: 144px;
	list-style: none;
	margin: 0;
	overflow: hidden;
}

#kwick li {
	float: left;
	margin: 0;
	padding: 0;
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 144px;
	width: 220px;
	padding: 0px;
	background: #fff;
}

#kwick .kwick span {
	color: #fff;
}

#kwick .one {
	background: #f00;
}

#kwick .two {
	background: #0f0;
}

#kwick .three {
	background: #00f;
}

#kwick .four {
	background: #ff0;
}

#kwick .five {
	background: #0ff;
}

#kwick .six {
	background: #f0f;
}

#smallslider {
	height: 300px;
	width: 460px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	margin-bottom: 20px;
}

#smallsections {
	overflow: hidden;
	background-color: black;
	width: 460px;
	height: 300px;
	clear: left;
}

#smallsections ul {
	list-style: none;
	width: 3660px;
}

#smallsections li {
	float: left;
	padding: 0;
	margin:0;
}

#navigation {
	overflow:auto;
	position:absolute;
	right:0px;
	bottom:5px;
}

.next,.prev {
	cursor: pointer;
}

.next:hover {
	/*background:url(/themes/mysite/images/arrow-right-hover.gif); */
	background-position: center -14px;
}

/* Big Images */
#slider {
	height: 480px;
	width: 940px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	margin-bottom: 20px;
}

#sections {
	overflow: hidden;
	background-color: black;
	width: 940px;
	height: 480px;
	clear: left;
}

#sections ul {
	list-style: none;
	width: 5000px;
}

#sections li {
	float: left;
	padding: 0;
}

/* Overviews */
#overslider {
	height: 380px;
	width: 700px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	margin-bottom: 20px;
}

#overviews {
	overflow: hidden;
	background-color: black;
	width: 700px;
	height: 360px;
	clear: left;
	margin-bottom:20px;

}

#overviews ul {
	width: 3520px;
	list-style: none;
	margin:0;
}

#overviews li {
	float: left;
	padding: 0;
	margin: 0;
}

/* Bikes */

#bikeslider {
	height: 144px;
	width: 940px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	margin-bottom: 20px;
	background-color:#000;
}
/*
#bikenavigation {
}

#bikes {
	overflow: hidden;
	background-color:#000;
	width: 880px;
	height: 144px;
	clear: left;
	margin:0 30px 0px 30px;
	padding:0px;
}

#bikes ul {
	list-style: none;
	width: 3660px;
	margin:0;
}

#bikes li {
	float: left;
	padding: 0;
	margin: 0;
}
*/


.infiniteCarousel {
  width: 940px;
  position: relative;
}
 
.infiniteCarousel .wrapper {
  width: 880px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 144px;
  margin: 0 30px;
  position: absolute;
  top: 0;
}

 /*
.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
*/
 
.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}
 
.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0;
  margin:0;
  height: 144px;
  width: 220px;
}
 
.infiniteCarousel ul li a img {
  display:block;
}
 
.infiniteCarousel .arrow {
  display: block;
  height: 26px;
  width: 27px;
  background: url(/themes/mysite/images/arrow_red_small.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 46px;
  cursor: pointer;
}
 
.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}
 
.infiniteCarousel .back {
  background-position: 0 -52px;
  left: 0;
}
 
.infiniteCarousel .forward:hover {
  background-position: 0 -26px;
}
 
.infiniteCarousel .back:hover {
  background-position: 0 -78px;
}

/* GLOBALHEADER */
#globalheader { width: 940px; height: 50px; margin: 0px auto; position: relative; z-index: 9998;}
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; margin:0; }
#globalheader #globalnav li a { float: left; height: 0; padding-top: 50px; overflow: hidden; cursor:hand;}
#globalheader #globalnav li a,

#globalheader #globalsearch { 
	background-image: url(/themes/stgallen/images/tnav-stgallen.png); 
	_background-image: url(/themes/stgallen/images/tnav-stgallen.png); 
	background-repeat: no-repeat; }

/*
#globalheader #globalsearch { 
	background-image: url(/themes/mysite/images/nav_stgallen.png); 
	_background-image: url(/themes/mysite/images/nav_stgallen.png); 
	background-repeat: no-repeat; }
	*/
	
/* BUTTONS */
#globalheader #globalnav li#gn-thoemus a { background-position: 0 0; width: 432px;}
#globalheader #globalnav li#gn-bikes a { background-position: -432px 0; width: 56px;}
#globalheader #globalnav li#gn-snowfarm a { background-position: -488px 0; width: 92px;}
#globalheader #globalnav li#gn-events a { background-position: -580px 0; width: 68px;}
#globalheader #globalnav li#gn-academy a { background-position: -648px 0; width: 82px;}
#globalheader #globalnav li#gn-teams a { background-position: -730px 0; width: 64px;}
#globalheader #globalnav li#gn-mythoemus a { background-position: -794px 0; width: 92px;}
#globalheader #globalnav li#gn-t a { background-position: -886px 0; width: 54px;}

.ACSlider { position:relative; }

/* dot nav at the top */
.ACSliderPageNav { position:absolute; top:0; left:50%; height:8px; padding:0; margin:0 auto; text-align:center; }
.ACSliderPageNav li { display:inline; }
.ACSliderPageNav li a { display:block; float:left; width:4px; height:4px; padding:2px; margin:0 2px; cursor:pointer; text-indent:-9999px; background:url(http://images.apple.com/global/elements/slider/dot20070414.png) center top no-repeat; _background-image:url(http://images.apple.com/global/elements/slider/dot20070414.gif); overflow:hidden; }
.black .ACSliderPageNav li a { background-image:url(http://images.apple.com/global/elements/slider/dot_black20070414.png); _background-image:url(http://images.apple.com/global/elements/slider/dot_black20070414.gif); }
.ACSliderPageNav li a:hover { background-position:center -8px; }
.ACSliderPageNav li a.active { background-position:center -16px; cursor:default; }

/* previous and next nav */

.bikePrev, .bikeNext { position:absolute; top:50%; width:14px; height:14px; cursor:pointer; text-indent:-9999px; behavior:url(/global/scripts/lib/iepngfix.htc); overflow:hidden; }
.bikePrev { left:0; background:url(/themes/mysite/images/arrow-left.gif) center top no-repeat; }
.black .bikePrev { background-image:url(/themes/mysite/images/arrow-left-hover.gif); }
.bikeNext { right:0; background:url(/themes/mysite/images/arrow-right.gif) center top no-repeat; }
.black .bikeNext { background-image:url(/themes/mysite/images/arrow-right-hover.gif); }
.bikePrev:hover, .:hover { background-position:center -14px; }

/* container */
.ACSliderMaskDiv { position:relative; overflow:hidden; margin:0 30px; }
.ACSliderMaskDiv ul { position:absolute; top:16px; width:9999px; margin:0; padding:0; }
.ACSliderMaskDiv ul li { }


#bikemodels {
	overflow: hidden;
	background-color: black;
	width: 880px;
	height: 144px;
	clear: left;
	margin:0 30px 0px 30px;

}

#bikemodels ul {
	list-style: none;
	width: 3660px;
	margin:0;
}

#bikemodels li {
	float: left;
	padding: 0;
	margin: 0;
}


#bikemodels {
	overflow: hidden;
	background-color: black;
	width: 880px;
	height: 144px;
	clear: left;
	margin:0 30px 0px 30px;

}

#bikemodels ul {
	list-style: none;
	width: 3660px;
	margin:0;
}

#search {
	text-align:right;
}

#search input { 
	border:none;
	font-size:12px;
	color:#333;
	width:120px;
	margin:12px 10px 0 0;
}

#sitemap { 
	font-size: 11px;
	background:#f91e02;
	color:#ccc; 
	padding:14px 0 14px 0;
}

#sitemap h3 { font-size: 12px; color:#ccc}
#sitemap ul { list-style: none; }
#sitemap ul li { margin:0px; }
#sitemap a {color:#fff; font-weight:normal;line-height:1.2}

#footer { }
#footer p {color:#666;}

.linkcol {
	border-left:none;
}

.linkcol h3 {
	margin-top:5px;
}

#footer-cola {

}

#footer-colb {

}

#footer-colc {

}

#footer-cold {

}

#footer-cole {

}

/*
#dn-cola {
	margin-left:0;
}
*/

#flasharea {
	margin-bottom: 16px;
}

/* Events */

.mythoemus_event_block {
	margin-top:10px;
}

.mythoemus_event_descr {
	font-size:1.1em;
	line-height:1.2;
}

.mythoemus_event_block h3 {
	font-size:1.4em;
}

.mythoemus_event_block h3 a{
	color:#c00;
}

.mythoemus_event_descr {
	padding-right:2em;
}

/************************
SITEMAP
************************/
#sitemap-list {padding:0 0 0 10px; margin:0; list-style:none; font-weight:bold; line-height:150%} /*1st level list*/
#sitemap-list li {padding:10px; margin-top:10px; font-size:13px; background:#f0f0f0;} /*1st level items*/
 
#sitemap-list ul {margin:5px 10px 5px 10px; padding:5px 10px; font-weight:normal; background:#f8f8f8;} /*2nd level lists*/
#sitemap-list li li {padding:0; margin:0; list-style:none; font-weight:bold; font-size:11px; line-height:18px; background:none} /*2nd level items*/
 
#sitemap-list ul ul {margin-left:10px;padding:5px 10px;  background:#fff;} /*3rd level lists*/
#sitemap-list li li li {font-size:11px; font-weight:normal;} /*3rd level items*/