/* ==============================================

 start GENERIC

 =============================================== */

html, body {

background: #e2ddc6 url(../images/body-bg.gif) repeat-x top left; 

font-family:  Helvetica, Arial, Verdana, sans-serif;

font-size: 87%; line-height: 1.5em;  

color: #666; margin: 0; padding: 0; 

text-align: left;} 

          

.clear { clear: both; font-size: 0px; line-height: 0; height: 0; padding: 0; margin: 0;}

.hide {display: none; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0;}



img {border: 0; margin: 0; padding: 0;}

/* #subPageContent img { border: 1px solid #999999; } */


a img {border: 0;}



a:link {color: #8a0032; text-decoration: underline; }

/* a:visited {color: #ac7415;} */
a:visited {color: #8a0032;}

a:hover {color:#333; text-decoration: underline;}



p {margin: 0; padding: 0 0 1em 0;}



/* ==============================================

 start LAYOUT of FRAMEWORK

 =============================================== */

#wrap-outer {width: 855px; margin: 4px auto 0 auto; padding: 9px 0 20px 0; background: url(../images/top-curves.gif) no-repeat left top;}

#wrap-inner {width: 852px; padding: 0 2px 0 1px; margin: 0; background: #FFFFFF url(../images/wrap-bg.gif) repeat-y top left;}



#header {height: 72px; background: url(../images/header-bg.gif) repeat-x left bottom; border-bottom: 1px solid #fff;

padding: 0px 14px 8px 21px; margin: 0;}



#mainnav {margin: 0; padding: 0; height: 38px; background: #8a0032 url(../images/mainnav-bg.gif) repeat-x top left; }



/*#corp-nav {padding: 0; height:25px; text-align:left; width: 987px; margin-left: -40px;}*/

#corp-nav {padding: 0; margin:0;height:25px;}

/*#crumnz {padding:0px 0px 6px 16px; margin:-19px 0px 0px 0px; float:left;}*/

#crumnz{
float:left;
margin:-19px 0 0;
padding:0 0 19px 16px;
position:absolute;
width:769px;
}
#crumus{
float:left;
margin:0px 0 0;
padding-left:16px;
padding-top:12px;
padding-bottom:5px;
width:769px;
color:#8A0032;
}
#breadcrumbs {height: 24px; margin: 0; padding: 2px 0 0 27px; float: left;}



#print-this-page {float: right; padding: 2px 20px 0 0; margin: 0;}



#mainbody {width: 781px; /*padding: 0 38px 15px 33px;*/padding-left:33px; margin: 0; clear: both;}



#subnav {width: 814px; height: 35px; margin: 0 0 2px 0; background: #b4b2a9 url(../images/subnav-tl.gif) no-repeat left top; position: relative;}

#subnav span.corner {position: absolute; top: 0; right: 0; width: 13px; height: 13px; background: url(../images/subnav-tr.gif) no-repeat left top ;}



#footer { padding: 15px 23px 0 0; background: url(../images/bot-curves.gif) no-repeat top left; text-align: right;}

.centeredImage {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

/* ==============================================

 start HEADER

 =============================================== */



#header .corp-id {float: left;}

#header .corp-id .logo {width: 235px; height: 52px; text-indent: -3000px; background: url(../images/tic-logo.gif) no-repeat left top; cursor: pointer; cursor: hand;}

#header .contact {float: right; padding-top: 6px;}

#header .contact .travel-video { font-size: 90%; margin: 0; padding: 0 0 4px 0; overflow: hidden; width: 346px; text-align: right;}
#header .contact .travel-video a {padding: 0 0 0 17px; margin: 0; background: url(../images/video-icon.gif) 0 4px no-repeat;} 
/* #header .contact .travel-video a {padding: 0 0 0 17px; margin: 0; background: url(../images/video-icon.jpg) 0 4px no-repeat;}*/

#header .contact .tel-number-com {width: 362px; height: 28px; text-indent: -3000px; background: url(../images/tel-number.com.gif) no-repeat left top;}
#header .contact .tel-number-com-au {width: 362px; height: 28px; text-indent: -3000px; background: url(../images/tel-number.com.au.gif) no-repeat left top;}
#header .contact .tel-number-co-nz {width: 362px; height: 28px; text-indent: -3000px; background: url(../images/tel-number.co.nz.gif) no-repeat left top;}
#header .contact .tel-number-co-uk {width: 362px; height: 28px; text-indent: -3000px; background: url(../images/tel-number.co.uk.gif) no-repeat left top;}
#header .contact .tel-number-ca {width: 362px; height: 28px; text-indent: -3000px; background: url(../images/tel-number.ca.gif) no-repeat left top;}
#header .contact .tel-number-atc-us {width: 362px; height: 28px; text-indent: -3000px; background: url(../images/tel-number.atc.us.gif) no-repeat left top;}
#header .contact .tel-number-atc-ca {width: 362px; height: 28px; text-indent: -3000px; background: url(../images/tel-number.atc.gif) no-repeat left top;}

#header .contact .tel-number-blank {width: 362px; height: 28px; text-indent: -3000px; background: url(../images/tel-number-blank.gif) no-repeat left top;}

#header .corp-id p {margin: 0; padding: 5px 0 0 0;}

#header .corp-id p span {padding-right: 10px;}

#header .contact p { text-align: right; margin: 0; padding: 0 5px 0 0;}



/* ==============================================

 start NAVIGATION

 =============================================== */

 

 

/* ---------------- mainnav ------------------ */



ul#mainnav-list {list-style: none; margin: 0; padding: 4px 0 0 10px; }

ul#mainnav-list li {float: left; margin: 0 0 0 -2px; padding:0; height: 34px; background: url(../images/mainnav-li-bg.gif) no-repeat right 2px; position: relative; z-index: 1000;} 


ul#mainnav-list a {  padding:0 0 0 9px; height:34px; text-decoration: none; display: block;} 

ul#mainnav-list a span { padding:4px 8px 0 0; height: 30px; }

ul#mainnav-list a, 

ul#mainnav-list a span { display:block; float:left; cursor:pointer;}



ul#mainnav-list a.selected { background: #fff url(../images/mainnav-left-on.gif) left top no-repeat;  }   

ul#mainnav-list a.selected span { background:url(../images/mainnav-right-on.gif) right top no-repeat;  padding-top: 10px; height: 24px; }

ul#mainnav-list a.selected, 

ul#mainnav-list a.selected span { display:block; float:left; }



ul#mainnav-list a:hover, 

ul#mainnav-list a.selected:hover { background:#e7e7e7 url(../images/mainnav-left-hover.gif) left top no-repeat;  }



ul#mainnav-list a:hover span, 

ul#mainnav-list a.selected:hover span { background:url(../images/mainnav-right-hover.gif) right top no-repeat; padding-top: 10px; height: 24px; }   



/* ---------------- mainnav dropmenu ------------------ */

/* see http://www.htmldog.com/articles/suckerfish/dropdowns/ */

ul#mainnav-list ul {
        position: absolute; 
        left: -999em; 
        top: 34px; 
        list-style: none; 
        width: auto; 
        background-color: #e7e7e7; 
        margin: 0 0 0 -1px; 
        padding: 5px 0 0 0; 
        border-right: 1px solid #b2b2b2; 
        border-bottom: 1px solid #b2b2b2;
}


