/*
Theme Name: Blue gum pool
Version: 1.0
Author: Perth Web Design
*/

/* 
	Reset Style
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
	font-family: 'euphoria_scriptregular';
	src: url('webfont/euphoriascript-regular-webfont.eot');
	src: url('webfont/euphoriascript-regular-webfont.eot?#iefix') format('embedded-opentype'), url('webfont/euphoriascript-regular-webfont.woff') format('woff'), url('webfont/euphoriascript-regular-webfont.ttf') format('truetype'), url('webfont/euphoriascript-regular-webfont.svg#euphoria_scriptregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'muliregular';
	src: url('webfont/muli-regular-webfont.eot');
	src: url('webfont/muli-regular-webfont.eot?#iefix') format('embedded-opentype'), url('webfont/muli-regular-webfont.woff') format('woff'), url('webfont/muli-regular-webfont.ttf') format('truetype'), url('webfont/muli-regular-webfont.svg#muliregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font-size: 15px;
	line-height: 22px;
	font-family: Arial, sans-serif, Helvetica;
	background: #50fbfe url(images/bg.jpg) top center no-repeat;
	color: #989898;
	margin: 0px;
	background-size: cover;
}
p {
	line-height: 22px;
	margin: 0 0 22px;
}
a {
	color: #0C78BE;
	text-decoration: none;
}
a:hover {
	color: #095e9c;
	text-decoration: none;
}
img {
	border: 0px;
}
h1, h2, h3 {
	font-family: 'Questrial', sans-serif;
}
h1 {
	color: #0C78BE;
	font-size: 22px;
	font-weight: bolder;
	line-height: 26px;
	margin-bottom: 15px;
}
h2 {
	color: #0C78BE;
	font-size: 20px;
	font-weight: bolder;
	line-height: 26px;
	margin-bottom: 15px;
}
h3 {
	margin: 10px 0px;
	font-size: 18px;
	color: #0C78BE;
	font-weight: bolder;
}
h4 {
	margin: 10px 0px;
	font-size: 16px;
	color: #3d3d3d;
}
hr {
	margin: 20px 0px;
	border: 0px;
	border-top: 1px dotted #6b6969;
	clear: both;
}
.clear {
	clear: both;
}
.alignleft {
	float: left;
	margin: 5px 10px 0px 0px;
}
.aligncenter {
	text-align: center;
}
.alignright {
	float: right;
	margin: 5px 0px 0px 10px;
}
/*/////////////////////////////////////////////////////////////////////////////



    Layout



/////////////////////////////////////////////////////////////////////////////*/



#wrap {
	background: url("images/container-bg.png") no-repeat scroll center top transparent;
	min-width: 980px;
	overflow: hidden;
	width: 100%;
}
#container_wrap {
	background: url(images/container-buttom-bg.png) center top repeat-y;
}
#container {
	box-shadow: none;
	display: block;
	margin: 0 auto;
	min-height: 0;
	padding: 0;
	position: relative;
	width: 980px;
	z-index: 1;
	background: #fff;
}
#header {
	background: url("images/header-bg.png") no-repeat scroll left top transparent;
	height: 210px;
	margin: auto;
	position: relative;
	width: 980px;
	z-index: 6;
}
#logo a {
	display: block;
	height: 209px;
	left: 45px;
	position: absolute;
	text-indent: -9999px;
	top: -13px;
	width: 417px;
	z-index: 8;
}
#tagline {
	color: #0C77BD;
	font-family: 'Questrial', sans-serif;
	font-size: 18px;
	left: 40px;
	position: absolute;
	top: 173px;
}
#header-banner {
	position: absolute;
	right: 63px;
	top: 84px;
	z-index: 6;
}
#primary_navigation {
	background: url("images/nav-bg.png") no-repeat scroll left top transparent;
	height: 48px;
	padding: 0 20px;
	position: relative;
	width: 960px;
	z-index: 7;
}
/*#sliderwrapper {



    position: relative;



    width: 100%;



    min-height: 0px;



    margin: 0px auto;



}*/







#slidercontainer {
	position: relative;
	width: 980px;
	height: 418px;
	z-index: 1;
}
#sliderarea {
	position: relative;
	width: 980px;
	height: 418px;
	z-index: 2;
}
/*#slidershadow {



    position: relative;



    width: 980px;



    height: 20px;



    z-index: 2;



}*/







