/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Aug 13, 2015, 12:29:51 PM
    Author     : elevenfox
*/


.camp_type_10 {
	background: #56b0bc;
}
.camp_type_11 {
	background: #FF7272;
}
.camp_type_12 {
	background: #a675bf;
}
.camp_type_13 {
	background: #82a12f;
}
.camp_type_14 {
	background: #FF9933;
}
.camp_type_577 {
	background: #FF9933;
}
.camp_type_578 {
	background: #FF9933;
}
.camp_type_579 {
	background: #FF9933;
}

/*--------------  camp teaser ------------------*/
.node-teaser {
    margin: 10px 0 0 0;
}
.camp_teaser {
    float: left;
    padding: 10px 0 10px 0;
    width: 100%;
}
.camp_teaser_logo {
    padding: 0 10px 0 0;
    float: left;
    width: 310px;
}
.camp_teaser_title {
	float: left;
  	width: 100%;
  	padding: 15px 0 0 0;
}
.camp_teaser_desc {
	width: 635px;
  	float: left;
  	padding: 15px 0px 0 0;
}
.camp_teaser_desc div {
	width: 100%;
	float: left;
}

.camp_teaser_title a h2 {
	color: #006030;
  	font-size: 22px;
  	font-weight: bold;
  	float: left;
	line-height: 30px;
	max-width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.camp_teaser_desc, .camp_teaser_desc div, .camp_teaser_desc span {
	font-size: 14px;
}
.node-camp.node-teaser .content, .node-package.node-teaser .content {
	float: left;
  	border-bottom: 1px dotted #006030;
  	width: 100%;
        padding: 0 0 20px;
}

/*.camp_teaser .btn span {
	padding: 4px 20px 0px 20px;
}*/

.camp_teaser_types_item {
	padding: 10px 0 10px 0;
}
.camp_teaser_types_item span {
        margin: 5px;padding: 5px;
}

.camp_teaser_info_item {
    margin: 0 20px;
    display: inline-block;
    padding: 0 0 0 28px;
    height: 35px;
}
.camp_type {
    background: url("/sites/all/themes/beach/images/camp_teaser_icon_1_type.png") no-repeat 0 0;
    background-size: 25px 22px;
}
.camp_age {
    background: url("/sites/all/themes/beach/images/camp_teaser_icon_4_age.png") no-repeat 0 0;
    background-size: 25px 22px;
}
.camp_location {
    background: url("/sites/all/themes/beach/images/camp_teaser_icon_6_location.png") no-repeat 0 0;
    background-size: 25px 22px;
}
.camp_days {
    background: url("/sites/all/themes/beach/images/camp_teaser_icon_2_days.png") no-repeat 0 0;
    background-size: 25px 22px;
}
.camp_departure {
    background: url("/sites/all/themes/beach/images/camp_teaser_icon_5_departure.png") no-repeat 0 0;
    background-size: 25px 22px;
}
.camp_desc {
    margin: 10px 0 0 20px;
    line-height: 28px;
}
.camp_desc_title {
    background: url("/sites/all/themes/beach/images/camp_teaser_icon_3_desc.png") no-repeat 0 0;
    background-size: 26px 17px;
    padding: 0 0 0 30px;
}
.camp_teaser_desc_1 {
    float: right;
    height: 203px;
}
.camp_teaser_bottom {
    float: right;
    width: 100%;
    text-align: right;
}
.camp_teaser_related_trips {
    display: inline-block;
    height: 30px;
    background-color: #51a7f9;
    width: 273px;
    color: #fff;
    padding: 0 10px;
    line-height: 30px;
}
.camp_teaser_trip_select {
    width: 196px;
    border: none;
    background-color: #51a7f9;
    color: #fff;
}
.camp_teaser_price {
    display: inline-block;
    height: 30px;
    background-color: #70bf41;
    width: 218px;
    color: #fff;
    padding: 0 5px;
    line-height: 30px;
}
.camp_teaser_total {
    color: #fff;
}
.camp_teaser_btn {
    display: inline-block;
    height: 30px;
    background-color: #f39019;
    width: 70px;
    color: #fff;
    padding: 0 10px;
    line-height: 30px;
}
/*.camp_teaser_types_item span {
	margin: 5px;
        padding: 5px;
}*/

/*.node-package .camp_teaser_title {
	padding: 30px 0 0 0;
}
.node-teaser #camp_package_build {
	margin: 10px 0 0 0;
}*/
.node-camp.node-teaser .nearby_schools {
    width: 100%;
    float: left;
}
.node-camp.node-teaser .nearby_schools .school {
    display: inline-block;
    max-width: 295px;
    padding: 0 15px 0 0;
}
.node-camp.node-teaser .nearby_schools .school a {
    max-width: 172px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 15px;
    padding: 10px 0 0 0;
    position: relative;
    top: 3px;
}

/************** camp node ****************/
#camp_profile_info {
    	float: left;
        width: 460px;
}
#ss_logo {
	float: left;
        width: 460px;
}
#ss_logo img {
    float: left;
}
#ss_desc {
	width: 441px;
	float: left;
	padding: 0 0 0 10px;
}
#camp_trip_school_section {
    width: 500px;
    padding: 13px 0 0 20px;
}
#camp_related_schools, #camp_related_trips {
    border: 1px solid #ddd;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ddd')";   For IE 8 */
    /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ddd');   For IE 5.5 - 7 */
    -moz-box-shadow: 2px 2px 10px #ddd;/* for firefox */
    -webkit-box-shadow: 2px 2px 10px #ddd;/* for safari or chrome */
    box-shadow:2px 2px 10px #ddd;/* for opera or ie9 */
    padding: 15px;
    box-sizing: border-box;
}
#camp_related_schools {
    margin: 0 0 25px 0;
}
#camp_related_schools .school_logo {
    width: 95px;
    height: 90px;
}
#camp_related_schools .schools_teaser_desc {
    width: 465px;
    float: none;
    padding: 28px 0 0 18px;
}
#camp_related_schools .school_logo img {
    width: 75px;
}
#camp_related_schools h2 {
    max-width: 350px;
    float: left;
    display: inline-block;
}
#camp_related_schools h2 a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 350px;
    display: inline-block;
    font-size: 23px;
}
#camp_related_schools .school_address {
    height: 32px;
    float: right;
}
#camp_related_schools .school_teaser_detail div {
    padding: 0;
}
#camp_related_schools .schools_info {
    float: left;
}
.show_all_schools {
    text-align: center;
    color: #308fbf;
    cursor: pointer;
}
/* 向下的箭头 类似于 V */
#camp_related_schools span.arrow_down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 9px solid #308fbf;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    margin-right: 7px;
}
#camp_related_schools span.arrow_up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 9px solid #308fbf;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    margin-right: 7px;
}
.related_trip {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 7px 15px 7px 15px;
    margin: 2px 5px 2px 5px;
    max-width: 190px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 190px;
    text-align: center;
}
.related_trip.choosed {
    background: #e77818 url('/sites/all/themes/beach/images/choose_icon.png') no-repeat;
    background-size: 15px 13px;
    background-position: 3px center;
    color: #fff;
}
.related_trip:hover {
    background: #FF9933;
    cursor: pointer;
    color: #FFF;
}
.order_dates {
    margin: 20px 0 10px 0;
}
.number_input {
    text-align:right;
}
input[name="decrease_one"], input[name="increase_one"] {
    -webkit-appearance: none;
    height: 23px;
    background-color: #ddd;
    color: #666;
    font-weight: bold;
    border: solid #ccc 1px;
    font-size: 18px;
    line-height: 14px;
}
input[name="decrease_one"]:hover, input[name="increase_one"]:hover {
    background-color: #bbb;
}
.group_desc {
    font-size: 12px;
    color: #e63;
}
.camp_price_timeline, .camp_price_by_date {
    display: inline-block;
    width: 110px;
    height: 30px;
    padding: 0 0 0 62px;
}
.camp_final_price {
    width: 478px;
    background-color: #999;
    position: relative;
    top: 15px;
    left: -15px;
    height: 28px;
    padding: 10px;
}
.camp_final_price div {
    float: left;
}
.camp_final_price span {
    color: #fff;
    line-height: 30px;
}
#camp_final_price {
    font-size: 20px;
    padding: 0 26px 0 58px
}
#camp_final_price .camp_total_price {
    font-size: 20px;
    padding: 0 0 0 3px;
}
#deposit {
    padding: 0 0 0 2px;
}
.camp_order_now {
    float: right !important;
    color: #fff;
    background-color: #e77818;
    width: 135px;
    height: 48px;
    line-height: 50px;
    text-align: center;
    position: relative;
    top: -10px;
    left: 10px;
    font-size: 20px;
    cursor: pointer;
}
.camp_order_now:hover {
    background-color: #000;
}
.camp_order_now_disabled {
    float: right !important;
    color: #fff;
    background-color: #004060;
    width: 135px;
    height: 48px;
    line-height: 50px;
    text-align: center;
    position: relative;
    top: -10px;
    left: 10px;
    font-size: 20px;
}
.notifation {
    text-align: center;
    color: #a62315;
    font-size: 20px;
    line-height: 38px;
}
#ss_price_content {
	padding: 0 0 0 0;
}
.price_include, .price_not_include {
    width: 400px !important;
    padding: 0 0 0 57px;
}
.daily_schedule_title {
    height: 50px;
    padding: 5px 0 10px 25px;
    line-height: 51px;
    font-size: 18px;
    font-weight: bold;
    float: left;
    width: 100%;
}
.daily_schedule_title span {
    color: #e77818;
    font-size: 17px;
    background: url('/sites/all/themes/beach/images/day_x.png') no-repeat;
    background-size: 50px 50px;
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 63px;
    text-align: center;
    padding: 0 15px 0 0;
}
.daily_schedule_content {
    padding: 12px 0 10px 90px;
}
.daily_schedule_accommodation{
    padding: 10px 0 35px 90px;
}
.daily_schedule img {
    width: 400px;
}

