/* --- featured-items.css --- */

/* =====================================================================
	featured pages 
===================================================================== */

/* --- (right) featured pages --- */
.featuredPagesRight
{
    width: 200px;
    margin-bottom: 10px;
    background: url(/images/bg_vertbar_200.gif) repeat-y;
    position: relative;
}

.featuredPagesRight h2
{
    padding: 6px 10px;
    width: 180px;
    font-size: 130%;
    background: url(/images/bg_horizbartop_200.gif) no-repeat top;
    letter-spacing: -1px;
    font-weight: normal;
}

.featuredPagesRight .gallery
{
    padding: 0 0 10px 10px;
    width: 190px;
    background: url(/images/bg_horizbarbot_200.gif) no-repeat bottom;
    min-height: 161px;
    display: block;
}

.featuredPagesRight .gallery .galItem
{
    width: 180px;
}

.featuredPagesRight .gallery .galItem h3
{
    margin-top: 125px;
    padding-bottom: 10px;
    font-size: 100%;
}
.featuredPagesRight .gallery .galItem p.image
{
    position: absolute;
    top: 40px;
    left: 10px;
    border: 1px solid #d6d6d6;
    width: 178px;
}

.featuredPagesRight .gallery .galItem p.image a, .featuredPagesRight .gallery .galItem p.image a img
{
    display: block;
}

.featuredPagesRight .gallery ul.galNPnav
{
    width: 180px;
    display: block;
    overflow: auto;
    position: absolute;
    top: 140px;
    left: 10px;
}

.featuredPagesRight .gallery ul.galNPnav li
{
    list-style-type: none;
    width: 57px;
    height: 15px;
}

.featuredPagesRight .gallery ul.galNPnav li span
{
    display: none;
}

.featuredPagesRight .gallery ul.galNPnav li.prev
{
    background: transparent url(/images/btn_highlight_prev.gif) no-repeat !important;
    float: left;
}

.featuredPagesRight .gallery ul.galNPnav li.next
{
    background: transparent url(/images/btn_highlight_next.gif) no-repeat !important;
    float: right;
}

/* --- (left) featured pages --- */
.featuredPagesLeft
{
    width: 200px;
    margin-bottom: 10px;
    background: url(/images/bg_vertbar_200.gif) repeat-y;
    position: relative;
}

.featuredPagesLeft h2
{
    padding: 5px 10px;
    width: 180px;
    font-size: 140%;
    letter-spacing: -0.05em;
    background: url(/images/bg_horizbartop_200.gif) no-repeat top;
    letter-spacing: -1px;
    font-weight: normal;
}

.featuredPagesLeft ul
{
    padding: 0 0 10px 10px;
    width: 190px;
    background: url(/images/bg_horizbarbot_200.gif) no-repeat bottom;
    position: relative;
}

.featuredPagesLeft ul li
{
    width: 180px;
    list-style: none;
    display: block;
    min-height: 200px;
}

.featuredPagesLeft ul li h3
{
    padding: 0 0 5px 0;
    font-size: 100%;
    width: 180px;
}

.featuredPagesLeft ul li p
{
    padding: 10px 0 0 0;
}

.featuredPagesLeft ul li p.image
{
    border: 1px solid #d6d6d6;
    width: 178px;
    padding: 0;
}

.featuredPagesLeft ul li p.image img
{
    display: block;
}

/* --- (inside) featured pages slider--- */
/*#main .featPagesSlider
{
    width: 664px !important;
    float: left;
    position: relative;
}

#main .featPagesSlider h3
{
    position: absolute;
    left: 0;
    top: 85px;
}

#main .featPagesSlider p.image
{
    width: 78px;
    height: 78px;
}

#main .featPagesSlider ul.featured
{
    padding: 0 38px;
}

#main .featPagesSlider ul.featured li
{
    list-style: none;
    padding: 0 19px;
    position: relative;
    border-right: 1px solid #F0F0F0;
}

#main .featPagesSlider .sliderPrev
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #F1F1F1;
    float: left;
    height: 120px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 38px;
    z-index: 100;
}

#main .featPagesSlider .sliderNext
{
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 120px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 38px;
    z-index: 100;
}*/

/* =====================================================================
    FEATURED Pages - Slider 
===================================================================== */
#main .somethingStrap
{
    float: left;
    padding: 6px 0 2px 9px;
}

.featPagesSliderWeb, .featPagesSliderWebEat
{
    width: auto;
    overflow: hidden;
    position: relative;
    float: left;
    padding: 0 35px;
    margin: 0 0 20px;
    width: 602px !important;
}

.featPagesSliderWeb ul, .featPagesSliderWebEat ul
{
    z-index: 5;
}

.featPagesSliderWeb ul li, .featPagesSliderWebEat ul li
{
    float: left;
    width: 78px !important;
    padding: 5px 20px 0;
    border-right: 1px solid #F0F0F0;
    height: 128px !important;
    overflow: hidden;
    position: relative;
}

.featPagesSliderWeb ul li h3, .featPagesSliderWebEat ul li h3
{
    font-size: 78%;
    font-weight: normal;
    font-family: Arial, Sans-Serif;
    display: block;
    position: absolute;
    top: 85px;
    left: 19px;
    text-transform: none;
    width: 78px;
}

.featPagesSliderWeb ul li p.image, .featPagesSliderWebEat ul li p.image
{
    width: 78px;
    height: 78px;
}