/*#ctacontainer {



    position: relative;



    width: 100%;



    min-height: 0px;



    margin: 0px auto;



    z-index: 1;



}*/







#ctacontent {
	position: relative;
	width: 980px;
	min-height: 0px;
	z-index: 8;
	padding: 15px;
	z-index: 2;
}
#leftcta {
	position: relative;
	float: left;
	width: 365px;
	min-height: 200px;
	z-index: 3;
}
#centercta {
	position: relative;
	float: left;
	width: 255px;
	min-height: 200px;
	margin: 0px 50px;
	z-index: 3;
}
#rightcta {
	position: relative;
	float: right;
	width: 180px;
	min-height: 200px;
	z-index: 3;
}
/*#container {



    position: relative;



    min-height: 0px;



    width: 100%;



    margin: 0px auto;



    z-index: 1;



}*/







#content {
	min-height: 0;
	padding: 10px;
	position: relative;
	width: 920px;
	z-index: 2;
}
#leftcol {
	position: relative;
	float: left;
	width: 365px;
	min-height: 200px;
	z-index: 3;
}
#centercol {
	position: relative;
	float: left;
	width: 255px;
	min-height: 200px;
	margin: 0px 50px;
	z-index: 3;
}
#rightcol {
	position: relative;
	float: right;
	width: 180px;
	min-height: 200px;
	z-index: 3;
}
/*#randomtips {



    position: relative;



    width: 980px;



    min-height: 0px;



    padding: 15px;



    z-index: 2;



}*/







/*#bubbles {



    position: relative;



    width: 960px;



    min-height: 382px;



    padding-bottom: 20px;



    margin-left: 10px;



    z-index: 2;



}*/







/*#pagecontainer {



    position: relative;



    width: 100%;



    min-height: 0px;



    margin: 0px auto;



    z-index: 1;



}*/







#pagecontent {
	min-height: 0;
	padding: 30px 50px;
	position: relative;
	width: 880px;
	z-index: 2;
}
.page-template-page-packages-php #pagecontent {
	padding: 30px 50px 0;
}
.page-content {
	width: 880px;
	padding: 0 50px;
}
.home #pagecontent {
	padding: 20px 20px 0 20px;
	width: 940px;
}
body.single-product,  body.single-package {
	background: #fff;
}
.single-product #pagecontent,  .single-package #pagecontent {
	background: none repeat scroll 0 0 #FFFFFF;
	margin: auto;
	min-height: 0;
	padding: 40px 50px;
	position: relative;
	width: 640px;
	z-index: 2;
}
#pageleftcol {
	float: left;
	min-height: 427px;
	position: relative;
	width: 640px;
	z-index: 3;
}
#topsearchnavigation {
	position: relative;
	width: 100%;
	min-height: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ebe5e5;
	z-index: 4;
}
#bottomsearchnavigation {
	position: relative;
	width: 100%;
	min-height: 0px;
	z-index: 4;
}
#postsection {
	position: relative;
	width: 100%;
	min-height: 382px;
	margin: 0px 0px 10px 0px;
	z-index: 4;
}
.searchtermarea {
	position: relative;
	width: 100%;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #ebe5e5;
	margin-bottom: 10px;
	z-index: 5;
}
/*#tabscontainer {



    position: relative;



    width: 940px;



    min-height: 0px;



    padding: 0px 0px 40px 10px;



    z-index: 3;



}



*/