.nearby_schools .content {
	border-bottom: 1px solid #e77818;
  	padding: 5px 0 10px 0 !important;
}
.node-camp #family_summary {
	border-top: 1px solid #ddd;
}
.camp_vendor {
	padding: 15px 0 0 0;
}
#camp_base_info {
    width: 450px;
    padding: 35px 0 0 0;
}
#camp_base_info div {
	float: left;
	width: 100%;
        line-height: 33px;
}
#camp_base_info .family_intro_title {
	float: left;
  	width: 72px;
        line-height: 33px;
}
#camp_price_terms {
	text-align: right;
	width: 408px;
}
.camp_price_from_competitor {
    text-decoration: line-through;
    padding: 10px 15px 0 0;
}
#camp_price_terms .hp_price, #camp_price_terms .hp_price span.camp_list_price {
	width: 158px;
	font-size: 30px !important;
	font-weight: bold;
	line-height: 40px;
	color: #555;
        padding: 0 0 0 5px;
}
#camp_package_build {
	float: left;
	width: 100%;
	background-color: #f6f5eb;
	position: relative;
	margin: 10px 0 20px 0;
}
#camp_recommend_packages {
	float: left;
	width: 60%;
	padding: 10px 20px 10px 25px;
  	border-right: 1px dotted gray;
}
#camp_diy {
	float: right;
	width: 30%;
	padding: 10px;
}
#package_diy{
	float: right;
	width: 26%;
	padding: 10px;
}
#package_diy div{
	float: left;
	padding: 10px 0 0 0;
}
.clean_title {
	font-weight: bold;
  	color: #888;
  	font-size: 14px;
  	line-height: 28px;
}
.diy_button {
  width: 90px;
  background-color: #004060;
  font-size: 14px;
  color: white;
  display: block;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  cursor: pointer;
  padding: 0 0 0 40px;
  margin: 20px 7px 7px 50px;
  float: right;
}
#diy_button {
  	position:absolute;
  	right: 15px;
  	bottom: 10px;
}
#package_diy_button {
	background-color: #004060;
	margin: 3px 3px 0 0;
	padding: 0 25px 0 25px;
  	width: 178px;
}
#buy_button {
	background-color: #a62315;
	margin: 3px 3px 0 0;
  	padding: 0 25px 0 15px;
  	position: relative;
  	top: -7px;
}
#buy_button:hover {
	background-color: #e63;
}

