/*
 * [AGENT/CONSUMER SITE]
 *
 * This is the stylesheet that formats the generic agent/consumer sites.
 * 
 * It is designed so that iRes will automatically inherit most of the
 * colors needed from this template.
 *
 * @author Daniel Witton
 * @date 20050426
 */

/* TEMP */
/* --------------------------------------------------------------- */
#specialstab {display: none}

/* Fonts */
/* --------------------------------------------------------------- */
body
{
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size : 100%; /* Overall Site Scale */
}

h1
{
  color : #333333;
  font-size : 1.2em;
  margin-top : 0;
  font-family : tahoma;
}

h2
{
  background-color : #6595C5; /* Should be primary site colour */
  color : #ffffff;
  font-size : .9em;
  padding : 3px;
  font-family : tahoma;
}

h2 a
{
  color : #ffffff !important; /* Need to override existing link style below */
}

h3
{
  color : #6595C5; /* Should be same as h2 background color above */
  font-size : .8em;;
  font-family : tahoma;
}

p
{
  color : #333333;
  font-size : .8em;;
}

#sidenav
  p
  {
    font-size : .7em;
    margin : 5px 0 5px 0;
  }

#sidenav
  h3
  {
    margin : 0 0 5px 0;
  }

li
{
  color : #333333;
  font-size : .8em;;
}

a
{
  color : #6595C5; /* Should be secondary colour */
}

a:hover
{
  color : #4B6C8E;
}

a:visited
{
  color : #324960; /* Should be secondary shade one colour */
}

.sort
{
  color : #ffffff;
}

/* Page Setup */
/* --------------------------------------------------------------- */
body
{
  padding : 0px;
  background-color:#E0EAF3;
  margin: 0px;
}

form
{
  margin : 0;
}

a img
{
  border : none;
}

table
{
  border-spacing : 0;
}

/* Page Layout */
/* --------------------------------------------------------------- */

#page
    {
 width : 800px; 
	margin: 0px auto; 
	padding: 0px ; 

	 }
	
	
#header {margin: 0px auto; width:800px; min-height: 100px }
	
#innernavbar ul {font-size: .7em; padding: 10px 10px 0px 0px; margin: 0px; list-style:none}
	
#innernavbar ul li {display: inline; padding: 0px 20px 0px 0px; margin: 10px 0px 0px 0px; }
	
#innernavbar ul li a {color: #21409A}



/* Column Layouts */
/* --------------------------------------------------------------- */
#navigation
{
  width : 180px;
  float : left;
}

#navigation
  p
  {
    font-size : .7em;
    margin : 5px 0 5px 0;
  }

#navigation
  h3
  {
    margin : 0 0 5px 0;
  }

#navigationinner
{
  margin-top: 20px;
  border : 1px solid #D7DBFF;
  border-right : none;
  padding : 5px 0px 5px 5px;
  background-color: #ffffff
}

#navigationinner  hr
  {
   border: 1px solid #D7DBFF ;
   border-width: 1px 0px 0px 0px ;  
   margin: 15px 0px ;
   height:1px;
  }
  
  
#navigationinner li a {font-size: .9em}


/* country link */
#countrynav li { padding-bottom: 5px;}
  
#countrynav li a
  { color : #6595C5;     
    padding-left : 14px;
    margin : 5px 0 5px 0px;
    vertical-align : top;
	}
	
#countrynav li a:hover { color : #4B6C8E; }



#newsearch
{
  padding : 25px 25px 0 0;
  text-align : right;
}

#sitedetails
{
  text-align : center;
  font-size : .7em;
  width : 165px;
  padding : 15px 0 0 0;
}

#contentsurround
{
  margin-left : 180px;
  width : 580px;
}

#content
{
  border: 1px solid #D7DBFF ; 
  border-width: 0px 1px 1px 1px;
  padding : 20px 0px 20px 20px;
  background-color:#FFFFFF
}

/* IE 3px Gap Fix \*/ * html #navigation { margin-right: -3px; } * html #contentsurround { margin-left: 0; } /* end hide */
/* IE peekaboo fix \*/ * html #content {height:1%} /* end hide */

/* Progress report/navigation for making a booking */
ul#bookingprogress
{
  margin : 0;
  padding : 0;
  list-style : none;
  font-size : .8em;;
}

ul#bookingprogress img
{
  vertical-align : middle;
}

ul#bookingprogress li
{
  padding : 5px;
}

#contentsurround
{
  width : 578px;
}

#content
{
  border : 1px solid #D7DBFF;
  border-top : none;
  padding : 20px;
}

#footer
{
  margin-left : 180px;
  width : 580px;
}

#footer ul
{
  list-style : none;
  margin : 5px 0 0 0;
  padding : 0;
  text-align : center;
}