#pagerightcol {
	float: right;
	min-height: 387px;
	position: relative;
	width: 220px;
	z-index: 3;
}
#contactdetails {
	background: none repeat scroll 0 0 #E0E0E0;
	margin-bottom: 0;
	min-height: 50px;
	padding: 20px 20px 20px;
	position: relative;
	width: 218px;
	z-index: 4;
}
.map-icon {
	float: right;
}
#contentblock {
	position: relative;
	width: 270px;
	min-height: 0px;
	z-index: 4;
}
#threecolumns {
	padding: 0px 50px 20px 50px;
}
#threecolumns h3 {
	color: #0C78BE;
	font-family: 'Questrial', sans-serif;
	font-size: 20px;
	line-height: 30px;
	margin: 20px 0 10px;
}
#threecolumns h3 img {
	vertical-align: sub;
}
#threecolumns #leftcol {
	width: 280px;
	padding-right: 20px;
}
#threecolumns #centercol {
	margin: 0 0 0 20px;
	padding: 0 20px;
	width: 260px;
}
#threecolumns #rightcol {
	color: #0C78BE;
	font-size: 16px;
	line-height: 20px;
	padding-left: 20px;
	width: 220px;
}
#newslettercontainer {
	background: url("images/newsletter-bg.png") no-repeat scroll center top #FFFFFF;
	height: 132px;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 2;
	float: left;
}
#newslettercontent {
	height: auto;
	margin: 0 auto;
	padding: 10px 50px;
	position: relative;
	width: 880px;
	z-index: 2;
}
#newslettercontainer .gform_wrapper {
	margin: 0;
}
#newslettercontainer .gform_wrapper .gform_heading {
	background: url("images/pegapid.png") no-repeat scroll right center transparent;
	float: left;
	height: 114px;
	margin-bottom: 0;
	padding-left: 20px;
	padding-right: 70px;
	width: 270px;
}
#newslettercontainer .gform_wrapper .gform_title {
	color: #0C78BE;
	font-family: 'euphoria_scriptregular';
	font-size: 33px;
	line-height: 40px;
}
#newslettercontainer .gform_wrapper .gform_description {
	display: block;
	font-size: 14px;
	line-height: 17px;
}
#newslettercontainer .gform_wrapper .gform_body {
	float: left;
	padding: 28px 0 0 50px;
	width: 450px;
}
#newslettercontainer .gform_wrapper ul li.gfield {
	clear: none;
	float: left;
	margin: 0;
	padding: 0;
}
#newslettercontainer .gform_footer {
	display: block;
	float: left;
	text-align: right;
	width: 492px;
}
#footercontainer {
	position: relative;
	width: 100%;
	z-index: 1;
}
#footer {
	background: #f1f1f1 url(images/footer-bg.png) left top repeat-x;
	color: #646464;
	height: 94px;
	margin: 0 auto;
	padding: 20px;
	position: relative;
	width: 940px;
	z-index: 2
}
#copyright {
	position: absolute;
	left: 0px;
	top: 10px;
	color: #949393;
	font-size: 12px;
	line-height: 15px;
	z-index: 3;
}
#backtotop {
	background: url("images/backtotop.png") no-repeat scroll 0 0 transparent;
	bottom: 15px;
	color: #4B89A8;
	display: block;
	font-size: 12px;
	font-weight: bold;
	left: 20px;
	line-height: 12px;
	padding-left: 16px;
	position: absolute;
	z-index: 3;
}
#pwdlogo {
	background: url("images/pwdlogo.png") no-repeat scroll 0 0 transparent;
	display: block;
	float: right;
	height: 26px;
	position: relative;
	right: 0;
	text-indent: -99999em;
	top: 30px;
	width: 131px;
	z-index: 3;
}
.social-icon {
	display: block;
	float: right;
	margin-left: 5px;
}
.sidebar-social-icon {
	width: 100%;
	float: left;
	margin-bottom: 0px;
}
.sidebar-social-icon .social-icon {
	float: left;
}
/*/////////////////////////////////////////////////////////////////////////////



    Navigation



/////////////////////////////////////////////////////////////////////////////*/







#primary_navigation {
	background: url("images/nav-bg.png") no-repeat scroll left top transparent;
	height: 48px;
	position: relative;
	width: 980px;
	z-index: 7;
}
#primary_navigation ul {
	float: left;
	height: 48px;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#primary_navigation li {
	position: relative;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	list-style: none;
}
#primary_navigation li a {
	color: #A5E8FF;
	display: block;
	font-family: 'Questrial', sans-serif;
	font-size: 16px;
	font-weight: lighter;
	height: 20px;
	line-height: 20px;
	padding: 14px 14px;
	text-decoration: none;
}
#primary_navigation a:hover {
	color: #fff;
}
#primary_navigation .current_page_item a {
	color: #fff;
}
/*--second level------------------------------------------*/