.sliderPrev
{
    float: left;
    width: 38px;
    height: 145px;
    position: absolute;
    border-right: 1px solid #F1F1F1;
    top: 0;
    left: 0;
    z-index: 100;
    background: #FFF;
    text-align: center;
}

.sliderNext
{
    float: left;
    width: 38px;
    height: 135px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    background: #FFF;
    text-align: center;
}

.sliderNext:hover, .sliderPrev:hover
{
    cursor: pointer;
}

.sliderNext img, .sliderPrev img
{
    margin-top: 0px;
}
/* =====================================================================
	recently viewed 
===================================================================== */

/* --- recently viewed products --- */
.recentlyViewedProducts
{
    width: 230px;
    margin: 0 0 10px 0;
    position: relative;
    float: left;
}

div.recentlyViewedProducts
{
}

.recentlyViewedProducts h2.title
{
    color: #3A505B;
    font-size: 150%;
    font-weight: normal;
    margin: 0 2px;
    padding: 0.5em 0px;
    overflow: hidden;
    height: 22px;
}

.recentlyViewedProducts .recentlyViewedProducts
{
    margin: 0;
}

.recentlyViewedProducts .blockHeading
{
    background: url("/images/bg_horizbartop_230.gif") no-repeat scroll center top transparent;
    display: block;
    padding-top: 5px;
    width: 222px;
}

.recentlyViewedProducts .blockHeading p.recentlyViewed
{
    font-weight: normal;
    letter-spacing: -0.05em;
    padding: 0 10px;
}

.recentlyViewedProducts .blockHeading p.type
{
    color: #999999;
    font-size: 65%;
    margin: 0 2px;
    padding: 0 8px 5px;
    text-transform: uppercase;
    width: 202px;
}

.recentlyViewedProducts ol
{
    padding: 0 0 5px 0px;
    width: 230px;
}

.recentlyViewedProducts p.noproducts
{
    background: url(/images/bg_horizbarbot_230.gif) no-repeat bottom;
    padding: 10px;
    width: 210px;
}

.recentlyViewedProducts ol li
{
    padding: 10px 0px;
    border-top: 1px solid #D6D6D6;
    list-style: none;
    width: 224px;
    margin: 0 2px;
}

.recentlyViewedProducts ol li h2.ProductName
{
    padding: 0 0 3px 0;
    font-size: 90%;
    margin: 0;
}

.recentlyViewedProducts ol li div.thumbnail
{
    margin-left: 13px;
}

.recentlyViewedProducts ol li div.type h3
{
    display: none;
}

.recentlyViewedProducts ol li div.type
{
}

.recentlyViewedProducts ol li div.type p
{
    font-style: italic;
}

.recentlyViewedProducts ol li p
{
    font-size: 78%;
}

.recentlyViewedProducts ol li .desc {
    padding: 0;
}

/* =====================================================================
	highlighted products 
===================================================================== */

/* --- catch all to hide controls when not needed --- */
.ctl_HighlightedProducts .Disabled
{
    display: none;
}

/* --- (right) highlighted products --- */
.highlightedVertical
{
    width: 200px;
    background: url(/images/bg_vertbar_200.gif) repeat-y;
    margin-bottom: 10px;
}

.highlightedVertical .blockHeading
{
    width: 200px;
    padding-top: 5px;
    background: url(/images/bg_horizbartop_200.gif) no-repeat top;
    display: block;
}

.highlightedVertical .blockHeading p.recommended
{
    padding: 0 10px;
    letter-spacing: -0.05em;
    font-weight: normal;
}

.highlightedVertical .blockHeading p.type
{
    margin: 0 2px;
    padding: 0 8px 5px 8px;
    font-size: 65%;
    text-transform: uppercase;
    color: #999;
    border-bottom: 1px solid #d6d6d6;
    width: 180px;
}

.highlightedVertical .GroupWrapper, .highlightedVertical .GroupWrapper .HighlightGroup
{
    width: 200px;
}

.highlightedVertical .GroupWrapper .HighlightGroup .Highlight
{
    width: 196px;
    margin: 0 2px;
}

.highlightedVertical .GroupWrapper .HighlightGroup .Highlight h2
{
    font-size: 100%;
    padding: 8px 8px 5px 8px;
    width: 180px;
}

.highlightedVertical .GroupWrapper .HighlightGroup .Highlight .Image
{
    margin: 0 0 5px 8px;
    border: 1px solid #d6d6d6;
    width: 178px;
}

.highlightedVertical .GroupWrapper .HighlightGroup .Highlight .Image img
{
    display: block;
}

.highlightedVertical .GroupWrapper .HighlightGroup .Highlight p.Desc
{
    padding: 0 0 10px 8px;
    width: 180px;
}

.highlightedVertical .GalleryControls
{
    background: url("/images/bg_horizbarbot_200.gif") no-repeat scroll center bottom transparent;
    padding: 0 10px;
    display: block;
    height: 25px;
    width: 180px;
}

.highlightedVertical .GalleryControls a.ItemNext, .highlightedVertical .GalleryControls a.ItemPrev
{
    height: 15px;
    list-style-type: none;
    width: 57px;
}

.highlightedVertical .GalleryControls a.ItemNext
{
    background: url("/images/btn_highlight_next.gif") no-repeat scroll 0 0 transparent !important;
    float: right;
}

.highlightedVertical .GalleryControls a.ItemPrev
{
    background: url("/images/btn_highlight_prev.gif") no-repeat scroll 0 0 transparent !important;
    float: left;
}