#package_diy_button:hover, #diy_button:hover {
	background-color: #006080;
}
#camp_diy_content {
	padding: 10px 10px 10px 0;
}
.recommend_package {
	border: 1px solid #004060;
	padding: 10px;
	width: 262px;
  	float: left;
  	margin: 5px;
  	background: white;
}
.recommend_package div {
	-o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;           /* force single line */
}
.recommend_package .hp_price {
	width: inherit;
}
.recommend_package_title {
	font-weight: bold;
	font-size: 14px;
}
.recommend_package_title a {
	color: #308fbf;
}
#package_content {
	float: left;
  	padding: 5px 0 5px 20px;
}
#camp_flag_link {
    cursor: auto;
    float: left;
    padding: 0;
    width: 65px;
}
#camp_flag_link  .flag-favorite .unflag-action {
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/beach/images/favorite.png") no-repeat scroll center center / 30px 30px;
    float: right;
    height: 30px;
    line-height: 30px;
    padding: 8px 0 0;
    width: 30px;
}
#camp_flag_link  .flag-favorite .unflag-action:hover {
	background: url("/sites/all/themes/beach/images/unfavorite.png") no-repeat center;
	background-size: 30px 30px;
}
#camp_flag_link  .flag-favorite .flag-action {
	background: url("/sites/all/themes/beach/images/unfavorite.png") no-repeat center;
  	float: right;
  	height: 30px;
  	background-size: 30px 30px;
  	width: 30px;
  	padding: 8px 0 0;
  	line-height: 30px;
}
#camp_flag_link  .flag-favorite .flag-action:hover {
	background: url("/sites/all/themes/beach/images/favorite.png") no-repeat center;
	background-size: 30px 30px;
}
#camp_flag_link .flag-throbber {
	float: right;
  	position: relative;
  	top: 10px;
  	left: 15px;
  	width: 20px;
  	cursor: auto;
}
.trip_flag_link {
	float: right;
}
#camp_flag_link .flag-wrapper, #camp_flag_link .flag-throbber {
	padding: 0;
}
#diy_button_placeholder {
	height: 40px;
	display: block;
}
#product_picture_thum_list {
	/*height: 55px;
	overflow: ;
	*/
	float: left;
  	width: 400px;
  	margin: 20px 0 0 10px;
  	position: relative;
  	overflow: hidden;
  	padding: 0;
        left: 10px;
}
#product_picture_thum_list img {
	padding: 0px;
	margin: 0px;
}
#horiz_container_outer {
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0;
  height: 57px;
  padding: 0 0 3px 0;
}
#horiz_container_outer li, #horiz_container_outer li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.product_pic_item {
	float: left;
	cursor: pointer;
}
#scrollbar {
  position: relative;
    width: 412px;
    height: 12px;
    display: block;
    font-size: 1px;
    top: 0px;
    margin: 0px auto;
    float: left;
    left: 10px;
}
#track {
  position: absolute;
  left: 6px;
  top: 0;
  width: 407px;
  height: 12px;
  background: #676767;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
