/*main styles*/
body{
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px;
	padding:0px;
}
table{
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
}
img{
	border:0;
}
input,select,textarea{
	font:12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#B2B2B2;
	border:1px solid #808080;
	background-color:#fff;
}
input{
	border:0;
}
form{
	padding:0;
	margin:0;
}
td{
	vertical-align:top;
}
p{
	margin:0 0 15px 0;
}
.middle{
	vertical-align:middle;
}
/*default styles*/
a{
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
	color:#ff0000;
}
h1{
	font:bold 21px Arial, Helvetica, sans-serif;
	color:#000;
	padding:0;
	margin:0;
}
ul, ol
{
  margin:0 0 15px 27px;
  padding:0 0 0 0;
  list-style:url(../img/square.gif) outside;
}
li ul, li ol
{
  margin-top:5px;
  margin-bottom:10px;
  list-style-type:none;
  list-style-image:none;
}
li
{
  margin-bottom:0;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.cl{
	clear:both;
	font-size:1px;
	height:1px;
}
/*format styles*/
.wrapper{
	border:1px solid #c0c0c0;
	margin-top:10px;
	margin-bottom:25px;
}
.head{
	padding-top:30px;
}
.head .search{
	padding:4px 17px 0 37px;
}
.head .search input.field{
	width:100%;
	border:1px solid #808080;
	height:21px;
}
.head .search .advanced{
	text-align:right;
	margin-top:10px;
}
.head .search .advanced a{
	color:#ff0000;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.head .search .advanced a:hover{
	color:#000;
}
.head .menu{
	border-bottom:1px solid #c0c0c0;
	border-top:1px solid #c0c0c0;
}
.head .menu a{
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	height:33px;
}
.head .menu a:hover{
	background-position:left -33px;
}
.head .menu a.act{
	background-position:left -33px;
}
.head .menu a.m1{
	background-image:url(../img/m1.gif);
}
.head .menu a.m2{
	background-image:url(../img/m2.gif);
}
.head .menu a.m3{
	background-image:url(../img/m3.gif);
}
.head .menu a.m4{
	background-image:url(../img/m4.gif);
}
.head .menu a.m5{
	background-image:url(../img/m5.gif);
}
.head .menu a.m51{
	background-image:url(../img/m55.gif);
}
.head .menu a.m6{
	background-image:url(../img/m6.gif);
}
.head .menu a.m7{
	background-image:url(../img/m7.gif);
}
.head .menu a.m8{
    background-image:url(../img/m8.gif);
}
.head .menu a.m9{
	background-image:url(../img/m9.gif);
}
.head .menu a.m1{
	background-image:url(../img/m1.gif);
}
.head .menu a.m_exclusive{
	background-image:url(../img/m_exclusive.gif);
}


.content{
	padding:15px;
}
.content .block{
	border:1px solid #c0c0c0;
	padding:5px;
}
.content .loc{
	background-color:#FF0000;
	font-size:18px;
	color:#fff;
	line-height:18px;
	vertical-align:middle;
	padding:0 15px 0 15px;
}
.content .loc a{
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:10px;
}
.content .loc a:hover{
	color:#000;
}
.content .beach{
	vertical-align:middle;
	padding:0 5px 0 10px;
}
.content .beach a{
	display:block;
	color:#ff0000;
	text-decoration:none;
	font-weight:bold;
	margin-left:1px;
}
.content .beach a:hover{
	color:#000;
}
.content .pic{
	margin-right:4px;
}

.content .city a {	
	display:block;	
	background-repeat:no-repeat;
	background-position:left top;
	height:8px;
}

.content .city a:hover{
	background-position:left -8px;
}

.content .city a.r1 {
	background-image:url(../img/city1.gif);
}
.content .city a.r2 {
	background-image:url(../img/city2.gif);
}
.content .city a.r3 {
	background-image:url(../img/city3.gif);
}
.content .city a.r4 {
	background-image:url(../img/city4.gif);
}
.content .city a.r5 {
	background-image:url(../img/city5.gif);
}

.bord{
	border-top:1px solid #c0c0c0;
}

.over{
	float: left;
	width:990px;
	height:525px;
	overflow-x:scroll;
	overflow-y:hidden;
	margin-top:5px;
}

.over2{
	float: left;
	width:990px;
	height:538px;
	overflow-x:scroll;
	overflow-y:hidden;	
	margin:5px 0 5px 0;
}
.over22{
	float: left;
	width:990px;
	height:538px;
	overflow-x:scroll;
	overflow-y:hidden;
	margin:5px 0 5px 0;
}

.searchform {border:#c0c0c0 solid 1px}
.nav1 {color:#FF0000; font-weight:bold;}
.pic2{
	padding:0 8px 5px 0;
	text-align:right;
    /*vertical-align:middle;*/
}
.pic2 a{
	font-size:11px;
	color:#999;
	text-decoration:none;
	display:block;
	text-align:left;
}
.pic2 a:hover{
	color:#ff0000;
	text-decoration:none;
}
.pic2 a img{
	margin-bottom:3px;
}
.pic2 div.blackBg{
    background-color:#000000;
    display:table-cell;
    height:520px;
    vertical-align:middle;
    width:1%;
}
.block2{
	text-align:center;
	margin-bottom:10px;
}
.block2 .mail{
	color:#F00000;
	font-weight:bold;
	margin:0 6px 0 6px;
}
.block2 a.mail{
	color:#F00000;
	font-weight:bold;
	text-decoration:none;
}
.block2 a:hover.mail{
	color:#808080;
	text-decoration:none;
}
.block2 a.pdf{
	font-size:10px;
	color:#808080;
	font-weight:bold;
	text-decoration:none;
}
.block2 a:hover.pdf{
	color:#F00000;
	text-decoration:none;
}
.btn{
	margin-top:-13px;
}
.edit{
	background-color:#EC1C24;
	color:#fff;
	vertical-align:middle;
	font-size:11px;
	line-height:12px;
	padding-left:25px;
}
.footer td{
	color:#ccc;
	font-size:10px;
	text-align:right;
	padding-left:25px;
}
.footer a{
	color:#ccc;
	font-size:10px;
	text-decoration:none;
}
.footer a:hover{
	color:#ff0000;
	text-decoration:none;
}
.footer .copy{
	vertical-align:middle;
	border-right:1px solid #c0c0c0;
	padding-right:25px;
}
.mb15{
	margin-bottom:15px;
}

.pic22{
	padding:0 3px 3px 0;
	height:167px;
	float:left;
}

.pic22 a{	
	color:#999;
	text-decoration:none;
	display:block;
}
.pic22 a:hover{
	color:#ff0000;
	text-decoration:none;
}
.pic22 a img{
	margin-bottom:3px;
}
.pic222{
	padding-right:4px;
	height:165px;
	width:200px;
	cursor:pointer;	
}


.banner{
	border:1px solid #c0c0c0;
	margin-bottom:15px;
	height:225px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:958px;
	overflow:hidden;
	position:relative;
	display:none;
}



/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:958px;
	height:200px;
	display:block;
}

.slides_container a img {
	display:block;
}


.slides_container2 {
	width:667px;
	overflow:hidden;
	position:relative;
	display:none;
}



/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container2 a {
	width:667px;
	height:500px;
	display:block;
}

.slides_container2 a img {
	display:block;
}

/*
	Next/prev buttons
*/

.prev {
    display:inline-block;
    *display:inline;
    zoom:1;
	width:7px;
	padding-top:7px;
	margin-right: 5px;
    background:url(../img/snav_prev.jpg);
    cursor: pointer;
}

.next {
    display:inline-block;
    *display:inline;
    zoom:1;
	width:7px;
	padding-top:7px;
	margin-left: 5px;
    background:url(../img/snav_next.jpg);
    cursor: pointer;
}

/*
	Pagination
*/
.pagination_container {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.pagination {
	margin: 0;
}

.pagination ul, .pagination li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.pagination li {
	margin:0 5px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:8px;
	height:0;
	padding-top:8px;
	background:url(../img/snav_inactive.jpg);
	overflow:hidden;
}

.pagination li.current a {
	background-image:url(../img/snav_active.jpg);
}

/*
 TEARS
*/

.tears{
	text-align: left;
	width: 958px;
}
.tears-wrap{
	width:970px;
}
.tear{
	float: left;
	width: 129px;
	height: 188px;
	margin: 0 9px 6px 0;
}
.tear.first{
	margin-left: 0;
}
.tear a{
	color:#6c6c6c;
	text-decoration: none;
	display: block;
	opacity:1;
-webkit-transition:.3s all;
   -moz-transition:.3s all;
    -ms-transition:.3s all;
     -o-transition:.3s all;
	    transition:.3s all;
}
.tear a:hover{
	opacity:.85;
}
.tear img{
	display: block;
	margin: 0 0 2px;
}

/*
EXTENDED VIEW LOCATION
*/

.scrollpane { /*width: 520px; clear: both; margin: 20px 0 10px;*/ position:relative; }
.scrollpane .viewport { width: 950px; height: 190px; overflow: hidden; position: relative;z-index:1; }
.scrollpane .overview { list-style: none; position: absolute; left: 0; top: 0; }
.scrollpane .overview .imgcontainer{display: block;white-space: nowrap;text-decoration: none;}
.scrollpane .overview .imgcontainer img{ margin-right: 2px}
.scrollpane .thumb .end,
.scrollpane .thumb { background-color: #fb0000; }
.scrollpane .scrollbar { position: absolute; bottom:0;/*float: right;*/ width: 15px;height:10px; z-index:2;}
.scrollpane .track { background-color: #bebebe; height: 100%; width:13px; position: relative;}
.scrollpane .thumb { height: 10px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scrollpane .thumb .end { overflow: hidden; height: 10px; width: 13px; }
.scrollpane .disable{ display: none; }

.imageItem {
    display:inline-block;
    zoom:1;
    *display:inline;
    cursor:pointer;
    vertical-align:top;
    margin-right:5px;
    background: url(../img/loading.gif) no-repeat 50% 50%;
}

.nobg {
    background: none;
}

.hint{
	position: absolute;
	bottom:10px;
	left:0;
	width: 100%;
	height: 30px;
	z-index: 2;
	display: none;

}
.hintbg{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
	background: #fff;
	opacity: .7;
	filter:alpha(opacity=70);
	z-index: 1;

}
.hint-text{
	position: relative;
	z-index: 3;
	padding: .5em 0 0 .5em;
	color: #fb0000;
	font-weight: bold;
	font-size: 14px;
}

/* PDF drag&drop */

.pdfdp-wrapper {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    border: 1px solid #FF0000;
}

.pdfdp-container {
    height:545px;
    width:135px;
    position: fixed;
    top:110px;
    left:50%;
    margin-left: 500px;
}

.pdfdp {
	border: 1px #aaaaaa solid;
	width: 135px;
}

.pdfdp-header {
	background-color: #e73a3a;
	padding: 5px;
	color: #ffffff;
	font-weight: bold;
	/*text-align: center;*/
}

.pdfdp-header-close {
    display:none;
	border: 2px #ffffff solid;
	padding: 0 3px;
	float: right;
	line-height: 14px;
	margin-top: -1px;
	cursor: pointer;
}

.pdfdp-placeholder {
	color: #666666;
	text-align: center;
	padding: 8px;
	font-size: 12px;
}

.pdfdp-generate {
    color:#6D6D6D;
    width:100%;
    padding: 27px 0 0 0;
    font-size:12px;
    font-family:Arial;
    text-align: center;
    background:url(../img/pdf.ico.png) no-repeat 50% 0px;
}

.pdfdp-email {
    color:#6D6D6D;
    width:100%;
    padding: 5px 0 0 0;
    font-size:12px;
    font-family:Arial;
    text-align: center;
}

.pdfdp-footer {
	text-align: center;
	padding: 10px 0;
}

.pdfdp-footer a {
	display: block;
}

/** Scrollbar styles **/
.pdfdp-scrollbar {width: 130px; clear: both; margin: 0 0 0 5px;}
.pdfdp-scrollbar .viewport {width: 114px; height: 300px; overflow: hidden; position: relative; border: 1px #b1b0b0 dashed;background: #efefef;}
.pdfdp-scrollbar .overview {list-style: none; position: absolute; margin: 0; left: 0; top: 0; width: 100%;}
.pdfdp-scrollbar .thumb .end,
.pdfdp-scrollbar .thumb {background-color: #e73a3a;}
.pdfdp-scrollbar .scrollbar {position: relative; float: right; width: 11px;}
.pdfdp-scrollbar .track {background-color: #cccccc; height: 100%; width:5px; position: relative; padding: 0 1px;}
.pdfdp-scrollbar .thumb {height: 20px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0;}
.pdfdp-scrollbar .thumb .end {overflow: hidden; height: 5px; width: 6px;}
.pdfdp-scrollbar .disable {display: none;}
.pdfdp-scrollbar .loading {background: url(../img/loading.gif) no-repeat 50% 50%;}

/** Widget specific styles **/
.pdfdp-scrollbar .overview li {position: relative; text-align: center;margin: 3px 0 0;}
.pdfdp-scrollbar .overview li:first-child {margin: 0;}
.pdfdp-parent-wrap {
	display: inline-block;
	max-width: 100%;
	width: 100%;
}
.pdfdp-parent-img-wrap {text-align: center; margin: 0;}
.pdfdp-scrollbar .overview img {height: auto !important; max-width: 100%;}
.pdfdp-item-remove {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #ffffff;
	opacity: .6;
	padding: 0 4px;
	border: 1px #464646 solid;
	cursor: pointer;
	color: #464646;
}
.pdfdp-item-remove:hover {
	opacity: 0.8;
	color: #e73a3a;
}

/* better drag width and height same as for .pdfdp-scrollbar .viewport */
.ui-draggable-dragging {max-width: 200px !important; height:auto !important; opacity: 0.7;z-index: 105;}

.pdfdp .ui-state-hover {border: 1px #e73a3a dashed;background: #e0e0e0;}

.pdfdp .scrollbar.disable {
    display: block;
}

.pdfdp .scrollbar.disable .thumb {
    display: none;
}