/* Livebookings August 2010*/

/* COMMON AND GLOBAL */
body { font:12px Arial; margin:0; padding:0; background:#ffffff; color:#0078AB; text-align:left; }
td, textarea, input, select { font:12px Tahoma, Arial;}
img { display:block; border:0; }
address { font-style:normal;}

/* ----- CLASSES ----- */
.clear { clear:both; height:0px; line-height:0px;}
.redText { color:#A9122A;}
.redLink { color:#A9122A; text-decoration:none;}
.floatRight { float:right;}
.floatleft { float:left;}
.redLink:hover{ text-decoration:underline;}
.largeText { font-size:14px;}
.imgLeft{float:left; margin:0px 10px 10px 0px;}
.smallText {color:#42A0C4; font-size:10px;float:left;}
.bigText { font-size:18px;}
.rounded{border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.ontop{ z-index:2000;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0;}
h1 {font-size:24px;}
h2 {font-size:18px;}
h3 {font-size:16px; line-height:24px;}
h4 {font-size:14px; line-height:22px;}
p { font-size:12px; line-height:20px; padding:0 0 10px 0; margin:0px; }
h1 { color: #0078AE; font-size:24px; font-weight:normal; height:40px; background:url(/images/layout/internalTopFade.gif) 0 0 repeat-x; padding:10px 0 0 10px; margin:0px 0px 0px 0px;}
h1 a{ text-decoration:none; color:#9ACBDE;}
.title1 { width:100%; color:#002F4E; font-weight:bold; font-size:18px; border-bottom:1px solid #42a0c4; padding:0; margin-bottom:20px;} 

/* ----- LINKS ----- */
a {color:inherit; color:#0078AB;  font-weight:normal; text-decoration:underline; outline:none;}
a:hover {text-decoration:none;}

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

/* ----- MAIN PAGE STRUCTURE IDS ----- */   
#headerContainer { width:100%; background:#42a0c4; height:5px; line-height:1px; font-size:1px; z-index:100;}
#contentContainer { width:988px; margin:0px auto; position:relative; padding:129px 0 0 0; }
#contentContainer #content {padding:0px;}
#header { width:988px; height:135px; position:absolute; top:0; left:0px; z-index:101; }
#topLinks { position:absolute; top:6px; right:0px; color:#42A0C4; padding:0 155px 0 0; line-height:21px; z-index:104;}
#footerContainer { width:100%; background:#d6e6f4 url(/images/layout/footerBg.gif) 0 0 repeat-x; border-bottom:5px solid #99c9dd; padding:0; margin:0; margin-top:20px;}
#footer {width:988px; margin:0 auto;}


/* ----- TOP NAVIGATION ----- */
/* Required elements*/
#topNav #nav, #topNav #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; }
#topNav #nav a { display: block; width: auto; }
#topNav #nav li { /* all list items */ float: left;  /* width needed or else Opera goes nuts */ }
#topNav #nav li ul { /* second-level lists */ position: absolute; background: white; min-width: 200px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ z-index:2000;}
#topNav #nav li ul li{ float:none; width:auto;}
#topNav #nav li ul li a{ width:auto;}
#topNav #nav li ul ul { /* third-and-above-level lists */margin: -24px 0 0 200px; }
#topNav #nav li:hover ul ul, #topNav #nav li:hover ul ul ul, #topNav #nav li.sfhover ul ul, #topNav #nav li.sfhover ul ul ul { left: -999em;}
#topNav #nav li:hover ul, #topNav #nav li li:hover ul, #topNav #nav li li li:hover ul, #topNav #nav li.sfhover ul, #topNav #nav li li.sfhover ul, #topNav #nav li li li.sfhover ul { /* lists nested under hovered list items */	left: auto;}

/* The pretty bits */
#topLinks a {  text-decoration:none;}
#topLinks a:hover { text-decoration:underline;}
#topLinks .language { position:absolute; top:0; right:0; width:147px; height:21px; padding:0 0 0 0; background:url(/images/layout/languageBtnBg.gif) no-repeat;}
#topLinks .language .flag { display:inline; float:left; padding:5px 6px 0 8px;}
#topNav { width:988px; height:40px; padding:4px 0 0 0px; background:url(/images/layout/topNavBg.gif) no-repeat 0px 0; position:absolute; top:91px; left:0px; z-index:102;}
#topNav .loginBtn { position:absolute; top:6px; right:20px; display:block; width:83px; height:21px; background:url(/images/layout/loginBtn.gif) 0 0 no-repeat; text-align:center; padding-top:3px; text-decoration:none; font-weight:bold; color:White; font-size:14px; }
#topNav .loginBtn:hover { display:block; background:url(/images/layout/loginBtn.gif) 0 -24px no-repeat;}
#topNav .sociallinks{ position:absolute; right:120px; height:21px; top:7px;}
#topNav .sociallinks .img { float:left;}
#topNav #nav{z-index:2; }
#topNav #nav li{ background:url(/images/layout/topNavDivider.gif) top right no-repeat; padding:0px; z-index:3;}
#topNav #nav li ul{}
#topNav #nav li a{text-decoration: none;color:#002F4E; font-size:14px;line-height:15px; top:0px; padding:1px 18px;line-height:30px; height:auto; }
#topNav #nav li ul{  border: 1px solid #ccc; border-bottom:none; z-index:4; }
#topNav #nav li ul li{  background:#ffffff; z-index:5;border-bottom: 1px solid #ccc;}
#topNav #nav li ul li ul{ background:#ffffff;z-index:6; }
#topNav #nav li ul li ul li{ z-index:7;}
#topNav #nav li ul li a{  text-decoration: none;color:#002F4E; line-height:25px; }
#topNav #nav li a:hover{background:url(/images/layout/topNavHoverBg.gif) 0 2px repeat-x;}
#topNav #nav li.sf-Menu-Selected, #topNav ul.nav li.sf-ChildSelected{background:url(/images/layout/topNavHoverBg.gif) 0 2px repeat-x;}


/* -----  BOXES -----   */
.box3twelfths{float:left; width:232px; padding:0px;}
.box6twelfths{float:left; width:484px; padding:0px;}
.box9twelfths{float:left; width:736px; padding:0px;}
.box12twelfths{float:left; width:988px; padding:0px;}

.box4twelfths{float:left; width:316px; padding:0px;}
.box8twelfths{float:left; width:652px; padding:0px;}

.boxspacer{ width:20px; height:20px; float:left;}
.boxrowspacer{clear:both; height:12px; width:100%;}


/* ------ SUB PAGES ---*/
.sidebar{background-image:url(/images/layout/sidebar-repeat.gif); background-repeat:repeat-y;  width:220px; float:left; margin-bottom:30px;}
.sidebartop{ background-image:url(/images/layout/sidebar-top.gif); background-repeat:no-repeat; height:6px; width:220px;}
.sidebarcontent{ padding:4px;min-height:300px;}
.sidebarfooter{ background-image:url(/images/layout/sidebar-bottom.gif); background-repeat:no-repeat; height:22px; width:220px; clear:left;}
.sidebarcontent h2{color:#002F4E; font-weight:normal; font-size:18px; border-bottom:1px solid #42a0c4; margin:10px 6px 20px 6px; padding:0px; }
.sidebarcontent h2 a{color:#002F4E; text-decoration:none;}
.sidebarcontent ul{padding:0; margin:0; list-style:none; padding:5px;}
.sidebarcontent ul li a{ text-decoration:none; color:#002F4E;}
.sidebarcontent ul li a.thisPage{ color:#000000; text-decoration:underline;}
.sidebarcontent ul li{ margin:4px 0px 6px 0px;}
.EventListDate{ color:#666;}
.sidebar #nav .sf-Menu-Selected{ font-weight:bold;}

/* ---------- BLUE BOX ------------ */
.blueBox{border:solid 1px #ACBFCE; background:#EEF5FA url(/images/layout/blueboxbg.gif) repeat-x bottom; position:relative; padding:15px; }
.blueBoxDots{ position:absolute; right:10px; top:10px; width:66px; height:32px; background: url(/images/layout/blueboxdots.gif) no-repeat right top; }
.blueBox h3{ color:#002F4E; font-size:18px; margin:0px; padding:0px; font-weight:normal; margin-bottom:5px; margin-top:-5px; position:relative;}
.blueBox p{}


/* ----- SWITCH BOX ----- */
.switchBox {position:relative;}
.switchBoxTitle {float:left; padding:0;margin:0; color:#002F4E;}
.switchBox .menu { margin:0; padding:0px; padding-left:10px;}
.switchBox .menu li { text-decoration:none; color:#666666; display:block; float:left; margin-right:3px;}
.switchBox .menu a { background:url(/images/layout/tabsBgLeft.gif) top left no-repeat; text-decoration:none; color:#002F4E; font-size:14px; font-weight:normal; display:block; float:left; position:relative; z-index:1; line-height:22px;}
.switchBox .menu a span { background:url(/images/layout/tabsBgRight.gif) top right no-repeat; padding:0px 25px 0px 8px; display:block; margin-left:3px;}
.switchBox .menu a:hover { color:#003366; position:relative; background:url(/images/layout/tabsBgLeftHover.gif) top left no-repeat;}
.switchBox .menu a:hover span { color:#003366; background:url(/images/layout/tabsBgRightHover.gif) top right no-repeat;}
.switchBox .menu li.active a { color:#003366; position:relative; top:1px; background:url(/images/layout/tabsBgLeftHover.gif) top left no-repeat;}
.switchBox .menu li.active a span { background:url(/images/layout/tabsBgRightHover.gif) top right no-repeat;}
.switchBox .content { float:left;border-top:1px solid #42a0c4;min-height:210px;width:100%;float:left;clear:both;}


/* ----- SWITCH BOX CONTENT SPECIFIC STYLES----- */
.dateBox {float:left;width:10%;margin:5px 0;height:100%; width:45px;}
.dateBox .left { width:6px; height:35px; background:url(/images/layout/dateBoxBgLeft.gif) no-repeat; float:left;}
.dateBox .right { width:6px; height:35px; background:url(/images/layout/dateBoxBgRight.gif) no-repeat; float:left;}
.dateBox .middle { height:35px; text-align:center; background:url(/images/layout/dateBoxBgMiddle.gif) 0 0 repeat-x; float:left; color:#FFFFFF; font-weight:bold; font-size:12px; line-height:17px;}
.dateBox .middle .black { color:#000000; font-weight:normal; font-size:11px;}


/* ----- LISTS ----- */
.redArrowList { list-style:none; padding:0; margin:0;}
.redArrowList li {padding:1px 0 2px 18px; margin:0px; color:#0078AB; background:url(/images/layout/redArrowOnWhite.gif) 0 4px no-repeat;}
.twoColList { width:445px;}
.twoColListShort { width:435px;}

/* ----- BUTTONS ----- */

/* Blue button */
.btnBlue{ text-align:center;background:#0090BB url(/images/layout/btnblue.gif) repeat-x bottom;  position:relative; border:solid 1px #006E8E; margin:0 auto; width:220px;height:28px; line-height:28px; color:White; font-weight:bold;font-size:16px; text-decoration:none; display:block;cursor:pointer;}
.btnBlue:hover{background-image:url(/images/layout/btnblueover.gif);}

/* Red button */
.btnRed{ text-align:center;background:#BC2546 url(/images/layout/btnred.gif) repeat-x;  position:relative; border:solid 1px #8E1D38; margin:0 auto; width:220px; height:28px; line-height:28px; color:White; font-weight:bold;font-size:16px; text-decoration:none; display:block; cursor:pointer;/**/}
.btnRed:hover{background-image:url(/images/layout/btnredover2.gif);}

/* button options */
.btnright{ margin:0px; float:right;}


/* ----------- overrides ----- */
.btn180{ width:180px;}
.btn180 a{ width: 180px;}
.btnRight{ float:right;}

/* ----- PARTNERS BOX CAROUSEL ----- */
#partnersBox { width:960px; margin:0 auto; color:#0078AB;}
#partnersBox p { padding:0 0 15px 0;}
#partnersBox #carousel { width:988px; height:120px; background:url(/images/layout/partnersCarouselBg.gif) 0 0 no-repeat;}
#partnersBox #carousel .carouselPadding { padding:35px 20px 0 20px;}

/* featured partners */
ul.PartnersFeatured{ list-style:none; margin:0px; padding:0px;}
ul.PartnersFeatured li{ float:left; margin:15px 2px 15px 5px;}
.box2colWithBg { float:left; width:444px; height:215px; padding:30px 20px; background:url(/images/layout/containedBoxBg2.jpg) no-repeat;}


/* ----- BEST PRACTICE  ----- */
#whatTheySayBox { min-height:200px; width:642px; }
#whatTheySayBox .boxTitle { color:#002F4E; font-weight:bold; font-size:18px; position:absolute; top:-1px; left:0;}
#whatTheySayBox #menu { padding:0; margin:0;}
#whatTheySayBox #menu li { text-decoration:none; color:#666666; display:block; float:right; margin-right:3px;}
#whatTheySayBox #menu a { background:url(/images/layout/tabsBgLeft.gif) top left no-repeat; text-decoration:none; color:#002F4E; font-size:14px; font-weight:normal; display:block; float:left; position:relative; z-index:1; line-height:22px;}
#whatTheySayBox #menu a span { background:url(/images/layout/tabsBgRight.gif) top right no-repeat; padding:0px 25px 0px 8px; display:block; margin-left:3px;}
#whatTheySayBox #menu a:hover { color:#003366; position:relative; background:url(/images/layout/tabsBgLeftHover.gif) top left no-repeat;}
#whatTheySayBox #menu a:hover span { color:#003366; background:url(/images/layout/tabsBgRightHover.gif) top right no-repeat;}
#whatTheySayBox #menu li.active a { color:#003366; position:relative; top:1px; background:url(/images/layout/tabsBgLeftHover.gif) top left no-repeat;}
#whatTheySayBox #menu li.active a span { background:url(/images/layout/tabsBgRightHover.gif) top right no-repeat;}
#whatTheySayBox .content { float:left; clear:both; padding:0px 0 24px 0; width:652px;  color:#0078AB; clear:both; position:relative; top:0px; background:url(/images/layout/whatTheySayBoxBgBottom.gif) bottom left repeat-x; }

#whatTheySayBox .content .bpitem { background:url(/images/layout/testimonialBg.gif) 0 0 repeat-x; position:relative; padding:10px 10px 10px 130px; margin-bottom:0px; width:512px;  }
#whatTheySayBox .content .bpitem .picture { border:2px solid #a9122a; position:absolute; top:10px; left:10px;}
#whatTheySayBox .content .bpitem .quote { color:#0078AB; line-height:18px; padding:0 0 10px 0;}
#whatTheySayBox .content .bpitem .details { color:#002F4E;}
#whatTheySayBox .content .bpitem .details a { color:#002F4E;}
#whatTheySayBox .content   a.downloadlink{ text-decoration:none; padding: 4px 0px 4px 17px; background-image:url(/images/layout/downarrowblue.gif); background-repeat:no-repeat; background-position:left center;color:#002F4E; display:block; margin-top:5px;}
ul.bplist{ list-style:none; margin:0px; padding:0px;}
ul.bplist li{ list-style:none; }

/* -------- PAGERS --------- */
#casestudiescontainer .simplePagerContainer li, #testimonialscontainer .simplePagerContainer li, #whatTheySayBox .simplePagerContainer li, #casestudiesminicontainer .simplePagerContainer li{ visibility:visible; list-style:none;}
#casestudiescontainer ul.simplePagerNav, #testimonialscontainer ul.simplePagerNav, #whatTheySayBox ul.simplePagerNav{ margin:0px; padding:0px; position:absolute; top:-38px; right:0px; z-index:1001; }
#whatTheySayBox ul.simplePagerNav{ top: -18px;}



/* -------- CASE STUDIES -------- */
ul.casestudies{ margin:0px; padding:0px;}
ul.casestudies li { background:url(/images/layout/testimonialBg.gif) 0 0 repeat-x; position:relative; padding:0px 0px 10px 0px;  min-height:100px; display:block; border-top:solid 1px #ccc; clear:both;}
ul.casestudies li .picture { border:none; float:left; margin:0px; padding:0px; margin-right:10px;}
ul.casestudies li .quote { color:#0078AB; line-height:18px; padding:10px 0 10px 0; }
ul.casestudies li .details { color:#002F4E; padding:0px; margin:0px; }
ul.casestudies li .details a { color:#002F4E;}
.copyblock{ display:block;  float:left; width:360px; padding-bottom:10px;}

ul.casestudies li { }
ul.simplePagerNav li{ display:block; list-style:none; width:auto; float:left;margin-left:3px; }
ul.simplePagerNav li a{ display:block; width:auto; background-color:#999;padding: 1px 3px; color:#fff; text-decoration:none; }
ul.simplePagerNav li.currentPage a {color: #fff;background-color:#666;}
.simplePagerContainer{ position:relative; }

#scroller li{ list-style:none; margin:0px; padding:0px; visibility:hidden;}
#scroller.simply-scroll-list li{ visibility:visible;}

/* Case study mini */
ul.casestudiesmini{ margin:0px; padding:0px;}
ul.casestudiesmini li { list-style:none; margin:0px; padding:0px;}
ul.casestudiesmini li .picture { border:none; float:left; margin:0px; padding:0px; margin-right:10px;}
ul.casestudiesmini li .quote { color:#0078AB; line-height:17px; padding:0px 0 0px 0; display:block; width:176px; float:left; }
ul.casestudiesmini li .details { color:#002F4E; padding:0px; margin:0px; clear:both;}
ul.casestudiesmini li .details a { color:#002F4E;}
#casestudiesminicontainer .simplePagerContainer{ position:absolute; min-height:140px;}
#casestudiesminicontainer ul.simplePagerNav{margin:0px; padding:0px; position:absolute; right:0px;  bottom:0px;z-index:1001;}
.minicasestudy{ min-height:130px;}

/* Featured case study */
.caseStudyLeft { float:left; width:220px;}
.caseStudyRight { float:right; width:220px;}
.studyImage { border:1px solid #0078ab; position:relative; width:216px; height:158px;}
.studyImage .enlarge { position:absolute; top:123px; left:181px;}
.infoLeft { float:left; width:95px; color:#002F4E;}
.infoRight { float:left; color:#002F4E; font-weight:bold;}

/* ----- OUR CUSTOMERS BOX ----- */
.customerLogoBox { width:110px; height:67px; padding:20px 0 0 0; background:url(/images/layout/customerLogoBg.gif) no-repeat; float:left; margin:0 12px 4px 0;}
.customerLogoBoxEOR { width:110px; height:67px; padding:20px 0 0 0; background:url(/images/layout/customerLogoBg.gif) no-repeat; float:left; margin:0 0 4px 0;}
.customerLogoBox .logo { margin:0 auto;}
.customerLogoBoxEOR .logo { margin:0 auto;}

/* ----- EVENTS ----- */
.eventPic { border:1px solid #002F4E; width:438px;  position:relative;}
.eventPic .newEventSticker { position:absolute; top:0; left:0;}
.timecost{ float:left;}

ul.events{ margin:0px; padding:0px;}
ul.events li{ list-style:none; padding:0px; margin:0px; clear:both;}
ul.events li li{ list-style:disc;}
ul.events li h3{ border-bottom:solid 1px #ccc; padding:0px; padding-bottom:3px; }

.eventitem{ display:block;background:url(/images/layout/testimonialBg.gif) 0 0 repeat-x;}
.eventdescription ul li{ list-style:disc;}
.eventdescription{display:block; float:left; width:400px;  padding:10px 10px 20px 0px;}
.eventdetails{display:block; float:left; width:200px;padding:10px 0px 20px 0px;}

.eventitem table{ padding:0px; margin:0px; margin-bottom:5px;}
.eventitem table tr td{ vertical-align:top; padding-bottom:4px;}
.eventitem table tr td.title{ color:#666; padding-right:10px;}

.academydownloads{ background-image:url(/images/layout/academymid.gif); background-repeat:repeat-y; }
.academydownloads .downloads{ margin-top:0px;}
.academydownloads .downloads ul{padding:0px 3px;}
.academyheader{ background-image:url(/images/layout/academytop.gif); background-repeat:no-repeat; width:100%;}
.academyheader h3{ margin:0px; padding:27px 10px 10px 12px; color:#002F4E;}
.academyfooter{ background-image:url(/images/layout/academybottom.gif); background-repeat:no-repeat; width:100%; height:10px;}

.eventdetailsdescription ul{}

/* Featured events */
.featuredeventleft { float:left; width:455px; padding:0px; color:#002F4E;}
.featuredeventright { float:left; width:495px; padding:0px;}


/* ----- WHAT WE OFFER --------- */
.pricesfrom{ background-color:#3A78AB; text-align:center; padding:10px; font-weight:bold; font-size:1.2em; margin:0px; color:White;}
.reservationsystedescription{ min-height:90px;}

/* ----- NEWS ----- */
.newsItem { margin-top:10px; width:100%}
.newsItem .newsContent {float:left;width:90%;}
.newsItem .newsHeading {font-weight:normal; color:#0078AB; margin:0; padding:0;}
.newsItem .newsText { font-size:12px; line-height:20px; padding:0;}

.downloads h3.title1, .newslinks h3.title1{ margin-bottom:0px;}

.downloads{ margin-top:10px;}
.downloads ul{ margin:0px; padding:0px;}
.downloads ul li{ list-style:none; padding:5px 10px; background-image:url(/images/layout/gradientsmall.jpg); background-repeat:repeat-x; margin-bottom:5px; color:#999;}
.downloads ul li a{ padding-left:20px; background-image:url(/images/layout/arrowbluedown.gif); background-repeat:no-repeat; font-weight:bold; padding-bottom:4px; display:block; margin:0px; }
.downloads .details{ display:block; padding:0px 0px 0px 20px; margin:0px;}

.links ul li a{ background-image:url(/images/layout/arrowblueright.gif); background-repeat:no-repeat;}

/* ------- Latest News ---------- */
ul.latestnews{ margin:0px; padding:0px;}
ul.latestnews li { position:relative; padding:0px 0px 0px 0px;  min-height:100px; display:block;clear:both; list-style:none; margin-bottom:5px;}
ul.latestnews li .picture { border:none; float:left; margin:0px; padding:0px; margin-right:10px; margin-top:2px;}
ul.latestnews li h4 {  line-height:normal; padding:0px; margin:0px; font-size:1em;  }
ul.latestnews li h4 a{ text-decoration:none; color:#002F4E; font-weight:bold;}
ul.latestnews li h4 a:hover{ text-decoration:underline;}
ul.latestnews li p.newsDate{ color:#666; margin:0px; padding:0px;}
ul.latestnews li p.newsText { color:#0078AB;; padding:0px; margin:0px; }
ul.latestnews li .readmore{ color:#cc0000; text-decoration:none;}
ul.latestnews li .readmore:hover{ text-decoration:underline;}

ul.newsarchive .copyblock{ width:550px;}

/* ----- TWITTER -----*/
#twitterlist{ margin:0px; padding:0px; }
#twitterlist li { padding:10px 0px 0px 0px;  color:#0078AB; display:block; clear:both; list-style:none;}
#twitterlist li .twitterdate{ color:#999; font-size:0.8em;}
#twitterlist li a{color:#A9122A;}
#newslettersuccess{ display:none;}

/* ------HOME  ------ */
/* home header images */
#homeheaderimages{ background-color:#999; height:250px; position:relative;}
.homeheaderlink{width:652px; height:229px; display:block; position:relative;}
#homeheaderimage1, #homeheaderimage2{width:652px; height:229px; display:block; background-repeat:no-repeat; position:absolute; background-position:center center;}
#homeheaderimage1.smallerheader, #homeheaderimage2.smallerheader{ width:573px;}
#homeheaderimages ul{position:absolute; bottom:1px; right:0px; margin:0px; padding:0px; z-index:1002; }
#homeheaderimages ul li{ list-style: none; float:left; margin:3px 2px 2px 1px;}
#homeheaderimages ul li a{ padding:1px 3px; background-color:#999; color:White; text-decoration:none;}
#homeheaderimages{ background-color:#ccc; height:249px;}

/* Square blue box on home page */
.blueboxsquare{ background-color:#429FC4; text-align:center; padding:15px 0px;}
.blueboxsquare p{ color:White; padding:0px 10px 10px 10px;}
.blueboxsquare h1{ color:White;font-size:1.6em; font-weight:bold; height:auto; background:none; padding:0px 15px 5px; margin:0px;}
.blueboxsquare h2{ color:White;font-size:1.3em; font-weight:bold; height:auto; background:none; padding:0px 15px 5px; margin:0px;}
.blueboxsquare h3{ color:White;font-size:1.2em; font-weight:bold; height:auto; background:none; padding:0px 15px 5px; margin:0px;}
.blueboxsquare a{ color:White;}

/* Countries */
.Countries{ padding:5px; width:120px; padding-top:0px; background-color:White; margin:0px 0px 0px 7px; border:solid 1px #42a0c4; border-top:none; z-index:1000; position:absolute; right:0px; display:none; right:7px; top:22px;}
.Countries ul{padding:0; margin:0; list-style:none;}
.Countries ul li{}
.Countries ul li a{ line-height:14px;width:120px; display:block; height:18px; text-decoration:none;}
.Countries ul li a:hover{}
.Countries ul li img{ display:inline; margin-right:5px; margin-top:3px;}
.locationtext{ padding-left:30px;}

#headerbuttons{ position:absolute; width:500px; right:0px; top:40px;}
.joinlivebookings{ position:relative; width:auto; float:right; padding-right:10px; padding-left:10px; }
#topLinks a.joinlivebookings:hover{ text-decoration:none;}

.contactus{ position:relative; width:auto;float:right;margin-right:10px; padding-right:10px; padding-left:10px;}
#topLinks a.contactus:hover{ text-decoration:none;}



/* logos */
.livebookingslogo { position:absolute; top:20px; left:10px; width:300px; height:62px;background-image:url(/images/layout/logo.gif); background-position:top left; background-repeat:no-repeat;}
/*
.livebookingslogogb{background-image:url(/images/layout/logogb.gif); }
.livebookingslogoat{ }
.livebookingslogodk{background-image:url(/images/layout/logodk.gif);  }
.livebookingslogode{background-image:url(/images/layout/logode.gif); }
.livebookingslogoes{ }
.livebookingslogofr{background-image:url(/images/layout/logofr.gif);  }
.livebookingslogonl{ }
.livebookingslogono{background-image:url(/images/layout/logono.gif);  }
.livebookingslogose{ background-image:url(/images/layout/logose.gif); }
.livebookingslogofi{background-image:url(/images/layout/logofi.gif);  }
.livebookingslogoch{ }
.livebookingslogous{ }
*/

/* -------- WHAT WE DO ------   */
.whatwedo{ background-repeat: no-repeat;}
.whatwedo h3{font-size: 1.5em; margin-bottom:0px; padding:0px; padding-left:30px;}
.whatwedo h4{ font-size:1.2em; margin:0px; padding:0px; border-bottom:solid 4px #E9F6FB; padding-bottom:8px; padding-left:30px;}
.whatwedo p.intro{ color:#666; font-size:1.2em; font-weight:bold; margin-bottom:4px; margin-top:8px; line-height:140%;}
.whatwedo p{ color:#666;line-height:140%;}
.whatwedo .contentarea{ padding-bottom:10px;}
.whatwedo ul li{ color:#666;line-height:140%; margin:0px;} 

.whatwedobtn{float:left; min-width:120px; background-repeat:repeat-x; }
.whatwedobtn a{ display:block; text-decoration:none;background-repeat:no-repeat; padding:9px 30px 0px 15px;height:25px; margin:0px;color:White;  font-weight:bold; }
.whatwedobtn span{ display:block;text-decoration:none;  background-repeat:no-repeat; background-position:right; padding:0px; margin:0px;}
/**/
.boxpromote{ background-image: url(/images/layout/promoteicon.jpg);}
.boxpromote h3{color:#DA7F11;}
.boxpromote h4{color: #DA7F11; border-bottom-color:#F4EDE5;}
.btnpromote{ background-image:url(/images/layout/btnpromotemid.jpg);}
.btnpromote a{ background-image:url(/images/layout/btnpromoteleft.jpg); }
.btnpromote span{ background-image:url(/images/layout/btnpromoteright.jpg);}

.boxmanage{ background-image: url(/images/layout/manageicon.jpg);}
.boxmanage h3{color:#8E9300;}
.boxmanage h4{ color: #8E9300; border-bottom-color:#F3F4E5;}
.btnmanage{ background-image:url(/images/layout/btnmanagemid.jpg);}
.btnmanage a{ background-image:url(/images/layout/btnmanageleft.jpg); }
.btnmanage span{ background-image:url(/images/layout/btnmanageright.jpg);}

.boxanalyse{ background-image: url(/images/layout/analyseicon.jpg);}
.boxanalyse h3{}
.boxanalyse h4{}
.btnanalyse{ background-image:url(/images/layout/btnanalysemid.jpg);}
.btnanalyse a{ background-image:url(/images/layout/btnanalyseleft.jpg); }
.btnanalyse span{ background-image:url(/images/layout/btnanalyseright.jpg);}

.boxlearn{ background-image: url(/images/layout/learnicon.jpg);}
.boxlearn h3{ color:#D2232A;}
.boxlearn h4{ color:#D2232A; border-bottom-color:#FFEDEE;}
.btnlearn{ background-image:url(/images/layout/btnlearnmid.jpg);}
.btnlearn a{ background-image:url(/images/layout/btnlearnleft.jpg); }
.btnlearn span{ background-image:url(/images/layout/btnlearnright.jpg);}


/* ----- FOOTER ----- */
#footer ul{ margin:0px; padding:0px;}
#footer li { float:left; display:block; width:220px;padding:3px 0;}
#footer li a { float:left; display:block;}
#footer #findLinks {}
#footer #findLinks .text { float:left; font-weight:bold; padding:0 18px 0 0; background:url(/images/layout/footerLinksArrow.gif) right   no-repeat; color:#0078AB; line-height:20px; background-position:right center; line-height:25px;}
#footer #findLinks .img { float:left;}
.fourColBg {background:url(/images/layout/colContainerBg.gif)  0px 30px no-repeat; padding:30px 0 0 0;} 

/* ------- FORMS ------ */
/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:block; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }

.generalform label.error{ display:inline; width:auto; float:none; padding-left:10px; color:#cc0000; font-size:120%;}
#salesforceform label{ }
.generalform input.btnRed{ width:auto; font-size:14px !important; padding:0px; padding:0px 10px 3px 10px; margin:0px;}
.generalform input.error{ border:1px solid #cc0000; background-color:#FFEDF2;}
.generalform label.required{ /*font-weight:bold;*/}

input, textarea { width:200px; font-size:11px !important; border-collapse:collapse; border:1px solid #ccc; padding:2px 0 2px 4px; }
.checkRadio { width:20px; position:relative;left:-7px;top:2px;}

.generalform label{ font-size:12px; margin-bottom:3px; float:left; display:block; width:200px;}
.generalform div{ clear:both; margin-bottom:5px;}
.generalform .boxed{width:250px; padding:2px 0 2px 4px; font-size:12px !important; margin:0 0 10px 0;}
.generalform .btnRight{ float:right; }

.formlogo{ position:absolute; right:12px; top:0px;}
#modal {width:600px; height:500px; position:relative; display:none;}
#modal .loader{ width:100%; height:100%; background-image:url(/images/layout/ajax-loader.gif); background-repeat:no-repeat; background-position:center center;}
#modal h2{ padding-top:20px;}
.alignmiddle{ text-align:center;}
#modal a.btnBlue{ color:White;}

/* ------- DEFAULT SIMPLY SCROLL ------ */
.simply-scroll-container { position: relative; }
.simply-scroll-clip {position: relative; overflow: hidden; z-index: 2;}
.simply-scroll-list { position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; margin: 0; padding: 0; list-style: none; }
.simply-scroll-list li { padding: 0; margin: 0; list-style: none; }
.simply-scroll-list li img { border: none; display: block; }

/* ----- PARTNERS BOX WITH JCAROUSEL ----- */
#carousel { width:974px; height:80px; background:url(/images/layout/partnersCarouselBg.gif) 0 0 no-repeat;margin-bottom:0px; padding:22px 13px; }
#carousel .simply-scroll { width: 959px; height: 75px; overflow:hidden; }
#carousel .simply-scroll .simply-scroll-clip { width: 988px; height: 75px; }

/* ------ TWITTER Simply Scroll ---------- */
#twittercontainer .simply-scroll { width: 464px; height: 210px; overflow:hidden; padding:0px; }
#twittercontainer .simply-scroll .simply-scroll-clip { width: 444px; height: 430px; }
#twittercontainer .simply-scroll-list li{ visibility:visible;}
#carousel  .simply-scroll .simply-scroll-list li {	float: left; width: 150px; 	height: 75px; margin-right:20px; }
#carousel  .simply-scroll .simply-scroll-list li img{ cursor:pointer;}

/* ------- DEFAULT MODAL SETTINGS */
#simplemodal-overlay {background-color:#666; }
/* Container */
#simplemodal-container {height:500px; width:600px;  background-color:#fff; border:4px solid #666; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/images/layout/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}