.highlightedVertical .GalleryControls ul, .highlightedVertical .GalleryControls a.ItemPrev span, .highlightedVertical .GalleryControls a.ItemNext span, .highlightedVertical .GalleryControls a.ItemPrev img, .highlightedVertical .GalleryControls a.ItemNext img
{
    display: none;
}

/* --- inside - main item --- */
.highlightsInsideMain
{
    position: relative;
    width: 225px;
    float: left;
    z-index: 1;
    border-top: 1px solid #DEDEDE;
    padding: 0 10px 0 0;
}

.highlightsInsideMain .ControlTitle
{
    padding: 5px 0;
    font-size: 100%;
    width: 505px;
}

.highlightsInsideMain .GroupWrapper
{
    padding: 0 5px 14px 0;
    min-height: 375px;
}

.highlightsInsideMain .GroupWrapper h2.Name
{
    padding: 5px 0;
    font-size: 90%;
}

.highlightsInsideMain .GroupWrapper p.Desc
{
    min-height: 70px;
    line-height: 1.2em;
}

.highlightsInsideMain .GalleryControls
{
    left: 0;
    padding: 0;
    position: absolute;
    top: 135px;
    width: 225px;
    z-index: 2;
}

.highlightsInsideMain .GalleryControls a.ItemPrev
{
    float: left;
    background: url("/images/btn_next_arrow_ins.gif") no-repeat scroll 0 0 transparent !important;
    height: 50px;
    width: 23px;
}

.highlightsInsideMain .GalleryControls a.ItemNext
{
    float: right;
    background: url("/images/btn_prev_arrow_ins.gif") no-repeat scroll 0 0 transparent !important;
    height: 50px;
    width: 23px;
}

.highlightsInsideMain .disabled, .highlightsInsideMain .GalleryItemsWrapper, .highlightsInsideMain .GalleryControls ul, .highlightsInsideMain .GalleryControls a.ItemNext span.Label, .highlightsInsideMain .GalleryControls a.ItemPrev span.Label, .highlightsInsideMain .GalleryControls a.ItemPrev img, .highlightsInsideMain .GalleryControls a.ItemNext img
{
    display: none;
}

/* --- inside - listed items ---*/
.highlightsInsideListed
{
    width: 275px;
    float: left;
    padding: 30px 0 5px;
    position: relative;
    border-top: 1px solid #DEDEDE;
}

.highlightsInsideListed .ItemWrapper
{
    overflow: hidden !important;
}

.highlightsInsideListed .Highlight
{
    width: 275px;
    float: left;
    clear: both;
    padding-bottom: 10px;
}

.highlightsInsideListed .Image
{
    float: left;
    padding-right: 9px;
    width: 81px;
}

.highlightsInsideListed .Name, .highlightsInsideListed .Desc
{
    float: left;
    width: 175px;
}

.highlightsInsideListed .Name
{
    font-size: 90%;
    font-family: arial;
    padding-bottom: 3px;
}

.highlightsInsideListed .Desc
{
    line-height: 13px;
}

.highlightsInsideListed .GalleryControls
{
    position: absolute;
    right: -20px;
    top: 180px;
    z-index: 2;
}

.highlightsInsideListed .GalleryControls a.ItemPrev
{
    float: left;
    background: url("/images/btn_prev_arrow.gif") no-repeat scroll 0 0 transparent !important;
    height: 50px;
    width: 23px;
    display: none; /* --- hidden --- */
}

.highlightsInsideListed .GalleryControls a.ItemNext
{
    float: right;
    background: url("/images/btn_next_arrow.gif") no-repeat scroll 0 0 transparent !important;
    height: 50px;
    width: 23px;
}

.highlightsInsideListed .disabled, .highlightsInsideListed .GalleryItemsWrapper, .highlightsInsideListed .GalleryControls ul, .highlightsInsideListed .GalleryControls a.ItemPrev, .highlightsInsideListed .GalleryControls a.ItemNext span.Label, .highlightsInsideListed .GalleryControls a.ItemPrev span.Label, .highlightsInsideListed .GalleryControls a.ItemPrev img, .highlightsInsideListed .GalleryControls a.ItemNext img
{
    display: none;
}

/* --- inside calendar --- */
.highlightsInsideCalendar
{
    width: 515px;
    height: 395px;
    position: absolute !important;
    right: 0 !important;
    border-top: 1px solid #DEDEDE;
    font-size: 90%;
}

.highlightsInsideCalendar .HighlightPopup
{
    width: 285px;
    border: 0;
    left: 0 !important;
}

.highlightsInsideCalendar .ItemWrapper
{
    overflow: hidden !important;
}

.highlightsInsideCalendar .HighlightPopup h2.GroupTitle
{
    font-family: arial;
    font-size: 90%;
    padding: 5px 0;
}

.highlightsInsideCalendar .HighlightPopup .GroupLinks, .highlightsInsideCalendar .HighlightPopup .ClosePopup, .highlightsInsideCalendar .HighlightPopup .GalleryControls ul
{
    display: none !important;
}

/* --- list items --- */
.highlightsInsideCalendar .HighlightGroup
{
    float: left;
    padding: 5px;
}

.highlightsInsideCalendar .ItemWrapper
{
    width: 250px;
    position: relative;
}

.highlightsInsideCalendar .ItemWrapper .Highlight
{
    width: 250px;
    float: left;
    clear: both;
    padding-bottom: 10px;
}

.highlightsInsideCalendar .ItemWrapper .Image
{
    float: left;
    padding-right: 9px;
    width: 81px;
}

