/*  
Theme Name: Phi Phi Cruisers 2012
Theme URI: http://www.phiphi-cruisers.com/2012
Description: A Wordpress's theme developed especially for Phi Phi Cruisers
Version: 1.0
Author: INIT
Author URI: http://www.init.com
*/

* {
    margin: 0;
    padding: 0;
}

body {
	background: url("images/bg.gif") repeat-x scroll 0 0 #E6EBEC;
    color: #A2A3A3;
    font: 12px/1.35 Arial,Helvetica,sans-serif;
}

h1 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.15;
}

h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.25;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
}

h4 {
    font-size: 14px;
    font-weight: bold;
}

h5 {
    font-size: 12px;
    font-weight: bold;
}

h6 {
    font-size: 11px;
    font-weight: bold;
}

form {
    display: inline;
}

fieldset {
    border: 0 none;
}

legend {
    display: none;
}

table {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}

strong {
    font-weight: bold;
}

img {
    border: 0 none;
    vertical-align: top;
}

.wrapper {
    background: url("images/wrapper.jpg") no-repeat scroll 50% 0 transparent;
}

.page {
    margin: 0 auto;
    text-align: left;
    width: 990px;
}

.header .logo {
    margin: 23px 0 0;
    position: absolute;
    text-decoration: none !important;
}

.header .logo strong {
    font-size: 0;
    height: 0;
    left: -999em;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -999em;
    top: -999em;
    width: 0;
}

strong {
    font-weight: bold;
}

img {
    border: 0 none;
    vertical-align: top;
}

.header .welcome-msg {
    background: url("images/bg_welcome.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 40px;
    margin-bottom: 6px;
    padding: 0 0 0 10px;
}

.header .welcome-msg span {
    background: url("images/bg_welcome.png") no-repeat scroll 100% 0 transparent;
    color: #129DC6;
    float: left;
    font-weight: bold;
    height: 32px;
    padding: 8px 10px 0 0;
}

.header .quick-access {
    padding: 23px 0 0;
}

ul, ol {
    list-style: none outside none;
}

.header .menu-top-menu-container {
    clear: both;
    float: right;
    padding: 0 20px 0 0;
}

.header .menu-top-menu-container li {
    float: left;
    height: 39px;
    padding: 0 0 0 10px !important;
	display: inline;
}

.header .menu-top-menu-container li a {
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    height: 32px;
    padding: 7px 10px 0 0 !important;
    text-decoration: none;
}

.header .menu-top-menu-container li:hover {
    background: url("images/bg_links.png") no-repeat scroll 0 0 transparent !important;
}
.header .menu-top-menu-container li:hover a {
    background: url("images/bg_links.png") no-repeat scroll 100% 0 transparent !important;
}

.clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #menu-primary-menu:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.menu-primary-menu-container {
    background: url("images/top_bg.gif") no-repeat scroll 0 0 transparent;
    height: 64px;
    padding: 20px 0 0 20px;
}



#menu-primary-menu {
	background: url("images/nav_bg.gif") repeat-x scroll 0 0 transparent;
    float: left;
	position:relative;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 55px;
	top:0px;
    z-index: 1000;
	margin:0px;
}


#menu-primary-menu > li:first-child {
    background: url("images/nav_first.gif") no-repeat scroll 0 0 transparent;
}

#menu-primary-menu > li:last-child > a {
    background: url("images/nav_last.gif") no-repeat scroll 100% 0 transparent;
}

#menu-primary-menu > li > a:hover {
    background: url("images/nav_hover.gif") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
}

#menu-primary-menu > li:first-child > a:hover {
    background: url("images/nav_hover_first.gif") no-repeat scroll 0 0 transparent;
}

#menu-primary-menu li {
    display: block;
    float: left;
    font-size: 1em;
    position: relative;
    z-index: 10;
}

#menu-primary-menu a {
    background: url("images/nav_sp.gif") no-repeat scroll 100% 0 transparent;
    color: #2B2C2C;
    display: block;
    font-weight: bold;
    padding: 14px 18px 17px 17px;
    text-transform: uppercase;
	text-decoration: none;
}

/** Drop Down Menu **/

/* sub levels link hover */

#menu-primary-menu ul li:hover a, #menu-primary-menu li:hover li a {
	
}

#menu-primary-menu ul a:hover {
	background: url("images/sub_hover.gif") repeat-x scroll 0 100% #038DB7;
    border-right: 1px solid #026787;
	color:white;
}

/* dropdown */

