/* ---------------------------------------------------------------
 * Program:     Styles.css 
 * Description: css stylesheet for Perutrek.co.uk 
 * Author:      Bime Lafon  
 * Date:        23-Jan-09
 * Modification History: ----------------------------------------
 * 23 Jan 09     Created
 */

* {margin:0; padding:0;}

body
{
    background-color:#C0DFF4;
    background-image:url(images/background_gradient.gif);
    background-repeat:repeat-x;
    BACKGROUND: #e4eae3 url('images/background_gradient.gif') repeat-x ;
	font-family: Trebuchet MS, Arial;
	font-size:70%;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
	margin:0px;
    padding:0px;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
}


 
/*-----------layout and nav  control styles -------------------*/ 
div.banner
{
   background:url('images/top_banner.gif') no-repeat center;
   clear:both;
   display:block;
   height: 156px;
   margin:0 auto; 
   width: 900px;  
}


div.banner p
{

}

div.clear_div
{
    clear:both;
    width:100px;
    height:1px;
}
div.banner div
{
	font-family: Trebuchet Ms; 
	font-size:	2em;
	font-weight:bold;
	color: White;
	padding-left: 35px;
	position: absolute;
	top:65px;
}

div.banner h1.inner_banner
{	
    font-family:Trebuchet MS, Arial;
	font-size:47px;
	color:#FFFFFF;	 
	padding:80px 0px 0px 0px;
	margin:0px 0px 0px 0px;
    display:inline;  
    	font-weight:normal;

}
 
div.banner h2.inner_banner
{  
    font-family:Trebuchet MS, Arial;
	font-weight:normal;

    display:inline; 
   font-size:34px;

}
 
div.banner h2
{ 
	color:#FFFFFF;	
	display:block;
}

h1.footer
{
   background:url('images/bottom_bar.gif') no-repeat center;
   display:block;
   height: 40px;
   width: 900px; 
   clear:both;
   margin: 0 auto;

}
div.footerpane
{
   display:block;
   height: 40px;
   width: 900px; 
   clear:both;
   margin: 0 auto;
}

.containerDiv 
{
    background-color:White; 
	border-right:10px solid #8a8d90;
	border-left:10px solid #8a8d90; 
    clear:both;   
    width:880px; 
    margin:0 auto; 
}
 
.conditions_1
{
     padding:5px;
     font-size:12px;   
     font-family:Arial;   
     display:none;
}

.containerDiv:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} * html   {height: 1%;}


.leftPane
{
    text-align:left;
	width:150px;  
	float:left; 
	display:block;
}
.bkg_submit
{
    margin: 0px 0px 4px 0px;
}

#padded
 {   
    height: 90px; 
}  
 
 
 
 #padded_2
 {   
    height: 90px; 
    margin-top:40px;
}  
.middlePane
{
    text-align:left;
	width:474px; 
	float:left;
	display:block; 
	margin:12px 0px 0px 0px ; 
}

.rightPane
{
	margin:18px 0px 0px 0px  
}

.leftNavMenu
{
    
} 

 

ul.leftNavMenu a
{
	background:url('images/nav_button_up.gif') no-repeat;
	color:#FFFFFF;
	font-size:12px;	
	font-family:Trebuchet MS, Arial;
	height:29px;
	margin: 0px 20px 11px 18px;
	padding: 6px 0px  0px 8px;  
	display: block;
	height: 24px; 
	width:124px;
	font-weight:bold;
}

ul.leftNavMenu  a:selected
{
	background:url('images/nav_button_down.gif')  no-repeat;
 
}
 
 


.rightPane
{
    background: url('images/red_dots.gif') repeat-y;
    text-align:left;
	width:240px; 
	float:right;
    padding-left: 0px; 
    margin-right: 1px; 
	display:block;
	height:100%; 
}

#formInfoReq  
{
   min-height: 360px;
}

#formInfoReq  input, select
{
   font-family : Arial;
    font-size:14px; 
}
 
 
div.row {
  clear: both;
  padding-top: 1px;
  height:20px;
  width:400px;
  }
  
  
  div.row_card_select
  {
    clear: both;
  padding-top: 1px;
  height:60px;
  width:400px;
  }
  
  
    div.row_card_select span.label {
  float: left;
  width: 120px;
  text-align: right;
  }

  div.row_card_select span.form_text_special { 
  font-family: Arial;
  float: right;
  width: 250px;
  text-align: left;
  } 
  

div.row  span.label {
  float: left;
  width: 120px;
  text-align: right;
  }

