I want to upgrade my site to be mobile optimized, but the switch theme capability won't let me.

Avatar
Ryan Miller
Follow

In some sites, the switch theme capability has been disabled. Without the ability to "switch themes" you'll need to copy and paste the responsive css code into the theme editor of your site. Adding this code to your theme editor will update your site and make it mobile optimized for any device that visits your site. 

In order to find the correct css code for your theme, use the table below to find your site's active theme in the left-hand column and copy the code displayed in the right-hand column. Use the Quick Links to easily jump down the page to your theme's group. 

After you have copied your theme's code follow the steps in this article to paste it into the Responsive box in the Advanced CSS section of the Theme Editor.

Quick Links

Avid Themes

Canasta Themes

Ceja Themes

Essence Themes

Forte Themes

Geary Themes

Granelle Themes

Lifestyle Themes

Manhattan Themes

Modern Times Themes

Primary Themes

Sensei Themes

Smoove Themes

Tally Themes

 

Theme Name Responsive CSS Code

Avid - Bauer

avid_bauer.jpg

 @media screen and (max-width: 1026px){
#container #below_page_body_inner,
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .module ul.hnav li a.first-gen {
margin-right: 10px;
}
#container .module .hnav {
background-image:-moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px);
background-image:-webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px);
background-image:repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px);
background-position: 0 0;
}
#container .menu-container {
}
#container .section .splash-image {
margin-top:10px;
}
}
@media screen and (max-width:640px) {
#container .module .hnav {
float: none;
}
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
border:none;
}
#container .module ul.hnav li,
#container .module ul.hnav li a.first-gen {
background-image:none;
}
.module ul.hnav ul {
background-color:transparent !important;
}
#container .hnav {
height: 51px;
}
#container .module .menu-container {
background-image:none;
}
}

Avid - Chesterfield

avid_chesterfield.jpg

 @media screen and (max-width: 1026px){
#container #below_page_body_inner,
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .module ul.hnav li a.first-gen {
margin-right: 10px;
}
#container .module .hnav {
background-image:-moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px);
background-image:-webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px);
background-image:repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px);
background-position: 0 0;
}
#container .menu-container {
}
#container .section .splash-image {
margin-top:10px;
}
}
@media screen and (max-width:640px) {
#container .module .hnav {
float: none;
}
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
border:none;
}
#container .module ul.hnav li,
#container .module ul.hnav li a.first-gen {
background-image:none;
}
.module ul.hnav ul {
background-color:transparent !important;
}
#container .hnav {
height: 51px;
}
#container .module .menu-container {
background-image:none;
}
}

Avid - Jump

thumb250_1_.jpg

 @media screen and (max-width: 1026px){
#container #below_page_body_inner,
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .module ul.hnav li a.first-gen {
margin-right: 10px;
}
#container .module .hnav {
background-image:-moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px);
background-image:-webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px);
background-image:repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px);
background-position: 0 0;
}
#container .menu-container {
}
#container .section .splash-image {
margin-top:10px;
}
}
@media screen and (max-width:640px) {
#container .module .hnav {
float: none;
}
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
border:none;
}
#container .module ul.hnav li,
#container .module ul.hnav li a.first-gen {
background-image:none;
}
.module ul.hnav ul {
background-color:transparent !important;
}
#container .hnav {
height: 51px;
}
#container .module .menu-container {
background-image:none;
}
}

Avid - Walden

avid_walden.jpg

 @media screen and (max-width: 1026px){
#container #below_page_body_inner,
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .module ul.hnav li a.first-gen {
margin-right: 10px;
}
#container .module .hnav {
background-image:-moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px);
background-image:-webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px);
background-image:repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 53px, rgba(0, 0, 0, 0.1) 54px, rgba(0, 0, 0, 0.1) 55px);
background-position: 0 0;
}
#container .menu-container {
}
#container .section .splash-image {
margin-top:10px;
}
}
@media screen and (max-width:640px) {
#container .module .hnav {
float: none;
}
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
border:none;
}
#container .module ul.hnav li,
#container .module ul.hnav li a.first-gen {
background-image:none;
}
.module ul.hnav ul {
background-color:transparent !important;
}
#container .hnav {
height: 51px;
}
#container .module .menu-container {
background-image:none;
}
} 

Canasta - Lavanderia

canasta_lavanderia.jpg

  @media screen and (max-width: 1026px) {
#above_page_inner {
margin-right:20px;
margin-left:20px;
width:auto;
}
#container .module ul.hnav li {
border-left:transparent;
border-right:transparent;
}
}
@media screen and (max-width: 640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
.module ul.hnav li a.first-gen{
padding-bottom:17px;
padding-right:10px !important;
padding-top:12px;
padding-left:1em !important;
}
}

