﻿body {
   font-style: normal;
   font-family: verdana,geneva,arial,helvetica,sans-serif;
   font-size: 70%;
   height: 100%;
   background-image: url(../../Images/STRIP.jpg);
   background-repeat:repeat-x;
   margin:0px;
}
#wrapper
{
	width: 770px;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	height: auto;
	display: block;
}

#headerTop
{
       width: 770px;
       height:35px;
       background-color: #e5e5e5; 
}

.headerTime
{
	width: auto;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	color: gray;
}

#header
{
    width: 770px;
    height: 209px;
    margin-bottom: 0px;
    padding: 0px;
    background-image: url(../../Images/TELCO_HEAD_IMAGE.jpg);
    margin-top:0px;
    float:left;
     
 
}

#headerLink
{
    width: 150px;
    height: 50px;
     margin-top:0px; 
    margin-left: 0px;
    cursor: pointer;
     background-color: Transparent;
     float:left;
  
}



#headerCombo
{
    margin-top:135px;
    margin-left: 463px;
    /*border: solid 1px black;*/
    width: auto;
    height:auto;
  
}
#headerBottom
{
       width: 770px;
       height:35px;
       background-color: #52748d; 
         float:left;
     font-weight: bold;
    font-size: 12px;
    color: #ffffff;
}

#headerBottomLeftText
{
    width: 300px;
    float: left;
    padding: 10px;

}


#headerBottomRightText
{
    width: 400px;
    float: right;
    padding: 10px;
    text-align:right;

}
#container
{  
width:770px;
height:auto;
padding:0;
background-color: White;
float:left;
}
 

#left
{
    width:190px;
    height: auto;
    float: left;
    margin: 10px 0px 0px 0px;
background-color:#ffffff;
}

#right
{ 
width: 580px;
height: auto;
float: right;
margin-top: 10px;
background-color: white; 
}

.smallprint
{
    font-size: 9px;
    color: black;
    font-family: Tahoma;
    margin: 0px;
}


#footer
{

	width:770px;
    height: 100%;
    text-align: right;
    background-color: #e5e5e5;
	margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-top: 5px;
    float:left;
}


#footer a:link, #footer a:visited, #footer a:active
{
    color: #9aa4aa;
    text-decoration: none;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin:0px;
}

#footer a:hover
{
	color: #eaab2c;
	text-decoration: none;
}

#footer p
{

	color: white;
	font-family: Arial;
	margin: 0;
	display: inline;
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	padding-right: 25px;
}
#seo
{
	margin-top: 0px;
	padding: 0px;
width:968px;
 height: 100%;
background-color: white;

}

#seo a:link, #seo a:visited, #seo a:active
{
    color: #aaa;
    text-decoration: none;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
#seo a:hover {
color: #ccc;
text-decoration: none;
} 
#seo ul
{
    margin: 10px;
    padding:0px;
}
#seo ul li
{
    /*padding: 0 0 0 16px;*/
    padding:0px;
    margin:0px;
    line-height: 20px;
    list-style-type:  none;
    color: #aaa;
    font-size: 12px;
    font-family: Arial;
    display: inline;
}


.clearer 
{
font-size: 0px;
height: 0px;
width: 100%;
display: block;
clear: both;
}


#sidemenu
{
	width:190px;
	height: auto;
	float:left;
}

.sidemenuItem
{
	width:190px;
	height:30px;
	float:left;
	background-color: #e5e5e5;
	margin-bottom:2px;
}
#sidemenu p
{
	color: #5c5c5c;	
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
	margin-top: 8px;
	margin-left: 10px;
	
}
#sidemenu a
{
	text-decoration:none;
	color: #5c5c5c;	
}

#sidemenu a:hover {
color: #ccc;
text-decoration: none;
}



.homeImages, .destinationDisplay
{
    width: 580px;
    float: left;
    display: block;
    
  
}

.destinationDisplay
{
     background-color: #fcfcfc;
     width:570px;
    height: auto;
    float:left;
    margin-left: 10px; 
    margin-bottom: 5px;
    border: solid 1px #c7c7c7;
    padding-top:15px;
    padding-bottom:15px;
 _margin-left: 2px; 
}

.homeImageItem, .destinationItem
{
    width: 175px;
    float: left;
    margin-right: 5px;
    
    margin-left:5px;
    _margin-right:2px;
    _margin-left:2px;
    height: auto;
        /*border: solid 1px red;*/
}

.homeImageItem
{
        margin-right: 13px;
    
    margin-left:5px;
    _margin-right:2px;
    _margin-left:2px;
}

.destinationIndividualItem
{
    
    float: left;  
    width: 158px;
    margin-bottom: 2px;
    margin-top: 2px;
    margin-left: 5px;
    _margin-top: 1px;
    _margin-bottom: 1px;
    _margin-left: 2px;
    /*border: solid 1px black;*/
    height: 15px;
    padding: 0px;
    
}