#menu-primary-menu li:hover > ul {
	display: block;
}

/* level 2 list */

#menu-primary-menu ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 230px;
	position: absolute;
	top: 55px;
	left: 0;
	background:url(images/white90.png) repeat;
	background-color:rgba(255,255,255, .9);
}

#menu-primary-menu ul li {
	float: none;
	margin: 0;
	padding: 0;
	background: url("images/sub.gif") repeat-x scroll 0 #FFFFFF;
    border-right: 1px solid #DFE2E4;
}

#menu-primary-menu ul a {
    background: url("images/sub.gif") repeat-x scroll 0 #FFFFFF;
    color: #888888;
    float: none;
    font-family: Arial,Helvetica;
    font-size: 12px;
    font-weight: normal;
    padding: 8px 9px 8px 12px;
    text-transform: none;	
}

/* level 3+ list */

#menu-primary-menu ul ul {
	left: 230px;
	top: 0px;
}

/* clearfix */

#menu-primary-menu:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#menu-primary-menu {
	display: inline-block;
} 

html[xmlns] #menu-primary-menu {
	display: block;
}

* html #menu-primary-menu {
	height: 1%;
}


/** End Drop Down **/

.home_link {
    background: url("images/home_link.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 55px;
    width: 48px;
}

a, a:visited {
    color: #FF2F07;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

.main-container {
    background: url("images/cont_tile.gif") repeat-y scroll 0 0 transparent;
}

.main {
    background: url("images/cont_bot.gif") no-repeat scroll 0 100% transparent;
    padding: 0 20px 12px;
}

.col-main {
    float: left;
    width: 710px;
}

.col-right {
    float: right;
    width: 230px;
}

.indexpl {
		
}

.indexpr {
	width: 297px;	
}

.row:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

#teaser {
    height: 102px;
    margin-top: 2px;
    padding-top: 20px;
    white-space: nowrap;
    width: 950px;
	overflow:hidden;
}

.promospace {
    cursor: pointer;
    display: block;
    float: left;
    height: 70px;
    padding-right: 27px;
    position: relative;
    white-space: normal;
    width: 210px;
    z-index: 0;
}

.promospace:hover h1 a {
	color:#FF2E07;
	text-decoration:underline;	
}

.promospace:hover {
	color:#000000 !important;	
}


.promospace h1 a {
    color: #013E55;
    margin-bottom: 5px;
	text-decoration:none;
}

.promospace h1 {
    margin-bottom: 5px;
}

#subbannerbottom {
	margin-top:20px;	
}

.col2-right-layout .col-main .bgs2 {
    background: url("images/main_bg_left2.gif") repeat-y scroll 0 0 transparent;
}

.col2-right-layout .col-main .bgs1 {
    background: url("images/main_bg_left1.gif") no-repeat scroll 0 0 transparent;
}

.col2-right-layout .col-main .bgs3 {
    background: url("images/main_bg_left3.gif") no-repeat scroll 0 100% transparent;
    padding: 10px;
	min-height:400px;
}

.footer {
    background: url("images/footer.png") no-repeat scroll 0 0 transparent;
    padding: 29px 0 30px 22px;
}

.footer ul {
    float: left;
}

.footer ul li {
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 0 16px 0 0;
}

.footer ul li a {
    color: #013E55;
    text-decoration: none;
}
.footer ul li a:hover {
    text-decoration: underline;
}

.footer address {
    color: #A2A3A3;
    display: block;
    padding: 12px 0 0;
}

.footer-container {
	position:relative;
}

#cardlogos {
	position:absolute;
	top:20px;
	right:20px;	
}

address {
    font-style: normal;
}

.clear {
    clear: both;
    font-size: 0;
    height: 1px;
    line-height: 0;
}

.page-title {
    background: url("images/title_bg1.gif") no-repeat scroll 0 0 transparent;
    height: 54px;
    margin: 0 0 10px;
}

.page-title h1, .page-title h2 {
    background: url("images/title_bg2.gif") no-repeat scroll 100% 0 transparent;
    color: #FFFFFF;
    font-family: "Trebuchet MS",Arial;
    font-size: 17px;
    font-weight: bold;
    height: 35px;
    padding: 19px 0 0 20px;
    text-transform: uppercase;
}