Canasta - Rosa

canasta_rosa.jpg

  @media screen and (max-width: 1026px) {
#above_page_inner {
margin-right:20px;
margin-left:20px;
width:auto;
}
#container .module ul.hnav li {
border-left:transparent;
border-right:transparent;
}
}
@media screen and (max-width: 640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
.module ul.hnav li a.first-gen{
padding-bottom:17px;
padding-right:10px !important;
padding-top:12px;
padding-left:1em !important;
}
}

Canasta - Sage

canasta_sage.jpg

  @media screen and (max-width: 1026px) {
#above_page_inner {
margin-right:20px;
margin-left:20px;
width:auto;
}
#container .module ul.hnav li {
border-left:transparent;
border-right:transparent;
}
}
@media screen and (max-width: 640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
.module ul.hnav li a.first-gen{
padding-bottom:17px;
padding-right:10px !important;
padding-top:12px;
padding-left:1em !important;
}
}

Canasta - Sloop

canasta_sloop.jpg

  @media screen and (max-width: 1026px) {
#above_page_inner {
margin-right:20px;
margin-left:20px;
width:auto;
}
#container .module ul.hnav li {
border-left:transparent;
border-right:transparent;
}
}
@media screen and (max-width: 640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
.module ul.hnav li a.first-gen{
padding-bottom:17px;
padding-right:10px !important;
padding-top:12px;
padding-left:1em !important;
}
}

Ceja - Brooklyn

ceja_brooklyn.jpg

  @media screen and (max-width:1026px) {
#container .menu-container {
margin-left: -20px;
margin-right: -20px;
border-bottom:none;
}
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .module ul.hnav li {
border-right-style: none;
}
#container .module ul.hnav ul {
left: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
.module ul.hnav li a.first-gen {
padding:10px 10px 10px 1em !important;
}
}

Ceja - Cocina

ceja_cocina.jpg

  @media screen and (max-width:1026px) {
#container .menu-container {
margin-left: -20px;
margin-right: -20px;
border-bottom:none;
}
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .module ul.hnav li {
border-right-style: none;
}
#container .module ul.hnav ul {
left: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
.module ul.hnav li a.first-gen {
padding:10px 10px 10px 1em !important;
}
}

Ceja - Techo

ceja_techo.jpg

  @media screen and (max-width:1026px) {
#container .menu-container {
margin-left: -20px;
margin-right: -20px;
border-bottom:none;
}
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .module ul.hnav li {
border-right-style: none;
}
#container .module ul.hnav ul {
left: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
.module ul.hnav li a.first-gen {
padding:10px 10px 10px 1em !important;
}
}

Ceja - Winger

ceja_winger.jpg

  @media screen and (max-width:1026px) {
#container .menu-container {
margin-left: -20px;
margin-right: -20px;
border-bottom:none;
}
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .module ul.hnav li {
border-right-style: none;
}
#container .module ul.hnav ul {
left: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
.module ul.hnav li a.first-gen {
padding:10px 10px 10px 1em !important;
}
}

Essence - Fresco

essence_fresco.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_body_inner {
padding-left: 20px;
padding-right: 20px;
}
#container .menu-container {
margin-left:-20px;
margin-right:-20px;
}
#container #page_body_content_inner {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (max-width:1026px) {
#container #below_page_inner,
#container #page_body_footer_inner {
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .section .menu-container {
margin-bottom: 0px;
}
.module ul.hnav li a#menu-link {
padding:10px 10px 10px 1em !important;
}
}

Essence - Ribbon

essence_ribbon.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_body_inner {
padding-left: 20px;
padding-right: 20px;
}
#container .menu-container {
margin-left:-20px;
margin-right:-20px;
}
#container #page_body_content_inner {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (max-width:1026px) {
#container #below_page_inner,
#container #page_body_footer_inner {
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .section .menu-container {
margin-bottom: 0px;
}
.module ul.hnav li a#menu-link {
padding:10px 10px 10px 1em !important;
}
}

Essence - Slater

essence_slater.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_body_inner {
padding-left: 20px;
padding-right: 20px;
}
#container .menu-container {
margin-left:-20px;
margin-right:-20px;
}
#container #page_body_content_inner {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (max-width:1026px) {
#container #below_page_inner,
#container #page_body_footer_inner {
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .section .menu-container {
margin-bottom: 0px;
}
.module ul.hnav li a#menu-link {
padding:10px 10px 10px 1em !important;
}
}

