/* Reset styles - Courtesy of Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
/* Main styles */
body {background:#DDDDC2 url(../img/bg.png) repeat-x left top;}
.container {width:960px; margin:0 auto; overflow:visible;position:relative;clear:both;}
.hugeleftcol {width:640px; float:left;margin-right:20px;display:inline;}
.sidebarcol {width:300px; float:left;}
#page {overflow:hidden; padding-top:20px;clear:both;}
div.smallleftcol {float:left; width:410px; margin-right:30px;margin-bottom:30px;display:inline;overflow:visible;}
div.bigrightcol {float:left;width:520px;margin-bottom:30px;display:inline;overflow:hidden;}
.content {margin-bottom:30px;}
.featured {margin-bottom:20px;}
/* text */
h1 {color:#00CCFF;font-size:40px;margin-bottom:0.2em;}
h2 {color:#615333; font-size:25px;margin-bottom:1em;}
div.entry p {font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size:12px; line-height:1.5em; color:#333;margin-bottom:1em;}
a {color:#615333;}
a:visited {color:#615333;}
/* header */
a.logo {background: url('../img/logo.png') left top no-repeat; width:328px; height:64px; text-indent:-9000px; display:block; margin-top:20px;}
#header {height: 110px;overflow:hidden;margin-top:10px;position:relative;}
#header .description { display: none; }
ul.nav {float:right; list-style-type:none; display:block; position:absolute; top:40px; right:0px;}
ul.nav li {float:left; margin-right:15px; font-weight:bold;}
ul.nav li a {text-decoration:none;color:#5F5233;font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;border-bottom:dotted 1px transparent;}
ul.nav li a:hover {border-bottom:dotted 1px #5F5233; }
ul.nav li.current_page_item a{color:#00CCFF;border-bottom:dotted 1px #00CCFF;}
ul.nav li.current_page_item a:hover { }
/* footer */
#footer {width:1165px; background:transparent url(../img/footer.png) no-repeat left bottom; margin:0 0 0 -90px; height:391px;position:relative;}
#footer ul {display:block; position:absolute; left:110px; bottom:15px;}
#footer ul li {float:left; color:#fff;padding:0 10px;border-left:solid 1px #B8E350; border-right:solid 1px #9BCA34;}
#footer ul li a {color:#E7FD99;}
#footer ul li a:hover {color:#FFF;}
#footer ul > li:first-child {padding-left:0; border-left:none;}
#footer ul > li:last-child {border-right:none;}
/* homepage */
.panel {background:transparent url(../img/postlist-btm.gif) no-repeat left bottom; padding-bottom:10px; margin-bottom:30px;}
.panel-inner {background:transparent url(../img/postlist-top.gif) no-repeat left top; padding:15px 10px 10px 10px;height:100%;}
.wpanel {background:transparent url(../img/wpanel-btm.gif) no-repeat left bottom; padding-bottom:10px; margin-bottom:30px;}
.wpanel-inner {background:transparent url(../img/wpanel-top.gif) no-repeat left top; padding:15px 10px 0 10px; height:100%;}
/* Post list on front page */
div.postlist {width:410px; background:transparent url(../img/postlist-btm.gif) no-repeat left bottom; padding-bottom:10px; margin-bottom:30px;}
div.postlist ul {display:block; }
div.postlist ul li {margin-bottom:15px;}
div.postlist ul li h3 a{background:#F1F1E7 url(../img/postlist-h3.gif) no-repeat left top; display:block; width:362px; font-family:Georgia,Times,"Times New Roman", serif; font-size:23px; font-style:italic; padding:12px 0 10px 10px; color:#00CCFF; text-decoration:none; font-weight:normal;}
div.postlist ul li h3 a:hover {text-decoration:underline;}
.panel-inner p {font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size:12px; line-height:1.5em; color:#333; padding:1em 10px 1em 0;}
div.postlist ul li a.more-link {color:#00CCFF;}
/* what we do panel */
.intro p {font-size:12px; line-height:1.5em; color:#333; font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;}
.intro strong { font-size:22px; color:#00CCFF; font-family:Georgia, Times, "Times New Roman", serif; font-style:italic; font-weight:bold; display:block;margin-bottom:1em;line-height:1.5em;}
.intro p.intropara {margin-bottom:1em;}
/* our sites slider */
#slider {width: 500px; margin:0; position:relative;top:-5px;height:330px;}
.scroll { height: 330px; width: 500px; overflow: auto; overflow-x: hidden; position: relative; clear: left; position:relative;top:0px;z-index:1;}
.scrollContainer div.panel { padding:0; height: 330px; width: 500px;}
div.paneltext {position:relative; overflow:hidden;}
div.paneltext img {float:right; clear:right;margin-top:-10px;}
div.paneltext ul {margin-left:20px;margin-bottom:20px;}
div.paneltext ul li { line-height:1.5em;}
div.paneltext h3 {margin-bottom:15px;}
div.paneltext p {width:275px;float:left;}
#dealchecker h3 {text-indent:-9000px;display:block; width:498px; height:122px; background:transparent url(../img/logo-dealchecker.gif) no-repeat left top; }
#zipatrip h3 {text-indent:-9000px;display:block; width:498px; height:122px; background:transparent url(../img/logo-zipatrip.gif) no-repeat left top; }
#twadr h3 {text-indent:-9000px;display:block; width:498px; height:122px; background:transparent url(../img/logo-twadr.gif) no-repeat left top; }
#cruiselinefans h3 {text-indent:-9000px;display:block; width:498px; height:122px; background:transparent url(../img/logo_cruiselinefans.gif) no-repeat left top; }
#topsecret h3 {text-indent:-9000px;display:block; width:498px; height:122px; background:transparent url(../img/logo_topsecret.gif) no-repeat left top; }
.scrollButtons { position: absolute; top: 50px; cursor: pointer; z-index:5; display: none;}
.scrollButtons.left { left: 20px;}
.scrollButtons.right { right: 30px;}
/* careers page */
ul.careerlist li {overflow:hidden;font-size:12px; line-height:1.5em; color:#333; font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;margin-bottom:15px;clear:both;}
ul.careerlist li img, ul.careerlist li span {float:left;}
ul.careerlist li span {width:225px; margin-left:15px;}
ul.careerlist li span h4 {color:#615333;}
/* jobs section */
.jwcontent {background:transparent ! important; width:520px ! important; padding:0 20px 0 10px! important; margin-top:0 ! important; overflow:visible;}
.jwmicro .jwjob {padding-left:0 ! important;}
.jwmicro .jwheaders {overflow:hidden;}
.jwmicro .jwheaders .jwodd, .jwmicro .jwheaders .jweven {background:transparent url(../img/btn-r.gif) no-repeat right top ! important; padding:0 9px 0 0 ! important;display:inline; float:left; margin-right:10px;height:32px;}
.jwmicro .jwheaders .jwodd a, .jwmicro .jwheaders .jweven a {background:transparent url(../img/btn-l.gif) no-repeat left top ! important; padding:6px 5px 0 15px ! important; height:32px; display:block;}
.jwmicro .jwheaders .jwodd a:hover, .jwmicro .jwheaders .jweven a:hover {color:#00CCFF;}
.jwlocation strong, .jwtype strong {color:#615333;}
.jwtitle {background:transparent ! important; padding:1em 0 0.5em 0 ! important; border-bottom:solid 1px #615333; color:#615333 ! important; margin-bottom:10px;}
.jwtitle strong {font-size:18px; font-family:Georgia, "Times New Roman", serif ! important;}
.jwmicro .jwdescription, .jwmicro .jwtype , .jwlocation {line-height:1.5em;}
.jwfooter {padding:10px 10px 0 10px! important;line-height:1.5em; background:transparent url(../img/job-apply.gif) no-repeat left top; height:63px;}
.jwfooter a {display:block;}
.jwfooter a:hover {color:#00CCFF;}
.mcelayout {width:480px ! important;}
.submitdiv {width:480px ! important;}
#strCoverLetter {width:460px ! important;}
/* contact section */
p.linklove {display:none ! important;}
.cfeatured {margin-top:-40px; background:transparent url(../img/contact.png) no-repeat left top;height:250px;overflow:hidden;}
.cfeatured address {display:block; width:255px; height:130px; float:right;margin:35px 10px 0 0;}
/* about page
#andrew {background-image:url(../img/mugs/andrew.jpg);}
#anna{background-image:url(../img/mugs/anna.jpg);}
#alex{background-image:url(../img/mugs/alex.jpg);}
#alasdair{background-image:url(../img/mugs/alister.jpg);}
#ian{background-image:url(../img/mugs/ian.jpg);}
#john{background-image:url(../img/mugs/john.jpg);}
#George{background-image:url(../img/mugs/george.jpg);}
#nigel{background-image:url(../img/mugs/nigel.jpg);}
#siobhan{background-image:url(../img/mugs/siobhan.jpg);}
#troy{background-image:url(../img/mugs/troy.jpg);}
#zoltan{background-image:url(../img/mugs/zoltan.jpg);}
#adeola{background-image:url(../img/mugs/dee.jpg);}
#Philippa{background-image:url(../img/mugs/pip.jpg);}
#Amber{background-image:url(../img/mugs/amber.jpg);}
*/
/**
* styling for tip content
* mostly for example
* note: canvas (the tip itself) cannot be styled here. use javascript options for that.
*/
.bt-content {
font-size: 11px;
color: #615333;
line-height: 1.5em;
font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;
}
.bt-content a {color:#615333;}
/* styling for active target elements - usually for background hilighting */
.bt-active {
/* example:
background-color: yellow !important;
*/
}
.abfeatured {margin:-70px 0 20px 0;}
/* single post */
.hugeleftcol {font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size:12px; line-height:1.5em; color:#333; }
div.post-info {height:30px; background:transparent url(../img/post-r.png) no-repeat right top; padding:0 6px 0 0;display:inline-block;margin-bottom:15px;}
div.post-info p {display:block; background:transparent url(../img/post-l.png) no-repeat left top; padding:6px 10px 5px 10px; font-size:11px; font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif; height:30px;}
div.post-info p a {color:#615333;}
ol.commentlist li {margin:15px 0; padding:20px;background-color:#C7C7AE; position:relative;}
ol.commentlist li p.small {font-size:10px;color:#615333; position:absolute; top:10px; right:10px;}
ol.commentlist li p.small a {font-size:10px;color:#615333; text-decoration:none;}
ol.commentlist li cite {font-style:normal;}
ol.commentlist li em {font-weight:bold; font-size:14px;}
form#commentform p a {color:#00CCFF;}
form#commentform input, form#commentform textarea {margin-top:1em;}
/* sidebar */
div#sidebar {font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size:12px; line-height:1.5em; color:#333;}
#sidebar h4 {margin:20px 0 10px 0;}
#sidebar a {color:#00CCFF;}
/* archive pages */
div.content {font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size:12px; line-height:1.5em; color:#333;}
div.content a {color:#615333;}
div.navigation div.alignleft a, div.navigation div.alignright a { display:block;margin:1em 0; color:#00CCFF ! important;}
div.hugeleftcol li.post {margin-bottom:1em; padding:20px; background:#C7C7AE;}
/* fisheye image hover effect */
ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 25px 0 0 35px;
width: 420px;
overflow:visible;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative; /* Set the absolute positioning base coordinate */
width: 75px;
height: 75px;
}
ul.thumb li img {
width: 70px; height: 70px; /* Set the small thumbnail size */
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li img.hover {
background:url(../img/mugs/thumb_bg.png) no-repeat center center; /* Image used as background on hover effect
border: none; /* Get rid of border on hover */
}
ul.thumb li span {overflow:hidden;position:relative;opacity:0;display:block; height:1px; width:1px; background-position:left top; background-repeat:no-repeat ! important;padding:85px 0 10px 40px; background-color:transparent;z-index:30;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
ul.thumb li a {margin-right:1em;}
ul.thumb li span em {font-style:normal;}
li#andrew span {background-image:url(../img/andrew-tt.png);}
li#anna span{background-image:url(../img/anna-tt.png);}
li#alex span{background-image:url(../img/alex-tt.png);}
li#alasdair span{background-image:url(../img/alister-tt.png);}
li#ian span{background-image:url(../img/ian-tt.png);}
li#john span{background-image:url(../img/john-tt.png);}
li#George span{background-image:url(../img/george-tt.png);}
li#nigel span{background-image:url(../img/nigel-tt.png);}
li#siobhan span{background-image:url(../img/siobhan-tt.png);}
li#troy span{background-image:url(../img/troy-tt.png);}
li#zoltan span{background-image:url(../img/zoltan-tt.png);}
li#adeola span{background-image:url(../img/dee-tt.png);}
li#Philippa span{background-image:url(../img/pip-tt.png);}
li#Amber span{background-image:url(../img/amber-tt.png);}