/*sort by*/
.sort-by
{
float: left;
font-size: 11px;
height: 20px;
padding: 11px 9px 7px;
border-right: 1px dotted #FFF;
text-align: right;
font-family: Arial,Helvetica,Sans Serif;
color: black;
}

.sort-bar {
float: left;
border: 1px solid #cecece;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 660px;
margin-bottom: 10px;
}

.tabs .active 
{
color: #000 !important;
font-weight: bold;
cursor: text !important;
text-decoration: none!important;
background: url(/storage/upload/mtta/images/package/active_icon.png) no-repeat;
background-position: 50% 100%;
}


.tabs a 
{	
font-size: 13px;
padding: 10px 10px;
display: inline-block;
text-decoration: none;
color: #069;
}

.tabs a:hover
{	
color: #02b3fd;
text-decoration: underline;
}

ul.tabs
{
padding: 0px;
background: #DDD;
margin: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.tabs li 
{
	list-style:none;
	display:inline;
}



/*base*/
.package
{
width:660px;
}

.inner {
width: 660px;
background: #c5c5c5;
float: left;
border: 1px solid #cecece;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 20px;
}

.content {
width: 660px;
margin-top: 7px;
background: #fff;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
padding: 0;
float: left;
}

.item-details {
width: 660px;
float: left;
}

/*Thumbnail picture*/
.photo {
height: 90px;
width: 160px;
float: left;
position: relative;
margin: 15px 8px 5px 8px;
background-position: 50% 50%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.photo {
height: 90px;
width: 160px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

/*coloumn*/

.main-description {
float: left;
width: 430px;
padding: 16px 0 12px 0;
position: relative;
left: 9px;}

.hotel_name {
display: inline-block;
}

.main-description .title .name {
display: inline;
line-height: 1.2;
width: auto;
padding-bottom: 0;
cursor: pointer;
}

.main-description.name {
display: inline-block;
padding: 0 10px 5px 0;
margin: 0;
}

.package h2, .package.h2 {
font-size: 18px;
font-family: Arial,Helvetica,Sans Serif;
color: #069 !important;
font-weight:bold !important;
border-bottom:0px !important;
margin:0px;
}

#area
{
font-weight: bold;
line-height: 1.3;
list-style: none;
list-style: none;
margin: 0;
font-family: Arial,Helvetica,Sans Serif;
font-size: 12px;
color: #333;
}

.code
{
float:left;
margin-right:10px;
margin-bottom: 10px;
}

#readmore
{
background: url(/storage/upload/mtta/images/base/readmore_icon.png) no-repeat scroll 100% 50% transparent;
float: left;
width: 146px;
height: 36px;
margin: 0px 16px 8px 16px;
}

.clearfix {
zoom: 1;
}

#detailleft
{
float: left;
width: 185px;
margin-left: 10px;
}


/*detail list*/
ul.details-list {
list-style: none;
margin: 0;
}

ul.details-list li {
line-height: 1.3;
list-style: none;
}

.details-list {
list-style: none;
margin: 0;
padding: 12px 0 0;
font-family: Arial,Helvetica,Sans Serif;
font-size: 12px;
color:#333;
}

#details
{
text-align: justify;
}


/*Map*/
#icon-map:after{
background: url(/storage/upload/mtta/images/package/mapicon.jpg) no-repeat scroll 100% 50% transparent;
}

#icon-map
{
position: relative;
display: inline-block;
}

#icon-map:after {
content: '';
display: block;
position: absolute;
top: -2px;
right: 0;
width: 22px;
height: 20px;
margin-right: -23px;
vertical-align: top;
}

/*link*/
.package a
{
color: #069;
text-decoration: none;
}

.package a:hover {
color: #02b3fd;
text-decoration: none;
}