Forte - Dalmation

forte_dalmation.jpg

  @media screen and (max-width: 1026px) {
#container #page_body_content_inner,
#container #below_page_body_inner {
padding-left: 20px;
padding-right: 20px;
}
#container .menu-container {
padding-bottom: 1px;
}
#header {
padding: 0 !important;
}
#header_body {
padding: 0 20px !important;
}
}
@media screen and (max-width: 640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
}

Forte - Hunter

forte_hunter.jpg

  @media screen and (max-width: 1026px) {
#container #page_body_content_inner,
#container #below_page_body_inner {
padding-left: 20px;
padding-right: 20px;
}
#container .menu-container {
padding-bottom: 1px;
}
#header {
padding: 0 !important;
}
#header_body {
padding: 0 20px !important;
}
}
@media screen and (max-width: 640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
}

Forte - Paprika

forte_paprika.jpg

  @media screen and (max-width: 1026px) {
#container #page_body_content_inner,
#container #below_page_body_inner {
padding-left: 20px;
padding-right: 20px;
}
#container .menu-container {
padding-bottom: 1px;
}
#header {
padding: 0 !important;
}
#header_body {
padding: 0 20px !important;
}
}
@media screen and (max-width: 640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
}

Forte - Paradise

forte_paradise.jpg

  @media screen and (max-width: 1026px) {
#container #page_body_content_inner,
#container #below_page_body_inner {
padding-left: 20px;
padding-right: 20px;
}
#container .menu-container {
padding-bottom: 1px;
}
#header {
padding: 0 !important;
}
#header_body {
padding: 0 20px !important;
}
}
@media screen and (max-width: 640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
}

Geary - Baby Blue

geary_baby_blue.jpg

  @media screen and (max-width: 1026px){
#container #header {
background-image:
linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px);
background-position: 0 0;
}
.splash_img img {
display:block;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .horizontal_nav {
float: none;
margin-right:-20px;
margin-left:-20px;
}
.module ul.hnav li a.first-gen {
padding:10px 10px 10px 1em !important;
}
.module ul.hnav li {
margin-right:0px !important;
}
.module ul.hnav li a.first-gen {
padding-right:10px !important;
}
}

Geary - Boutonniere

geary_boutonniere.jpg

  @media screen and (max-width: 1026px){
#container #header {
background-image:
linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px);
background-position: 0 0;
}
.splash_img img {
display:block;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .horizontal_nav {
float: none;
margin-right:-20px;
margin-left:-20px;
}
.module ul.hnav li a.first-gen {
padding:10px 10px 10px 1em !important;
}
.module ul.hnav li {
margin-right:0px !important;
}
.module ul.hnav li a.first-gen {
padding-right:10px !important;
}
}

Geary - Bullet

geary_bullet.jpg

  @media screen and (max-width: 1026px){
#container #header {
background-image:
linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px);
background-position: 0 0;
}
.splash_img img {
display:block;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .horizontal_nav {
float: none;
margin-right:-20px;
margin-left:-20px;
}
.module ul.hnav li a.first-gen {
padding:10px 10px 10px 1em !important;
}
.module ul.hnav li {
margin-right:0px !important;
}
.module ul.hnav li a.first-gen {
padding-right:10px !important;
}
}

Geary - Denver

geary_denver.jpg

  @media screen and (max-width: 1026px){
#container #header {
background-image:
linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px);
background-position: 0 0;
}
.splash_img img {
display:block;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .horizontal_nav {
float: none;
margin-right:-20px;
margin-left:-20px;
}
.module ul.hnav li a.first-gen {
padding:10px 10px 10px 1em !important;
}
.module ul.hnav li {
margin-right:0px !important;
}
.module ul.hnav li a.first-gen {
padding-right:10px !important;
}
}

Geary - First Aid

geary_first_aid.jpg

  @media screen and (max-width: 1026px){
#container #header {
background-image:
linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px);
background-position: 0 0;
}
.splash_img img {
display:block;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .horizontal_nav {
float: none;
margin-right:-20px;
margin-left:-20px;
}
.module ul.hnav li a.first-gen {
padding:10px 10px 10px 1em !important;
}
.module ul.hnav li {
margin-right:0px !important;
}
.module ul.hnav li a.first-gen {
padding-right:10px !important;
}
}

Geary - Lavender

geary_lavender.jpg

  @media screen and (max-width: 1026px){
#container #header {
background-image:
linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px);
background-position: 0 0;
}
.splash_img img {
display:block;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .horizontal_nav {
float: none;
margin-right:-20px;
margin-left:-20px;
}
.module ul.hnav li a.first-gen {
padding:10px 10px 10px 1em !important;
}
.module ul.hnav li {
margin-right:0px !important;
}
.module ul.hnav li a.first-gen {
padding-right:10px !important;
}
}