#primary_navigation :hover > a, #primary_navigation ul ul :hover > a {
	color: #fff;
}
#primary_navigation ul ul :hover > a, #primary_navigation ul ul ul :hover > a {
	color: #fff;
}
#primary_navigation ul li ul {
	position: absolute;
	width: 184px;
	min-height: 0px;
	left: 0px;
	visibility: hidden;
}
#primary_navigation ul ul li {
	background: url("images/nav-bg.png") no-repeat scroll left top transparent;
	margin-left: 9px;
	border-bottom: 1px #777 solid;
}
#primary_navigation ul ul li:last-child {
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	border: 0px;
}
#primary_navigation ul ul li a {
	width: 170px;
	padding: 7px 4px 7px 10px;
	border-bottom: 0px;
	color: #A5E8FF !important;
	font-size: 14px;
	line-height: 14px;
}
#primary_navigation ul ul li a:hover {
	color: #fff !important;
}
#primary_navigation ul ul .current_page_item a {
	color: #fff !important;
}
#primary_navigation ul ul .current_page_item ul li a {
	color: #fff !important;
}
#primary_navigation ul ul .current_page_item a:hover {
	color: #fff !important;
}
/*--third level-------------------------------------------*/



#primary_navigation ul ul ul {
	width: 184px;
	top: 0px;
	left: 184px;
	min-height: 0px;
}
#primary_navigation ul ul ul li:first-child {
}
#primary_navigation ul ul ul li:last-child {
}
#primary_navigation ul ul ul li:only-child {
	border: 0px;
}
#banner-side {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.39);
	height: 418px;
	position: absolute;
	right: 0;
	width: 356px;
	z-index: 10;
}
#banner-side.inner-page {
	height: 264px;
}
#banner-side .box {
	background: none repeat scroll 0 0 rgba(0, 115, 185, 0.95);
	color: #A5E8FF;
	float: right;
	font-family: 'Questrial', sans-serif;
	font-size: 18px;
	height: 370px;
	line-height: 24px;
	padding: 10px 20px 20px;
	position: relative;
	width: 294px;
}
#banner-side.inner-page .box {
	height: 218px;
}
#banner-side .box .call {
	background: url("images/call-contact-icon.png") no-repeat scroll left center transparent;
	/* border-bottom: 1px solid #97C3E0; */



	color: #FFFFFF;
	height: 70px;
	margin-bottom: 20px;
	padding: 10px 0 10px 68px;
}
#banner-side.inner-page.contact .box {
	height: 234px;
}
#banner-side.inner-page.contact .box .cell {
	margin-bottom: 15px;
}
#banner-side .box .call .name {
	color: #FFFFFF;
	font-size: 18px;
	line-height: 28px;
	margin: 0;
}
#banner-side .box .call .phone-bumber {
	color: #FFFFFF;
	font-size: 34px;
	line-height: 38px;
	margin: 0;
}
#banner-side .box .menu {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
}
#banner-side .box .menu li a {
	background: url("images/arrow-right.png") no-repeat scroll 290px center #FFFFFF;
	border-top: 3px solid #036EB5;
	color: #0C78BE;
	display: block;
	float: none;
	font-size: 26px;
	line-height: 40px;
	padding: 10px 18px;
}
#banner-side .box .menu li a:hover {
	background: url("images/arrow-right.png") no-repeat scroll 300px center #FFFFFF;
}
/*--show second level on first level hover----------------*/



#primary_navigation ul li:hover ul, #primary_navigation ul a:hover ul {
	visibility: visible;
}
/*--hide third level on second level hover----------------*/



#primary_navigation ul :hover ul ul {
	visibility: hidden;
}
/*--show third level on second level hover----------------*/



#primary_navigation ul :hover ul :hover ul {
	visibility: visible;
}
/*/////////////////////////////////////////////////////////////////////////////



    BX Slider



/////////////////////////////////////////////////////////////////////////////*/







#slidercontainer .bx-window {
	position: relative;
	height: 418px;
	width: 980px;
	z-index: 3;
}
#slidercontainer.inner-page {
	height: 264px;
	background: url(images/spa-packages.jpg) left top no-repeat;
}
#slider, #slider li {
	float: left;
	height: 418px;
	position: relative;
	width: 980px
}
#slider p {
	margin: 0px !important;
}
#slider img {
	height: 418px;
	width: 980px;
}
#slider li .sliderimage {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 0;
}
#slider li .slidertext {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
	bottom: 0;
	color: #FFFFFF;
	display: block;
	left: 0;
	padding: 20px;
	position: absolute;
	width: 615px;
}
/*-- Previous and Next Buttons ----------------*/







/*.bx-prev, .bx-next {



    display: none;



    position: absolute;



    left: 0px;



    top: 125px;



    width: 13px;



    height: 83px;



    display: block;





    text-indent: -99999em;



    z-index: 4;



}  







.bx-next { 



    left: 942px;



    



}*/ 







