/********************************FLOAT FIX*****************************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*Toronto City Break Page - M.Rossiter - 18/08/2009*/
#torontoCBContent{
width:726px;
height:auto;
float:left; 
margin:0 0 0 7px;
background-color:#E9F6FF;
background-image:url(../images/city-breaks/layout/bg-gradient.jpg);
background-repeat:repeat-x;
}
/*hack only for IE6*/
/*\*/ * html #torontoCBContent{
margin:0 0 0 3px;
}/**/ 

#cityBanner{
width:719px;
height:40px;
display:block; 
float:left;
background-image:url(../images/city-breaks/layout/top-banner.jpg);
background-repeat:no-repeat;
margin:9px 0 0 3px;
color:#FFFFFF;
clear:both;
}
#cityBanner h4{
margin:9px 0 0 8px;
color:#FFFFFF;
float:left;
}
#cityBanner p{
margin:10px 30px 0 0;
color:#FFFFFF;
float:right;
font-size:0.8em;
font-weight:bolder;
font-style: italic; 
}
#image1{
width:176px;
height:141px;
margin:5px 0 0 7px;
float:left;
}
#image2{
width:176px;
height:141px;
margin:5px 0 0 2px;

float:left;
}
#image3{
width:176px;
height:141px;
margin:5px 0 0 2px;
float:left;
}
#image4{
width:176px;
height:141px;
margin:5px 0 0 2px;
float:left;
}
#textContainer{
width:536px;
height:auto;
margin:9px 0 0 6px;
float:left;
line-height:1.2em;
/*display:block;*/
}
.orangeHeaderText{
font-size:1.1em;
color:#FF7002;
margin:3px 0 3px 0;
}
#topText{
width:526px;
height:auto;
border-bottom:0px solid #2363B1;
float:left;
}
#leftTopText{
width:258px;
height:auto;
float:left;
}
#leftTopText ul{
margin:0 0 0 15px;
}
#leftTopText ul li{
font-size:12px;
list-style-image: url("/images/city-breaks/layout/bullet-image.jpg");
margin-left:2px;
}
#rightTopText{
width:247px;
float:left;
height:auto;
margin-left:20px;
}
#rightTopText ul{
margin:0 0 0 15px;
}
#rightTopText ul li{
font-size:12px;
list-style-image: url("/images/city-breaks/layout/bullet-image.jpg");
margin-left:2px;
}
#rightTopTextLinks{
width:247px;
float:left;
height:auto;
margin-left:20px;
}
#rightTopTextLinks ul{
margin:0 0 0 15px;
}
#rightTopTextLinks ul li{
font-size:1em;
list-style-image: url("/images/city-breaks/layout/star.png");
margin-left:2px;
}
#rightTopTextLinks ul li a:hover{
color:#FF7002;
text-decoration:underline;
}
#rightTopTextLinks ul li a:link{
text-decoration:none;
}
#rightTopTextLinks ul li a:active{
text-decoration:none;
}
#rightTopTextLinks ul li a:visited{
text-decoration:none;
}


.orangePrice{
font-size:1.1em;
font-weight:bolder;
color:#FF7002;
}
#bottomText{
width:526px;
height:auto;
margin:8px 0 0 0;
float:left;
}
#bottomTextContainer{
margin-top:12px;
}
#bottomTextContainer p{
font-size:12px;
}
/*.paraTopText{
border-bottom:1px solid #2363B1;
padding-bottom:10px;
}
.paraTopText a:link{
text-decoration:underline;
}*/
#leftBottomText{
width:259px;
height:auto;
float:left;
}
#leftBottomText ul{
margin:0 0 0 15px;
}
#leftBottomText ul li{
font-size:12px;
list-style-image: url("/images/city-breaks/layout/bullet-image.jpg");
margin-left:2px;
}
#rightBottomText{
width:247px;
float:left;
height:auto;
min-height:123px;
margin-left:20px;
padding-bottom:6px;
}
/* hack to only display in IE7 */
html* #rightBottomText{
width:240px;
float:left;
min-height:143px;
margin-left:20px;
padding-bottom:15px;
}
#rightBottomText ul{
margin:0 0 0 15px;
}
#rightBottomText ul li{
font-size:12px;
list-style-image: url("/images/city-breaks/layout/star.png");
margin-left:2px;
}
#rightBottomText ul li a:hover{
color:#FF7002;
text-decoration:underline;
}
#rightBottomText ul li a:link{
text-decoration:none;
}
#rightBottomText ul li a:active{
text-decoration:none;
}
#rightBottomText ul li a:visited{
text-decoration:none;
}
.moreInfoText{
margin-top:12px;
font-size:12px;
}
.moreInfoText a:link, a:active, a:visited{
text-decoration:underline;
}

