/* Css for Arika Tour and Travel Pvt Ltd 
Date 4th August 2009
Vijay Patel
========================================
Colors used:
Light Grey: dedede; Borders
Dark Grey: 50646e; Header
Red: cc0000; Links
Dark red: df3f51; Links Visited
Title red: BD2031;
*/

html, body, form {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #ffffff 
		url(../images/common/body_bg.jpg)
		repeat;
	text-align: center;
	border-top: 5px solid #df3f51; 
}

.clear {
	clear: both;
}

a {
	color: #df3f51;
}

a:visited {
	color: #591018;
}

a:hover {
	text-decoration: none;
}

.hidden {
	display: none;
}

#wrapper {
	margin: auto;
	text-align: left;
	width: 950px;
}

/* Header
------------------------------------------------- */

#header {
	position: relative;
	height: 60px;
	padding: 0 10px 0 0;
	background: transparent
		url(../images/common/header_bg.gif)
		10px 0
		no-repeat;
}

#header h1 {
	position: absolute;
	margin: 0;
	top: 0;
	left: 25px;
	padding: 0;
	height: 88px;
}

#header h1 a {
	display: block;
	width: 200px;
	height: 0px !important;
	height /**/:88px; /* IE 5/Win hack */ 
	padding: 88px 0 0 0;
	overflow: hidden;
	background-image: url(../images/common/arika_logo.gif);
	background-repeat: no-repeat;
}

#header h1 a:hover {
	background-position: 0 -88px;
}


/* Content Head
------------------------------------------------- */

#contenthead {
	padding: 7px 25px 7px 25px;
	background: transparent
		url(../images/common/contenthead_bg.gif)
		no-repeat;
}


#contenthead h2 {
	margin: 0;
	margin-top: 20px;
	margin-bottom: 3px;
	margin-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	font-size: 1.5em;
}

#contenthead h2 a {
	color: #fff;
	text-decoration: none;
}

#contenthead h2 a:hover {
	text-decoration: underline;
}

#contenthead .headingcontainer {
height: 50px;
padding-top:5px;
padding-left:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
}

#contenthead .page-heading {
width:70%;
float:left;
}
#contenthead .contactbox {
float:left;
padding-top:10px;
color:#FFFFFF;
font-family: "Courier New", Courier, monospace;
font-size: 1.4em;
font-weight: bold;

}
#contenthead .contactbox ul li { margin:0;
padding:0;
list-style-type:none; }
#contenthead .contactbox .phone {
background: url(../images/common/phone.gif) no-repeat left top;
height:15px;
padding-bottom:5px;}
#contenthead .contactbox .email {
background: url(../images/common/email.gif) no-repeat left center;
height:15px;
}

#contenthead .contactbox a {
color:#FFFFFF;
text-decoration:none;}

#contenthead .contactbox a:hover {
color:#FFD800;
}
/* Pager
------------------------------------------------- */

.pager {
	clear: both;
	height: 1%; /* Fixes double padding in IE */
	background: #6a7b84;
	margin: 0 9px;
	border: 6px solid #50646e;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pager a, .pager span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 0.1em;
	text-decoration: none;
	background: #6a7b84;
	color: #fff;
}

.pager span {
	color: #868686;
}

.pager .current {
	background: #313131;
}

.pager a:hover {
	background: #BD2031;
}

.pagertop {
	border-top: 0 none;
}

.pagerbottom {
	border-bottom: 0 none;
}

.pager ul {
	margin: 0;
	padding: 0;
}

.pager li {
	margin: 0;
	padding: 0;
}

/* Feature Placements
------------------------------------------------- */

img.feature {
	display: block;
	margin: 0 10px;
}

/* Floats threecols 
------------------------------------------------- */

.threecols #content {
	float: left;
	width: 500px;
	padding:0px;
	margin:0px;
}

/* Floats sidebar left
------------------------------------------------- */
.threecols #sidebar-left {
	width: 180px;
	float: left;
	padding:0px;
	margin:0px;
}

.threecols #sidebar-left .padding{
	width: 160px;
	padding: 20px 5px 5px 15px;
}