.cms-index-index .bgs1, .cms-index-index .bgs2, .cms-index-index .bgs3, .catalog-category-view .bgs1, .catalog-category-view .bgs2, .catalog-category-view .bgs3, .catalogsearch-result-index .bgs1, .catalogsearch-result-index .bgs2, .catalogsearch-result-index .bgs3, .catalogsearch-advanced-result .bgs1, .catalogsearch-advanced-result .bgs2, .catalogsearch-advanced-result .bgs3, .tag-product-list .bgs1, .tag-product-list .bgs2, .tag-product-list .bgs3 {
    background: none repeat scroll 0 0 transparent !important;
    padding: 0 !important;
}

.block {
    background: url("images/block_tile.gif") repeat-y scroll 0 0 transparent;
    margin: 0 0 10px;
}

.block .block-title {
    background: url("images/block_top.gif") no-repeat scroll 0 0 transparent;
    padding: 10px 0 0 10px;
}

.block-search .block-content {
    min-height: 10px;
}

.block .block-content {
    background: url("images/block_bot.gif") no-repeat scroll 0 100% transparent;
    color: #A2A3A3;
    min-height: 45px;
    padding: 10px;
}

.block .block-title strong {
    color: #2B2C2C;
    font-family: "Trebuchet MS",Arial,Helvetica;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
}

.block .block-title strong {
    background: url("images/icon_default.gif") no-repeat scroll 0 0 transparent;
    color: #2B2C2C;
    display: block;
    font-family: "Trebuchet MS",Arial,Helvetica;
    font-size: 17px;
    font-weight: bold;
    padding: 7px 0 8px 44px;
    text-transform: uppercase;
}

.block-search .input-box {
    float: left;
    width: 180px;
}

.block .block-content {
    color: #A2A3A3;
}

input.input-text, textarea {
    padding: 2px;
}

input.input-text, select, textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
}

input, select, textarea, button {
    color: #000000;
    font: 12px Arial,Helvetica,sans-serif;
    vertical-align: middle;
}

button.button {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: auto;
}

button.button span {
    color: #FF2F07;
    float: left;
    font: 12px/18px Arial,Helvetica,sans-serif;
    height: 18px;
    text-align: center;
    text-decoration: underline;
    white-space: nowrap;
}

.block button span, #paypalForm button span {
    background: url("images/btn.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font: bold 15px/31px "Trebuchet MS",Arial,Helvetica,sans-serif;
    height: 31px;
    padding: 0 0 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}

button.button {
    cursor: pointer;
}

.block-search button span span {
    display: none;
}

.block button span span {
    background: url("images/btn.png") no-repeat scroll 100% 0 transparent;
    padding: 0 10px 0 0;
}

.block-search button span {
    background: url("images/btn_search.gif") no-repeat scroll 0 0 transparent;
    height: 29px;
    padding: 0;
    width: 29px;
}

.block-search button {
    float: left;
    margin: 0 -11px 0 -3px;
}

.block-search .input-text {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DEE3E4 -moz-use-text-color #DEE3E4 #DEE3E4;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    color: #CCCCCC;
    height: 23px;
    line-height: 23px;
    width: 175px;
}

.block-search .block-title strong {
    background: url("images/icon_search.gif") no-repeat scroll 0 0 transparent;
}

.block-related .block-title {
    background: none repeat scroll 0 0 transparent !important;
}

.block-related {
    background: url("images/block_tile_blue.gif") no-repeat scroll 0 0 transparent;
}

.block-related .block-title strong {
    background: url("images/icon_related.gif") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
}

.block-related .block-title strong {
    color: #FFFFFF;
}

.block-related .block-content {
    background: url("images/block_bot_blue.gif") no-repeat scroll 0 100% transparent;
    color: #FFFFFF;
}

.block-related a, .block-related a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.block-related a:hover {
    text-decoration: underline;
}

.block-poll .block-title strong {
    background: url("images/icon_poll.gif") no-repeat scroll 0 0 transparent;
}

.block-poll .block-subtitle {
    background: url("images/poll_top.gif") no-repeat scroll 0 0 #013E55;
    font-size: 12px;
    margin-bottom: 16px;
    width: 210px;
}

.block-poll .block-subtitle span {
    background: url("images/poll_bot.gif") no-repeat scroll 0 100% transparent;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    line-height: 17px;
    padding: 7px 0 7px 10px;
}

.block-poll .actions {
    margin: 5px 0 0;
    padding: 0 0 0 20px;
    text-align: left;
}

.block button span span, #paypalForm button span span {
    background: url("images/btn.png") no-repeat scroll 100% 0 transparent;
    padding: 0 10px 0 0;
}

.sidebar .paypal-logo {
    display: block;
    margin: 20px 0;
    text-align: center;
}