.highlightsInsideCalendar .ItemWrapper .Name, .highlightsInsideCalendar .ItemWrapper .Desc
{
    float: left;
    width: 160px;
    font-size: 100%;
}

.highlightsInsideCalendar .ItemWrapper .Name
{
    font-size: 100%;
    font-family: arial;
    padding-bottom: 3px;
}

.highlightsInsideCalendar .ItemWrapper .Desc
{
    line-height: 13px;
}

.highlightsInsideCalendar .GalleryControls
{
    height: 45px;
    position: absolute;
    right: 0;
    top: 175px;
    width: 30px;
    z-index: 2;
}

.highlightsInsideCalendar .GalleryControls a.ItemPrev
{
    float: left;
    background: url("/images/btn_prev_arrow.gif") no-repeat scroll 0 0 transparent !important;
    height: 45px;
    width: 23px;
    display: none; /* --- hidden --- */
}

.highlightsInsideCalendar .GalleryControls a.ItemNext
{
    float: right;
    background: url("/images/btn_next_arrow.gif") no-repeat scroll 0 0 transparent !important;
    height: 45px;
    width: 23px;
}

.highlightsInsideCalendar .disabled, .highlightsInsideCalendar .GalleryItemsWrapper, .highlightsInsideCalendar .GalleryControls ul, .highlightsInsideCalendar .GalleryControls a.ItemPrev, .highlightsInsideCalendar .GalleryControls a.ItemNext span.Label, .highlightsInsideCalendar .GalleryControls a.ItemPrev span.Label, .highlightsInsideCalendar .GalleryControls a.ItemPrev img, .highlightsInsideCalendar .GalleryControls a.ItemNext img
{
    display: none;
}

.highlightsInsideCalendar .CalendarWrapper .HighlightPopup .blockMsg
{
    margin: 0 !important;
    padding: 2px 10px !important;
    width: 270px !important;
    height: 22px !important;
    background: #FFF url(/images/ajax-loader-calendar-gray.gif) no-repeat top !important;
    color: #DEDEDE !important;
    border: none !important;
    top: 5px !important;
    font-size: 80%;
    font-weight: bold;
    text-indent: -99999px;
}

.highlightsInsideCalendar .CalendarWrapper .HighlightPopup .blockMsg img
{
    display: none !important;
}


/* --- calendar --- */
.highlightsInsideCalendar .ui-widget-content
{
    background: none repeat scroll 0 0 #F4F4F4 !important;
    border: medium none !important;
    color: #FFFFFF !important;
}

.highlightsInsideCalendar .ui-datepicker
{
    float: right;
    font-size: 90% !important;
    height: 200px;
    margin: 28px 0 0 0;
    padding: 0 10px;
    position: relative;
    width: 179px;
    z-index: 1;
}

.highlightsInsideCalendar .ui-datepicker .ui-datepicker-title
{
    color: #000;
    font-size: 90%;
    line-height: 1.8em;
    margin: 0;
    padding: 3px 0 0;
    text-align: center;
    width: auto !important;
}

.highlightsInsideCalendar .ui-widget-header .ui-icon
{
    background: none;
}


.highlightsInsideCalendar .ui-icon
{
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}

.highlightsInsideCalendar .ui-datepicker .ui-datepicker-prev, .highlightsInsideCalendar .ui-datepicker .ui-datepicker-next, .highlightsInsideCalendar .ui-datepicker .ui-datepicker-prev:hover, .highlightsInsideCalendar .ui-datepicker .ui-datepicker-next:hover
{
    width: 20px !important;
    height: 10px !important;
    position: absolute;
    top: 10px !important;
}

.highlightsInsideCalendar .ui-datepicker .ui-datepicker-prev
{
    left: 12px !important;
    background: url(/images/button_highlight_prev_black.gif) no-repeat top;
    width: 7px;
    height: 7px;
}

.highlightsInsideCalendar .ui-datepicker .ui-datepicker-next
{
    right: 12px !important;
    background: url(/images/button_highlight_next_black.gif) no-repeat top;
    width: 7px;
    height: 7px;
}

.highlightsInsideCalendar .ui-widget-header .ui-datepicker-next span
{
    display: none;
}

.highlightsInsideCalendar .ui-widget-header .ui-datepicker-prev span
{
    display: none;
}

.highlightsInsideCalendar .ui-datepicker th
{
    font-size: 80%;
}

.highlightsInsideCalendar .ui-datepicker-calendar .ui-state-default, .highlightsInsideCalendar .ui-datepicker-calendar .ui-widget-content .ui-state-default
{
    border: none;
    font-size: 80%;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
}

.highlightsInsideCalendar .ui-datepicker table
{
    width: auto;
    margin: 0 8px;
    border: none !important;
    border-spacing: 0;
}

.highlightsInsideCalendar .ui-datepicker table, .highlightsInsideCalendar .ui-datepicker th, .highlightsInsideCalendar .ui-datepicker table.ui-datepicker th, .highlightsInsideCalendar .ui-datepicker table.ui-datepicker td, .highlightsInsideCalendar .ui-datepicker-calendar .ui-datepicker-today, .highlightsInsideCalendar .ui-datepicker-calendar .ui-datepicker-current-day, .highlightsInsideCalendar .ui-datepicker td.ui-datepicker-week-end
{
    background-color: #F4F4F4 !important;
    padding: 0;
}

