@import url('../css/reset-fonts-grids.css');

@import url('../css/menu.css');
@import url('../css/form.css');

@import url('../css/offer.css');
@import url('../css/summary.css');
@import url('../css/splash.css');
@import url('../css/steps.css');
@import url('../css/promo.css');

@import url('../css/colour.css');

/* ----- System Wide Settings ----- */

html, body
{ 
  height             : 100% ;
}

.container
{ 
    background-color : white; 
    padding          : 10px 10px 10px 10px;
    border           : 1px solid silver;
}

h1, h2, h3, h4
{
  font-size          : 153.9%;
  font-weight        : bold;
  margin             : 0px 0px 5px 0px;
}
h2
{
  font-size          : 116%;
}
h3
{
  font-size          : 108%;
}

a
{
  font-weight        : bold;
  text-decoration    : none
}
a:hover
{
  text-decoration    : underline
}

select, textarea, input
{
  font-size       : 100%;
}

/* ----- Header, Footer and Body Changes ----- */

#hd, #ft
{
  height             : 90px;
  color              : white;
  padding            : 5px;
}
#hd a, #ft a
{
  font-weight        : normal;
  color              : white;
}
#hd h3
{
  color              : white;
}

#bd
{
  padding            : 10px 0px;
}
#ft
{
  height             : 50px;
}

/* ------ Split Main Page ----- */

#textBlock, #submenuBlock, #mainBlock, #summaryBlock, #insuranceBlock1, #insuranceBlock2, #hotelBlock
{
  float               : left;
  width               : 80%
}

#submenuBlock
{
  width               : 20%;
}

#mainBlock
{
  width               : 78%;
  padding-right       : 1%
}

#summaryBlock
{
  width               : 20%;
}

#insuranceBlock1
{
  width         : 41%;
  padding-right : 0.5%
}

#insuranceBlock2
{
  width         : 57%;
}

/* ----- Other general changes ----- */

.right
{
  text-align         : right;
}

.centre
{
  text-align         : center;
}

.clear
{
  clear              : both;
}

.list li
{
  list-style         : disc outside;
  margin-left        : 2em;
}
/* ----- Boxes ------ */

.halfBox, .thirdBox, .quarterBox
{
  clear       : both; 
}

.halfBox div, .thirdBox div, .quarterBox div, .halfBox li
{
  float       : left;  
}

.halfBox div, .halfBox li
{
  width       : 350px;
}

.thirdBox div
{
  width           : 33%;
  padding-bottom  : 10px;
}

.quarterBox div
{
  width            : 23%;
  margin           : 1px;
  padding          : 10px 5px;
  background-color : #EBDFFF;
  text-align       : center;
  height           : 160px;
}

/* ---- List Items ----- */

.listItem
{
  border        : 1px dashed silver;
  width         : 99%;
  padding       : 0px 5px 5px 5px;
  margin-bottom : 5px;
}

/* ----- Hotel Overrides ----- */

#hotelBlock h3
{
  padding-top : 10px;
}

#hotelBlock .subheading
{
  
  padding-bottom: 20px; 
}

#hotelBlock h1
{
  font-size : 20px;
  margin-bottom : 0px;
}

#SEOfooter
{
  color: gray; 
  width: 900px; 
  margin: auto; 
  font-size: 11px;
}

#SEOfooter a
{
  font-weight : normal;
  color : gray;
}

#SEObody
{
  color: gray; 
  font-size: 11px;
}