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;
   background-color: #e2e2e2;
   margin:0px;

}

#wrapper
{
	width: 968px;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	height: auto;
	display: block;
	border-left: solid 8px #cdcdcd;
border-right: solid 8px #cdcdcd;

}

#header 
{ 
/*
margin-right:28px;
margin-left:28px;
*/
width:968px;
height: 155px;
/*background-image: url(../../Images/RB_Header.gif); */
background-image: url(../../Images/RBngn_HEAD.gif); 
background-repeat:no-repeat;
}

#headerMenu {
float:right;
height:auto;
margin-left:90px;
margin-top:133px;
padding:0;
width:720px;

}
#headerMenu ul li
{
  
    /*line-height: 27px;*/
    list-style-type:  none;
    font-family: Arial;
    display: inline;
}

#headerMenu p
{
	/*line-height: 27px;*/
	font-family: Arial;
	margin: 0;
	display: inline;
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	color: white;
}

#headerMenu a:link, #headerMenu a:visited, #headerMenu a:active
{
    color: white;
    text-decoration: none;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin:0px;
}

#headerMenu a:hover {
color: #4ca2c9;
text-decoration: none;
} 
#container
{  
/*margin-right:28px;
margin-left:28px;*/
width:968px;
height:auto;
clear:both;
padding:0;
background-color: #ffffff; 
}
 
 
.rbmanimage
{  
margin: 0px;
padding: 0px;

 }


#left
{
    width: 230px;
    height: 690px;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
background-color:#ffffff;
    /*background-color:#ffffff;*/
}

#right
{ 
width: 718px;
height: auto;
float: right;
margin-top: 10px;
background-color: #ffffff; 
}

.smallprint
{
    font-size: 9px;
        color: black;
    font-family: Tahoma;
    margin: 0px;
}


#rightLowerContent
{
	width: 708px;
	/*height: 770px;*/
	height: auto;
	overflow: hidden;
	margin-top: 10px;
	padding-top:5px;
	padding-bottom: 10px;
	/*margin-right: 10px;*/
	background-color: #ffffff;
	margin-right:5px;
	

}

#rightLowerContentText
{
	width: 700px;
	height: auto;
	float:left;	
	margin-left:5px;
	margin-top:10px;
	

}

#rightLowerContentText p, li, h1, h2,a
{
	color: #333333;
	font-family: Arial;
	font-size: 12px;
}


#rightLowerContentText  h1, h2
{
	font-size: 18px;
}


#footer, #footerSplash
{

	width:968px;
    height: 100%;
    text-align: center;
    /*background-color: #c9c9c9;*/
background-color: #ffffff;
	margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-top: 5px;
}

#footerSplash
{
  background-color: #c9c9c9;  
}


#footer a:link, #footer a:visited, #footer a:active,
#footerSplash a:link, #footerSplash a:visited, #footerSplash a:active
{
    color: #9aa4aa;
    text-decoration: none;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin:0px;
}

#footerSplash a:link, #footerSplash a:visited, #footerSplash a:active
{
    color: white;
}

#footer a:hover,
#footerSplash a:hover
{
	color: #eaab2c;
	text-decoration: none;
}

#footer p,
#footerSplash p
{
	/*line-height: 27px;*/
	color: white;
	font-family: Arial;
	margin: 0;
	display: inline;
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
}
#seo
{

	margin-top: 0px;
	padding: 0px;
width:968px;
 height: 100%;
background-color: #ffffff;
 /*border-top: 1px solid #e6e6e6;*/


}

#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;
}

/****************************************

CSS for splash page Start


*****************************************/
#wrappersplash
{
	width: 1024px;
	text-align: left;
	border: solid 1px #dadada;
	margin: 15px auto;
	height: auto;
	display: block;
	background-color: #c9c9c9;
	padding-bottom: 15px;
}


#headerSplash
{
	margin-right: 28px;
	margin-left: 28px;
	width: 968px;
	height: 247px;
	background-image: url(../../Images/RB-Splashhome__Header.gif);
}


#leftSplash
{
    width: 200px;
    height: auto;
    float: left;
    margin: 0px;
	padding-left:30px;
    background-color:#ffffff;
}