.threecols #sidebar-left #nav_header {
	padding: 0px 0px 0px 0px; 
}

.threecols #sidebar-right {
	width: 265px;
	float: left;
}

.threecols #sidebar-right .padding {
	padding: 20px 5px 5px 15px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html .threecols #content {
  margin-right: -3px;
  }
 
* html .threecols #sidebar-left {
  height: 1%;
  margin-right: 0;
  }
* html .threecols #sidebar-right {
  height: 1%;
  margin-left: 0;
  }
 
/* End hide from IE5/mac */

#sidebar-right {
	margin: 0;
	margin-bottom: 1em;
	font-size: 0.80em;
	line-height: 1.5em;
	color: #3E3E3E;
}

/* Floats threecols ends here
------------------------------------------------- */

/* Floats twocols
------------------------------------------------- */

.twocols #content {
	float: left;
	width: 725px;
	padding-top: 5px;
}

/* Floats sidebar left
------------------------------------------------- */
.twocols #sidebar-left {
	width: 180px;
	float: left;
	padding-top:5px;
	padding-bottom:15px;
}

.twocols #sidebar-left .padding{
	width: 160px;
	float: left;
	padding-top:5px;
	padding-right:5px;
	padding-left:15px;
}

.twocols #sidebar-left #nav_header {
	padding: 15px 0px 0px 0px; 
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html .twocols #content {
  margin-right: -3px;
  }
 
* html .twocols #sidebar-left {
  height: 1%;
  margin-right: 0;
  }

 
/* End hide from IE5/mac */
#sidebar-left p {
	margin: 0;
	margin-bottom: 1em;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #3E3E3E;
}

/* Content
------------------------------------------------- */

#content-container {
	background:#f8f8f8;
	font-size: 1.2em;
	border-left: 1px solid #50646e;
	border-right: 1px solid #50646e;
}



#content .padding {
	padding: 20px 10px 20px 10px;
}

#content h3 {
	margin: 0;
	padding: 5px 5px 0px 10px;
	clear: both;
	color: #BD2031;
	font-size: 2.15em;
	font-weight: bold;
	text-align:left;
	font-family: Brush Script MT, Verdana, Arial, Helvetica, sans-serif;
}

#content h4 {
	padding:0px;
	margin:0 0 .5em;
	font-size:1.2em;
	font-weight:normal;
	color:#BD2031;
}

#content h5 {
	padding-bottom:5px;
	margin:0px;
	font-size:1.2em;
	font-weight:bold;
	color:#3E3E3E;
}

#sidebar-left h3 {
	margin: 0;
	padding: 0;
	clear: both;
	text-decoration: none;
	color: #BD2031;
	font-size: 1.0em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/menu/menutop.gif) no-repeat;
	width:150px;
	height:35px;
}

#sidebar-left h3 span {
	display:none;
}

#sidebar-right h4 {
	display: block;
	margin: 0;
	padding: 3px;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

#content p {
	margin: 0;
	margin-bottom: 1.25em;
	text-align:justify;
}

#listhighlight {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 545px;
	background-color:#d7d7d7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #c2c2c2;
}

#listhighlight ul,
#listhighlight li {
	margin: 0;
	padding: 0;
	padding-left: 12px;
	margin-left: 12px;
	padding-bottom:5px;
}

#content .maincontent_innerpadding {
width:100%;
height:100%;
	background: #e4e4e4 
		url(../images/common/para_bg.gif)
		repeat-x;
border: solid #50646e 1px;
clear:both;
}

#content .subcontent_innerpadding {
width:100%;
height:100%;
	background: #e4e4e4 
		url(../images/common/para_bg.gif)
		repeat-x;
border: solid #50646e 1px;
}

#content .title_subcontent {
	margin: 0;
	padding: 5px 5px 5px 10px;
	clear: both;
	color: #BD2031;
	font-size: 1.15em;
	font-weight: bold;
	text-align:left;
	font-family: Verdana, "Times New Roman", Times, serif ;
}

#content .details_maincontent {
padding: 10px;
}