/*ul#mainnav-list ul li {float: none; background: url(none.gif); line-height: 1em; height: 20px;}*/
ul#mainnav-list ul li {float: none; background: url(../images/transp.gif); line-height: 1em; height: 20px;width:355px;}



ul#mainnav-list li:hover ul, 

ul#mainnav-list li.dropmenu ul { left: 1px; z-index: 10000;}

ul#mainnav-list li:hover ul.last, 

ul#mainnav-list li.dropmenu ul.last { left: -30px; } /* to make sure the dropmenu of last mainnav link does not drop off page in 1024x768 resolution */

ul#mainnav-list li:hover a, 

ul#mainnav-list li.dropmenu a { background:#e7e7e7 url(../images/mainnav-left-hover.gif) left top no-repeat;}

ul#mainnav-list li:hover a span, 

ul#mainnav-list li.dropmenu a span { background:url(../images/mainnav-right-hover.gif) right top no-repeat; padding-top: 10px; height: 24px; }  

/* ul#mainnav-list li.dropmenu a:visited { background:#e7e7e7 url(../transp.gif) left top no-repeat; font-weight: normal; font-size: 90%; height: 20px;} */

/* ul#mainnav-list ul a:link {background: url(none.gif);  height: 15px;}

ul#mainnav-list ul a:hover {background: url(none.gif);} */

ul#mainnav-list ul a:link,

ul#mainnav-list ul a:visited,

/*ul#mainnav-list ul a:hover {background: url(none.gif);  height: 15px;}*/
ul#mainnav-list ul a:hover {background: url(../images/transp.gif);  height: 15px;}





/* ---------------- corp-nav ------------------ */

/*#corp-nav ul {list-style: none; margin: 0 0 0 42px; padding: 5px 20px 0 0; float: left;}*/
#corp-nav ul {list-style: none; margin: 0; padding: 5px 20px 0 0; float: right;}
#corp-nav ul li {float: left; margin: 0; padding:5px 0 0 0;  line-height: 1em;}
#corp-nav ul li a {padding: 0 9px 0 8px; border-right: 1px solid #666; }
#corp-nav ul li a.travel-video {background: url(../images/icon-video.gif) no-repeat 0 0; padding-left: 25px;}
#corp-nav ul li a.last {padding-right: 0; border-right: 0px;}






/* ---------------- subnav ------------------ */



#subnav ul {list-style: none; margin: 0; padding: 6px 0 0 4px; height: 29px; position: relative;}

#subnav ul li {float: left; margin: 0 0 0 -1px; padding:0; background: url(../images/subnav-li-bg.gif) no-repeat right 10px;}

/*#subnav ul li.last {background: url(empty.gif);}*/
#subnav ul li.last {background: url(../images/transp.gif);}

#subnav ul a.menu, #subnav ul a  {padding: 0 0 0 12px; text-decoration: none; height: 29px;}

#subnav ul a.menu span, #subnav ul a span {padding: 5px 12px 0 0;}





#subnav ul a.menu, #subnav ul a,

#subnav ul a.menu span, #subnav ul a span { display:block; float:left; cursor:pointer; }



#subnav ul a.menuSelected { background: #fff url(../images/subnav-left-on.gif) left top no-repeat;  }   

