body {
	background-color: black;
	background-image: url(/morocco/common/style_background.jpg);
	color: white;
	padding: 0;
	margin: 0;
	font-family: "Arial", "lucida console", sans-serif;
	font-size: 14px;
}

a:link, 
a:visited { color: #ffcc99; }
a:focus, 
a:hover, 
a:active { color: #0088cc; }

.inverse {
    color: #ffcc99;
}
.inverse a:link, 
.inverse a:visited {color: white; }
.inverse a:hover,
.inverse a:active { color: #0088cc; }

INPUT:focus, SELECT:focus, TEXTAREA:focus {
 background-color: #cccccc;
}
    
.page_title,
.inverse h1 {
    margin: 0 0 5px 0;
    font-size: 20px; 
    color: #ffcc99;
}
 
table.layout {
    border: none;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

hr {
    color: #3b3b3b; background-color: #3b3b3b; /* browser dep */
    margin: 0;
    padding: 0;
    border: none;
    height: 3px;
}

blockquote {
    background-color: #404040;
    padding: 3px;
}

.altfg { color:yellow; }
.specialoffer,
.superlight,
.highlight {
    border: 1px solid #ffcc99;
    background-color: #404040;
    padding: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
}


.skip_to_content {
    font-size: 6px; 
    text-align: left;
    padding: 0;
    margin: 0;
    float: left;
    width: 0;
    overflow: hidden;
}

.clear {clear: both; margin:0; padding:0;}

.outer {
	background-image: url(../common/style_bg_header.jpg);
	background-repeat: repeat-x;
	background-color: #333333;
	color: white;
	/*margin: 10px auto 10px auto;*/
	margin: 0 auto 10px auto; /* for hot_offers */
	padding: 0 20px;
	width: 1020px;
	border: 1px solid #6A6A6A;
}

.header .upper, 
.header a:link, 
.header a:visited {
    color: white;
}
.header a:focus, 
.header a:hover, 
.header a:active { text-decoration: underline !important; }

.header .upper {
    border-bottom: 1px solid #656565;
    height: 15px;
    padding: 10px 30px;
    margin: 0 -20px;
    font-size: 12px;
}
.header .upper p,
.header .upper div {
   float:left;
}
.header .upper p {
   padding:0;
   margin:0;
}
.header .upper a { text-decoration: none; }
.header .boxsep {
   width:7px;
   height:7px;
   margin: 5px 20px;
   background-color: #959595;
}
.header .lower {
    clear:both;
    padding: 20px 10px;
}
.header .companyid { 
	float: left;
} 

.header .contact { 
	float: right; 
	text-align: right;
	width: 300px;
}
.header .contact {color: #ffcc99; }
.header .contact p { margin:0;}
.header .contact .call_us { font-size: 14px; }
.header .contact .tel { font-size: 28px; }
.header .contact .opening a  { color: #ffcc99; font-size: 12px;}

.section {
    position: relative; 
    padding: 0;
    font-size: 14px;
    background-image: url(/morocco/common/style_bg_section.gif);
    background-repeat: repeat-x;
    background-position: top;
    height: 34px;
    margin-top: 30px;
    z-index: 13; /* fix ie zindex bug. must be higher than any gallerybox z */
}
.menu_nav a:link, .menu_nav a:visited { color: white; }
/* .menu_nav  a:hover , .menu_nav a:focus { color: 0088cc !important; }*/
.menu_nav li li a:hover, .menu_nav li li a:focus {
    text-decoration: underline;
    color: white !important;
}
.menu_nav li:hover { background-color: #535353; }
.menu_nav { 
    margin:0;
    padding: 0;
}
.menu_nav li {
    float:left;
    display: inline;
    border-right: 1px solid #333333;
    padding-top: 9px;
    padding-bottom: 8px;
}
.menu_nav li a {
    padding: 0 20px;
    text-decoration: none;
    display:block;
    text-transform: uppercase;
}
.menu_nav li ul {
    display: none;
    position: absolute;
    border: none;
    /*width: 190px;*/ /*inherit;*/
    background-color: #6a6a6a;
    padding:0;
    margin:0;
    margin-top: 9px;
    border: 1px solid #333;
    z-index: 15; /* above image gallery */
}
.menu_nav li li {
    display: block;
    float: none;
    width: 190px;
    font-size: 12px;
    font-weight: normal;
    padding: 3px 6px;
    text-transform: none;
    border-bottom: 1px solid #7f7f7f;
    border-right: none;
}
.menu_nav li ul a {
    display: block;
    padding: 5px 0;
    white-space: nowrap;
    text-align: left;
    text-transform: none;
}
.menu_nav li.menu_hover ul { display: block; }
.menu_nav li.menu_hover ul { margin-left:0; top:25px; width:100px;}/* ie6 */
.menu_nav>li.menu_hover ul { margin-left:0; top: auto; width:auto; }/* !ie6 */
.menu_nav li:hover, 
.menu_nav li.menu_hover {
    position: static;
}

.subpage_nav {}
.subpage_nav ul {padding: 0; margin:0;}
.subpage_nav ul li {
    display: inline; 
    font-size: 12px;
    margin-right: 10px;
    background-image:url(/morocco/common/vertical_sep.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}
.subpage_nav ul li a { 
    text-decoration: none;
}
.subpage_nav a:focus, 
.subpage_nav a:hover, 
.subpage_nav a:active { color: #0088cc; }
.subpage_nav ul li.this a:link,
.subpage_nav ul li.this a:visited {color: #ffcc99; }

.location { 
    margin: 0;
    font-size: 12px; 
}
.location .upper {
    background-color: #565656;
    text-align: right;
    padding: 5px;
    height: 15px;
}
.location .lower { padding-top: 10px; height: 30px;}
.location .lower .you_are_here { width: 500px; float:left; }
.location .lower .search { float: right; width: 300px; text-align: right;}
.location .lower .search input { 
    vertical-align: bottom;
    border: 1px solid #535353;
    background-color: #333;
    color: white;
}
.location ul { 
    display: inline;
    padding: 0; 
    margin: 0; 
}
.location ul li { 
    display: inline; 
    padding-right: 5px; 
}
.location ul li:after { content: '. ';}
.location a:link,
.location a:visited {color: white; text-decoration: none;}
.location a:focus, 
.location a:hover, 
.location a:active { color: white; text-decoration: underline; }
.location .this { color: #ffcc99; } 





.main { 
    margin-left: 10px; 
    margin-right: 10px;
}
.main .fixed_nav { 
    float: left; 
    margin-left: -790px;
    text-align: left; 
    padding-right: 6px; 
    margin-right: 0; 
    /*margin-top: 20px;*/
}

.main .fixed_nav ul { padding: 0; margin: 0;/*m-l=0 for IE*/}
.main .fixed_nav ul li { 
    list-style-type: none; 
    padding-bottom: 12px;
    background-color: #6a6a6a;
    padding: 2px;
    padding-right: 10px;
    border-bottom: 1px solid #7b7b7b;
}
.main .fixed_nav ul li a {
    display: block; 
    font-size: 15px; 
    background-image: url(/morocco/common/white_arrow_next.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding: 5px;
    padding-right: 45px;
    font-family: "Arial", "lucida console", sans-serif;
    text-decoration: none;
}
.main .fixed_nav ul li a:link,
.main .fixed_nav ul li a:visited {color: white;}
.main .fixed_nav li:hover { background-color: #535353; }
.main .fixed_nav .lower{
    margin-top: 30px !important;
}
.main .goto_button {
    display: none; /* currently only want on Home */
    /*
    float: left;
    padding-top: 120px; 
    */
    margin-top: 40px;
    margin-bottom: 40px;
}
.main .translate_button {
    color: black;  
    margin: 20px;
}

/* any page specific content styling is in page 'css' file, included directly
 * into the html style block after this file is included */
.main .content {
    margin-top:0;
    padding-left: 220px; /* not wrap under .fixed_nav if that float:left */  
}

.main .content .page .primary_image {
	float: left;
	text-align: left;
	width: 310px; /* match with subpage_nav for neat text wrap */
	padding-right: 5px;
}
.main .content .page .primary_image img {
	padding: 2px;
	margin: 2px 2px 5px 0;
	border: 1px solid #616161;
}
.main .content .page .primary_image .page_gallery_header img {
    /* needed for ie6 to avoid drop lhs col */
    padding:0 !important; 
    border:none !important;
    margin:0;
    margin-bottom: 5px;
}
.primary_image .imageflow {
    border: 1px solid #616161;
    margin-bottom: 10px;
    padding:0;
    height: auto !important;
    padding-bottom: 20px;
}
#primary_image_default[id="primary_image_default"] {
    width:auto;
    overflow: hidden;
}
#myImageFlow[id="myImageFlow"] { width: 90000px; } /* not ie6 */
#myImageFlow img { height: 200px; }
#gallery_left,
#gallery_right {
    display: block;
    background-color: #4f4f4f;
    width: 20px;
    height: 210px;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}
#gallery_left { 
    float:left;
    background-image: url(/morocco/Home/white_arrow_bwd.gif);
}
#gallery_right {
    float:right;
    background-image: url(/morocco/Home/white_arrow_fwd.gif);
}

.main .content div.page {
    float: left;
    width: 560px;
    /*padding-top: 20px;*/ /* XXX behaves differently on IE / Gecko */
}
.main .content .featured_holidays  { 
    float: right;
    width: 195px;
}
.main .content .featured_holidays h1 {
    /*font-family: "Times New Roman", "Roman", serif;*/
    font-family: "Arial", "lucida console", sans-serif;
    font-size: 18px;
    color: #ffcc99;
    margin: 0px;
}
.main .content .featured_holiday_item h1,
.main .content .featured_holiday_item h2,
.main .content .featured_holiday_item p,
.main .content .featured_holiday_item a { 
    font-size: 12px; 
    margin: 0; 
}
.main .content .featured_holiday_item {
    border-bottom: 1px solid #6b6b6b;
    margin-bottom: 5px;
    color: #ffcc99;
    cursor: pointer;
}
.main .content .featured_holiday_item img { display: block; } /* ie */
.featured_holidays .featured_holiday_item .tile_text {
    background-color: #6a6a6a;
    padding: 10px;
    color: white;
}
.main .content .featured_holiday_item .detail_link a {
    clear: left;
    display: block;
}

.main .content .featured_holidays a {
    color: white;
    /*text-transform: uppercase;*/
    font-style: italic;
    text-transform: uppercase;
}

.signup_button {
    width: 61px;
    height: 21px;
    background-image: url(/morocco/common/sign_up.gif);
    background-color:transparent; /*no, IE7, I did not ask for a 3d button */
    border: none; 
    cursor: pointer;
}

.footer { 
    font-size: 12px; 
    color: white; 
}

.footer a:link,
.footer a:visited { color: white; text-decoration: none;}
.footer a:focus, 
.footer a:hover , 
.footer a:active { color: #0088cc; text-decoration: underline;}
.footer .upper {
    margin: 20px -20px;
    padding: 10px 20px;
    border-top: 1px solid #505050;
    border-bottom: 1px solid #505050;
}
.footer .upper li {
    list-style-type: none;
    background-image: url(/morocco/common/white_arrow_next.gif);
    background-repeat: no-repeat;
    padding-left: 15px;
    margin-bottom: 5px;
}
.footer .upper table { width: 100%; }
.footer .upper ul { margin:0; padding:0; }
.footer .upper td { vertical-align:top; }
.footer .newsletter_signup input { display: block;}
.footer .upper .fcol5 { text-align: right; }
.footer .lower { height: 40px; padding-top: 10px; }
.footer .lower .facing_africa { float:left; }
.footer .lower .facing_africa img { vertical-align: middle; }
.footer .lower .copy { margin-left: 30px; float:left; margin-top: 3px;}
.footer .lower .links { margin-left: 700px; margin-top: 5px;}
.footer .lower .links li { margin-left: 20px; }
.footer .lower .links ul { padding: 0; margin:0; }
.footer .lower .links ul li { display: inline; padding-left: 5px; }
.footer .pageurl { text-align: right; }
.addthis { margin-top: 20px; }
#signup_email {
    color: white;
    background-color: transparent;
    border: 1px solid #4b4b4b;
    margin-bottom: 5px;
}

.atol_text .atol_logo { float: left; }

.img_lhs {
	float: left;
	text-align: left;
	padding: 2px;
	margin: 2px 5px 2px 2px;
	border: 1px solid #cccccc;
}

.img_rhs {
	float: right;
	text-align: right;
	padding: 2px;
	margin: 2px 2px 2px 5px;
	border: 1px solid #cccccc;
}

.tile {
    border-bottom: 1px solid #6b6b6b;
    /* must not have padding as 2column pager height equaliser doesnt handle
    padding-bottom: 5px;
    padding-top: 5px;
    */
    margin-top:5px;
    cursor: pointer;
}
.tile:hover,
.tile:active,
.tile:focus {
    background-color: #404040;
}
.tile a {
    clear: left;
    display: block;
    font-size: 14px;
}
.tile h2 {
    font-weight: bold;
    font-size: 16px;
    padding: 0;
    margin: 0;
}
.tile p {
    color: white;
    font-size: 12px;
    padding: 0;
    margin: 0;
}

/* .pager_nav should be assiged to a div that is the nav for the js pager */
.pager_nav {
    clear: left;
    text-align: right;
}
.pager_nav ul { padding: 0; margin:0; }
.pager_nav ul li {
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #404040;
    border: 1px solid #ffcc99;
}
.pager_nav ul li.this {color: #ffcc99;}
.pager_nav ul li a:hover {color: #0088cc;}

#accommodation {
    clear: both;
}
.hotel_filter .lhs {
    float:left;
}
.hotel_filter .rhs {
    float: right;
}
.hotel_filter ul {
    list-style-type: none;
    margin:0;
    padding:0;
}

a.hoverpic div {
    position: absolute;
    background-color: #6D6D6D;
    border: 1px solid black;
    color: white;
    text-decoration: none;
    /*width: 250px;*/
}
a.hoverpic div img {
    float: left;
    border: none;
    padding-right: 3px;
}
a.hoverpic div p {
    padding:0;
    margin:0;
}

.imgtbl {
    margin-top: 5pt; 
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
/* add border round img collection, instead of using hrule to seperate them */
.imgtbl IMG {
    padding: 2px;
    border: 1px solid #7a7a7a;
    /*background-color: white;*/
}
.imgtbl HR { display: none; }
.imgtbl TD {
    padding-bottom: 10px;
    vertical-align: top;
}

/* feedback and reviews colum */
.reviews {
    border: 1px solid #ffcc99;
    margin-top: 5px;
    margin:0;
    color: #ffcc99;
    text-align: left;
}
.reviews .section {
    margin: 5px;
    background-image: none;
    height:100%;
}
.reviews .section ul {
    width: 195px;
    margin:0;
    padding:0;
}
.reviews .section ul li {
    display:block;
    float:left;
    background-image: url('../common/style_bg_review_button.jpg');
    background-repeat:no-repeat;
    padding-left: 10px;
    width: 80px;
    height: 20px;
    font-size: 11px;
    padding-top: 2px;
}
.reviews .section ul li.this,
.reviews .section ul li:hover {
    background-image: url('../common/style_bg_review_button_active.jpg');
    cursor: pointer;
}
#client_feedback,#tripadvisor {
    clear: both;
    text-align: left;
    padding: 0px;
}
#tripadvisor dt {
    font-weight:bold;
}
#tripadvisor dd {
    padding-bottom: 5px;
    border-bottom: 1px dotted #ffcc99;
    margin: 0;
    margin-left: 5px;
}


.add_to_shortlist {
    background-image: url(../common/style_bg_subpage_button.jpg);
    background-repeat: no-repeat;
    text-align: center;
    color: #ffcc99;
    font-size: 12px;
    padding: 5px 20px 5px 20px;
    text-decoration:none;
    text-transform: lowercase;
}
.add_to_shortlist:focus, 
.add_to_shortlist:hover, 
.add_to_shortlist:active { color: #0088cc; }




/* classes used by/in mkHol */
/* Note that mkHol adds a scroll:auto on the html property of the generated 
page to make ie hide scrollbars correctly */
#holidaycostobject, 
#holidaycostiframe {
    /* IE Requires a non-zero height. All automatic values -> 0 */
    /* NB Browsers fixed window size to objects so we use j/s to resize to 
    fit content body. This should just be big enough to make scrolls useful */
    height: 1100px;
    /*width: 100%;*/ /* konq 3.4 (& safari?) segfaults, no simple test case */
    width: 560px;
    border: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #333333;
    padding-top: 10px;
    background-color: #333333;
}
.holidaycostbody {
    border: none;
    margin: 0;
    padding: 0;
    background-color: #333333;
    background-image: none !important;
    font-size: 10px;
    color: #ffcc99;
}
.holidaycostcontent { }
.holidaycostcontent  .cost_control {
    border: 1px solid #ffcc99;
    background-color: #505050;
    padding: 10px;
}
.holidaycostcontent h1 {
    margin: 0;
    font-size: 18px;
}
.holidaycostcontent  .cost_control_text {
    color: white; 
    margin-right: 20px;
}
.cost_control form {
    display:inline;
}

.holidaycostcontent  .cost_control input { 
    vertical-align: bottom; 
    border: none;
}
/*
.holidaycostcontent  .cost_desc { }
*/
.holidaycostcontent  .cost_values { 
    overflow: auto; /* put scroll by cost table if have many rooms */
    padding-top: 2px; /* dont lose top border due to scroll */
}
.holidaycostcontent .price {
    border: 1px solid white;
    border-collapse: collapse;
    text-align: center;
    font-weight: bold;
    margin-left: 2px; /* gecko loses the left border */
}
.holidaycostcontent .price TD {
    border: 1px solid white;
}
.holidaycostcontent .price TH {
    border: 1px solid white;
    color: white;
}
.holidaycostcontent .thecost {
    color: #ffcc99;
}
.holidaycostcontent .costfrom {
    margin-left: 10px;
    margin-right: 10px;
    color: #ffcc99;
    background-color: #808080;
}
.holidaycostcontent .cost_control .book_now_button {
    clear: both;
    margin-left: 400px;
}
.holidaycostcontent .notify {
    color: white;
    font-weight: bold;
    padding: 5px;
}
.holidaycostcontent .altfg {
    color: yellow;
}

/* for from price setup */
.holidaycostcontent { 
    background-color: #333; /*#404040; */
    padding: 10px;
    font-size: 14px;
}
.holidaycostcontent .costfrom { font-size: 18px; clear: left; display:block; }

/*
.holidaycostcontent .cost_supplement { }
.holidaycostcontent .cost_conditions { }   
.obligatory {color: #FF0000;}
*/
.priceguideline {
}

TABLE.price {
    border-width: 1px;
    border-collapse: collapse;
    border-style: solid;
    border-color: #ffffff;
    background-color: #505050;
}
TABLE.price TD, TABLE.price TH {
    border-width: 1px;
    border-style: solid;
    border-color: white;
    text-align: center;
    padding: 3px;
}
TABLE.price TH {
    text-align: left;
    padding: 1px;
}
/* first-child refers to first td in each tr, not first char in each td */
TABLE.price TD:first-child { text-align: center; }
table .alt {
    background-color: #404040
}

.priceband .price TR:hover {
    background-color: #202020;
    cursor: pointer;
}
.price_month_view table {
    border-collapse: collapse;
    margin-top: 20px;
}

.price_month_view .head,
.price_month_view td {
    text-align: center;
    border: 1px solid #ffcc99;
}
.price_month_view td { width: 80px; height: 55px;}
.price_month_view .price_calendar_nav td {
    width:auto;
    height: auto;
    text-align: left;
    padding-bottom: 10px;
}
.price_month_view td.this { font-weight: bold; }
.price_month_view .price_calendar_nav td { border:none; }
.price_month_view .price_calendar_nav td input { vertical-align: middle; }
.price_month_view .price_calendar_nav img { cursor:pointer; }
.holidaycostcontent .night_selector select { margin-left: 80px; }
.holidaycostcontent .roomtypes .price {
    border:none;
    font-weight:normal;
    text-align:left;
}
.holidaycostcontent .roomtypes {
    margin-bottom: 20px;
}
.holidaycostcontent .supplements p {
    padding:0;
    margin: 2px 10px;
}
.holidaycostcontent .book .enquire {
    display: block;
    width: 130px;
    height: 41px;
    background-image: url(/morocco/common/enquire.gif);
    border: none;
    margin-left: 400px;
}

/* New gallery styling */

.subpage .primary_image {
    /* old layout didn't show prim img on subpage, so this is a hack to 
     * allow it, and not have it cover the subpage nav */
    margin-top: 20px;
    float:none !important;
    width: auto !important;
}
.gallerybox_container {
    clear:both;
    margin-bottom: 30px;
}
.gallerybox_lightbox {
    position: absolute;
    width: 700px;
    height: auto; 
    padding: 15px;
    z-index: 20;
    overflow: auto;
}
.gallerybox_lightbox img { border: 1px solid #333; }
.gallerybox_lightbox_title,
.gallerybox_lightbox_close, .gallerybox_lightbox_count,
.gallerybox_lightbox_prv, .gallerybox_lightbox_nxt, 
.gallerybox_lightbox .gallerybox_scroll_prv,
.gallerybox_lightbox .gallerybox_scroll_nxt,
.gallerybox_lightbox .gallerybox_bottom {
    display: none;
}
.gallerybox_lightbox .gallerybox_lightbox_title,
.gallerybox_lightbox .gallerybox_lightbox_count,
.gallerybox_lightbox .gallerybox_lightbox_close,
.gallerybox_lightbox .gallerybox_lightbox_prv,
.gallerybox_lightbox .gallerybox_lightbox_nxt {
    display: block;
}
.gallerybox_overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 19;
    opacity: .80;
    filter: alpha(opacity=80);
}
.gallerybox_top {
    width: auto;
    height: 510px; /* should be height of largest img plus space for nav */
    overflow: hidden; /* in case img is actually larger */
    margin-bottom: 8px;
    z-index: -1;
    display: none; /* gareth doesn't want main img to change */
}
.gallerybox_lightbox .gallerybox_top { display: block; }
.gallerybox_top img {
    /* img may be large for lightbox, resize to fit non-lightbox page space */
    /*width: 560px; 
    height: auto;*/
    position: absolute;
    z-index: 11; /* ie */
    cursor: pointer;
}
.gallerybox_bottom {
    overflow: hidden;
    width: 560px; /* ie6 to override scroller width */
}
.gallerybox_bottom .gallerybox_scroller {
    height: 90px;
    width: 90000px;
}
.gallerybox_bottom img { 
    height: 90px; /* resizes main img, if no thumbnail file provided */
    width: auto;
    margin-right: 8px; 
    cursor: pointer; 
}
.gallerybox_lightbox_count,
.gallerybox_lightbox_prv, 
.gallerybox_scroll_prv { float:left; }
.gallerybox_scroll_nxt { float: right; }
.gallerybox_lightbox_prv { margin-left: 250px; float:left;}
.gallerybox_lightbox_nxt { margin-left: 10px; float:left;}
.gallerybox_lightbox_close { float: right; }
.gallerybox_lightbox_nxt div { display: inline; padding-left: 10px; }
.gallerybox_scroll_prv,
.gallerybox_scroll_nxt,
.gallerybox_lightbox_close, 
.gallerybox_lightbox_prv, 
.gallerybox_lightbox_nxt { cursor: pointer; }
.gallerybox_lightbox_nxt img, 
.gallerybox_lightbox_prv img {
    border:none;
}


/* on the secure booking form */
.show_stage li {
    display:inline;
    margin-right: 10px;
    border: 1px solid white;
    padding: 2px;
}
.show_stage li.this {
    color: white;
}
.holiday_description TH {
    text-align: left;
}
.passenger_detail_spacer {
    height: 10px;
    border-top: thin dashed;
}

.hot_offer {
    background-color: #242424;
    margin: 0 -100px;
    padding: 15px 140px;
    color: #ffcc99;
    height: 75px;
    border-bottom: 1px solid white;
}
.hot_offer .rhs { float:right; width: 200px; text-align:right;}
.hot_offer .lhs { width: 700px; float:left; }
.hot_offer_head {
    font-size: 22px;
    font-weight: bold; 
    padding-bottom: 22px;
}
.hot_offer_head a { font-weight: normal; color: #ffcc99;}
.hot_offer_link , .hot_offer_duration span {
    background-color: #565656;
    padding: 5px;
    color: #ffcc99;
}
.hot_offer_link a:link, .hot_offer_link a:visited { color: #ffcc99; text-decoration: none; }
.hot_offer_duration, .hot_offer_link { display:inline; font-size: 18px; }
.hot_offer_link { margin-left: 20px; }
.hot_offer .rhs {font-size: 12px; }
.hot_offer .rhs div { margin-top: 10px; }
.hot_offer .rhs img { float:left; margin-left: 70px; margin-top: -7px; }
.hot_offer .rhs a,.hot_offer .rhs a:link, .hot_offer .rhs a:visited { color: #ffcc99; }


@media print {
    .skip_to_content, 
    .section, 
    .location, 
    .fixed_nav, 
    .footer_nav,
    .featured_holidays,
    .bom_services_nav {
	display: none;
    }
    .page {
	width: 18cm !important;
    }
    .main .content {
	padding: 0;
    }
    /*.header .companyid { padding-left: 0px; }*/
}