#content .details_subcontent {
padding: 10px;
clear:both;
}


blockquote { 
  margin: 1em 0em 1em 0em;
  background: #D7D7D7;
  border: 1px solid #c2c2c2;
  padding: 0.5em;
  color:#BD2031;
  }

/* Footer
------------------------------------------------- */
#footer {
	padding: 10px;
	padding-top: 0;
	background: transparent
		url(../images/common/footer_bg.gif)
		0 100%
		no-repeat;
}

#contentfoot {
background:transparent url(../images/common/contentfoot_bg.gif) no-repeat scroll 0 100%;
height:1%;
margin-bottom:10px;
padding:1px 32px 5px 22px;
}

#imageholder {
	float:left;
	clear: left;
	background:#50646d;
}

/* ============ navigation ============ */

/* ============ navigation top ============ */

ul#minitabs{list-style: none;margin: 0;padding: 10px 0;
  text-align: center;white-space: nowrap;
  font-size:12px; text-align:right; margin-right:7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
ul#minitabs li{display: inline;margin: 0 5px}
ul#minitabs a{text-decoration: none;padding: 0 0 3px;
  color: #DEDEDE}
ul#minitabs a#current{color: #c2d6b0}
ul#minitabs a:hover{border-bottom: solid 1px;border-color: #c2d6b0;color: #FFF;} 
ul#minitabs a#current a:hover{ text-decoration:none; border-bottom: none; }

/* ============ navigation bottom============ */
#nav_bottom{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
width: 300px;
float: right;
color:#000000;
text-align:right;
}

#nav_bottom ul{
padding: 20px 0 5px 0; 
margin: 0;
}

#nav_bottom ul li{
display: inline;
text-align:right;
}

#nav_bottom ul li a{
color: #DEDEDE;
padding: 6px 3px 4px 3px; 
margin-right: 5px; /*spacing between each menu link*/
text-decoration: none;
font-size: 11px;
}


#nav_bottom ul li a:hover{
border-bottom: solid 1px;
border-color: #c2d6b0;
color: #FFF;
}

#nav_bottom ul li a#current{
color: #c2d6b0;
}


/* -----------------------------------  */

.gallery {background-color: #CCCCCC;
width: 910px;
height: 310px;
padding: 10px;
margin-left:9px;
}

.frame1 {background-color:#CCCCCC;
width:300px;
height: 300px;
float:left;
}

.frame2 {background-color: #CCCCCC;
width:300px;
height: 300px;
float:left;
}

.frame3 {background-color: #CCCCCC;
width:300px;
height: 300px;
float:left;
}

.slideshow1 { height: 300px; width: 300px; }
.slideshow1 img { padding: 1px; border: 1px solid #fff; background-color: #eee; height: 300px; width: 300px; }



#worldmap { padding-left:5px; padding-top:5px;}

#specialofferpadding { 
padding: 0px;
border:#CCCCCC solid 4px;
height: 300px;
width: 230px;
}

#worldmappadding { 
margin-top:10px;
padding: 5px 0px 15px 0px;
border:#cccccc solid 4px;
width: 230px;
height: 160px;
background-color: #fff;
}

.specialoffer img {
border: none;
height: 300px;
width: 230px;
}

	
/* ---- SD Menu Left Navigation----------------------- */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu {
	width: 180px;
	border: 1px solid #ccc;
	margin: 10px;
	}
	
#menu li a {
  	height: 32px;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #888;
	display: block;
	background: url(../menu.gif);
	padding: 8px 0 0 30px;
	}
	
#menu li a:hover, #menu li a:active {
	color: #283A50;
	background: url(../menu.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
		
/* ------------------ */
hr {
  border:0;
  border-top: 2px dotted #50646E;
  height: 2px;
}

/* -------index css ends here----------- */
/* -------content about us----------- */

#content .padding ul li {
	margin: 0;
	padding: 0;
	padding-left: 12px;
	margin-left: 12px;
	padding-top:5px;
	list-style-type: none;
	background: transparent
		url(../images/common/bullet.gif)
		0px 5px no-repeat;
		background-position: left center;}