#dragBar {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.39, rgb(229,229,229)), color-stop(0.7, rgb(245,245,245)) );
  background-image: -moz-linear-gradient( center bottom, rgb(229,229,229) 39%, rgb(245,245,245) 70% );
}
#left_scroll {
    position: relative;
    border-color: transparent gray transparent transparent;
    border-style: solid;
    border-width: 14px;
    width: 0;
    height: 0px;
    cursor: pointer;
    top: -48px;
    left: -26px;
}
#right_scroll {
    position: absolute;
    right: -33px;
    top: -50px;
    border-color: transparent transparent transparent gray;
    border-style: solid;
    border-width: 14px;
    width: 0;
    height: 0px;
    cursor: pointer;
}
.ranking {
	display: block;
  	width: 200px;
  	float: left;
}
.ranking_ {
	background: url("/sites/all/themes/beach/images/ranking.png") no-repeat 0 -226px;
}
.ranking_1 {
	background: url("/sites/all/themes/beach/images/ranking.png") no-repeat 0 -202px;
}
.ranking_2, .ranking_3 {
	background: url("/sites/all/themes/beach/images/ranking.png") no-repeat 0 -177px;
}
.ranking_4 {
	background: url("/sites/all/themes/beach/images/ranking.png") no-repeat 0 -152px;
}
.ranking_5 {
	background: url("/sites/all/themes/beach/images/ranking.png") no-repeat 0 -127px;
}
.ranking_6 {
	background: url("/sites/all/themes/beach/images/ranking.png") no-repeat 0 -102px;
}
.ranking_7 {
	background: url("/sites/all/themes/beach/images/ranking.png") no-repeat 0 -77px;
}
.ranking_8 {
	background: url("/sites/all/themes/beach/images/ranking.png") no-repeat 0 -52px;
}
.ranking_9 {
	background: url("/sites/all/themes/beach/images/ranking.png") no-repeat 0 -27px;
}
.ranking_10 {
	background: url("/sites/all/themes/beach/images/ranking.png") no-repeat 0 -2px;
}
.border_horizon {
    display: inline-block;
    height: 20px;
    width: 100%;
}
.detail_title {
	height: 21px;
  	float: left;
  	width: 100%;
}
.detail_title nav {
  float: left;
  height: 31px;
  /*border-bottom: 1px solid #147f98;*/
  z-index: 999;
  position: relative;
  width: 800px;
}
.detail_title nav a {
  height: 30px;
  line-height: 30px;
  padding: 0 35px 0 35px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #bfbebb;
  text-align: center;
  float: left;
  display: block;
  margin-right: 7px;
  color: #666 !important;
  font-size: 16px;
}
.detail_title_bg {
	height: 100px;
	width: 100%;
	background: url("/sites/all/themes/beach/images/black-trans-50.png");
	z-index: 99;
	position: fixed;
	left: 0;
	top: 0;
}
.detail_title .ahover {
	color: #e63 !important;
}
.detail_book_bt {
    float: left !important;
    z-index: 999;
    margin: 8px 0px 0px;
}
.anchor {
	position: relative;
	float: left;
  	clear: both;
}
.nav_item {
	background: white;
}
.node-type-camp .school {
    padding: 20px 0 0 0;
}
.node-type-camp .school a {
    padding: 20px 0 0 0;
    font-size: 1.5em;
    font-weight: bold;
}
.node-type-camp .school h2 {
    display: none;
}


/*-------------- camp node edit ------------*/

.page-node .date-float {
	width: 100%;
}
.page-node .start-date-wrapper, .page-node .end-date-wrapper {
	float: left;
  	width: 188px;
  	clear: inherit;
}
.page-node .form-type-date-popup input {
	width: 76px !important;
}
.page-node .form-type-date-popup > label {
	width: 15px;
  	padding: 13px 0 0 0;
}

/*--------------  trip node ----------------*/
.node-trip #package_diy_button {
	margin: 0 10px 0 0;
  	height: 35px;
  	line-height: 35px;
  	width: 90px;
}
.node-trip #camp_flag_link {
	margin: 0 10px 0 0;
}
.node-trip #ss_price {
	background-color: #f6f5eb;
}
.node-trip #ss_price_content {
	padding: 0 0 10px 20px;
}
.node-trip #family_summary {
	position: relative;
}
.node-trip .online_apply_btn {
	position: absolute;
	right: 0;
	bottom: 0;
}
.trip_info {
	float: left;
  	width: 100%;
  	font-size: 16px;
  	border-bottom: 1px dotted;
  	margin: 17px 0 0 0;
}
#ss_courses img {
	border: 0;
}



/*---------- school search ------------*/
#all_schools_filters {
    min-width: 110px;
    max-width: 20%;
    float: left;
    border: 1px solid lightgray;
    padding: 15px;
    box-sizing: border-box;
    margin: 20px 0 0 0;
}
#all_schools_filters form div {
    float: left;
}
#all_schools_filters .filter_title {
    margin: 10px 0 0 0;
    width: 100%;
}
#filter-reset {
    margin: 0 10px 0 5px;
    padding: 0;
}
.filter-action {
    margin: 15px 0 0 0;
}
.school-list {
    width: 80%;
    float: left;
    box-sizing: border-box;
    padding: 10px 0 0 20px;
}
.school-list .item-list ul li {
    list-style: none;
}

@media only screen and (max-device-width: 568px) and (min-device-width: 320px) {
  #all_schools_filters {
    width: 100%;
    min-width: 100%;
  }
  #all_schools_filters .filter_title {
    margin: 0px 0 0 0;
    width: 70px;
  }
  .filter-action, .filter-action div {
    width: 100%;
  }
  .filter-action div input {
    width: 45%;
    padding: 0;
    margin: 1px 5px;
  }
}