.paraBottomText{
margin-top:12px;
padding-top:16px;
border-top:1px solid #2363B1;
float:left;
font-size:12px;
margin-right:10px;
}

/* hack to only display in IE7 
html* .paraBottomText{
margin-top:5px;
padding-top:16px;
border-top:1px solid #2363B1;
float:left;
font-size:12px;
margin-right:10px;
}*/
/*hack only for IE6*/
/* * html .paraBottomText{
width:530px;
margin-top:25px;
padding-top:16px;
border-top:1px solid #2363B1;
font-size:12px;
margin-right:10px;
}*/ 
.paraBottomText a:link, a:active, a:visited{
text-decoration:underline;
}
/* hack to only display in IE7 */
html* #bottomText p{
margin-top:5px;
font-size:12px;
}
#bottomText p{
margin-top:12px;
font-size:12px;
}
#bottomText a:link{
font-size:12px;
}
#offers{
width:173px;
height:530px;
margin:9px 0 0 0;
float:left;
}
#offersBox{
width:161px;
height:auto;
border:1.1px solid #2363B1;
}
#offersBoxHeader{
width:153px;
height:26px;
background-color:#2363B1;
margin:2px 0 0 2px;
padding:4px 0 0 4px;
font-size:1.1em;
color:#FFFFFF;
}
.lastdeal.enquireButton{
margin-right:2px;
}
.dealHeader{
width:144px;
height:auto;
font-size:0.8em;
font-weight:bold;
color:#2363B1;
}
.departs{
font-size:0.7em;
padding:0;
height:auto;
}
.noNights{
font-size:0.7em;
padding:0;
height:auto;
}
.deal{
width:149px;
height:auto;
margin:0px 0px 5px 5px;
padding-bottom:5px;
border-bottom:1px solid #2363B1;
}
.noBorder{
border:none;
}
.priceButtonContainer{
height:22px;
width:140px;
}
.dealPrice{
float:left;
font-size:1.1em;
font-weight:bold;
color:#FF7002;
width:70px;
height:22px;
}
.enquireButton{
float:left;
}
#linkBoxContainer{
width:161px;
height:auto;
border:1.1px solid #2363B1;
clear:both;
margin:15px 0 0 0;
}
.linkBox{
width:153px;
height:26px;
background-color:#2363B1;
margin:2px 0 2px 2px;
padding:4px 0 0 4px;
font-size:0.9em;
font-weight:strong;
color:#FFFFFF;
}
.linkBox a:link{
width:153px;
height:26px;
background-color:#2363B1;
margin:2px 0 2px 2px;
padding:4px 0 0 4px;
font-size:0.9em;
font-weight:strong;
color:#FFFFFF;
text-decoration:none;
cursor:pointer
}
.linkBox a:visited{
width:153px;
height:26px;
background-color:#2363B1;
margin:2px 0 2px 2px;
padding:4px 0 0 4px;
font-size:0.9em;
font-weight:strong;
color:#FFFFFF;
text-decoration:none;
cursor:pointer
}
.linkBox a:hover{
width:153px;
height:26px;
background-color:#2363B1;
margin:2px 0 2px 2px;
padding:4px 0 0 4px;
font-size:0.9em;
font-weight:strong;
color:#FF7002;
cursor:pointer
}
#enquiryBanner{
width:500px;
height:57px;
margin:15px 0 0 4px;
display:block;
float:left;
}
/*vancouver city break page*/
#vancouverOffers{
width:173px;
height:480px;
margin:9px 0 0 0;
float:left;
}
#vancouverOffersBox{
width:161px;
height:auto;
min-height:314px;
border:1.1px solid #2363B1;
}
.vancouverDeal{
width:149px;
height:auto;
min-height:100px;
border-bottom:1px solid #2363B1;
margin:0 0 0 4px;
}
.vancouverLastdeal{
width:149px;
height:auto;
min-height:100px;
margin:0 0 0 4px;
}
.extendedLastdeal{
width:149px;
height:auto;
min-height:100px;
margin:0 0 0 4px;
}
/*calgary city break page*/
#calgaryOffers{
width:173px;
height:540px;
margin:9px 0 0 0;
float:left;
}
#calgaryOffersBox{
width:161px;
height:auto;
/*min-height:376px;*/
border:1.1px solid #2363B1;
}
.calgaryDeal{
width:149px;
min-height:105px;
height:auto;
border-bottom:1px solid #2363B1;
margin:0 0 0 4px;
}
.calgaryLastdeal{
width:149px;
min-height:117px;
height:auto;
margin:0 0 0 4px;
}
/*Niagara Falls city break page*/
.niagaraOffers{
width:173px;
height:615px;
margin:9px 0 0 0;
float:left;
}
.niagaraDeal{
width:149px;
height:auto;
min-height:100px;
border-bottom:1px solid #2363B1;
margin:0 0 0 4px;
}
.niagaraLastdeal{
width:149px;
height:auto;
min-height:105px;
margin:0 0 0 4px;
}
#niagaraVideoBox{
margin:15px 10px 0px 70px;
clear:both;
}
#destinationPageVidBoxStandard{
margin:0px 0px 0px 11px;
width:500px;
float:left;
}
/*****/
.pageRowBox{
width:100%;
height:auto;
float:left;
margin-bottom:5px;
/*border:1px solid #000000;*/
}
.pageRowBoxHalf{
width:50%;
height:auto;
float:left;
margin-bottom:5px;
/*background-color:#996600;*/
}
.pageRowBoxQuarter{
width:25%;
height:auto;
float:left;
margin-bottom:5px;
}
.pageRowBoxThreeQuarter{
width:75%;
height:auto;
float:left;
margin-bottom:5px;
}
.trailImageBox{
width:176px;
height:200px;
border:1px solid #2362b1;
margin:7px 0px 0px 2px;
}
.trailHeader{
width:170px;
height:30px;
line-height:30px;
margin:2px auto 2px auto;
border:1px solid #2362b1;
background-color:#2362b1;
color:#ffffff;
}
.trailHeader div{
color:#ffffff;
margin-left:7px;
font-weight:600;
}
.trailImage{
width:170px;
height:160px;
margin:1px auto 3px auto;
border:1px solid #2362b1;
}
.standardList{
/*border:1px solid #ff0000;*/
margin-left:20px;
}