div.row span.form_text { 
  font-family: Arial;
  float: right;
  width: 250px;
  text-align: left;
  } 
  
  div.row span.form_text input 
  {
      font-size: 11px;
      width: 100%;
  }
  
  div.row span.form_text span.small_text 
  {
    font-size: 9px;
  }
    div.row span.form_text_special 
  {
      font-size: 11px; 
        font-family: Arial;
      float: right;
      width: 250px;
      text-align: left;
     
  } 
  
 
  div.row div.form_text_special 
  {
      font-size: 11px; 
        font-family: Arial;
      float: right;
      width: 250px;
      text-align: left; 
      vertical-align:text-top;
  }

 
 
   
  div.row_card_select span.form_text_special input, img
  {
      padding:0px -10px 0px  -10px;
      margin: 0px -10px 0px  -10px;
  }
 
  div.row_card_select span.form_text_special_large 
  {
      font-size: 11px; 
      font-family: Arial;
      float: right;
      width: 250px;
      height:90px;
      text-align: left;
      display:block;
  }



  div.row span.price_label {
  float: left;
  width: 120px;
  text-align: right;
  }


  div.row span.price { 
  font-family: Arial;
  font-weight: bold;
  font-size: 16px;  
  text-align: left;
  } 
  
  div.card_div
  {
  clear : both;
  padding-top: 1px; 
  width:400px;
  height:400px;

  }
/*-------------- nav control styles -------------------*/ 





/*-------------- rightpane styles -------------------*/ 
ul.cust_serv_options
{
     width  :220px;
 	margin-left:10px;
	margin-bottom:11px;
	margin-right:20px;
	list-style:none;

}


ul.cust_serv_options li
{
	cursor:hand;
    display:block;
    width:100%;
	padding:7px 20px 0px 70px;
	width:220px;
	height:60px; 
	font-size:15px;
	font-family:Trebuchet MS,Arial;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

ul.cust_serv_options li.order_pack
{
	background:url(images/large_buttons_INFO.gif) no-repeat;	
}
ul.cust_serv_options li.make_booking
{
	background:url(images/large_buttons_BOOK.gif)  no-repeat;	
}
ul.cust_serv_options li.phone
{
	background:url(images/large_buttons_PHONE.gif)  no-repeat;	
}


ul.cust_serv_options li a
{
	color: White;
	text-decoration:none;
}
 
 
 div.cust_serv_options_horizontal
 {
    width:550px;
    cursor:hand;
    display:block; 
	height:60px; 
	font-size:15px;
	font-family:Trebuchet MS,Arial;
	font-weight:bold;
	color:#FFFFFF;

 }
div.cust_serv_options_horizontal span
{
    width :220px;
	float: left  ; 
	height: 70px;
	padding: 9px 0px 0px 0px;
}

 div.cust_serv_options_horizontal span a, a.selected 
{	color:#FFFFFF;
    margin-left:60px;
    display:block;
}
 div.cust_serv_options_horizontal span.first
{
 	margin: 0px 4px 0px 0px;  
	background:url(images/large_buttons_INFO.gif) no-repeat;	
}
 
 div.cust_serv_options_horizontal span.second
{
    margin: 0px 4px 0px 15px;  
	background:url(images/large_buttons_BOOK.gif)  no-repeat;	
}

.smallText
{
    font-size:10px;
}
 
/*-------------- end rightpane styles ----------------*/ 

 
 
 
 

/*-------------- ad styles -------------------*/ 
 

.ad_join_us
{
	background-image:url(images/bcc_ad.gif); 
	border: 0;
	height:200px;
	margin:10px;
	font-weight: bold;
	font-family: Trebuchet MS;
	font-size: 14px;
	width:220px;
	
}



.ad_man_paddling
{
	background-image:url(images/home_page2.jpg);
	width:220px;
	height:200px;
	margin:10px; 
}

.green
{
   color:  #005524;
}


.bigbluebold
{
	text-align:center;
	font-family:Verdana, Arial;
	font-size:14px;
	font-weight:bold;
	color:#00447C;	
}

.mediumGreenHeader
{
    color: #005524;
    font-weight:bold;
    font-family: Trebuchet MS, Arial;
    font-size:14px;
}

.question
{
	font-family:Verdana, Arial;
	font-size:11px;
	font-weight:bold;
	color:Red;
}


.yellowbox
{
	width:200px; 	
	margin-bottom:30px; 
	float:right;
	font-size:11px; 
    clear:both; 
    margin-right:40px;
}

.yellowboxtop
{
	width:230px;
	height:12px;
	background-image:url(images/yellow_box_top.gif);	
}

.yellowboxmid
{
	width:210px;
	background-image:url(images/yellow_box_bg.gif);
	background-repeat:repeat-x;
	background-color:#FFF596;		
	padding:0 8px;
	border-left:solid 2px #B6B7B2;
	border-right:solid 2px #B6B7B2;
	line-height:18px;
}

.yellowboxmidsmall
{
	width:230px;
	background-image:url(images/yellow_box_bg-short.gif);
	background-repeat:repeat-x;
	background-color:#FFF596;		
	padding:8px 8px;
	border-left:solid 2px #B6B7B2;
	border-right:solid 2px #B6B7B2;
	line-height:18px;
}

.yellowboxbot
{
	width:230px;
	height:12px;
	background-image:url(images/yellow_box_bottom.gif);	
}

.yellowboxmid select 
{
	width:200px; 
	font-size: 10px;
	font-family:Arial;
}

.yellowboxmid a, a:select  
{
	color:White;
}

.yellowboxbot2
{
	width:230px;
	height:12px;
	background-image:url(images/yellow_box_bottom2.gif);	
}

 .redbtn
{
	margin-top:5px;
	margin-bottom:5px;	
	clear:both;
	float:right;
} 

#google_img
{
    visibility: hidden;
    color:White;
}

#next_trek
{
    width: 220px;
    height:280px;
    background: url(images/peru_next_trek.gif) no-repeat;
    margin:0px 0px 0px 6px;
}


#next_trek div
{ 
	position: absolute;
	padding:0px 5px 0px 0px;
	margin:170px 0px 0px 8px;
	text-wrap:normal;
}


/*-------------- end ad styles ---------------*/ 




/*-------------- homepage styles -------------------*/ 


#homepageIntro,  #homepageIntro h1 
{
    width: 468px;
    height: 280px;  
    /* background: url('images/london_peru_home_3.gif') no-repeat;*/
   background: url('images/home_header.jpg') no-repeat;  
    padding: 3px;
    color: #005524;
    font-weight:bold;
    font-family: Trebuchet MS, Arial;
    font-size:14px;
}
 

#homepageIntro div
{
    position:absolute;
    margin: 120px 0px 0px 160px;
    font-size:11px;
    width: 270px;

}

#homepageContent
{
}

#homepageContent a 
{
    text-decoration:underline;
}


#homepageContent ul li
{
    width:230px;
    height: 175px;
    float:left;
    display: block;
    margin: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
}

#homepageContent ul li div
{
    width: 148px; 
    position:absolute;
    margin: 10px 0px 1px 80px;
    display:block;
}
#homepageContent ul li h5
{
    color: #d4121d;
}
#homepageContent ul li blockquote
{
    width:100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}


#homepageContent ul li.first
{
    background: url('images/homebox1.gif') no-repeat;
}
#homepageContent ul li.second
{
    background: url('images/homebox2.gif') no-repeat;
}
#homepageContent ul li.third
{
    background: url('images/homebox3.gif') no-repeat;
}
#homepageContent ul li.fourth
{
    background: url('images/homebox4.gif') no-repeat;
}

/*-------------- end homepage styles -------------------*/ 





	
/*------------------ end custom styles -----------*/ 




/*--------------------------------------------*/ 
/*--------------- defaults -------------------*/ 
/*--------------------------------------------*/ 
H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}