/*-------- school teaser -----------*/
.school_teaser_detail {
    border: none;
    width: 100%;
}
.school_teaser_detail div {
    padding: 0 0px 0 0;
    float: left;
}
.school_teaser_detail span {
    border: none;
    padding: 3px 2px 0 0;
    display: inline-block;
    width: 98px;
    float: left;
}
.school_teaser_detail span.sd_value {
  width: 80px;
}
.school_logo {
    float: left;
    min-width: 120px;
    max-width: 20%;
    margin: 0 20px 0 0;
}
.schools_teaser_desc {
    float: left;
    max-width: 75%;
    min-width: 570px;
    box-sizing: border-box;
  padding: 10px 0 0 0;
}
#all_schools_filters .filter_content label {
    margin: 0 0 0 20px;
    float: left;
}
@media only screen and (max-device-width: 568px) and (min-device-width: 320px) {
  .school-list {
    width: 100%;
    padding: 0;
  }
  .school-list .item-list ul li {
    margin: 0;
  }
  .school_logo {
    width: 100%;
    max-width: 100%;
  }
  .school_logo img {
    width: 100%;
    padding: 0;
  }
  .schools_teaser_desc {
    width: 100%;
    min-width: 100%;
    border-bottom: 1px solid lightgray;
    padding-bottom: 30px;
  }
}

/*-------- school profile -----------*/
.node-type-schools .node-schools div {
    float: left;
}
.school_field_title {
    width: 118px;
    font-weight: bold;
    display: inline-block;
    line-height: 32px;
}
.school_features {
    width: 50%;
    padding: 0 0 0 50px;
    box-sizing: border-box;
}
school_features_img {
    width: 50%;
}
.school_features_basic div, .school_features_numbers div {
    width: 100%;
}
.node-type-schools .grade_number {
    padding: 80px 0 0 120px;
    width: 300px;
}

/*--------------  diy package ------------------*/
#package_preview {
	width: 65%;
	float: left;
	margin: 20px 0 0 0;
	min-height: 330px;
	border-right: 1px dotted gray;
  	padding: 0 20px 0 0;
}
#choosed_product_list {
	width: 31%;
	float: right;
	margin: 20px 0 0 10px;
	min-height: 330px;
}
#choosed_product_list div {
	float: right;
}
#choosed_product_list th {
	white-space: nowrap;
	background: #ececec;
	color: #555;
	font-size: 12px;
}
#choosed_product_list a.tabledrag-handle {
	margin: 0;
	padding: 0;
}
#choosed_product_list #package_diy_button {
	width: 100px;
	color: #fff;
}
#choosed_product_list #buy_button {
	top: 0;
	margin: 3px 0px 0 8px;
	padding: 0 3px 0 25px;
}
#summary_table, #summary_table th, #summary_table td {
	border: none;
}
.product_list {
	line-height: 40px;
	padding: 0 0 0 20px;
}
#diy-package-product-list-form {
	margin: 25px 0 0 0;
  	float: right;
  	width: 100%;
}
#diy-package-product-list-form a.tabledrag-handle .handle {
	height: 10px;
}
#diy-package-product-list-form .tabledrag-toggle-weight-wrapper {
	display: none;
}
#choose_product_button {
	margin: 0 0 0 0;
  	float: right;
  	border: 1px solid #999;
  	border-radius: 3px;
  	padding: 2px 10px 2px 10px;
  	background-color: #f6f5eb;
  	color: #555;
}
#choose_product_button:hover {
	background-color: #fafaef;
	color: #e63;
}
#choose_product_container {
    width: 302px;
    border: 1px solid #d3d3d3;
    position: relative;
    top: -21px;
    padding: 23px 0 25px 0;
}
#package_title {
	padding: 20px 0 0 0;
}
#package_title div {
	font-size: 14px;
  	padding: 0 0 10px 0;
}
#package_title input[type='text'] {
	height: 25px;
  	width: 700px;
  	border: 2px dotted #006030;
  	background-color: #f6f5eb;
}

/*--------------  trip teaser ------------------*/
.trip_teaser {
	width: 618px;
	border-bottom: 1px dotted #006030;
	padding: 10px;
	float: left;
}
.trip_teaser div{
	float: left;
}
.trip_teaser_desc {
	width: 368px;
  	padding: 10px 0 0 20px;
}
.page-package-diy-select-product .trip_info {
	margin: 11px 0 0 0;
}
.page-package-diy-select-product .hp_price {
	border-bottom: 1px dotted gray;
  	width: 100%;
  	padding: 10px 0 0 0;
}
.trip_teaser_select {
	width: 100%;
  	padding: 0 0 11px 0;
}
.page-package-diy-select-product #package_diy_button{
	width: 45px;
  	padding: 0 9px 0 25px;
}
.page-package-diy-select-product #skip {
	display: none;
}
.page-package-diy #ui-dialog-title-modalframe-container {
	color: #555;
  	line-height: 30px;
}


/*--------------  package edit page ------------------*/
.page-node-edit.node-type-package #edit-base,
.page-node-edit.node-type-package #edit-shipping,
.page-node-edit.node-type-package .location-wrapper,
.page-node-edit.node-type-package .tabledrag-toggle-weight-wrapper {
	display: none;
}
.page-node-edit.node-type-package th, .page-node-edit.node-type-package td {
	padding: 12px;
}
.page-node-edit.node-type-package .node-form .form-text {
	width: 98%;
}
.page-node-edit.node-type-package #field-package-products-values {
	margin: 30px 0 0 0;
}