/*************************************************/
/************* NEW HOLIDAY PAGE LAYOUT ***********/
/************** R.HINCKLEY 10/11/09 **************/

#holidayContentContainer{
width:728px;
height:auto;
display:block; 
float:left; 
margin:0 0 0 6px;
}

.pageRowBox494{
width:494px;
height:auto;
float:left;
}
.pageRowBox226{
width:226px;
height:auto;
height:100px;
float:right;
background-color:#ff0000;
}
.orangeHeaderBand{
width:100%;
height:20px;
line-height:20px;
font-size:0.8em;
color:#ffffff;
margin:0px 0px 5px 0px;
background-color:#f36b25;
}

.pageRowBoxHalfWithBorder{
width:363px;
height:auto;
float:left;
margin-bottom:5px;
border-right:1px solid #666;
}
.pageRowBoxHalf181{
width:181px;
height:auto;
float:left;
margin-bottom:5px;
}
.tabContainer{
height:auto;
margin:0px 5px 0px 5px;

/*background-color:#000000;*/
}
.tabContainer a{
text-decoration:none;
color:#ffffff;
}
.tabPicture{
width:172px;
height:72px;
margin:0px 0px 5px 0px;
}
.tabText{
width:170px;
height:20px;
line-height:20px;
font-size:0.6em;
color:#ffffff;
margin:0px 0px 5px 0px;
background-color:#f36b25;
text-align:center;
}
/*************************************************/
/*********** NEW MOTERHOME PAGE LAYOUT ***********/
/************** R.HINCKLEY 22/11/09 **************/
#MHbox1Top {
border:0px solid #000000;
width:728px;
height:6px;
background-image:url(/images/motor-home/new-layout/box1top.jpg);

}
#MHbox1Mid{
width:728px;
min-height:100px;
height:auto;
background-image:url(/images/motor-home/new-layout/box1mid.jpg);
background-repeat:repeat-x;
background-color:#f2e0d7;
}