.destinationIndividualItem img
{
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.destinationIndividualItem a, span
{
    text-decoration:none;
    margin-top: 0px;
    font: Arial;
    color: black;
     font-weight:bold;
    
}

.destinationIndividualItem a
{
    color: #373737;
}
.destinationPrice
{
   float: right;
   text-align:right;
   width: 3px;
   /*border: solid 1px red;*/
   margin-top: 0px;
   padding: 0px;
   height: auto;
   
}

.destinationName
{
   float: left;
   margin: 0px;
   padding: 0px;

}


#rateRes
{
    width:525px;
    _width: 540px;
    border: solid 3px #c7c7c7;
    height: auto;
    padding: 20px;
    _padding: 13px;
    margin-left: 10px;
    margin-bottom: 20px;
    _margin-left: 5px;
 
     
}

.resultHeaderTable
{
	width: 520px;
	padding-left:10px;
	border-collapse:collapse;   
	float:left;
    font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	text-align:center;

}

.firstHeaderColumn
{
	background-color: #e1e0e0;
	height: 40px;
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	text-align:center;
}


.resultRowLastColumn
{

	border-bottom: solid 1px #c7c7c7;
	border-left: solid 1px #c7c7c7;
	text-align: center;
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	height: 25px;

}



.resultRowValues
{

	border-bottom: solid 1px #c7c7c7;	
	border-right: solid 1px #c7c7c7;
    font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	text-align: center;
	height: 25px;
}
.resultRowFirstColumn
{

	border-bottom: solid 1px #c7c7c7;	
	border-right: solid 1px #c7c7c7;
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	text-align: center;
	height: 25px;
}


.resultLastRow
{
	background-color: #e6e6e6;
	text-align: center;
	
}



.celltexts
{
    font-weight: bold;
    font-size: 13pt;
    color: black;
    font-family: Arial;
}


    

#ContentText 
{
	color: #333333;
	font-family: Arial;
	font-size: 12px;
	margin-left:10px;
}

#ContentText h1
{
	color: gray;
	font-family: Arial;
	font-size: 18px;
}

div.input, div.validationError {
   _width: 100%;
   min-height: 1.8em;
   padding-top: 0.2em;
   padding-bottom: 0.3em;
   _padding-top: 0.1em;
   _padding-bottom: 0.1em;
   margin: 0.2em 0 0.1em 0em;
   float: left; /* Allow info and error modes to cater for stanzas with any height */

  
}


div.validationError {
   width: 500px;
   background-color: #ffcccc;
   color: #000000;
   border-right: none;
   border:1px solid #ff0000;
   margin: 10px;
  
}

div.validationError .stanzaSpacer {
   width: 15em;
   margin-left: 0.3em;

}

span.widget {
   float: left;
}

span.widget input, span.widget select, div.widget input, div.widget select {
   margin-bottom: 0.2em;
   vertical-align: middle;
   font-size: 100%;
}
span.stanzaSpacer {
   float: left;
   width: 10em;
   padding-top: 0.1em;
   padding-bottom: 0.1em;

}

span.stanzaLabel {
   text-align: left;
   vertical-align: top;
   _vertical-align: middle;
   padding-top: 0.2em;

}

.seperator {
   display: none;
   padding: 0px;
   margin: 0px;
   width: 37.8em;
   height: 1px;
   background-color: #DDDDFF;
   overflow: hidden;
   clear: left;

}

div.stanza {
   position: relative;
   clear: left;
   width: 60em;
   _width: 45em;
   margin: 0.2em 0 0.2em 0;
 
   
}

div.title
{
	position: relative;
	clear: left;
	width: 540px;
	margin: 0;
	background-color: #4ca2c9;
}

h3.sectionTitle {
   font-size: 1em;
   margin-bottom: 0.6em;
   padding-top: 2px;
   padding-bottom: 2px;
   clear: left;
}


.rightFormSection
{
	width: 540px;
	height: auto;
	float: left;
	background-color: #ffffff;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom:10px;
	margin:10px;

	border: solid 3px #ccc;
		_padding-top: 5px;
	_padding-left: 5px;
	_padding-bottom: 5px;
	_margin:5px;
}

.errorDetails
{
	width: 540px;
	height: auto;
	float: left;
	background-color: #ffffff;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 10px;
	border: solid 3px red;
	color: #ff0000;
	font-family: Arial;
	font-weight: bold;
    _padding-top: 5px;
	_padding-left: 5px;
	_padding-bottom: 5px;
	_margin:5px;
}

.zeroWidthDiv
{
    width:0px;
    height:0px;

}

.posterImage
{
    margin-left: 10px;
    width: 572px;
    overflow:hidden;
    _margin-left: 5px;

}