#hdnThings {
max-width: 1170px;
margin: 0 auto;
color: #ccc;
font-size: 0.85em
}
#hdnThings h2 {
font-size: 1em;
margin: 0;
padding: 0;
display: inline-block
}
.left {
float: left
}
.right {
float: right
}
.gizle {display:none!important;}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #ececec inset
}
input[type="submit"] {
padding: 6px 8px !important;
margin: 0px 3px
}
.ui-state-disabled {
cursor: default !important;
opacity: .35;
filter: "Alpha(Opacity=35)";
background-image: none
}
#hotelsfilter .filtershead {
color: #143A62;
background-color: #EEEBE2
}
#hotelsfilter .filterscount {
float: right
}
#hotelSearchUpdating {
position: relative;
margin-top: -50px;
text-align: center;
z-index: 15;
padding: 25px;
border: #EEEBE6 3px solid;
background-color: rgb(245, 241, 236)
}
#hotelSearchUpdating .notification {
font-size: 18px;
font-weight: bold
}
.mynotification {
line-height: 1.6em;
margin: 15px;
padding: 25px;
font-size: 1.2rem;
border: #f0b64e 1px solid;
background-color: #ffeeca;
border-width: 5px
}
.mynotification img {
width: 50px;
height: auto;
float: left
}
.leftMenu {
list-style: none;
margin: 0px;
padding: 0px;
float: left;
margin-top: 4px;
z-index: 20
}
.leftMenu li,
.rightMenu li {
display: inline;
padding: 0px;
margin: 0px;
color: #cac2c2;
font-weight: normal;
font-size: 10px;
vertical-align: top
}
.leftMenu li a,
.rightMenu li a,
#listLeft li a {
color: #757272;
font-size: 10px;
font-family: Verdana
}
.leftMenu li a:hover,
.rightMenu li a:hover,
#listLeft li a:hover {
text-decoration: underline
}
.rightMenu {
margin: 0px;
padding: 0px;
float: right;
margin-top: -14px
}
#listLeft,
#listRight {
list-style: none;
padding: 0px 0px 4px 0px;
margin: 0px;
text-align: left;
background-color: Transparent
}
#listLeft li,
#listRight li {
padding: 4px 0px 4px 0px;
margin: 0px 0px 0px 10px;
background-color: #E9E9E9;
line-height: 18px;
font-size: 10px;
font-family: Verdana;
text-align: left
}
#hphotos img {
width: 90px;
height: 80px
}
.customSelect {
background: url('../images/select.png') #fff no-repeat right;
border: 2px solid #ebebeb;
height: 20px
}
.customSelect.customSelectOpen {
background: url('../images/select-over.png') #fff no-repeat right;
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}
.customSelect2 {
background: url('../images/select-intro.png') #e7e2e2 no-repeat right;
border: 0px solid #fff;
color: #999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.customSelect2.customSelect2Open {
background: url('../images/select-over.png') #e7e2e2 no-repeat right;
border: 0px solid #66afe9;
color: #999;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}
.mySelectCalendar {
background: url('../images/calendar.png') #fff no-repeat right;
background-position: 98% 1px
}
.mySelectCalendar2 {
background: url('../images/calendar2.png') #fff no-repeat right;
background-position: 98% 1px
}
.form-control {
display: block;
width: 100%;
height: 26px;
padding: 3px 0px 1px 2px;
font-size: 16px;
line-height: 1.428571429;
color: #999;
vertical-align: middle;
background-color: #ffffff;
border: 2px solid #ebebeb;
border-radius: 4px;
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}
.checkout aside .block img {
margin: 10px 5px 2px 0
}
.checkout aside .block p {
margin: 10px 0 5px;
font-size: 12px;
display: inline
}
.block {
padding: 10px;
background: #eee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 10px;
overflow: hidden
}
.block h4 {
font-size: 16px;
margin: 2px 0 6px;
padding-left: 2px;
font-weight: 600;
letter-spacing: 0.02em
}
div#help-phone p {
font-size: 1.3em
}
.payment-methods span {
background: url(../images/payment_methods_small_3.png) no-repeat -48px 0;
width: 48px;
display: block;
float: left;
height: 30px;
margin: 0 5px 5px 0
}
.payment-methods .visa {
background-position: 0 0
}
.payment-methods .paypal {
background-position: -144px 0
}
.box {
margin: 2px 10px 15px 5px;
background-color: #F9F9F9;
position: relative;
padding: 6px;
border: 1px dashed #e5e5e5
}
.orderitem {
margin: 10px 0px;
background-color: #F9F9F9;
position: relative;
min-height: 122px;
border: 1px dashed #e5e5e5
}
.orderitem header {
position: relative
}
.orderitem header figure {
float: left;
padding: 5px;
color: #fff;
font-size: 2.5em;
font-weight: 700;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30)
}
.customerdetail {
margin: 10px 0px;
background-color: #F7FAFA;
position: relative;
min-height: 122px;
padding: 16px 10px 9px 15px;
border: 1px dashed #e5e5e5
}
.form-e p > span.select-d {
width: 63px !important
}
.form-e p.head {
font-weight: bold;
color: rgb(16, 1, 1)
}
.form-e p span> label:first-child {
display: block;
float: left;
width: 142px;
line-height: 24px
}
.form-e p > label:first-child {
position: relative !important;
clear: none;
top: auto;
left: auto
}
.form-e p span> input {
position: relative;
padding: 2px 6px;
border: 1px solid #ececec;
border-top-color: #e1e1e1;
border-left-color: #e1e1e1;
background: #ececec;
line-height: 22px
}
.form-e p span> input {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px
}
.form-e p span.select-d,
.form-e p span.select-c {
display: inline-block;
position: relative;
padding: 0 10px 0 0
}
.form-e p {
display: block
}
.dborderyellow {
margin: 3px;
margin-top: 20px;
padding: 0px 0px
}
.dborderyellow H4 {
background: #e1d7a4;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 16px;
color: #333333;
margin-bottom: 10px;
padding: 5px 0 5px 15px
}
.dborderyellow H3 {
background: #ececec;
color: #349719;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 16px;
border: 1px solid #d9d9d9;
margin: 0;
margin-bottom: 5px;
padding:10px 0 10px 10px;
}
#whybook ul {
font-size: .8em;
margin: 0;
padding: 0 15px 20px
}
#whybook li {
list-style: none;
    background: url(/images/main/positiveremark.png) no-repeat 0 0;
    padding-left: 35px;
    padding-bottom: 15px;
    font-weight: 300;
    background-size: 32px 32px;    box-sizing: border-box;
    font-size: 16px;
}
#whybook li strong{
display:block;
}
.whybook li :first-child {
    padding-top: 10px;
}