Geary - Lite

geary_lite.jpg

  @media screen and (max-width: 1026px){
#container #header {
background-image:
linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px);
background-position: 0 0;
}
.splash_img img {
display:block;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .horizontal_nav {
float: none;
margin-right:-20px;
margin-left:-20px;
}
.module ul.hnav li a.first-gen {
padding:10px 10px 10px 1em !important;
}
.module ul.hnav li {
margin-right:0px !important;
}
.module ul.hnav li a.first-gen {
padding-right:10px !important;
}
}

Geary - Poolside

geary_poolside.jpg

  @media screen and (max-width: 1026px){
#container #header {
background-image:
linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px);
background-position: 0 0;
}
.splash_img img {
display:block;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .horizontal_nav {
float: none;
margin-right:-20px;
margin-left:-20px;
}
.module ul.hnav li a.first-gen {
padding:10px 10px 10px 1em !important;
}
.module ul.hnav li {
margin-right:0px !important;
}
.module ul.hnav li a.first-gen {
padding-right:10px !important;
}
}

Geary - Primavera

geary_primavera.jpg

  @media screen and (max-width: 1026px){
#container #header {
background-image:
linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px);
background-position: 0 0;
}
.splash_img img {
display:block;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .horizontal_nav {
float: none;
margin-right:-20px;
margin-left:-20px;
}
.module ul.hnav li a.first-gen {
padding:10px 10px 10px 1em !important;
}
.module ul.hnav li {
margin-right:0px !important;
}
.module ul.hnav li a.first-gen {
padding-right:10px !important;
}
}

Geary - Scout

geary_scout.jpg

  @media screen and (max-width: 1026px){
#container #header {
background-image:
linear-gradient(to bottom, rgba(255, 255, 220, 0.55) -100px, rgba(255, 255, 220, 0.55) -90px, rgba(255, 255, 255, 0) 98px);
background-position: 0 0;
}
.splash_img img {
display:block;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .horizontal_nav {
float: none;
margin-right:-20px;
margin-left:-20px;
}
.module ul.hnav li a.first-gen {
padding:10px 10px 10px 1em !important;
}
.module ul.hnav li {
margin-right:0px !important;
}
.module ul.hnav li a.first-gen {
padding-right:10px !important;
}
}

Granelle - Asphalt

granelle_asphalt.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container .menu-container {
background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-position: 0 0;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Granelle - Caramel

granelle_caramel.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container .menu-container {
background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-position: 0 0;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Granelle - Carbon

granelle_carbon.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container .menu-container {
background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-position: 0 0;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Granelle - Clean Cut

granelle_clean_cut.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container .menu-container {
background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-position: 0 0;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Granelle - Cool Blue

granelle_cool_blue.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container .menu-container {
background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-position: 0 0;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Granelle - Ivory

granelle_ivory.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container .menu-container {
background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-position: 0 0;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Granelle - Leaf

granelle_leaf.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container .menu-container {
background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-position: 0 0;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Granelle - Noir

granelle_noir.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container .menu-container {
background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-position: 0 0;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Granelle - Slate

granelle_slate.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container .menu-container {
background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-position: 0 0;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Granelle - Spice

granelle_spice.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container .menu-container {
background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0) 75%, transparent 50%, rgba(0, 0, 0, 0.08) 100%);
background-position: 0 0;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Lifestyle - Cedar

lifestyle_cedar.jpg

  

Lifestyle - Flor

lifestyle_flor.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Lifestyle - Graphite

lifestyle_graphite.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Lifestyle - Green Stem

lifestyle_green_stem.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Lifestyle - Latte

lifestyle_latte.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Lifestyle - Madman

lifestyle_madman.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Lifestyle - Ochre

lifestyle_ochre.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}
Lifestyle - Rose  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Lifestyle - Rafael

lifestyle_rafael.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Lifestyle - Zen

lifestyle_zen.jpg

  @media screen and (max-width: 1026px) {
#container #below_page_inner {
padding-left: 15px;
padding-right: 15px;
}
#container #header {
padding: 0;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Manhattan - Arcade

manhattan_arcade.jpg

  @media screen and (max-width: 1026px) {
#container .menu-container {
padding-bottom:0;
padding-top:0;
margin-left: -20px;
margin-right: -20px;
background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
}
.module ul.hnav li {
margin-bottom:7px;
margin-top:1px;
}
#container #page_body_inner {
width:auto;
}
#container #below_page_body_inner {
padding-left:20px;
padding-right:20px;
}
#container #page_body_content_inner {
padding-top: 8px;
}
}
@media screen and (max-width: 640px) {
#container .menu-container {
background-image:
-moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
background-image:
-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border: none;
padding-bottom:0;
padding-top:0;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module ul.hnav li.sfHover,
#container .module ul.hnav li:hover {
background:none;
}
}

Manhattan - Beach

manhattan_beach.jpg

  @media screen and (max-width: 1026px) {
#container .menu-container {
padding-bottom:0;
padding-top:0;
margin-left: -20px;
margin-right: -20px;
background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
}
.module ul.hnav li {
margin-bottom:7px;
margin-top:1px;
}
#container #page_body_inner {
width:auto;
}
#container #below_page_body_inner {
padding-left:20px;
padding-right:20px;
}
#container #page_body_content_inner {
padding-top: 8px;
}
}
@media screen and (max-width: 640px) {
#container .menu-container {
background-image:
-moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
background-image:
-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border: none;
padding-bottom:0;
padding-top:0;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module ul.hnav li.sfHover,
#container .module ul.hnav li:hover {
background:none;
}
}

