/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Livebookings Stylesheet
Author : Wes Smith / Red Bullet Web Design

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/* COMMON AND GLOBAL */
body { font:12px Tahoma, 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;}
/*
ul { padding:0; margin:0; list-style:none;}
*/


/* ----- CLASSES ----- */
.clear { clear:both; height:0px; line-height:0px;}
.floatRight { float:right;}
.padding10px {padding:10px;}
.unBold {font-weight:normal;}
.whiteText {font-weight:normal; color:#FFFFFF}
.smallText {color:#42A0C4; font-size:10px;float:left;}
.darkBlueText { color:#002F4E;}
.darkBlueLargeText { color:#002F4E; font-size:16px;}
.borderBottom {border-bottom:1px solid #42a0c4; padding:0; margin-bottom:10px; color:#002F4E;}
.textLarge { font-size:16px;}
.redText { color:#A9122A;}
.redLink { color:#A9122A;}
.largeText { font-size:14px;}
.darkBlueLink { color:#002F4E;}
.largeTextNoPadding { font-size:14px; padding:0;}
.linkText { font-size:16px; line-height:22px; color:#002F4E; float:left; margin:0 10px 0 0;}
.darkBlueBoldLink { font-weight:bold; color:#002F4E;}
.btnContainer { text-align:center; padding:0; margin:0;}
.bigText { font-size:18px;}
.btnContainerRight { float:right;}
.telephoneLarge { font-size:18px; padding:15px 0 5px 0; clear:both;}
.tel { margin-bottom:5px;}
.greyBorder { border:1px solid #cccccc;}
.largeWhiteText { color:#FFFFFF; font-size:16px;}
.marginleft{ margin-left:10px;}
.imgLeft{float:left; margin:0px 10px 10px 0px;}




/* ----- 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:#0078AB; 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 3px 0px 3px;}
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;} /* Heading 1 - Bold dark blue text with lighter blue underline */
.title2 { width:100%; color:#002F4E; font-weight:bold; font-size:18px; border-bottom:1px solid #42a0c4; padding:0; margin-bottom:20px; position:relative;} /* Heading 1 - Bold dark blue text with lighter blue underline, with position relative for icons! */
.title2 .icon { position:absolute; bottom:3px; right:3px;}
.title3 { width:100%; color:#002F4E; font-weight:normal; font-size:18px; border-bottom:1px solid #42a0c4; padding:0; margin-bottom:15px;} /* Heading 3 - Bold dark blue text with lighter blue underline */
.title4 { color:#FFFFFF; font-size:16px; font-weight:bold; border-bottom:1px solid #e27198; padding:0; margin:0 0 5px 0;}


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


/* ----- 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; }
input, textarea { width:200px; font-size:11px !important;}
.checkRadio { width:20px; position:relative;left:-7px;top:2px;}


/* ----- 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; }
#contentContainer { width:988px; margin:0px auto; position:relative; padding:129px 0 0 0;}
#contentContainer #content {padding:0px 4px;}
#header { width:988px; height:135px; position:absolute; top:0; left:0px; }

.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{ }

#topLinks { position:absolute; top:6px; right:10px; color:#42A0C4; padding:0 155px 0 0; line-height:21px; z-index:10;}
#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;}
#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:980px; margin:0 auto;}

.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;}
.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;}


/* ----- TOP NAVIGATION ----- */

/*** ESSENTIAL STYLES ***/
#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 */}
#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 */
#topNav { width:978px; height:40px; padding:4px 0 0 10px; background:url(/images/layout/topNavBg.gif) no-repeat -3px 0; position:absolute; top:91px; left:2px; z-index:5;}
#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 #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;}

.widget {display: block; height: 30px;position: fixed; left: 15px; margin:0px; bottom: -5px; color: #ffffff; z-index:1010; background-image:url(/images/layout/red-tl.gif); background-repeat:no-repeat; background-position:top left; padding-left:10px;} 
.widget span{ display:block; background-image:url(/images/layout/red-tr.gif); background-repeat:no-repeat; background-position:top right; padding-right:10px; width:auto;}
.widget:hover{bottom:0px;}
.widget span a{ display:block; color:White; text-decoration:none; font-weight:bold; height:45px; padding-top:5px;   background-color:#C1272D;  width:100%; text-align:center;}

/* line-height:15px; top:0px; padding:0 18px;line-height:25px; height:auto;*/

/* ----- ----- ----- ----- BOXES ----- ----- ----- -----  */

/* ----- BOX MODELS ----- */
.oneColContainer {float:left; width:980px; padding:0; margin:0 0 0px 0;}
.twoColContainer {float:left; width:490px; padding:0; margin:0 0 20px 0;}
.threeColContainer {float:left; width:320px; padding:0; margin:0 0 20px 0;}
.fourColContainer {float:left; width:245px; padding:0; margin:0 0 20px 0;}
.box1col { float:left; width:960px; padding:10px;}
.box2col, .box2colnotoppadding { float:left; width:470px; padding:10px;}
.box3col { float:left; width:300px; padding:10px;}
.box4col{ float:left; width:225px; padding:10px;}
.box2colsmall{float:left; width:450px; padding:10px;}

.box1quarter{float:left; width:225px; padding:10px;}
.box2quarter{float:left; width:470px; padding:10px;}
.box3quarter{float:left; width:705px; padding:10px;}
.box4quarter{float:left; width:960px; padding:10px;}

.subpage3cols{ float:left; padding:0px; width:740px;}

.box2colnotoppadding{padding-top: 0px }

/* ----- ADDITIONAL BOX MODELS ----- */
.oneColContainerFaded {float:left; width:980px; padding:0; margin:0 0 20px 0; background:url(/images/layout/twoColFadedContainerBg.gif) bottom left repeat-x;} /* ----- FADED BG BOTTOM ----- */
.oneColContainerFadedNarrow { width:970px; padding:0; margin:0 auto 20px auto; background:url(/images/layout/twoColFadedContainerBg.gif) bottom left repeat-x;} /* ----- FADED BG BOTTOM ----- */
.oneColContainerNarrow { width:960px; padding:0; margin:0 auto 20px auto;}
.box4colNoPaddingTop { float:left; width:225px; padding:0 10px 10px 10px;}
.box3cols { float:left; width:720px; padding:10px 0 10px 10px;}
.box3colsFadedBg { float:left; width:720px; padding:10px 0 10px 10px; background:url(/images/layout/twoColFadedContainerBg.gif) bottom left repeat-x;}
.productsContainer {width:960px; padding:0; margin:0 auto; min-height:200px;}
.box3colProduct { float:left; width:300px; margin:0 13px 30px 13px; display:inline;}
.box3colProduct .blueBoxVertical{ min-height:330px; margin:0px;}

.box4colProduct { float:left; width:230px; margin:0 10px 30px 0; display:inline;}
.box3colProductEOR { float:left; width:300px; margin:0 0 30px 0;}
.box2colProduct { float:left; width:460px; margin:0 17px 30px 13px;}
.box2colProduct .blueBoxHorizontal{ min-height:230px;}

.box2colProductEOR { float:left; width:460px; margin:0 0 0 0;}
.box2colWithBg { float:left; width:428px; height:215px; padding:30px 20px; background:url(/images/layout/containedBoxBg.jpg) no-repeat; margin-left:10px;}
.box3colBlueBox { float:left; width:225px; margin-left:15px;}
.box4colNarrow { float:left; width:200px; padding:10px;}
.box2colNarrow { float:left; width:455px; padding:10px;}
.box2colNarrower { float:left; width:450px; padding:10px;}
.box2colBlueBox { float:left; width:455px; padding:17px 10px 10px 10px; color:#002F4E;}
.box4colNarrower { float:left; width:220px; padding:10px;}
.box2colNoPad{ float:left; width:450px;}
.borderRight{ border-right: solid 1px #E9F4F8;}
.gradientBottom{background:url(/images/layout/twoColFadedContainerBg.gif) bottom left repeat-x; margin-bottom:10px;}

/* ------ Sub nav box ---*/

.sidebar{background-image:url(/images/layout/sidebar-repeat.gif); background-repeat:repeat-y;  width:220px; float:left; margin-bottom:30px; margin-right:20px;}
.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;}
.sidebarcontent ul li a{ text-decoration:none;}
.sidebarcontent ul li a.thisPage{ color:#002F4E; text-decoration:underline;}
.sidebarcontent ul li{ margin:4px 0px 6px 0px;}
.sidebarcontent ul{ background-color:White; padding:5px; list-style:none;}
.EventListDate{ color:#999;}

/* ----- BOX BG STYLES ----- */
.verticalStrokeBg { background:url(/images/layout/twoColContainerBgLine.gif) left 0 repeat-y; } /* ----- VERTICAL BG LINE CENTRALLY ALIGNED ----- */
.fourColBg {background:url(/images/layout/colContainerBg.gif) 12px 30px no-repeat; padding:30px 0 0 0;} /* ----- VERTICAL BG LINES CENTRALLY ALIGNED ----- */


/* ----- BLUE ROUNDED BOX ----- */
.blueBox {color:#002F4E !important;background:#d3e4f3 url(/images/layout/boxBgBlue.gif) 0 -95px repeat-x; position:relative;border:1px solid #9bb5c9; padding:10px;min-height:190px;}
.boxTopBlue {background:url(/images/layout/boxBgBlue.gif) 0 0 no-repeat; float:left;height:10px;padding:0 1px;position:absolute;right:-1px;top:-1px;width:100%;}
.boxTopCornerBlue {background:url(/images/layout/boxBgBlue.gif) right -10px no-repeat;float:right;height:10px;left:1px;position:relative;width:100%;}
.boxBottomBlue {background:url(/images/layout/boxBgBlue.gif) left -35px no-repeat; float:left;height:30px;padding:0 1px;position:absolute;right:-1px; bottom:-1px; width:100%;}
.boxBottomCornerBlue {background:url(/images/layout/boxBgBlue.gif) right -65px no-repeat; height:30px;left:1px;position:relative;width:52px;float:right;}
.boxBottomLinkBlue {padding:0 0 0 16px; background:url(/images/layout/whiteArrow.gif) 0 2px no-repeat; margin:5px 0 0 11px;display: block;float:left; color:#ffffff;}


/* ----- RED ROUNDED BOX ----- */
.redBox {color:#ffffff !important;background:#940b1c url(/images/layout/boxBgRed.gif) 0 -95px repeat-x; position:relative;border:1px solid #000000; padding:10px;min-height:180px;}
.boxTopRed {background:url(/images/layout/boxBgRed.gif) 0 0 no-repeat; float:left;height:10px;padding:0 1px;position:absolute;right:-1px;top:-1px;width:100%;}
.boxTopCornerRed {background:url(/images/layout/boxBgRed.gif) right -10px no-repeat;float:right;height:10px;left:1px;position:relative;width:100%;}
.boxBottomRed {background:url(/images/layout/boxBgRed.gif) left -35px no-repeat; float:left;height:30px;padding:0 1px;position:absolute;right:-1px; bottom:-1px; width:100%; z-index:2; }
.boxBottomRed a{ z-index:999;}
.boxBottomCornerRed {background:url(/images/layout/boxBgRed.gif) right -65px no-repeat; height:30px;right:0px;position:absolute;width:100%; z-index:1;}
.boxBottomLinkRed {padding:0 0 0 16px; background:url(/images/layout/whiteArrow.gif) 0 2px no-repeat; margin:5px 0 0 11px;display: block;float:left; color:#ffffff;}


/* ----- RED ROUNDED BOX (SHORT) ----- */
.redBoxShort {color:#ffffff !important;background:#940b1c url(/images/layout/boxBgRedShort.gif) 0 -95px repeat-x; position:relative;border:1px solid #000000; padding:10px;min-height:150px;}
.boxTopRedShort {background:url(/images/layout/boxBgRedShort.gif) 0 0 no-repeat; float:left;height:10px;padding:0 1px;position:absolute;right:-1px;top:-1px;width:100%;}
.boxTopCornerRedShort {background:url(/images/layout/boxBgRedShort.gif) right -10px no-repeat;float:right;height:10px;left:1px;position:relative;width:100%;}
.boxBottomRedShort {background:url(/images/layout/boxBgRedShort.gif) left -35px no-repeat; float:left;height:30px;padding:0 1px;position:absolute;right:-1px; bottom:-1px; width:100%;}
.boxBottomCornerRedShort {background:url(/images/layout/boxBgRedShort.gif) right -65px no-repeat; height:30px;left:1px;position:relative;width:52px;float:right;}
.boxBottomLinkRedShort {padding:0 0 0 16px; background:url(/images/layout/whiteArrow.gif) 0 2px no-repeat; margin:5px 0 0 11px;display: block;float:left; color:#ffffff;}


/* ----- BLUE ROUNDED PRODUCT VERTICAL BOX ----- */
.blueBoxVertical {color:#cce0f1 !important;background:#d7e6f4 url(/images/layout/boxBgBlueVertical.gif) 0 -100px repeat-x; position:relative; padding:50px 15px 15px 15px;border:1px solid #9bb5c9;min-height:240px; }
.blueBoxVerticalSolutions{min-height:320px;}
.boxTopVertical {background:url(/images/layout/boxBgBlueVertical.gif) 0 0 no-repeat; float:left;height:40px;padding:0 1px;position:absolute;right:-1px;top:-1px;width:100%; }
.boxTopCornerVertical {background:url(/images/layout/boxBgBlueVertical.gif) right -40px no-repeat;float:right;height:40px;left:1px; position:relative;width:100%;}
.boxBottomVertical {background:url(/images/layout/boxBgBlueVertical.gif) left -80px no-repeat;float:left;height:10px;padding:0 1px;position:absolute;right:-1px; bottom:-1px; width:100%;}
.boxBottomCornerVertical {background:url(/images/layout/boxBgBlueVertical.gif) right -90px no-repeat;height:10px;left:1px;position:relative;width:80px;float:right;}
.boxTopTitle { color:#002F4E; font-size:18px; line-height:20px; position:absolute; top:15px; left:15px;}


/* ----- BLUE ROUNDED PRODUCT HORIZONTAL BOX ----- */
.blueBoxHorizontal {color:#cce0f1 !important;background:#dfebf6 url(/images/layout/boxBgBlueHorizontal.gif) 0 -90px repeat-x; position:relative; padding:15px 15px 38px 15px;border:1px solid #9bb5c9;min-height:150px;}
.boxTopHorizontal {background:url(/images/layout/boxBgBlueHorizontal.gif) 0 0 no-repeat; float:left;height:10px;padding:0 1px;position:absolute;right:-1px;top:-1px;width:100%;}
.boxTopCornerHorizontal {background:url(/images/layout/boxBgBlueHorizontal.gif) right -10px no-repeat;float:right;height:10px;left:1px;position:relative;width:100%;}
.boxBottomHorizontal {background:url(/images/layout/boxBgBlueHorizontal.gif) left -20px no-repeat;float:left;height:35px;padding:0 1px;position:absolute;right:-1px; bottom:-1px; width:100%;}
.boxBottomCornerHorizontal {background:url(/images/layout/boxBgBlueHorizontal.gif) right -55px no-repeat;height:35px;left:1px;position:relative;width:80px;float:right;}



/* ----- BLUE ROUNDED CONTAINER BOX ----- */
.blueBoxHorizContainer {color:#0078AB !important;background:#dfebf6 url(/images/layout/boxBgBlueHorizontal.gif) 0 -90px repeat-x; position:relative; padding:0px 0px 10px 0px;border:1px solid #9bb5c9;min-height:150px;}
.boxTopHorizContainer {background:url(/images/layout/boxBgBlueHorizontal.gif) 0 0 no-repeat; float:left;height:10px;padding:0 1px;position:absolute;right:-1px;top:-1px;width:100%;}
.boxTopCornerHorizContainer {background:url(/images/layout/boxBgBlueHorizontal.gif) right -10px no-repeat;float:right;height:10px;left:1px;position:relative;width:100%;}
.boxBottomHorizContainer {background:url(/images/layout/boxBgBlueHorizontal.gif) left -20px no-repeat;float:left;height:35px;padding:0 1px;position:absolute;right:-1px; bottom:-1px; width:100%;}
.boxBottomCornerHorizContainer {background:url(/images/layout/boxBgBlueHorizontal.gif) right -55px no-repeat;height:35px;left:1px;position:relative;width:80px;float:right;}


/* ----- BLUE ROUNDED CONTAINER BOX VERTICAL ----- */
.blueBoxVertContainer {color:#0078AB !important;background:#D7E6F4 url(/images/layout/boxBgBlueVertical.gif) 0 -100px repeat-x; position:relative; padding:0px 0px 0px 0px;border:1px solid #9bb5c9;min-height:150px;}
.boxTopVertContainer {background:url(/images/layout/boxBgBlueVertical.gif) 0 0 no-repeat; float:left;height:40px;padding:0 1px;position:absolute;right:-1px;top:-1px;width:100%;}
.boxTopCornerVertContainer {background:url(/images/layout/boxBgBlueVertical.gif) right -40px no-repeat;float:right;height:40px;left:1px;position:relative;width:100%;}
.boxBottomVertContainer {background:url(/images/layout/boxBgBlueVertical.gif) left -80px no-repeat;float:left;height:10px;padding:0 1px;position:absolute;right:-1px; bottom:-1px; width:100%;}
.boxBottomCornerVertContainer {background:url(/images/layout/boxBgBlueVertical.gif) right -90px no-repeat;height:10px;left:1px;position:relative;width:80px;float:right;}


/* ----- HOMEPAGE BANNER BOX ----- */
#bannerRotator { width:980px; margin:20px auto; height:285px; background:url(/images/layout/bannerBg.gif) no-repeat; }
#bannerRotator #rotatorContent { background:transparent url(/images/layout/rotatorBg.gif) no-repeat scroll 0 2px;height:279px;margin:0 2px;width:976px;}
#mycarousel{ visibility:hidden;}
#bannerRotator #rotatorContent .bannerLeft { float:left; width:480px;margin:2px 0 0;}
#bannerRotator #rotatorContent .bannerRight { float:left; width:450px; margin-left:20px; display:inline;}
#bannerRotator #rotatorContent .bannerRight .bannerTitle { color:#002F4E; font-weight:bold; font-size:24px; padding:20px 0 10px; line-height:150%;}
#bannerRotator #rotatorContent .bannerRight .bannerText, .bannerText {  font-weight:normal; font-size:20px; margin-bottom:10px; line-height:30px; padding-right:20px;}
#bannerRotator #rotatorContent .item { display:block;}

#bannerRotator #CaseStudies{ position:absolute; z-index: 10; top:380px; right:0px; width:440px; height:50px; margin-right:10px; display:inline;}
#bannerRotator #CaseStudies input{ width:45px;}
#bannerRotator #CaseStudies p{ display:block; float:right; line-height:45px; padding-right:20px; background-image:url(/images/layout/bluearrowonblue.gif); background-repeat:no-repeat; background-position:right 15px;}
#bannerRotator #CaseStudies ul{padding:0; margin:0; list-style:none;}
#bannerRotator #CaseStudies ul li{ float:right; margin-left:2px;}
#bannerRotator #CaseStudies ul li img.smallimg{opacity:0.7;}
#bannerRotator #CaseStudies ul li img.smallimg:hover{opacity:1;}

#bannerRotator #CaseStudies .CaseStudyPopup{ width:300px; min-height:100px; background-color:White; line-height:normal; padding:10px 10px 10px 120px; border: solid 1px #42a0c4; background-image: url(/images/layout/testimonialBg.gif);background-repeat: repeat-x;  visibility:hidden; position:absolute; top:0px; left:0px;}
#bannerRotator #CaseStudies .CaseStudyPopup p{ line-height:normal; background-image:none; float:none; padding:0px;}
#bannerRotator #CaseStudies .CaseStudyPopup img{ float:left; margin:0px 10px 0px 0px; }

#bannerRotator #CaseStudies .CaseStudyPopup .picture { border:2px solid #a9122a; position:absolute; top:10px; left:10px;}
#bannerRotator #CaseStudies .CaseStudyPopup .quote { color:#0078AB; line-height:18px; padding:0 0 10px 0;}
#bannerRotator #CaseStudies .CaseStudyPopup .details { color:#002F4E;}
#bannerRotator #CaseStudies .CaseStudyPopup .details a { color:#002F4E;}

/* IE6/7 workaround for z-index bug with carousel */
.verticalStrokeBg{z-index:1;}
.oneColContainer{z-index:2;}
.twoColContainer{z-index:3;}
.switchBox {z-index:4;}
.box2col{z-index:5;}
.bannerRotator{z-index:6;}
.rotatorContent{z-index:7;}
#header{ z-index:999;}




/* ----- SWITCH BOX ----- */
.switchBox {position:relative;}
.switchBoxTitle {float:left; padding:0;margin:0; color:#002F4E;}
.switchBox .menu { margin:0;float:right;}
.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%}
.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;}
.entry {margin-top:10px; width:100%}
.entry .entryContent {float:left;width:90%;}
.entry .entryHeading {font-weight:normal; color:#0078AB; margin:0; padding:0 0 5px 0;}
.entry .entryText { font-size:12px; line-height:20px; padding:0;}
.linkBoxRight { float:right; margin-top:23px;} /* Floated right link box */
.download { float:left; color:#002F4E; font-size:16px; line-height:24px; margin-right:10px;}
.firstParaLarge { font-size:14px; color:#0078AB; padding:20px 0 10px 0;}
.firstParaDarkBlueLarge { font-size:14px; color:#002F4E; padding:20px 0 10px 0;}
.columnsContainer { margin-bottom:10px;}
.columnsContainer .colA { float:left; width:200px;}
.columnsContainer .colB { float:left; width:305px;}
.columnsContainer .colC { float:left; width:200px; text-align:right;}


/* ----- PRODUCT BOXES ----- */
.blueBoxVertical .img { border:1px solid #156f9c;}
.blueBoxVertical p { padding:12px 0; color:#002F4E; line-height:18px;}

.blueBoxHorizontal .topHalf { width:430px; height:110px; position:relative; margin-bottom:15px;}
.box2colProduct img { border:1px solid #156f9c; float:left; margin-bottom:5px;}
.box2colProduct .boxTopTitle { font-size:18px; color:#002F4E; position:absolute; top:15px; left:300px; width:145px;}
.box2colProduct .btnDarkBlue { display:block; position:absolute; top:136px; left:300px; }

.box2colProduct .btnDarkBlue a { float:left; display:block; height:24px; color:#FFFFFF; font-size:14px; background:url(/images/layout/btnLeftBlueSmall.gif) 0 0 no-repeat; font-weight:bold; line-height:18px; width:145px; text-align:center; text-decoration:none;}
.box2colProduct .btnDarkBlue a span { display:block; height:24px; background:url(/images/layout/btnRightBlueSmall.gif) top right no-repeat; padding:2px 10px 0px 0px; margin-left:10px;}
.box2colProduct .btnDarkBlue a:hover { background:url(/images/layout/btnLeftBlueSmallHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none; cursor:pointer;}
.box2colProduct .btnDarkBlue a:hover span { background:url(/images/layout/btnRightBlueSmallHover.gif) top right no-repeat;}

.box2colProduct p { padding:0; color:#002F4E; line-height:18px;}


/* ----- ----- ----- ----- BOXES END ----- ----- ----- -----  */


/* ----- ----- ----- ----- LISTS START ----- ----- ----- -----  */

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

/* ----- RED ARROW (12PX X 12PX) ----- */
.redArrowListDarkBlue { list-style:none; padding:0; margin:0;}
.redArrowListDarkBlue li { float:left; padding:4px 0 4px 18px; color:#002F4E; background:url(/images/layout/redArrowOnWhite.gif) 0 8px no-repeat; width:100%; font-size:14px; line-height:20px;}
.redArrowListDarkBlue li a { text-decoration:underline; color:#002F4E;}
.redArrowListDarkBlue li a:hover { text-decoration:none;}
.fourColNarrowList { width:180px;}
.threeColsList { width:680px;}

/* ----- QUICK LINKS LIST ----- */
.quickLinksList { list-style:none; padding:0; margin:0;}
.quickLinksList li { float:left; padding:0px 0 20px 18px; color:#002F4E; background:url(/images/layout/redArrowOnWhite.gif) 0 5px no-repeat; width:100%; font-size:14px; line-height:20px;}
.quickLinksList li a { text-decoration:underline; color:#002F4E;}
.quickLinksList li a:hover { text-decoration:none;}

/* ----- FAQs LIST ----- */
.faqList { list-style:none; padding:0; margin:0;}
.faqList li { float:left; padding:0px 10px 0px 12px; color:#0078AB; width:335px; font-size:14px; line-height:22px; background:url(/images/layout/circleListBg.gif) 0 8px no-repeat;}
.faqList li a { text-decoration:underline; color:#0078AB;}
.faqList li a:hover { text-decoration:none;}

/* ----- ----- ----- ----- LISTS END ----- ----- ----- -----  */


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


/* ----- BLUE BUTTON NARROW (140px, Height=30px) ----- */
.btnBlueNarrow { display:block; float:left;}
.btnBlueNarrow a { float:left; display:block; height:30px; color:#FFFFFF !important; font-size:16px; background:url(/images/layout/btnLeftBlue.gif) 0 0 no-repeat; font-weight:bold; line-height:20px; width:140px; text-align:center; text-decoration:none; cursor:pointer;}
.btnBlueNarrow a span { display:block; height:30px; background:url(/images/layout/btnRightBlue.gif) top right no-repeat; padding:4px 10px 0px 0px; margin-left:10px;}
.btnBlueNarrow a:hover { background:url(/images/layout/btnLeftBlueHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none;}
.btnBlueNarrow a:hover span { background:url(/images/layout/btnRightBlueHover.gif) top right no-repeat; }

/* ----- BLUE BUTTON WIDE (220px, Height=30px) ----- */
.btnBlueWide { display:block; float:left;}
.btnBlueWide a { float:left; display:block; height:30px; color:#FFFFFF !important; font-size:16px; background:url(/images/layout/btnLeftBlue.gif) 0 0 no-repeat; font-weight:bold; line-height:20px; width:220px; text-align:center; text-decoration:none !important;}
.btnBlueWide a span { display:block; height:30px; background:url(/images/layout/btnRightBlue.gif) top right no-repeat; padding:4px 10px 0px 0px; margin-left:10px;}
.btnBlueWide a:hover { background:url(/images/layout/btnLeftBlueHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none;}
.btnBlueWide a:hover span { background:url(/images/layout/btnRightBlueHover.gif) top right no-repeat; }
.btnBlueWideNoWidth a{ width:auto;}


/* ----- RED BUTTON WIDE (220px, Height=30px) ----- */

.btnRedWide { display:block; float:left;}
.btnRedWide a { float:left; display:block; height:30px; color:#FFFFFF !important; font-size:16px; background:url(/images/layout/btnLeftRed.gif) 0 0 no-repeat; font-weight:bold; line-height:20px; width:220px; text-align:center; text-decoration:none !important; cursor:pointer;}
.btnRedWide a span { display:block; height:30px; background:url(/images/layout/btnRightRed.gif) top right no-repeat; padding:4px 10px 0px 0px; margin-left:10px;}
.btnRedWide a:hover { background:url(/images/layout/btnLeftRedHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none;}
.btnRedWide a:hover span { background:url(/images/layout/btnRightRedHover.gif) top right no-repeat; }
.btnRedWideNoWidth a{ width:auto;}


/* ----- BLUE BUTTON NARROW (140px, Height=30px) ----- */
.btnBlueNarrow { display:block; float:left;}
.btnBlueNarrow a { float:left; display:block; height:30px; color:#FFFFFF !important; font-size:16px; background:url(/images/layout/btnLeftBlue.gif) 0 0 no-repeat; font-weight:bold; line-height:20px; width:140px; text-align:center; text-decoration:none !important;}
.btnBlueNarrow a span { display:block; height:30px; background:url(/images/layout/btnRightBlue.gif) top right no-repeat; padding:4px 10px 0px 0px; margin-left:10px;}
.btnBlueNarrow a:hover { background:url(/images/layout/btnLeftBlueHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none;}
.btnBlueNarrow a:hover span { background:url(/images/layout/btnRightBlueHover.gif) top right no-repeat; }


/* ----- RED DOWNLOAD BUTTON (WITH ARROW) ----- */
.downloadBtn { width:113px; height:24px; display:block; background:url(/images/layout/downloadBtnOnWhite.gif) 0 0 no-repeat; float:left;}
.downloadBtn:hover { display:block; background:url(/images/layout/downloadBtnOnWhite.gif) 0 -24px no-repeat; cursor:pointer;}


/* ----- BLUE BUTTON SMALL (Height=24px) ----- */
.btnBlueSmall { display:block;}
.btnBlueSmall a { float:left; display:block; height:24px; color:#FFFFFF; font-size:14px; background:url(/images/layout/btnLeftBlueSmall.gif) 0 0 no-repeat; font-weight:bold; line-height:18px; text-align:center; text-decoration:none;}
.btnBlueSmall a span { display:block; height:24px; background:url(/images/layout/btnRightBlueSmall.gif) top right no-repeat; padding:2px 10px 0px 0px; margin-left:10px;}
.btnBlueSmall a:hover { background:url(/images/layout/btnLeftBlueSmallHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none; cursor:pointer;}
.btnBlueSmall a:hover span { background:url(/images/layout/btnRightBlueSmallHover.gif) top right no-repeat;}


/* ----- DARK BLUE BUTTON (220px, Height=30px) ----- */
.btnDarkBlue { display:block; margin:0 auto; width:220px;}
.btnDarkBlue a { float:left; display:block; height:30px; color:#FFFFFF; font-size:16px; background:url(/images/layout/btnLeftDarkBlue.gif) 0 0 no-repeat; font-weight:bold; line-height:20px; width:220px; text-align:center; text-decoration:none;}
.btnDarkBlue a span { display:block; height:30px; background:url(/images/layout/btnRightDarkBlue.gif) top right no-repeat; padding:4px 10px 0px 0px; margin-left:10px;}
.btnDarkBlue a:hover { background:url(/images/layout/btnLeftDarkBlueHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none; cursor:pointer;}
.btnDarkBlue a:hover span { background:url(/images/layout/btnRightDarkBlueHover.gif) top right no-repeat; }

.box3colProduct .btnDarkBlue{ position:absolute; bottom:20px; left:40px; height:30px; }
.btnReservationSystems{position:absolute; bottom:20px; left:25px; height:30px;}




/* ----- DARK BLUE BUTTON NARROW (200px, Height=30px) ----- */
.btnDarkBlueNarrow { display:block; margin:0 auto; width:200px;}
.btnDarkBlueNarrow a { float:left; display:block; height:30px; color:#FFFFFF; font-size:16px; background:url(/images/layout/btnLeftDarkBlue.gif) 0 0 no-repeat; font-weight:bold; line-height:20px; width:200px; text-align:center; text-decoration:none;}
.btnDarkBlueNarrow a span { display:block; height:30px; background:url(/images/layout/btnRightDarkBlue.gif) top right no-repeat; padding:4px 10px 0px 0px; margin-left:10px;}
.btnDarkBlueNarrow a:hover { background:url(/images/layout/btnLeftDarkBlueHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none; cursor:pointer;}
.btnDarkBlueNarrow a:hover span { background:url(/images/layout/btnRightDarkBlueHover.gif) top right no-repeat; }


/* ----- DARK BLUE BUTTON NO MARGIN (220px, Height=30px) ----- */
.btnDarkBlueNoMargin { display:block; width:220px; float:left;}
.btnDarkBlueNoMargin a { float:left; display:block; height:30px; color:#FFFFFF; font-size:16px; background:url(/images/layout/btnLeftDarkBlue.gif) 0 0 no-repeat; font-weight:bold; line-height:20px; width:220px; text-align:center; text-decoration:none;}
.btnDarkBlueNoMargin a span { display:block; height:30px; background:url(/images/layout/btnRightDarkBlue.gif) top right no-repeat; padding:4px 10px 0px 0px; margin-left:10px;}
.btnDarkBlueNoMargin a:hover { background:url(/images/layout/btnLeftDarkBlueHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none; cursor:pointer;}
.btnDarkBlueNoMargin a:hover span { background:url(/images/layout/btnRightDarkBlueHover.gif) top right no-repeat; }


/* ----- BLUE BUTTON SMALL NARROW (Height=24px, Width=100px) ----- */
.btnBlueSmallNarrow { display:block; float:left;}
.btnBlueSmallNarrow a { float:left; display:block; height:24px; color:#FFFFFF; font-size:14px; background:url(/images/layout/btnLeftBlueSmall.gif) 0 0 no-repeat; font-weight:bold; line-height:18px; text-align:center; text-decoration:none; width:100px;}
.btnBlueSmallNarrow a span { display:block; height:24px; background:url(/images/layout/btnRightBlueSmall.gif) top right no-repeat; padding:2px 10px 0px 0px; margin-left:10px;}
.btnBlueSmallNarrow a:hover { background:url(/images/layout/btnLeftBlueSmallHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none; cursor:pointer;}
.btnBlueSmallNarrow a:hover span { background:url(/images/layout/btnRightBlueSmallHover.gif) top right no-repeat;}


/* ----- RED BUTTON SMALL NARROW (Height=24px, Width=100px) ----- */
.btnRedSmallNarrow { display:block; float:left; margin:0 20px 0 0;}
.btnRedSmallNarrow a { float:left; display:block; height:24px; color:#FFFFFF; font-size:14px; background:url(/images/layout/btnLeftRedSmall.gif) 0 0 no-repeat; font-weight:bold; line-height:18px; text-align:center; text-decoration:none; width:100px;}
.btnRedSmallNarrow a span { display:block; height:24px; background:url(/images/layout/btnRightRedSmall.gif) top right no-repeat; padding:2px 10px 0px 0px; margin-left:10px;}
.btnRedSmallNarrow a:hover { background:url(/images/layout/btnLeftRedSmallHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none; cursor:pointer;}
.btnRedSmallNarrow a:hover span { background:url(/images/layout/btnRightRedSmallHover.gif) top right no-repeat;}


/* ----- BLUE BUTTON SMALL MIDSIZE (Height=24px, Width=145px) ----- */
.btnBlueSmallMidSize { display:block; float:left;}
.btnBlueSmallMidSize a { float:left; display:block; height:24px; color:#FFFFFF; font-size:14px; background:url(/images/layout/btnLeftBlueSmall.gif) 0 0 no-repeat; font-weight:bold; line-height:18px; text-align:center; text-decoration:none; width:145px;}
.btnBlueSmallMidSize a span { display:block; height:24px; background:url(/images/layout/btnRightBlueSmall.gif) top right no-repeat; padding:2px 10px 0px 0px; margin-left:10px;}
.btnBlueSmallMidSize a:hover { background:url(/images/layout/btnLeftBlueSmallHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none; cursor:pointer;}
.btnBlueSmallMidSize a:hover span { background:url(/images/layout/btnRightBlueSmallHover.gif) top right no-repeat;}


/* ----- BLUE BUTTON SMALL MIDSIZE NO FLOAT (Height=24px, Width=145px) ----- */
.btnBlueSmallMidSizeNoFloat { display:block; }
.btnBlueSmallMidSizeNoFloat a { float:left; display:block; height:24px; color:#FFFFFF; font-size:14px; background:url(/images/layout/btnLeftBlueSmall.gif) 0 0 no-repeat; font-weight:bold; line-height:18px; text-align:center; text-decoration:none; width:145px;}
.btnBlueSmallMidSizeNoFloat a span { display:block; height:24px; background:url(/images/layout/btnRightBlueSmall.gif) top right no-repeat; padding:2px 10px 0px 0px; margin-left:10px;}
.btnBlueSmallMidSizeNoFloat a:hover { background:url(/images/layout/btnLeftBlueSmallHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none; cursor:pointer;}
.btnBlueSmallMidSizeNoFloat a:hover span { background:url(/images/layout/btnRightBlueSmallHover.gif) top right no-repeat;}


/* ----- BLUE BUTTON SMALL MIDSIZE (Height=24px, Width=145px NO FLOAT) ----- */
.btnBlueSmallMidSizeNoFloat { display:block; margin:0 auto; width:145px;}
.btnBlueSmallMidSizeNoFloat a { float:left; display:block; height:24px; color:#FFFFFF; font-size:14px; background:url(/images/layout/btnLeftBlueSmall.gif) 0 0 no-repeat; font-weight:bold; line-height:18px; text-align:center; text-decoration:none; width:145px;}
.btnBlueSmallMidSizeNoFloat a span { display:block; height:24px; background:url(/images/layout/btnRightBlueSmall.gif) top right no-repeat; padding:2px 10px 0px 0px; margin-left:10px;}
.btnBlueSmallMidSizeNoFloat a:hover { background:url(/images/layout/btnLeftBlueSmallHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none; cursor:pointer;}
.btnBlueSmallMidSizeNoFloat a:hover span { background:url(/images/layout/btnRightBlueSmallHover.gif) top right no-repeat;}


/* ----- RED BUTTON SMALL MIDSIZE (Height=24px, Width=145px) ----- */
.btnRedSmallMidSize { display:block; float:left; margin:0 20px 0 0;}
.btnRedSmallMidSize a { float:left; display:block; height:24px; color:#FFFFFF; font-size:14px; background:url(/images/layout/btnLeftRedSmall.gif) 0 0 no-repeat; font-weight:bold; line-height:18px; text-align:center; text-decoration:none; width:145px;}
.btnRedSmallMidSize a span { display:block; height:24px; background:url(/images/layout/btnRightRedSmall.gif) top right no-repeat; padding:2px 10px 0px 0px; margin-left:10px;}
.btnRedSmallMidSize a:hover { background:url(/images/layout/btnLeftRedSmallHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none; cursor:pointer;}
.btnRedSmallMidSize a:hover span { background:url(/images/layout/btnRightRedSmallHover.gif) top right no-repeat;}


/* ----- DARK BLUE BUTTON LEFT ----- */
.blueBtnLeft { display:block; float:left; margin:0 0 0 75px;}
.blueBtnLeft a { float:left; display:block; height:30px; color:#FFFFFF; font-size:16px; background:url(/images/layout/btnLeftDarkBlue.gif) 0 0 no-repeat; font-weight:bold; line-height:20px; width:220px; text-align:center; text-decoration:none;}
.blueBtnLeft a span { display:block; height:30px; background:url(/images/layout/btnRightDarkBlue.gif) top right no-repeat; padding:4px 10px 0px 0px; margin-left:10px;}
.blueBtnLeft a:hover { background:url(/images/layout/btnLeftDarkBlueHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none; cursor:pointer;}
.blueBtnLeft a:hover span { background:url(/images/layout/btnRightDarkBlueHover.gif) top right no-repeat; }


/* ----- RED BUTTON RIGHT (220px, Height=30px) ----- */
.redBtnRight { display:block; float:right; margin:0 0px 0 0;}
.redBtnRight a { float:left; display:block; height:30px; color:#FFFFFF; font-size:16px; background:url(/images/layout/btnLeftRed.gif) 0 0 no-repeat; font-weight:bold; line-height:20px; width:220px; text-align:center; text-decoration:none;}
.redBtnRight a span { display:block; height:30px; background:url(/images/layout/btnRightRed.gif) top right no-repeat; padding:4px 10px 0px 0px; margin-left:10px;}
.redBtnRight a:hover { background:url(/images/layout/btnLeftRedHover.gif) 0 0 no-repeat; color:#ffffff; text-decoration:none;}
.redBtnRight a:hover span { background:url(/images/layout/btnRightRedHover.gif) top right no-repeat; }

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

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


/* ----- SPECIFIC TITLE IDS & CLASSES ----- */

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

ul.PartnersFeatured{ list-style:none; margin:0px; padding:0px; }
ul.PartnersFeatured li{ float:left; margin:15px 2px 15px 0px;}


/* ----- WHAT THEY SAY BOX ----- */
/**/
#whatTheySayBox { min-height:200px; width:700px; }
#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:710px;  color:#0078AB; clear:both; position:relative; top:0px; background:url(/images/layout/whatTheySayBoxBgBottom.gif) bottom left repeat-x; }
#whatTheySayBox .content .loadMoreBox { position:absolute; bottom:0; left:0; width:710px; height:24px; text-align:center;}
#whatTheySayBox .content .loadMoreBox a { border-right:1px solid #71b8d3; border-left:1px solid #71b8d3; border-bottom:1px solid #71b8d3; background:#ffffff; height:24px; font-size:14px; margin:0 auto; padding:2px 20px 4px 20px; position:relative; top:2px; color:#002F4E;}
#whatTheySayBox .content .loadMoreBox a.disabled{ visibility:hidden;}
#whatTheySayBox .content .testimonial { background:url(/images/layout/testimonialBg.gif) 0 0 repeat-x; position:relative; padding:10px 10px 10px 130px; margin-bottom:10px; width:570px; min-height:90px;}
#whatTheySayBox .content .testimonial .picture { border:2px solid #a9122a; position:absolute; top:10px; left:10px;}
#whatTheySayBox .content .testimonial .quote { color:#0078AB; line-height:18px; padding:0 0 30px 0;}
#whatTheySayBox .content .testimonial .details { color:#002F4E;}
#whatTheySayBox .content .testimonial .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;}


/* ----- FAQ's BOX ----- */
.faq { margin-bottom:10px;}
.faqLast { margin-bottom:29px;}
.faqQuestion { font-size:14px; color:#002F4E; line-height:20px; padding:0 0 8px 0;}
.faqAnswer { font-size:12px; color:#0078AB; line-height:20px; padding:0;}


/* ----- POLL BOX ----- */
#pollBoxTitle{ background:url(/images/layout/chartIcon.gif) right center no-repeat;}
.pollQuestion{ font-size:18px;}
.poll{ width:200px;}
.poll label {  width:auto; }
.poll td{ line-height:150%;}
.poll input{ width:30px; float:left; padding:0px;}
.pollresult{ height:12px;background-color:#0078AB;}
.pollresultbox{ height:12px; border:solid 1px #0078AB; width:30px; }


/* ----- 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;}


/* ----- WHAT CUSTOMERS SAY BOX ----- */
.customerBox { float:left; width:250px;}
.customerBox .customerPic { border:1px solid #156f9c; float:left; margin-right:12px;}
.customerBox .customerName { font-weight:bold; color:#002F4E; padding:0 0 27px 0; float:left;}
.customerBox .customerLink { color:#002F4E; float:left;}
.otherCustomers { float:right; width:205px; margin-top:45px;}
.otherCustomers .picIcon { border:1px solid #156f9c; float:right; margin-left:5px;}


/* ----- CASE STUDIES ----- */
.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;}


/* ----- STATS ----- */
.statsContainer { margin-bottom:23px;}
.statsContainer .statsLeft { float:left; width:220px;}
.statsContainer .statsRight { float:right; width:220px;}


/* ----- FEATURED TUTORIAL ----- */
.tutorialImage { border:1px solid #002F4E; margin-bottom:10px;}
.tutorialTitle { font-weight:bold; color:#002F4E; padding:0 !important; margin:0;}
.tutorialDesc { padding:0 0 20px 0 !important;}
.TutorialVideo{ width:340px; float:left;}


/* ----- TIPS ----- */
.tipLeft { float:left; width:40px; color:#002F4E; font-weight:bold;}
.tipRight { float:left; color:#002F4E; font-weight:bold;}
.tipTitle{ color:#002F4E; font-weight:bold;}


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


/* ----- OFFERS ----- */
.offerPic { width:455px; height:150px; position:relative; margin-top:30px;}
.offerPic .offerSticker { position:absolute; top:0; left:0;}


/* ----- 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;}


/* ----- 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;}


/* ----- EMAIL FORM ----- */
.emailForm { padding:0; margin:0;}
.emailForm fieldset { display:block;}
.emailForm div { clear:both;}
.emailForm label {font-size:14px; width:100px; margin-bottom:3px;}
.emailForm .email { width:197px; height:20px; padding:5px 0 0 4px; background:url(/images/layout/inputBgOnRed.gif); border:none; font-size:12px !important; margin:0 0 10px 0;}
.emailForm .submitBtn { width:72px; height:22px; display:block; background:url(/images/layout/submitBtnOnRed.gif) 0 0 no-repeat; float:right; margin:0 0 20px 0; text-align:center; color:White; padding-top:2px; font-weight:bold; font-size:14px; text-decoration:none; }
.emailForm .submitBtn:hover { background:url(/images/layout/submitBtnOnRed.gif) 0 -24px no-repeat;}

/* -------- MODAL POPUPS ---- */
.emailRequired{ color:White;}
.modalBackground {background-color: Gray;opacity: 0.7;}
.PopupPanel { width:520px; height:470px; background-color:White; padding:20px; overflow:hidden;}
.CloseButton{  float:right; padding:0px 5px 3px 5px; background-color:#999; color:White; text-decoration:none;}


/* ----- SIGN-UP FORM ----- */
.Form { padding:0; margin:0;}
#signUpForm fieldset { display:block;}
#signUpForm div { clear:both;}
#signUpForm label { color:#FFFFFF; font-size:12px; width:100px; margin-bottom:3px;}
#signUpForm .input { width:197px; height:20px; padding:5px 0 0 4px; background:url(/images/layout/inputBgOnRed.gif); border:none; font-size:12px !important; margin:0 0 10px 0;}
#signUpForm #signUpBtn { width:72px; height:24px; display:block; background:url(/images/layout/signUpBtnOnRed.gif) 0 0 no-repeat; float:right; margin-bottom:32px;}
#signUpForm #signUpBtn:hover { background:url(/images/layout/signUpBtnOnRed.gif) 0 -24px no-repeat;}

/* ------- geneeral form ------ */
.generalform label{ font-size:12px; margin-bottom:3px; float:left; display:block; width:160px;}
.generalform .boxed{width:197px; padding:2px 0 2px 4px; font-size:12px !important; margin:0 0 10px 0;}
.generalform .btnRight{ float:right; }

.alignmiddle{ text-align:center;}


/* ------- Simply Scroll ------ */
.simply-scroll-container { /* Container DIV - automatically generated */ position: relative; }
.simply-scroll-clip { /* Clip DIV - automatically generated */ 	position: relative; overflow: hidden; z-index: 2;}
.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */ 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:940px; height:80px; background:url(/images/layout/partnersCarouselBg.gif) 0 0 no-repeat;margin-bottom:30px; padding:22px 20px; }
#carouselCustomers { width:680px; height:80px; background:url(/images/layout/customersCarouselBg.gif) 0 0 no-repeat;margin-bottom:0px; padding:20px;}


/* Custom class modifications - adds to / overrides above
.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { width: 920px; height: 75px; overflow:hidden; }
#carouselCustomers .simply-scroll{ width:640px; height:80px;}

/* Clip DIV */
.simply-scroll .simply-scroll-clip { width: 940px; height: 75px; }
#carouselCustomers .simply-scroll .simply-scroll-clip{ width:640px; height:80px;}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {	float: left; width: 150px; 	height: 75px; margin-right:20px; }
.simply-scroll .simply-scroll-list li img{ cursor:pointer;}

/* ------- Jcarousel --------- */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0;  margin: 0; overflow: hidden; position: relative; }
.jcarousel-list {  z-index: 1; overflow: hidden; position: relative;  top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none;  /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 300px;  height: 100px; }

.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }


.jcarousel-skin-tango .jcarousel-container { }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 976px; }
.jcarousel-skin-tango .jcarousel-container-vertical {width: 75px;height: 279px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  976px;height: 279px;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width:  75px;height: 245px;}
.jcarousel-skin-tango .jcarousel-item {width: 976px;height: 279px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000;}

/*  Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 130px;right: 5px;width: 32px;height: 32px; cursor: pointer;   background: transparent url(/images/layout/next.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: 0 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 130px; left: 5px; width: 32px; height: 32px; cursor: pointer;   background: transparent url(/images/layout/prev.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;  background-position: 0 0;}