.whybook li strong {
    margin-right: 5px;
}
.dbordercan {
background-color: #FFEAD3;
border: 1px solid #FCCBC4;
padding: 7px;
margin-top: 10px;
margin-bottom: 5px;
font-size: .8em
}
.dbordercan H4 {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 16px;
color: #F80C0C;
margin-bottom: 10px
}
.dbordercan P {
padding-bottom: 10px
}
.kutuamavi {
background-color: #E6EDF6;
border: 1px solid #D6E1F0;
padding: 7px;
margin-top: 10px;
margin-bottom: 5px;
font-size: .8em
}
.kutumavi {
background-color: #003580;
padding: 7px;
margin-top: 10px;
margin-bottom: 5px;
font-size: 1.6em;
color: #fff
}
.checkout .sinfo {
float: left
}
.checkout .sprice {
float: right;
font-weight: bold
}
.checkout .sinfom {
font-size: 0.8em;
color: #6B81AE;
display: inline-block;
margin-top: -9px
}
.btn-search {
text-transform: uppercase;
margin-left: 30px;
margin-top: 12px;
border: 1px solid #d75124;
background: #e35121;
background: -webkit-linear-gradient(top, #ff6633, #e35121);
background: -moz-linear-gradient(top, #ff6633, #e35121);
background: -ms-linear-gradient(top, #ff6633, #e35121);
background: -o-linear-gradient(top, #ff6633, #e35121);
padding: 7.5px 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 1px 0;
-moz-box-shadow: rgba(0, 0, 0, 0.18) 0 1px 0;
box-shadow: rgba(0, 0, 0, 0.18) 0 1px 0;
text-shadow: rgba(0, 0, 0, .4) 0 -1px 0;
color: #ffffff;
font-size: 13px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
font-family: "Open Sans";
font-weight: 700;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s
}
.btn-search:hover {
color: #ffffff;
text-shadow: rgba(0, 0, 0, .4) 0 -1px 0;
background: #ff6633;
background: -webkit-gradient(linear, left top, left bottom, from(#e35121), to(#ff6633));
background: -webkit-linear-gradient(top, #e35121, #ff6633);
background: -moz-linear-gradient(top, #e35121, #ff6633);
background: -ms-linear-gradient(top, #e35121, #ff6633);
background: -o-linear-gradient(top, #e35121, #ff6633)
}
.btn-search5 {
text-transform: uppercase;
border: 1px solid #d8d8d8;
background: #f2f2f2;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
background: -ms-linear-gradient(top, #ffffff, #f2f2f2);
background: -o-linear-gradient(top, #ffffff, #f2f2f2);
padding: 7.5px 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.1) 0 3px 2px;
color: #999999;
font-size: 14px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
font-family: "Open Sans";
font-weight: 700;
text-transform: uppercase;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s
}
.btn-search5:hover {
color: #333;
border: 1px solid #bababa;
background: #f2f2f2;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
background: -ms-linear-gradient(top, #ffffff, #f2f2f2);
background: -o-linear-gradient(top, #ffffff, #f2f2f2)
}
.bluebtn {
text-transform: uppercase;
border: 1px solid #006699;
background: #3994d4;
background: -webkit-gradient(linear, left top, left bottom, from(#3994d4), to(#1d7db7));
background: -webkit-linear-gradient(top, #3994d4, #1d7db7);
background: -moz-linear-gradient(top, #3994d4, #1d7db7);
background: -ms-linear-gradient(top, #3994d4, #1d7db7);
background: -o-linear-gradient(top, #3994d4, #1d7db7);
padding: 7.5px 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 3px 5px;
color: #fff;
font-size: 14px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
font-family: "Open Sans";
font-weight: 700;
text-transform: uppercase;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s
}
.bluebtn:hover {
color: #fff;
border: 1px solid #006699;
background: #1d7db7;
background: -webkit-gradient(linear, left top, left bottom, from(#1d7db7), to(#3994d4));
background: -webkit-linear-gradient(top, #1d7db7, #3994d4);
background: -moz-linear-gradient(top, #1d7db7, #3994d4);
background: -ms-linear-gradient(top, #1d7db7, #3994d4);
background: -o-linear-gradient(top, #1d7db7, #3994d4)
}
b.submit {
float: right;
left: 20px;
position: relative
}
.submit input[type="submit"] {
padding: 8px 8px;
overflow: visible;
cursor: pointer;
-webkit-appearance: button
}
div#cities {
position: relative;
clear: both;
display: inline-block;
margin-bottom: 20px
}
#cities ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
z-index: 1
}
#cities ul li {
width: 22%;
padding: 4px 6px;
float: left;
margin: 1px;
background-color: #e5e5e5;
box-shadow: 0 0 1px #fff;
-moz-box-shadow: 0 0 1px #fff;
-webkit-box-shadow: 0 0 1px #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px
}
#cities ul li:hover {
background-color: #f0b64e
}
#country ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
z-index: 1
}
#country ul li {
width: 26%;
padding: 5px 10px;
float: left;
margin: 5px 10px;
background-color: #e5e5e5;
box-shadow: 0 0 1px #fff;
-moz-box-shadow: 0 0 1px #fff;
-webkit-box-shadow: 0 0 1px #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding-left: 25px;
background-repeat: no-repeat;
background-position: 5px 50%
}
#country ul li.ad {
background-image: url(/images/country/flag/ad.png)
}
#country ul li.ae {
background-image: url(/images/country/flag/ae.png)
}
#country ul li.ag {
background-image: url(/images/country/flag/ag.png)
}
#country ul li.ai {
background-image: url(/images/country/flag/ai.png)
}
#country ul li.al {
background-image: url(/images/country/flag/al.png)
}
#country ul li.am {
background-image: url(/images/country/flag/am.png)
}
#country ul li.ao {
background-image: url(/images/country/flag/ao.png)
}
#country ul li.ar {
background-image: url(/images/country/flag/ar.png)
}
#country ul li.at {
background-image: url(/images/country/flag/at.png)
}
#country ul li.au {
background-image: url(/images/country/flag/au.png)
}
#country ul li.aw {
background-image: url(/images/country/flag/aw.png)
}
#country ul li.az {
background-image: url(/images/country/flag/az.png)
}
#country ul li.ba {
background-image: url(/images/country/flag/ba.png)
}
#country ul li.bb {
background-image: url(/images/country/flag/bb.png)
}
#country ul li:hover {
background-color: #f0b64e
}
#country ul li a {
color: #6c5405
}
#country ul li a:hover {
color: #0b418b
}
fieldset#mysearch {
    margin-top: 15px;
}
.search-i label {
display: block
}
.search-i input {
width: 98%;
border: solid 1px #E5E5E5;
background-color: #F0F0F0;
color: #666;
padding: 0 1px 0 2px;
line-height: 29px;
text-align: left;
height: 29px;
box-shadow: 0 0 1px #fff;
-moz-box-shadow: 0 0 1px #fff;
-webkit-box-shadow: 0 0 1px #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-sizing: border-box;
    padding-left: 36px;

}
#mysearch .field-icon {
color: #088ad5;
    left: 12px;
    margin: 5px 0 0;
    position: absolute;
    top: 50%;
}

