/* ************************************************************************************ */
/* CSS settings for Bongo Mods - Default for all sites                                  */
/* ************************************************************************************ */
/* Change Log                                                                           */
/*                                                                                      */
/* 25-03-2011  - Richard Chapman - Deltasoft - Created                                  */
/* ************************************************************************************ */

/* ************************************************************************************ */
/* CSS settings for Link Panel Control - Default for all sites                          */
/* ************************************************************************************ */
/* Change Log                                                                           */
/*                                                                                      */
/* 21-09-2009  - Richard Chapman - Deltasoft - Create CSS file                          */
/* ************************************************************************************ */
.LinkPanelGlobal
{
    position: absolute;
    top: 2px;
    width: 100%;
    font-size: 10pt;
    margin-left: 50px;
}

.LinkPanelEmpty
{
    color: Red;
    display: block;
    text-align: center;
}

.linkpanel a
{
    padding-left: 19px;
	color: blue;
    background: url('/Bongo/assets/png/link.png') no-repeat left;
}

.linkpanel a:hover
{
    text-decoration: none !important;
    padding-left: 19px;
    background: url('/Bongo/assets/png/link-rollover.png') no-repeat left;
}

/* ************************************************************************************ */
/* CSS settings for News - Default for all sites                                        */
/* ************************************************************************************ */
/* Change Log                                                                           */
/*                                                                                      */
/* 30-09-2009  - Richard Chapman - Deltasoft - Create CSS file                          */
/* ************************************************************************************ */
.newsframe /* #IFNEWS iframe */
{
    height: inherit;
}

.newscontrol /* NewControl */
{
    background-color: Inherit;
}

.newsitemframewrapper /* News Item iframe div */
{
    height: 400px;
    padding-left: 190px;
}

/* Must colour the body to ensure whole Iframe is coloured in IE - news and newsitem respectively */
#newsbody, #newsitembody
{
    background-color: #fff !important;
}

.newsitem_date
{
    color: Blue;
    font-size: large;
    display: block;
}

.newsitem_title
{
    color: #000;
    font-size: Large;
    font-weight: bold;
    text-decoration: underline;
    display: block;
}

.newsitem_detail
{
    color: #000;
}

.newsitem_invalid
{
    color: Red;
    font-size: large;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
}

.newsitem_backbtn
{
    padding-top: 1em;
}

/* Foreground colour for News item header, content and more... respectively */
.dxncItemHeader a, .dxncItemContent, .dxncItemContent a.dxhl
{
    color: #000;
}

/** * Twitter - http://www.twitter.com * Copyright (C) 2009 Twitter * Author: Dustin Diaz (dustin@twitter.com) * * V 2.1.1 Twitter search/profile/faves/list widget*/

/* ************************************************************************************ */
/* CSS settings for Twitter Control - Site Specific                                     */
/* ************************************************************************************ */
/* Change Log                                                                           */
/*                                                                                      */
/* 25-04-2010  - Richard Chapman - Deltasoft - Create CSS file                          */
/* ************************************************************************************ */

