/* Import other css */

@import url('social.css');

/**************** GENERAL BODY TAG *****************/

body {
	background:#5CBAD6;
	color: #333;
	line-height: 1.7;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
		
}

a img{border:none;}

.di{width:70px;height:70px;position:fixed;right:0px;bottom:0px; right:0px; z-index:999;}

/***************** Headings h1,h2,h3,h4,h5,h6 *****************/

h1,h3,h4,h5,h6 {
	color: #015474;
	font-weight: bold;
	
}

h1 {
	font-size: 1.5em;
	font-family: Verdana, Geneva, sans-serif;
}

h3 {
	font-size: 1.5em;
	color: #097B59;
	margin-bottom: 0.1em;
	margin-top: 0.2em;
}
h4 {font-size: 14px; }
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1 img, h3 img, h4 img, h5 img, h6 img {margin: 0; padding:0px;}



.clearfix:after,
.clearfix:before {
	content:"";
    display:table;
}   
    
.clearfix:after {
	clear:both;
}

.clearfix {
    zoom:0;
}

.wrapper{
	width: 1000px;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.center,.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/***************** Headings h1,h2,h3,h4,h5,h6 *****************/
img {border:#F00; border-width:1px;}
.border_box{border:1px solid #215670;}
/***************** MAIN TAG ****************/

#main{
	width: 100%;
	position:relative;
	background-color: #FFFFFF;
}

#main .wrapper{
	min-height: 0px;
	position: relative;
}

.boxshadow #main .wrapper{
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.3); 
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.3); 
	-o-box-shadow: 0px 0px 3px rgba(0,0,0,.3);
	box-shadow: 0px 0px 3px rgba(0,0,0,.3);
}


/*************** HEADER ***************/

.header{ 
	width: 100%;
	height:200px;
	background-position: bottom center;
	background-image:url(../images/top_header.fw.png);
}

.header #wrapper{
	width: 1000px;
	height: 180px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	
	
}

.header #menu{
	float:left;
	width: 1000px;
	height: 80px;
	padding-top:0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.header #logo{
	float: left;
	width: 1000px;
	height: 120px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

/*************** HEADINGS ***************/

.masthead{
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 2px;
	padding-left: 2px;
	
}

.mh-div{
	height: 50px;
	background: url(../images/border-bg-top.png) repeat-x top left;
}


.masthead h1{
	float: left;
}

/****************** Main part of Aaravi page ********************/

.main {margin-bottom: 18px;}

.main#main-three-columns {
	width:1000px;
	
	 
}
.main#main-three-columns .sidebar {
	width: 240px;
	float:left;	 
}

.main#main-three-columns .sidebar-lowest {
	width: 495px;
	float:left;
		 
}

.main#main-three-columns #main-left {
	width: 750px;
	float:left;
}

.main#main-three-columns #main-left-lowest {
	width: 495px;
	float:right;
	
}

.main#main-three-columns #main-right {
	width: 200px;
	float:right;
}
.main#main-three-columns #main-780 {
	width: 750px;
	margin-bottom: 0px;
}
.main#main-three-columns #main-990 {
	width: 990px;
	margin-bottom: 0px;
}
.main#main-three-columns #main-780 p{
	padding-left:5px;
	padding-right:5px;
}
.main#main-three-columns #main-556 {
	width: 540px;
	margin-bottom: 2px;
	float: left;
	
}
.main#main-three-columns #main-200 {
	width:210px;
	float:right;
	
}

.main#main-three-columns #main-500 {
	width: 535px;
	margin-bottom: 2px;
	float: left;
}

.main#main-two-columns {}
.main#main-two-columns .sidebar {width: 260px;}
.main#main-two-columns #main-left {width: 671px;}

.sidebar a {text-decoration: none;}
.sidebar a:hover {text-decoration: underline;}

#sidebar-1 {
	margin-right: 5px;
	margin-left: 2px;
}
#sidebar-2 {
	margin-top:75px;
	}
	
.add_border-778{ border:solid; border-color:#CCC; border-width:3px;display:table-cell;text-align:center;vertical-align:middle;
background-image:url(../images/add_bg.fw.png); padding-top:5px;}	
.add_border-200{ border:solid; border-color:#CCC; border-width:2px; width:200; height:200px;display:table-cell;text-align:center; vertical-align:middle; padding:0px; margin:0px;}
/*************** Beaches menu ******************/
.main#main-three-columns #main-780-beaches {
	width: 750px;
	background-color:#4897c1;
	color: #FFF;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 5px;
	}