.sidebar .paypal-logo a {
    float: none;
}

.alignleft { float:left; margin-right:20px; margin-bottom:20px; }
.alignright { float:left; margin-left:20px; margin-bottom:20px; }
.entry img {
padding:5px;
background:#fff;
border:1px solid #DDD;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
.entry { color:#666;padding:10px;text-align:justify; }
.entry p { margin-bottom:15px; }
.entry h2 { border-bottom:1px solid #DDD; padding:3px 0;margin:15px 0; color:#013E55; font-size:20px; }
.indexpl .entry { padding:0px; }
.indexpl .entry img {
padding:0px;
background:none;
border:0px;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;
}

/* Slider */
.scroller_bg1 {
    background: url("images/scroller_bg1.gif") no-repeat scroll 0 0 transparent;
    margin-bottom: 10px;
}

.scroller_bg2 {
    background: url("images/scroller_bg2.gif") no-repeat scroll 0 100% transparent;
    overflow: hidden;
    padding: 16px 0 25px;
}

.scroller_bg2 .prev {
    background: url("images/prev.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 29px;
    margin: 91px 0 0;
    position: absolute;
    width: 24px;
}

.scroller_bg2 .next {
    background: url("images/next.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 29px;
    margin: 91px 0 0 686px;
    position: absolute;
    width: 24px;
}

.scroller_bg2 h2 {
    color: #FFFFFF;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: bold;
    padding: 0 0 15px 21px;
    text-transform: uppercase;
}

.scroller_place {
    height: 170px;
    overflow: hidden !important;
    padding: 0 0 0 30px;
    width: 650px;
}

#viewport {
    overflow: hidden;
    position: absolute;
    width: 655px;
    z-index: 100;
}

#viewport ul {
    padding: 0;
    position: relative;
    z-index: 1;
}

#viewport li {
    float: left;
    width: 218px;
}

#viewport li img {
    border: 2px solid #FFFFFF;
    margin-bottom: 7px;
}

#viewport li p {
    color: #FFFFFF;
}

#viewport li p a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

.indexpl .entry {
	margin-bottom:10px;	
}

.products-grid {
    margin: 0 -20px 10px 0;
    position: relative;
}

.products-grid li.item {
    background: url("images/grid2.gif") repeat-y scroll 0 0 transparent;
    float: left;
    margin: 0 10px 0 0;
    width: 230px;
}

.products-grid li.item .grid_bg1 {
    background: url("images/grid1.gif") no-repeat scroll 0 0 transparent;
}

.products-grid li.item .grid_bg2 {
    background: url("images/grid3.gif") no-repeat scroll 0 100% transparent;
    overflow: hidden;
    padding: 10px;
}

.products-grid .product-image {
    display: block;
    height: 130px;
    margin: 0 0 7px;
    width: 210px;
}

.product-name {
    font-size: 1em;
    font-weight: normal;
}

.products-grid .product-image {
    display: block;
    height: 130px;
    margin: 0 0 7px;
    width: 210px;
}

.products-grid .product-name {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 8px;
}

.products-grid .product-name a {
    color: #038CB5;
    text-decoration: none;
}

.products-grid .desc {
    margin: -7px 0 6px;
}

.products-grid button {
    height: 28px;
}

.products-grid button span {
    background: url("images/btn_cart.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font: bold 15px/28px "Trebuchet MS",Arial,Helvetica,sans-serif;
    height: 31px;
    padding: 0 0 0 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.products-grid button span span {
    background: url("images/btn_cart.png") no-repeat scroll 100% 0 transparent;
    padding: 0 32px 0 0;
}

.onlineBooking {
	border:3px solid #038CB6;
	background-color:#FFF;	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
}

.onlineBooking h3 {
	background-color:#038CB6;
	color:#FFF;
	padding:3px 5px;
	font-size:14px;
}

.onlineBooking table tr td {
	padding:5px 0;
	vertical-align:middle;
}

span.bookingStep {
	background-color:#FF2E07;
	padding:5px;
	color:#FFF;
	width:18px;
	text-align:center;
	display:inline-block;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}

.bookingBlock {
	padding:5px 10px;	
}

.numPassengers {
	width:40px;
	text-align:center;	
}

.totalCost {
	margin-top:30px;
	text-align:center;
	font-size:20px;
	color:#003E5E;
}

.moneyIcon {
	position:absolute;
	right:20px;
	top:35px;	
}

.moneyIcon img {
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	border:0px;
	padding:0;
}