input[type="button"] {
overflow: visible;
cursor: pointer;
-webkit-appearance: button;
box-sizing: border-box;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
outline: none
}
.form-c .submit input {
display: block;
position: relative;
float: right;
width: 118px;
height: 28px;
padding: 0;
border: 0;
background: url(../images/blue/sprite-a.png) -7px -141px no-repeat;
color: #fff;
text-align: center;
text-shadow: 1px 1px 1px #c14835
}
#hoteldesc label {
display: block;
padding: 5px 3px 5px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 16px;
color: #E07C69
}
.image-e figcaption span > h1 {
display: inline;
font-size: 1.16em;
text-transform: uppercase;
text-align: center
}
.image-e figcaption > h1 {
margin: 0 0 -8px;
padding: 23px 0 0;
font-size: 2.666em;
text-transform: uppercase;
text-align: left
}
.children-rooms {
font-size: 0.86em;
line-height: 1.31em
}
.vertical_tabs {
background: #fff;
border: 1px solid #c2c2c2;
overflow: hidden;
border-radius: 3px
}
.vertical_tabs .tabbable .nav {
float: left;
width: 25%;
border-right: 1px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
margin: 0 0 -1px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.vertical_tabs .tabbable .nav>li {
border-top: 1px solid #c2c2c2
}
.vertical_tabs .tabbable .nav>li>a {
line-height: 40px;
padding-left: 20px;
font-weight: bold;
text-transform: uppercase;
color: #595959;
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 73%, #ededed 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(73%, #ffffff), color-stop(100%, #ededed));
background: -webkit-linear-gradient(left, #ffffff 73%, #ededed 100%);
background: -o-linear-gradient(left, #ffffff 73%, #ededed 100%);
background: -ms-linear-gradient(left, #ffffff 73%, #ededed 100%);
background: linear-gradient(to right, #ffffff 73%, #ededed 100%)
}
.vertical_tabs .tabbable .nav>li>a>span {
padding: 6px 7px 7px 7px;
background: #646464;
margin-right: 5px;
line-height: 1;
display: inline-block;
vertical-align: middle;
margin-top: -1px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.vertical_tabs .tabbable .nav>li>a>span span {
margin: 0;
vertical-align: middle
}
.vertical_tabs .tabbable .nav>li>a:hover,
.vertical_tabs .tabbable .nav>li.active>a {
color: #cd2122
}
.vertical_tabs .tabbable .nav>li.active>a {
background: #fff;
margin-right: -1px
}
.vertical_tabs .tabbable .nav>li.active>a>span,
.vertical_tabs .tabbable .nav>li>a:hover>span {
background: #cd2122
}
.vertical_tabs .tabbable .nav>li:first-child {
border-top: 0
}
.vertical_tabs .tabbable .tab-content {
float: left;
width: 75%;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.availablerooms {
box-shadow: 0 0 1px #e6e6e6;
-moz-box-shadow: 0 0 1px #e6e6e6;
-webkit-box-shadow: 0 0 1px #e6e6e6;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: relative;
padding: 4px 5px 0;
border: 1px solid #eee;
background: #428BCA;
margin-bottom: 30px;
margin-top: 10px
}
.availablerooms h3 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.7em;
color: #4378ff;
padding: 5px
}
#availablerooms .rooms {
position: relative;
border: 1px solid #F4F1F1;
background: #FFFFFF;
color: #666;
min-height: 35px;
font-size: 1.2em;
margin-left: 0px;
margin-right: 0px;
display: flex;
margin-bottom: 5px
}
#availablerooms .rooms:hover {
background-color: #ffffef
}
#getAvailableRooms {
position: relative
}
.customerdetail {
font-size: 1.2em
}
.customerdetail .rooms {
box-shadow: 0 0 1px #e6e6e6;
-moz-box-shadow: 0 0 1px #e6e6e6;
-webkit-box-shadow: 0 0 1px #e6e6e6;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #eee;
color: #666;
margin: 1px;
margin-bottom: 10px;
min-height: 35px;
line-height: initial;
padding: 9px 5px 3px;
background-color: aliceblue
}
#availablerooms .rooms div {
min-height: 35px;
position: relative;
height: auto;
border-right: 1px solid #eee;
margin: auto 0px;
padding: 1px 6px 2px 6px
}
#availablerooms .rooms.head div {
color: #4e4e4e
}
#availablerooms .rooms div span {
padding: 1px 5px;
display: block;
line-height: normal
}
#availablerooms .rooms div label {
display: inline-block;
padding: 1px 5px
}
#availablerooms .rooms div .board {
display: inline-block;
padding: 1px 5px
}
#availablerooms li,
#availablerooms a,
#availablerooms p,
#availablerooms span {
font-size: 1em
}
#availablerooms .rooms.head {
font-size: 1.3em;
font-weight: bold;
border-bottom: 2px solid #A8A8A8;
padding: 1px 0 2px 0px;
line-height: 2.3em;
background-color: #F3EDED;
padding: 2px 0px
}
#availablerooms .rooms .bnow {
float: right;
text-align: right;
padding-right: 1px
}
#availablerooms .rooms .bnow .rate {
font-size: 1.3em;
color: #FE4412;
display: inline-block
}
#availablerooms .rooms .bnow sup {
color: #FE4412
}
#availablerooms .rooms .drate {
font-size: 1.1em;
color: #127BAF;
text-align: -webkit-center;
white-space: nowrap
}
span.kisa1 select {
width: 30px
}
.change_dates {
margin-bottom: 20px;
background: #eef5fb;
color: #003580;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-opera-border-radius: 4px;
border-radius: 4px
}
.change_dates:after {
content: '';
clear: both;
height: 0;
display: block
}
.change_dates_div {
padding: 16px 8px;
font-size: 14px;
width: 48%;
float: left
}
.change_dates_title {
padding-top: 25px;
font-size: 14px;
font-weight: bold
}
.dates-title-change {
color: #0898ff;
display: block;
font-weight: bold;
float: right;
text-decoration: none;
text-align: right;
padding: 0 0 0 12px;
text-align: right
}
.change_divcols {
width: 33%;
display: inline-block
}
.change_dates_label {
display: block;
font-size: 12px;
font-weight: normal;
margin: 0 0 4px 0;
text-align: center
}
.change_dates_div .checkin,
.change_dates_div .checkout {
font-size: 18px !important;
font-weight: bold;
text-align: center
}
.dates-title-change {
display: none
}
DIV.gmapstooltip {
border: #999 1px solid;
padding-bottom: 2px;
line-height: 1.23em;
background-color: white;
padding-left: 3px;
padding-right: 3px;
font-family: Tahoma, "Lucida Grande", Sindbad, Kalimati, Verdana, Arial, sans-serif;
white-space: nowrap;
font-size: 11px;
padding-top: 2px;
max-width: 300px;
max-height: 100px;
height: auto
}
DIV.gmapstooltip b {
max-width: 300px
}
DIV.smallHotelInfo {
box-shadow: 0 0 1px #e6e6e6;
cursor: default;
-moz-box-shadow: 0 0 1px #e6e6e6;
-webkit-box-shadow: 0 0 1px #e6e6e6;
border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #eee;
color: #1a1111;
font-size: 1.2em
}
div.smallHotelInfo #hithumb {
width: 100%
}
div.smallHotelInfo #hiusercount {
position: absolute;
font-size: 1.2em;
margin-top: -20px;
right: 12px
}
div.smallHotelInfo #hiusercount span {
color: #ffac01
}
div.smallHotelInfo #hithumb img {
height: 100px;
width: 100%;
cursor: pointer
}
DIV.smallHotelInfo DIV.content {
background-color: #fff;
width: 250px;
height: 145px;
overflow: hidden;
padding: 2px
}
DIV.smallHotelInfo DIV.content .closearea {
position: absolute;
float: right;
cursor: pointer;
right: 2px;
top: 2px;
padding: 3px;
background: #fff
}
DIV.smallHotelInfo DIV.content td {
border: 0px
}
DIV.bubla {
position: absolute;
width: 23px;
background: url(/images/map/map_bubble_larrow.png) no-repeat left top;
height: 37px;
top: 90px;
left: -17px
}
DIV.bubra {
position: absolute;
width: 23px;
background: url(/images/map/map_bubble_rarrow.png) no-repeat left top;
height: 37px;
top: 90px;
left: 244px
}
DIV.bubtla {
position: absolute;
width: 30px;
background: url(/images/map/map_bubble_tla.png) no-repeat left top;
height: 24px;
top: -22px;
left: 7px
}
DIV.bubtra {
position: absolute;
width: 32px;
background: url(/images/map/map_bubble_tra.png) no-repeat left top;
height: 24px;
top: -22px;
left: 250px
}
DIV.bubbla {
position: absolute;
width: 44px;
background: url(/images/map/map_bubble_bla.png) no-repeat left top;
height: 24px;
top: 144px;
left: -1px
}
DIV.bubbra {
position: absolute;
width: 27px;
background: url(/images/map/map_bubble_bra.png) no-repeat left top;
height: 24px;
top: 148px;
left: 240px
}
DIV.bubla {
position: absolute;
width: 23px;
background: url(/images/map/map_bubble_larrow.png) no-repeat left top;
height: 37px;
top: 80px;
left: -20px
}
DIV.bubra {
position: absolute;
width: 23px;
background: url(/images/map/map_bubble_rarrow.png) no-repeat left top;
height: 37px;
top: 90px;
left: 244px
}
DIV.larrow DIV.bubra {
display: none
}
DIV.rarrow DIV.bubla {
display: none
}
DIV.smallHotelInfo DIV.bubla {
top: 82px
}
DIV.smallHotelInfo DIV.bubra {
top: 82px
}
DIV.smallHotelInfo DIV.bubra {
left: 252px
}
DIV.smallHotelInfo DIV.bubtra {
left: 220px
}
DIV.smallHotelInfo DIV.bubbra {
left: 220px
}
DIV.smallHotelInfo DIV.bubbla {
top: 144px
}
DIV.smallHotelInfo DIV.bubbra {
top: 148px
}
DIV.smallHotelInfo DIV.bubla {
top: 82px
}
.pickdate {
background: url("./images/main/calendar0.gif") no-repeat right #fff;
padding: 3px 0px 0px;
border: 1px solid #CCCCCC;
width: 126px;
height: 19px;
cursor: pointer
}
.largemap {
float: right
}
#staticmap {
padding: 0px;
height: auto;
overflow: hidden;
position: relative;
margin: -5px;
margin-bottom: 5px
}
.initstaticmap {
direction: rtl
}
#staticmap img {
border-radius: 5px;
border: 5px solid rgb(227, 230, 240);
width: 100%;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px
}
#staticmap a:hover img {
border-color: rgb(102, 154, 22)
}
#staticmap h2 {
padding: 6px 0px 0px;
font-size: 1.2em
}
#staticmap p {
padding: 10px 0px 0px
}
#nearhotels {
margin: -6px -6px -6px
}
#nearhotels h3 {
padding: 3px;
background-color: #f5d17c
}
#nearhotels .nearhotel li {
padding-bottom: 10px
}
#nearhotels .nearhotel li .nhotel {
border-bottom: 1px dashed #f1f1f1;
line-height: 12px
}
#nearhotels .nearhotel li .nhotel:hover {
background-color: #f5d17c
}
#nearhotels .nearhotel li img.nhotelimg {
width: 98%;
height: 75px;
padding: 2px
}
div.free {
position: relative;
width: 100%;
float: left;
margin-top: 15px;
padding: 5px
}
div.free h4 {
color: #0c97c4;
font-size: 2em;
border-bottom: 1px solid #0c97c4
}
.close {
display: inline-block;
margin-top: 0px;
margin-right: 0px;
width: 9px;
height: 9px;
text-indent: -10000px;
background-repeat: no-repeat !important;
background-image: url("../images/remove-icon-small.png") !important
}
.nopadding {
padding-left: 2px !important;
padding-right: 2px !important;
margin: 0 !important
}
.nopadding5 {
padding-left: 5px !important;
padding-right: 5px !important;
margin: 0 !important
}
.ttip {
cursor: help
}
.tttext {
display: none
}
ul.cancellist {
padding: 0px;
list-style-type: disc
}
.cancellist li {
margin-bottom: 10px
}
ul.cancellist:last-child {
margin-bottom: 0
}
.photocontainer {
position: relative;
top: 0px;
left: 0px;
background: #f8f7f0;
overflow: hidden;
margin-bottom: 20px
}
.preloader,
.preloader2 {
display: block;
width: 100%;
height: 100%;
background: url("/v2/images/preloader.gif") center center no-repeat #FFF
}
.preloader2 {
background-color: transparent
}
.mapContainer {
position: relative
}
.mapControls {
bottom: 20px;
position: absolute;
left: 40px;
z-index: 1
}
.mapControls .zoomControls {
position: absolute;
bottom: 29px;
right: 0
}
.mapControls .zoomControls .zoom.zoomIn {
background: url("/v2/images/zoom_in_idle.png") no-repeat center;
border-bottom: 1px solid #7c7c7c;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.mapControls .zoomControls .zoom.zoomOut {
background: url("/v2/images/zoom_out_idle.png") no-repeat center;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px
}
.mapControls .zoomControls .zoom {
cursor: pointer;
display: block;
height: 30px;
opacity: .8;
width: 30px
}
.mapControls .zoomControls .zoom.zoomIn:hover {
background: url("/v2/images/zoom_in_hover.png") no-repeat center;
opacity: 1
}
.mapControls .zoomControls .zoom.zoomOut:hover {
background: url("/v2/images/zoom_out_hover.png") no-repeat center;
opacity: 1
}
.news-a article:hover {
position: relative;
border-top: 1px dashed #f0b64e;
background-color: #fffbea
}
.description {
margin: 0 0 3px 0;
border-bottom: 1px solid #C0BFBC;
float: left;
clear: both;
width: 100%;
padding-bottom: 3px
}
.description p.facility_name {
font-size: 14px;
font-weight: bold;
width: 9em;
float: left;
padding: 0 !important;
margin: 0;
color: #428BCA
}
.description p {
padding: 0px 0 10px 10em
}
.description .facility_name span {
float: left;
font-weight: bold;
font-size: 1.1em
}
.description .firstpar span.prop:after {
font-size: inherit;
content: ",";
padding-right: 6px;
color: #82c7f1
}
.description .firstpar span.prop:last-child:after {
content: ""
}
#root #nav > ul.secondary > li.en {
background: url(/images/flag/en.gif) no-repeat
}
#root #nav > ul.secondary > li.tr {
background: url(/images/flag/tr.gif) no-repeat
}
#root #nav > ul.secondary > li.de {
background: url(/images/flag/de.gif) no-repeat
}
#root #nav > ul.secondary > li.es {
background: url(/images/flag/es.gif) no-repeat
}
.scheme-e.none,
.scheme-i.none {
display: none !important
}
.scheme-e.block,
.scheme-i.block {
display: block !important
}
.firstpar span.li {
width: 48%;
float: left;
padding-bottom: 5px
}
#LastViewedHotels {
clear: both;
overflow-x: hidden;
overflow-y: auto;
height: auto;
max-height: 600px;
background-color: #fff;
margin-top: 5px
}
#LastViewedHotels .odd {
background: url("/v2/images/hc_bg_divider.gif") repeat-x left bottom;
padding-bottom: 10px;
margin-bottom: 5px;
position: relative
}
#LastViewedHotels a.remove_hotel {
float: right;
margin-left: 5px
}
#LastViewedHotels a.remove_hotel img {
border: 1px solid #ccc !important;
padding: 1px
}
IMG.thumb {
border-bottom: #CFD0D6 1px solid;
border-right: #CFD0D6 1px solid;
margin-right: 4px;
float: left
}
#LastViewedHotels UL LI {
border: 0px solid #ccc !important;
padding-bottom: 5px;
padding-top: 5px;
float: left;
width: 100%
}
#LastViewedHotels img.thumb {
width: 60px;
height: 50px
}
#LastViewedHotels h3 {
margin: 0;
font-size: 1.2em;
color: #FFfffF;
background-color: #F9AA49;
padding: .3em .5em
}
.rd {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-opera-border-radius: 4px;
border-radius: 4px
}
.solicdiv {
background: #fff;
margin-top: 5px;
padding: 2px;
margin: 2px;
margin-top: 15px;
margin-bottom: 8px;
border: 1px solid #BFBBB3
}
.solicdiv h3 {
font-size: 1.2em;
color: #FFfffF;
background-color: #F9AA49;
padding: .3em .5em;
text-transform: uppercase;
border-radius: 8px
}
.sutun-a {
position: relative;
margin: 5px 0 36px;
padding: 5px 10px 11px;
border: 1px solid #eee;
background: #fbfbfb;
display: block;
}
.sutun-a {
box-shadow: 0 0 1px #e6e6e6;
-moz-box-shadow: 0 0 1px #e6e6e6;
-webkit-box-shadow: 0 0 1px #e6e6e6;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px
}
.mapContainer {
margin: 10px 0;
position: relative;
width: 100%
}
#map {
width: 100%;
height: 350px;
border: 1px solid #BFBBB3;
margin: 3px
}
.cols-a > aside .sutun-a:first-child {
padding: 14px 9px 0
}
.option-overlay {
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000 !important;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0
}
.option-dialog .ui-button {
display: none
}
.option-dialog .ui-dialog-titlebar {
display: none
}
.option-dialog {
z-index: 9999 !important;
position: absolute;
min-height: 360px;
background-color: #fff
}
#option-maindialog {
display: none;
z-index: 1001 !important
}
#option-maindialog .pfmodalclose {
position: absolute;
width: 32px;
height: 32px;
right: 3px;
top: 10px;
z-index: 10;
font-size: 23px;
text-align: center;
display: block;
color: #666
}
#option-maindialog .pfmodalclose:hover {
color: #000
}
#option-maindialog .glink {
color: #494949
}
#option-maindialog .glink:hover {
color: #000000
}
#option-maindialog .pftrwcontainer-overlay .pf-overlay-close {
right: 3px;
top: 16px
}
#option-maindialog .pftrwcontainer-overlay .pfrevoverlaytext i {
vertical-align: middle
}
#option-maindialog .pftrwcontainer-overlay {
background: rgb(255, 255, 255);
z-index: 11
}
#option-maindialog .pftrwcontainer-overlay .pfrevoverlaytext span {
vertical-align: text-bottom;
letter-spacing: 0;
text-transform: uppercase;
font-weight: normal
}
#option-maindialog .input {
border: 1px solid #efefef
}
.odloadingimg {
    background-image: url(/v2/images/info-loading.gif) !important;
    background-size: 60px 60px !important;
    background-repeat: no-repeat !important;
    background-position: 50px !important;
}

