﻿@font-face {
    font-family: 'GE SS Two Medium';
    src: url('/_catalogs/masterpage/Guide_to_HealthCare/CSS/GE_SS_Two_Medium.eot');
    src: url('/_catalogs/masterpage/Guide_to_HealthCare/CSS/GE_SS_Two_Medium.eot?#iefix') format('embedded-opentype'), url('/_catalogs/masterpage/Guide_to_HealthCare/CSS/GE_SS_Two_Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'GE SS Two Light';
    src: url('/_catalogs/masterpage/Guide_to_HealthCare/CSS/GE_SS_Two_Light.eot');
    src: url('/_catalogs/masterpage/Guide_to_HealthCare/CSS/GE_SS_Two_Light.eot?#iefix') format('embedded-opentype'), url('/_catalogs/masterpage/Guide_to_HealthCare/CSS/GE_SS_Two_Light.ttf') format('truetype');
}

body {
    font-family: "GE SS Two Light"!important;
    font-size: 14px;
}

h1,
h2,
h3 {
    font-family: 'GE SS Two Medium';
}

h4 {
    font-family: "GE SS Two Light" !important;
}

/*Master Page*/

.center {
    margin: auto;
    width: 75%;   
}

.divTopNav {
    width: 100%;
    margin: auto;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	margin-top: 10px
}

.topNav li {
    float: right;
    border-left: 1px solid #beb7b9;
}

    .topNav li:last-child {
        border-left: none;
    }

    .topNav li a {
        display: block;
        color: #575354;
        text-align: center;
        padding: 0px 16px;
        text-decoration: none;
        font-family: "GE SS Two Light"!important;
        font-size: 18px;
    }

/*li a:hover:not(.active) {
                    background-color: #111;
                }*/

.active {
    font-weight: bold;
}

.footer {
    background-color: #b5b5b5;
    height: 35px;
    color: white;
     font-family: "GE SS Two Light"!important;
}

.divfooter {
    width: 75%;
    margin: auto;    
}

.footerRight {
    float: right;
    display: inline-block;
    padding: 7px;
}

    .footerRight a {
        padding-right: 10px;
    }

.footerLeft {
    display: inline-block;
    margin-top: -5px;
}

.LogoDiv {
    width: 75%;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

.divArabEng {
    float: left;
    margin-top: -85px;
}

.arabEng {
    display: block;
    color: #1f656d !important;
    text-align: center;
    padding: 0px 16px;
    text-decoration: none;
    font-family: "GE SS Two Light"!important;
    font-size: 18px;
}

.LogoBorder {
    width: 100%;
    border-bottom: 1px solid #1f656d;
    margin-bottom: 10px;
}


/*Home Page Layout*/
.divSlider {
    display: inline-block;
    margin: auto;
    width: 100%;
    background-image: linear-gradient(white, #c5d3d9 );
}

.divSliderContent {
    width: 75%;
    margin: auto;
}

.divLogos {
    width: 75%;
    margin: auto;    
    margin-top: 10px;
}

.divLogoContent {
    width: 27%;
    float: left;
    padding-left: 48px;
    padding-top: 10px;
    padding-right: 0px;
}

.divRightCare {
    width: 75%;
    margin: auto;
}

.divRightCare p {	
	line-height: 0.8;
}

.divCategoryBox {
    width: 18%;
    float: right;
    padding-left: 20px;
}

.divCatgoryBoxes {
    width: 75%;    
    margin: auto;   
}
.divSelectYourGuide {
    width: 75%;
    margin: auto;
}

.divGuideCat {
    width: 75%;    
    margin: auto;    
}

.divGuide {
    width: 32%;
    float: right;
    padding-left: 10px;
}

.divfullPage {
    width: 100%;
}

/* Inner Page Layouts*/
.divPageTitle {
    width: 75%;
    margin: auto;
}

.divNavigation {
    width: 100%;
    margin: auto;
    background-color: #ab7686;
    margin-top: 70px;
    margin-bottom: 10px;
}

#TopNavigation {
    float: right !important;
}

#TopNavigation2 {
    float: left !important;
}

.divTopNavigation {
    width: 75%;
    margin: auto;
}

    .divTopNavigation li {
        border-bottom: 1px solid #d099a9;
        padding-bottom: 8px;
    }

.divTopNavigation a {
        color: white;
        font-family: "GE SS Two Light"!important;
        font-size: 14px;       
    }


ul.bread_crumb {
    padding: 15px !important;
    list-style: none !important;
}

    ul.bread_crumb li, ul.bread_crumb span {
        float: right;
        border: 0px none;
        font-size: inherit;
    }

.bread_crumb {
    clear: both;
    margin-left: 0;
}

.bread_crumb {
    padding: 10px 0 0;
}
/* --- bread crumb --- */
.bread_crumb {
    float: right;
    padding: 17px 0 0;
    margin-left: 20px;
}

    .bread_crumb li {
        float: left;
        font-size: 11px;
        margin-left: 3px;
    }

        .bread_crumb li:first-child {
            margin-left: 0;
        }

        .bread_crumb li.separator {
            width: 8px;
            padding: 0 4px;
            text-decoration: none;
        }

        .bread_crumb li a, .bread_crumb li a:visited {
            color: #909090;
        }

            .bread_crumb li a:hover {
                color: #0178bc !important;
            }

    .bread_crumb .icon_small_arrow.right_gray {
        background-image: url('/_layouts/HMCInternet/AR/images/icon_arrow_right_gray.png');
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

/* Slider and HomePagecContents */

.divSlider {
    display: inline-block;
    margin: auto;
    width: 100%;
}

.divSlidertext {
    width: 45%;
    margin-top: 43px;
    float: right;
    font-family: "GE SS Two Light"!important;
    font-size: 16px;
}

.sliderImage{
    display:none;
}

.divsliderImage {
    width: 54%;
    float: right;
    margin-bottom: -23px;
}
.SelectYourGuide {
    color: #815b39;
    font-size: 20px;
   font-family: "GE SS Two Light"!important;
    font-weight: bold;
}

/* Inner Page Contents*/
.page_title {
    color: #ab7686;
     font-family: "GE SS Two Light"!important;
    font-size: 24px;
}

.ContentArea {
    font-family: "GE SS Two Light"!important;
    font-size: 14px;
    width: 75%;
    margin: auto;
}

/* Bottom Menu */

.BottomNavigation {
    width: 100%;
}

.divBottom {
    width: 75%;
    margin: auto;    
   font-family: "GE SS Two Light"!important;
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-align: center;
}

    .divBottom a {
        color: white;
    }

.Bottom1 {
    background-color: #c3909f;
    width: 24%;
    float: right;
    display: inline-block;
    height: 150px;
	text-align: center;
}

.Bottom2 {
    background-color: #a16b7b;
    width: 24%;
    float: right;
    display: inline-block;
    height: 150px;
	text-align: center;
}

.Bottom3 {
    background-color: #a07a85;
    width: 24%;
    float: right;
    display: inline-block;
    height: 150px;
	text-align: center;
}

.Bottom4 {
    background-color: #ad8391;
    width: 24%;
    display: inline-block;
    float: right;
    height: 150px;
	text-align: center;
}

.Bottom5 {
    background-color: #bb7a8d;
    width: 24%;
    display: inline-block;
    float: right;
    height: 150px;
	text-align: center;
}

.Bottom6 {
    background-color: #b88896;
    width: 24%;
    display: inline-block;
    float: right;
    height: 150px;
	text-align: center;
}

.Bottom7 {
    background-color: #c5a4ae;
    width: 24%;
    display: inline-block;
    float: right;
    height: 150px;
	text-align: center;
}

.Bottom8 {
    background-color: #bb748a;
    width: 24%;
    display: inline-block;
    float: right;
    height: 150px;
	text-align: center;
}

.BoxItem {
    margin-top: 25px;
    padding: 3px;
}

.BoxText {
    
    margin-top: 5px;    
}

/* --- icons --- */
/* --- icon small arrow --- */
.icon_small_arrow {
    background-position: center center;
    background-repeat: no-repeat;
}

    .icon_small_arrow.right_gray {
        background-image: url('../images/icon_arrow_right_gray.png');
    }

    .icon_small_arrow.square {
        background-image: url('../images/icon_arrow_square.png');
    }

    .icon_small_arrow.mark {
        background-image: url('../images/icon_arrow_mark.png');
    }

    .icon_small_arrow.tick {
        background-image: url('../images/icon_tick.png');
    }
