﻿/* 
******************************
Main Body And Generic Controls 
******************************
*/
body 
{
    color:#000000;
    font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size:10px;
	margin: 10px;
	padding: 0;
	max-width:1024px;
}
img
{
	border: solid 0px black;
}
* html body 
{
  width: expression(Math.min(document.documentElement.clientWidth - 20, 994));
}
input
{
	font-size: 10px;
	vertical-align: middle;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	text-decoration: none;
}
select
{
	font-size: 10px;
	vertical-align: middle;
	line-height: 16px;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	text-decoration: none;
}
input.ActionButton
{
	color:#000000;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size:9px;
	border:solid 1px #000000;
	background-color:#CCCCCC;
}
/* 
******************************
Standard Links
******************************
*/
a
{
	color:#000000;
    font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
    font-size:10px; 
    text-decoration:underline;
}
a.link
{
	color:#000000;
    font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
    font-size:10px; 
    text-decoration:underline;
}
a.hover
{
	color:#000000;
    font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
    font-size:10px; 
    text-decoration:underline;
}
a.visited
{
	color:#000000;
    font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
    font-size:10px; 
    text-decoration:underline;
}

/*Navigation links*/

navLink
{
	color:#000000;
    font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
    font-size:10px; 
    text-decoration:underline;
}
navLink.link
{
	color:#000000;
    font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
    font-size:10px; 
    text-decoration: underline;
}
navLink.hover
{
	color:#000000;
    font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
    font-size:10px; 
    text-decoration:underline;
}
navLink.visited
{
	color:#000000;
    font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
    font-size:10px; 
    text-decoration:underline;
}
/* 
******************************
Main Holding Table And Div Controls
******************************
*/
div.OuterDiv
{
    border-right:600px;
    width:90%; 
}
div.InnerDiv
{
    border-right:-60px;
    width:100%;
}
table.Structure
{
    width:100%;
}
table.Holding
{
    width:100%;
}
table.GreyHolding
{
    width:100%;
}
/* 
******************************
Top Banner
******************************
*/
td.TopBanner_Logo
{
    height:85px;
    text-align:right;
    vertical-align:middle;
    width:100%;
    background-image: url(../img/navigation/logo_ITTIO.jpg); 
    background-position: top right; 
    background-repeat: no-repeat;
}
td.TopBanner_BannerAd
{
    height:45px;
    width:600px;
}
/* 
******************************
Top Navigation
******************************
*/
td.TopNav_Tabs
{
    height:37px;
    text-align:left;
    width:100%;
}
div.tab 
{
    background-image:url(/img/navigation/TAB_BG.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    height:31px;
    text-align:left;
    width:100%;
}
td.tab_on 
{
    height:31px;
}
td.tabstart
{
    width:7px;
}
td.tabend
{    
    background-image:url(/img/navigation/TAB_END.gif);
    background-repeat:no-repeat;
    background-position:left top;
    width:7px;
}
td.tabshadow
{    
	background-image:url(/img/navigation/TAB_Shadow.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    width:100%;
}
td.TopNav_Bar
{
    height:10px;
    width:100%;
}
table.TopNav_Bar 
{
    background-color:#F7BEE7;
    border:solid 1px #F871D2;
    height:10px;
    width:100%;
}
table.TopNav td.TopNav_td 
{
    text-align:right;
    vertical-align:middle;
}
table.TopNav td.TopNav_td 
{
	text-align:-moz-right;
}
/*************/
table.TopNav_content_breadcrumbs
{
    padding-left:10px;
    width:100%;
}
td.TopNav_content_breadcrumbs
{
    height:25px;
    padding-left:5px;
    padding-right:10px;
    vertical-align:middle;
    width:100%;
}
/* 
******************************
Top Navigation Default Tab
******************************
*/
.tab_DkBorder 
{
    border-color:#c8c8c8;
}
.tab_DarkBG 
{
    background-color:#c8c8c8;
}
.tab_LightBG 
{
    background-color:#e7e7e7;
}
/* 
******************************
Content Area
******************************
*/
td.Content
{
    padding:0px 0px 5px 0px;
    width:100%;
}
table.Content
{
    width:100%;
}
/* 
******************************
Bottom Navigation
******************************
*/
td.BottomNav
{
    height:66px;
    width:100%;
}
table.BottomNav
{
    background-color:#FFFFFF;
    border:solid 1px #EFC2C2;
    color:#000000;
    font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size:10px;
    height:66px;
    padding:0px 0px 0px 5px;
    vertical-align:middle;
    width:100%;
}
td.BottomNav_icon
{
    border-left:solid 1px #EFC2C2;
    text-align:center;
    width:40px;
}
/* 
******************************
HR controls
******************************
*/
hr.PageDivider
{
    width:100%;
    color:#EAE9E4;    
}

/* 
******************************
Span/Font controls
******************************
*/
.bigblack 
{
    color: #000000; 
    font-family: Tahoma;
    font-size: 15px;
    font-weight:bold;
}
.bigred
{
    color: #FD0001; 
    font-family: Tahoma;
    font-size: 20px;
}
.black 
{
    color: #000000; 
    font-size: 10px;
}
.red 
{
    color: #FD0001; 
}
.redasterix
{
    color: #FD0001;
    font-weight:bold;
    font-size:10px;
    vertical-align:baseline;
}
.text
{
    color: #000000; 
    font-family: Tahoma;
    font-size: 11px;
    font-weight:normal;
    text-align:LEFT;
}
.grey
{
    color: #E9E9E9; 
}
/* 
******************************
Generic td/tr/table Controls
******************************
*/
td.spacer
{
    height:5px;    
}
td.tdWhiteBackground
{
	background-color:#ffffff;
	color:#000000;
	height:10px;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:2px;
}
td.tdGreyBackground
{
	background-color:#E9E9E9;
	color:#000000;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	height:15px;
	text-align:center;
}
td.tdPinkBackground
{
	color:#000000;
	background-color:#FBE2E1;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	height:17px;
	text-align:center;
}
table.tblWhiteSpaced
{
    background-color:#ffffff;
    padding:2px 2px 2px 2px;    
    width:100%;
}

/* Top of cornered boxes */
td.Info_Panel_Top_Edge
{
    background-image:url(../img/structure/greyborder_topslice.gif);
    background-repeat:repeat-x;
    height:4px;
}

td.Info_Panel_Top_Left_Edge
{
    background-image:url(../img/structure/greyborder_topleft.gif);
    background-repeat:no-repeat;
    height:4px;
    width:4px;
}

td.Info_Panel_Top_Right_Edge
{
    background-image:url(../img/structure/greyborder_topright.gif);
    background-repeat:no-repeat;
    height:4px;
    width:4px;
}

/* Middle of cornered boxes */
td.Info_Panel_Left_Edge
{
	background-image:url(../img/structure/greyborder_leftslice.gif);
    background-repeat:repeat-y;
    width:4px;
}
td.Info_Panel_Center
{
    padding:0px 5px 5px 5px;
}
td.Info_Panel_Center_Padding
{
    padding:5px 5px 5px 5px; 
}
td.Info_Panel_Right_Edge
{
    background-image:url(../img/structure/greyborder_rightslice.gif);
    background-repeat:repeat-y;
    width:4px;
}

/* Bottom of cornered boxes */

td.Info_Panel_Bottom_Edge
{
    background-image:url(../img/structure/greyborder_bottomslice.gif);
    background-repeat:repeat-x;
    height:4px;
}

td.Info_Panel_Bottom_Right_Edge
{
    background-image:url(../img/structure/greyborder_bottomright.gif);
    background-repeat:no-repeat;
    height:4px;
    width:4px;   
}

td.Info_Panel_Bottom_Left_Edge
{
    background-image:url(../img/structure/greyborder_bottomleft.gif);
    background-repeat:no-repeat;
    height:4px;
    width:4px;   
}
/* 
******************************
Call To Action button Controls
******************************
*/
td.CTA
{
	padding-right:1px;
    text-align:right;
}
td.CTA
{
	text-align:-moz-right;
}
td.CTASearch
{
	padding-bottom:5px;
	padding-right:5px;
	padding-top:5px;
	text-align:right;
}
td.CTASearch
{
	text-align:-moz-right;
}

td.CTAInsideControlTable
{
    text-align:right;
}
td.CTAInsideControlTable
{
    text-align:-moz-right;
}
table.textCTA_Large
{
    background-color:#ECD1D1;
    border-bottom:solid 1px #EFC1C1;
    border-left:solid 1px #EFC1C1;
    border-top:solid 1px #EFC1C1;
    color:#000000;
    font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:bold;
    height:29px;
    padding-left:5px;
    padding-right:5px;
    width:100%;
}
table.buttonCTA_Large
{
    background-color:Transparent;
    height:31px;
}
table.textCTA_Small
{
    background-color:#ECD1D1;
    border-bottom:solid 1px #EFC1C1;
    border-left:solid 1px #EFC1C1;
    border-top:solid 1px #EFC1C1;
    color:#000000;
    font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
    height:20px;
    padding-left:5px;
    padding-right:5px;
    width:100%;
}
table.buttonCTA_Small
{
    background-color:Transparent;
    height:20px;
}
table.textCTA_Small
{
    background-color:#ECD1D1;
    border-bottom:solid 1px #EFC1C1;
    border-left:solid 1px #EFC1C1;
    border-top:solid 1px #EFC1C1;
    color:#000000;
    font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
    height:20px;
    padding-left:5px;
    padding-right:5px;
    width:100%;
}
table.emptyCTA_Small
{
    background-color:Transparent;
    height:22px;
}

/*Account Terms Div Control*/
div.AccountTerms {
    background-color:#ffffff;
    border:solid 1px #EFC1C1;
    display:block;
    height:200px;
    overflow:auto;
    position:relative;
}

/*Home page promotion elements*/
td.DoubleBottomLeftPromotion
{
	height:240px;
	vertical-align:top;
	width:240px;
}
td.DoubleBottomRightPromotion
{
	height:240px;
	vertical-align:top;
	width:240px;
}
td.SingleTopRightPromotion
{
	vertical-align:top;
	width:100%;	
}
td.SingleBottomRightPromotion
{
	vertical-align:top;
	width:100%;
}
td.SearchControl
{
	height:100%;
	vertical-align:top;
	width: 100%;
}
/* HELP P0PUP */
div.HELP {
    position:absolute;
    display:block;
    visibility:hidden;
    background-color:#E69393;
    border:solid 1px #000000;
    z-index:10;
    padding:5px;
}

/* Terms Navigation Menu */
/*My Ittio menu */
table.tblTermsMenu
{
	border:solid 1px #F871D2;
	width:170px;
}    
table.tblTermsMenu .td
{
	margin-left:20px;
		
}
div.TermsMenuTitle
{
	font-weight:bolder;
	font-size:12px;
	background-color:#F7BEE7;
	height:20px;
	padding-top:3px;
	padding-left:5px;
}
div.TermsLinks
{
	padding-bottom:3px;	
	padding-top:3px;	
	padding-left:5px;
}

a.TermsMenuLink
{
	font-weight:500;
	font-size:11px;
	position:relative;
	color:Black;
}
a.TermsMenuCurrentLink
{
	font-weight:bold;
	font-size:11px;
	position:relative;
	color:Black;
}

.ajax__calendar_container { z-index : 1000 ; }

div.spacer
{
    height:5px;    
}

/*Search Paging Controls*/
span.PagingActive
{
	color:#FF0000;
	font-weight:bold;
	cursor: default;
	text-decoration: none;
}
span.PagingInactive
{
	color:#000000;
	text-decoration:none;
}

/*Gallery control styles*/
.EGO_White
{
	background-color: #ffffff;
	border-left: #cdd2d2 1px solid;
	border-top: #cdd2d2 1px solid;
	border-bottom: #cdd2d2 1px solid;
	border-right: #cdd2d2 1px solid;
}


/* Page include styles */

.PI_Content
{
	font-size: 14px;
	width: 100%;
}

.PI_VerticalSpacer
{
	padding-left: 5px; 
	padding-right: 5px;
}

.PI_HorizontalSpacer
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.PI_BlueHeader
{
	border: solid 1px #437CE6; 
	background-color: #437CE6; 
	font-size: 18px;
	color: #ffffff;
	text-align: center;
}

.PI_BlueHeaderContainer
{
	width: 100%; 
	text-align: center;
}

.PI_BlueContent
{
	width: 100%; 
	border: solid 1px #437CE6; 
	text-align: center;
	font-size: 13px;
	background-image: url('http://media.ittiocontent.co.uk/contentimages/ITTIO_planehotel_v1.jpg');
	background-repeat: no-repeat;
	background-position:top;
	background-color: #FFE9E9;
}

.PI_BlueContentContainer
{
	width: 50%
}

.PI_Header
{
	width: 100%;
}

.PI_OffersContent
{
	font-size: 14px;
	background-image: url('http://media.ittiocontent.co.uk/contentimages/ITTIO_planesinglebig_v1.jpg'); 
	background-repeat: no-repeat; 
	background-position: top;
	width: 100%;
}

td.PI_SearchTitle
{
	background-image: url('http://media.ittiocontent.co.uk/contentimages/pageinclude_bgSlice.GIF');
	height:25px;
	vertical-align:top;
	background-repeat:repeat-x;
}

div.PI_SearchTitle
{
	font-size:26px;
    padding-left:8px;
    position:relative;
    width:100%;
}