#rightSplash
{ 

width: 718px;
height: auto;
float: right;
margin-top: 10px;
background-color: #ffffff; 

}



#containerSplash
{  
margin-right:28px;
margin-left:28px;
width:968px;
height:auto;
clear:both;
padding:0;
background-color: #ffffff; 

}

.splashcontent
{    
	width: 630px;
	height: auto;
	float: left;
	margin-top:10px;
	/*border: solid 1px black;*/
 margin-bottom:20px;
font-size: 14px; 
color: dimgray; 
font-family: Arial;    
}

#instantdialleftsplash
{
	width: 295px;
	float: left;
	height: 250px; /*border: solid 1px black;*/
	background-color: #f4f3f1;
	border: #dcdedf 5px solid;
	
	}



#instantdialrightsplash
{
	width: 295px;
	float: right;
	height: 250px; /*border: solid 1px black;*/
	background-color: #f4f3f1;
	border: #dcdedf 5px solid;
}

.leftsplashimageinstant
{
	width: 120px;
	/*border: solid 1px blue;*/
	height: 210px;
	padding-top: 40px;
	padding-left:10px;
	float:left;
}

.leftsplashimagemob
{
	width: 100px;
	/*border: solid 1px blue;*/
	height: 210px;
	padding-top: 40px;
	padding-left:30px;
	float:left;
}

.rightsplashtext
{
	width: 160px;
	/*border: solid 1px blue;*/
	height: 210px;
	padding-top: 40px;
	float:right;
}

.rightsplashtext h1
{
	font-weight: bold;
	font-size: 22px;
	color: black;
	font-family: Arial;
	margin:0px;
	padding:0px;
}

.rightsplashtext h2
{
	margin:0px;
	padding:0px;
	font-size: 20px;
	color: #f6c429;
	font-family: Arial;
	text-decoration: none;
}
/****************************************

CSS for splash page end


*****************************************/



#sidemenu
{
	width:210px;
	padding-top:10px;
	height:175px;
	margin-top:10px;
	margin-left:10px;
	
	
/*	border: solid 1px blue;*/
}

.sidemenuItem
{
	
	width:210px;
	height:35px;

	/*border: solid 1px blue;*/

}

.sidemenuText
{
	width: 170px;
	height: 32px;
	float: right;
	/*border: solid 1px blue;*/
	background-color: #4ca2c9;
	
}

#sidemenu img
{
	float: left;
}
#sidemenu p
{
	color: White;	
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
	margin-top: 8px;
	margin-left: 10px;
	
}
#sidemenu a
{
	text-decoration:none;
	color: White;	
}

#sidemenu a:hover {
color: #ccc;
text-decoration: none;
} 


.sidebanner
{
	width: 210px;
	height: 312px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	 text-align:right;
}


/**********************************


Start of Rate Tool style sheet


**********************************/
#ratetool
{
	width: 700px;
	height: auto;
	  margin:0;
	  padding:0;
	  text-align:left;
		/*padding-left:10px;*/
		float:left;
		

}

#rateToolDestinationList
{
	width: 410px;
	height: 182px;
	margin-top: 5px;

margin-right:10px;
	float:left;
  background-color:#eaab2c;

}

#rightLowerContentImage
{
	width: 260px;
	height: auto;
	float:right;
	margin-top:5px;
	margin-right:10px;

	overflow:hidden;

}
#rateToolSideText
{
	width: 370px;
	height: auto;
	float: left;
	background-color: #eaab2c;
	font-weight: bold;
	font-family: Arial;
	font-size: 16px;
	margin-left: 10px;
	margin-top:10px;

}

#rateToolSideText p
{
	margin:0;
	padding:0;
}

#rateToolSideDestCombo
{
	width: 370px;
	height: 20px;
	background-color: #eaab2c;
	padding:0;
	float:left;
	margin-top:30px;
	margin-left: 10px;

	
}

#ratedestbox
{
    width:690px;
    background-color:#b80000;
    height: 40px;
    margin: 10px 0px 0px 0px;
    float:left;
}

#destcombobox
{
    width: 300px;
    float:right;
    margin:7px 20px 0px 0px;
   
}

#destcombotextbox
{
    width: 300px;
    float:left;

    margin-left: 20px;

}