#MHbox1Foot{
width:728px;
height:6px;
background-image:url(/images/motor-home/new-layout/box1foot.jpg);
}

.MHpageRowBox{
width:100%;
height:auto;
float:left;
margin:0px 0px 6px 6px;
}
.MHpageRowBoxHalf{
width:50%;
height:auto;
float:left;
margin:0px 0px 0px 0px;
/*background-color:#996600;*/
}.MHpageRowBoxHalf49{
width:49%;
height:auto;
float:left;
margin:0px 0px 0px 0px;
/*background-color:#996600;*/
}
.pageRowBox24percent{
width:24%;
height:auto;
float:left;
margin-bottom:5px;
/*background-color:#000000;*/
}
.bookNowContainer{
width:307px;
margin:auto;
margin-top:10px;
}

.camperInfoList{
width:190px;
list-style-type:disc;
margin:0px 0px 0px 0px;
}
.camperInfoList li{
margin:0px 0px 0px 20px;
}
/*************************************************/
/**** SELF DRIVE - NEW INDIVIDUAL TOURS PAGE *****/
/************** R.HINCKLEY 23/11/09 **************/
.InfoPanelWithBG{
width:721px;
min-height:164px;
height:auto;
margin:0px 0px 0px 3px;
background-image:url(/images/motor-home/new-layout/tour-details/topInfoPanel-sml.gif);
background-position:top;
background-repeat:no-repeat;
/*border:1px solid #000000;*/
}
.InfoPanelWithoutBG{
width:721px;
min-height:139px;
height:auto;
margin:0px 0px 9px 3px;
}
.offerInfoContainer{
width:681px;
min-height:128px;
height:auto;
margin:0px auto 0px auto;
}
.offerInfoContainer ul li{
font-size:0.8em;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-type:none;
}
.offerInfoNewRight{
font-size:0.9em;
font-weight:bold;
text-align:right;
}
.offerInfoNewLeft{
font-size:0.9em;
text-align:left;
}
.offerItinImage{
width:144px;
height:129px;
float:left;
margin-top:6px;
}
.offerItinInfo{
width:530px;
height:auto;
float:right;
}

