/* GREEN SKIN OPTIONS FOR STAY SA */

/* TOP SECTION CONTAINING LOGO, DATE AND TIME, FONTS, MENU */
#top {background: url('../../skins/green/top.gif') no-repeat;} 

/* GLOBAL: MAIN MENU TOP TOP */
#menu li {background: url('../../skins/green/seperator.png') no-repeat;}

/* SUB MENU ITEMS : BASE */
#submenu li a {background-color: #3AAD27;}
#submenu li a:hover {background-color: #81D373;}

/* GLOBAL: LOGO, DATE AND TIME, FONTS, MENU */
.fontsize a:hover {color: #3AAD27;} 

/* GLOBAL: THREE COLUMNS IN BASEFILL - LEFT, MIDDLE, RIGHT */
#campaigns .advertise a {color: #3AAD27;}

/* HOME OWNERS AND HOTEL AND BNB ON RIGHT HAND SIDE */
.box .homeowners {background: url('../../skins/green/homeowners.png') no-repeat;}
.box .hotel {background: url('../../skins/green/hotel.png') no-repeat;}
.box .info a {color: #3AAD27;}
.box .info strong {color: #3AAD27;}

/* WIDGETS: SUB MENU LINKS ON SUB SITES OF STAYSA */
#navigation .title {background: url('../../skins/green/menu_items.png') no-repeat;} 
#navigation li a:hover {color: #3AAD27;} 

/* WIDGETS: QUICK SEARCH */
#quicksearch .title {background: url('../../skins/green/quick_search.png') no-repeat;} 
#quicksearch .field select {color: #3AAD27;} 
#quicksearch .field input.keywords {color: #3AAD27;} 
#quicksearch .button {background: url('../../skins/green/submit.png') no-repeat;} 

/* WIDGETS: PRODUCT ENQUIRY ITEM WHEN NEEDED */
#enquiries a:hover {color: #3AAD27;} 

/* WIDGETS: SEARCH CLOUD */
#searchcloud .title {background: url('../../skins/green/search_cloud.png') no-repeat;} 

/* SEARCH CLOUD */
#searchcloud .top {background: url('../../skins/green/cloud_top.png') no-repeat;} 
#searchcloud .bottom {background: url('../../skins/green/cloud_bottom.png') no-repeat;} 
#searchcloud .fill {background: url('../../skins/green/cloud_fill.png') repeat-y;} 
#searchcloud .fill li a:hover {color: #3AAD27;} 

/* WIDGETS: QUICK LINKS */
#quicklinks .title {background: url('../../skins/green/quick_links.png') no-repeat;} 

/* WIDGETS: WEATHER */
#weather {background: url('../../skins/green/weather.png') no-repeat;} 
#weather .more a {color: #3AAD27;}

/* WIDGETS: EXCHANGE RATES */
#exchange {background: url('../../skins/green/exchange_rate.png') no-repeat;}
#exchange .more a {color: #3AAD27;}

/* WIDGETS: NEWSLTTER */
#newsletter {background: url('../../skins/green/newsletter.png') no-repeat;}

/* WIDGETS: EVENTS CALENDAR */
#calendar {background: url('../../skins/green/calendar.png') no-repeat;}
#calendar .control .previous {background: url('../../skins/green/previous.png') no-repeat;}
#calendar .control .month {color: #27741B;}
#calendar .control .next {background: url('../../skins/green/next.png') no-repeat;}
#calendar .days li a {background: url('../../skins/green/day.png') no-repeat; color: #3AAD27;}
#calendar .days li a:hover {background: url('../../skins/green/day_mo.png') no-repeat; color: #27741B;}

/* AJAX: TOOLTIP*/
.tool-title {background: url('../../skins/green/bubble.png') top left;}
.tool-text {background: url('../../skins/green/bubble.png') bottom right;}

/* CONTENT: WELCOME */
#welcome .title {background: url('../../skins/green/welcome.png') no-repeat;}
#welcome .text a, div.slideshow p a {color: #43BD2F;}

/* CONTENT: SEARCHABLE MAP */
#map .title {background: url('../../skins/green/search_map.png') no-repeat;}

/* ACCOMMODATION SEARCH */
#accommodation .title {background: url('../../skins/green/accommodation_search.png') no-repeat;}

/* GENERAL PAGE INFO */
#general .text h2 {color: #43BD2F;}

/* CONTENT: CURRENT SPECIALS */
#specials .title {background: url('../../skins/green/current_specials.png') no-repeat;}
#specials a {color: #43BD2F;}
#specials .button {background: url('../../skins/green/all_specials.png') no-repeat;}
#specials h3 {color: #43BD2F;}

/* CONTENT: NEWS HEADLINES */
#headlines .title {background: url('../../skins/green/news_headlines.png') no-repeat;}
/*#headlines .latest li a.selected, #headlines .latest li a:hover {background-color: #D3F0CF;}*/ /* ---DARREN: I removed the hover here */
#headlines .latest li a.selected {background-color: #D3F0CF;}
#headlines .latest li a.unselected {background-color: #E8E8E8;} /* ---DARREN: I added this style so I can set a class to deselect an item */
#headlines .morenews {background: url('../../skins/green/more_news.png') no-repeat;}

/* CONTENT: CONTENT CSS */
#content a {color: #43BD2F;}
#content h1 {color: #39AB27;}

/* CONTENT: FAQS */
#content .question {color: #43BD2F;}
#content .block {background-color: #D3F0CF;}

/* CONTENT: NEWSROOM */
#news .article a.headline {color: #43BD2F;}

/* CONTENT: PAGING */
#paging li a:hover, #paging li.current {background-color: #D3F0CF;}

/* CONTENT: NEWSROOM SEARCH */
#newsfind {background-color: #D3F0CF;}

/* CONENT: SEARCH RESULTS */
#content .keyword {background-color: #D3F0CF; color: #000000;}

/* CONTENT: EVENT DETAILS */
#events .details {background-color: #D3F0CF; color: #000000;}

/* CONTENT: MAKE FORMS LOOK NICER */
.surround {background-color: #D3F0CF;}
.surround h5 {color: #27741B;}

/* CONTENT: LISTINGS */
.itemstd {background-color: #D3F0CF;}
.listing .details .location, .listing .details .place strong {color: #27741B;}

/* CONTENT: SORT OPTIONS */
#sort {background-color: #D3F0CF;}