/*-- Control Panel ----------------*/







.bx-pager {
	bottom: 10px;
	float: none;
	height: 16px;
	left: auto;
	margin: auto;
	position: absolute;
	right: 5px;
	text-align: center;
	top: auto;
	width: auto;
	z-index: 5;
	display: none;
}
.bx-pager a {
	position: relative;
	float: left;
	margin-right: 8px;
	width: 16px;
	height: 16px;
	display: block;
	background: #77bee4;
	text-indent: -99999em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	;
}
.bx-pager a:hover, .bx-pager .pager-active {
	background: #1273af !important;
}
.bx-auto {
	display: none;
}
#tagline-slider {
	background: #0C78BE;
	color: #FFFFFF;
	font-family: 'Questrial', sans-serif;
	font-size: 18px;
	line-height: 24px;
	margin: 10px auto;
	width: 960px;
}
#tagline-slider .inner {
	min-height: 44px;
	padding: 12px 30px;
}
#tagline-slider p {
	margin: 0;
}
#tagline-slider a {
	color: #a5e8ff;
}
/*/////////////////////////////////////////////////////////////////////////////



    The Content



/////////////////////////////////////////////////////////////////////////////*/







/*-- List Section ----------------*/







#content ul, #content ol {
	position: relative;
	margin: 10px 0px 10px 20px;
}
#pagecontent ul, #pagecontent ol {
	position: relative;
	margin: 10px 0px 10px 40px;
}
#pagecontent ul {
	list-style: disc outside none;
}
#pagecontent ol {
	list-style: decimal outside none;
}
#content ul li, #pagecontent ul li {
}
#content ol li, #pagecontent ol li {
}
/*-- Search and Paginate Section ----------------*/







/*.wp-paginate {



    margin: 0px 0px 10px 0px !important;



    left: 0px;



    float:right;



}







.wp-paginate li {



    position: relative;



    float: left;



    margin: 0px 0px 0px 8px !important;



    list-style: none;



}







.wp-paginate li a {



    position: relative;



    display: block;



    font-size: 12px;



    width: 28px;



    height: 12px;



    padding: 4px 0px 3px 0px;



    background: url(images/paginationbutton.png) no-repeat;



    text-align: center;



    line-height: 12px;



    color: #fff;



}







.wp-paginate li a:hover, .current {



    position: relative;



    display: block;



    font-size: 12px;



    width: 28px;



    height: 12px;



    padding: 4px 0px 3px 0px;



    background: url(images/paginationbutton.png) no-repeat;



    text-align: center;



    line-height: 12px;



    color: #ff7700 !important;



}







.postmetadata {



    font-size: 10px;



    color: #f4e064;



    line-height: 10px;



    margin: 0px 0px 10px 0px;



}*/







/*-- Random Tips Section ----------------*/







/*#tips {



    position: relative;



    width:980px;



    min-height: 0px;



    margin:0;



    padding:0;



    list-style:none;



}







#tips li{



    display:none;



    margin:0;



    padding:0;



    list-style:none;



}*/







/*-- Pop Up Bubbles Section ----------------*/







