body { margin: 0; padding: 0; font-size: 12px; font-family: Trebuchet MS; color: #454545; background: #f7e6cb;  min-height: 100%; }

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
a:link { color: #237b93; }
a:hover { color: #21bae4; }
a:visited { color: #237b93; }

.header { width: 100%; height: 136px; background:url(header_bg.png) repeat-x; }
.header .languages { width: 190px; height: 24px; margin-bottom: -7px; float: right; background:url(lang_bg.png) top left no-repeat; padding-left: 10px; padding-top: 4px; }
.header .languages img { border: 0; margin-right: 6px; }
.header .logo { width: 300px; height: 50px; float: left; margin-bottom: -70px; }

.navContainer { margin-left: auto; margin-right: auto; width: 806px; height: 136px; background:url(header_sun.png) no-repeat; padding-left: 154px; }
.navContainer .navigation { width: 100%; height: 37px; margin-top: 48px; font-weight: bold; letter-spacing: -1px; }

.navContainer .navigation .linkActive { float: left; margin-right: 20px; height: 34px; font-size: 16px; margin-top: -4px; }
.navContainer .navigation .linkActive .left { float: left; width: 10px; height: 34px; background: url(navLeft.png) no-repeat; }
.navContainer .navigation .linkActive .mid { float: left; width: auto; height: 34px; background: #f7e6cb; padding-top: 7px; padding-right: 10px; padding-left: 10px; }
.navContainer .navigation .linkActive .right { float: left; width: 10px;  height: 34px; background: url(navRight.png) no-repeat; }
.navContainer .navigation .linkActive .mid .shadow  { position: absolute; display: block; color: #ffffff; z-index: 1; margin-top: 1px; }
.navContainer .navigation .linkActive .mid  span { position: relative; display: block; padding-right: 1px; color: #7e5820; z-index: 10; } 
.navContainer .navigation .linkActive .mid  span a { color: #7e5820; text-decoration: none; }
.navContainer .navigation .linkActive .mid  span a:hover { color: #7e5820; }

.navContainer .navigation .link { float: left; margin-right: 18px; font-size: 16px; }
.navContainer .navigation .link { width: auto; height: 30px; position: relative; float: left; padding: 0px 4px 0px 4px; }
.navContainer .navigation .link .shadow  { position: absolute; display: block; color: #4cb8e4; z-index: 1; margin-top: 1px; }
.navContainer .navigation .link span { position: relative; display: block; padding-right: 1px; color: #4c4c4c; z-index: 10; } 
.navContainer .navigation .link span a { color: #00397a; text-decoration: none; }
.navContainer .navigation .link span a:hover { color: #0054b4; }

.contentSubnav { position: absolute; top: -46px; }
.subNavContainer { padding: 10px; width: auto; margin-left: 105px; height: 15px; }
.subNavContainer .subLink { float: left; margin-right: 20px; }
.subNavContainer a { color: #79746e; text-decoration: underline; font-size: 14px; font-weight: bold; }
.subNavContainer a:hover { color: #74baf1; text-decoration: none; }
.subNavContainer .subLinkActive { float: left; margin-right: 15px; background: #0066CC; color: #FFFFFF; padding-left: 10px; padding-right: 10px; padding-bottom: 2px; }
.subNavContainer .subLinkActive a { color: #FFFFFF; text-decoration: none; }


.spotlight { width: 100%; height: 155px; background: #cbbaa2; line-height: 20px; }
.spotlight .innerSpots { margin-left: auto; margin-right: auto; padding-left: 45px; width: 915px; padding-top: 10px; }
.spotlight .spot { border: 3px solid #FFFFFF; float: left; position: relative; float: left; }
.spotlight .spot a { text-decoration: none; }
.spotlight .spot img { display: block; border: none; }
.spotlight .spot .dark { color: #FFFFFF; position: absolute; bottom: 0; background:url(dark.png) repeat; width: 195px; height: 35px; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; }
.spotlight .spot .dark h2 { margin-bottom: -6px; font-size: 14px; }

.container { background: #f7e6cb; padding-top: 18px; padding-bottom: 10px; line-height: 20px; }
.container .content { margin-left: auto; margin-right: auto; width: 915px; height: auto; padding-left: 45px; position: relative; }
.contentBox { background: #FFFFFF; border: 3px solid #f2ddbc; margin-bottom: 10px; padding: 15px; padding-top: 50px; position: relative; }
.contentBox h1 { display: block; width: 99%; position: absolute; top: 5px; left: -10px; padding: 6px; background: #f8bb49; border: 1px solid #d4a258; color: #572f00; font-size: 18px; }
.contentBox h1 span { position: absolute; bottom: -6px; left: 0; background: url(img_corner.png) no-repeat; width: 8px; height: 5px; }
.contentBox h2 { display: block; width: 99%; position: absolute; top: 5px; left: -10px; padding: 6px; background: #f8bb49; border: 1px solid #d4a258; color: #572f00; font-size: 18px; }
.contentBox h2 span { position: absolute; bottom: -6px; left: 0; background: url(img_corner.png) no-repeat; width: 8px; height: 5px; }

.contentBox .yellow { display: block; width: 99%; position: absolute; top: 5px; left: -10px; padding: 6px; background: #f8bb49; border: 1px solid #d4a258; color: #572f00; font-size: 18px; }
.contentBox .yellow span { position: absolute; bottom: -6px; left: 0; background: url(img_corner.png) no-repeat; width: 8px; height: 5px; }
.contentBox .yellowInner { font-size: 12px; }

.offer0 { background: #FFFFFF; padding: 10px; margin-bottom: 2px; padding-top: 2px; }
.offer1 { background: none; padding: 10px; margin-bottom: 2px; padding-top: 4px; }

.otitle { padding: 0; margin: 0; vertical-align: top; clear: right; }
.otitle img { margin: 0; margin-right: 7px; float: left; vertical-align: middle; }
.otitle h2 {  }

.thumbC { float: left; width: 166px; padding-bottom: 10px; }
.thumbnail { width: 140px; margin-right: 10px; margin-top: 4px;  display: block; background: #ffffff; padding: 8px; padding-top: 5px; border: 1px solid #c2d4e1; }
.thumbnail img { width: 140px; display: block; }

.descC { width: auto; }
.description { }
.fromC { float: right; }
.from { line-height: 15px; background: #9bcb00; border: 1px solid #5a7a00; padding: 10px; padding-top: 2px; padding-bottom: 6px; font-size: 15px; color: #FFFFFF; font-weight: bold; }
.from .cheapest { font-size: 11px; }
.departure { }
.persons { }
.days { }

.budgetsearch { width: auto; height: auto; background: #FFFFFF; border: 3px solid #f2ddbc; padding: 20px; margin-bottom: 10px; }
.ihave { display: block; padding: 10px; float: left; }
.budgetsearch .submit { }


.top5left { width: 285px; margin-bottom: 10px; margin-right: 20px; float: left; font-size: 11px; background: #FFFFFF; border: 3px solid #f2ddbc; text-align: left; position: relative; padding-top: 45px; }
.top5left .head { display: block; width: 99%; position: absolute; top: 5px; left: -10px; padding: 6px; background: #f8bb49; border: 1px solid #d4a258; color: #572f00; font-size: 18px; }
.top5left .head .shadow  { position: absolute; display: block; color: #ffd991; z-index: 1; margin-top: 1px; }
.top5left .head span { position: relative; display: block; padding-right: 1px; color: #572f00; z-index: 10; } 
.top5left .head span a { text-decoration: none; color: #572f00; }
.top5left .head .corner { position: absolute; bottom: -6px; left: 0; background: url(img_corner.png) no-repeat; width: 8px; height: 5px; }

.top5mid { width: 285px; margin-bottom: 10px; margin-right: 20px; float: left; font-size: 11px; background: #FFFFFF; border: 3px solid #f2ddbc; text-align: left; position: relative; padding-top: 45px; }
.top5mid .head { display: block; width: 99%; position: absolute; top: 5px; left: -10px; padding: 6px; background: #f8bb49; border: 1px solid #d4a258; color: #572f00; font-size: 18px; }
.top5mid .head .shadow  { position: absolute; display: block; color: #ffd991; z-index: 1; margin-top: 1px; }
.top5mid .head span { position: relative; display: block; padding-right: 1px; color: #572f00; z-index: 10; } 
.top5mid .head span a { text-decoration: none; color: #572f00; }
.top5mid .head .corner { position: absolute; bottom: -6px; left: 0; background: url(img_corner.png) no-repeat; width: 8px; height: 5px; }

.top5right { width: 285px; margin-bottom: 10px; float: left; font-size: 11px; background: #FFFFFF; border: 3px solid #f2ddbc; text-align: left; position: relative; padding-top: 45px; }
.top5right .head { display: block; width: 99%; position: absolute; top: 5px; left: -10px; padding: 6px; background: #f8bb49; border: 1px solid #d4a258; color: #572f00; font-size: 18px; }
.top5right .head .shadow  { position: absolute; display: block; color: #ffd991; z-index: 1; margin-top: 1px; }
.top5right .head span { position: relative; display: block; padding-right: 1px; color: #572f00; z-index: 10; } 
.top5right .head span a { text-decoration: none; color: #572f00; }
.top5right .head .corner { position: absolute; bottom: -6px; left: 0; background: url(img_corner.png) no-repeat; width: 8px; height: 5px; }

.top5max { width: 285px; margin-bottom: 10px; margin-right: 20px; float: left; font-size: 11px; background: #FFFFFF; border: 3px solid #f2ddbc; text-align: left; position: relative; padding-top: 45px; }
.top5max .head { display: block; width: 99%; position: absolute; top: 5px; left: -10px; padding: 6px; background: #f8bb49; border: 1px solid #d4a258; color: #572f00; font-size: 18px; }
.top5max .head .shadow  { position: absolute; display: block; color: #ffd991; z-index: 1; margin-top: 1px; }
.top5max .head span { position: relative; display: block; padding-right: 1px; color: #572f00; z-index: 10; } 
.top5max .head span a { text-decoration: none; color: #572f00; }
.top5max .head .corner { position: absolute; bottom: -6px; left: 0; background: url(img_corner.png) no-repeat; width: 8px; height: 5px; }


.top5offer { padding: 5px; padding-left: 10px; vertical-align: top; border-bottom: 2px solid #e5eff8; }
.top5offer a:link { text-decoration: none; color: #358da5; font-size: 13px; }
.top5offer a:visited { text-decoration: none; color: #358da5; font-size: 13px; }
.top5offer a:hover { text-decoration: underline; font-size: 13px; }
.top5offer h3 { font-weight: bold; font-size: 13px; padding: 0; margin: 0; display: block; width: 140px; height: 20px; overflow: hidden; }

.top5offer img { width: 65px; height: 45px; float: left; margin-right: 5px; vertical-align: top; display: block; border: none; }
.top5offer .AI { font-weight: bold; }
.top5offer .price { font-size: 14px; font-weight: bold; color: #037e00; }

.hotel h3 { width: 200px !important; }
.hotel h3 img { margin-top: 3px; }

.snowvision { background:url(/touroperators/snowvision_off.png) no-repeat 217px 0px; }
.snowvision:hover { background:url(/touroperators/snowvision_on.png) no-repeat 217px 0px; }

.summit { background:url(/touroperators/summit_off.png) no-repeat 217px 0px; }
.summit:hover { background:url(/touroperators/summit_on.png) no-repeat 217px 0px; }

.skihorizon { background:url(/touroperators/skihorizon_off.png) no-repeat 217px 0px; }
.skihorizon:hover { background:url(/touroperators/skihorizon_on.png) no-repeat 217px 0px; }

.bizztravel { background:url(/touroperators/bizztravel_off.png) no-repeat 217px 0px; }
.bizztravel:hover { background:url(/touroperators/bizztravel_on.png) no-repeat 217px 0px; }

.tsjecho { background:url(/touroperators/tsjecho_off.png) no-repeat 217px 0px; }
.tsjecho:hover { background:url(/touroperators/tsjecho_on.png) no-repeat 217px 0px; }

.jiba { background:url(/touroperators/jiba_off.png) no-repeat 217px 0px; }
.jiba:hover { background:url(/touroperators/jiba_on.png) no-repeat 217px 0px; }

.beachmasters { background:url(/touroperators/beachmasters_off.png) no-repeat 217px 0px; }
.beachmasters:hover { background:url(/touroperators/beachmasters_on.png) no-repeat 217px 0px; }


.to43 { background:url(/touroperators/43_off.png) no-repeat 217px 0px; }
.to43:hover { background:url(/touroperators/43_on.png) no-repeat 217px 0px; }

.to67 { background:url(/touroperators/67_off.png) no-repeat 217px 0px; }
.to67:hover { background:url(/touroperators/67_on.png) no-repeat 217px 0px; }

.to107 { background:url(/touroperators/107_off.png) no-repeat 217px 0px; }
.to107:hover { background:url(/touroperators/107_on.png) no-repeat 217px 0px; }

.to110 { background:url(/touroperators/110_off.png) no-repeat 217px 0px; }
.to110:hover { background:url(/touroperators/110_on.png) no-repeat 217px 0px; }

.to170 { background:url(/touroperators/170_off.png) no-repeat 217px 0px; }
.to170:hover { background:url(/touroperators/170_on.png) no-repeat 217px 0px; }

.to191 { background:url(/touroperators/191_off.png) no-repeat 217px 0px; }
.to191:hover { background:url(/touroperators/191_on.png) no-repeat 217px 0px; }

.to313 { background:url(/touroperators/313_off.png) no-repeat 217px 0px; }
.to313:hover { background:url(/touroperators/313_on.png) no-repeat 217px 0px; }

.to444 { background:url(/touroperators/444_off.png) no-repeat 217px 0px; }
.to444:hover { background:url(/touroperators/444_on.png) no-repeat 217px 0px; }

.to470 { background:url(/touroperators/470_off.png) no-repeat 217px 0px; }
.to470:hover { background:url(/touroperators/470_on.png) no-repeat 217px 0px; }

.to765 { background:url(/touroperators/765_off.png) no-repeat 217px 0px; }
.to765:hover { background:url(/touroperators/765_on.png) no-repeat 217px 0px; }

.to1005 { background:url(/touroperators/1005_off.png) no-repeat 217px 0px; }
.to1005:hover { background:url(/touroperators/1005_on.png) no-repeat 217px 0px; }

.to1594 { background:url(/touroperators/1594_off.png) no-repeat 217px 0px; }
.to1594:hover { background:url(/touroperators/1594_on.png) no-repeat 217px 0px; }


.links { width: 100%; height: auto; padding-top: 10px; }
.links a { display: block; width: 33%; float: left; padding-top: 5px; }
.links hr { width: 95%; height: 1px; display: block; float: left; clear: left; margin-top: 10px; margin-bottom: 15px; border: none; border-top: 1px solid #faf2e6; border-bottom: 1px solid #e1cdac; }

.bestOffer { font-size: 14px; padding: 10px; position: relative; }
.bestOfferImage { display: block; float: left; width: 150px; margin-right: 10px; margin-bottom: 10px; }
.bestOffer img { width: 150px; border: none; }
.bestPrice { text-align: center; padding-top: 18px; font-size: 17px; letter-spacing: -1px; display: block; background: url(special.png) no-repeat; width: 82px; height: 82px; position: absolute; top: -10px; left: 0; }
.bestPrice a { color: #FFFFFF; text-decoration: none; }
.bestPrice a:link { color: #FFFFFF; text-decoration: none; }
.bestPrice a:visited { color: #FFFFFF; text-decoration: none; }

.quicklinks { padding: 10px; margin-bottom: 10px; }
.quicklinks h3 { font-size: 14px; }
.links a { display: block; width: 20%; float: left; }


/* Buttons */
.awesome, .awesome:visited 					{ width:auto; overflow:visible; margin: 0; margin-left: 10px; padding: 0; border: 0; border: 1px solid rgba(0, 0, 0, 0.25); font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; display: inline-block; background: #222 url(36px-blended.png) repeat-x; background-position: 0 0; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; }
.awesome:hover								{ background-color: #111; color: #fff; }
.awesome:active								{ top: 1px; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 	{ font-size: 14px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 		{ font-size: 16px; padding: 5px 12px 5px; }
.small.awesome, .small.awesome:visited 		{ font-size: 12px; padding: 4px 4px 3px; }
.tiny.awesome, .tiny.awesome:visited 		{ font-size: 11px; padding: 2px 2px 2px; }
.awesome.blue, .awesome.blue:visited		{ background-color: #2daebf; }
.awesome.blue:hover							{ background-color: #007d9a; }
.awesome.white, .awesome.white:visited		{ background-color: #fafafa; color: #444444; text-shadow: 0 -1px 1px rgba(255,255,255,0.25); }
.awesome.white:hover						{ background-color: #d6d6d6; color: #444444; text-shadow: 0 -1px 1px rgba(255,255,255,0.25); }
.awesome.red, .awesome.red:visited			{ background-color: #e33100; }
.awesome.red:hover							{ background-color: #872300; }
.awesome.magenta, .awesome.magenta:visited	{ background-color: #a9014b; }
.awesome.magenta:hover						{ background-color: #630030; }
.awesome.orange, .awesome.orange:visited	{ background-color: #ff5c00; }
.awesome.orange:hover						{ background-color: #d45500; }
.awesome.green, .awesome.green:visited		{ background-color: #669900; }
.awesome.green:hover						{ background-color: #496d00; }
.awesome.yellow, .awesome.yellow:visited	{ background-color: #ffb515; }
.awesome.yellow:hover						{ background-color: #fc9200; }