Manhattan - Desk

manhattan_desk.jpg

  @media screen and (max-width: 1026px) {
#container .menu-container {
padding-bottom:0;
padding-top:0;
margin-left: -20px;
margin-right: -20px;
background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
}
.module ul.hnav li {
margin-bottom:7px;
margin-top:1px;
}
#container #page_body_inner {
width:auto;
}
#container #below_page_body_inner {
padding-left:20px;
padding-right:20px;
}
#container #page_body_content_inner {
padding-top: 8px;
}
}
@media screen and (max-width: 640px) {
#container .menu-container {
background-image:
-moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
background-image:
-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border: none;
padding-bottom:0;
padding-top:0;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module ul.hnav li.sfHover,
#container .module ul.hnav li:hover {
background:none;
}
}

Manhattan - Earl Grey

manhattan_earl_grey.jpg

  @media screen and (max-width: 1026px) {
#container .menu-container {
padding-bottom:0;
padding-top:0;
margin-left: -20px;
margin-right: -20px;
background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
}
.module ul.hnav li {
margin-bottom:7px;
margin-top:1px;
}
#container #page_body_inner {
width:auto;
}
#container #below_page_body_inner {
padding-left:20px;
padding-right:20px;
}
#container #page_body_content_inner {
padding-top: 8px;
}
}
@media screen and (max-width: 640px) {
#container .menu-container {
background-image:
-moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
background-image:
-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border: none;
padding-bottom:0;
padding-top:0;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module ul.hnav li.sfHover,
#container .module ul.hnav li:hover {
background:none;
}
}

Manhattan - Greystripe

manhattan_greystripe.jpg

  @media screen and (max-width: 1026px) {
#container .menu-container {
padding-bottom:0;
padding-top:0;
margin-left: -20px;
margin-right: -20px;
background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
}
.module ul.hnav li {
margin-bottom:7px;
margin-top:1px;
}
#container #page_body_inner {
width:auto;
}
#container #below_page_body_inner {
padding-left:20px;
padding-right:20px;
}
#container #page_body_content_inner {
padding-top: 8px;
}
}
@media screen and (max-width: 640px) {
#container .menu-container {
background-image:
-moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
background-image:
-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border: none;
padding-bottom:0;
padding-top:0;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module ul.hnav li.sfHover,
#container .module ul.hnav li:hover {
background:none;
}
}

Manhattan - High Class

manhattan_high_class.jpg

  @media screen and (max-width: 1026px) {
#container .menu-container {
padding-bottom:0;
padding-top:0;
margin-left: -20px;
margin-right: -20px;
background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
}
.module ul.hnav li {
margin-bottom:7px;
margin-top:1px;
}
#container #page_body_inner {
width:auto;
}
#container #below_page_body_inner {
padding-left:20px;
padding-right:20px;
}
#container #page_body_content_inner {
padding-top: 8px;
}
}
@media screen and (max-width: 640px) {
#container .menu-container {
background-image:
-moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
background-image:
-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border: none;
padding-bottom:0;
padding-top:0;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module ul.hnav li.sfHover,
#container .module ul.hnav li:hover {
background:none;
}
}

Manhattan - Neon