#destcombotextbox p
{
    margin-top: 5px;
    font:Arial;
    font-size:20px;
    font-weight:bold;
    color: white;

   
}

.destcombospan
{
	margin-right: 20px;
}

.ratebuttonspan
{
	width: 370px;
	padding-left: 5px;
	margin-top: 40px;	
	height: 30px;
	margin-left: 10px;
	text-align: right;
	float:left;

}



.resultHeaderTable
{
	width: 690px;
	height: 140px;
	/*padding-left:10px;*/
	border-collapse:collapse;
	float:left;
	margin-top:10px;
}

.firstHeaderColumn
{
	background-color: #3c486c;
	height: 40px;
	font-weight: bold;
	color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	text-align:center;
}


.resultRowImage
{
	background-color: #e6e6e6;
	border-bottom: dotted 1px black;
	border-left: dotted 1px black;

}



.resultRowValues
{
	background-color: #e6e6e6;
	border-bottom: dotted 1px black;	
	border-right: dotted 1px black;
	text-align: center;
}
.resultRowdestinfo
{
	background-color: #e6e6e6;
	border-bottom: dotted 1px black;	
	border-right: dotted 1px black;
	text-align: left;
}


.resultLastRow
{
	background-color: #e6e6e6;
	text-align: center;
	
}



.celltexts
{
    font-weight: bold;
    font-size: 13pt;
    color: black;
    font-family: Arial;
}


.ratetexts
{
    font-weight: bold;
    font-size: 21pt;
    color: black;
    font-family: Arial;
}

.header
{
    font-weight: bold;
    font-size: 16pt;
    color: white;   
    font-family: Arial;
    padding-left: 10px;
    padding-bottom: 20px;
    padding-top: 20px;
}


/**********************************


Start of Rate Tool style sheet


**********************************/







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: 600px;
   background-color: #ffcccc;
   color: #000000;
   border-right: none;
   border:1px solid #ff0000;
  
}

div.validationError .stanzaSpacer {
   width: 19.6em;
   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: 20em;
   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;
   margin: 0.2em 0 0.2em 0;
   /*border:solid 1px black;*/
   
}

div.title
{
	position: relative;
	clear: left;
	width: 630px;
	margin: 0;
	background-color: #4ca2c9;
}

h3.sectionTitle {
   font-size: 1em;
   margin-bottom: 0.6em;
   padding-top: 2px;
   padding-bottom: 2px;
   clear: left;
}


.rightFormSection
{
	width: 650px;
	height: auto;
	float: left;

	background-color: #ffffff;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom:10px;
	margin-top:30px;
	border: solid 3px #ccc;
}

.errorDetails
{
	width: 650px;
	height: auto;
	float: left;
	background-color: #ffffff;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-top: 30px;
	border: solid 3px red;
	color: #ff0000;
	font-family: Arial;
	font-weight: bold;
}

.zeroWidthDiv
{
    width:0px;
    height:0px;
}


.nextDiv
{
	width:250px;
	float:right;
	margin-top: 5px;
	text-align:right;
}

.backDiv
{
	width:250px;
	float:right;
	margin-top: 5px;
	text-align:left;
}
.buttonDivs
{
	width:664px;
	float:left;
	margin-top: 5px;

}


.buttonDivs a
{
	color: gray;	
	font-weight: bold;
	font-size: 15px;
	font-family: Arial;
	text-decoration:none;
	
}


table.wBlackBdrNW {
	border-collapse: collapse;
	/*width: 99%;*/
	/*font-size: 70%;*/
	border: solid 1px gray;
	color: #333333;
	font-family: Arial;
	font-size: 12px;
}
table.wBlackBdrNW th {
	padding: 2px;
	vertical-align: middle;
	border-left: solid 1px gray; /*FF3333*/
	border-right: solid 1px gray;
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
}
table.wBlackBdrNW td {
	border-left: solid 1px gray;
	border-right: solid 1px gray;
	border-bottom: solid 1px gray;
	border-top: solid 1px gray;
	padding: 4px; 
	vertical-align: middle;
	text-align: left;
}

.timeZoneDIV
{
    width: 300px;
    height: auto;
    background-color: #4ca2c9;
    padding: 10px;
    float:left;
    
}