/*--------------  my package page ------------------*/
.view-my-package-products .views-row {
	border-bottom: 1px dotted #006030;
	padding: 20px 0 20px 0;
}
.view-my-package-products li.views-row {
	border: 0;
	padding: 0;
}
/*.view-my-package-products .hp_price {
	line-height: 80px;
}*/
.package_diy_edit_button {
	width: 147px;
	background-color: #006030;
	margin: 0;
}

/********* site search ***********/
#site_search_sumary, #all_camps_filters {
    border: 1px solid #ddd;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#ddd')";*/
    /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#ddd');*/
    -moz-box-shadow: 2px 2px 10px #ddd;
    -webkit-box-shadow: 2px 2px 10px #ddd;
    box-shadow: 2px 2px 10px #ddd;
    padding: 15px;
    margin: 20px 0 30px 0;
    float: left;
}
#site_search_sumary div, #site_search_sumary span {
    line-height: 30px;
    font-size: 16px;
}
#site_search_sumary .active, #all_camps_filters .active {
    background-color: #FF9933;
    color: #fff;
    cursor:auto;
}
#all_camps_filters .disabled {
    cursor: default !important;
    background: #ddd;
}
#site_search_sumary span {
    display: inline-block;
    width: 190px;
    height: 35px;
    line-height: 36px;
    margin: 10px 20px 10px 30px;
    text-align: center;
    border: 1px solid #ddd;
    cursor: pointer;
}
.filter_title {
    display: inline-block;
    width: 80px;
}
#all_camps_filters div {
    min-height: 38px;
    height: auto;
    line-height: 38px;
}
#all_camps_filters .filter_item {
    display: inline-block;
    margin: 0px 5px 0px 5px;
    padding: 0px 10px 0px 10px;
    text-align: center;
    border: 1px solid #ddd;
    cursor: pointer;
}
.filter_title, .filter_content {
    float: left;
}



/****** order page ******/
.page-make-order .messages.status {
    display: none;
}
#order_steps_info {
    margin: 20px 0 20px 0;
    width: 100%;
    float: left;
}
.order_step:not(.first) {
    float: left;
    width: 160px;
    background-color: #999;
    height: 1px;
    line-height: 7px;
    border-left: 33px solid #fff;
    border-bottom: 22px solid transparent;
    border-top: 17px solid transparent;
    margin: 0 9px 0 0;
    color: #fff;
    text-align: center;
}
.order_step.first {
    float: left;
    width: 160px;
    background-color: #999;
    line-height: 38px;
    color: #fff;
    margin: 0 8px 0 0;
    text-align: center;
}
.order_step_separator:not(.first) {
    float: right;
    width: 0;
    height: 0;
    border-left: 33px solid #999;
    border-bottom: 20px solid transparent;
    border-top: 19px solid transparent;
    display: inline-block;
    margin-right: -8px;
    position: relative;
    left: 25px;
    top: -17px;
}
.order_step_separator.first {
    float: right;
    width: 0;
    height: 0;
    border-left: 33px solid #999;
    border-bottom: 20px solid transparent;
    border-top: 19px solid transparent;
    display: inline-block;
    margin-right: -8px;
    position: relative;
    left: 25px;
}
.order_step_active {
    background-color: #FF9933 !important;
}
.order_step_separator.separator_active {
    border-left: 33px solid #FF9933;
}
.order_content, .order_clients {
    border: 1px solid #ddd;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ddd')";*/
    /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#ddd');*/
    -moz-box-shadow: 2px 2px 10px #ddd;
    -webkit-box-shadow: 2px 2px 10px #ddd;
    box-shadow: 2px 2px 10px #ddd;
    padding: 15px;
    margin: 20px 0 30px 0;
    float: left;
    width: 100%;
}
.order_content div {
    float: left;
    width: 100%;
}
.page-order-operation .order_content div {
    line-height: 30px;
}
.order_field_title {
    font-weight: bold;
    display: inline-block;
    width: 85px;
    line-height: 33px;
    white-space: nowrap;
    float: left;
}
.order_coupon_content {
    float: left;
}
.order_clients_count, .order_products, .order_price_section {
    margin: 15px 0 10px 0;
    float: left;
    width: 100%;
}
.order_p_camp, .order_p_trip {
    display: inline-block;
    max-width: 400px;
    line-height: 30px;
    border: 1px solid #FF9933;
    padding: 0 8px 0 0;
    margin: 0 33px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.order_p_camp_keyword, .order_p_trip_keyword {
    background-color: #FF9933;
    color: #fff;
    line-height: 30px;
    height: 30px;
    width: 30px;
    display: inline-block;
    text-align: center;
    margin: 0 5px 0 0;
}
.order_p_trip {
    border: 1px solid #51a7f9;
}
.order_p_trip_keyword {
    background-color: #51a7f9;
}
.order_clients_count .order_field_title {
    line-height: 25px;
}
.order_price_section, .order_price_section span, .order_price_section div, .order_price_section input {
    float: left;
}
.order_price_content {
    width: 600px;
    padding: 7px 0 0 0;
}
.order_price_section label {
    width: 60px;
    float: left;
    padding: 0 0 0 5px;
}
.order_price_content div {
    width: 100%;
}
.order_price_content #deposit, .order_price_content .camp_total_price {
    padding: 0 10px 0 1px;
    float: none !important;
}
.order_client_info {
    margin: 15px 0 0 0;
    float: left;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px 0;
}
.order_client_info.last {
    border-bottom: none;
}