.main#main-three-columns #main-790-beaches {
	width: 750px;
	background-color:#4897c1;
	color: #FFF;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 5px;
	font: Verdana, Geneva, sans-serif;
	}
.main#main-three-columns #main-780-beaches a{ color:#FFF; padding-right:20px; padding-left:10px;}
.main#main-three-columns #main-780-beaches a:hover{ color:#0FF; padding-right:20px; padding-left:10px;}
.main#main-three-columns #main-780-beaches .head{ color:#FFC; font-weight:600; padding-left:10px; padding-right:10px;}
.main#main-three-columns #main-790-beaches a{ color:#FFF; padding-right:20px; padding-left:10px;}
.main#main-three-columns #main-790-beaches a:hover{ color:#0FF; padding-right:20px; padding-left:10px;}
.main#main-three-columns #main-790-beaches .head{ color:#FFC; font-weight:600; padding-left:10px; padding-right:10px;}


/*************** Sidebar sections colorful titles ******************/

.section {
	margin-bottom: 0px;
}


.section-title {
	background-color:#069;
	border-top: 2px solid #ABC;
	font: bold 1.1em sans-serif;
	margin-bottom: 0px;
	min-height: 0;
	color: #FFF;
	padding-right: 8px;
	padding-left: 8px;
	padding-top:6px;
	padding-bottom:6px;
}
.section-title a{
	background-color:#069;
	border-top: 2px solid #ABC;
	font: bold 1.1em sans-serif;
	margin-bottom: 0px;
	min-height: 0;
	color: #FFF;
	padding-right: 8px;
	padding-left: 8px;
	padding-top:6px;
	padding-bottom:6px;
}

.section-title h2 {font-size: 14px; padding-bottom:0px; padding-top:0px; vertical-align:middle; display:inline;}

.network-section .section-title {
	background-color: #F6F6F6;
	border-color: #D6D6D6;
}


/****************** Aaravi page sub_menus ********************/
/* Special lists */

ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none; }

ul.tabbed {
	display: inline;
	margin: 0;
	float:left;
}
ul.tabbed li {float:left;}

ul.plain-list {margin: 0;}

/************* nice list ****************/

ul.nice-list {margin-left: 0;}
ul.nice-list li {
	list-style: none;
	border-top: 1px solid #EEE;
	padding: 4px 0;
}
ul.nice-list li:first-child {border-top: none;}
ul.nice-list li .right {color: #999; margin-right:16px;}


/*****
ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none;}

ul.tabbed {
	display: inline;
	margin: 0;
	height:30px;
}
ul.tabbed li {float:left; margin-right:3px; height:30px;}

#sub-nav {border-radius: 3px 3px 3px 3px; height:30px;}
#sub-nav a {
	color:#000;
	font: bold 1.0em sans-serif;
	height:30px;
	padding:5px 5px 5px 5px; 
	
}
#sub-nav li.current-tab a, #sub-nav a:hover {color:#FFC; background-color:#007CC2; height:30px;}****/

#sub-nav
{
    padding:0;
	width:750px; height:30px;
	background:#4897C1;
}

#sub-nav .text_menu
{
    padding:0;
	width:150px; height:30px;
	float:left;
}
#sub-nav .text_menu a
{
     font-family:Arial;
   font-size:14px;
   text-decoration: none;
   width:159px;
   height:30px;
   text-align:center;
   float:left;
   padding-top:3px;
   padding-left:0px;
   border-right:solid;
   border-right-width:1px;
   
   color:#ffffff;
   
}

#sub-nav .text_menu a:hover , #sub-nav .text_menu a.active
{
   background-color:#FFCC66;
   color:#333;
   width:159px;
   height:30px;
   border-left:solid;
   border-left-width:1px;
   padding-top:2px;
   padding-left:0px;
   
}

/* Floats */   

.left,.alignleft {float: left;}
.right,.alignright {float: right;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}

/*************** Images ***************/

img.bordered,img.alignleft,img.alignright,img.aligncenter {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 0px;
	margin:0;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}


/***************** Floats ****************/   

.left,.alignleft {
	float: left;
	margin-left: 2px;
}
.right,.alignright {float: right;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}

/*************** Links ***************/

a:focus,a:hover {

}
a {
	color: #357;
	text-decoration: none;
	
}
a.feed {
	background: url('http://www.puneritraveller.com/css/img/icon-feed.gif') no-repeat left center;
	padding-left: 2px;
}


/*************  More links **************/
a.more {
	color: #579;
	font-weight: bold;
}
a.more:hover {color:#09F;}


/**************** sub footers ****************/

#dashboard {
	border: 1px solid #E7E7E7; width:1000px; margin:auto; background:#FFF; 
}

#dashboard .column {width: 244px;}

#dashboard .column-river-left {width: 450px; float:left;}
#dashboard .column-river-right {width: 500px; float:right;}


#dashboard1 {
	border: 1px solid #E7E7E7; width:1000px; margin:auto;
	font-family:Verdana, Geneva, sans-serif !important;
}