#subnav ul a.menuSelected span { background:url(../images/subnav-right-on.gif) right top no-repeat; padding-top: 6px; }

#subnav ul a.menuSelected, 

#subnav ul a.menuSelected span { display:block; float:left; }



#subnav ul a.menu:hover, #subnav ul a:hover,

#subnav ul a.menuSelected:hover { background:#eeeeec url(../images/subnav-left-hover.gif) left top no-repeat; }

#subnav ul a.menu:hover span, #subnav ul a:hover span,  

#subnav ul a.menuSelected:hover span { background:url(../images/subnav-right-hover.gif) right top no-repeat;  padding-top: 6px;} 



#subnav ul ul { list-style: none; margin: 0; padding: 0; position: absolute; top: 45px; left: 3px; width: 700px;}





#subnav ul ul a.menu { height: 1em;  line-height: 1em; display:block; float:left; color: #94938c; padding: 0 12px; border-right: 1px solid #94938c;}

#subnav ul ul a.menu.last {border-right: 0px;}



#subnav ul ul a.menuSelected { height: 1em;  line-height: 1em; display:block; float:left; color: #9a1133; padding: 0 12px; border-right: 1px solid #94938c; background: url(../transp.gif); }

#subnav ul ul a.menu:hover, #subnav ul ul a:hover,

/*#subnav ul ul a.menuSelected:hover { background: url(empty.gif);  }*/
#subnav ul ul a.menuSelected:hover { background: url(../images/transp.gif);  }







/* ==============================================

 start MAINBODY

 =============================================== */





/* ---------------- homepage ------------------ */



body#homepage #breadcrumbs, 

body#homepage #print-this-page,

body#homepage #subnav {display: none;}


body#homepage #mainbody {margin: 0; width: 680px; padding: 15px 0 35px 100px;; background: url(../images/homepage-bg.gif) no-repeat 40px 60px;}

body#homepage #mainbody .intro {padding: 0; margin: 0;}

body#homepage #mainbody .area1, 

body#homepage #mainbody .area2,

body#homepage #mainbody .area3 {float: left;}

body#homepage #mainbody .area1 {width: 190px; padding: 0 40px 0 0;} 

body#homepage #mainbody .area2 {width: 195px; padding: 0 40px 0 0;} 

body#homepage #mainbody .area3 {width: 202px; padding: 0;} 



body#homepage #mainbody h1 {display: none;}

body#homepage #mainbody h2 { margin: 0; padding: 10px 0;}



/* ---------------- temp-a e.g. country overview page ------------------ */



/*body#temp-a #flash-main,*/

body#temp-a #subnav,

body#temp-a .area1, 

body#temp-a .area3 {display: none;}



body#temp-a .intro {padding: 0 0 10px 0; margin: 0;} 

body#temp-a .box1, body#temp-a .box2 {width: 781px; padding: 0; margin: 0 0 15px 0; }

.box1 .top, 

.box1 .bot,

.box2 .top, 

.box2 .bot      {height: 15px; padding: 0; margin: 0; }