.order_client_info div {
    float: left;
    width: 300px;
    line-height: 35px;
}
.order_client_info .order_field_title {
    width: 100%;
}
.order_client_field_title {
    display: inline-block;
    width: 70px;
    line-height: 25px;
}
.order_client_info input {
    margin:  0 10px 0 0;
}
.order_submit {
    float: right;
}
#save_order, #return_to_order_list {
    display: inline-block;
    padding: 0 30px;
    height: 38px;
    line-height: 38px;
    background-color: #ddd;
    border: 1px solid #ddd;
    border-radius: 6px;
    text-align: center;
    margin: 0 15px 0 0;
    cursor: pointer;
}
.pay_order, #save_order {
    display: inline-block;
    padding: 0 30px;
    height: 38px;
    background-color: #e77818;
    color: #FFF;
    line-height: 38px;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
}
#user_login_pop {
    -moz-box-shadow: 2px 2px 10px #ddd;
    -webkit-box-shadow: 2px 2px 10px #ddd;
    box-shadow: 2px 2px 10px #ddd;

}
.order_list_title {
    display: inline-block;
    width: 55px;
}
.page-my-orders table {
    margin: 20px 0 0 0;
}
.page-my-orders th {
    white-space: nowrap;
}
.order_list_product_title {
    display: inline-block;
    max-width: 210px;
    line-height: 30px;
    padding: 0 8px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#order_sys_info {
    margin: 20px 0 0 0;
}
.page-order-operation .order_price_section div {
    width: 100%;
    float: left;
    line-height: 30px;
}
.page-order-operation .order_content span {
    float: left;
    line-height: 30px;
}
.delete_order_btn {
    cursor: pointer;
    color: #308fbf;
}
#choose_payment_text {
    margin: 30px 0 15px 0;
    font-weight: bold;
}
#payment_methods span {
    display: inline-block;
    width: 100px;
    border: 1px solid #e77818;
    padding: 3px 10px 3px 10px;
    margin: 0 0px 20px 60px;
    text-align: center;
}
.company_bank_info {
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
    float: left;
    font-weight: bold;
}

.all-bank-list li {
    padding: 10px;
    list-style: none;
}
.ui-list-icons li {
    float: left;
    width: 218px;
    margin-right: 10px;
}
.icon-box {
    width: 190px;
    border: 1px solid #ddd;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    line-height: 36px;
    background: none;
}
.icon-box .icon {
    display: block;
    height: 36px;
    background-repeat: no-repeat;
    float: left;
    width: 126px;
    padding: 0;
}
.cashier-bank .icon-info {
    left: 172px;
    border-style: solid solid solid none;
    letter-spacing: 0;
    background-color: #d2eef7;
    border: 1px solid #DDD;
    border-left: none;
    font-weight: normal;
    height: 100%;
    padding: 0 3px;
    position: absolute;
    top: -1px;
    line-height: 18px;
}
.icon-cashier-ABC, .icon-cashier-BJBANK, .icon-cashier-BJRCB, .icon-cashier-BOC,
.icon-cashier-CCB, .icon-cashier-CDCB, .icon-cashier-CEB, .icon-cashier-CIB,
.icon-cashier-CITIC, .icon-cashier-CMB, .icon-cashier-CMBC, .icon-cashier-COMM,
.icon-cashier-CSRCB, .icon-cashier-FDB, .icon-cashier-GDB, .icon-cashier-HZCB,
.icon-cashier-ICBC, .icon-cashier-NBBANK, .icon-cashier-NJCB, .icon-cashier-PSBC,
.icon-cashier-SHBANK, .icon-cashier-SHRCB, .icon-cashier-SPABANK,
.icon-cashier-SPDB, .icon-cashier-WZCB, .icon-cashier-ZJNX {
    text-indent: -9999px;
    background-image: url("/sites/all/themes/beach/images/all_banks_alipay.png");
}
.icon-cashier-ABC {background-position: 0px -0px; }
.icon-cashier-BJBANK {background-position: 0px -36px; }
.icon-cashier-BJRCB {background-position: 0px -72px; }
.icon-cashier-BOC {background-position: 0px -108px; }
.icon-cashier-CCB {background-position: 0px -144px; }
.icon-cashier-CDCB {background-position: 0px -180px; }
.icon-cashier-CEB {background-position: 0px -216px; }
.icon-cashier-CIB {background-position: 0px -252px; }
.icon-cashier-CITIC {background-position: 0px -288px; }
.icon-cashier-CMB {background-position: 0px -324px; }
.icon-cashier-CMBC {background-position: 0px -360px; }
.icon-cashier-COMM {background-position: 0px -396px; }
.icon-cashier-CSRCB {background-position: 0px -432px; }
.icon-cashier-FDB {background-position: 0px -468px; }
.icon-cashier-GDB {background-position: 0px -504px; }
.icon-cashier-HZCB {background-position: 0px -540px; }
.icon-cashier-ICBC {background-position: 0px -576px; }
.icon-cashier-NBBANK {background-position: 0px -612px; }
.icon-cashier-NJCB {background-position: 0px -648px; }
.icon-cashier-PSBC {background-position: 0px -684px; }
.icon-cashier-SHBANK {background-position: 0px -720px; }
.icon-cashier-SHRCB {background-position: 0px -756px; }
.icon-cashier-SPABANK {background-position: 0px -792px; }
.icon-cashier-SPDB {background-position: 0px -828px; }
.icon-cashier-WZCB {background-position: 0px -864px; }
.icon-cashier-ZJNX {background-position: 0px -900px; }