.highlightsInsideCalendar .ui-datepicker th.ui-datepicker-week-end, .highlightsInsideCalendar .ui-datepicker th
{
    color: #000;
    font-size: 90%;
}

.highlightsInsideCalendar .ui-datepicker th span
{
    font-size: 80%;
}

.highlightsInsideCalendar .ui-datepicker td
{
    width: 24px;
    padding: 0;
}

.highlightsInsideCalendar .ui-datepicker td span, .highlightsInsideCalendar .ui-datepicker td a
{
    padding: 4px 0;
}

.highlightsInsideCalendar .ui-state-default, .highlightsInsideCalendar .ui-widget-content .ui-state-default
{
    color: #B8B8B8;
    background: url("/images/bg_calendar_active.png") no-repeat scroll center top transparent;
}

.highlightsInsideCalendar .ui-state-hover, .highlightsInsideCalendar .ui-widget-content .ui-state-hover
{
    color: #2F8896;
}

.highlightsInsideCalendar .ui-datepicker-calendar .ui-datepicker-current-day a
{
    color: #2F8896;
}

.highlightsInsideCalendar .ui-datepicker-calendar .ui-state-disabled
{
    background: url("/images/bg_calendar_inactive.png") no-repeat scroll center top transparent;
}

.highlightsInsideCalendar .ui-datepicker-calendar .ui-state-disabled .ui-state-default
{
    background: none;
}

.highlightsInsideCalendar .ui-datepicker .ui-datepicker-header
{
    padding: 0;
}

/* --- year view / theme  listing ---*/
.highlightsInsideYear, .highlightsInsideTheme
{
    width: 750px;
    float: left;
    padding: 30px 0 5px;
    position: relative;
    border-top: 1px solid #DEDEDE;
}

.highlightsInsideYear .GroupWrapper, .highlightsInsideTheme .GroupWrapper
{
    float: left;
    width: 750px;
    position: relative;
}

.highlightsInsideYear .GroupWrapper h2.GroupTitle
{
    position: absolute;
    top: -50px;
    left: 0;
    width: 265px;
    font-size: 130%;
}

.highlightsInsideYear .ItemWrapper, .highlightsInsideTheme .ItemWrapper
{
    overflow: hidden !important;
    margin: 0 35px;
    width: 680px;
}

.highlightsInsideYear .Highlight, .highlightsInsideTheme .Highlight
{
    width: 103px;
    float: left;
    padding: 10px 5px 10px 5px;
    min-height: 250px;
}

.highlightsInsideYear .Image, .highlightsInsideTheme .Image
{
    float: left;
}

.highlightsInsideYear .Name, .highlightsInsideTheme .Name, .highlightsInsideYear .Desc, .highlightsInsideTheme .Desc
{
    float: left;
    width: 101px;
}

.highlightsInsideYear .Name, .highlightsInsideTheme .Name
{
    font-size: 90%;
    font-family: arial;
    padding-bottom: 3px;
    min-height: 50px;
}

.highlightsInsideYear .Desc, .highlightsInsideTheme .Desc
{
    line-height: 13px;
    font-size: 80%;
}

.highlightsInsideYear .GalleryControls a.ItemPrev, .highlightsInsideTheme .GalleryControls a.ItemPrev
{
    background: url("/images/btn_prev_arrow.gif") no-repeat scroll 0 0 transparent !important;
    height: 50px;
    width: 23px;
    position: absolute;
    left: 0;
    top: 120px;
    z-index: 2;
}

.highlightsInsideYear .GalleryControls a.ItemNext, .highlightsInsideTheme .GalleryControls a.ItemNext
{
    background: url("/images/btn_next_arrow.gif") no-repeat scroll 0 0 transparent !important;
    height: 50px;
    width: 23px;
    position: absolute;
    right: 0;
    top: 120px;
    z-index: 2;
}

.highlightsInsideYear .disabled, .highlightsInsideTheme .disabled, .highlightsInsideYear .GalleryItemsWrapper, .highlightsInsideTheme .GalleryItemsWrapper, .highlightsInsideYear .GalleryControls ul, .highlightsInsideTheme .GalleryControls ul, .highlightsInsideYear .GalleryControls a.ItemNext span.Label, .highlightsInsideTheme .GalleryControls a.ItemNext span.Label, .highlightsInsideYear .GalleryControls a.ItemPrev span.Label, .highlightsInsideTheme .GalleryControls a.ItemPrev span.Label, .highlightsInsideYear .GalleryControls a.ItemPrev img, .highlightsInsideTheme .GalleryControls a.ItemPrev img, .highlightsInsideYear .GalleryControls a.ItemNext img, .highlightsInsideTheme .GalleryControls a.ItemNext img, .highlightsInsideYear .Disabled a.ItemPrev, .highlightsInsideTheme .Disabled a.ItemPrev, .highlightsInsideYear .Disabled a.ItemNext, .highlightsInsideTheme .Disabled a.ItemNext
{
    display: none;
}

.highlightsInsideYear .GroupLinks
{
    overflow: hidden;
    width: 480px;
    float: right;
}

.highlightsInsideYear .GroupLinks ul
{
    width: 480px;
}

.highlightsInsideYear .GroupLinks ul, .highlightsInsideYear .GroupLinks ul li
{
    display: block;
    float: left;
    list-style-type: none;
    margin-bottom: 1px;
}

.highlightsInsideYear .GroupLinks ul li.Selected a
{
    background: url("/images/onstate.png") no-repeat scroll top left transparent;
    cursor: default;
    outline: 0;
    color: #414042;
}