manhattan_neon.jpg

  @media screen and (max-width: 1026px) {
#container .menu-container {
padding-bottom:0;
padding-top:0;
margin-left: -20px;
margin-right: -20px;
background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
}
.module ul.hnav li {
margin-bottom:7px;
margin-top:1px;
}
#container #page_body_inner {
width:auto;
}
#container #below_page_body_inner {
padding-left:20px;
padding-right:20px;
}
#container #page_body_content_inner {
padding-top: 8px;
}
}
@media screen and (max-width: 640px) {
#container .menu-container {
background-image:
-moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
background-image:
-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border: none;
padding-bottom:0;
padding-top:0;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module ul.hnav li.sfHover,
#container .module ul.hnav li:hover {
background:none;
}
}

Manhattan - Original Blue

manhattan_original_blue.jpg

  @media screen and (max-width: 1026px) {
#container .menu-container {
padding-bottom:0;
padding-top:0;
margin-left: -20px;
margin-right: -20px;
background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
}
.module ul.hnav li {
margin-bottom:7px;
margin-top:1px;
}
#container #page_body_inner {
width:auto;
}
#container #below_page_body_inner {
padding-left:20px;
padding-right:20px;
}
#container #page_body_content_inner {
padding-top: 8px;
}
}
@media screen and (max-width: 640px) {
#container .menu-container {
background-image:
-moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
background-image:
-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border: none;
padding-bottom:0;
padding-top:0;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module ul.hnav li.sfHover,
#container .module ul.hnav li:hover {
background:none;
}
}

Manhattan - Papyrus

manhattan_papyrus.jpg

  @media screen and (max-width: 1026px) {
#container .menu-container {
padding-bottom:0;
padding-top:0;
margin-left: -20px;
margin-right: -20px;
background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
}
.module ul.hnav li {
margin-bottom:7px;
margin-top:1px;
}
#container #page_body_inner {
width:auto;
}
#container #below_page_body_inner {
padding-left:20px;
padding-right:20px;
}
#container #page_body_content_inner {
padding-top: 8px;
}
}
@media screen and (max-width: 640px) {
#container .menu-container {
background-image:
-moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
background-image:
-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border: none;
padding-bottom:0;
padding-top:0;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module ul.hnav li.sfHover,
#container .module ul.hnav li:hover {
background:none;
}
}

Manhattan - Sand

manhattan_sand.jpg

  @media screen and (max-width: 1026px) {
#container .menu-container {
padding-bottom:0;
padding-top:0;
margin-left: -20px;
margin-right: -20px;
background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
}
.module ul.hnav li {
margin-bottom:7px;
margin-top:1px;
}
#container #page_body_inner {
width:auto;
}
#container #below_page_body_inner {
padding-left:20px;
padding-right:20px;
}
#container #page_body_content_inner {
padding-top: 8px;
}
}
@media screen and (max-width: 640px) {
#container .menu-container {
background-image:
-moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
background-image:
-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border: none;
padding-bottom:0;
padding-top:0;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module ul.hnav li.sfHover,
#container .module ul.hnav li:hover {
background:none;
}
}

Manhattan - Soma

manhattan_soma.jpg

  @media screen and (max-width: 1026px) {
#container .menu-container {
padding-bottom:0;
padding-top:0;
margin-left: -20px;
margin-right: -20px;
background-image: -moz-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: -webkit-repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px, rgba(0, 0, 0, 0.25) 28px, rgba(0, 0, 0, 0.4) 39px, rgba(255, 255, 255, 0.6) 39px, rgba(255, 255, 255, 0.6) 40px, transparent 40px, transparent 46px );
}
.module ul.hnav li {
margin-bottom:7px;
margin-top:1px;
}
#container #page_body_inner {
width:auto;
}
#container #below_page_body_inner {
padding-left:20px;
padding-right:20px;
}
#container #page_body_content_inner {
padding-top: 8px;
}
}
@media screen and (max-width: 640px) {
#container .menu-container {
background-image:
-moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), -moz-linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
background-image:
-webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px), linear-gradient(to top, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0.6) 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.25) 12px);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border: none;
padding-bottom:0;
padding-top:0;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module ul.hnav li.sfHover,
#container .module ul.hnav li:hover {
background:none;
}
}

Modern Times - Aegis

modern_times_aegis.jpg

  @media screen and (max-width:1026px) {
#container .menu-container {
margin-right:-20px;
margin-left:-20px;
}
#container .module ul.hnav li {
border-left: none;
}
#container .module.header p.headerphone {
float: right;
position: static;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
padding:0;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Modern Times - Easy Reader

modern_times_easy_reader.jpg

  @media screen and (max-width:1026px) {
#container .menu-container {
margin-right:-20px;
margin-left:-20px;
}
#container .module ul.hnav li {
border-left: none;
}
#container .module.header p.headerphone {
float: right;
position: static;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
padding:0;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Modern Times - Magazine

