/*** ESSENTIAL STYLES ***/
.GSDC1-menu, .GSDC1-menu * {   margin:0;   padding:0;   list-style:none;}
.GSDC1-menu {   margin:50px 0 0 30px; /* top right bottom left */   line-height:1.0;}
.GSDC1-menu ul {   position:absolute;   top:-999em;   width:160px; /* submenu item width - offest below must match */}
.GSDC1-menu li {   width:160px; /* Default to 'auto'. If specified, the submenu item width and offset must match */}
.GSDC1-menu li a {   text-align:center;}
.GSDC1-menu li li a {   text-align:center;}
.GSDC1-menu ul li {   width:100%;}
.GSDC1-menu li ul  {   display:none;}
.GSDC1-menu li:hover ul  {   display:block;}
.GSDC1-menu li li ul  {   display:none;}
.GSDC1-menu li:hover li:hover ul  {   display:block;}
.GSDC1-menu li:hover {   visibility:inherit; /* fixes IE7 'sticky bug' */}
.GSDC1-menu li {   float:left;   position:relative;}
.GSDC1-menu a {   display:block;   position:relative;}
.GSDC1-menu li:hover ul,.GSDC1-menu li.sfHover ul {   left:0;   top:32px; /* match top ul list item height */   z-index:2;}
ul.GSDC1-menu li:hover li ul,ul.GSDC1-menu li.sfHover li ul {   top:-999em;}
ul.GSDC1-menu li li:hover ul,ul.GSDC1-menu li li.sfHover ul {   left:160px; /* submenu offest - must match ul width above */   top:0;}
ul.GSDC1-menu li li:hover li ul,ul.GSDC1-menu li li.sfHover li ul {   top:-999em;}
ul.GSDC1-menu li li li:hover ul,ul.GSDC1-menu li li li.sfHover ul {   left:160px; /* submenu offest - must match ul width above */   top:0;}/*** DEMO SKIN ***/.GSDC1-menu {   float:left;   margin-bottom:1em; font-family:Calibri;    font-size:12px;         font-weight:bold;   /* bold or normal */        font-style:normal; /* italic or normal */}.GSDC1-menu a {   border-right:1px solid #FFFFFF;   border-top:1px solid #FFFFFF;   border-bottom:1px solid #FFFFFF;   padding:10px 15px;   text-decoration:none;}.GSDC1-menu li.first a {     border-left:1px solid #FFFFFF;    }.GSDC1-menu a, .GSDC1-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/   color:#FFFFFF;}.GSDC1-menu a:hover, .GSDC1-menu a:active  { /* visited pseudo selector so IE6 applies text colour*/   color:#000000;}.GSDC1-menu li li a {     border:1px solid #FFFFFF; border-top-width:0;     }.GSDC1-menu li li li.first a {     border:1px solid #FFFFFF;     }.GSDC1-menu li {   background:#0000FF;}.GSDC1-menu li li {   background:#0000FF;}.GSDC1-menu li li li {   background:#0000FF;}.GSDC1-menu li:hover, .GSDC1-menu li.sfHover,.GSDC1-menu a:focus, .GSDC1-menu a:hover, .GSDC1-menu a:active {   background:#3366FF;   outline:0;}.GSDC1-menu li li a, .GSDC1-menu li li a:visited {     color:#FFFFFF;}.GSDC1-menu li li a:hover, .GSDC1-menu li li a:active, .GSDC1-menu li li a:focus {   color: #000000;} /*** arrows **/.GSDC1-menu a.sf-with-ul {   padding-right:2.25em;   min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}.sf-sub-indicator {   position:absolute;   display:block;   right:.75em;   top:1.05em; /* IE6 only */   width:10px;   height:10px;   text-indent:-999em;   overflow:hidden;   background:url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}a > .sf-sub-indicator {  /* give all except IE6 the correct values */   top:.8em;   background-position: 0 -100px; /* use translucent arrow for modern browsers*/}/* apply hovers to modern browsers */a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator {   background-position:-10px -100px; /* arrow hovers for modern browsers*/}/* point right for anchors in subs */.GSDC1-menu ul .sf-sub-indicator { background-position:-10px 0; }.GSDC1-menu ul a > .sf-sub-indicator { background-position:0 0; }/* apply hovers to modern browsers */.GSDC1-menu ul a:focus > .sf-sub-indicator,.GSDC1-menu ul a:hover > .sf-sub-indicator,.GSDC1-menu ul a:active > .sf-sub-indicator,.GSDC1-menu ul li:hover > a > .sf-sub-indicator,.GSDC1-menu ul li.sfHover > a > .sf-sub-indicator {   background-position:-10px 0; /* arrow hovers for modern browsers*/}/*** shadows for all but IE6 ***/.sf-shadow ul {   background:url('../images/shadow.png') no-repeat bottom right;   padding:0 8px 9px 0;   -moz-border-radius-bottomleft:17px;   -moz-border-radius-topright:17px;   -webkit-border-top-right-radius:17px;   -webkit-border-bottom-left-radius:17px;}.sf-shadow ul.sf-shadow-off {   background:transparent;}