.highlightsInsideYear .GroupLinks ul li a
{
    background: url("/images/offstate.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 75%;
    font-weight: bold;
    height: 16px;
    margin-right: 1px;
    padding: 4px;
    text-align: center;
    width: 71px;
}

.highlightsInsideYear p.rss
{
    overflow: hidden;
    position: absolute;
    top: 60px;
    left: 0;
    width: 160px;
}

.highlightsInsideYear p.rss a
{
    display: block;
    float: left;
    padding-right: 5px;
}

/* =====================================================================
    Highlighted Products - Large Regular
===================================================================== */

.highProdsLarge
{
    float: left;
    width: 184px;
    padding: 12px 18px 12px 13px;
    background: #ECEDEF;
    height: 460px;
    margin-bottom: 20px;
}

.highProdsLarge .Highlight
{
    float: left;
    width: 184px;
}
.highProdsLarge .Highlight h2
{
    font-size: 1.2em;
    text-transform: none;
    font-family: Arial, Sans-Serif;
    color: #222;
    font-weight: bold;
    overflow: hidden;
    height: 48px;
}
.highProdsLarge .Highlight p
{
    color: #555;
    line-height: 1.4em;
    font-size: 12px;
    height: 184px;
    overflow: hidden;
}

/* =====================================================================
    Highlighted Products - Small Regular
===================================================================== */
.tabs
{
    clear: both;
    height: auto !important;
    float: left;
    width: 671px !important; 
}

.switcherTabsTitle
{
    float: left;
    width: 100%;
}

.switcherTabsTitle h2
{
    font-family: DurhamSansNormal;
    font-size: 34px;
    font-weight: lighter;
    margin-bottom: 5px;
}

.switcherTabs
{
    margin-bottom: 20px;
}

.highProdsSmall
{
    background: #ECEDEF;
    float: left;
    padding: 12px 0;
    width: 456px;
    position: relative;
    margin-bottom: 10px;
}

.highProdsSmall .Highlight
{
    float: left;
    width: 125px;
    height: 230px;
    overflow: hidden;
    padding-right: 18px;
    overflow: hidden;
}
.highProdsSmall .Highlight .Image
{
    width: 125px;
    height: 139px;
    margin-bottom: 4px;
}
.highProdsSmall .Highlight h2
{
    font-size: 75%;
    text-transform: none;
    font-family: Arial, Sans-Serif;
    color: #222; /*font-weight: bold;*/
    margin-bottom: 4px;
    line-height: 1.1em;
}
.highProdsSmall .Highlight h3
{
    font-size: 1.0em;
    text-transform: none;
    font-family: Arial, Sans-Serif;
    color: #222;
    font-weight: bold;
    margin-bottom: 2px;
    line-height: 1.1em;
}
.highProdsSmall .Highlight h4
{
    font-size: 1.0em;
    text-transform: none;
    font-family: Arial, Sans-Serif;
    color: #222;
    font-weight: normal;
    margin-bottom: 1px;
    line-height: 1.1em;
}
.highProdsSmall .Dates h3
{
    display: none;
}
.highProdsSmall .Highlight p
{
    color: #555;
    line-height: 1.2em;
    font-size: 11px;
}

/* controls */
.highProdsSmall .GalleryControls
{
    position: relative;
    clear: both;
    padding: 0;
}
.highProdsSmall .GalleryControls ul
{
    /*position: absolute;     left: 50%;     margin-left: -50px;*/
    display: none;
}
.highProdsSmall .GalleryControls ul li
{
    float: left;
    list-style-type: none;
    margin-right: 15px;
}
.highProdsSmall .GalleryControls ul li span
{
    display: none;
}
.highProdsSmall .GalleryControls ul li a
{
    display: block;
    width: 10px;
    height: 10px;
    background: url(/images/bg-sprite.png) no-repeat;
    background-position: -34px -80px;
}
.highProdsSmall .GalleryControls ul li.Selected a
{
    background-position: -8px -80px;
}

/* hiding un-needed list items */
.highProdsSmall .GalleryControls ul li.Item0, .highProdsSmall .GalleryControls ul li.Item1, .highProdsSmall .GalleryControls ul li.Item2, .highProdsSmall .GalleryControls ul li.Item4, .highProdsSmall .GalleryControls ul li.Item5, .highProdsSmall .GalleryControls ul li.Item6, .highProdsSmall .GalleryControls ul li.Item7, .highProdsSmall .GalleryControls ul li.Item8, .highProdsSmall .GalleryControls ul li.Item10, .highProdsSmall .GalleryControls ul li.Item11, .highProdsSmall .GalleryControls ul li.Item12, .highProdsSmall .GalleryControls ul li.Item13, .highProdsSmall .GalleryControls ul li.Item14, .highProdsSmall .GalleryControls ul li.Item16, .highProdsSmall .GalleryControls ul li.Item17
{
    display: none;
}

.highProdsSmall .ItemPrev span
{
    display: none;
}

.highProdsSmall .ItemPrev
{
    display: none;
}

.highProdsSmall .ItemNext
{
    position: absolute;
    top: -235px;
    right: -3px; /*width: 31px;     height: 48px;*/
    color: #ECEDEF;
}

.highProdsSmall .ItemNext img
{
    display: none;
}

.highProdsSmall .ItemNext span
{
    font-size: 0;
    background: url(/images/arrow_left_highlights.png) no-repeat;
    width: 0;
    height: 0;
    padding: 78px 31px 0 0;
    font-size: 1px;
    color: #ECEDEF;
}

.switcherTabs .tabNavigation .tabNav
{
    width: 100%;
    float: left;
    margin-bottom: 7px;
}

/*Explore, what's, Food and Drink,  on Tabs*/

.explore .switcherTabs .tabNavigation .tabNav, .whatson .switcherTabs .tabNavigation .tabNav, .foodanddrink .switcherTabs .tabNavigation .tabNav
{
    display: none;
}

.switcherTabs .tabNavigation .tabNav li
{
    list-style: none;
    background: #C51D37;
    float: left;
    margin-right: 3px;
    padding: 2px 10px;
}

.switcherTabs .tabNavigation .tabNav li.selected
{
    background: #5A6C76;
}

.switcherTabs .tabNavigation .tabNav li a
{
    color: #fff;
    font-size: 79%;
}

.switcherTabs .tabNavigation .tabNav li a:hover
{
    color: #fff;
}

.switcherTabs .productTabs
{
    clear: both;
}

/*===============================================================
Highlighted Events Calendar
================================================================*/

.highEventsCal
{
    position: relative !important;
    height: 305px;
    overflow: hidden;
    float: left;
    width: 654px;
    padding: 0 0 0 10px;
    margin-bottom: 25px;
}

.highEventsCal .highEventsCal
{
    width: 423px;
    height: auto;
    float: left;
    background: none;
    padding: 0;
    margin: 0;
}

/* calendar styles */
.highEventsCal .ui-datepicker
{
    position: absolute;
    top: 0;
    right: 0;
    width: 258px !important;
    padding: 1px;
    background: #5B6D77;
}

.highEventsCal .ui-datepicker-header
{
    background: #5B6D77;
    border-bottom: 1px solid #fff;
}

#main .highEventsCal .ui-datepicker-title
{
    color: #FFF !important;
    font-weight: normal !important;
    font-family: "Gill Sans MT" , "Gill Sans" , Trebuchet MS, Arial;
    font-size: 18px; /*text-transform: uppercase;*/
    width: 258px !important;
}

#main .highEventsCal .ui-datepicker-title span
{
    color: #fff !important;
}

.highEventsCal .ui-datepicker .ui-datepicker-prev, .highEventsCal .ui-datepicker .ui-datepicker-next
{
    top: 7px; /*border: 1px solid #999;*/
    font-size: 10px;
    height: auto;
    line-height: 10px;
}

.highEventsCal .ui-datepicker .ui-datepicker-prev span, .highEventsCal .ui-datepicker .ui-datepicker-prev span
{
    /*padding: 1px 15px 1px 3px;*/
    background: url(/images/cycling/bg-cal-prev.png) no-repeat top right;
    width: 11px;
    height: 19px;
    font-size: 0px !important;
    /*padding: 11px 19px 0 0;
    left: -8px !important;*/
    color: #829E23;
}

.highEventsCal .ui-datepicker .ui-datepicker-prev:hover, .highEventsCal .ui-datepicker .ui-datepicker-next:hover
{
    text-decoration: none;
}

.highEventsCal .ui-datepicker .ui-datepicker-prev
{
    /*padding: 1px 3px 1px 15px;*/
        width: 11px !important;
    height: 19px !important;
    left: 10px !important;
}

.highEventsCal .ui-datepicker .ui-datepicker-next
{
    /*padding: 1px 15px 1px 3px;*/
    width: 8px;
    height: 14px;
    right: 10px !important;
}

.highEventsCal .ui-datepicker .ui-datepicker-next span, .highEventsCal .ui-datepicker .ui-datepicker-next span
{
    /*padding: 1px 15px 1px 3px;*/
    background: url(/images/cycling/bg-cal-next.png) no-repeat top right;
    /*width: 8px;
    height: 14px;*/
    font-size: 0px;
    padding: 11px 19px 0 0;
    color: #5B6D77;
}

.highEventsCal .ui-datepicker table
{
    width: 190px !important;
    border: 0;
    background: #5B6D77;
    margin: 0;
    border: 8px solid #5B6D77 !important;
    margin-bottom: 0px !important;
}

.highEventsCal .ui-datepicker table
{
    border-spacing: 4px !important;
}

.highEventsCal .ui-datepicker table tbody
{
}

.highEventsCal .ui-datepicker td
{
    background: none repeat scroll 0 0 #DCDBD9; /*border: 1px solid #F3F3F3;*/
    height: 30px;
    padding: 0 0 6px;
    width: 30px;
    font-size: 13px;
}

.highEventsCal .ui-datepicker td.ui-datepicker-unselectable
{
    background: #777779;
}

.highEventsCal .ui-datepicker td.ui-datepicker-unselectable span
{
    color: #525053;
}

.highEventsCal .ui-datepicker td:hover
{
    background: #B4B4B4;
}

.highEventsCal .ui-datepicker td.ui-datepicker-current-day
{
    background: #fff;
}

.highEventsCal .ui-datepicker td.ui-datepicker-current-day:hover
{
    background: #7FD6C9;
}

.highEventsCal .ui-datepicker td a
{
    display: block;
    padding: 7px 0 8px 0;
    background: none;
    color: #C40F39 !important;
    font-weight: bold;
    font-size: 13px;
    width: 30px;
}

.highEventsCal .ui-datepicker td.ui-datepicker-current-day a
{
    color: #46454A !important;
}

.highEventsCal .ui-datepicker td a:hover
{
    background: none;
}

.highEventsCal .ui-datepicker td span
{
    padding: 0;
    display: block;
    padding: 7px 0 7px 0;
    font-size: 13px;
    width: 30px;
}

.highEventsCal .ui-datepicker th
{
    background: 0;
    color: #333;
    height: 30px;
    padding: 0;
    width: 30px;
}

.highEventsCal .ui-datepicker th span
{
    color: #fff;
}

/* products slider next to calendar - shares some styles with small Events Small in tabs */
.highEventsCal .GroupWrapper
{
    width: 423px;
    overflow: hidden;
    position: relative;
}

.highEventsCal .Highlight
{
    width: 133px;
    float: left;
    padding: 0 0 10px;
    height: auto;
    margin-right: 8px;
}

.highEventsCal .Highlight h2, .highEventsSmall .Highlight h2
{
    font-size: 0.8em;
    text-transform: none;
    float: left;
    font-weight: normal;
    margin-bottom: 13px;
    width: 100%;
}

.highEventsCal .Highlight h2 a, .highEventsSmall .Highlight h2 a
{
    color: #C40F39;
}

.highEventsCal .Highlight .Image, .highEventsSmall .Highlight .Image
{
    float: left;
    margin: 0 0 5px 0;
    width: 133px;
    height: 94px;
}

.highEventsCal .ClosePopup, .highEventsSmall .ClosePopup
{
    display: none !important;
}

.highEventsCal .Desc, .highEventsSmall .Desc
{
    font-size: 11px;
}

.highEventsCal .Type, .highEventsSmall .Type
{
    font-size: 11px;
}

.highEventsCal h2.GroupTitle
{
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 6px;
}

.highEventsCal .dayNavControls
{
    padding: 5px 0 5px 360px;
    text-align: right;
    height: 17px;
}

.highEventsCal .dayNavControls a span
{
    display: none;
}

.highEventsCal .dayNavControls a
{
    display: block;
    width: 11px;
    height: 17px;
    float: left;
    display: none !important;
}

.highEventsCal .dayNavControls .DayPrev
{
    background: url(/images/cycling/cal_prev.png) no-repeat top left;
    padding-right: 4px;
}

.highEventsCal .dayNavControls .DayNext
{
    background: url(/images/cycling/cal_next.png) no-repeat top right;
    padding-left: 4px;
}

/* controls */
.highEventsCal .GalleryControls
{
    position: relative;
    clear: both;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 2px;
}
.highEventsCal .GalleryControls ul, .highEventsSmall .GalleryControls ul
{
    position: absolute;
    left: 50%;
    margin-left: -30px;
    display: none !important;
}
.highEventsCal .GalleryControls ul li, .highEventsSmall .GalleryControls ul li
{
    float: left;
    list-style-type: none;
    margin-right: 15px;
}
.highEventsCal .GalleryControls ul li a, .highEventsSmall .GalleryControls ul li a
{
    display: block;
    width: 10px;
    height: 10px;
    background: url(/images/bg-sprite.png) no-repeat;
    background-position: -34px -80px;
}
.highEventsCal .GalleryControls ul li.Selected a, .highEventsSmall .GalleryControls ul li.Selected a
{
    background-position: -8px -80px;
}
.highEventsCal .GalleryControls ul li a span, .GalleryControls ul li a img, .highEventsSmall .GalleryControls ul li a span, .GalleryControls ul li a img
{
    display: none;
}
.highEventsCal .ItemNext, .highEventsCal .ItemPrev
{
    width: 11px;
    height: 17px;
}

.highEventsCal .ItemNext img, .highEventsCal .ItemPrev img
{
    display: none;
}

.highEventsCal .ItemPrev
{
    background: url(/images/cal_prev.png) no-repeat left top;
    float: left;
    width: 11px;
    height: 17px;
    margin-right: 4px;
}

.highEventsCal .ItemPrev .Label
{
    display: none;
}

.highEventsCal .ItemNext
{
    background: url(/images/cal_next.png) no-repeat left top;
    float: left;
    width: 11px;
    height: 17px;
    margin-left: 4px;
}

.highEventsCal .ItemNext .Label
{
    width: 11px;
    height: 17px;
    font-size: 0;
    padding: 0 11px 17px 0;
    display: none;
}

/* hiding un-needed list items */
.highEventsCal .GalleryControls ul li.Item0, .highEventsCal .GalleryControls ul li.Item2, .highEventsCal .GalleryControls ul li.Item3, .highEventsCal .GalleryControls ul li.Item5, .highEventsCal .GalleryControls ul li.Item6, .highEventsCal .GalleryControls ul li.Item8, .highEventsCal .GalleryControls ul li.Item9, .highEventsCal .GalleryControls ul li.Item11, .highEventsCal .GalleryControls ul li.Item12, .highEventsCal .GalleryControls ul li.Item14, .highEventsCal .GalleryControls ul li.Item15, .highEventsCal .GalleryControls ul li.Item17, .highEventsCal .GalleryControls ul li.Item18, .highEventsCal .GalleryControls ul li.Item20, .highEventsCal .GalleryControls ul li.Item21, .highEventsCal .GalleryControls ul li.Item23, .highEventsCal .GalleryControls ul li.Item24, .highEventsCal .GalleryControls ul li.Item26, .highEventsCal .GalleryControls ul li.Item27
{
    display: none;
}

/* block ui */
.highEventsCal .blockUI
{
    border: none !important;
}
