/*
 Theme Name: Swebsoln18
 Author: Narayan.S
 */

* { padding: 0; margin: 0; }
body { font: 12px Arial, Helvetica, sans-serif; text-align: center; background: #FFF; color: #000; margin: 0;}

/*********************/
/*    G L O B A L    */
/*********************/
/*links*/
a, a:link, a:visited { color:#585858; text-decoration: none; }
a:hover, a:active { color:#585858; #fff; text-decoration: none; }
blockquote { display: block; margin: .5em 2.0em .5em 2.0em; padding: 0 0 0 1.0em; border-left: dotted black .1em; }
blockquote blockquote { padding: 0 0 0 1.0em; border-left: dotted black .1em; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
img { border: none; }
.alignleft{ float: left; text-align: left; }
.alignright{ float: right; text-align: right; }
.center{ text-align: left; }
p {margin: 10px 0; text-align: justify;}
h4 {font: 20px Arial, Helvetica, sans-serif;font-weight: 600;}
h3 {font: 14px Arial, Helvetica, sans-serif;font-weight: 600;}
.pagetitle a{ color: #195E7B;}
.pagecontent{overflow:scroll; padding: 0 10px 10px 0; height: 185px} 
.pagecontent2 {overflow:scroll; padding: 0 10px 10px 0; height: 448px;}


/*********************/
/* S T R U C T U R E */
/*********************/
#container { width: 998px; margin: 0 auto; text-align: left; overflow: hidden;}
#header { width: 998px; overflow: hidden; height: 80px; padding: 10px 0;}
/*wraps content and sidebar*/
#wrapper {width: 998px; margin-bottom: 10px; overflow: hidden;}
#sidebar { float: left; width:218px; background:  #F4E6B3 url(images/e_bg.jpg) no-repeat top; padding: 8px; margin-right: 10px; border: 4px solid #E1B727;}
#content { float: left; width: 743px; padding:0; color: #195E7B;}
#footer {width: 978px; height: 50px; background:url(images/footer.jpg) no-repeat; clear: both; color: #195E7B; margin: 0 auto; padding: 10px}

/*********************/
/* H E A D E R       */
/*********************/
.logo { float: left; width: 358px;}
.bannerwrapper {float: left; width: 640px; height: 80px;}

/****** NAV ******/
.navwrapper {height: 42px; width: 100%; background: url(images/navbg.png) repeat-x; overflow:hidden; margin: 0 0 10px 0;}
.navleft, .navright {width: 15px; float: left;}
.navmenu {width: 758px; float:left;}
#nav li { display: inline; list-style-type: none; line-height: 42px; padding: 0 10px;}
/*#nav li a {font-size: 16px; font-weight: 600; color: #fff;}
#nav li a:hover {color: #ddb72c;}*/
.search {float: left; width: 200px; margin: 8px 0;}
.searchresult {margin-bottom: 15px; color: #666;}

#suckerfishnav {font-size:14px; font-weight:bold; width:100%;}
#suckerfishnav, #suckerfishnav ul {float:left; list-style:none; line-height:42px; padding:0; margin:0; width:100%;}
#suckerfishnav a {display:block; color:#fff; text-decoration:none; padding:0px 10px;}
#suckerfishnav li {float:left; padding:0;}
#suckerfishnav ul {position:absolute; left:-999em; height:auto; width:200px; font-weight:normal; margin:0; line-height:1; border:0; z-index: 999;}
#suckerfishnav li li {width:200px; font-weight:bold;}
#suckerfishnav li li a {padding:4px 10px; width:130px; font-size:12px; color:#fff;}
#suckerfishnav li ul ul {margin:-21px 0 0 150px;}
#suckerfishnav li li:hover {background:#71d1f1;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {color:#fff;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#fff;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#fff;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {left:auto; background:#06A3D6; line-height: 30px;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {color: #ddb72c;}


#featured{
	width:743px;
	position:relative;
	height:250px;
	background:#fff;
	margin: 0 0 10px 0;
}
#featured ul.ui-tabs-nav{
	position:absolute;
	top:0; left:630px;
	list-style:none;
	padding:0; margin:0;
	width:109px;
}
#featured ul.ui-tabs-nav li{
	padding:1px 0; padding-left:13px;
	font-size:12px;
	color:#666;
}
#featured ul.ui-tabs-nav li span{
	font-size:11px; font-family:Verdana;
	line-height:18px;
}
#featured .ui-tabs-panel{
	width:630px; height:250px;
	background:#999; position:relative;
        overflow:hidden;
}
#featured .ui-tabs-hide{
	display:none;
}
#featured li.ui-tabs-nav-item a{/*On Hover Style*/
	display:block;
	height:60px;
	color:#333;  background:#fff;
	line-height:20px;
	outline:none;
}
#featured li.ui-tabs-nav-item a:hover{
	background:#f2f2f2;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/
	background:url('images/selected-item.gif') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#ccc;
}
#featured ul.ui-tabs-nav li img{
	float:left; margin:2px 5px;
	background:#fff;
	padding:2px;
	border:1px solid #eee;
}
#featured .ui-tabs-panel .info{
	position:absolute;
	top:180px; left:0;
	height:70px; width: 400px;
	background: url('images/transparent-bg.png');
}
#featured .info h2{
	font-size:18px; font-family:Georgia, serif;
	color:#fff; padding:5px; margin:0;
	overflow:hidden;
}
#featured .info p{
	margin:0 5px;
	font-family:Verdana; font-size:11px;
	line-height:15px; color:#f0f0f0;
}
#featured .info a{
	text-decoration:none;
	color:#fff;
}
#featured .info a:hover{
	text-decoration:underline;
}