#dashboard1 .column1 {
	width: 164px;
	padding-top: 8px;
}

#dashboard #column-4 {border-right: none;}

#dashboard .column-content {
	padding: 14px 16px;
}
#dashboard .column-title {
	color:#660;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 5px;
}
#dashboard a {color: #456;}
#dashboard a:hover {
	color: #06F;
}

#dashboard1 a:hover {
	color:#06F;
}
#other_portal a{color:#030;}

/************** Main FOOTER *****************/

.footer{ font-size:14px; color:#FFF; height:150px; }
.footer .menu_ft{ font-size:15px; color:#FFF; margin-top:10px; }
.footer .menu_ft a{ font-size:15px; color:#FFF; padding-left:10px; padding-right:10px; }
.footer .menu_ft a:hover{ font-size:15px; color:#0CF; }
.footer .wrapper{
	margin-top: -5px;
	padding-top: 30px;
}

/***************** FOOTER BOTTOM    ***************/

.footer-bottom{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background: rgba(0,0,0,0.1);
	overflow: hidden;
	font-size: 12px;
}
.footer-bottom a{
	color:#0CF;
}

/*  Start Lava Menu */
#menu { padding:0 0px;  margin-bottom:0px; margin-top:10px; background-color:#069; color:#FFF; border-radius: 10px 10px 0px 0px; }
#navigation { padding:0 5px;  margin-bottom: 0px;  }
#navigation ul { list-style:none; list-style-position: outside; }
#navigation ul li { padding: 0 5px; float: left; font-family:Verdana, Geneva, sans-seriff; font-size: 15px; font-weight: 600; }
#navigation ul li:first-child { padding-left: 0; }
#navigation ul li a { color: #FFFFFF; padding: 0 7px; display:block; height: 25px; line-height: 25px; border: 2px solid transparent; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
#navigation ul li.active a, #navigation ul li a:hover { border: 2px solid #029cdb;   background: url(../images/nav-btn.png) repeat-x 0 0; color:#FFC; text-decoration: none; }
#navigation a.nav-btn { display:none; }
/*  End Lava Menu */

/*  left side bar Menu */
#tab a{width:40px;
	height:130px;
	position:fixed;
	left:0px;
	margin-left:0px;
	top:130px;
	display:block;
	cursor:pointer;
	background-image:url(../images/contact_left_tab.png);
	}
#tab a:hover{width:40px;
	height:130px;
	position:fixed;
	left:0px;
	margin-left:0px;
	top:130px;
	display:block;
	cursor:pointer;
	background-image:url(../images/contact_left_tab-over.fw.png);
	}
#tab1 a{
	width:40px;
	height:130px;
	position:fixed;
	left:0px;
	margin-left:0px;
	top:280px;
	display:block;
	cursor:pointer;
	background-image:url(../images/hire_car_left_tab.fw.png);
}
#tab1 a:hover{
	width:40px;
	height:130px;
	position:fixed;
	left:0px;
	margin-left:0px;
	top:280px;
	display:block;
	cursor:pointer;
	background-image:url(../images/hire_car_left_tab-over.fw.png);
}

/*  left side bar Menu */

.leftsidebar
{
padding: 0px;
position: fixed;
z-index: 100;
left: 0; 
}	
.holidaypackages
{
	position: fixed;
	z-index: 100;
    top: 110px;
    right: 0px;
    width: 41px;
    height: 185px;
} 
 
.righticonbar{
	position:fixed;
	top:30px;
	right:20px;
}

.righticonbar ul{
	margin:0px;
	padding:0px;
	text-decoration:none;
	outline:none;
}

.righticonbar ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	text-decoration:none;
	outline:none;
}

.righticonbar ul li a{
	margin:0px;
	padding:0px 0px 5px 0px;
	display:block;
	text-decoration:none;
	outline:none;
}


.righticonbar1 a{
	position:fixed;
	top:200px;
	right:0px;
	margin:0px;
	padding:0px;
	text-decoration:none;
	outline:none;
	background-image:url(../images/package_left_tab.fw.png);
	width:40px;
	height:185px;
}