#content .padding ol li {
	margin: 0;
	padding: 0;
	padding-left: 12px;
	margin-left: 12px;
	padding-top:5px;}


/* -------content about us----------- */

/* -------Contact us Jot Form----------- */
.tbmain{ 
 /* Changes on the form */
 background: none !important; 
}
.left{
  /* Changes on the form */
  color: #394F5F !important; 
  font-family: Verdana !important;
  font-size: 11px !important;
}
td.left {
   font-family: Tahoma;
   font-size: 11px;
   font-weight:bold;
   color:#394F5F;
   vertical-align: top;
   text-align: left;
}
.pagebreak{
   font-family: Tahoma;
   font-size: 11px;
   font-weight:bold;
   color:black;
}
td.right {
   font-family: Tahoma;
   font-size: 11px;
   font-weight: normal;
   color:#394F5F;
   vertical-align: top;   
   text-align: left;   
}
.tbmain{
   height:100%;
   color:#394F5F;
   background: #D7E9F3;
}
.head{
   font-family: Tahoma;
   font-size:medium;
   font-weight:bold;
   color:#394F5F;
   vertical-align: top;
   text-align: left;
}
.notvalid{
   border:2px red solid;
   font-family:Tahoma;
}
.text{
   color:#394F5F;
   font-family: Tahoma;
   font-size: 11px;
   font-weight:normal;
   border:0px;
   background:#ABCADB;
}
select.other{
   color:#394F5F;
   font-family: Tahoma;
   font-size: 11px;
   font-weight:normal;
   border:0px;
   background:#ABCADB;
}
.btn{
   color:#ffffff;
   font-family: Tahoma;
   font-size: 11px;
   font-weight:bold;
   border:1px #8aaabc solid;
   background: url(http://jotform.com/images/styles/style5_btn_bg.gif) #9bbed0 top repeat-x;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}
 
div.backButton{
    background: transparent url("http://jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float:left;
    margin-bottom:15px;
    padding-right:5px;
}
div.backButton:hover{
    background: transparent url("http://jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0;
}
div.backButton:active{
    background: transparent url("http://jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;
}
div.nextButton{
    background: transparent url("http://jotform.com//images/btn_next.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float: left;
    margin-bottom:15px;
    padding-right:5px;
}
div.nextButton:hover{
    background: transparent url("http://jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0;
}
div.nextButton:active{
    background: transparent url("http://jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;
}
.pageinfo{
    padding-right:5px;
    margin-bottom:15px;
    float:left;
}

/* -------Contact us Jot Form ends here----------- */



/* ------------------
 styling for the tables 
   ------------------   */
#hor-minimalist-b
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 7px;
	margin-bottom: 7px;
	width: 550px;
	border-collapse: collapse;
	text-align: left;
	border-top: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-left: 1px solid #c2c2c2;
	background-color:#d7d7d7;
}
#hor-minimalist-b th
{
	font-size: 12px;
	font-weight: bold;
	color: #3E3E3E;
	padding: 10px 8px;
	border-bottom: 3px solid #df3f51;
	border-right: 1px solid #c2c2c2;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #c2c2c2;
	border-top: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-left: 1px solid #c2c2c2;
	color: #3E3E3E;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #df3f51;
}
caption {
text-align: left;
padding-bottom: 5px;
}

/* -------Content image----------- */

#content .imagecontainer {
height:175px;;
clear:both;
}

#content div.content_images {
  float: left;
  width: auto;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
#content div.content_images p {
  text-align: center;
  font-style: italic;
  font-size: 11px;
  text-indent: 0;
}
#content img.scaled {
width:auto;}

.details_maincontent em {
font-style:normal;
font-weight:bold;
color:#436c9e;
}

#loading{
position:absolute;
width:300px;
top:0px;
left:50%;
margin-left:-150px;
text-align:center;
padding:7px 0 0 0;
font:bold 11px Arial, Helvetica, sans-serif;
}

.align-right { float:right; margin: 0px 0px 15px 15px;
    clear: right;}
.frame { padding: 5px; border: 1px solid #aaa; }