hr
{
    border: 3px solid red;
    width: 100%;
    padding:0px; 
    float:left;
}

H1	{	
	font-family: Trebuchet MS, Arial;
	font-size:	1.4em;
	font-weight:700; 
	
	
	 color: #005524;   
	font-weight:bold; 

    
	}	
	
H2	{	

	
		font-family:Verdana, Arial;
	font-size:11px;
	font-weight:bold;
	color:#D1131D;	
	margin-top:8px;
	
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Trebuchet MS, Arial;
	font-size:	1.6em; 
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	
h6 strong
{
    font-family:   Arial, Verdana;
    font-weight: bold;
    font-size : .8em;
   
}
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	



	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	}
	
	A
	{
	    text-decoration: none;
	}
A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	none;
	color:	#3333cc;
}
p
{
	margin-bottom:8px;	
}

/*--------------------------------------------*/ 
/*--------------- end defaults ---------------*/ 
/*--------------------------------------------*/ 





/* ------------------------- Charity sign up box -------------*/
div.charity_signup_box
{
	width: 400px; 
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: .85em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    padding: 25px 0px 15px 5px;
}

div.charity_signup_box ul
{
	width:100%;
	display:block;
	padding:0px; 
	list-style-type:none; 
	margin: 0 auto;
}
div.charity_signup_box ul.header 
{
	border-bottom:1px solid black;
}

div.charity_signup_box ul.header li
{
	font-weight:bold;
}

div.charity_signup_box ul li 
{
	width:90px;
	float:left; 
} 

/* ------------------------- Charity sign up box -------------*/