/* Easy Slider */

#slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; }
#slider2{margin-top:1em;}
#slider li, #slider2 li{width:743px; height:250px; overflow:hidden;}	
#prevBtn, #nextBtn, #slider1next, #slider1prev{  display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000;}	
#nextBtn, #slider1next{ left:696px;}														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{  display:block; position:relative; width:30px; height:77px; background:url(../../images/btn_prev.gif) no-repeat 0 0;}	
#nextBtn a, #slider1next a{ background:url(../../images/btn_next.gif) no-repeat 0 0;}	
		
/* numeric controls */	
ol#controls{ margin:1em 0; padding:0; height:28px;}
ol#controls li{ margin:0 10px 0 0;  padding:0; float:left; list-style:none; height:28px; line-height:28px;}
ol#controls li a{ float:left; height:28px; line-height:28px; border:1px solid #06A3D6; background:#ffffff; color:#555; padding:0 10px; text-decoration:none;}
ol#controls li.current a{background:#06A3D6; color:#fff;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	

/*********************/
/*  S I D E B A R    */
/*********************/
.widget {text-align: left; overflow: hidden;}
.widget h2 {height:30px; font-size: 14px; line-height:30px; color: #186079; padding-left: 15px;}
.widget ul li a, .widget ul li a:link, .widget ul li a:visited { display:block; width:222px; height:20px; padding:5px; text-decoration: none; font-weight: normal; color: #4c829f; line-height: 18px; }
.widget ul li a:hover, .widget ul li a:active { text-decoration: underline;}
.widget ul { width:226px; margin: 10px 0 10px 0; padding: 5px 5px 5px 15px; list-style-type: none; font-size:12px; color: black;  text-align: left;}
.widget ul ul { margin-left: 10px; }
.widget ul ul li { list-style-type: none; color: black; }
.style1 {color: #0B6380; font-weight: bold;}

.ddate {color: #0B6380; font-weight: bold; float: left; width: 100px; height: 21px; margin: 0 0 10px 0; padding: 0;}

.datepick { width: 108px; margin-left: 5px; float: left; height: 21px; margin: 0 0 10px 0; padding: 0;}

.formleft1 {color: #0B6380; font-weight: bold; float: left; width: 75px; height: 21px; margin: 0 0 10px 0; padding: 0; line-height: 21px; overflow: hidden;}

.formselect {width: 135px; margin-left: 5px; float: left; height: 21px; margin: 0 0 10px 0; padding: 0; overflow: hidden;}

.presort{color: #0B6380; font-weight: bold;}

.resortselect {height: 21px; margin: 0 0 10px 0; padding: 0; overflow: hidden;}

.rooms, .kids, .adults, .under3 {float: left; padding: 0; overflow: hidden; width: 52px; margin-right: 1px; color: #0B6380; font-weight: bold;}

.roomsselect, .kidsselect, .adultsselect, .under3select {float: left; padding: 0; overflow: hidden; width: 52px; margin: 0 2px 10px 0;}

.email {color: #0B6380; font-weight: bold;}

.emailtxtbox {height: 21px; margin: 0 0 10px 0; padding: 0; overflow: hidden;}

.telephone {color: #0B6380; font-weight: bold;}

.telephonetxtbox {height: 21px; margin: 0 0 10px 0; padding: 0; overflow: hidden;}

.name {color: #0B6380; font-weight: bold;}

.nametxtbox {height: 21px; margin: 0 0 10px 0; padding: 0; overflow: hidden;}

.contacttime {color: #0B6380; font-weight: bold;}

.contacttimeselect {height: 21px; margin: 0 0 10px 0; padding: 0; overflow: hidden;}

.submitbtn {fload: left; height: 37px;}

.wpcf7-form p {padding: 0; margin: 0;}

.enquiryformimg {height: 43px; padding: 0; margin: 0 0 10px 0;}

.row {padding: 0; margin: 0; height: 14px;}

.divider {height: 10px;}

#date1 {height: 19px; border: 1px solid #3F6AB8;}

.l1 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 21px; width: 50px; border:1px #3F6AB8 solid;}
	
.l2 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 21px; width: 135px; border:1px #3F6AB8 solid;}

.l3 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 21px; width: 216px; border:1px #3F6AB8 solid;}

.l4 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 21px; width: 52px; border:1px #3F6AB8 solid;}

.l5 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 19px; width: 214px; border:1px #3F6AB8 solid;}
	
.l6 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 21px; width: 100%; border:1px #3F6AB8 solid;}

.eqsubmit { background: url(images/sb_btn.png) no-repeat; width: 90px; height: 36px; border: 0}

.formspacer {height: 10px;}

/*********************/
/*      P O S T      */
/*********************/
.post-content { width: 743px;}
.post-content .meta{display:block; margin:5px 0 0 0; font-size:12px; color:#4c829f; }
.post-entry { margin:10px 0 0 0; font-size: 13px; }
.post-entry p{ padding: 5px 0 5px 0; }
.post-entry ul { padding: 5px 0 .5px 20px; }
.post-entry ol { padding: 5px 0 .5px 20px; }
.post-entry img { margin: 5px 5px 5px 5px; padding: 0 0 0 0; }
.navpages { font-size: 14px; width: 630px; height:30px; line-height:30px; margin: 0px 0px 10px 0px; padding:15px 15px 15px 15px; background:url(images/bg-post.png) repeat-x top; background-color:white; /*fixes nav bottom in IE*/ }

/*   S E A R C H     */
.searchtable {margin: 10px 0; height: 30px;}
.searchleft {background:url(images/searchleft.png) no-repeat; width: 15px; height: 25px; float: left;}
#searchfield {border: 0; height: 19px; padding: 3px 0; float: left;}
.sbtn {width: 35px; height: 25px; background:url(images/searchbtn.png) no-repeat; border: 0; float: left;}

/*    F O R M     */
.inputcontact{border: 1px solid #CFCFCF; width: 225px; height: 10px; padding: 5px;}
select{border: 1px solid #CFCFCF; width: 235px; height: 20px;}
.inputcomment {border: 1px solid #CFCFCF; width: 425px; height: 150px; padding: 5px;}


/*********************/
/* F O O T E R       */
/*********************/
.footerlinks {width: 790px; padding: 130px 0 0 10px; float: left;}
.footercopy {float: left; width: 178px; color: #fff; padding: 130px 0 0 10px; text-align: right}
#footer a {color: #fff; font-size: 11px;}
#footer a:hover { text-decoration: underline;}

/*********************/
/*  C O M M E N T S  */
/*********************/
ol.commentlist { list-style:none; margin:0 20px 0 20px; padding:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#3A515F; border:1px solid #004080;; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

#commentform { margin:0 0 0 30px; font-size:12px;}
#commentform p { line-height:30px;}
#commentform #comment{width:450px; margin:10px 0 0 0; }
h3#comments,
#respond h3{font-size:18px; font-weight:normal; margin:5px 0 5px 20px;}

/*********************/
/*  H O M E P A G E  */
/*********************/
.homewrapper {width: 743px; overflow: hidden;}
.homerightwrapper {width: 230px; float: right; margin: 0; padding: 0;}
.homeleftwrapper {width:500px; float: left; margin: 0 5px 0 0; padding: 0;}
.newsletterTextInput{font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 21px; width: 180px; border:1px #3F6AB8 solid; margin-right: 5px; float: left; padding: 5px;}
.nlsubmit { background:url(images/go.jpg) no-repeat bottom; width: 32px; height: 31px; border: 0; float:left}
.promoad {width: 228px;}

/* clearfix */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { min-width: 0; display: inline-block; /* \*/ display: block; }
* html .clear { /* \*/ height: 1%; }