.twtr-widget
{
    position: relative;
    font-size: 12px !important;
    font-family: "lucida grande" , lucida, tahoma, helvetica, arial, sans-serif !important;
    zoom: 1;
}
.twtr-fullscreen
{
    font-size: 220% !important;
}
.twtr-fullscreen .twtr-new-results
{
    _display: none !important;
}
.twtr-widget .twtr-spinner
{
    width: 14px;
    height: 14px;
    position: absolute;
    background: url(http://widgets.twimg.com/j/1/spinner.gif) no-repeat;
    top: 3px;
    right: 3px;
}
.twtr-inactive
{
    display: none;
}
.twtr-widget a img
{
    border: 0 !important;
}
.twtr-doc
{
    overflow: hidden;
    width: 100%;
    text-align: left;
    font-weight: normal;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.twtr-bd
{
    padding: 0 1px;
}
.twtr-widget .twtr-tweet-wrap
{
    padding: 6px 8px;
    overflow: hidden;
    zoom: 1;
}
.twtr-fullscreen .twtr-tweet-wrap
{
    padding: 20px;
}
.twtr-widget .twtr-tweet
{
    border-bottom: 1px dotted #ddd;
    overflow: hidden;
    zoom: 1;
}
.twtr-widget .twtr-tweet a.twtr-reply
{
    visibility: hidden;
}
* html .twtr-widget .twtr-tweet a.twtr-reply
{
    visibility: visible;
}
.twtr-widget .twtr-tweet:hover a.twtr-reply
{
    visibility: visible;
}
.twtr-widget-profile img.twtr-profile-img
{
    display: block;
    float: left;
    width: 31px;
    height: 31px;
    border: 0 !important;
}
.twtr-widget h3, .twtr-widget h4, .twtr-widget p
{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    width: auto !important;
}
.twtr-widget-profile h3, .twtr-widget-profile h4
{
    margin: 0 0 0 40px !important;
}
.twtr-widget h3
{
    font-size: 11px !important;
    font-weight: normal !important;
}
.twtr-widget h4
{
    font-size: 16px !important;
}
.twtr-widget i, .twtr-widget .twtr-new-results
{
    font-size: 9px;
    font-style: normal;
    display: block;
    margin-top: 2px;
    zoom: 1;
}
.twtr-widget .twtr-new-results
{
    text-align: center;
    padding: 3px;
    margin: 0 auto -10px auto;
    display: block;
    position: relative;
    bottom: 5px;
}
.twtr-results-inner
{
    line-height: 1;
    font-size: 100%;
    padding: 4px 0;
    position: relative;
    bottom: -2px;
    width: 40%;
    margin: 0 auto;
    z-index: 2;
    text-align: center;
}
.twtr-results-hr
{
    width: 100%;
    position: relative;
    z-index: 1;
    height: 1px;
    border-bottom: 1px dotted #ddd;
    bottom: 7px;
    background: none;
    overflow: hidden;
}
.twtr-new-results span
{
    position: relative;
    z-index: 3;
    top: -14px;
    display: block;
    font-size: 9px !important;
}
.twtr-fullscreen .twtr-new-results span
{
    font-size: 24px !important;
}
.twtr-hd
{
    padding: 10px;
    position: relative;
    zoom: 1;
    overflow: hidden;
}
.twtr-fullscreen .twtr-hd
{
    height: 0;
    padding: 0;
}
.twtr-timeline
{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    height: 225px;
}
.twtr-scroll .twtr-timeline
{
    overflow-x: hidden;
    overflow-y: auto;
}
.twtr-widget .twtr-tweet:last-child
{
    border-bottom-width: 0;
}
.twtr-ft
{
    position: relative;
}
.twtr-ft div
{
    overflow: hidden;
    padding: 10px;
    zoom: 1;
}
.twtr-ft span
{
    float: right;
    text-align: right;
}
.twtr-ft a
{
    float: left;
    display: block;
}
.twtr-ft span a
{
    float: none;
}
.twtr-avatar
{
    width: 40px;
    height: 40px;
    float: left;
    overflow: hidden;
    display: block;
}
.twtr-fullscreen .twtr-avatar
{
    width: 80px;
    height: 80px;
}
.twtr-img
{
    height: 25px;
    width: 25px;
}
.twtr-img img
{
    width: 30px;
    height: 30px;
}
.twtr-fullscreen .twtr-img img
{
    width: 72px;
    height: 72px;
}
.twtr-fullscreen a.twtr-join-conv
{
    display: none;
}
.twtr-tweet-text
{
    margin-left: 40px;
}
.twtr-fullscreen .twtr-tweet-text
{
    margin-left: 90px;
}
.twtr-doc a
{
    text-decoration: none !important;
}
.twtr-doc a:hover
{
    text-decoration: underline !important;
}

/* ************************************************************************************ */
/* CSS settings for RSSReader Control - Site Specific                                  */
/* ************************************************************************************ */
/* Change Log                                                                           */
/*                                                                                      */
/* 30-04-2010  - Richard Chapman - Deltasoft - Create CSS file                          */
/* ************************************************************************************ */

.rss-widget
{
    position: relative;
    font-size: 12px !important;
    font-family: "lucida grande" , lucida, tahoma, helvetica, arial, sans-serif !important;
    zoom: 1;
    color: White !important;
}
.rss-fullscreen
{
    font-size: 220% !important;
}
.rss-fullscreen .rss-new-results
{
    _display: none !important;
}
.rss-widget .rss-spinner
{
    width: 14px;
    height: 14px;
    position: absolute;
    background: url(http://widgets.twimg.com/j/1/spinner.gif) no-repeat;
    top: 3px;
    right: 3px;
}
.rss-inactive
{
    display: none;
}
.rss-widget a img
{
    border: 0 !important;
}
.rss-doc
{
    overflow: hidden;
    width: 100%;
    text-align: left;
    font-weight: normal;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #000;
    background: none repeat scroll 0 0 #333333 !important;
}
.rss-bd
{
    padding: 0 1px;
}
.rss-widget .rss-item-wrap
{
    padding: 6px 8px;
    overflow: hidden;
    zoom: 1;
}
.rss-fullscreen .rss-item-wrap
{
    padding: 20px;
}
.rss-widget .rss-item
{
    border-bottom: 1px dotted #ddd;
    overflow: hidden;
    zoom: 1;
}
.rss-widget .rss-item a.rss-reply
{
    visibility: hidden;
}
* html .rss-widget .rss-item a.rss-reply
{
    visibility: visible;
}
.rss-widget .rss-item:hover a.rss-reply
{
    visibility: visible;
}
.rss-widget-profile img.rss-profile-img
{
    display: block;
    float: left;
    width: 31px;
    height: 31px;
    border: 0 !important;
}
.rss-widget h3, .rss-widget h4, .rss-widget p
{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    width: auto !important;
}
.rss-widget-profile h3, .rss-widget-profile h4
{
    margin: 0 0 0 40px !important;
}
.rss-widget h3
{
    font-size: 11px !important;
    font-weight: normal !important;
}
.rss-widget h4
{
    font-size: 16px !important;
}
.rss-widget i, .rss-widget .rss-new-results
{
    font-size: 9px;
    font-style: normal;
    display: block;
    margin-top: 2px;
    zoom: 1;
}
.rss-widget .rss-new-results
{
    text-align: center;
    padding: 3px;
    margin: 0 auto -10px auto;
    display: block;
    position: relative;
    bottom: 5px;
}
.rss-results-inner
{
    line-height: 1;
    font-size: 100%;
    padding: 4px 0;
    position: relative;
    bottom: -2px;
    width: 40%;
    margin: 0 auto;
    z-index: 2;
    text-align: center;
}
.rss-results-hr
{
    width: 100%;
    position: relative;
    z-index: 1;
    height: 1px;
    border-bottom: 1px dotted #ddd;
    bottom: 7px;
    background: none;
    overflow: hidden;
}
.rss-new-results span
{
    position: relative;
    z-index: 3;
    top: -14px;
    display: block;
    font-size: 9px !important;
}
.rss-fullscreen .rss-new-results span
{
    font-size: 24px !important;
}
.rss-hd
{
    padding: 10px;
    position: relative;
    zoom: 1;
    overflow: hidden;
}

.rss-hd a
{
    color: White !important;
}

.rss-fullscreen .rss-hd
{
    height: 0;
    padding: 0;
}
.rss-timeline
{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    background: none repeat scroll 0 0 #000000 !important;
}
.rss-scroll .rss-timeline
{
    overflow-x: hidden;
    overflow-y: auto;
}
.rss-widget .rss-item:last-child
{
    border-bottom-width: 0;
}
.rss-ft
{
    position: relative;
}
.rss-ft div
{
    overflow: hidden;
    padding: 10px;
    zoom: 1;
}
.rss-ft span
{
    float: right;
    text-align: right;
}
.rss-ft a
{
    float: left;
    display: block;
}
.rss-ft span a
{
    float: none;
}
.rss-avatar
{
    width: 40px;
    height: 40px;
    float: left;
    overflow: hidden;
    display: block;
}
.rss-fullscreen .rss-avatar
{
    width: 80px;
    height: 80px;
}
.rss-img
{
    height: 25px;
    width: 25px;
}
.rss-img img
{
    width: 30px;
    height: 30px;
}
.rss-fullscreen .rss-img img
{
    width: 72px;
    height: 72px;
}
.rss-fullscreen a.rss-join-conv
{
    display: none;
}
.rss-item-text
{
    margin-left: 40px;
}
.rss-fullscreen .rss-item-text
{
    margin-left: 90px;
}
.rss-doc a
{
    text-decoration: none !important;
    color: White !important;
}
.rss-doc a:hover
{
    text-decoration: underline !important;
}

/* ************************************************************************************ */
/* Change Log                                                                           */
/*                                                                                      */
/* 11-01-2011  - Richard Chapman - Deltasoft - Add                                      */
/* 15-05-2011  - Richard Chapman - Deltasoft - Add Fade option                          */
/* ************************************************************************************ */
/*
Slider Structure                    id - # is the slider id number         class

<wrapper>                           slider-wrap-#                          sliderwrap
<body>                              slider-body-#                          sliderbody
<gallery wrapper>                   slider-gallery-#                       slidergallery
    <gallery images>                slider-gallery-list-#                  slidergallerylist, sliderimg
<gallery title wrapper>             slider-gallerytitle-#                  slidergallerytitle
    <gallery titles>                slider-gallerytitle-list-#             slidergallerytitlelist
<previous nav wrapper>              slider-navprev-#                       sliderleftarrow,slideruparrow
<next nav wrapper>                  slider-navnext-#                       sliderrightarrow,sliderdownarrow

*/

#inner .chunk .sliderbody
{
    position: relative;
    overflow: hidden;
}

#inner .chunk .slidergallery
{
    overflow: hidden;
}

#inner .chunk .slidergallerylist
{
    /* Clear the list style */
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0; /*overflow: hidden;*/
}

#inner .chunk .slidergallerylist li
{
    margin-left: 0px;
}

#inner .chunk .sliderleft
{
    float: left;
    margin-left: 0px;
}

#inner .chunk .sliderfade
{
    float: left;
    margin-left: 0px;
}

#inner .chunk .slidertop
{
    float: none;
    margin-left: 0px;
}

#inner .chunk .sliderbody
{
    margin: 0px auto;
}

#inner .chunk .sliderbody img
{
    padding: 0px;
}

#wrap1 #inner .chunk .slidergallerytitle
{
    /* Set the position */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    overflow: hidden;
    width: 20%;
}

.slidergallerytitlelist
{
    /* Opacity setting for different browsers */
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6; /* Clear the list style */
    list-style: none;
    margin: 0;
    padding: 0; /* Set the position */
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0; /* Set the style */
    background-color: #000;
    overflow: hidden;
    font-family: arial;
    font-size: 12pt;
    color: #fff;
}

#inner .chunk .slidergallerytitlelist li
{
    padding: 5px;
    margin-left: 0px;
    text-align: left;
}

.clear
{
    clear: both;
}

#wrap1 #inner .chunk .sliderleftarrow, #wrap1 #inner .chunk .sliderrightarrow, #wrap1 #inner .chunk .slideruparrow, #wrap1 #inner .chunk .sliderdownarrow
{
    /* Opacity setting for different browsers */
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6; /* Set the position */
    z-index: 25;
    position: absolute; /* Set the style */
    background-color: white;
    display: none;
}

#wrap1 #inner .chunk .sliderleftarrow
{
    background-image: url("/Bongo/assets/gif/leftarrowgrey24x24.gif");
    background-position: left center;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    width: 24px;
    height: 100%;
}

#wrap1 #inner .chunk .sliderrightarrow
{
    background-image: url("/Bongo/assets/gif/rightarrowgrey24x24.gif");
    background-position: left center;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    width: 24px;
    height: 100%;
}

#wrap1 #inner .chunk .slideruparrow
{
    background-image: url("/Bongo/assets/gif/uparrowgrey24x24.gif");
    background-position: center top;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    height: 24px;
    width: 100%;
}

#wrap1 #inner .chunk .sliderdownarrow
{
    background-image: url("/Bongo/assets/gif/downarrowgrey24x24.gif");
    background-position: center bottom;
    background-repeat: no-repeat;
    left: 0;
    bottom: 0;
    height: 24px;
    width: 100%;
}

/* ************************************************************************************ */
/* Change Log                                                                           */
/*                                                                                      */
/* 12-01-2011  - Richard Chapman - Deltasoft - Add                                      */
/* ************************************************************************************ */
.tooltip
{
    display: none;
    background: transparent url(/Bongo/assets/png/black_arrow.png);
    font-size: 12px;
    height: 70px;
    width: 160px;
    padding: 25px;
    color: #fff;
    z-index: 600; /* Must be greater than the nav bar */
}

/* override the arrow image of the tooltip */
.tooltip .bottom
{
    background: url("/Bongo/assets/png/black_arrow_bottom.png");
    padding-top: 40px;
    height: 55px;
}

.tooltip .bottom
{
    background: url("/Bongo/assets/png/black_arrow_bottom.png");
}

/* ************************************************************************************ */
/* Change Log                                                                           */
/*                                                                                      */
/* 13-01-2011  - Richard Chapman - Deltasoft - Add                                      */
/* ************************************************************************************ */
#inner .chunk .dscol-printable .printchunkcol
{
    float: right;
    margin: -28px 4px 0 !important;
    padding: 0;
    position: relative;
    cursor: pointer;
    display: block;
}

#inner .chunk .printchunkcol
{
    display: none;
}

/* ************************************************************************************ */
/* Change Log - Blog                                                                    */
/*                                                                                      */
/* 07-03-2011  - Richard Chapman - Deltasoft - Added                                    */
/* ************************************************************************************ */

/* General blog settings */

.blogposts
{
    margin: 8px;
}

.blogposts h1
{
    color: Black;
}

.blogpostfooter > span
{
    font-size: smaller;
}

.blogallcategorysection
{
    margin-top: 10px;
}

.blogallcategorysection > span, .blogalltagsection > span, .blogarchivesection > span, .blogrecentpostssection > span
{
    font-weight: bold;
}

#inner .blogarchivelist li
{
    list-style-type: none;
    margin-left: 8px;
}

#inner .blogrecentpostssection li
{
    list-style-type: none;
    margin-left: 8px;
    margin-top: 4px;
}

.blogfollowussection > span
{
    font-weight: bold;
}

.blognofollowussection
{
    display: none;
}

.blogcomments
{
    margin: 8px;
}

.commentheader > span
{
    color: Blue;
}

.commentfooter
{
    font-size: smaller;
    color: Silver;
}

.commentfooter > hr
{
    width: 33%;
    margin: 0px auto;
}

.leavecommentfldlabel
{
    color: Silver;
    font-style: italic;
    width: 50%;
}

.leavecommentfld
{
    width: 50%;
}

.leavecommentbtn
{
    width: 120px;
}

.blogpostbodyfull
{
}

.blogpostbodyshort
{
    height: 6em;
    overflow: hidden;
}

div.blogpostbodyfull + div.moreblogindicator
{
    display: none;
}

#inner .moreblogindicator
{
    float: right;
}

#inner .moreblogindicator img
{
    display: inline;
    padding: 0px;
}

.blogcommentsdisabled, .nonextprevlink, .noblogtaglist
{
    display: none;
}

.nextprevlink
{
}

.blogtaglist
{
    text-align: center;
    color: #1E3695;
}

#inner .blogtaglist a
{
    margin-right: 10px;
    color: #1E3695;
}

#inner .blogtaglistmap
{
    text-align: left;
    vertical-align: top;
    margin-bottom: 8px;
}

#inner .blogtaglistmap a
{
    margin-left: 10px;
}

#inner .blogtaglistmap img
{
    display: inline;
    padding: 0px;
    vertical-align: bottom;
}

#inner .blogpostfooter h2
{
    font-size: smaller;
    display: inline;
}

#inner .chunk .blogfollowus_1, #inner .chunk .blogfollowus_2, #inner .chunk .blogfollowus_3, #inner .chunk .blogfollowus_4
{
    margin: 5px auto;
}

#inner .chunk .blognofollowus_1, #inner .chunk .blognofollowus_2, #inner .chunk .blognofollowus_3, #inner .chunk .blognofollowus_4, #inner .chunk .blogpostnothumbnail
{
    display: none;
}

#inner .blogspace img
{
    padding: 0px;
}

#inner .blogrightnav img
{
    padding: 0px;
}

.blogshareaddthis
{
    display: inline-block;
    width: 410px;
    vertical-align: text-top;
}

.captchaerror
{
    border: solid 1px Red;
    display: inline-block;
}

#inner .chunk .blogpostthumbnail
{
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    padding: 8px 8px;
}

/* Uncomment or place in assets\bomgomods.css to turn off text justification for categories & tags */
/*
.blogallcategoryheading td, .blogalltagsection td
{
    text-align: left !Important;
}
*/

/* ************************************************************************************ */
/* Change Log - MailMe                                                                  */
/*                                                                                      */
/* 14-01-2011  - Richard Chapman - Deltasoft - Add                                      */
/* ************************************************************************************ */
#inner .chunk .mailmecontact
{
    margin-bottom: 5px;
}

#inner .chunk .mailmeemail
{
    margin-bottom: 5px;
}

#inner .chunk .mailmesubmitbtn
{
    margin-top: 5px;
}

#inner .chunk .mailmelabel
{
    margin: 0px auto;
}

#inner .chunk .dxrpControl img
{
    padding: 0px;
}

#inner .chunk .dxrpHeader td.dxrp
{
    text-align: center;
}

#inner .chunk .dxrpControl td.dxrpcontent
{
    text-align: center;
}

/* ************************************************************************************ */
/* Change Log - Calendar                                                                */
/*                                                                                      */
/* 20-05-2011  - Richard Chapman - Deltasoft - Add                                      */
/* ************************************************************************************ */
.booked
{
    background-image: url("/Bongo/assets/gif/calendarbooked16x16.gif");
    background-repeat: no-repeat;
    background-position: center;
    color: Black;
    cursor: no-drop;
}

.daycell
{
    width: 2.5em;
    height: 2em;
    text-align: center;
    border: none;
    color: Black;
}

.calendartable
{
    border: 1px solid gray;
}

#inner .chunk .calendarheader a, #inner .chunk .calendartable a
{
    cursor: pointer;
    color: black;
}

.unavailable
{
    background-image: url("/Bongo/assets/gif/calendarno16x16.gif");
    background-repeat: no-repeat;
    background-position: center;
    color: Black;
    cursor: no-drop;
}

.bookable:hover
{
    background-image: url("/Bongo/assets/gif/calendarreserve24x24.gif");
    background-repeat: no-repeat;
    background-position: center;
    color: Black;
}

.restricted
{
    background-image: url("/Bongo/assets/gif/calendarrestricted24x24.gif");
    background-repeat: no-repeat;
    background-position: center;
    color: Black;
}

.restricted:hover
{
    cursor: help;
}

.offline
{
    color: Gray;
    cursor: no-drop;
}

/* ************************************************************************************ */
/* Change Log - Directory                                                               */
/*                                                                                      */
/* 31-05-2011  - Richard Chapman - Deltasoft - Add                                      */
/* ************************************************************************************ */
.memberframewrapper
{
    min-height: 600px;
    max-height: 800px;
}

.memberframe
{
    height: 600px;
}

.membercontents
{
    float: left;
    width: 825px;
    margin-top: 5px;
}

.memberpanelwrapper
{
    float: left;
    width: 171px;
    height: 500px;
    padding-top: 3px;
    padding-left: 3px;
    margin-top: 10px;
}

#adminmemberpanelwrapper
{
    background: transparent url("/assets/jpg/sidebar.jpg") no-repeat scroll center;
    height: 899px;
    margin-top: 2px;
}

.memberpanellbl
{
    float: left;
    width: 58px;
    font-weight: bold;
    margin-left: 2px;
    margin-bottom: 5px;
}

.memberpaneltxt
{
    float: left;
    width: 135px;
    margin-left: 3px;
    margin-bottom: 5px;
}


.memberpanelbtn_single
{
    clear: left;
    margin: 5px auto 5px auto;
    width: 70px;
}

.memberpaneldiverr
{
    width: 100%;
    color: Red;
    text-align: center;
    background-color: #FAF8CC;
}

.memberpanellblerr
{
}

.tabform
{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

tabform tr
{
    height: 1em;
    vertical-align: top;
}

.tdlabelcol
{
    width: 75px;
    color: Black;
}

.tdemptylabelcol
{
    height: 21px;
}

.tdfieldcol
{
    width: 160px;
    color: Black;
}

.tdfillercol
{
    width: 20px;
}

.tdfiller3col
{
    width: 40px;
}

.tdbuttoncol
{
    width: 75px;
    margin-right: 10px;
}

.tabbuttons
{
    margin: 0 auto;
}

.tabresourceview
{
}

.el_resourcepostdate
{
    font-family: Tahoma;
    font-size: 9pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    color: Gray;
    white-space: nowrap;
    margin-bottom: 9px; /*display: block;*/
}

.el_resourceexpired
{
    font-family: Tahoma;
    font-size: 9pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    color: Red;
    white-space: nowrap;
    margin-bottom: 9px;
}

.el_resourcetitle
{
    color: #464646;
    font-family: Tahoma;
    font-size: 10pt;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 17px;
    margin-bottom: 3px;
    display: block;
}

.el_resourcedescription
{
    color: black;
    font-family: Verdana;
    font-size: 8pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 14px;
    vertical-align: top;
}

.el_resourceimage
{
    float: right;
    clear: right;
    cursor: pointer;
    padding-right: 10px;
}

.el_resourcelabel
{
    float: right;
    clear: right;
    font-size: smaller;
}

.el_floatright
{
    float: right;
}

.el_floatleft
{
    float: left;
}

.el_clearleft
{
    clear: left;
}

.el_clearright
{
    clear: right;
}

.el_divscroll_default
{
    width: 100%;
    height: 440px;
    overflow: auto;
    overflow-x: hidden;
}

/* Join form */
.joinlevelselector
{
    vertical-align: sub;
}

.contentwrap input, .contentwrap label, .contentwrap textarea
{
    font-size: inherit;
    font-family: inherit;
}

.watermark
{
    background-image: url('/Bongo/assets/jpg/passwordwatermark.jpg');
    background-position: -3px;
    background-repeat: no-repeat;
}


/* ************************************************************************************ */
/* Change Log - Shopgrid                                                                */
/*                                                                                      */
/* 09-06-2011  - Richard Chapman - Deltasoft - Add                                      */
/* ************************************************************************************ */

.ui-jqgrid tr.jqgrow td
{
    white-space: normal !important;
    height: auto;
    vertical-align: text-top;
    padding-top: 2px;
}

/* ************************************************************************************ */
/* Change Log - Raptor                                                                  */
/*                                                                                      */
/* 19-01-2012  - Richard Chapman - Deltasoft - Add                                      */
/* ************************************************************************************ */
.raptorframe
{
    min-height: 665px;
    overflow: hidden;
}

/* ************************************************************************************ */
/* Change Log  - Ecommerce                                                              */
/*                                                                                      */
/* 01-02-2012  - Richard Chapman - Deltasoft - Added                                    */
/* ************************************************************************************ */

/* ************************************************************************************ */
/* CSS settings for Ecommerce Template                                                  */
/* ************************************************************************************ */
.shopnonextprevlink
{
    display: none;
}

.shopnextprevlink
{
    color: Blue;
}

.shopdisplaynone
{
    display: none;
}

.shopbreadcrumbtd a
{
    color:#666;
    padding-left: 5px;
    padding-right: 5px;
}

.shopbreadcrumbtd > a:first-child
{
    padding-left: 0px;
}

.shopbreadcrumbtd > a > img
{
    vertical-align: middle;
}

/* ************************************************************************************ */
/* CSS settings for Shop Item Template                                                  */
/* ************************************************************************************ */
.shopitemwrapperdiv
{
    padding: 5px;
}

.shopitemtab
{
    min-height: 250px;
    max-height: 250px;
    height: 250px;
    border: solid 1px silver;
}

.shopitemtd
{
    text-align: center;
}
.shopitemaddmoretd
{
    height: 25px;
}
.shopaddmoregapspn
{
    width: 5px;
}

.shopmoreinfospn a, .shopaddtobasketspn a
{
    background-color: #666666;
    color: White;
    cursor: pointer;
    padding: 5px;
    text-decoration: none;
}

.shopitemfoldertitletd
{
    background-image: url("/Bongo/assets/png/black_arrow_bottom.png");
    background-position: center 8px;
    background-repeat: no-repeat;
    background-size: 266px 74px;
    height: 75px;
    padding-top: 10px;
}

.shopitemfoldertitletd > a
{
    color: White;
    font-size: inherit;
    text-decoration:none;
}

.shopitemfoldertitletd > a:hover
{
    color: red !important;
    text-decoration: underline;
}

.shopitemfoldertitletd > a > h1
{
    font-size: inherit;
    font-weight:normal;
}

.shopitemtitletd > a
{
    font-size: inherit;
    color: #666 !important;
    text-decoration:none;
}

.shopitemtitletd > a > h1
{
    font-size: inherit;
    font-weight:normal;    
}

.shopitemtitletd > a:hover
{
    color: red !important;
    text-decoration: underline;
}

#shopitemproductoptionsdiv p
{
    margin-bottom: 6px;
}

/* ************************************************************************************ */
/* CSS settings for Ecommerce detail                                                    */
/* ************************************************************************************ */
#shopitemthumbnailblocktd
{
    width: 85px;
    vertical-align: top;
}

#shopitemthumbnailblockdiv
{
    height: 400px;
    overflow: auto;
}

#shopitemthumbnailblocktd img
{
    padding: 0px;
    margin: 2px;
    width: 60px;
    border: solid 1px black;
    cursor: pointer;
}

#shopitemoriginaltd
{
    width: 360px;
    height: 360px;
    vertical-align: top;
    text-align: center;
}

#shopitemoriginaltd img
{
    padding: 0px;
    width: 360px;
}

#shopiteminfodiv
{
    margin: 10px 0px;
    height: 4px;
    overflow: auto;
}

#shopitemtabsdiv
{
}

#shopitemtab1infodiv, #shopitemtab2infodiv, #shopitemtab3infodiv
{
    height: 200px;
    overflow: auto;
}

#tabs-1, #tabs-2, tabs-3
{
    padding: 10px 5px;
}

#ecommercedetailtemplate table
{
    color: #717171;
    font-family: Arial,Helvetica,sans-serif;
}

.shopitemimagerytd
{
    width: 445px;
    vertical-align: top;
}

.shopitemdetailstd
{
    width: 500px;
    vertical-align: top;
    padding: 10px 5px;
}

#shopitemproductnamespn
{
    color: green;
    font-size: 1.2em;
    font-weight: normal;
}

#shopitemproductcodespn, #shopitemproductcodelblspn
{
    line-height: 2em;
}

#shopitemproductpricespn, #shopitemproductpricefromspn
{
    font-size: 3.4em;
    font-weight: bold;
    color: #999;
}

#shopitemaddtobasketqtytxt
{
    margin-right: 1em;
    width: 2em;
    text-align: center;
}

#shopitemaddtobasketdiv.out-of-stock
{
    display: none;
}

#shopitemoutofstockdiv.in-stock
{
    display: none;
}

#shopitemoutofstockdiv.out-of-stock
{
    display: block;
    padding-top: 10px;
    color: Red;
    font-weight: bold;
}

#shopitemoriginalimagetd
{
    width: 100%;
    height: 360px;
    text-align: center;
    vertical-align: top;
}

#shopitemoriginalimageinfotd
{
    background-color: #EBEBEB;
    border-radius: 10px 10px 10px 10px;
    color: #666666;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.viewerwrapper
{
    width: 450px;
    position: relative;
    height: 90px;
    margin-bottom: 10px;
}

.viewerbody
{
    overflow: hidden;
    position: absolute;
    width: 100%;
    white-space: nowrap;
}

.viewerimages
{
    width: 100000px;
}

.viewerbody ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0;
    line-height: 0;
}

.viewerbody ul li
{
    margin: 0px;
    display: inline;
}

.viewerbody ul li img
{
    width: 90px;
}

.sliderleftarrow
{
    background-image: url("/Bongo/assets/gif/leftarrowgrey24x24.gif");
    background-position: left center;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    width: 24px;
    height: 100%;
    position: absolute;
}

.sliderrightarrow
{
    background-image: url("/Bongo/assets/gif/rightarrowgrey24x24.gif");
    background-position: left center;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    width: 24px;
    height: 100%;
    position: absolute;
}

/* ************************************************************************************ */
/* CSS settings for Shopping Cart Template                                              */
/* ************************************************************************************ */
.shoppingbasket
{
    position: absolute;
    right: 0px;
    top: 144px;
    width: 200px;
    background-color: inherit;
    padding-right: 10px;
}

#shoppingbasketcheckout a img
{
    width: 36px;
    padding: 0px;
}

#shoppingbasketend
{
    float: right;
    height: 36px;
    line-height: 36px;
    padding: 0px 10px;
    background-color: Gray;
    color: White;
    width: 65px;
    text-align: center;
}

#shoppingbasketcheckout
{
    float: right;
    height: 36px;
    line-height: 36px;
    padding: 0px 10px;
    background-color: Silver;
}

#shoppingbasketcheckout a, #shoppingbasketend a
{
    color: Black;
    text-decoration: none;
}

/* ************************************************************************************ */
/* CSS settings for Generated Shop Item Options                                         */
/* ************************************************************************************ */
.optiontable
{
    border: 1px solid silver;
    border-spacing: 2px 0px;
}

.optionheader
{
    font-weight: bold;
    background-color: #EBEBEB;
    color: #333333;
    width: 230px;
}

.optdropdown
{
    background-color: #FFFFFF;
    padding-bottom: 4px;
    width: 100%;
}

.optcostinfo
{
    font-weight: bold;
}

.opteven
{
    background-color: Silver;
}

.optmemo
{
    background-color: Transparent;
}

.optimg
{
    text-decoration: none;
}

.optimg img
{
    height: 32px;
    width: 32px;
}

.optimg p
{
    clear: none !important;
}

.customimg
{
    width: 400px;
    height: 400px;
}

/* ************************************************************************************ */
/* CSS settings for Shopping Search Template                                            */
/* ************************************************************************************ */
.shoppingsearch
{
    position: absolute;
    right: 0px;
    top: 200px;
    width: 200px;
    background-color: transparent;
    padding-right: 10px;
    z-index: 9999;
}

#shoppingsearchright
{
    float: right;
    height: 25px;
    line-height: 20px;
    padding: 0px 10px;
    background-color: Olive;
    color: White;
}

#shoppingsearchright a
{
    color: inherit;
    font-weight: bold;
    text-decoration: none;
}

#shoppingsearchleft
{
    float: right;
    height: 25px;
    padding: 0px 10px;
    background-color: White;
}

#shoppingsearchleft input
{
    width: 140px;
    border: none;
    margin-top: 6px;
}

.search-empty
{
    font-style: italic;
    color: Silver;
}

/* ************************************************************************************ */
/* Change Log  - Bongo Menus                                                            */
/*                                                                                      */
/* 01-02-2012  - Richard Chapman - Deltasoft - Added                                    */
/* ************************************************************************************ */

/* ************************************************************************************ */
/* CSS settings for Bongo Menu Classes                                                  */
/* ************************************************************************************ */

/* ************************************************************************************ */
/* CSS settings for Top Menu                                                            */
/* ************************************************************************************ */
#menutoptr
{
	background-color: #666;
}

#menutoptd
{
    white-space: nowrap;
}

/* ************************************************************************************ */
/* CSS settings for Top Menu - Standard Specific                                        */
/* ************************************************************************************ */
.menutopstddiv
{
    background-color: #333333;
    height: 3em;
}

.menutopstddiv.in-admin-mode
{
    height: auto;
}

.topstdmenuul, .topstdsubmenuul
{
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0;
    line-height: 1em;
}

.topstdmenuul
{
    background-image: url("/Bongo/Assets/png/nav-bg.png");
    height: 15px;
    position: relative;
    z-index: 998;
}

.topstdmenuul > li
{
    margin: 0px;
    display: inline;
    cursor: pointer;
    color: White;
    text-decoration: none;
    padding-bottom: 14px;
}

.topstdmenuul > li > a
{
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
}

.topstdmenuul > li > a:hover
{
    text-decoration: underline;
}

.topstdsubmenuul
{
    visibility: hidden;
    position: absolute;
    z-index: 999;
    background-color: Transparent;
}

.topstdsubmenuul li
{
    white-space: nowrap;
    cursor: pointer;
    color: Black;
    background-color: white;
}

.topstdsubmenuul li a
{
    color: inherit;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 2em;
    background-color: White;
    text-decoration: none;
}

.topstdsubmenuul li a:hover
{
    text-decoration: underline;
}

.topstdmenuul, .topstdsubmenuul[level="2"]
{
    padding-top: 12px;
}

/* ************************************************************************************ */
/* CSS settings for Top Menu - Link Specific                                            */
/* ************************************************************************************ */
.menutoplinkdiv
{
    background-color: #333333;
    font-size: xx-small;
    padding-top: 8px;
}

.toplinkmenuul, .toplinksubmenuul
{
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0;
    line-height: 1em;
}

.toplinkmenuul
{
    display: inline-table;
    padding: 0 10px;
    position: relative;
    z-index: 998;
}

.toplinkmenuul > li
{
    margin: 0px;
    cursor: pointer;
    color: Inherit;
    text-decoration: none;
}

.toplinkmenuul > li > a
{
    text-decoration: none;
    color: inherit;
}

.toplinkmenuul > li > a:hover
{
    text-decoration: underline;
}

.toplinksubmenuul
{
    position: absolute;
    z-index: 999;
    white-space: normal;
}

.toplinkheading
{
    font-weight: bold;
}

/* ************************************************************************************ */
/* CSS settings for Left Menu                                                           */
/* ************************************************************************************ */
#menulefttd
{
    white-space: nowrap;
    width: 120px;
    vertical-align: top;
}

.menuleftcolumn
{
    background-color: transparent;
    vertical-align: top;
    width: 200px;
}

/* ************************************************************************************ */
/* CSS settings for Left Menu - Standard                                                */
/* ************************************************************************************ */
.menuleftstddiv
{
    width: 120px;
}

.leftstdmenuul, .leftstdsubmenuul
{
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0;
    line-height: 1em;
}

.leftstdmenuul
{
    position: relative;
    z-index: 998;
}

.leftstdmenuul > li
{
    margin: 0px;
    cursor: pointer;
    color: Inherit;
    text-decoration: none;
}

.leftstdsubmenuul > li
{
    padding-top: 7px;
}

.leftstdmenuul > li > a
{
    padding-left: 10px;
    padding-right: 10px;
    line-height: 3em;
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
}

.leftstdmenuul > li > a:hover
{
    text-decoration: underline;
}

.leftstdsubmenuul
{
    visibility: hidden;
    position: absolute;
    z-index: 999;
    background-color: Transparent;
}

.leftstdsubmenuul li
{
    white-space: nowrap;
    cursor: pointer;
    color: Black;
    background-color: transparent;
}

.leftstdsubmenuul li a
{
    color: inherit;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 2em;
    background-color: transparent;
    text-decoration: none;
}

.leftstdsubmenuul li a:hover
{
    text-decoration: underline;
}

/* ************************************************************************************ */
/* CSS settings for Left Menu - Link                                                    */
/* ************************************************************************************ */
.menuleftlinkdiv
{
    width: 120px;
}

.leftlinkmenuul
{
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0;
    line-height: 1em;
    padding-bottom: 10px;
}

.leftlinkmenuul
{
    position: relative;
    z-index: 998;
}

.leftlinkmenuul > li
{
    margin: 0px;
    cursor: pointer;
    color: Inherit;
    text-decoration: none;
}

.leftlinkmenuul > li > a
{
    text-decoration: none;
    color: inherit;
}

.leftlinkmenuul > li > a:hover
{
    text-decoration: underline;
}

.leftlinksubmenuul
{
    position: absolute;
    z-index: 999;
    white-space: normal;
}

.leftlinkheading
{
    font-weight: bold;
}

/* ************************************************************************************ */
/* CSS settings for Left Menu - Accordion                                               */
/* ************************************************************************************ */
.menuleftaccordiondiv
{
    width: 200px;
    color: White;
}

.leftaccordionmenuul, .leftaccordionsubmenuul
{
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0;
    line-height: 1em;
    color: inherit;
}

.leftaccordionmenuul
{
    position: relative;
    z-index: 998;
}

.leftaccordionmenuul > li
{
    margin: 0px;
    cursor: pointer;
    color: Inherit;
    text-decoration: none;
}

.leftaccordionmenuul > li > a
{
    padding-left: 10px;
    line-height: 3em;
    text-decoration: none;
    color: inherit;
}

.leftaccordionmenuul > li > a:hover
{
    text-decoration: underline;
}

.leftaccordionsubmenuul
{
    display: none;
    z-index: 999;
    background-color: Transparent;
}

.leftaccordionsubmenuul li
{
    white-space: nowrap;
    cursor: pointer;
    padding-left: 5px;
}

.leftaccordionsubmenuul li a
{
    color: inherit;
    padding-left: 10px;
    line-height: 2em;
    text-decoration: none;
}

.leftaccordionsubmenuul li a:hover
{
    text-decoration: underline;
}

/* Add a right-hand end graphic for branching menu nodes */
/* Images from http://www.brandspankingnew.net -Creative Commons Attribution-ShareAlike 2.5 licence*/
.leftaccordionbranch > a
{
    background-image: url('/Bongo/assets/gif/arrow_expand10x10.gif');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 16px;
}

.leftaccordionbranch.accordionopen > a
{
    background-image: url('/Bongo/assets/gif/arrow_collapse10x10.gif') !important;
}

/* ************************************************************************************ */
/* CSS settings for Bottom Menu                                                         */
/* ************************************************************************************ */
#menubottomtd
{
    white-space: nowrap;
}

#menubottomcentertd
{
    text-align: center;
    font-family: Arial,Tahoma,Verdana;
}

/* ************************************************************************************ */
/* CSS settings for Bottom Menu - Standard                                              */
/* ************************************************************************************ */
.menubottomstddiv
{
    background-color:transparent;
    height: 3em;
}

.menubottomstddiv.in-admin-mode
{
    height: auto;
}

.bottomstdmenuul, .bottomstdsubmenuul
{
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0;
    line-height: 1em;
}

.bottomstdmenuul
{
    position: relative;
    z-index: 998;
}

.bottomstdmenuul > li
{
    margin: 0px;
    display: inline;
    cursor: pointer;
    color: White;
    text-decoration: none;
    padding-top: 11px;
}

.bottomstdsubmenuul li a
{
    color: inherit;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 2em;
    background-color: transparent;
    text-decoration: none;
}

.bottomstdmenuul > li > a
{
    padding-left: 10px;
    padding-right: 10px;
    line-height: 3em;
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
}

.bottomstdmenuul > li > a:hover
{
    text-decoration: underline;
}

.bottomstdsubmenuul
{
    visibility: hidden;
    position: absolute;
    z-index: 999;
    background-color: Transparent;
}

.bottomstdsubmenuul li
{
    white-space: nowrap;
    cursor: pointer;
    color: Black;
    background-color: transparent;
}

.bottomstdsubmenuul li a:hover
{
    text-decoration: underline;
}

/* ************************************************************************************ */
/* CSS settings for Bottom Menu - Link                                                  */
/* ************************************************************************************ */

.bottomlinkmenuul, .bottomlinksubmenuul
{
    /* Clear the list style */
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0;
    line-height: 1em;
}

.bottomlinkmenuul
{
    text-align: left;
    vertical-align: top;
    display: inline-table;
    padding: 0 10px;
    position: relative;
    z-index: 998;
}

.menubottomlinkdiv
{
    background-color: transparent;
    color: #666666;
    font-size: 10px;
    padding-top: 8px;
}

.bottomlinkheading
{
    color: #333333 !important;
    font-size: 12px;
    font-weight: bold;
}

.bottomlinkmenuul > li
{
    margin: 0px;
    cursor: pointer;
    color: Inherit;
    text-decoration: none;
}

.bottomlinkmenuul > li > a
{
    text-decoration: none;
    color: inherit;
}

.bottomlinkmenuul > li > a:hover
{
    text-decoration: underline;
}

.bottomlinksubmenuul
{
    position: absolute;
    z-index: 999;
    white-space: normal;
}

.bottomlinkheading
{
    font-weight: bold;
}

/* ************************************************************************************ */
/* CSS settings for Right Menu                                                          */
/* ************************************************************************************ */
#menurighttd
{
    white-space: nowrap;
    width: 120px;
    vertical-align: top;
}

.menurightcolumn
{
    background-color: transparent;
    vertical-align: top;
    width: 200px;
}

/* ************************************************************************************ */
/* CSS settings for Right Menu - Standard                                               */
/* ************************************************************************************ */
.menurightstddiv
{
    width: 120px;
}

.rightstdmenuul, .rightstdsubmenuul
{
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0;
    line-height: 1em;
}

.rightstdmenuul
{
    position: relative;
    z-index: 998;
}

.rightstdmenuul > li
{
    margin: 0px;
    cursor: pointer;
    color: Inherit;
    text-decoration: none;
}

.rightstdsubmenuul > li
{
    padding-top: 7px;
}

.rightstdmenuul > li > a
{
    padding-left: 10px;
    padding-right: 10px;
    line-height: 3em;
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
}

.rightstdmenuul > li > a:hover
{
    text-decoration: underline;
}

.rightstdsubmenuul
{
    visibility: hidden;
    position: absolute;
    z-index: 999;
    background-color: Transparent;
}

.rightstdsubmenuul li
{
    white-space: nowrap;
    cursor: pointer;
    color: Black;
    background-color: transparent;
}

.rightstdsubmenuul li a
{
    color: inherit;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 2em;
    background-color: transparent;
    text-decoration: none;
}

.rightstdsubmenuul li a:hover
{
    text-decoration: underline;
}

/* ************************************************************************************ */
/* CSS settings for Right Menu - Link                                                   */
/* ************************************************************************************ */
.menurightlinkdiv
{
    width: 120px;
}

.rightlinkmenuul
{
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0;
    line-height: 1em;
    padding-bottom: 10px;
}

.rightlinkmenuul
{
    position: relative;
    z-index: 998;
}

.rightlinkmenuul > li
{
    margin: 0px;
    cursor: pointer;
    color: Inherit;
    text-decoration: none;
}

.rightlinkmenuul > li > a
{
    text-decoration: none;
    color: inherit;
}

.rightlinkmenuul > li > a:hover
{
    text-decoration: underline;
}

.rightlinksubmenuul
{
    position: absolute;
    z-index: 999;
    white-space: normal;
}

.rightlinkheading
{
    font-weight: bold;
}

/* ************************************************************************************ */
/* CSS settings for Right Menu - Accordion                                              */
/* ************************************************************************************ */
.menurightaccordiondiv
{
    width: 200px;
    color: White;
}

.rightaccordionmenuul, .rightaccordionsubmenuul
{
    /* Clear the list style */
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0;
    line-height: 1em;
    color: inherit;
}

.rightaccordionmenuul
{
    position: relative;
    z-index: 998;
}

.rightaccordionmenuul > li
{
    margin: 0px;
    cursor: pointer;
    color: Inherit;
    text-decoration: none;
}

.rightaccordionmenuul > li > a
{
    padding-left: 10px;
    line-height: 3em;
    text-decoration: none;
    color: inherit;
}

.rightaccordionmenuul > li > a:hover
{
    text-decoration: underline;
}

.rightaccordionsubmenuul
{
    display: none;
    z-index: 999;
    background-color: Transparent;
}

.rightaccordionsubmenuul li
{
    white-space: nowrap;
    cursor: pointer;
    padding-left: 5px;
}

.rightaccordionsubmenuul li a
{
    color: inherit;
    padding-left: 10px;
    line-height: 2em;
    text-decoration: none;
}

.rightaccordionsubmenuul li a:hover
{
    text-decoration: underline;
}

/* Add a right-hand end graphic for branching menu nodes */
/* Images from http://www.brandspankingnew.net -Creative Commons Attribution-ShareAlike 2.5 licence*/
.rightaccordionbranch > a
{
    background-image: url('/Bongo/assets/gif/arrow_expand10x10.gif');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 16px;
}

.rightaccordionbranch .accordionopen > a
{
    background-image: url('/Bongo/assets/gif/arrow_collapse10x10.gif') !important;
}

/* ************************************************************************************ */
/* Change Log  - #SHOPWINDOW#                                                           */
/*                                                                                      */
/* 01-02-2012  - Richard Chapman - Deltasoft - Added                                    */
/* ************************************************************************************ */

/* ************************************************************************************ */
/* CSS settings for Shop Window Item Template                                           */
/* ************************************************************************************ */
#wrap1 #inner .chunk .shopwindowslider
{
    width: 100%;
    height: 260px;
    line-height: normal;
}

#wrap1 #inner .chunk .shopwindowviewerwrapper
{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%;
}

#wrap1 #inner .chunk .shopwindowviewerbody
{
    width: 100%;
    white-space: nowrap;
}

#wrap1 #inner .chunk .shopwindowtabviewerlist
{
    position: absolute;
    border-collapse: collapse;
}

#wrap1 #inner .chunk .shopwindowviewerimages
{
    width: 100000px;
}

#wrap1 #inner .chunk .shopwindowviewerbody ul
{
    /* Clear the list style */
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0;
    line-height: 0;
}

#wrap1 #inner .chunk .shopwindowviewerbody ul li
{
    margin: 0px;
    display: inline;
}

#wrap1 #inner .chunk .shopwindowviewerbody ul li img
{
    display: inline;
    padding: 0;
    margin: 0;
}

#wrap1 #inner .chunk .shopwindowleftarrow
{
    background-image: url("/Bongo/assets/gif/leftarrowgrey24x24.gif");
    background-position: left center;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    width: 24px;
    height: 100%;
    position: absolute;
}

#wrap1 #inner .chunk .shopwindowrightarrow
{
    background-image: url("/Bongo/assets/gif/rightarrowgrey24x24.gif");
    background-position: left center;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    width: 24px;
    height: 100%;
    position: absolute;
}

#wrap1 #innertab #inner .shopwindowitemwrapperdiv
{
    margin-left: 4px;
    display: inline-table;
}

#wrap1 #inner .shopwindowitemtab
{
    min-height: 250px;
    max-height: 250px;
    height: 250px;
    border: solid 1px silver;
    width: 240px;
}

#wrap1 #inner .chunk .shopwindowitemtd
{
    text-align: center;
    white-space: normal;
}

#wrap1 #inner .chunk .shopwindowitemtitletd a
{
    cursor: pointer;
    text-decoration: none;
    color: Blue;
    white-space: normal;
}

#wrap1 #inner .chunk .shopwindowitemtitletd a:hover
{
    color: Blue;
}

#wrap1 #inner .chunk .shopwindowitemtitletd a:visited
{
    color: Purple;
}

#inner .shopwindowitemaddmoretd
{
    height: 25px;
}

#inner .shopwindowaddmoregapspn
{
    width: 5px;
}

#wrap1 #inner .chunk .shopwindowmoreinfospn a, #wrap1 #inner .chunk .shopwindowaddtobasketspn a
{
    background-color: #666666;
    color: White;
    cursor: pointer;
    padding: 5px;
    text-decoration: none;
}

#inner .shopwindowitemfoldertitletd
{
    background-image: url("/Bongo/assets/png/black_arrow_bottom.png");
    background-position: center 8px;
    background-repeat: no-repeat;
    background-size: 266px 74px;
    height: 75px;
    padding-top: 10px;
}

#inner .shopwindowitemfoldertitletd a
{
    color: White;
}

#wrap1 #inner .chunk .shopwindowitemimagetd img
{
    padding: 0px;
}

/* ************************************************************************************ */
/* CSS settings for SHOPWINDOW Slider Caption                                           */
/* ************************************************************************************ */
#wrap1 #innertab #inner .chunk .shopwindowcaption
{
    background-color: #666666;
    text-align: center;
    margin-left: 4px;
    color: White;
    line-height: 1.5em;
}

#wrap1 #innertab #inner .chunk .shopwindowslider[swmaxcols="0"] .shopwindowcaption
{
    margin: 0 4px;
}

/* ************************************************************************************ */
/* CSS settings for SHOPWINDOW Grid Caption                                             */
/* ************************************************************************************ */
#wrap1 #innertab #inner .chunk .shopwindowgrid .shopwindowcaption
{
    background-color: #666666;
    color: White;
    line-height: 1.5em;
    display: block;
}


/* ************************************************************************************ */
/* CSS Changes                                                                          */
/* ************************************************************************************ */

/* Give the <UL>'s a padding again - default Bongo resets them */
#ecommercedetailtemplate ul
{
    padding-left: 15px;
}

/* Set width of detail table in percentages to handle changing menus better */
#ecommercedetailtemplate
{
    table-layout: fixed;
}

.shopitemimagerytd
{
    width: 50%;
}

.shopitemdetailstd
{
    width: 50%;
}

#ecommercedetailtemplate .shopitemimagerytd > table
{
    table-layout: fixed;
}


#shopitemthumbnailblocktd
{
    width: 21%;
    height: auto;
}

#shopitemoriginaltd
{
    width: 78%;
    height: auto;
}

#shopitemoriginalimagetd
{
    width: 360px;
}

#inner.has-left-menu #shopitemoriginalimagetd
{
    width: 290px;
}

#shopitemthumbnailblockdiv
{
    height: auto;
}

#shopitemtopinfodiv
{
    min-height: 405px;
}

#inner.has-left-menu #shopitemtopinfodiv
{
    min-height: 335px;
}

#inner.has-left-menu #shopiteminfodiv
{
    height: 145px;
}

#inner.has-left-menu .viewerwrapper
{
	width:100%;
}

/* Resize Facebook comment size to fit */
.fb-comments, .fb_iframe_widget iframe
{
    width: 450px !important;
}

#inner.has-left-menu .fb-comments, #inner.has-left-menu .fb_iframe_widget iframe
{
	width:350px !Important;
}

#shopitemtab3infodiv
{
    overflow: hidden;
}

.leftaccordionbranch
{
    background-color: inherit;
}

/* Clean-up the shop item option dropdowns */
.optiontable
{
    width: 100%;
    border-style: none;
    background-color: #EBEBEB;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 20px;
    padding: 10px;    
}

.optiontable p, .optiontable br
{
    display: none;
}

.opteven
{
    background-color: inherit;
}

/* ************************************************************************************ */
/* CSS settings for Follow Us Div                                                       */
/* ************************************************************************************ */
.followus
{
    display: block; /* block- to display, none - to hide */
    position: absolute;
}

#followusinner ul li.display-none
{
    display: none;
}

#followusinner ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#followusinner ul li
{
    display: inline; /* Inline - for horizontal display, Block - for vertical display */
}

#followusinner img
{
    width: 32px;
}

/* ************************************************************************************ */
/* CSS settings for Share Us Div                                                        */
/* ************************************************************************************ */
.shareus
{
    display: block; /* block- to display, none - to hide */
    position: absolute;
    left: -66px;
    top: 0px;
    z-index:0;
}

#shareusfacebooktd > div
{
    margin-left: 9px;
}

#shareuspinteresttd > div
{
    margin-left: 10px;
}

#shareusgoogleplustd > div
{
    margin-left: 7px !important;
}

/* ************************************************************************************ */
/* CSS settings for Cookies Implied Consent Div                                         */
/* ************************************************************************************ */
.cookies
{
    display: none;
    position: fixed;
    width:100%;
    text-align:center;
    z-index:0;
    line-height:2.5em;
    background-color:#333333;
    color: #666666;
    top: 0px;           /* Always top of view screen */
    /*bottom:0px;         /* Always bottom of view screen */
}

#aboutcookieslink
{
    color: White;
}

#cookiesinner img
{
    padding-left:10px;
    vertical-align:text-bottom;
}

#designteclink
{
    color: #666666; 
}