.roxMobile, .roxMobile ul               { list-style: none outside none; margin: 0; }
.roxMobile ul                           { margin-top: 4px; padding: 0; }
.roxMobile .tapBox                      { position: relative; font-size: 20px; }
.roxMobile .tapBox:before               { border-top: 1px solid #1f1f1f; content: "\e0d2"; cursor: pointer; font-family: icomoon; font-size: 24px; font-style: normal; font-weight: normal; height: 38px; line-height: 48px; right: 0; padding-bottom: 5px; position: absolute; text-align: center; text-decoration: inherit; top: 0; width: 40px; }
.roxMobile .expandable-tapBox:before    { border-top: 1px solid #1f1f1f; color: #777; content: "\e0d2"; cursor: pointer; font-family: icomoon; font-size: 24px; font-style: normal; font-weight: normal; height: 38px; line-height: 48px; right: 0; padding-bottom: 5px; position: absolute; text-align: center; text-decoration: inherit; top: 0; width: 40px; }
.roxMobile .breadcrumb                  { background-color: transparent; border-radius: 0 0 0 0; }
/* fix for IE6 */
* html .tapBox                          { display: inline; float: none; }
.roxMobile li:first-child               { border-top: medium none }
.roxMobile li li:last-child             { border-bottom: none }
.roxMobile li                           { font-size: 12px; line-height: 50px; margin: 0; padding: 0; }
.roxMobile li a:hover                   { color: #FFFFFF }
.roxMobile li li                        { margin-left: 15px }
.roxMobile li a                         { border-bottom: 1px dotted rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); display: block; margin: 0; padding: 0; text-transform: uppercase; }
.roxMobile li li a                      { text-transform: none }
.roxMobile a.selected                   { background-color: transparent; color: #F7F7F7; }
#treecontrol                            { margin: 1em 0; display: none; }
.roxMobile .hover                       { cursor: pointer }
.roxMobile li                           { /*background: url(roxMobile-default-line.gif) 0 0 no-repeat;*/  }
.roxMobile li.collapsable, .roxMobile li.expandable
                                        { background-position: 0 -176px }
.roxMobile .expandable-tapBox           { position: relative }
.roxMobile li.last                      { background-position: 0 -1766px }
.roxMobile li.lastCollapsable, .roxMobile li.lastExpandable
                                        { /* background-image: url(roxMobile-default.gif);*/  }
.roxMobile li.lastCollapsable           { background-position: 0 -111px }
.roxMobile li.lastExpandable            { background-position: -32px -67px }
.roxMobile div.lastCollapsable-tapBox, .roxMobile div.lastExpandable-tapBox
                                        { background-position: 0 }
.roxMobile-red li                       { /* background-image: url(roxMobile-red-line.gif);*/  }
.roxMobile-red .tapBox, .roxMobile-red li.lastCollapsable, .roxMobile-red li.lastExpandable
                                        { /*background-image: url(roxMobile-red.gif);*/  }
.roxMobile-black li                     { /*background-image: url(roxMobile-black-line.gif);*/  }
.roxMobile-black .tapBox, .roxMobile-black li.lastCollapsable, .roxMobile-black li.lastExpandable
                                        { /*background-image: url(roxMobile-black.gif); */ }
.roxMobile-gray li                      { /*background-image: url(roxMobile-gray-line.gif);*/  }
.roxMobile-gray .tapBox, .roxMobile-gray li.lastCollapsable, .roxMobile-gray li.lastExpandable
                                        { /* background-image: url(roxMobile-gray.gif);*/  }
.roxMobile-famfamfam li                 { /*background-image: url(roxMobile-famfamfam-line.gif);*/  }
.roxMobile-famfamfam .tapBox, .roxMobile-famfamfam li.lastCollapsable, .roxMobile-famfamfam li.lastExpandable
                                        { /* background-image: url(roxMobile-famfamfam.gif); */ }
.roxMobile .placeholder                 { background: url(ajax-loader.gif) 0 0 no-repeat; height: 16px; width: 16px; display: block; }
.roxFile li                             { color: #F2F2F2 }
.roxFile span.folder, .roxFile span.file
                                        { padding: 1px 0 1px 16px; display: block; }
.roxFile span.folder                    { background: url(folder.gif) 0 0 no-repeat }
.roxFile li.expandable span.folder      { background: url(folder-closed.gif) 0 0 no-repeat }
.roxFile span.file                      { background: url(file.gif) 0 0 no-repeat }
/************************************************************************************
MOBILE MENU
*************************************************************************************/
#mobile-nav        { display: none; /* hide mobile menu initially */ }
@media only screen and (min-width: 1001px)                             { 
	/* CSS Document */
	/* ensure #nav is visible on desktop version */
	.sf-menu       { display: block !important }
	#mobile-nav    { display: none !important; /* hide mobile menu initially */ }
}
@media screen and (max-width: 1000px)                             { 
	/* nav-wrap */
	#Nav-Bar       { display: none !important }
	/* menu icon */
	#menu-icon img { height: 20px !important; width: 31px !important; }
	#menu-icon     { cursor: pointer; display: inline-block; margin-right: 13px; position: absolute; right: 6%; top: 40px; height: 20px !important; width: 31px !important; }
    nav            { height: 98px; padding-top: 28px !important;  z-index: 998; }
}
@media screen and (max-width: 788px)                             { 
	#menu-icon     { right: 4% }
}