.odloading {
    background-color: #fff;
    z-index: 99999 !important;
    position: relative;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    clear: both;
    margin: 5px;
    padding: 5px;
    border: 3px solid #61ccec;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.odloadingmessage {
    display: block;
    text-align: center;
    position: relative;
    font-size: 1.6em;
    font-weight: 600;
    min-height: 60px;
    width: 100%;
    height: 100%;
    padding: 0px;
    line-height: 2.6em;
}
.pfsearchformerrors {
display: none;
z-index: 3;
background-color: rgba(191, 0, 0, 0.95);
padding: 5px;
left: 0;
right: 0;
margin: 0 auto !important;
cursor: pointer;
color: #fff;
min-height: 50px;
text-align: center;
line-height: 1.5em;
font-size: 16px
}
.pfsearchformerrors > ul {
padding: 20px;
font-size: 12px;
text-align: left;
list-style: circle
}
.pfsearchformerrors .button.pfsearch-err-button {
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 1);
color: #530000;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
border: none;
box-shadow: none;
display: block;
height: 27px;
font-size: 12px;
border-radius: 0;
width: 77px;
padding: 0;
line-height: 28px
}
.pfsearchformerrors .button.pfsearch-err-button:hover {
text-decoration: none;
cursor: pointer;
background-color: #F7F7F7
}
div#logged {
position: absolute;
right: 50%;
top: 0;
margin: 0 -400px 0 0
}
div#logged .link-a {
right: auto
}
#logged > ul.logins {
position: absolute;
right: 20%;
top: 20px;
z-index: 5;
margin: 0 -100px 0 0
}
#logged > ul.logins > li > ul {
display: none;
position: absolute;
left: 4px;
top: 20px;
list-style: none;
padding: 2px 0;
border: 1px solid #cacaca;
background: #f2f2f2
}
#logged > ul.logins > li > ul {
box-shadow: 0 0 1px #ccc;
-moz-box-shadow: 0 0 1px #ccc;
-webkit-box-shadow: 0 0 1px #ccc;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px
}
#logged > ul.logins > li:hover > ul {
display: block
}
#logged > ul.logins > li > ul li {
padding: 0;
background: none;
font-size: .9em;
width: 100px
}
#logged > ul.logins > li > ul li a {
display: block;
padding: 2px 10px
}
#result > h2,
#result > p {
margin: 0 auto;
color: #666;
text-align: center
}
#result > h2 {
margin-bottom: 3px;
padding-top: 19px;
font-size: 2.4em
}
#result > p {
margin-bottom: 16px;
font-size: 1.8em
}
#result > h2 span,
#result > p span {
color: #399fe4
}
@media only screen and (max-width: 800px) {
.description p.facility_name {
display: block;
width: 100%;
margin-bottom: 5px
}
.description .firstpar {
padding: 5px
}
.firstpar span.li {
padding-bottom: 5px
}
div#logged {
margin-right: -220px
}
}
#hotelsfilter input[type="checkbox"] {
margin-right: 5px
}
#hotelsfilter label {
padding-bottom: 3px;
line-height: 1.2em;
vertical-align: middle;
display: block
}
.filter-contents {
padding: 10px 0 5px !important
}
.name-input-wrapper {
position: relative;
display: inline !important
}
.name-input-wrapper input {
padding: 4px 6px;
width: 80%;
border: solid 1px #E5E5E5;
background-color: #F0F0F0;
color: #666;
box-shadow: 0 0 1px #fff;
-moz-box-shadow: 0 0 1px #fff;
-webkit-box-shadow: 0 0 1px #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px
}
.stat-clear-name {
color: #fff;
background: #bbbbbb;
border-radius: 50%;
display: block;
width: 15px;
line-height: 15px;
text-align: center;
vertical-align: -10%;
font-size: 15px;
position: absolute;
right: 5px;
top: 4px;
cursor: pointer
}
#f-name-cta {
background: url(../images/blue/sprite-a.png) -80px -720px no-repeat;
width: 25px;
height: 12px;
border: 0px;
padding: 3px;
display: inline-block
}
.form-a legend {
display: block;
left: 19px;
top: 20px;
color: #ff0000;
font-size: 1.4em;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
line-height: 1.1;
text-transform: uppercase;
border: 0;
margin-bottom: 6px
}
.form-a h3 {
position: relative;
margin: 0 0 8px;
padding: 15px 0 0;
border-top: 1px solid #eaeaea;
color: #666;
font-size: 1.3em;
font-weight: 500
}
.form-a h3 span {
color: #ff0000;
font-weight: 700
}
.selectedhotel {
padding: 2px;border: 6px solid #71b95a;
}
.selectedhotelnot {
    border: 1px solid #cd2122;
    border-bottom: 6px solid #cd2122;
}
 .news-a .selectedhotelnot article {
    padding: 12px 16px 9px 149px;

}
.sold_out_msg {
    padding: 5px;
    background: #e21111;
    color: #fff;
}
.selectedhotel article {
border-top: 0px !important
}
#myModal .modal-body {
max-height: calc(100% - 20px);
overflow-y: auto;
min-height: 250px
}
#myModal iframe {
height: 100%;
width: 100%;
border: 0
}
p.submit {
box-sizing: border-box
}
ul.ratepromo {
margin: 0;
padding: 0;
list-style-type: none;
width: 100%
}
ul.ratepromo li span {
padding: 2px;
float: left;
background-color: transparent;
color: #B4CA08;
width: 24px;
height: 24px;
margin-left: -4px;
margin-top: -24px;
z-index: 1;
position: relative
}
ul.ratepromo li {
font-size: 1.4rem;
background-color: transparent;
color: rgba(216, 12, 12, 0.88);
width: 24px;
height: 24px
}
li.ratepromo span {
padding-bottom: 5px !important;
background-color: transparent;
margin-left: -5px;
z-index: 1;
position: relative;
line-height: 1.1em !important;
font-size: 0.9em
}
li.ratepromo {
font-size: 1.4rem;
background-color: transparent;
color: rgb(66, 139, 202)
}
.roominfotaxes {
padding-bottom: 10px !important
}
.cardType {
background-image: url(/images/main/cards.png) !important;
background-position: 3px 3px !important;
background-size: 40px 252px !important;
background-repeat: no-repeat !important;
padding-left: 48px !important;
font-size: 1.1rem !important
}
.cc-cvc {
font-size: 1.1rem !important
}
.visa {
background-position: 3px -34px !important
}
.mastercard {
background-position: 3px -110px !important
}
.amex {
background-position: 3px -223px !important
}
#help DL {
padding-right: 15px;
padding-left: 15px;
padding-bottom: 0px;
margin: 0px 0px 15px;
padding-top: 0px
}
#help DL.closed {
display: none
}
#help DL.open {
display: block
}
#help DL DT {
padding-right: 0px;
padding-left: 0px;
font-size: 13px;
padding-bottom: 0px;
line-height: 1.5;
padding-top: 5px
}
#help DL DT A.open {
padding-left: 10px;
background: url(/customercare/image/minus.gif) #f5f9fb no-repeat 0px 7px
}
#help DL DT A.closed {
padding-left: 10px;
background: url(/customercare/image/plus.gif) #f5f9fb no-repeat 0px 5px
}
#help DL DD {
padding-right: 0px;
padding-left: 10px;
font-size: 13px;
padding-bottom: 5px;
margin: 0px;
line-height: 1.25;
padding-top: 5px
}
#help DL DD.closed {
display: none
}
#help DL DD.open {
display: block
}
#help SPAN.helptopic {
padding: 2px;
border-bottom: solid 1px #004289;
font-size: 110%;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #005CAD
}
.tdalticizgi {
padding: 2px;
border-bottom: solid 1px #ccc;
font-size: 13px;
font-size: 120%;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif
}
#help DL a:link,
#help DL a:visited {
color: #4A6BCE;
text-decoration: none
}
#help DL a:active,
#help DL a:hover {
color: #FC4C49
}
#help DL DD {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #171B2B
}
#help dt *,
#help dd *,
#help p *,
#help figure *,
#help th *,
#help td *,
#help legend * {
font-size: 1.02em
}
input.error,
textarea.error,
select.error {
border: 1px solid #faabab !important;
background: transparent
}
.error {
background: #FA9FA8
}
.ui-autocomplete {
position: absolute;
cursor: default;
z-index: 9;
margin-top: 35px
}
.ui-autocomplete-loading {
background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat
}
* html .ui-autocomplete {
width: 1px
}
.ui-menu {
border: 1px solid #d7d7d7;
background: #fff;
color: #666;
list-style: none;
padding: 2px;
margin: 0;
display: block;
outline: none
}
.ui-menu .ui-menu {
margin-top: -3px;
position: absolute
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 2px;
width: 100%;
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}
.ui-menu .ui-menu-divider {
margin: 5px -2px 5px -2px;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.5;
min-height: 0;
color: rgb(0, 99, 204);
font-weight: normal
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
background: #4ca8f6;
color: #fff;
margin: -1px
}
.ui-menu .ui-state-disabled {
font-weight: normal;
margin: .4em 0 .2em;
line-height: 1.5
}
.ui-menu .ui-state-disabled a {
cursor: default
}
.ui-menu-icons {
position: relative
}
.ui-menu-icons .ui-menu-item a {
position: relative;
padding-left: 2em
}
.ui-menu .ui-icon {
position: absolute;
top: .2em;
left: .2em
}
.ui-menu .ui-menu-icon {
position: static;
float: right
}
.ui-helper-hidden-accessible {
display: none
}
.ui-autocomplete > .ui-autocomplete-category {
height: 26px;
position: relative;
width: 100%;
padding: 5px;
border-bottom: 1px solid #d7d7d7;

}
.ui-autocomplete > .ui-autocomplete-category > span {
position: absolute;
z-index: 1;
font-size: 14px;
color: rgb(8, 93, 255);
font-weight: bold;
}
.ui-autocomplete > .ui-autocomplete-category > span > em {
vertical-align: middle
}
.icon-search-hotel-name:before {
content: "\f236"
}
.icon-search-destination:before {
content: "\f0ac"
}
.icon-search-area:before {
content: "\f041"
}
.icon-search-destination,
.icon-search-hotel-name,
.icon-search-area {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.qtip.googlemap .qtip-content,
#qtip-youtube .qtip-content,
#qtip-vimeo .qtip-content {
padding: 0
}
.agb {
background-color: #fdcbcc;
margin-bottom: 20px;
border-radius: 5px;
width: auto;
padding-left: 10px
}
.agb.ok {
background-color: #b0e0aa
}
.agb label {
color: #333;
padding-left: 10px;
max-width: 95%;
color: #73746d;
font-size: 15px;
font-weight: normal;
margin: 10px 5px 8px 1px;
display: inline-block
}
#footer.social {
padding: 7px 0 0
}
#footer.social .footer_tooltip {
margin-left: -18px;
padding: 7px 5px 7px
}
#icon-links {
position: relative
}
.social ul,
ul.social {
margin: 0
}
.social ul li,
ul.social li {
display: inline-block;
margin: 0 0 0 5px;
list-style: none;
width: 24px;
height: 24px
}
.social ul li a,
ul.social li a {
display: inline-block;
overflow: hidden;
width: 24px;
height: 24px;
background: url("/images/main/social.png");
text-indent: -500em;
opacity: 0.3
}
.social ul li a:hover,
ul.social li a:hover {
opacity: 1
}
.footer_tooltip .marker {
position: absolute;
z-index: 51;
bottom: -9px;
cursor: pointer;
display: block;
height: 14px;
margin-left: -5px;
left: 25px;
width: 15px;
background-image: url(/images/main/asok.png) !important;
background-position: left top;
background-repeat: no-repeat
}
.marker {
cursor: pointer;
display: block;
position: absolute;
width: 18px;
height: 27px;
margin-left: -9px;
background-position: -34px -33px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
#social .icon {
font-size: 0
}
.footer_tooltip {
display: none;
position: absolute;
max-width: 190px;
min-width: 140px;
min-height: 20px;
background: #F5F6E6;
background-color: #FFFBF3;
background-image: -moz-linear-gradient(#e6edf6 0, white 100%);
border: 1px solid #F0B17F;
border-radius: 5px;
z-index: 51;
bottom: 20px;
left: -20px;
padding: 2px
}
.social a.email {
background-position: 0 0
}
.social a.facebook {
background-position: -32px 0
}
.social a.twitter {
background-position: -64px 0
}
.social a.pinterest {
background-position: -96px 0
}
.social a.rss {
background-position: -128px 0
}
.social a.linkedin {
background-position: -160px 0
}
.social a.flickr {
background-position: -192px 0
}
.social a.vimeo {
background-position: -224px 0
}
.social a.blogger {
background-position: -256px 0
}
.social a.tumblr {
background-position: -288px 0
}
.social a.skype {
background-position: -320px 0
}
.social a.behance {
background-position: -352px 0
}
.social a.googleplus {
background-position: -384px 0
}
.social a.youtube {
background-position: -416px 0
}
.social a.dribble {
background-position: -448px 0
}
.social a.instagram {
background-position: -480px 0
}
.social a.picasa {
background-position: -512px 0
}
.social a.github {
background-position: -544px 0
}
.social a.stumbleupon {
background-position: -576px 0
}
.social a.lastfm {
background-position: -608px 0
}
a.showmap {
margin-left: 10px
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0 6px
}
.pad0 {
padding: 0 !important
}
.grid_2 {
width: 33.33333%
}
.gmap-custom-tooltip .grid_4 {
max-width: 280px
}
.grid_4 {
width: 66.66667%
}
p.mar5b {
    width: 100%;
}
span.icons.pricesearch {
    float: left;
    font-size: 18px;
    font-weight: 600;
    padding-top: 3px;
    color: rgba(67, 130, 2, 0.99);
}
.pricesearch span.priceinfo {
    font-size: 12px;
    color: #999;
    font-weight: 300;    display: block;
}
.mar5b a {
float: right;
}
.addbasket {
position: relative
}
.addbasket .basket-imagewrap {
width: 33%;
float: left;
position: relative;
max-width: 250px
}
.addbasket .basket-imagewrap img {
width: 100%;
height: auto;
padding: 5px;
border: solid 3px #f0dada;
border-radius: 20%
}
.addbasket .basket-detailwrap {
margin-left: 35%
}
.addbasket:after {
content: '';
clear: both;
height: 0;
display: block
}
.orderitem .itemCategories,
.orderitem .remarks {
position: relative;
margin: 1px;
padding: 6px
}
.remarks {
}
.remarks .title{
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
color: #e52923;
}
.remarks .text {
font-size: 12px;
line-height: normal;
color: #7c90a6;
padding-left: 5px;
}
h4.conditions {
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
color: #e52923;
}
.showmobile {
display: none
}
.checkout .hideonpayment {
display: none
}
span.sestimeout {
    color: #ff4000;
    font-size: 1.6em;
    font-weight: 700;
}
.newavailclick {
    color: #00a3ff;
    font-size: 1.6em;
    font-weight: 700;
    text-decoration: underline;
    line-height: 1.9em;
}
.customercare .cols-c > *:first-child {
float: left;
width: 30%;
max-width: 300px
}
.customercare .cols-c > *:nth-child(2) {
float: right;
width: 70%;
max-width: 960px
}
.bookOverview .pricing {
border-top: 1px solid #e6edf6;
margin-top: 1px;
padding: 0;
background-color: #f3f3f3;
border-top: solid 1px #d9d9d9;
text-shadow: 0 1px 0 #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.bookOverview .pricing li {
border: 1px solid #dedede;
border-width: 0 0 1px 0;
font-size: 13px;
line-height: normal;
margin: 0 10px;
padding: 10px 5px
}
.pricing-value .value {
float: right;
margin: 0
}
.pricing-value.charge .value {
display: inline-block;
max-width: 30%;
text-align: right
}
.pricing-value .key {
display: inline-block;
max-width: 70%
}
.pricing .price-breakdown {
font-weight: bold;
color: #003580;
font-size: 15px
}
.pricing .no-cc-free {
color: #090;
font-size: 13px;
font-weight: bold;
display: block;
width: auto;
border-bottom: 1px solid #dedede;
margin: 0 10px;
padding: 10px 5px
}
.pricing .total-infobreak {
color: #ea6b6b;
font-weight: bold
}
.m-banner,
a.m-banner,
a.m-banner:visited {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
font-weight: normal;
padding-bottom: 10px;
position: relative;
text-decoration: none;
margin-top: 10px
}
.m-banner_content,
a.m-banner_content,
a.m-banner_content:visited {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
border-bottom: solid 2px #003580;
background: #f6fbf7;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
font-weight: normal;
padding: 10px 10px 10px 10px;
position: relative;
text-decoration: none;
margin: 10px 0px;
}
.m-banner_content_icon {
color: #003580;
position: absolute;
left: 0;
top: 10px;
padding-top: 5px;
text-align: center;
width: 50px
}
.m-banner-green .fa,
.m-banner-allgreen .fa {
color: #090
}
.m-banner_content_icon .fa {
font-size: 20px;
line-height: 20px
}
.m-banner-allgreen .m-banner_content,
.m-banner-allgreen .m-banner_content_title {
color: #090
}
.m-banner.m-banner-green .m-banner_content,
.m-banner.m-banner-allgreen .m-banner_content {
border-bottom-color: #090
}
.m-banner_content_title {
color: #003580;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px
}
.m-banner_content,
.m-banner_content_text {
font-size: 12px;
line-height: normal;
color: #7c90a6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.m-banner_content-media,
a.m-banner_content-media,
a.m-banner_content-media:visited {
padding-left: 50px
}
.m-banner.m-banner-red .m-banner_content,
.m-banner.m-banner-allred .m-banner_content {
border-bottom-color: #e52923
}
.m-banner-red .fa,
.m-banner-red .m-banner_content_title,
.m-banner-allred .bicon,
.m-banner-allred .m-banner_content_text,
.m-banner-allred .m-banner_content_title {
color: #e52923
}

@media only screen and (max-width: 480px) {
    
.news-b > article {

    width: 100%;

}

}

input#agb {
    display: inline-block;
height: auto;
}

nav .secondary li .many a .sign {
    display: inline-block;
    width: 2.5em;color: #007ec4;font-weight: 700;
}
nav .secondary li .many li {
    float: left;
    width: 33.33%;
}
nav .secondary .many  {
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 2px 10px rgba(0,0,0,.2);
    box-shadow: 1px 2px 10px rgba(0,0,0,.2);
    border: 1px solid #e0e0e0;
    font-size: 14px;
    padding: 10px 0 5px;
    width: 510px;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
    display: none;
    position: absolute;
    right: -100px;
    top: 100%;
}
nav .secondary .many a {
    display: block;
    font-weight: 400;
    overflow: hidden;
    padding: 2px 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
        color: #404040;
    height: 20px;
    line-height: 20px;
        font-family: Roboto,sans-serif;
}
nav .secondary .many:after, nav .secondary .many:before{
    border-style: solid;
    content: '.';
    display: block;
    font-size: 0;
    text-indent: -9999px;
    position: absolute;
    border: 0;
}
nav .secondary .many:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #aca9a9;
    right: 110px;
    top: -23px;
}
nav .secondary .many h5 {
    clear: both;
    font-weight: 700;
    margin: 5px 20px 0;
}
nav .secondary .many ul:after,nav .secondary .many ul:before {
    clear: both;
    content: '.';
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
nav .secondary .many li:hover a,nav .secondary .many li:hover a .sign {
    background-color: #FF8B00;
    border-color: #e67d00;
    color: #fff;
}
div.booksummary {
    margin: 10px 0px;
}
span.facfee {
    color: #ff7070;
    font-size: smaller;
    padding: 3px;
}