/* Main Style Sheet for Vail Rides */

/* Standard HTML Elements */

body {background-color:#504f4e; margin:0px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:black;}

a:link {color: #0d3793;	text-decoration: none;}
a:link2 {color: #ffffff; text-decoration: none;}
a:visited {color: #0d3793; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}
a:Active {color:#0d3793;}

h1 {font-size:13pt; color:#0d3793; margin-left:15px;}
h2 {font-size:12pt; color:#0d3793; margin-left:15px;}
h3 {font-size:11pt; color:#0d3793; margin-left:15px;}

b, strong {font-weight: bold;}
div {font-size:9pt;}
i,em {font-style: italic}
img {border:none;}
li {font-size:9pt; line-height:120%;}
p {font-size:9pt; padding-left:15px; padding-right:15px; line-height:140%;}


/* IDs */

#MainContainer {width:1000px; background:white; margin:6px auto 6px auto; display:block; text-align:left;}
#LeftShadow {width:42px; background-image:url('/English/Images/Misc/side_left.jpg');}
#MainBody {width:916px;}
#RightShadow {width:42px; background-image:url('/English/Images/Misc/side_right.jpg');}


/* Classes applicable to any element */

.divClear {clear:both;}
.CustomerQuoteText {font-size:12pt; font-family:"Times New Roman", Times, serif; text-align:left; line-height:160%;}
.CustomerQuoteName {font-size:9pt; font-style:normal; text-align:right; margin-top:4px;}
.FormCategoryName {width:600px; font-size: 10pt; font-weight: bold; color:#CC3333; padding: 12px 5px 2px 10px;}
.FormVariableName {width:200px; font-size: 9pt; font-weight: bold; text-align:right; padding-right:4px; padding-top:5px; float:left;} 
.FormVariableValue {width:396px; font-size: 8.5pt; padding-top:3px; float:right; } 
.JobCode {font-size: 8pt; }
.JobTable { width:530px; margin: 6px 0px 6px 20px; border: solid #CCCCCC 1px; }
.JobTitle {font-size: 11pt; color:#333333; font-weight:bold; }
.PRChrono {width:800px; margin:2px 10px 8px 10px;}
.PRChronoLeft {width:20px; float:left;}
.PRChronoRight {width:760px; margin-left:10px; float:right;}
.PR_Title {margin: 0px; font-size: 11pt; color: black; margin-bottom: 8px; text-align:center; font-weight: bold;}
.PR_Subtitle {margin: 0px; font-size: 9pt; color: black; margin-bottom: 4px; text-align:center;}
.TestimonialText {margin-bottom:4px; line-height:150%;}
.TestimonialName {margin-top:0px; margin-bottom:30px; text-align:right; font-style:italic;}

/* Classes applicable to only specified elements */

li.PDF {list-style: none; background-image: url('/English/Images/Icons/PDF_Icon_16px.gif'); background-repeat: no-repeat; background-position:0px 2px; padding-left:18px; padding-bottom:10px; margin-right:10px; margin-left:0px;}
li.RedArrow {list-style: none; background-image: url('/English/Images/Buttons/Arrow_Red_Right_8px.gif'); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 18px; padding-bottom: 10px; margin-right: 10px; margin-left: 0px; }
li.TownsServed {font-weight:bold; font-size:7.5pt; list-style-type:square; margin-left:-8px;}
input.SubmitButton {color:#005500; cursor:pointer; font-weight:bold; font-size:24px;}
td.EvenRow {text-align:center; background-color:#CCCCCC;}
td.OddRow {text-align:center; background-color:white:}

.footer {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#FFFFFF;}
a.footerlink:link {color:#eeeeee; text-decoration:none;}
a.footerlink:visited {color:#dddddd; text-decoration:none;}
a.footerlink:hover {color:#ffd600; text-decoration:none;}
a.footerlink:active {color:#ffffff; text-decoration:none;}


/* Used with slideshow. See /javascript/SlideShow.js */
#slideshow {position:relative; height:383px;} /* Height corresponds to height of images */
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}


/* ================================================================ 
The original version is available at http://www.cssplay.co.uk/menus/iPad-Anywidth2.html
Copyright (c) 2011 Stu Nicholls. All rights reserved.
=================================================================== */

/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}

#MainMenu {height:36px; background:black; margin:0px 0px 0px 0px; position:absolute; z-index:999;}

#MainMenu ul {margin:0px; padding:0px; list-style:none; white-space:nowrap; position:relative;}
#MainMenu li {margin:0px; line-height:100%} /* Neutralize the standard settings */
#MainMenu > ul {float:left;}

#MainMenu ul ul {position:absolute; left:-9999px;}
#MainMenu > ul > li {float:left; display:block; position:relative;}

#MainMenu ul ul {background:#222222; padding:5px 0px 5px 0px; width:255px;}
#MainMenu > ul > li > ul {border-top:0px;}

#MainMenu a {display:block; font:bold 10pt arial, helvetica, sans-serif; color:white; line-height:36px; text-decoration:none; padding:0px 10px 0px 25px;}
#MainMenu > ul > li > a {float:left; color:white;}
#MainMenu ul ul li a {line-height:36px; color:white; padding:0px; text-indent:10px;}

#MainMenu ul li:hover > ul {left:0px; top:36px;}
#MainMenu ul ul li:hover > ul {background:#555555; left:100%; top:auto; margin:-36px 0px 0px 0px; padding:0px; width:220px;}

#MainMenu li a.fly {background:transparent url('/English/Images/Buttons/CSSMenu_right-arrow.gif') no-repeat right center;}

#MainMenu > ul li:hover > a {background-color:#FFD600; color:black;}
#MainMenu ul ul li:hover > a,
#MainMenu ul ul li:hover > a.fly {background-color:#FFDD00; color:black;}

#MainMenu > ul > li.close {display:none; position:absolute; left:0; top:-36px; width:100%; height:25px; background:none;}
#MainMenu > ul > li.close a {width:100%; padding:0; text-indent:15px; background:#5C6969; color:white;}

@media only screen and (max-device-width:768px)
/* for iPhone, iPod Touch and iPad */
{#MainMenu ul ul {display:none;}
#MainMenu ul li:hover > ul {display:block;}
#MainMenu ul li:hover ~ li.close {display:block;}
}