/**********************************************************************************************

	CSS on Sails
	Title: ISIC
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: August 2009

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/
ol#accessibility-nav, 
.hide,
#header label,
.find-discounts label,
.map-search p label { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
#header:after,
#navigation:after,
#footer ul:after,
.links:after,
.offers:after,
.benefits:after,
.offers-title:after,
.title-and-breadcrumb ul:after,
.entry:after,
.container:after,
#sidebar .featured-discounts-title:after,
.featured-discounts li:after,
.featured-discounts .image ul:after,
.map-search:after,
#footer:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #514c38 url(/images/bg.jpg) repeat center center; color: #333; font: 62.5%/1.3 "Arial", "Helvetica", sans-serif; text-align: center; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #2c8f8b; text-decoration: none; }
a:hover, a:active { color: #2c8f8b; text-decoration: underline; }
 
/*.moduleStandard h2 { color: #008080; }

.moduleStandard h2 { color: #2E2E2E; padding-bottom: 5px; }*/
.wysiwyg hr { border: 0px; background-color: #DEDCD4; display: inline-block; width: 100%; height: 1px; }
.wysiwyg h2 { padding-bottom: 5px; color: #2c8f8b; font-size: 1.25em; }
.wysiwyg h3 { padding-bottom: 5px; color: #2E2E2E; }
.wysiwyg p { padding-bottom:14px; }
.wysiwyg ul, .wysiwyg ol { margin: 0 0 1.16em 2em; }
.moduleStandard ul li { list-style-type: disc; }
.moduleStandard ol li { list-style-type: decimal; }

.moduleControls .pagingControls li { list-style-type: none; }

.module .wysiwyg { padding: 0px 15px 0px 0px; width: 100%; }
.home .module .wysiwyg { padding: auto; }
    


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

.bg { background: url(/images/bg-gradient.png) repeat-x top left; padding: 12px 0; }
.wrapper { width: 955px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em; background: #fff url(/images/bg-top.png) no-repeat; }
.container { margin: 0 15px 0 14px; background: url(/images/bg-sidebar.png) repeat-y top right; }
body.home .container { background: none; }
#content { width: 584px; float: left; }
#sidebar { width: 342px; float: right; }
#footer { clear: both; }

body.home #content { width: auto; float: none; }


/* 2.2 Header
-----------------------------------------------------------------------------------------------*/

#header { padding: 14px; font-size: .9em; }

#header .site-name { float: left; }
#header .site-name,
#header .site-name span { display: block; overflow: hidden; width: 302px; height: 70px; }
#header .site-name { position: relative; }
#header .site-name span { background: url(/images/logo.png) no-repeat; position: absolute; top: 0; left: 0; z-index: 10; }
#header a.site-name span { cursor: pointer; }

#header ul { float: right; padding: 11px 4px 0 0; }
#header li { float: left; background: url(/images/bg-header-li.png) no-repeat center right; padding: 0 15px 0 14px; }
#header li.last { padding-right: 0; background: none; }
#header li.last a { background: url(/images/ico-arrow.png) no-repeat center right; padding-right: 24px; }
#header li, #header li a { color: #7b7b7b; }

#header fieldset { float: right; clear: right; padding: 18px 0 0; }
#header input { color: #7f8282; background: url(/images/bg-header-input.png) repeat-x top left; border: 1px solid #c1dedc; font-size: 1em; padding: 4px 5px 3px; float: left; width: 135px; }
#header input.search { vertical-align: middle; background: none; border: 0; padding: 0; margin-left: 5px; margin-top: 1px; width: auto; }

/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/

#navigation { background: #242424; width: 926px; overflow: hidden; }
#navigation li { float: left; }
#navigation li a { position: relative; display: block; height: 34px; }
#navigation li a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/bg-navigation.png) no-repeat; cursor: pointer; }

#navigation li.nav-home a { width: 68px; }
#navigation li.nav-card a { width: 95px; }
#navigation li.nav-discounts a { width: 103px; }
#navigation li.nav-travel a { width: 82px; }
#navigation li.nav-about a { width: 74px; }
#navigation li.nav-faq a { width: 56px; }
#navigation li.nav-contact a { width: 91px; }
#navigation li.nav-get-card { margin-left: 18px; }
#navigation li.nav-get-card a { width: 161px; }
#navigation li.nav-activate-card a { width: 178px; }

#navigation li.nav-home a span { background-position: 0 0; }
#navigation li.nav-card a span { background-position: -68px 0; }
#navigation li.nav-discounts a span { background-position: -163px 0; }
#navigation li.nav-travel a span { background-position: -266px 0; }
#navigation li.nav-about a span { background-position: -348px 0; }
#navigation li.nav-faq a span { background-position: -422px 0; }
#navigation li.nav-contact a span { background-position: -478px 0; }
#navigation li.nav-get-card a span { background-position: -587px 0; }
#navigation li.nav-activate-card a span { background-position: top right; }

#navigation li.nav-home a:hover span,
#navigation li.nav-home a.current span { background-position: 0 -34px; }
#navigation li.nav-card a:hover span,
#navigation li.nav-card a.current span { background-position: -68px -34px; }
#navigation li.nav-discounts a:hover span,
#navigation li.nav-discounts a.current span { background-position: -163px -34px; }
#navigation li.nav-travel a:hover span,
#navigation li.nav-travel a.current span { background-position: -266px -34px; }
#navigation li.nav-about a:hover span,
#navigation li.nav-about a.current span { background-position: -348px -34px; }
#navigation li.nav-faq a:hover span,
#navigation li.nav-faq a.current span { background-position: -422px -34px; }
#navigation li.nav-contact a:hover span,
#navigation li.nav-contact a.current span { background-position: -478px -34px; }
#navigation li.nav-get-card a:hover span,
#navigation li.nav-get-card a.current span { background-position: -587px -34px; }
#navigation li.nav-activate-card a:hover span,
#navigation li.nav-activate-card a.current span { background-position: bottom right; }

.subnav { background: #077b76 url(/images/bg-subnav.png) repeat-x bottom left; width: 906px; overflow: hidden; font-size: .9em; padding: 0 13px 0 7px; border-bottom: 1px solid #1e3130; }
.subnav li { float: left; text-transform: uppercase; line-height: 1; margin-right: 11px; }
.subnav li a, .subnav li a:link, .subnav li a:visited, .subnav li a:active { color: #cde3e2; font-weight: bold; padding: 9px 8px 7px; display: block; }
.subnav li.current a { background: url(/images/ico-subnav.png) no-repeat 0 12px; }
.subnav li.current a, .subnav li.current a:link, .subnav li.current a:visited, .subnav li.current a:active, .subnav li.current a:hover { color: #fff; text-decoration: none; }


/* 2.4 Content
-----------------------------------------------------------------------------------------------*/

#get-or-active-card { float: left; width: 584px; height: 373px; }
#get-or-active-card img { display: block; }

#get-or-active-card li { float: left; width: 292px; }
#get-or-active-card li a { position: relative; display: block; height: 46px; }
#get-or-active-card li a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/txt_get-or-activate-card.png) no-repeat; cursor: pointer; }

#get-or-active-card li.nav-get-card a span { background-position: 0 0; }
#get-or-active-card li.nav-activate-card a span { background-position: -292px 0; }

#get-or-active-card li.nav-get-card a:hover span { background-position: 0 -46px; }
#get-or-active-card li.nav-activate-card a:hover span { background-position: -292px -46px; }


.find-discounts { width: 342px; height: 137px; position: relative; background: url(/images/bg-map.jpg) no-repeat; }
.find-discounts #googlemap { width: 225px; height: 225px; position: absolute; top: 106px; left: 107px; background-color: Gray; }
/*.find-discounts #glass { width: 342px; height: 373px; background: url(/images/map.png) repeat-x top left; }*/
.find-discounts img { position: absolute; top: 0; left: 0; z-index: 1; display: block; }
.find-discounts fieldset { position: absolute; top: 58px; left: 19px; z-index: 2; }
.find-discounts input { color: #7b7b7b; background: url(/images/bg-input.png) repeat-x top left; border: 1px solid #157470; font-size: .9em; padding: 4px 5px 3px; float: left; width: 212px; }
.find-discounts input.search { vertical-align: middle; background: none; border: 0; padding: 0; width: auto; margin-left: 4px; }
body.home .find-discounts { height: 373px; float: left; background: none; }

.find-discounts h2 { position: absolute; top: 34px; left: 21px; z-index: 2; }
.find-discounts h2, .find-discounts h2 span { display: block; overflow: hidden; width: 249px; height: 13px; }
.find-discounts h2 span { background: url(/images/txt_find-local-and-global-discounts.png) no-repeat; position: absolute; top: 0; left: 0; }

.find-discounts h3 { position: absolute; bottom: 153px; left: 20px; z-index: 2; }
.find-discounts h3, .find-discounts h3 span { display: block; overflow: hidden; width: 85px; height: 23px; }
.find-discounts h3 span { background: url(/images/btn-explore.png) no-repeat; position: absolute; top: 0; left: 0; cursor: pointer; }

.find-discounts p { position: absolute; bottom: 111px; left: 21px; color: #fff; z-index: 2; width: 90px; font-size: .9em; }
.find-discounts p a, .find-discounts p a:link, .find-discounts p a:visited, .find-discounts p a:active { color: #fff; }

.benefits { background: #eae5dd url(/images/bg-benefits.jpg) no-repeat bottom right; margin-bottom: 15px; padding: 0 0 5px 18px; line-height: 1.25; }
.benefits a, .benefits a:link, .benefits a:active, .benefits a:visited { color: #282520; }
.benefits h2 { position: relative; width: 100%; margin-bottom: 22px; }
.benefits h2, .benefits h2 span { display: block; overflow: hidden; height: 13px; }
.benefits h2 span { position: absolute; top: 0; left: 0; }
.benefits .what h2 span { width: 124px; }
.benefits .why h2 span { width: 203px; }
.benefits .how h2 span { width: 165px; }
.benefits .what h2 span { background: url(/images/txt_what-is-an-isic.png) no-repeat; }
.benefits .why h2 span { background: url(/images/txt_why-should-i-get-an-isic.png) no-repeat; }
.benefits .how h2 span { background: url(/images/txt_how-do-i-get-an-isic.png) no-repeat; }
.benefits .module { float: left; width: 300px; padding-top: 20px; background: url(/images/bg-module.png) repeat-x top left; }
.benefits .what { width: 299px; }
.benefits .why { width: 287px; }
.benefits .how { width: 301px; }
.benefits .learn-more { margin-top: 17px; }
.learn-more { position: relative;}
.learn-more, 
.learn-more span { display: block; overflow: hidden; width: 87px; height: 19px; }
.learn-more span { position: absolute; top: 0; left: 0; background: url(/images/btn-learnmore.png) no-repeat; cursor: pointer; }
.benefits p { padding: 0 0 14px; }
ul.checklist li { background: url(/images/ico-checkmark.png) no-repeat 0 0; padding: 2px 20px 4px 23px; font-weight: bold; line-height: 1; line-height: 1.3; }
ul.checklist { padding-bottom: 23px; }
ul.list { padding-bottom: 15px; }
ul.list li { background: url(/images/ico-arrow-list.png) no-repeat 0 5px; padding: 0 0 0 9px; margin-bottom: 7px; }
.benefits .how img { float: left; width: 147px; }
.benefits .how blockquote { float: left; width: 125px; }
.benefits .how blockquote cite { font-size: .8em; }
.benefits .how blockquote p { font-weight: bold; }
.endorsement { background: url(/images/txt_endorsements.png) no-repeat; display: block; text-indent: -999em; }
.endorsed-by-unesco { height: 22px; width: 157px; }
.memeber-of-wyse { background-position: bottom left; height: 27px; width: 175px; }
.benefits p { padding-right: 50px; }
.benefits .how blockquote p { padding-right: 0; padding-top: 5px; padding-bottom: 6px; }

.offers-title { padding: 5px 0 8px; }
.offers ul { border-top: 1px solid #e9e6df; padding-top: 15px; clear: both; padding-left: 7px; }
.offers li { width: 138px; float: left; color: #4d4d4d; margin-left: 12px; padding-bottom: 24px; height: 16em; overflow: hidden; }
.offers h2 { float: left; position: relative; margin-left: 21px; }
.offers h2, .offers h2 span { display: block; overflow: hidden; width: 128px; height: 13px; }
.offers h2 span { background: url(/images/txt_partner-offers.png) no-repeat; position: absolute; top: 0; left: 0; }
.view-all { position: relative; }
.offers .view-all { float: right; margin-right: 21px; margin-top: -5px; }
.view-all, .view-all span { width: 70px; height: 19px; display: block; overflow: hidden; }
.view-all span { position: absolute; top: 0; left: 0; background: url(/images/btn-viewall.png) no-repeat; cursor: pointer; }
.offers li h3 { margin-bottom: 6px; }
.offers li img { border: 1px solid #eae5dd; }
.offers li .image, .entry .image { width: 138px; height: 106px; position: relative; margin-bottom: 8px; }
.offers li .new, .entry .image .new { background: url(/images/tag-new.png) no-repeat; width: 60px; height: 32px; display: block; position: absolute; top: 1px; left: 1px; }
.offers li a, .offers li a:link, .offers li a:visited, .offers li a:active { color: #389591; text-decoration: underline; }
.offers li .global, .entry .global { text-transform: uppercase; font-size: .8em; min-height: 16px; height: auto !important; height: 16px; }
.offers li .global span, .entry .global span { background: url(/images/ico-global.png) no-repeat 0 0; padding-left: 14px; display: block; }
.offers li .desc { line-height: 1.2; padding-top: 10px; }

.links { padding: 11px 19px 13px; border-top: 2px solid #e4e0d5; font-size: .9em; }
.links ul { width: 150px; float: left; }
.links li { margin-bottom: 3px; }
.links a, .links a:link, .links a:visited, .links a:active { color: #8b8b8b; }

.title-and-breadcrumb { position: relative; color: #333; width: 584px; height: 137px; margin-bottom: 10px; }
.title-and-breadcrumb img { position: absolute; top: 0; left: 0; z-index: 1; }
.title-and-breadcrumb h1 { background: #fef206; font-weight: bold; font-size: 2em; line-height: 1; padding: 7px 8px; position: absolute; top: 20px; left: 13px; z-index: 2; margin-right: 13px; }
.title-and-breadcrumb ul { background: #fef206; padding: 5px 6px; position: absolute; bottom: 20px; left: 13px; z-index: 2; font-size: .9em; }
.title-and-breadcrumb li { float: left; margin-right: 8px; }
.title-and-breadcrumb li a, .title-and-breadcrumb li a:link, .title-and-breadcrumb li a:visited, .title-and-breadcrumb li a:active { background: url(/images/ico-breadcrumb.png) no-repeat 100% 5px; padding-right: 12px; color: #333; }

.entry { border-bottom: 1px solid #dedcd4; padding: 20px 0 0; color: #5b5b5b; /*margin-right: 21px;*/ }
.entry .image { float: left; width: 169px; height: auto; }
.entry .desc { float: left; width: 394px; margin-bottom: 14px; }
.entry .image img { border: 1px solid #eae5dd; display: block; }
.entry p, .entry a.view { padding-bottom: 14px; }
/*.entry h2 { padding-bottom: 5px; color: #2e2e2e; }*/
.last { border-bottom: 0; }

.map-search { background: #544d33 url(/images/bg-map-top.png) no-repeat top left; color: #fff; padding: 20px 0 30px 79px; position: relative; }
.map-search label { display: block; width: 182px; float: left; }
.map-search p input { background: #ffffa0; font-style: italic; font-size: 1em; padding: 1px 3px; color: #666; width: 125px; position: absolute; top: 19px; right: 18px; }
.map-search .search { position: absolute; top: 50px; right: 10px; }
.map-area { background: url(/images/bg-map-bottom.png) no-repeat bottom left; padding-bottom: 31px; width: 550px; padding-top: 16px; }
.map-area img { display: block; }

.partnerFeatures #headerControls .control { margin-right: 21px; }


/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/

#sidebar .inner { margin-left: 1px; background: url(/images/bg-sidebar2.png) repeat-x top left; padding-bottom: 60px; }
#sidebar .featured-discounts-title { padding: 28px 21px 0 20px; }
#sidebar .featured-discounts-title h2 { position: relative; float: left; }
#sidebar .featured-discounts-title h2,
#sidebar .featured-discounts-title h2 span { width: 161px; height: 13px; display: block; overflow: hidden; }
#sidebar .featured-discounts-title h2 span { position: absolute; top: 0; left: 0; background: url(/images/txt_featured-discounts.png) no-repeat; }
#sidebar .featured-discounts-title a { float: right; margin-top: -3px; }

.featured-discounts { padding: 0 20px 0 19px; font-size: .9em; line-height: 1.2; }
.featured-discounts li { padding: 15px 0 6px; border-bottom: 1px solid #bbdad9; }
.featured-discounts p { padding: 0 0 8px; }
.featured-discounts .image { width: 123px; float: left; }
.featured-discounts .desc { width: 179px; float: right; }
.featured-discounts .image img { border: 1px solid #bbdad9; }
.featured-discounts .image ul { margin-top: 9px; margin-left: 1px; }
.featured-discounts .image li { position: relative; margin-right: 6px; float: left; text-indent: -999em; padding: 0; }
.featured-discounts .image li span { position: absolute; top: 0; left: 0; background: url(/images/ico-circles.png) no-repeat top left; cursor: pointer; }
.featured-discounts .image li,
.featured-discounts .image li span { width: 15px; height: 15px; overflow: hidden; display: block; }
.featured-discounts .image .ico2 span { background-position: -15px 0; }
.featured-discounts .image .ico3 span { background-position: top right; }
.featured-discounts h3 { text-transform: uppercase; padding-bottom: 5px; }
.featured-discounts p.adr { font-weight: bold; padding-bottom: 4px; }

.view { position: relative; }
.view, .view span { width: 50px; height: 19px; display: block; overflow: hidden; }
.view span { position: absolute; top: 0; left: 0; background: url(/images/btn-view.png) no-repeat; cursor: pointer; }

/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/

#footer { background: #242424; font-size: .9em; padding: 9px 23px 8px; line-height: 1; }
#footer a { color: #b3b3b3; padding: 2px 9px; display: block; }
#footer .inner { float: left; }
#footer ul { text-transform: uppercase; padding-top: 1px; }
#footer li { float: left; }
#footer .site-links { text-transform: none; }
#footer .site-links, #footer .site-links a { color: #878787; }
#footer li.copyright { padding: 3px 10px; }
#footer .endorsement, #footer .endorsement span { overflow: hidden; }
#footer .endorsement { text-indent: 0; position: relative; background: none; }
#footer .endorsement span { background: url(/images/txt_endorsements-footer.png) no-repeat; position: absolute; top: 0; left: 0; cursor: pointer; }
#footer .endorsed-by-unesco, #footer .endorsed-by-unesco span { height: 20px; width: 135px; }
#footer .memeber-of-wyse, #footer .memeber-of-wyse span { height: 24px; width: 150px; }
#footer .memeber-of-wyse span { background-position: bottom left; }
#footer .endorsement:hover { text-decoration: none; }
#footer p { float: right; margin-right: 5px; margin-top: 4px; }

/* 2.8 Search 
-----------------------------------------------------------------------------------------------*/
.moduleSearchList .item { padding: 10px 0px 10px 0px;}

/* 2.9 Sitemap 
-----------------------------------------------------------------------------------------------*/
#sitemap .level1 { margin:0px 0px 10px 15px; }
#sitemap .level2 { margin:0px 0px 0px 30px; }