/*----- user coupon -----*/
.coupon_code {
    font-size: 18px;
    font-weight: bold;
    color: #e63;
    text-align: center;
    cursor: pointer;
    padding: 0 0 20px 0;
}
.coupon_detail {
    display: none;
    border: 1px solid #ddd;
    padding: 15px;
    text-align: left;
}
.coupon_detail span {
    display: inline-block;
}
.coupon_field_title {
    width: 75px;
    font-weight: bold;
    vertical-align: top;
    display: inline-block;
}
.node-coupon.node-teaser .content {
    width: 100%;
    text-align: center;
}
.coupon_teaser {
    padding: 10px 0 5px 15px;
    /*width: 780px;*/
    margin: 20px auto;
    box-sizing: border-box;
    border: 1px dotted #999;
    background-color: #f6f5eb;
    -moz-box-shadow: 2px 2px 10px #ddd;/* for firefox */
    -webkit-box-shadow: 2px 2px 10px #ddd;/* for safari or chrome */
    box-shadow:2px 2px 10px #ddd;/* for opera or ie9 */
    display: inline-block;
}
#coupon_action {
    width: 460px;
    margin: auto;
    font-size: 18px;
}
#distribute_coupons {
    font-size: 18px;
    margin: 30px 0 20px 0;
    background: url("/sites/all/themes/beach/images/coupon_distribute.png") no-repeat;
    background-position: 0 0;
    padding: 0 0 10px 30px;
    border-bottom: 2px solid #ddd;
}
#coupon_image img {
    float: left;
    position: relative;
    top: -352px;
    left: 15px;
}
.expired_cover_hide {
    z-index: -99 !important;
}
#useable_coupons {
    font-size: 18px;
    margin: 30px 0 20px 0;
    background: url("/sites/all/themes/beach/images/coupon_useable.png") no-repeat;
    background-position: 0 -2px;
    padding: 0 0 10px 40px;
    border-bottom: 2px solid #ddd;
    clear: both;
}
.owned_coupon {
    padding: 10px;
    float: left;
    background-color: #efefef;
    margin: 20px 0 20px 0;
}
.owned_coupon_commission {
    float: left;
    padding: 0 20px 10px 0;
}
.owned_coupon_usage {
    /*float: right;*/
    padding: 10px 10px 20px 0;
    font-weight: bold;
}
.owned_coupon_canvas {
    border: 2px dotted #e63;
    display: inline-block;
    padding: 0px 15px 15px 15px;
    /*background: url('/sites/all/themes/beach/logo.png') no-repeat;*/
    background: url('/sites/all/themes/beach/images/coupon_bg.png') no-repeat;
    /*background-position: 10px 10px;*/
    background-color: #fff;
    width: 220px;
    height: 316px;
}
.coupon_teaser div, .coupon_teaser span {
    text-align: left;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}
.owned_coupon_canvas .promo_discout, .owned_coupon_canvas .promo_cash,
.owned_coupon_canvas .promo_gift, .owned_coupon_canvas .promo_point {
    font-size: 55px;
    color: #FFF;
}
.owned_coupon_canvas .promo_text_2 {
    display: none;
}
.owned_coupon_slogan {
    position: relative;
    left: 253px;
    top: -50px;
    color: #aaa;
}
.owned_coupon_canvas .promo_text {
    position: relative;
    top: -82px;
    left: 36px;
    display: inline-block;
    font-size: 16px;
}
.page-user .coupon_teaser {
    padding: 10px;
    width: 100%;
}
.page-user .coupon_teaser div, .page-user .coupon_teaser span {
    font-size: 14px !important;
    line-height: 35px !important;
}
.page-admin-coupon .enabled {
    color: #70bf41;
}
.page-admin-coupon .expired {
    color: #0066cc;
}
.page-admin-coupon .disabled {
    color: #c53727;
}
.page-admin-coupon .disable_coupon, .page-admin-coupon .enable_coupon {
    cursor: pointer;
    color: #0074BD;
}
.list_coupon {
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
    padding: 5px 0 0 5px;
    border-bottom: 1px dotted;
}
.list_coupon_order {
    background-color: #fafaef;
    padding: 20px 0 20px 20px;
    border-bottom: 1px dotted #ddd;
    float: left;
}
.list_coupon_order div, .list_coupon_order span {
    float: left;
}
.list_coupon_order div {
    padding: 0 50px 0 0;
}

.node-type-package .anchor {
    padding-top: 120px;
    margin-top: -120px;
}

#cb_user_hint {
    background: #d2eef7;
    padding: 20px;
    margin: 20px 0 0 0;
}


.page-taxonomy-term-order input[value="Add to cart"] {
  display: none;
}