.box2 .top      {background: #e1e0dd url(../images/box2-curve-tr.gif) no-repeat right top;}

.box2 .top span {background: #e1e0dd url(../images/box2-curve-tl.gif) no-repeat left top; display: block; height: 15px; width: 8px; }

.box2 .bot      {background: #e1e0dd url(../images/box2-curve-br.gif) no-repeat right bottom;}

.box2 .bot span {background: #e1e0dd url(../images/box2-curve-bl.gif) no-repeat left bottom; display: block; height: 15px; width: 8px;}


.box1 .top      {background: #f0f0ee url(../images/top.gif) no-repeat right top;}

.box1 .top span {background: #f0f0ee url(../images/box1-curve-tl.gif) no-repeat left top; display: block; height: 15px; width: 8px; }

.box1 .bot      {background: #f0f0ee url(../images/bot.gif) no-repeat right bottom;}

.box1 .bot span {background: #f0f0ee url(../images/box1-curve-bl.gif) no-repeat left bottom; display: block; height: 15px; width: 8px;}

/* box3 styles added 13 May 08 */
.box3 .top 		{
	background: #952c4d url(../images/box3-top.gif) no-repeat left top; 
	padding: 5px 10px; text-align: center;	}
.box3 .bot 		{
	background: #e1e0dd url(../images/box2-curve-br.gif) no-repeat right bottom;}
.box3 .bot span	{
	background: #e1e0dd url(../images/box2-curve-bl.gif) no-repeat left bottom; 
	display: block; height: 15px; width: 8px;}
.box3 .mid {
	background-color:#e1e0dd; padding: 5px 10px 0 10px; font-size: 90%;}
.box3 ul {
	list-style: none; margin: 0; padding: 0;}
.box3 ul span.date, 
.box3 ul span.tour-name {
	float: left; display: block; }
.box3 ul span.date {
	width: 30px;}
.box3 ul a.booknow {
	float: right; display: block; padding: 0; margin: 2px 0 0 3px; 
	background: url(../images/book-now.gif) top left no-repeat; 
	width: 72px; height: 14px; text-indent: -999em; overflow: hidden;}
.box3 ul li {
	clear: both; padding: 1px 0;}








.box1-blurb .bot {
	color:				#FFFFFF;
	background:			#f0f0ee url(../images/blurb.gif) no-repeat right bottom;
	padding:			3px 22px;
	height:				auto;
}

body#temp-a .box1 .mid, 

body#temp-a .box2 .mid {padding: 0 22px; margin: 0;}

.box1 .mid { background-color: #f0f0ee;}

.box2 .mid { background-color: #e1e0dd;}



body#temp-a .box1-new .mid,

body#temp-a .box2-new .mid {border-left: 40px solid #952c4d; padding: 0 22px 0 20px; margin: 0;}



body#temp-a .box1-new .top span {background: #f0f0ee url(../images/box1-new-tl.gif) no-repeat left top; height: 15px; width: 47px;}

body#temp-a .box1-new .bot span {background: #f0f0ee url(../images/box1-new-bl.gif) no-repeat left bottom; height: 15px; width: 47px;}



body#temp-a .box2-new .top span {background: #e1e0dd url(../images/box2-new-tl.gif) no-repeat left top; height: 15px; width: 47px;}

body#temp-a .box2-new .bot span {background: #e1e0dd url(../images/box2-new-bl.gif) no-repeat left bottom; height: 15px; width: 47px;}



body#temp-a .box2-new, body#temp-a .box1-new {position: relative;}

body#temp-a .box2-new .new, body#temp-a .box1-new .new  {
    position: absolute; top: 20px; left: 7px; width: 26px; height: 7px; text-indent: -3000px; background: url(../images/new-icon.gif) no-repeat top left; } 


h2.tour-name {float: left;}

.tour-price {float: right; padding-right: 10px; }

.tour-info {float: left; width: 540px;}

body#temp-a .box1-new .tour-info,

body#temp-a .box2-new .tour-info {width: 500px;}

.tour-info p {padding-bottom: 5px;}

.tour-map {float: right; width: 180px;}

.tour-info ul {list-style: none; margin: 0; padding: 0; height: 20px;}

.tour-info ul li { float: left; padding-right: 5px;}

.tour-info ul li a {padding-right: 3px;}



body#temp-a p.quote {display: none;}

body#temp-a .features .summary {padding-bottom: 10px;}

body#temp-a .features .summary img {float: right; padding: 0 0 10px 0; margin-top: -1em;}

body#temp-a .features p {width: 565px;}



/* ---------------- temp-b e.g. dates and availability ------------------ */



/*body#temp-b #flash-main,*/

body#temp-b .area1 {display: none;}



body#temp-b #mainbody,

body#temp-c #mainbody {width: 814px; padding: 0 18px 15px 20px;}



body#temp-b .area2 {width: 505px; float: left; padding: 20px 0px 0 15px;}

body#temp-b .area3 {width: 294px; float: left; padding: 0 0 0 0; }

body#temp-b #mainbody .area2 {padding-right: 15px; padding-left: 0px;}



body#temp-b .area2 .dates {float: left; width: 310px; padding: 0; }

body#temp-b .area2 .legend {float: left; padding: 0; margin: 0;}



body#temp-b .dates h2 {padding-left: 20px;}



body#temp-b .dates ul {list-style: none; width: 287px; padding: 0; margin: 0 0 20px 0; }

body#temp-b .dates ul li { padding: 2px 0 0 20px; margin: 0; height: 20px;  }

body#temp-b .dates ul li.on {background-color: #f4f4f2;}



body#temp-b .dates ul li a, body#temp-b .dates ul li .no-book-now-link  {width: 220px; float: left; } 

body#temp-b .dates ul li span.date-a,

body#temp-b .dates ul li span.date-l,

body#temp-b .dates ul li span.date-f,

body#temp-b .legend ul li span {display: block; float: left; width: 15px; height: 15px; text-indent: -999em; }

body#temp-b .dates ul li span.date-a,

body#temp-b .legend ul li span.date-a {background: url(../images/dates-a.gif) no-repeat 0 3px;}

body#temp-b .dates ul li span.date-l,

body#temp-b .legend ul li span.date-l {background: url(../images/dates-l.gif) no-repeat 0 3px;}

body#temp-b .dates ul li span.date-f,

body#temp-b .legend ul li span.date-f {background: url(../images/dates-f.gif) no-repeat 0 3px;}



body#temp-b .legend ul {list-style: none; padding: 0; margin: 0;}

body#temp-b .legend ul li { padding: 2px 0 0 0; margin: 0; height: 22px;}

body#temp-b .legend ul li span {padding-right: 10px;}



body#temp-b .area2 .dates a:link {color: #666; text-decoration: underline;}

body#temp-b .area2 .dates a:hover {color: #9a1133; text-decoration: none;}

body#temp-b .area2 .dates a:visited {color: #ac7415; text-decoration: underline;}





body#temp-b .box1, 

body#temp-b .box2 {width: 294px; padding: 0; margin: 0 0 15px 0; }



body#temp-b .box1 .mid, 

body#temp-b .box2 .mid {padding: 0 13px 0; margin: 0;}





body#temp-b .box1 h2 {float: left; line-height: 1.2em }

body#temp-b .box1 p {float: right; padding: 0; margin: 0; line-height: 1.2em; }

body#temp-b .box1 h2.itinerary {width: 145px;}

body#temp-b .box1 ul.itinerary {clear: both; list-style: none; margin: 0; padding: 0; }



body#temp-b .box1 h2.dep-dates {width: 210px;}

body#temp-b .box1 ul.col1,

body#temp-b .box1 ul.col2 { float: left; width: 130px; list-style: none; margin: 0 0 0 0px; padding: 0; }

body#temp-b .box1 ul.col1 {margin-right: 2px;}

body#temp-b .box1 ul.col1 li,

body#temp-b .box1 ul.col2 li {width: 130px; font-size:85%;}


body#temp-b ul.extras {margin: 0 -13px; list-style: none; padding: 0; line-height: 1.2em;}

body#temp-b ul.extras li {margin: 0; padding: 0; border: 1px solid #e1e0dd; }

body#temp-b ul.extras li a {display: block; padding: 3px 13px; margin: 0; }

body#temp-b ul.extras li a {color: #666; text-decoration: none; border-top: 1px solid #e1ded4; border-bottom: 1px solid #e1ded4;}

body#temp-b ul.extras li a:hover {color: #8a0032; background-color: #fff; border-top: 1px solid #666; border-bottom: 1px solid #666;}

body#temp-b ul.extras li .title {display: block; padding: 3px 13px; margin: 0; color: #8a0032; font-weight: bold; font-size: 110%;}

body#temp-b ul.extras li .deluxe_link {color: #8a0032; font-weight: bold;}


body#temp-b .summary .image {float: left; width: 75px; padding-top: 5px;}

body#temp-b .summary .content {float: left; width: 395px;}

body#temp-b h2 {clear: left}

body#temp-b p.callout { padding: 10px 0; margin: 0; width: 350px;}


/* ---------------- temp-c e.g. dates and availability ------------------ */



/*body#temp-c #flash-main,*/

body#temp-c .area1,

body#temp-c .area3 {display: none;}



body#temp-c .area1 {width: 784px; float: left; padding: 20px 15px;}

body#temp-c .intro {clear: both; padding: 40px 15px 0 15px;}





body#temp-c .content-block  {padding: 10px 0 20px 0;}

body#temp-c .summary {float: left; width: 390px;}

body#temp-c .summary .image {float: left; width: 75px; padding-top: 5px;}

body#temp-c .summary .content {float: left; width: 290px;}

body#temp-c .summary_wide {float: left; width: 780px;}

body#temp-c .summary_wide .image {float: left; width: 75px; padding-top: 5px;}

body#temp-c .summary_wide .content {float: left; width: 680px;}


/* ---------------- temp-d e.g. booking pages ------------------ */

/*subsequent change to fit booking forms into temp-b ... have left original just in case */



body#temp-d #flash-main,

body#temp-d .area2, 

body#temp-d .area3 {display: none;}



body#temp-d .intro {display: none;} 

body#temp-a .summary h2 {padding-bottom: 0px;}

#book-now {width: 577px; padding: 20px 0 30px 0; margin: 0;}

body#temp-b #book-now {width: 510px; margin-left: 0px; padding-top: 0px;}



#book-now .steps ul {list-style: none; margin: 0; padding: 0; height: 65px;}

#book-now .steps ul li { float:left; margin: 0; height: 43px;  padding:22px 0 0 8px; position: relative;}

#book-now .steps ul li.step1 { padding-left:11px; width: 117px;  }

li.step2, li.step3, li.step4 { width: 107px;  }

li.step5 { width: 96px;  }





body#temp-b #book-now .steps ul li.step1 { padding-left: 11px; width: 97px; }

body#temp-b li.step2 { width: 90px;  }

body#temp-b li.step3 { width: 105px;  }

body#temp-b li.step4 { width: 94px;  }

body#temp-b li.step5 { width: 81px;  }



#book-now .steps ul li span {display: block;}





.step1-on li.step1 {background: url(../images/step1-on.gif) no-repeat top left;}

.step1-on li.step2 {background: url(../images/step2.gif) no-repeat top left;}

.step1-on li.step3 {background: url(../images/step3.gif) no-repeat top left;}

.step1-on li.step4 {background: url(../images/step4.gif) no-repeat top left;}

.step1-on li.step5 {background: url(../images/step5.gif) no-repeat top left;}



.step2-on li.step1 {background: url(../images/step1-off.gif) no-repeat top left;}

.step2-on li.step2 {background: url(../images/step2-on.gif) no-repeat top left;}

.step2-on li.step3 {background: url(../images/step3.gif) no-repeat top left;}

.step2-on li.step4 {background: url(../images/step4.gif) no-repeat top left;}

.step2-on li.step5 {background: url(../images/step5.gif) no-repeat top left;}





.step3-on li.step1 {background: url(../images/step1.gif) no-repeat top left;}

.step3-on li.step2 {background: url(../images/step2-off.gif) no-repeat top left;}

.step3-on li.step3 {background: url(../images/step3-on.gif) no-repeat top left;}

.step3-on li.step4 {background: url(../images/step4.gif) no-repeat top left;}

.step3-on li.step5 {background: url(../images/step5.gif) no-repeat top left;}





.step4-on li.step1 {background: url(../images/step1.gif) no-repeat top left;}

.step4-on li.step2 {background: url(../images/step2.gif) no-repeat top left;}

.step4-on li.step3 {background: url(../images/step3-off.gif) no-repeat top left;}

.step4-on li.step4 {background: url(../images/step4-on.gif) no-repeat top left;}

.step4-on li.step5 {background: url(../images/step5.gif) no-repeat top left;}



.step5-on li.step1 {background: url(../images/step1.gif) no-repeat top left;}

.step5-on li.step2 {background: url(../images/step2.gif) no-repeat top left;}

.step5-on li.step3 {background: url(../images/step3.gif) no-repeat top left;}

.step5-on li.step4 {background: url(../images/step4-off.gif) no-repeat top left;}

.step5-on li.step5 {background: url(../images/step5-on.gif) no-repeat top left;}







body#temp-b .step1-on li.step1 {background: url(../images/step1-on-new.gif) no-repeat top left;}

body#temp-b .step1-on li.step2 {background: url(../images/step2-new.gif) no-repeat top left;}

body#temp-b .step1-on li.step3 {background: url(../images/step3-new.gif) no-repeat top left;}

body#temp-b .step1-on li.step4 {background: url(../images/step4-new.gif) no-repeat top left;}

body#temp-b .step1-on li.step5 {background: url(../images/step5-new.gif) no-repeat top left;}



body#temp-b .step2-on li.step1 {background: url(../images/step1-off-new.gif) no-repeat top left;}

body#temp-b .step2-on li.step2 {background: url(../images/step2-on-new.gif) no-repeat top left;}

body#temp-b .step2-on li.step3 {background: url(../images/step3-new.gif) no-repeat top left;}

body#temp-b .step2-on li.step4 {background: url(../images/step4-new.gif) no-repeat top left;}

body#temp-b .step2-on li.step5 {background: url(../images/step5-new.gif) no-repeat top left;}





body#temp-b .step3-on li.step1 {background: url(../images/step1-new.gif) no-repeat top left;}

body#temp-b .step3-on li.step2 {background: url(../images/step2-off-new.gif) no-repeat top left;}

body#temp-b .step3-on li.step3 {background: url(../images/step3-on-new.gif) no-repeat top left;}

body#temp-b .step3-on li.step4 {background: url(../images/step4-new.gif) no-repeat top left;}

body#temp-b .step3-on li.step5 {background: url(../images/step5-new.gif) no-repeat top left;}





body#temp-b .step4-on li.step1 {background: url(../images/step1-new.gif) no-repeat top left;}

body#temp-b .step4-on li.step2 {background: url(../images/step2-new.gif) no-repeat top left;}

body#temp-b .step4-on li.step3 {background: url(../images/step3-off-new.gif) no-repeat top left;}

body#temp-b .step4-on li.step4 {background: url(../images/step4-on-new.gif) no-repeat top left;}

body#temp-b .step4-on li.step5 {background: url(../images/step5-new.gif) no-repeat top left;}



body#temp-b .step5-on li.step1 {background: url(../images/step1-new.gif) no-repeat top left;}

body#temp-b .step5-on li.step2 {background: url(../images/step2-new.gif) no-repeat top left;}

body#temp-b .step5-on li.step3 {background: url(../images/step3-new.gif) no-repeat top left;}

body#temp-b .step5-on li.step4 {background: url(../images/step4-off-new.gif) no-repeat top left;}

body#temp-b .step5-on li.step5 {background: url(../images/step5-on-new.gif) no-repeat top left;}

#book-now .content {width: 495px; border-left: 1px solid #cecece;  border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; padding: 50px 40px; margin: 0; background: #f4f4f2;}

body#temp-b #book-now .content {width: 428px; }

#book-now .row {padding: 0 0 7px 0; margin: 0;}

#book-now .button {float: right; text-align: right;}

#book-now .results {padding-top: 15px;}


/* ==============================================

 start FORMS

 =============================================== */

form {margin: 0; padding: 0;}


form.subscribe input#em_wfs_formfield_363215,
form.subscribe input#em_wfs_formfield_363216,
form.subscribe input#em_wfs_formfield_363217,
form.subscribe input#email,
form.subscribe input#mobile,
form.subscribe input#firstname,
form.subscribe input#lastname {width: 174px; height: 20px; margin: 0; padding: 0; border: 1px solid #b5ab80; background-color: #e9e8e3;}
 
.subscribe-btn {width: 176px; padding-top: 11px; margin: -1px 0 0 0; background: url(../images/subscribe-btn-lines.gif) no-repeat left top;}

.subscribe-btn a {display: block; width: 82px; height: 24px; padding: 1px 0 0 7px; background: url(../images/subscribe-btn.gif) no-repeat left top;color: #fff; font-size: 90%; font-weight: bold; text-decoration: none;}

.subscribe-btn a:hover {background: url(../images/subscribe-btn-hover.gif) no-repeat left top;}


/* booking form */



#book-now .row span.fieldname {display: block; float: left; width: 130px; text-align: right; margin-right: 15px;}

#book-now select#tourdate {width: 175px;}

#book-now input#nrrooms, 

#book-now input#nrtravellers {width: 40px;}





.step1-btn,

.step4-btn,

.step5-btn {width: 190px; padding: 0; margin: 0 -2px 0 0; }

.step1-btn a,

.step4-btn a,

.step5-btn a {display: block; height: 24px; padding: 1px 15px 0 0; background: url(../images/step2-btn.gif) no-repeat left top; color: #fff; font-size: 90%; font-weight: bold; text-decoration: none;}

.step1-btn a:hover,

.step4-btn a:hover,

.step5-btn a:hover {background: url(../images/step2-btn-hover.gif) no-repeat left top;}



.step2-btn,

.step3-btn {width: 220px; padding: 0; margin: 0 -2px 0 0; }

.step2-btn a,

.step3-btn a {display: block; height: 24px; padding: 1px 15px 0 0; background: url(../images/step3-btn.gif) no-repeat left top; color: #fff; font-size: 90%; font-weight: bold; text-decoration: none;}

.step2-btn a:hover,

.step3-btn a:hover {background: url(../images/step3-btn-hover.gif) no-repeat left top;}




/* ==============================================

 start footer

 =============================================== */

 



#footer a {padding: 0 4px;}

#footer .sitback {float: left; padding-left: 10px;}



/* ==============================================

 start CONTENT and COMMON PAGE ELEMENTS

 =============================================== */



#print-this-page a {background: url(../images/print-icon.gif) 0 3px no-repeat; padding: 0 0 5px 20px;}



h1.page_heading {text-indent: -3000px; padding: 0; display: none;}

body#temp-a h1.banner, body#temp-a #mainbody .banner  { margin: 0 -39px 25px -33px;}

body#temp-b h1.banner, body#temp-b #mainbody .banner { margin: 0 -18px 25px -20px;}

body#temp-c h1.banner, body#temp-c #mainbody .banner { margin: 0 -18px 25px -20px;}

h1.vietnam { background: url(../images/h1-vietnam.jpg) no-repeat left top;}

h1.thailand { background: url(../images/h1-thailand.jpg) no-repeat left top;}

h1.cambodia { background: url(../images/h1-cambodia.jpg) no-repeat left top;}

h1.laos { background: url(../images/h1-laos.jpg) no-repeat left top;}

h1.india { background: url(../images/h1-india.jpg) no-repeat left top;}

h1.china-tibet { background: url(../images/h1-china-tibet.jpg) no-repeat left top;}

h1.multi-contries { background: url(../images/h1-multi-countries.jpg) no-repeat left top;}

h1.solo-travellers { background: url(../images/h1-solo-travellers.jpg) no-repeat left top;}

h1.vietnam-discovery { background: url(../images/h1-vietnam-discovery.jpg) no-repeat left top;}





/* ==============================================

 start TYPOGRAPHY

 =============================================== */



.box1, .box2 {color: #333;}

.box1-new .new, .box2-new .new {color: #fff; }

h1, h5, h6 {font-weight:bold; color:#8A0032;}

h1 {margin: 0; padding: 0; }

h2 {margin: 0; padding: 0 0 10px 0; font-size: 130%; font-weight: bold; color: #8a0032;}

.box3 h2 {color: #f4f4f2; padding: 0; margin: 0;}

h3 {margin: 0; padding: 0 0 10px 0; font-size: 100%; font-weight: bold; color: #8a0032;}

h4 {margin: 0; padding: 0 0 5px 0; font-size: 100%; font-weight: bold; color: #666666;}


body#temp-b .box1, 

body#temp-b .box1 h2 {color: #666;}

body#temp-b .box1 h2 {padding-bottom: 5px;}

body#homepage h2,

body#temp-a .summary h2,

body#temp-b h2 { font-size: 100%; font-weight: bold;}

body#temp-a .summary h2 {padding-bottom: 0px;}


#print-this-page,

#footer,

#header .contact p,

.tour-info ul,

body#temp-b .box1,

#book-now input,

#book-now select,

#book-now .steps { font-size: 90%;}

#book-now .steps span {font-size: 110%; font-weight: bold; color: #8a0032;}



#header .corp-id p {font-weight: bold; font-style: italic; color: #262626;}



#breadcrumbs,

form.subscribe label,

.box1-new .new,

.box2-new .new {font-weight: bold; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif;}



#breadcrumbs a {color: #666; text-decoration: none; font-weight: normal;}



#print-this-page a,

body#temp-b .box1 a {color: #666; text-decoration: underline; font-weight: normal;}



#mainnav a,

#subnav a,

#subnav a.menu {color:#fff; font-weight: bold; }



#mainnav a:hover, 

#mainnav a.selected,

#subnav a.hover, 

#subnav a.menu:hover, 

#subnav a.menuSelected,

ul#mainnav-list li:hover a, 

ul#mainnav-list li.dropmenu a,

#print-this-page a:hover,

body#temp-b .box1 a:hover,

.tour-price {color: #8a0032;}



.tour-price,

body#temp-b p.callout {font-size: 130%; font-weight: normal; }



.tour-price span {font-weight: bold;}

body#temp-b ul.extras {font-weight: normal;}



/* ul#mainnav-list ul a:link {color: #333; font-weight: normal; font-size: 90%;}

ul#mainnav-list ul a:hover {color: #8a0032; font-weight: bold;} */

ul#mainnav-list ul a:link,

ul#mainnav-list ul a:visited {color: #333; font-weight: normal; font-size: 90%;}

ul#mainnav-list ul a:hover {color: #8a0032; font-weight: bold;}


#corp-nav a {color: #666; font-weight: bold; text-decoration: none;}

#corp-nav a.winaholiday {color: #8c0025;}



#footer a {color: #666; text-decoration: none;}



#footer .sitback a {color: #999;}



#footer .sitback a:hover,

h2.tour-name a:link,

.tour-price a:link,

body#temp-a .features .summary h2 a:link, 

body#temp-a .features .summary h2 a:visited,

h2.tour-name a:visited,

.tour-price a:visited {text-decoration: none;}



#corp-nav a:hover, 

#footer a:hover,

#breadcrumbs a:hover,

h2.tour-name a:hover,

.tour-price a:hover,

body#temp-a .features .summary h2 a:hover { text-decoration: underline;}

// -- override unwanted 3rd party styles

/* ==============================================

start QUOTES

=============================================== */

body#temp-a .features blockquote.testimonial { 
    background: url(../images/openquote.gif) left top no-repeat; 
    margin: 20px 0; 
    padding: 0; 
    width: 550px;
}

body#temp-b blockquote.testimonial { 
    background: url(../images/openquote.gif) left top no-repeat; 
    margin: 20px 0; 
    padding: 0; 
    width: 480px;
}
formrowA1 
{
    margin:0;
    padding:0;
}
.scriptformhead
{
    float: right; 
    margin-top: -252px; 
    padding-right: 22px; 
    font-weight: bold;
}
.scriptform
{
    float: right; 
    margin-top: -247px; 
    padding-right: 58px;
}
.scriptbot
{
    float: right; 
    margin-top: -53px; 
    padding-right: 0px;
}
.checksum
{
    float: right; 
    margin-top: -29px; 
    padding-right: 28px;
}
.checksumA
{
    margin-left: 15px; 
    margin-top: -29px; 
    height: 44px;
}
blockquote.testimonial .quote { padding: 0 25px; background: url(../images/closedquote.gif) right bottom no-repeat; font-size: 130%; }

blockquote.testimonial .name {font-weight: bold; font-size: 85%; color: #8a0032; font-family: Helvetica; padding-left: 25px; }

/* fix requested for iFrame layout */
/* top right bottom left*/body#temp-b .area1 {width: 505px; float: left; padding: 20px 4px 0px 10px; }

/* styles for form */
.formbox .error {font-weight: bold; margin-bottom: 5px;}
.formbox .error span {color: #c00;}
form { margin:0;  padding:0; }
.formbox {margin: 2px 0 15px 15px; padding: 15px; background:#EDEEEF; }
.formbox p {margin: 0; padding: 5px 0;}
.formbox .formrow {padding-bottom: 5px; margin: 0;}
.formbox .formc1 {display: block; width: 170px; clear: both; float: left; font-weight: bold; padding-right: 15px; text-align: right;}
.formbox .formc1 span {color: #cc0000;}
.formbox .formc2 {display: block;}
.formbox .formc3 {display: block; width: 200px; clear: both; float: left; font-weight: bold;}
.formbox .formc3 span {color: #cc0000;}
.formbox .formc4 {display: block; width: 400px; clear: both; float: left; font-weight: bold;}
.formbox .formc4 span {color: #cc0000;}
.form-buttons {float: right;}
textarea { width:500px; }
.ifield { width:170px; }
.ifields1 { width:170px;margin-left:185px;display:none; }
.ifieldtop { width:64px; }
.ifield1a { width:20px; margin:0 3px 0 0; margin:0 1px 0 0; }
.ifield1b { width:140px; } 
.ifield1c { width:40px; margin:0 3px 0 0; margin:0 1px 0 0; }
.errormsg input, .errormsg  label, .errormsg select { font-weight: bold; color: black;}

.generic-btn {width: 120px; padding: 0; margin: 0 -2px 0 0; }
.generic-btn-narrow {width: 89px; padding: 0; margin: 0 -2px 0 0; }
.generic-btn-wide {width: 200px; padding: 0; margin: 0 -2px 0 0; }

.generic-btn a {display: block; height: 35px; padding: 7px 0px 0 17px; background: url(../images/generic-btn.jpg) no-repeat left top; color: #fff; font-weight: bold; text-decoration: none;}
.generic-btn a:hover {background: url(../images/generic-btn-hover.jpg) no-repeat left top;}
.generic-btn-narrow a {display: block; height: 35px; padding: 7px 0px 0 17px; background: url(../images/generic-btn-narrow.jpg) no-repeat left top; color: #fff; font-weight: bold; text-decoration: none;}
.generic-btn-narrow a:hover {background: url(../images/generic-btn-narrow-hover.jpg) no-repeat left top;}
.generic-btn-wide a {display: block; height: 35px; padding: 7px 0px 0 17px; background: url(../images/generic-btn-wide.jpg) no-repeat left top; color: #fff; font-weight: bold; text-decoration: none;}
.generic-btn-wide a:hover {background: url(../images/generic-btn-wide-hover.jpg) no-repeat left top;}

#subPageContent{background-color:#FFFFFF;}

.subscribe-btn input{
    background:         transparent url(../images/subscribe-btn.gif) no-repeat scroll left top;
    color:              #FFFFFF;
    display:            block;
    font-size:          90%;
    font-weight:        bold;
    height:             24px;
    padding:            0px;
    text-decoration:    none;
    width:              87px;
    border:             0px;
    cursor:             pointer;
}

.subscribeSuccess, 
.subscribeError{
    display:            none;
    font-size:          95%; 
    font-weight:        bold; 
    color:              #8a0032;
}
.rhs-map-top-padded-60 {
	margin-top: 60px;
}