modern_times_magazine.jpg

  @media screen and (max-width:1026px) {
#container .menu-container {
margin-right:-20px;
margin-left:-20px;
}
#container .module ul.hnav li {
border-left: none;
}
#container .module.header p.headerphone {
float: right;
position: static;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
padding:0;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Primary - Brief

primary_brief.jpg

  @media screen and (max-width:1026px) {
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module.horizontal_nav {
float: none;
}
}

Primary - Charcoal

primary_charcoal.jpg

  @media screen and (max-width:1026px) {
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module.horizontal_nav {
float: none;
}
}

Primary - Grassy

primary_grassy.jpg

  @media screen and (max-width:1026px) {
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module.horizontal_nav {
float: none;
}
}

Primary - Marine

primary_marine.jpg

  @media screen and (max-width:1026px) {
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module.horizontal_nav {
float: none;
}
}

Primary - Something Blue

primary_something_blue.jpg

  @media screen and (max-width:1026px) {
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
#container .module.horizontal_nav {
float: none;
}
}

Sensei - Blackbelt

sensei_blackbelt.jpg

  @media screen and (max-width:1026px) {
#container .module.header {
clear:both;
padding-top:0;
padding-left:0;
padding-right:0;
}
#container .horizontal_nav {
margin-right:-35px;
margin-bottom:0;
margin-top:0;
}
#container .menu-container {
background-image: -moz-linear-gradient(to top, #3f3f3f 1px, #000 40px);
background-image: -webkit-linear-gradient(top, #000, #3f3f3f);
background-image: linear-gradient(to top, #3f3f3f 1px, #000 40px);
background-position:0 0;
padding-bottom:10px;
padding-left:10px;
margin-bottom:10px;
box-shadow:7px 7px 7px rgba(0, 0, 0, 0.5);
}
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width:640px) {
#container .module.horizontal_nav {
float: none;
margin-right:-25px;
}
#container ul.hnav ul {
margin-left: 1em;
margin-top: 2px;
margin-bottom: 2px;
border-width: 1px solid;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Sensei - Foster

sensei_foster.jpg

  @media screen and (max-width:1026px) {
#container .module.header {
clear:both;
padding-top:0;
padding-left:0;
padding-right:0;
}
#container .horizontal_nav {
margin-right:-35px;
margin-bottom:0;
margin-top:0;
}
#container .menu-container {
background-image: -moz-linear-gradient(to top, #3f3f3f 1px, #000 40px);
background-image: -webkit-linear-gradient(top, #000, #3f3f3f);
background-image: linear-gradient(to top, #3f3f3f 1px, #000 40px);
background-position:0 0;
padding-bottom:10px;
padding-left:10px;
margin-bottom:10px;
box-shadow:7px 7px 7px rgba(0, 0, 0, 0.5);
}
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width:640px) {
#container .module.horizontal_nav {
float: none;
margin-right:-25px;
}
#container ul.hnav ul {
margin-left: 1em;
margin-top: 2px;
margin-bottom: 2px;
border-width: 1px solid;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Sensei - Mabon

sensei_mabon.jpg

  @media screen and (max-width:1026px) {
#container .module.header {
clear:both;
padding-top:0;
padding-left:0;
padding-right:0;
}
#container .horizontal_nav {
margin-right:-35px;
margin-bottom:0;
margin-top:0;
}
#container .menu-container {
background-image: -moz-linear-gradient(to top, #3f3f3f 1px, #000 40px);
background-image: -webkit-linear-gradient(top, #000, #3f3f3f);
background-image: linear-gradient(to top, #3f3f3f 1px, #000 40px);
background-position:0 0;
padding-bottom:10px;
padding-left:10px;
margin-bottom:10px;
box-shadow:7px 7px 7px rgba(0, 0, 0, 0.5);
}
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
}
@media screen and (max-width:640px) {
#container .module.horizontal_nav {
float: none;
margin-right:-25px;
}
#container ul.hnav ul {
margin-left: 1em;
margin-top: 2px;
margin-bottom: 2px;
border-width: 1px solid;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Smoove - Cerulean

smoove_cerulean.jpg

  @media screen and (max-width:1026px) {
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .menu-container {
margin-right:-20px;
margin-left:-20px;
background-image:none;
background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
body #container .menu-container {
margin-bottom:0;
}
}

Smoove - Crisp and Clean

smoove_crisp_and_clean.jpg

  @media screen and (max-width:1026px) {
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .menu-container {
margin-right:-20px;
margin-left:-20px;
background-image:none;
background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
body #container .menu-container {
margin-bottom:0;
}
}

Smoove - Decaf

smoove_decaf.jpg

  @media screen and (max-width:1026px) {
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .menu-container {
margin-right:-20px;
margin-left:-20px;
background-image:none;
background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
body #container .menu-container {
margin-bottom:0;
}
}

Smoove - La Mediterranee

smoove_la_med.jpg

  @media screen and (max-width:1026px) {
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .menu-container {
margin-right:-20px;
margin-left:-20px;
background-image:none;
background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
body #container .menu-container {
margin-bottom:0;
}
}

Smoove - Lavender

smoove_lavender.jpg

  @media screen and (max-width:1026px) {
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .menu-container {
margin-right:-20px;
margin-left:-20px;
background-image:none;
background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
body #container .menu-container {
margin-bottom:0;
}
}

Smoove - Luke

smoove_luke.jpg

  @media screen and (max-width:1026px) {
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .menu-container {
margin-right:-20px;
margin-left:-20px;
background-image:none;
background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
body #container .menu-container {
margin-bottom:0;
}
}

Smoove -Modern

smoove_modern.jpg

  @media screen and (max-width:1026px) {
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .menu-container {
margin-right:-20px;
margin-left:-20px;
background-image:none;
background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
body #container .menu-container {
margin-bottom:0;
}
}

Smoove - Olive

smoove_olive.jpg

  @media screen and (max-width:1026px) {
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .menu-container {
margin-right:-20px;
margin-left:-20px;
background-image:none;
background-image: -moz-linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
background-image: linear-gradient(to bottom, rgba(70, 70, 70, 0.9) 0%, rgba(20, 20, 20, 0.9) 90px, rgba(20, 20, 20, 0.9) 100%);
border-top-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.8);
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
body #container .menu-container {
margin-bottom:0;
}
}