/*.webkit .bubble, .gecko .bubble, .ie9 .bubble {



    position: relative;



    float: left;



    min-height: 172px;



    width: 172px;



    margin: 0px 20px 20px 0px;



}







.ie7 .bubble {



    float: left;



    min-height: 172px;



    width: 172px;



    margin: 0px 20px 20px 0px;



}







.ie8 .bubble {



    position: relative;



    float: left;



    min-height: 172px;



    width: 172px;



    margin: 0px 20px 20px 0px;



}







.lastbubble {



    margin: 0px 0px 20px 0px !important;



}







.trigger {



    position: relative;



    z-index: 8;



}







.popup {



    position: absolute;



    display: none;



    border-collapse: collapse;



    width:400px;



    min-height: 100px;



    padding:15px;



    border:1px solid #2bb6eb;



    color: #444;



    font-size: 12px;



    line-height: 18px;



    box-shadow: 5px 5px 5px #567c90;



    -moz-border-radius:15px !important;



    -webkit-bordert-radius:15px !important;



    border-radius: 15px !important;



    z-index: 999999 !important;



}







.trigger p {



    margin: 0px !important;



}







.trigger p img {



    border: 7px #7fb5d1 solid;



}







.bubblebg1 .popup, .bubblebg8 .popup, .bubblebg15 .popup, .bubblebg17 .popup, .bubblebg24 .popup {



   



}







.bubblebg2 .popup, .bubblebg10 .popup, .bubblebg11 .popup, .bubblebg19 .popup, .bubblebg23 .popup {



   



}







.bubblebg3 .popup, .bubblebg9 .popup, .bubblebg12 .popup, .bubblebg16 .popup, .bubblebg25 .popup {



    



}







.bubblebg4 .popup, .bubblebg6 .popup, .bubblebg13 .popup, .bubblebg20 .popup, .bubblebg22 .popup {



    



}







.bubblebg5 .popup, .bubblebg7 .popup, .bubblebg14 .popup, .bubblebg18 .popup, .bubblebg21 .popup {



    



}







.ie7 .bubblebg1 .popup, .ie7 .bubblebg2 .popup, .ie7 .bubblebg3 .popup, .ie7 .bubblebg4 .popup, .ie7 .bubblebg5 .popup {



    top: -110px !important;



}







.ie7 .bubblebg6 .popup, .ie7 .bubblebg7 .popup, .ie7 .bubblebg8 .popup, .ie7 .bubblebg9 .popup, .ie7 .bubblebg10 .popup {



    top: 82px !important;



}







.ie7 .bubblebg11 .popup, .ie7 .bubblebg12 .popup, .ie7 .bubblebg13 .popup, .ie7 .bubblebg14 .popup, .ie7 .bubblebg15 .popup {



    top: 254px !important;



}







.ie7 .bubblebg16 .popup, .ie7 .bubblebg17 .popup, .ie7 .bubblebg18 .popup, .ie7 .bubblebg19 .popup, .ie7 .bubblebg20 .popup {



    top: 426px !important;



}







.ie7 .bubblebg21 .popup, .ie7 .bubblebg22 .popup, .ie7 .bubblebg23 .popup, .ie7 .bubblebg24 .popup, .ie7 .bubblebg25 .popup {



    top: 598px !important;



}







.ie7 .bubblebg1 .popup, .ie7 .bubblebg6 .popup, .ie7 .bubblebg11 .popup, .ie7 .bubblebg16 .popup, .ie7 .bubblebg21 .popup {



    left: -33px !important;



}







.ie7 .bubblebg2 .popup, .ie7 .bubblebg7 .popup, .ie7 .bubblebg12 .popup, .ie7 .bubblebg17 .popup, .ie7 .bubblebg22 .popup {



    left: 159px !important;



}







.ie7 .bubblebg3 .popup, .ie7 .bubblebg8 .popup, .ie7 .bubblebg13 .popup, .ie7 .bubblebg18 .popup, .ie7 .bubblebg23 .popup {



    left: 351px !important;



}







.ie7 .bubblebg4 .popup, .ie7 .bubblebg9 .popup, .ie7 .bubblebg14 .popup, .ie7 .bubblebg19 .popup, .ie7 .bubblebg24 .popup {



    left: 406px !important;



}







.ie7 .bubblebg5 .popup, .ie7 .bubblebg10 .popup, .ie7 .bubblebg15 .popup, .ie7 .bubblebg20 .popup, .ie7 .bubblebg25 .popup {



    left: 543px !important;



}*/







/*-- Tabs Section ----------------*/







/*ul.tabNavigation {



    position: relative;



    height: 43px;



    width: 920px;



    list-style: none;



    margin: 0px 0px 0px 10px !important;



    padding: 0;



}







ul.tabNavigation li {



    position: relative;



    float: left;



    padding: 0px;



    text-align: left;



    list-style: none;



    background: #8fae0b;



    margin: 0px 10px 0px 0px;



    display: inline;



}







ul.tabNavigation li a {



    padding: 12px 5px 11px 5px;



    height: 20px;



    line-height: 20px;



    display: block;



    font-size: 16px;



    color: #433a35;



    text-decoration:none;



}







ul.tabNavigation li a.selected, ul.tabNavigation li a:hover {



    background: #587e04;



    -moz-border-radius: 5px 5px 0px 0px;



    -webkit-border-radius: 5px 5px 0px 0px;



    border-radius: 5px 5px 0px 0px;



    color: #fff;



}



        



ul.tabNavigation li a:focus {



    outline: 0;



}







#first, #second, #third, #fourth, #fifth  {



    position: relative;



    min-height: 0px;



    width: 887px;



    marign: 43px 0px 0px 0px;



    padding: 20px;



    border: 1px solid #a4be43;



    -moz-border-radius: 5px;



    -webkit-border-radius: 5px;



    border-radius: 5px;



}*/







