body { background: none; }

h1 { margin: 0 0 10px; font-size: 24px; }
h2 { display: block; margin: 10px 0; font-size: 18px; }
h3 { margin: 5px 0 10px; font-size: 18px; font-weight: normal; line-height: 19px; }
h4 { font-size: 13px; }
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; }
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 11px; }
td, th { padding: 2px; }
	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */


/* page structure
------------------------------------------------------------------*/
#wrapper { width: 630px; margin: 0; }
#header { display: none; }
#whiteHolder { min-width: 0; }
#sidebar { display: none; }
#content { float: none; width: auto; padding-left: 0; }
#foot	{ display: none; }

/* toolbox
------------------------------------------------------------------*/
#toolbox { float: right; }
#toolbox a { padding: 0 0 0 5px; text-decoration: none; }
#toolbox a.small { padding: 0; font-size: 11px; }
#toolbox a.large { padding: 0; font-size: 18px; }
#toolbox div { float: left; padding: 0 0 0 5px; }
#toolbox div.textSize { padding-right: 10px; border-right: 1px solid; }

/* content
------------------------------------------------------------------*/
#content { padding-bottom: 30px; }

#content fieldset { padding: 10px; border: 1px solid; }
#content fieldset div { clear: both; overflow: hidden; margin-bottom: 0px; padding-top: 5px; }
#content fieldset div div { clear: none; }
#content fieldset label { clear: both; float: left; display: block; width: 130px; padding: 0 3px 0 0; text-align: left; font-weight: bold; }

#content fieldset .value, 
#content fieldset input,
#content fieldset select,
#content fieldset textarea { float: left; margin: 0 2px 2px 0; }
#content fieldset textarea { overflow: auto; }
#content fieldset select { width: auto; }

#content fieldset .radio { overflow: hidden; clear: both; }
#content fieldset .radio div { margin-left: 150px; }
#content fieldset .radio input { float: none; display: inline; width: auto; }
#content fieldset .radio label { float: none; display: inline; padding: 0 0 0 3px; text-align: left; font-weight: normal; }

#content fieldset .check { overflow: hidden; clear: both; }
#content fieldset .check div { margin-left: 150px; }
#content fieldset .check input,
#content fieldset .check label { float: none; display: inline; width: auto; }
#content fieldset .check input { width: auto; }

/* general content elements
------------------------------------------------------------------*/
a.more { padding: 0 20px 3px 0; font-weight: bold; }
a:hover.more { text-decoration: underline; }

#tabs ul { clear: both; height: 26px; margin: 0; }
#tabs li { float: left; height: 26px; margin: 0 3px 0 0; }
#tabs li a { display: block; padding: 5px 20px 3px; text-decoration: none; font-weight: bold; }

#tabContent { padding: 10px; margin: 2px 0 0; }

.countryImage { margin: 0 0 10px; padding: 4px; }
.countryImage img { border: 1px solid; }

p.pushText { font-weight: bold; }

a.button { background: none; }
a.button span { background: none; border: 1px solid; }

.amount { text-align: right; }

/* homepage
------------------------------------------------------------------*/
body.home { background: none; }
.home #header { height: 100px; }

.home #presentationText { margin: 0 0 15px 16px; font-size: 14px; line-height: 18px; }
.home #presentationText h1 { display: inline; font-size: 18px; }

.home #featuredNews { clear: both; float: none; width: 710px; height: 159px; padding: 10px; }
.home #featuredNews h3 { margin: 0 0 5px; padding: 0; font-size: 12px; font-weight: bold; }
.home #featuredNews .newsitemFirst,
.home #featuredNews .newsitemSecond { float: left; width: 350px; }
.home #featuredNews .newsitemSecond { float: right; }
.home #featuredNews img { float: left; margin: 0 5px 0 0; }
.home #featuredNews p { padding-left: 20px; font-size: 11px; line-height: normal; }

.home #featuredNews a.more { padding: 0 20px 3px; }

/* passes
------------------------------------------------------------------*/
.passes #content { width: 735px; padding-left: 16px; }
.passes #sidebar #search { height: 58px; }
.passes #sidebar #relatedTopics { margin: 10px 0 20px; padding: 0 0 15px; border-bottom: 1px solid; }
.passes #sidebar #relatedTopics h4,
.passes #sidebar #otherPasses h4 { font-size: 16px; }

.passes h2 { margin: 0 0 5px; font-size: 16px; }
.passes #intro h2 { margin: 50px 0 5px; font-size: 13px; }
.passes #intro ul { margin: 0; }

.passes #content #tabs ul { border-bottom: 14px solid; } 