#footer li
{
  display : inline;
  font-size : .8em;;
}

#footer li a
{
  color : #666666;
}

#disclaimer
{
  font-size : .7em;
  text-align : center;
}

/* Side Navigation Arrows */
/* --------------------------------------------------------------- */
ul.arrows
{
  margin-left : 0px;
  padding-left : 0px;
  list-style : none;
}

  ul.arrows li
  {
    background : url(../images/nav_bullet.gif) no-repeat 0px 2px;
    padding-left : 14px;
    margin : 5px 0 5px 0px;
    vertical-align : top;
  }
  
   
  

/* Service Type Tabs */
/* --------------------------------------------------------------- */
#servicetypes {
  background: url("../images/tabs/bg.gif") repeat-x bottom;
  font-size:80%;
  line-height:normal;
  height : 35px;
  }
#servicetypes ul {
  margin:0px 0px 0px 10px;
  padding:10px 0px ;
  list-style:none;
  }
#servicetypes li {
  float:left;
  background:url("../images/tabs/left.gif") no-repeat left top;
  margin:0px 0px 0px 1px;
  padding:0 0 0 8px;
  }
#servicetypes a {
  float:left;
  display:block;
  background:url("../images/tabs/right.gif") no-repeat right top;
  padding:5px 10px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#223F99;;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#servicetypes a {float:none;}
/* End IE5-Mac hack */
#servicetypes a:hover {
  color:#8099E3;
  }
#servicetypes #current {
  background-image:url("../images/tabs/left_on.gif");
  border-width:0;
  }
#servicetypes #current a {
  background-image:url("../images/tabs/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }


.login {  
	  margin: 0px 0px 0px 0px; 
	  padding: 3px 0px; 
	  background-color: #F0F4F9;   
	  border: 1px solid #ffffff;  
	  border-width: 0px 1px 1px 1px;
	  float:right; 
	  width: 500px }
.notauthenticated { padding : 5px; text-align: right;  }
.notauthenticated input {font-size: .85em; color: #223F99; text-align: center}
.notauthenticated p{ margin : 3px; font-size: .7em ; padding: 0px ; display: inline; color: #223F99;}
.notauthenticated p.consultant, p.consult, p.info, p.login {display: none}
.notauthenticated input {width: 90px; margin: 0px}
.submit input {width: 50px; background-color: #FFCB05}



.loggedin .login {float: none; padding: 0px 0px 0px 0px ; background-color: white; width: 170px; }
.loggedin .login p {padding: 0px 0px 0px 14px }
	
	
	
	
	/* public pages */
	#feature h2 {font-size: 1.9em; font-weight: normal; font-style: italic;letter-spacing: .15em; color:#FFCB05; padding: 10px; margin: 0px; background-color: transparent;}
	#feature p {padding: 10px}
 
	#feature a ,
    #feature a:visited {color: #FFFFFF}
    #feature  a:hover img  {border-color:#FFCB05; color:#FFCB05;}
	#feature  a:hover { color:#FFCB05;}

	
	

  
  /* country tab */
  
#countrytab {
  width:500px;
  background: url("../images/tabs/country_bg.gif") repeat-x bottom;
  font-size:80%;
  line-height:normal;
  height : 22px;
  float:right;
  margin-top:10px
  }
#countrytab ul {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 15px;
  list-style:none;
  }
#countrytab li {
  float:left;
  background:url("..images/tabs/countryleft.gif") no-repeat left top;
  margin:0px 0px 0px 1px;
  padding:0 0 0 8px;
  border-bottom: 1px #ffffff solid !important;
  }
#countrytab a {
  float:left;
  display:block;
  background:url("..images/tabs/countryright.gif") no-repeat right top;
  padding:5px 10px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#223F99;;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#countrytab a {float:none;}
/* End IE5-Mac hack */
#countrytab a:hover {
  color:#8099E3;
  }
  
#countrytab li {
     background-image:url("../images/tabs/countryleft_on.gif");
  }
#countrytab  a {
  background-image:url("../images/tabs/countryright_on.gif");
  /*color:#333;*/
  }



/*----------------------------------*/  
/* Left menu boxes */
/*----------------------------------*/
.section { 
    background: transparent url(../images/bluehat.gif) no-repeat;
	margin: 20px 10px;
	width: 160px; 
	}
		   
.sectioncontent { 
    margin: 0px;
    border: 1px solid #8FABD6;
	background-color:#ffffff;
	width: 158px; }

.section h4 {
   color: #ffffff; 
   font-weight: normal; 
   font-size:.7em; 
   margin: 0px; 
   text-align: center; 
   padding: 2px;
   background:url(../images/bluehat_right.gif) right no-repeat}