Tally - Architecture

tally_architecture.jpg

  @media screen and (max-width:1026px) {
#container #page_body_content_inner,
#container #below_page_body_inner {
padding-right: 20px;
padding-left: 20px;
}
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .menu-container {
border-bottom: 8px solid transparent;
margin-bottom: 15px;
}
#container .module ul.hnav li a.first-gen {
background-image:none;
}
#container .module ul.hnav li.current {
background-image:none;
border-bottom: 5px solid;
margin-bottom: -5px;
}
#container .module ul.hnav li.sfHover,
#container .module ul.hnav li:hover {
background:none;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Tally - Fairway

tally_fairway.jpg

  @media screen and (max-width:1026px) {
#container #page_body_content_inner,
#container #below_page_body_inner {
padding-right: 20px;
padding-left: 20px;
}
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .menu-container {
border-bottom: 8px solid transparent;
margin-bottom: 15px;
}
#container .module ul.hnav li a.first-gen {
background-image:none;
}
#container .module ul.hnav li.current {
background-image:none;
border-bottom: 5px solid;
margin-bottom: -5px;
}
#container .module ul.hnav li.sfHover,
#container .module ul.hnav li:hover {
background:none;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Tally - Motorsport

tally_motorsport.jpg

  @media screen and (max-width:1026px) {
#container #page_body_content_inner,
#container #below_page_body_inner {
padding-right: 20px;
padding-left: 20px;
}
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .menu-container {
border-bottom: 8px solid transparent;
margin-bottom: 15px;
}
#container .module ul.hnav li a.first-gen {
background-image:none;
}
#container .module ul.hnav li.current {
background-image:none;
border-bottom: 5px solid;
margin-bottom: -5px;
}
#container .module ul.hnav li.sfHover,
#container .module ul.hnav li:hover {
background:none;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Tally - New Jack

tally_new_jack.jpg

  @media screen and (max-width:1026px) {
#container #page_body_content_inner,
#container #below_page_body_inner {
padding-right: 20px;
padding-left: 20px;
}
#container #below_page_inner {
padding-left:20px;
padding-right:20px;
}
#container .menu-container {
border-bottom: 8px solid transparent;
margin-bottom: 15px;
}
#container .module ul.hnav li a.first-gen {
background-image:none;
}
#container .module ul.hnav li.current {
background-image:none;
border-bottom: 5px solid;
margin-bottom: -5px;
}
#container .module ul.hnav li.sfHover,
#container .module ul.hnav li:hover {
background:none;
}
}
@media screen and (max-width:640px) {
#container ul.hnav ul {
margin-left: 1em;
border:none;
}
#container .menu ul li > a {
padding: 10px 10px 10px 1em !important;
}
}

Other Resources:

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk