/********Boxes **********/
/*This is to create the bg images and padding of all boxes; any styling of contents can be found elsewhere
*******************************************************************************************************************************************
*******************************************************************************************************************************************/

/************************************************
1. GLOBAL STYLES
***********************************************/




.box, .box4c {margin-bottom: 10px; }

.box h3 
{
    height: 15px;
    margin-bottom: 10px;
    visibility: hidden;
}

#tertiary .box .inner-pad, .inner-pad
{
	padding: 10px;
	overflow: hidden;
}
.pagination .inner-pad 
{
	padding: 0px;
}

#sub-col-1 .box .inner-pad
{
	    padding: 8px;
    padding-top: 0;
}

#tertiary .box.quote .inner-pad
{
	padding: 10px;
	overflow: hidden;
}

/***** Tertairy (Left hand column) **************/
/*******************************************************/

#tertiary .box 
{
    background: #f1f5f7 url(../images/box-left-l.gif) 0 0 repeat-y;
}


#tertiary .box .hook-1
{
    background: transparent url(../images/box-left-r.gif) 100% 0 repeat-y;
}

#tertiary .box .hook-2
{
    background: transparent url(../images/box-left-b.gif) 0 100% no-repeat;
}

#tertiary .box .hook-3
{
    background: transparent url(../images/box-left-t.gif) 0 0 no-repeat;
      padding-top: 0;

}

#tertiary .box h3 
{
    height: 10px;
    visibility: hidden;
    margin-bottom: 20px;
}

#tertiary .box.help-and-advice h3
{margin-top: -130px;
	visibility: hidden !important;
}

/***** Sub-col-1 (Central column) **************/
/*******************************************************/


/* Box with single width top and bottom */

#sub-col-1 .box 
{

    float: left;
     /* width: 235px;*/
}

#sub-col-1 .box .hook-1
{
    background: #82c8f9 url(../images/blue-box-grad.jpg) 0 0 repeat-x;
      /* width: 235px;*/
}

#sub-col-1 .box .hook-2
{
    background: transparent url(../images/blue-box-b.gif) 0 100% no-repeat;
        /* width: 235px;*/
}

#sub-col-1 .box .hook-3
{
    background: transparent url(../images/blue-box-t.gif) 0 0 no-repeat;
    /*width: 219px;*/
}

#sub-col-1 .box a 
{
    display: block;
    color: #14829e;}
    
    
    
/* Box with 4 corners + sides */
    
    #sub-col-1 .box4c 
{

    float: left;
}

#sub-col-1 .box4c .hook-1, .box4c .hook-1
{
    background: #82c8f9 url(../images/blue-box-grad.jpg) 0 0 repeat-x;
}

#sub-col-1 .box4c .hook-2, .box4c .hook-2
{
    background: transparent url(../images/l-blue-box-tl.gif) 0 0 no-repeat;
}

#sub-col-1 .box4c .hook-3, .box4c .hook-3
{
    background: transparent url(../images/l-blue-box-tr.gif) 100% 0 no-repeat;
}

#sub-col-1 .box4c .hook-4, .box4c .hook-4
{
    background: transparent url(../images/l-blue-box-br.gif) 100% 100% no-repeat;
}

#sub-col-1 .box4c .hook-5,  .box4c .hook-5
{
    background: transparent url(../images/l-blue-box-bl.gif) 0 100% no-repeat;
    padding: 8px;
}
#sub-col-1 .box4c.photo-gallery .hook-5  
{
	padding: 0;
}

#sub-col-1 .box4c.search-filter .hook-5, .box4c.search-filter .hook-5 
{
	width: 480px;
	overflow: hidden;
}

.box4c.highlight
{
    background: #82C8F9 url(../images/l-blue-box-br.gif) 100% 100% no-repeat;
    width: 495px;
    float: left;
}

.box4c.highlight .hook-1, #sub-col-1.box4c.highlight .hook-1
{
    background: transparent url(../images/l-blue-box-bl.gif) 0 100% no-repeat !important;
}

.box4c.synopsis {
	width: 215px;
	float: right;
}

.box4c.synopsis.large {
	width: 495px !important;
	float: left;
}

.box4c.synopsis.large .left-half, .box4c.synopsis.large .right-half
{
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.box4c.synopsis.large .right-half
{
width: 250px;
}

.box4c.synopsis.large .left-half
{
width: 230px;
}

.box4c.synopsis.offer
{
	width: 100% !important;
	float: left;
}

#sub-col-1 .box a 
{
    display: block;
    color: #14829e;}

/***** Sub-col-2 (Right-hand column) **************/
/*******************************************************/

#sub-col-2 .box .hook-2, .box .hook-2
{
    background: #0074d4 url(../images/dark-blue-box-b.gif) 0 100% no-repeat;
}

#sub-col-2 .box .hook-3,  .box .hook-3
{
    background: transparent url(../images/dark-blue-box-t.gif) 0 0 no-repeat;
}

.box.book-now {margin-top: -10px;}

.box.book-now .hook-1 {padding-top: 10px;}




/************************************************
2. SPECIFIC STYLING
***********************************************/

/***********************
Tertiary column
**********************/

/***Coloured Box***/
#tertiary .box.special-offer 
{
    background: #c60077 url(../images/pink/box-left-l.gif) 0 0 repeat-y;
}


#tertiary .box.special-offer .hook-1
{
    background: transparent url(../images/pink/box-left-r.gif) 100% 0 repeat-y;
}

#tertiary .box.special-offer .hook-2
{
    background: transparent url(../images/pink/box-left-b.gif) 0 100% no-repeat;
}

#tertiary .box.special-offer .hook-3
{
    background: transparent url(../images/pink/h-special-offer.gif) 0 0 no-repeat;
    padding: 10px;
    padding-top: 0;
}

#tertiary .box.special-offer p 
{
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
}

#tertiary .box.holiday-destinations .hook-3
{
    background: transparent url(../images/destinations-map.jpg) 0 0 no-repeat;
}

#tertiary .box.holiday-destinations ul 
{
    margin-top: 165px;
}

#tertiary .box.help-and-advice ul 
{
    margin-top: 85px;
}

#tertiary .box.help-and-advice .inner-pad
{
	padding: 0 0 10px 0;
}


#tertiary .box.help-and-advice ul
{
	visibility: visible;
	margin-left: 10px;
}


#tertiary .box.help-and-advice .hook-3
{
    /*background: transparent url(../images/help-and-advice.jpg) 0 0 no-repeat;*/
}
#tertiary .box.seen-an-offer .hook-3
{
    background: transparent url(../images/h-seen-an-offer.gif) 0 0 no-repeat;
}

#tertiary .box.testimonial .hook-3
{
    background: transparent url(../images/h-testimonial.gif) 0 0 no-repeat;
}

#tertiary .box.more-offers h3 
{
    visibility: visible;
    margin-bottom: 10px;
    height: auto;
}

#tertiary .box.more-offers .hook-3 {padding-top: 10px;
}

#tertiary .box.more-offers li 
{
    font-size: 12px;
}
#tertiary .box.more-offers li.last 
{
    font-size: 10px;
}

/*** *******************************
Sub-Col-1 (Central)
***********************************/
#sub-col-1 .box.order-your-brochure, 
#sub-col-1 .box.order-your-brochure .hook-1,
#sub-col-1 .box.order-your-brochure .hook-2,
#sub-col-1 .box.mailing-list,
#sub-col-1 .box.mailing-list hook-1,
#sub-col-1 .box.mailing-list hook-2
{width: 235px;}

/*#sub-col-1 .box.order-your-brochure .hook-3,
#sub-col-1 .box.mailing-list .hook-3
{width: 219px;}*/

.box.order-your-brochure, .box.mailing-list 
{
	margin-left: 10px;
	display: inline;} /*For doube margin float bug fix */	
	
	#sub-col-1 .box.order-your-brochure .hook-3 
	{
    background: transparent url(../images/h-order-your-brochure.gif) 0 0 no-repeat;
}
	#sub-col-1 .box.mailing-list .hook-3 
	{
    background: transparent url(../images/h-join-mailing-list.gif) 0 0 no-repeat;
}

	
	/*****Sitemap box, Search result box, Pagination - lightblue bounded box *************/
	/*********************************************************************/

#sub-col-1 .box4c.sitemap, 
#sub-col-1 .box4c.search-result,
#sub-col-1 .box4c.pagination,
.box4c.synopsis,
#sub-col-1 div.box4c.synopsis
{
    background: #f1f5f7 url(../images/box-left-t2.gif) 0 0 repeat-x !important;
}

#sub-col-1 .box4c.sitemap .hook-1, 
#sub-col-1 .box4c.search-result .hook-1,
#sub-col-1 .box4c.pagination .hook-1,
.box4c.synopsis .hook-1,
#sub-col-1div.box4c.synopsis .hook-1
{
    background: transparent url(../images/box-left-b2.gif) 0 100% repeat-x !important;
}

#sub-col-1 .box4c.sitemap .hook-2, 
#sub-col-1 .box4c.search-result .hook-2,
#sub-col-1 .box4c.pagination .hook-2,
.box4c.synopsis .hook-2,
#sub-col-1.box4c.synopsis .hook-2
{
    background: transparent url(../images/box-left-l.gif) 0 0 repeat-y !important;
}

#sub-col-1 .box4c.sitemap .hook-3, 
#sub-col-1 .box4c.search-result .hook-3,
#sub-col-1 .box4c.pagination .hook-3,
.box4c.synopsis .hook-3,
#sub-col-1.box4c.synopsis .hook-3
{
    background: transparent url(../images/box-left-r.gif) 100% 0 repeat-y !important;
}

#sub-col-1 .box4c.sitemap .hook-4, 
#sub-col-1 .box4c.search-result .hook-4,
#sub-col-1 .box4c.pagination .hook-4,
.box4c.synopsis .hook-4,
#sub-col-1.box4c.synopsis .hook-4
{
    background: transparent url(../images/box-left-tl.gif) 0 0 no-repeat !important;
}

#sub-col-1 .box4c.sitemap .hook-5, 
#sub-col-1 .box4c.search-result .hook-5,
#sub-col-1 .box4c.pagination .hook-5,
.box4c.synopsis .hook-5,
#sub-col-1.box4c.synopsis .hook-5
{
    background: transparent url(../images/box-left-tr.gif) 100% 0 no-repeat !important;
    padding: 0 !important;
}
#sub-col-1 .box4c.sitemap .hook-6, 
#sub-col-1 .box4c.search-result .hook-6,
#sub-col-1 .box4c.pagination .hook-6,
.box4c.synopsis .hook-6,
#sub-col-1.box4c.synopsis .hook-6
{
    background: transparent url(../images/box-left-br.gif) 100% 100% no-repeat !important;
}

#sub-col-1 .box4c.sitemap .hook-7, 
#sub-col-1 .box4c.search-result .hook-7,
#sub-col-1 .box4c.pagination .hook-7,
.box4c.synopsis .hook-7,
#sub-col-1.box4c.synopsis .hook-7
{
    background: transparent url(../images/box-left-bl.gif) 0 100% no-repeat !important;
}
#sub-col-1 .box4c.pagination .hook-7 
{
	width: 490px;
}

#sub-col-1 .box4c.search-result
{
	clear: both;
	float: none;
}


/*** *******************************
Sub-Col-2 (Right-hand column)
***********************************/
#sub-col-2 .box.forward-to-a-friend .hook-3, .box.forward-to-a-friend .hook-3
{
    background: transparent url(../images/h-forward-to-a-friend.gif) 0 0 no-repeat;
    padding: 8px;
    padding-top: 0;
}

#sub-col-2 .box.manage-booking .hook-3, .box.manage-booking .hook-3, .box.book-now .hook-3
{
    background: transparent url(../images/h-manage-my-booking.gif) 0 0 no-repeat;
    padding: 8px;
    padding-top: 0;
}

#sub-col-2 .box.for-your-protection .hook-3,  .box.for-your-protection .hook-3
{
    background: transparent url(../images/h-for-your-protection.gif) 0 0 no-repeat;
    padding: 8px;
    padding-top: 0;
}

#sub-col-2 .box.book-now .hook-3
{
    background: transparent url(../images/h-book-now.gif) 0 0 no-repeat;
}

.box.book-now .hook-3
{
    background: transparent url(../images/h-detail-prices.gif) 0 0 no-repeat;
}

.book-now h3 
{
	margin-bottom: 15px;
}

/****Destination map********/
.dest-map 
{
    width: 472px;
    overflow: hidden;
    margin-bottom: 10px;
}

.dest-map img
{
    float: right;
    margin-right: 25px;
}

.dest-map .box4c 
{
    margin-top: -250px;
    width: 175px;
    color: #ffffff;
    font-weight: bold;
}
.dest-map .box4c a 
{
    display: block;
    color: #0679b0;
}



/*******Search panel*********/

#search-panel {
background:transparent url(../images/h-book-online2.gif) no-repeat scroll 0 0;
margin-bottom: 10px;
padding-top: 23px;
}

#search-panel .hook-1{
background: #0074d4 url(../images/dark-blue-box-b.gif) no-repeat scroll 0 100%;
padding-top: 17px;
}


/***********************************************************
Padding tweaks to vertically align boxes - to be removed once signed-off if possible **********************/

/*#tertiary .box.holiday-destinations .inner-pad
{padding-bottom: 63px;
}

#tertiary .box.help-and-advice .inner-pad 
{
	padding-bottom: 30px;
}*/

/* BOX BOOKING ALTERNATE DATES */
.alternate-dates{
background: #82c8f9 url(../images/blue-box-grad.jpg) 0 0 repeat-x;
//background:#82c8f9;
padding:4px 10px 10px 10px;
margin-bottom:10px;
overflow:visible;
}

/* AGENT LOGIN */
#login-panel{display:none;position:relative;left:307px;top:-27px;width:200px;margin:0 auto;padding:10px;}
.mdagidbox{position:absolute;background:#f1f5f7;margin:0;padding:0;}
.mdagidbox.md-agents{background: #f1f5f7 url(../images/mda-image.jpg) 0 0 no-repeat;overflow:hidden;}
.mdagidbox.md-agents ul li a span{padding-bottom:0px;}
.md-inner-pad{margin-top:26px;padding:10px;}

/* PRICES BOX */
div.prices{display:none;}