/*-- Read More Buttons Section ----------------*/







.readmore {
	position: relative;
	float: right;
	width: 200px;
	height: 50px;
	color: #fff;
	font-weight: bold;
	background: #00b0ca;
	padding: 5px;
	text-shadow: 0px 0px 21px #000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, .5);
	display: block;
	text-align: center;
	margin: 10px 0px;
}
.readmore:hover {
	color: #fff;
	background: #478547;
}
/*-- Tables Section ----------------*/







#content table, #pagecontent table {
	margin: 10px 0px;
}
#content thead td, #pagecontent thead td, #content th, #pagecontent th {
	background: #ea3338;
	color: #fff;
	padding: 5px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-weight: bold;
}
#content td, #pagecontent td {
	padding: 5px 10px;
	vertical-align: top;
}
/*-- Gravity Forms Section ----------------*/







.gform_wrapper ul {
	margin: 0px !important;
}
.gform_wrapper ul li {
	margin: 10px 0px !important;
	padding: 0px !important;
	list-style-image: none !important;
	list-style: none !important;
}
.gfield_label {
	font-weight: lighter !important;
}
.gfield_required {
	color: #ff0000 !important;
	font-weight: lighter !important;
}
.ginput_container input {
	background: none repeat scroll 0 0 #DBDBDB;
	border: 1px solid #DBDBDB;
	color: #333;
	font-size: 12px !important;
	height: 16px !important;
	line-height: 17px !important;
	margin-top: 3px;
	padding: 8px !important;
	width: 200px;
	margin-right: 5px;
}
#newslettercontainer .ginput_container input {
	background: none repeat scroll 0 0 #272727;
	border: 1px solid #7C7C7C;
	color: #fff;
}
.ginput_container textarea {
	background: none repeat scroll 0 0 #DBDBDB;
	border: 1px solid #DBDBDB;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	height: 100px;
	margin-top: 3px;
	padding: 5px !important;
	width: 400px !important;
}
.ginput_container input:focus, .ginput_container textarea:focus {
	color: #333;
}
.gform_button {
	background: none repeat scroll 0 0 #8C8C8C;
	border: 1px solid #A5A5A5;
	color: #FFFFFF !important;
	cursor: pointer;
	font-size: 11px;
	height: 24px;
	line-height: 10px;
	padding: 4px !important;
	text-transform: uppercase;
	width: 100px !important;
}
.gform_button:focus, .gform_button:hover {
	color: #c1d8e6 !important;
}
.gform_validation_container {
	display: none;
}
/*-- Error Section ----------------*/







.validation_error {
	color: #70a7c5 !important;
	font-weight: lighter !important;
	font-size: 12px !important;
	margin: 10px 0px !important;
}
.gfield_error {
	background: none !important;
	border: 0px !important;
	color: #70a7c5 !important;
	padding: 0px !important;
}
.gfield_error .gfield_label {
	color: #2b424b !important;
	font-weight: lighter !important;
}
.validation_message {
	color: #397d9f !important;
	padding: 2px 0px 0px 0px !important;
}
.gfield_error input, .gfield_error textarea {
	background: #ff0000 !important;
	color: #fff !important;
	border: 1px #ff0000 solid !important;
}
.gfield_error input:focus, .gfield_error textarea:focus {
	color: #fff !important;
}
 input::-webkit-input-placeholder {
 color:    #999 !important;
}
 input:-moz-placeholder {
 color:   #999 !important;
}
 input:-ms-input-placeholder {
 color:    #999 !important;
}







::-webkit-input-placeholder {
 color:   #999 !important;
}



:-moz-placeholder {
 color:   #999 !important;
}