.passes #tabContent { margin: 2px 0 0; padding: 10px; border: 1px solid; }
.passes ul.listPasses { float: left; width: 47%; margin: 0; padding: 0 0 0 20px; line-height: 22px; }
.passes ul.listPasses span { float: left; display: block; margin: 0 5px 0 0; }
.passes ul.listPasses span span { margin: 0; line-height: normal; }
.passes ul.listPasses img { float: left; }

/* --- to delete, in salesdialog.css now */
.passes #passesFares { float: left; width: 500px; margin: 0 20px 0 0; }
.passes #passesFares table { width: 500px; margin: 0 0 15px; }
.passes #passesFares table td,
.passes #passesFares table th { padding: 2px; border-bottom: 2px solid; }
.passes #passesFares table td { border-bottom: 1px solid; }
.passes #passesFares table th { padding-right: 17px; font-weight: normal; text-align: right; }
.passes #passesFares a.add2cart { float: right; width: 14px; height: 14px; margin: 0 0 0 3px; text-indent: -9999px; text-align: left; }
.passes #passesFares #passesCartResult,
.passes #passesFares #passesCartTotal { float: left; }
.passes #passesFares #passesCartResult { width: 300px; padding: 0 30px 0 0; border-right: 1px solid; }
.passes #passesFares #passesCartTotal { padding-left: 20px; }
.passes #passesFares #passfamily-tmp-shopping-cart-amount { margin: 5px 0 0; font-size: 18px; font-weight: bold; }
.passes #passesFares .button { float: right; margin: 2px 0 0; }
.passes #passesFares h3 { margin: 0; font-size: 12px; font-weight: bold; line-height: normal; }

.passes #content #passesFares #tabs ul { border-bottom: 0; }
.passes #content #passesFares #tabs li { float: right; margin: 0 0 0 3px; }
/* --- */

.passes #passesOptions { float: left; width: 210px; padding-top: 26px; }
.passes #passesOptions ul { margin: 0 0 15px; }

/* tickets
------------------------------------------------------------------*/
.tickets #content { width: 735px; padding-left: 16px; }
.tickets #sidebar #search { height: 58px; }
.tickets fieldset legend { display: none; }
.tickets #sidebar #otherPasses h4 { font-size: 16px; }

.tickets #intro h2 { margin: 50px 0 5px; font-size: 13px; }
.tickets #intro ul { margin: 0; }

.tickets #content #tabs ul { border-bottom: 14px solid; } 

.tickets #tabContent { margin: 2px 0 0; padding: 0; border: 1px solid; }
.tickets #tabContent ul.listTrains { margin: 0; }
.tickets #tabContent ul.listTrains p,
.tickets #tabContent ul.listTrains ul { margin-left: 118px; }
.tickets #tabContent ul.listTrains li { padding: 10px; border-bottom: 1px solid; }
.tickets #tabContent ul.listTrains li.last { border-bottom: 0; }
.tickets #tabContent ul.listTrains ul li { padding: 0; border: 0; }
.tickets #tabContent ul.listTrains h3 { margin: 0; font-size: 12px; font-weight: bold; }
.tickets #tabContent ul.listTrains img { float: left; margin: 0 15px 0 0; }
.tickets #tabContent ul.listTrains img.map { float: right; margin: 0 0 0 10px; border: 1px solid; }

/* destinations
------------------------------------------------------------------*/
.destinations #content { width: 735px; padding-left: 16px; }

.destinations #content #tabs ul { border-bottom: 14px solid; } 

.destinations #tabContent { margin: 2px 0 0; padding: 10px; border: 1px solid; }

.destinations #intro { margin: 0 0 40px; padding: 5px; border: 3px solid; }
.destinations #intro p { margin: 30px 0 15px 15px; }
.destinations #intro img { float: right; margin: 0 0 0 15px; }
.destinations #intro ul { margin: 0 0 0 15px; }
.destinations #intro ul a { color: #000; font-weight: bold; }

.destinations ul.countries { float: left; width: 30%; margin: 0; padding: 0 0 0 20px; line-height: 22px; }
.destinations ul.countries img { float: left; margin: 0 5px 0 0; }

.destinations h2 { margin: 0 0 5px; font-size: 16px; }

.destinations .countryFacts { float: left; width: 250px; padding: 0 5px 10px 20px; }
.destinations .countryFacts h3 { width: 130px; margin-bottom: 5px; }
.destinations .countryFacts ul.countries { width: auto; padding: 0; }

.destinations .countryFacts.about { width: 215px; padding-left: 0; }
.destinations .countryFacts.passes { float: right; width: 190px; }
.destinations .countryFacts.popular { padding: 0 15px 10px 20px; border-left: 1px solid; border-right: 1px solid; }
.destinations .countryFacts.popular h3 { padding: 0 20px; }
.destinations .countryFacts.popular ul { padding: 0 20px; }

.destinations .countryFacts ul { margin: 0; line-height: 22px; }
.destinations .countryFacts dt { clear: left; float: left; width: 75px; margin: 0 0 1px; }
.destinations .countryFacts dd { width: 130px; margin: 0 0 1px 78px; min-height: 15px; }

.destinations .countryFacts.popular ul.tags { line-height: 20px; }
.destinations .countryFacts.popular ul.tags li { display: inline; margin: 0 5px 0 0; }
.destinations .countryFacts .hot { margin: 25px 0 0; padding: 15px 0 0; border-top: 1px solid; }
.destinations .countryFacts .hot h3 { width: 100px; }
.destinations .countryFacts .hot h3 span { font-weight: bold; text-transform: uppercase; }

/* hotdeals
------------------------------------------------------------------*/
.hotdeals #content { width: 735px; padding-left: 16px; }

.hotdeals h1 { margin: 0 0 25px; }
.hotdeals h2 { font-size: 18px; font-weight: normal; }

.hotdeals ul.listHotdeals { margin: 0; }
.hotdeals ul.listHotdeals li { clear: left; margin: 0 0 45px; }
.hotdeals ul.listHotdeals li img { float: left; margin: 0 15px 0 0; border: 1px solid; }
.hotdeals ul.listHotdeals h3 { margin: 0; font-size: 16px; font-weight: bold; }

.hotdeals #hotdealsPromotions { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid; }

/* sitemap
------------------------------------------------------------------*/
.sitemap #content { width: 735px; padding-left: 16px; }
.sitemap #sidebar #search { height: 58px; }

.sitemap h1 { margin: 0 0 25px; } 
.sitemap h2 { font-size: 18px; } 
.sitemap h3 { font-size: 14px; }

.sitemap .passes div { float: left; width: 163px; min-height: 240px; margin: 0 20px 10px 0; padding: 0 5px 0 0; border-right: 1px solid; }
.sitemap .passes div.last { margin: 0 0 10px; border: 0; }
.sitemap .passes ul { margin: 0; }

.sitemap .destinations { margin: 20px 0; padding: 20px 0; border-top: 1px solid; }
.sitemap .destinations div { float: left; width: 352px; margin: 0 20px 10px 0; padding: 0 5px 0 0; border-right: 1px solid; }
.sitemap .destinations div.last { margin: 0 0 10px; border: 0; }
.sitemap .destinations div ul { float: left; width: 30%; margin: 0 5px 0 0; }

.sitemap .other { margin: 20px 0; padding: 20px 0; border-top: 1px solid; }

#order #printLink { display: none; }
.salesdialog #content { width: 99%; margin: 0; padding-left: 0; }

/* order
------------------------------------------------------------------*/
.order-detail-info th,
#order-all-total-products th { text-align: left; }
#order h4 { margin: 0; font-size: 16px; }
.order-pass-terms,
.order-ptp-terms { font-size: 12px; }
.order-pass-terms a,
.order-ptp-terms a { display: none; }

/* color rules
------------------------------------------------------------------*/
a { color: #009ee0; }
a:hover,
h3 { color: #000; }
a:visited { color: #484848; }
input, textarea, select { color: #4F535C; }

/* toolbox */
#toolbox a { color: #000; }
#toolbox a:hover { color: red; }
#toolbox div.textSize { border-right-color: #CCC; }

/* content */
#content a.tickets { color: #9f2679; }
#content a.passes { color: #009DE0; }
#content a:hover.tickets,
#content a:hover.passes { color: #000; }

/* general content */
a.more { background: url(/images/icon_link.gif) right no-repeat; color: #484848; }
a:hover.more,
#tabs li a:hover,
#tabs li.on a:hover { color: #000; }
.countryImage { background: #7fccf1; }
.countryImage img { border-color: #bfe6f8; }

/* homepage */
.home #featuredNews { background: url(/images/bg_dotted_featurednews.gif) no-repeat; }
.home #featuredNews h3,
.home #featuredNews p { color: #484848; }

/* passes */
.passes #sidebar #relatedTopics { border-bottom-color: #e2b5d3; }
.passes #sidebar #relatedTopics h4,
.passes #sidebar #otherPasses h4,
.passes h2,
.passes #intro ul a,
.passes #intro h2,
.passes a,
.passes #tabContent a { color: #009DE0; }
.passes #intro ul a:hover,
.passes #content #tabs li a:hover,
.passes #tabs li.on a:hover,
.passes #tabContent a:hover { color: #000; }
.passes a.button { color: #fff; }
.passes #content #tabs ul { border-bottom-color: #009DE0; } 
.passes #content #tabs li { background: url(/images/content_tabBlue_right.gif) no-repeat right top; }
.passes #content #tabs li a { background: url(/images/content_tabBlue_left.gif) no-repeat left top; color: #009DE0; }
.passes #content #tabs li.on { background: url(/images/content_tabBlue_active_right.gif) no-repeat right top; }
.passes #content #tabs li.on a { background: url(/images/content_tabBlue_active_left.gif) no-repeat left top; color: #fff; }
.passes #tabContent { border-color: #009DE0; }

.passes #passesFares table td,
.passes #passesFares table th { border-bottom-color: #FFF }
.passes #passesFares table td { border-bottom-color: #009DE0; }
.passes #passesFares table th { background: #009DE0; color: #fff; }
.passes #passesFares a.add2cart { background: url(/images/button_mini_add.gif) no-repeat; }
.passes #passesFares a:hover.add2cart { background: url(/images/button_mini_add_hover.gif) no-repeat; }
.passes #passesFares #passesCartResult { border-right-color: #e2b5d3; }
.passes #passesFares #passfamily-tmp-shopping-cart-amount { color: #009DE0; }

/* tickets */
.tickets #sidebar #otherPasses h4,
.tickets #intro ul a,
.tickets #intro h2 { color: #a00b6c; }
.tickets #intro ul a:hover,
.tickets #content #tabs li a:hover,
#tabs li.on a:hover { color: #000; }
.tickets #content #tabs ul { border-bottom-color: #a00b6c; } 
.tickets #content #tabs li { background: url(/images/content_tabPurple_right.gif) no-repeat right top; }
.tickets #content #tabs li a { background: url(/images/content_tabPurple_left.gif) no-repeat left top; color: #a00b6c; }
.tickets #content #tabs li.on { background: url(/images/content_tabPurple_active_right.gif) no-repeat right top; }
.tickets #content #tabs li.on a { background: url(/images/content_tabPurple_active_left.gif) no-repeat left top; color: #fff; }
.tickets #tabContent { border-color: #a00b6c; }
.tickets #tabContent a { color: #a00b6c; }
.tickets #tabContent ul.listTrains li { border-bottom-color: #a00b6c; }
.tickets #tabContent ul.listTrains img.map { border-color: #a00b6c; }

/* destinations */
.destinations p.pushText a,
.destinations #tabContent a,
.destinations #intro ul a:hover,
.destinations h2 { color: #459745; }
.destinations #content #tabs ul { border-bottom-color: #459745; } 
.destinations #content #tabs li { background: url(/images/content_tabGreen_right.gif) no-repeat right top; }
.destinations #content #tabs li a { background: url(/images/content_tabGreen_left.gif) no-repeat left top; color: #459745; }
.destinations #content #tabs li a:hover,
#tabs li.on a:hover,
.destinations #tabContent a:hover,
.destinations #intro ul a,
.destinations .countryFacts.passes a:hover,
.destinations .countryFacts.popular ul.tags a:hover,
.destinations .countryFacts .hot ul a { color: #000; }
.destinations #content #tabs li.on { background: url(/images/content_tabGreen_active_right.gif) no-repeat right top; }
.destinations #content #tabs li.on a { background: url(/images/content_tabGreen_active_left.gif) no-repeat left top; color: #fff; }
.destinations #tabContent,
.destinations #intro { border-color: #459745; }
.destinations .countryFacts.passes a { color: #9f2679; }
.destinations .countryFacts.popular { border-left-color: #e2b5d3; border-right-color: #e2b5d3; }
.destinations .countryFacts.popular ul.tags a { color: #009ee0; }
.destinations .countryFacts .hot { border-top-color: #e2b5d3; }
.destinations .countryFacts .hot h3 { color: #e41e26; }
.destinations .countryFacts .hot ul a:hover { color: #e41e26; }

/* hotdeals */
.hotdeals ul.listHotdeals li img { border-color: #459745; }
.hotdeals ul.listHotdeals h3 { color: #459745; }
.hotdeals #hotdealsPromotions { border-bottom-color: #e2bdd7; }

/* sitemap */
.sitemap a { color: #646464; }
.sitemap a:hover { color: #000; }
.sitemap .passes div { border-right-color: #e2bdd7; }
.sitemap .destinations { border-top-color: #e2bdd7; }
.sitemap .destinations div { border-right-color: #b2e2f6; }
.sitemap .destinations h2 { color: #009DE0; }
.sitemap .other { border-top-color: #e2bdd7; }