.righticonbar1 a:hover{
	position:fixed;
	top:200px;
	right:0px;
	margin:0px;
	padding:0px;
	text-decoration:none;
	outline:none;
	background-image:url(../images/package_left_tab-over.fw.png);
}


/******simrendrasingh Coding starts ************/
div#commentbox
{
    width:500px;
    height:400px;
    padding:5px;
    float:right;
	font-family:Verdana, Geneva, sans-serif !important;
}

div#comments
{
    width:450px;
    height:500px !important;
  
    overflow:auto;
    float:left;
    
}


.submitbtn
{
    color: #fff;
	background: #76B9F7;
}

div#comment
{
    width:420px;
    border-style:solid;
    border-width:1px;
    border-color:#EEEEEE;    
    padding:2px;
}

div#comment .commenttext
{
    font-family:Verdana;
    font-size:12px;    
    color:#7C7474;
    padding:4px;
}

div#comment .name
{
   font-family:Verdana;
    font-size:12px;    
    color:#0072FF;
}

div#comment .email
{
   font-family:Verdana;
    font-size:12px;    
    color:Black;
    text-align:left;
    font-weight:bold;
}

div#comment .date
{
  font-family:Verdana;
    font-size:12px;    
    color:Black;
    text-align:right;
    font-weight:bold;
}
div#comment img
{
    height:15px;
    width:15px;
}

.star
{
    height:30px;
    width:30px;
}


#txtName , #txtEmail
{
    padding:3px;
    margin:5px;
    width:250px;
}
#txtName1 , #txtEmail1
{
    padding:3px;
    margin:5px;
	margin-right:0px;
    width:183px;
}

#txtComments
{
    width:260px;
    height:120px;
}
#txtComments1
{
    width:192px;
    height:120px;
}
#btnSubmit
{
    margin-left:250px;
}

#ddlRating
{
    padding:3px;
    margin:5px;
    width:250px;
    
}

#hotelrating
{
    
}
.revcount
{
    margin-left:30px;
    margin-bottom:5px;
}

/*simrendrasingh coding ends.*/

/* === Button Style === */
button.submit {
	background-color: #68b12f;
	background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
	background: -webkit-linear-gradient(top, #68b12f, #50911e);
	background: -moz-linear-gradient(top, #68b12f, #50911e);
	background: -ms-linear-gradient(top, #68b12f, #50911e);
	background: -o-linear-gradient(top, #68b12f, #50911e);
	background: linear-gradient(top, #68b12f, #50911e);
	border: 1px solid #509111;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #9fd574;
	-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
	-moz-box-shadow: 0 1px 0 0 #9fd574 inset;
	-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
	-o-box-shadow: 0 1px 0 0 #9fd574 inset;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
}
button.submit:hover {
	opacity:.85;
	cursor: pointer; 
}
button.submit:active {
	border: 1px solid #20911e;
	box-shadow: 0 0 10px 5px #356b0b inset; 
	-webkit-box-shadow:0 0 10px 5px #356b0b inset ;
	-moz-box-shadow: 0 0 10px 5px #356b0b inset;
	-ms-box-shadow: 0 0 10px 5px #356b0b inset;
	-o-box-shadow: 0 0 10px 5px #356b0b inset;
	

}


<!--------css button add---->
.CSSButton {
border: 1px solid #79A854;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #A1DC74), color-stop(0.9, #79A854) );
background: -moz-linear-gradient( center top, #A1DC74 10%, #79A854 90% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A1DC74', endColorstr='#79A854');
background-color: #A1DC74;
-moz-box-shadow: inset 0px 1px 2px 0px #FFFFFF;
-webkit-box-shadow: inset 0px 1px  2px 0px #FFFFFF;
box-shadow: inset 0px 1px  2px 0px #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-shadow: 1px 1px 2px #000000;
font-weight: bold;
margin: 5px 5px;
padding: 13px 1px;
color: #FFFFFF;
letter-spacing: 1px;
font-family: 'Arial', sans-serif;
font-size: 16px;
width: 150px;
text-transform: capitalize;
text-align: center;
text-decoration: none;
cursor: pointer;
display: inline-block;
}
.CSSButton:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #79A854), color-stop(0.9, #A1DC74) );
background: -moz-linear-gradient( center top, #79A854 10%, #A1DC74 90% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79A854', endColorstr='#A1DC74');
background-color: #79A854;
}
.CSSButton:active {
position: relative;
top: 1px;
left: 0px;
}


<!----end css button code------------------>