:-ms-input-placeholder {
 color:   #999 !important;
}
 #newslettercontainer input::-webkit-input-placeholder {
 color:    #535353 !important;
}
 #newslettercontainer input:-moz-placeholder {
 color:   #535353 !important;
}
 #newslettercontainer input:-ms-input-placeholder {
 color:    #535353 !important;
}
 #newslettercontainer ::-webkit-input-placeholder {
 color:   #535353 !important;
}
 #newslettercontainer :-moz-placeholder {
 color:   #535353 !important;
}
 #newslettercontainer :-ms-input-placeholder {
 color:   #535353 !important;
}
/*/////////////////////////////////////////////////////////////////////////////



    The Footer



/////////////////////////////////////////////////////////////////////////////*/







#copyright {
	color: #949393;
	float: left;
	font-size: 12px;
	left: 20px;
	line-height: 15px;
	position: absolute;
	top: 20px;
	z-index: 3;
	right: 60px;
}
#copyright a {
	color: #949393;
}
#copyright a:hover {
	color: #000;
}
.footer_current_page {
	color: #000 !important;
	display: inline;
}
#backtotop:hover {
	color: #77bee4;
}
#footer-banner {
	padding: 0 20px;
}
#footer-banner p {
	margin: 0;
}
#footer img {
	margin-top: 25px;
}
#footer-menu ul {
	float: left;
	position: relative;
	display: inline;
}
#footer-menu li {
	background: url("images/footer-line-h.png") no-repeat scroll right center transparent;
	padding-right: 9px;
	margin-right: 5px;
	display: inline-block;
	float: left;
}
#footer-menu ul li {
	float: left;
}
#footer-menu ul li ul.children {
	float: left;
	position: relative;
}
#footer-menu li:last-child {
	background: none;
}
#footer-menu li a {
	color: #949393;
	text-decoration: none;
	font-size: 12px;
	float: left;
}
#footbar a:visited {
	color: #999;
	text-decoration: none;
}
#footbar a:hover {
	color: #999;
}
#pwd_footer_bar {
	height: 12px;
	line-height: 12px;
	margin: -36px auto auto;
	padding: 10px 0 5px;
	position: relative;
	text-align: center;
	width: 300px;
	z-index: 20;
}
.products-lists {
	padding: 0 20px;
}
.products-lists .products-title {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 20px;
}
.products-lists ul {
	width: 100%;
	float: left;
}
.products-lists ul li.product {
	float: left;
	padding: 10px 1%;
	text-align: center;
	width: 23%;
}
.products-lists ul li.product a.image-thumbnail {
}
.products-lists ul li.product a.image-thumbnail img {
}
.products-lists ul li.product .product-title {
}
.products-lists ul li.product .product-title a {
	font-size: 14px;
}
#page-packages {
	padding: 0 50px;
}
#page-packages h3.category {
	color: #989898;
}
.packages-list {
	width: 100%;
	float: left;
}
.packages-list li.package {
	float: left;
	padding: 10px 1%;
	text-align: center;
	width: 23%;
}
.packages-list li.package h3.category {
	color: #989898;
	font-size: 15px;
	margin: 0 0 10px 0;
}
.packages-list li.package a.image-thumbnail {
}
.packages-list li.package a.image-thumbnail img {
	border: 0 none;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	display: block;
	margin: auto;
	padding: 1px;
}
.packages-list li.package .package-title a {
	font-size: 14px
}
#list-products h4 {
	color: #0C78BE !important;
}
#list-products li.box {
	list-style: none;
	border-bottom: 1px solid #CCC;
	padding: 20px 0;
}
#list-products li.box:last-child {
	border: none;
}
#list-products .product-manual {
	float: right;
	margin: 0 0 0 20px;
	position: relative;
	width: 250px;
	z-index: 50;
}
#list-products .product-manual p.spec {
	margin: 15px 0;
	background: url(images/icon-spec.png) no-repeat;
}
#list-products .product-image {
	float: right;
	padding: 5px;
	border: 1px solid #CCC;
	margin: 0 0 0 15px;
	box-shadow: 2px 3px 5px;
	-moz-box-shadow: 2px 3px 5px;
	-webkit-box-shadow: 2px 3px 5px;
}
#list-products .product-image img {
	width: 250px !important;
	height: auto;
}
#list-products .product-content li {
	list-style-image: url(images/bullet-dolphin.png);
}

#detail-short-readmore{
    background-color: #0C78BE;
    color: #FFFFFF;
    display: inline;
    font-family: Questrial;
    padding: 5px;
}
#detail-short-hide{
    background-color: #0C78BE;
    color: #FFFFFF;
    display: inline;
    font-family: Questrial;
    padding: 5px;
}