.MHbox2Top {
width:721px;
height:6px;
background-image:url(/images/motor-home/new-layout/tour-details/MHbox2top.gif);
margin:0px 0px 0px 3px;
}
.MHbox2Mid{
width:721px;
height:auto;
min-height:100px;
background-image:url(/images/motor-home/new-layout/tour-details/MHbox2mid.gif);
background-repeat:no-repeat;
background-color:#f2e1d8;
margin:0px 0px 0px 3px;
}
.MHbox2Foot{
width:721px;
height:6px;
background-image:url(/images/motor-home/new-layout/tour-details/MHbox2foot.gif);
margin:0px 0px 0px 3px;
}
/*************************************************/
/********* SELF DRIVE - NEW TOURS PAGE ***********/
/************** R.HINCKLEY 24/11/09 **************/
.selfDriveContent{
width:726px;
height:auto;
float:left; 
margin:0 0 0 7px;
padding-bottom:5px;
background-color:#E9F6FF;
background-image:url(/images/motor-home/new-layout/self-drive/toursBG.jpg);
background-repeat:repeat-x;
line-height:1.3em;
}
.pageRowBox60Percent{
width:60%;
height:auto;
float:left;
margin-bottom:5px;
/*background-color:#9966ff;*/
}
.pageRowBox40Percent{
width:40%;
height:auto;
float:left;
margin-bottom:5px;
/*background-color:#996600;*/
}
.pageRowBoxThird{
width:33%;
height:auto;
float:left;
margin-bottom:5px;
/*background-color:#996600;*/
}
.selfDriveOfferBox{
width:213px;
min-height:339px;
height:auto;
border:1px solid #2262b1;
margin:auto;
background-color:#fafafa;
}
.selfDriveOfferBox ul li{
font-size:8pt;
margin-left:20px;
line-height:1.5;
}
.centredText{
text-align:center;
}
.boldGold{
font-size:1.1em;
color:#FF7002;
}
/*************************************************/
/********* ALASKA CRUISE - NEW HOME PAGE *********/
/************** R.HINCKLEY 24/11/09 **************/
.pageRowBoxFifth{
/*width:20%;*/
width:145px;
height:auto;
float:left;
margin:0px 0px 0px 0px;
}
.cruiseLineOfferBox{
width:140px;
min-height:140px;
height:auto;
margin:0px 0px 0px 3px;
}
.cruiseTabText{
width:140px;
height:20px;
line-height:20px;
font-size:0.8em;
color:#ffffff;
margin:0px 0px 0px 0px;
background-color:#f36b25;
text-align:center;
}
.cruiseTabText a{
color:#ffffff;
text-decoration:none;
}
.cruiseTabText a:hover{
color:#ffffff;
text-decoration:underline;
}
/*************************************************/
/**** ALASKA CRUISE - NEW CRUISE LINE PAGES ******/
/************** R.HINCKLEY 28/11/09 **************/
.standardContent{
width:726px;
height:auto;
display:block; 
float:left; 
margin:0 0 0 7px;
background-color:#E9F6FF;
background-image:url(../images/city-breaks/layout/bg-gradient.jpg);
background-repeat:repeat-x;
line-height:1.3em;
}
.boldBlue{
font-weight:bold;
color:#4d7cb0;
}
.enquiryBanner{
width:517px;
height:57px;
margin:auto;
}
.nclTopBanner{
width:534px;
height:132px;
margin:10px 0px 0px 7px;
background-image:url(/images/alaska-cruise/new-layout/holland-america/topBanner.jpg);
background-repeat:no-repeat;
padding-top:1px;
}
.topBannerText{
margin:10px 0px 0px 0px;
text-align:center;
color:#ffffff;
line-height:1;
font-weight:bold;
font-size:1.2em;
}
/******************* CALGARY STAMPEDED STYLES *****************/
.calgaryPageHeadBox{
width:727px;
height:298px;
background-image:url(../images/calgary-stampede/new-layout/pageHeadBG.jpg);
}
.calgaryVideoBox{
float:right;
margin:10px 10px 0px 0px;
}
.pageRowBox504{
width:504px;
height:auto;
float:left;
margin:0px 12px 5px 0px;
}
.pageRowBox212{
width:212px;
height:auto;
float:right;
margin-bottom:5px;
}
.calgaryPageSubHeadBox{
width:504px;
height:113px;
background-image:url(../images/calgary-stampede/new-layout/pageSubHeadBG.jpg);
}
.calgaryPageSubHeadBox div{
text-align:center;
font-size:0.8em;
font-weight:bold;
line-height:1.4;
color:#ffffff;
padding:2px 0px 0px 0px;
}
.calgaryPageSubHeadBox div a{
color:#ffffff;
text-decoration:none;
font-weight:bold;
}
.calgaryPageSubHeadBox div a:hover{
text-decoration:underline;
}
#calgaryText a{
font-size:1em;
}
.marginLeft5{
margin-left:5px;
}
.marginTop5{
margin-top:5px;
}
.calgaryBoldGold{
font-size:0.8em;
color:#FF7002;
font-weight:bold;
}
.calgaryList{
margin:5px 0px 0px 30px;
}
.calgaryPageLeftHeadBox{
width:212px;
height:196px;
background-image:url(../images/calgary-stampede/new-layout/pageLeftHeadBG.jpg);
}
.calgaryPageLeftHeadBox p{
font-size:0.7em;
font-weight:bold;
line-height:1.4;
color:#ffffff;
padding:2px 0px 0px 5px;
}
.calgaryPageLeftHeadButton{
width:185px;
height:30px;
margin:5px auto 0px auto;
}
.calgaryStampedeImageBox{
width:205px;
height:274px;
margin:12px 0px 0px 3px;
}
.underlineText{
text-decoration:underline;
}
/********************* TESTING CLASSES ************************/
.red{
background-color:#FF0000;
}
.grey{
background-color:#666666;
}
.borderR{
border:1px solid #ff0000;
}
.borderG{
border:1px solid #00ff00;
}
.borderB{
border:1px solid #0000ff;
}
/***********************************************/