/*************
    HTML/BODY
  **************/
  @font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('/fonts/MyriadPro-BoldCond/myriadpro-boldcond.eot');
    src: url('/fonts/MyriadPro-BoldCond/myriadpro-boldcond.eot') format('embedded-opentype'),
    url('/fonts/MyriadPro-BoldCond/myriadpro-boldcond.woff') format('woff'),
    url('/fonts/MyriadPro-BoldCond/myriadpro-boldcond.ttf') format('truetype'),
    url('/fonts/MyriadPro-BoldCond/myriadpro-boldcond.svg#MyriadProBoldCondensed') format('svg');
  }

  @font-face {
    font-family: 'MyriadProCondensed';
    src: url('/fonts/MyriadPro-Cond/myriadpro-cond.eot');
    src: url('/fonts/MyriadPro-Cond/myriadpro-cond.eot') format('embedded-opentype'),
    url('/fonts/MyriadPro-Cond/myriadpro-cond.woff') format('woff'),
    url('/fonts/MyriadPro-Cond/myriadpro-cond.ttf') format('truetype'),
    url('/fonts/MyriadPro-Cond/myriadpro-cond.svg#MyriadProCondensed') format('svg');
  }


  html {
    height: 100%
  }

  .body {
    background: #f5f5f5 url(grogans/images/background4.jpg) top center repeat-x;
    margin: 0 auto;
    padding: 0;
    font-family: Arial, sans-serif, Helvetica;
    color: #000;
    font-size: 12px;
  }

  .body2 {
    background: #f5f5f5 url(grogans/images/spec_01.jpg) top center no-repeat;
    margin: 0 auto;
    padding: 0;
    font-family: Arial, sans-serif, Helvetica;
    color: #000;
    font-size: 12px;
  }


  /**********
    LAYOUT
  ***********/
  .showSubmit {
    display: none;
    font-style: italic;
    font-size: 14px;
  }

  .logo-sub {
    float: left;
    color: #fff;
    margin-top: 10px;
  }

  .logo-sub ul {
    list-style: disc;
    margin-bottom: 0;
  }

  .logo-sub ul li {
    line-height: 14px;
  }

  .logo-sub2 {
    float: left;
    color: #fff;
    margin-top: 14px;
    font-size: 15px;
  }

  .logo-sub2 ul {
    list-style: disc;
    margin-bottom: 0;
  }

  .logo-sub2 ul li {
    line-height: 19px;
  }

  .subnav_wrap {
    height: 32px;
    width: 292px;
    float: left;
  }

  #top-wrap {
    margin-top: 11px;
    margin-bottom: 16px;
  }

  #cat-wrap {
    overflow: hidden;
  }

  .subnav-arrow {
    padding-top: 8px;
    padding-right: 7px;
    float: left;
  }

  /*.subnav-level1 {float:left; width:279px; background: url(images/line.png) no-repeat; font-weight:bold;}*/
  .subNav-level a {
    display: block;
  }

  .subNav-level {
    position: relative;
    margin: 0;
    list-style: outside
  }

  .subNav-level li {
    position: relative;
  }

  .subNav-level .subLevel {
    margin-left: 20px;
    display: none
  }

  .subNav-level .subLevel li { /*overflow:hidden*/
  }

  .subNav-level .collapseMe {
    position: absolute;
    top: 5px;
    left: -20px;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background: /*url(/images/expand.png) center no-repeat #FFF*/
  }

  .sepLine {
    margin-left: 0;
  }

  #contentFull {
    width: 960px;
    overflow: hidden;
  }

  #content {
    width: 724px;
    margin-left: 15px;
    overflow: hidden;
  }

  #content2 {
    width: 760px;
    overflow: hidden;
  }

  .content-bg {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
  }

  .container {
    width: 980px;
    margin: 0 auto;
  }

  #header {
  }

  #logo {
    width: 550px;
    height: 78px;
    display: block;
    background: url(grogans/images/logo.png) no-repeat;
    margin-left: 0;
    margin-top: 16px;
    background-size: contain;
    background-position: center;
  }

  #logo a {
    width: 100%;
    height: 100%;
    display: block;
  }

  #logo2 {
    width: 380px;
    height: 80px;
    display: block;
    background: url(grogans/images/logo.png) no-repeat;
    margin-left: 0;
    margin-top: 7px;
    background-size: contain;
    background-position: center;
  }

  #logo2 a {
    width: 100%;
    height: 100%;
    display: block;
  }

  #top-menu {
    color: #fff;
    margin-right: 3px;
    margin-top: 4px;
  }

  #top-menu a {
    color: #fff;
  }

  #top-menu img {
    padding-left: 5px;
    padding-right: 10px;
    display: inline-block;
  }

  #search {
    padding-top: 10px;
  }

  #search img, form {
    display: inline-block;
  }

  #search img {
    padding-right: 5px;
    position: relative;
    top: 6px;
  }

  #header-nav {
    width: 980px;
    margin-top: 11px;
    margin-bottom: 11px;
  }

  .navBKwithMyTemplate {
    background: url(grogans/images/nav3.png) no-repeat;
  }

  .navBKwithoutMyTemplate {
    background: url(grogans/images/nav2_wo_mt.png) no-repeat;
  }

  #nav {
    width: 980px;
    height: 42px;
    margin: 0 auto;
    padding: 0;
  }

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

  #nav li {
    float: left;
  }

  #nav li a {
    display: block;
    height: 40px;
  }

  #nav li, #nav a {
    height: 42px;
    display: block;
  }

  /*current state*/
  #nav-1 {
    width: 79px;
  }

  #nav-2 {
    width: 77px;
  }

  #nav-2a {
    width: 99px;
  }

  #nav-spacer {
    width: 347px;
  }

  #nav-3 {
    width: 80px;
  }

  #nav-4 {
    width: 61px;
  }

  #nav-5 {
    width: 92px;
  }

  /*up state*/
  #nav-1 a:hover, #nav-1 a.current {
    background: url(grogans/images/nav3.png) 0 -42px no-repeat;
  }

  #nav-2 a:hover, #nav-2 a.current {
    background: url(grogans/images/nav3.png) -79px -42px no-repeat;
  }

  #nav-2a a:hover, #nav-2a a.current {
    background: url(grogans/images/nav3.png) -736px -42px no-repeat;
  }

  #nav-3 a:hover, #nav-3 a.current {
    background: url(grogans/images/nav3.png) -156px -42px no-repeat;
  }

  #nav-4 a:hover, #nav-4 a.current {
    background: url(grogans/images/nav3.png) -236px -42px no-repeat;
  }

  #nav-5 a:hover, #nav-5 a.current {
    background: url(grogans/images/nav3.png) -297px -42px no-repeat;
  }

  #nav #social li a {
    height: 29px;
  }

  #social {
    margin-top: 5px;
    margin-right: 10px;
    height: 33px;
  }

  #facebook {
    background: url(grogans/images/facebook.png) no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 2px;
  }

  #facebook:hover {
    background: url(grogans/images/facebook.png) 0 -30px no-repeat;
  }

  #twitter {
    background: url(grogans/images/twitter.png) no-repeat;
    width: 31px;
    height: 32px;
    display: inline-block;
  }

  #twitter:hover {
    background: url(grogans/images/twitter.png) 0 -32px no-repeat;
  }

  #youtube {
    background: url(grogans/images/youtube.png) no-repeat;
    width: 34px;
    height: 33px;
    display: inline-block;
  }

  #youtube:hover {
    background: url(grogans/images/youtube.png) 0 -33px no-repeat;
  }

  #main-body {
    margin-top: 16px;
  }

  #left-side {
    width: 201px;
    overflow: hidden
  }

  #products {
    margin-left: 15px !important;
    margin-bottom: 0 !important;
    list-style: disc outside !important;
  }

  #products li {
    list-style-image: url(grogans/images/list-arrow.jpg);
  }

  #products a {
    color: #7f7f7f;
    font-size: 12px;
    display: inline;
  }

  #products a:hover {
    color: #000;
  }

  #products li {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #middle {
    width: 530px;
    margin-left: 9px;
    margin-right: 8px;
  }

  #slideshow {
    background: url(grogans/images/slideshow.png) no-repeat;
    width: 546px;
    height: 251px;
    display: block;
  }

  #newsletter {
    margin-top: 12px;
  }

  #home-copy {
    padding-left: 11px;
    margin-top: 5px;
  }

  #right-side {
  }

  #shop {
    display: block;
    width: 172px;
    height: 96px;
    background: url(grogans/images/shop.png) no-repeat;
  }

  #shop:hover {
    background: url(grogans/images/shop.png) 0 -96px no-repeat;
  }

  #vdk {
    display: block;
    width: 172px;
    height: 96px;
    background: url(grogans/images/vdk.png) no-repeat;
  }

  #vdk:hover {
    background: url(grogans/images/vdk.png) 0 -96px no-repeat;
  }

  #save {
    display: block;
    width: 172px;
    height: 96px;
    background: url(grogans/images/save.png) no-repeat;
  }

  #save:hover {
    background: url(grogans/images/save.png) 0 -96px no-repeat;
  }

  #hits {
    display: block;
    width: 172px;
    height: 96px;
    background: url(grogans/images/hits.png) no-repeat;
  }

  #hits:hover {
    background: url(grogans/images/hits.png) 0 -96px no-repeat;
  }

  #solutions {
    display: block;
    width: 172px;
    height: 96px;
    background: url(grogans/images/solutions.png) no-repeat;
  }

  #solutions:hover {
    background: url(grogans/images/solutions.png) 0 -96px no-repeat;
  }

  #passup {
    display: block;
    width: 172px;
    height: 96px;
    background: url(grogans/images/passup.png) no-repeat;
  }

  #passup:hover {
    background: url(grogans/images/passup.png) 0 -96px no-repeat;
  }

  #right-side a {
    margin-bottom: 5px;
  }

  .photo {
    display: block;
    width: 172px;
    height: 96px;
    position: relative;
  }

  .photo .text {
    position: absolute;
    top: 28px;
    left: 15px;
    font-size: 18px;
    font-family: 'MyriadProCondensed'
  }

  #follow-us {
    margin-top: 25px;
    margin-left: 10px;
  }

  #footer {
    background: url(grogans/images/logo-bot.png) center top no-repeat;
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 24px;
  }

  #footer-copy, #footer-menu {
    margin-top: 30px;
  }

  #footer-menu img {
    display: inline-block;
    position: relative;
    top: 6px;
  }

  #footer-menu a {
    color: #000;
  }

  #footer-copy a {
    color: #c4c4c4;
  }

  #submit-btn {
    background: url(grogans/images/submit.png) no-repeat;
    width: 43px;
    height: 30px;
    display: inline-block;
    text-indent: -99999px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
  }

  #healthcare {
    margin-top: 12px;
  }

  /*********
    LINKS
  **********/
  a, a:visited, a:active {
    color: #015699;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
  }

  a:hover {
    color: #000;
  }

  /*********
    LISTS
  **********/
  ul {
    list-style: none;
  }

  li {
    margin: 0;
    padding: 0;
  }

  .listing li:before {
    content: "- ";
    color: #f44a20;
  }

  /************
    HEADINGS
  *************/
  h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #015699;
    font-family: 'PT Sans Narrow', sans-serif;
  }

  h1 {
    font-size: 22px;
    color: #015699;
    font-weight: normal;
  }

  h2 {
    font-size: 18px;
    color: #f44a20;
    font-weight: normal;
  }

  .blue {
    color: #015699;
  }

  h3 {
    font-size: 18px;
  }

  h4 {
    font-size: 16px;
  }

  h5 {
    font-size: 15px;
  }

  h6 {
    font-size: 14px;
  }

  /********
    MISC
  *********/
  /*p { font-size: 12px; margin-top: 5px; color: #fff; font: Georgia, "Times New Roman", Times, serif; line-height: 175%; }*/
  img {
    border: none;
  }

  /******************
    GLOBAL CLASSES
  *******************/
  .none {
    display: none;
  }

  .left {
    float: left;
  }

  .right {
    float: right;
  }

  .clear {
    clear: both;
  }

  .red {
    color: #ba3953;
  }


  body {
    padding: 0;
    margin: 0;
  }


  #roswell {
    width: 980px;
    margin: 0 auto;
    padding: 0;
  }

  #roswellLogo {
    background: url('roswell/images/roswellLogo.png') no-repeat;
    float: left;
    height: 90px;
    width: 400px;
  }

  #roswellLogo a {
    display: block;
    overflow: hidden;
    height: 90px;
    width: 400px;
  }

  #roswellTopMenu {
    float: right;
    height: 90px;
    width: 400px;
  }

  #membersTopMenu {
    text-align: right;
    line-height: 40px;
    color: #999999;
    font-size: 13px;
  }

  #membersTopMenu a, #membersTopMenu a:hover {
    text-align: right;
    line-height: 40px;
    color: #999999;
    font-size: 13px;
    text-decoration: none;
  }

  #membersTopMenu a:hover {
    color: #333333;
  }

  #catalogTopMenu {
    /*	margin:0 auto;*/
    float: right;
    display: block;
    height: 31px;
    background: url(roswell/images/roswellCatalogTopMenu.gif) repeat-x;
  }

  #catalogSep {
    float: left;
    display: block;
    width: 2px;
    height: 31px;
    background: url(roswell/images/roswellCatalogTopMenu_seperator.gif) no-repeat right;
  }

  #catalogCart {
    float: left;
    display: block;
    height: 31px;
    line-height: 31px;
    text-align: center;
    padding: 0 15px;
  }

  #catalogCart a, #catalogCart a:hover {
    display: inline-block;
    padding-left: 25px;
    line-height: 31px;
    background: transparent url(roswell/images/cart_off.png) center left no-repeat;
    color: #adadad;
    font-size: 12px;
    text-decoration: none;
  }

  #catalogCart a:hover {
    background: transparent url(roswell/images/cart.png) center left no-repeat;
    color: #333333;
    text-decoration: none;
  }

  #catalogCheckOut {
    float: left;
    display: block;
    height: 31px;
    line-height: 31px;
    text-align: center;
    padding: 0 15px;
  }

  #catalogCheckOut a, #catalogCheckOut a:hover {
    display: inline-block;
    padding-right: 25px;
    line-height: 31px;
    background: transparent url(roswell/images/checkout_off.png) center right no-repeat;
    color: #adadad;
    font-size: 12px;
    text-decoration: none;
  }

  #catalogCheckOut a:hover {
    background: transparent url(roswell/images/checkout.png) center right no-repeat;
    color: #333333;
    text-decoration: none;
  }

  #catalogTopMenuLeft {
    float: right;
    display: block;
    width: 6px;
    height: 31px;
    background: url(roswell/images/roswellCatalogTopMenu.gif) no-repeat;
    background: url(roswell/images/roswellCatalogTopMenuLeft.png) no-repeat;
  }

  #catalogTopMenuRight {
    float: right;
    display: block;
    width: 6px;
    height: 31px;
    background: url(roswell/images/images/roswellCatalogTopMenu.gif) no-repeat;
    background: url(roswell/images/roswellCatalogTopMenuRight.png) no-repeat;
  }


  #roswellMenu {
    /*	margin:0 auto;*/
    float: left;
    display: block;
    width: 966px;
    height: 35px;
    background: url(roswell/images/roswellMenu_bar.gif) repeat-x;
  }

  #roswellMenuLeft {
    float: left;
    display: block;
    width: 7px;
    height: 35px;
    background: url(roswell/images/roswellMenu_bar.gif) no-repeat;
    background: url(roswell/images/roswellMenu_barLeft.png) no-repeat;
  }

  #roswellMenuRight {
    float: left;
    display: block;
    width: 7px;
    height: 35px;
    background: url(roswell/images/roswellMenu_bar.gif) no-repeat;
    background: url(roswell/images/roswellMenu_barRight.png) no-repeat;
  }

  #roswellMenu ul {
    list-style: none;
    margin: 0 auto;
    width: 100%;
  }

  #roswellMenu li {
    list-style: none;
    display: block;
    float: left;
    height: 35px;
    line-height: 35px;
    padding: 0;
    margin: 0;
  }

  #roswellMenu li .sep {
    display: block;
    width: 2px;
    height: 35px;
    background: url(roswell/images/roswellMenu_seperator.gif) no-repeat right;
  }

  #roswellMenu li a {
    display: block;
    float: left;
    color: #a7a7a7;
    /* text-transform:uppercase; */
    font-size: 12px;
    font-weight: bold;
    line-height: 35px;
    text-decoration: none;
    padding: 0 20px;
    background: url(roswell/images/roswellMenu_seperator.gif) no-repeat right;
  }

  #roswellMenu li a:hover {
    color: #fff;
    background: url(roswell/images/roswellMenu_barOn.gif) no-repeat right;
  }

  #roswellMenu li a.current {
    display: block;
    float: left;
    background: url(roswell/images/roswellMenu_barHold.gif) no-repeat right;
    color: #fff;
    /* text-transform:uppercase; */
    font-size: 12px;
    font-weight: bold;
    line-height: 35px;
    text-decoration: none;
    padding: 0 20px;
  }

  #roswellMenu li a:hover.current {
    color: #fff;
    background: url(roswell/images/roswellMenu_barOn.gif) no-repeat right;
  }


  #roswellMenu li li a {
    display: block;
    float: left;
    color: #a7a7a7;
    /* text-transform:uppercase; */
    font-size: 12px;
    font-weight: bold;
    line-height: 35px;
    text-decoration: none;
    padding: 0 20px;
    background-color: #4d4d4d;
  }

  #roswellMenu li li a:hover {
    color: #fff;
    background-color: #858585;
  }


  .menuStyle a, .menuStyle a:visited, .menuStyle a:hover {
    color: #add7ed;
  }

  .menuStyle a:hover {
    color: #fff;
  }

  .menuStyle li a.top-active {
    color: #fff;
  }

  #roswellHomeSlide {
    display: block;
    background: url(roswell/images/roswell_home_slide.gif) no-repeat top left;
    width: 980px;
    height: 320px;
    margin-top: 15px;
  }

  .roswellBox {
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;

    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;

    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;

    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;

    /* border:1px solid #e0e0e0;*/
    background-color: #FFFFFF;
    width: 733px;
  }

  .roswellBoxTop {
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;

    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;

    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    padding: 5px;
    padding-left: 15px;
    background: #CCCCCC url('roswell/images/roswellBoxTop_background.gif') repeat-x;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    min-height: 18px;
    line-height: 18px;

  }

  .roswellBoxBody {
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;

    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;

    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    padding: 0;
    margin-bottom: 20px;
    background-color: #f7f7f7;

  }


  #subnav {
    width: 200px;
    float: left;
    margin: 0;
    padding: 0;
    /*border-width:0 1px 0 0;*/
  }

  #subnav a, #subnav a:visited {
    display: block;
    padding: 4px 2px 4px 16px;
    text-decoration: none;
    color: #828282;
    font-weight: bold;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }

  #subnav a:hover, #subnav a.current, #subnav a.currentPage {
    color: #6f9ab1;
    background-color: #efefef;
    background-color: #dff1ff;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
  }

  #subnav .subNav-level a {
    padding-left: 12px;
  }

  #subnav .subNav-level .subNav-level a {
    padding-left: 32px;
    font-weight: normal;
  }

  #subnav .subNav-level .subNav-level .subNav-level a {
    padding-left: 48px;
  }

  #subnav .subNav-level .subNav-level .subNav-level .subNav-level a {
    padding-left: 64px;
  }

  #subnav .subNav-level .subNav-level .subNav-level .subNav-level .subNav-level a {
    padding-left: 80px;
  }

  #subnav .subNav-level .subNav-level a:hover, #subnav .subNav-level .subNav-level a.currentPage {
    color: #6f9ab1;
    font-weight: normal;
  }

  .li-level3, .li-level3 a {
    color: #015699 !important;
  }

  .li-level4, .li-level4 a {
    color: #015699 !important;
  }


  .currentPage {
    color: #015699 !important;
    font-weight: bold;
  }

  .currentCategoryUL li a {
    color: #015699 !important;
  }


  #subnavArrow {
    display: block;
    margin: 0;
    padding: 15px 0 15px 15px;
    /*border-width:0 1px 0 0;*/
  }

  #subnavArrow span {
    display: block;
    margin-bottom: 3px;
    font-weight: bold;
  }

  #subnavArrow a, #subnavArrow a:visited {
    display: block;
    height: 20px;
    width: 167px;
    text-decoration: none;
    color: #828282;
    font-weight: normal;
    line-height: 20px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }

  #subnavArrow a:hover {
    color: #6f9ab1;
    background: url('roswell/images/catalog_sortby_sprite.png') no-repeat 0 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }

  #subnavArrow a.current, #subnavArrow a.currentPage, #subnavArrow a:hover.currentPage {
    color: #838383;
    background: url('roswell/images/catalog_sortby_sprite.png') no-repeat 0 -31px;
    font-weight: bold;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }

  #subnavArrow a:hover.currentPage {
    color: #6f9ab1;
  }

  #subnavArrow .subnavArrow-level a {
    padding-left: 16px;
  }

  #subnavArrow .subnavArrow-level .subnavArrow-level a {
    padding-left: 32px;
    font-weight: normal;
  }

  #subnavArrow .subnavArrow-level .subnavArrow-level a:hover, #subnavArrow .subnavArrow-level .subnavArrow-level a.currentPage {
    color: #6f9ab1;
    font-weight: normal;
  }


  /* #subnav a.level1 { padding:10px; } */

  #content-subnav {
    width: 770px;
    width /* */: /**/ 747px;
    width: /**/ 747px;
    float: left;
    margin-left: 20px;
    padding-left: 0;
  }


  #roswellContent {
    margin: 15px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
  }

  #roswellFooter {
    border-top: 1px solid #f1f1f1;
    margin: 5px 0;
    padding: 15px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
  }

  #roswellFooter a, #roswellFootera a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    text-decoration: none;
  }

  #roswellFooter a:hover {
    color: #333333;
    text-decoration: underline;
  }

  #roswellFooterLeft {
    display: block;
    float: left;
    width: 475px;
    text-align: left;
  }

  #roswellFooterRight {
    display: block;
    float: right;
    width: 475px;
    text-align: right;
  }


  .menu {
    /*position:relative;*/
    z-index: 1000;
  }

  .menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    z-index: 1000;
  }

  .menu ul ul {
    z-index: 1000;
  }

  .menu li {
    float: left;
    position: relative;
    z-index: 1000;
  }

  .menu a, .menu a:visited {
    display: block;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #fff;
    z-index: 1000;
  }

  /* style the second level background */
  .menu ul ul a.drop, .menu ul ul a.drop:visited {
    background-image: url(images/drop.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    z-index: 1000;
  }

  /* style the second level hover */
  .menu ul ul a.drop:hover, .menu ul ul :hover > a.drop {
    background-image: url(images/drop.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    z-index: 1000;
  }

  .menu ul ul a.dropdown-arrow, .menu ul ul a.dropdown-arrow:visited, .menu ul ul a.dropdown-arrow:hover {
    background-image: url(images/menu-drop-arrow-new.gif);
    background-position: left top;
    background-repeat: no-repeat;
  }

  .menu ul ul a.dropdown-arrow:hover {
    background-image: url(images/menu-drop-arrow-hover.gif);
  }


  /* hide the sub levels and give them a positon absolute so that they take up no room */
  .menu ul ul {
    visibility: hidden;
    position: absolute;
    height: 0;
    top: 35px !important;
    top: 35px;
    left: -1px;
    width: 149px;
    z-index: 2000;
  }

  /* another hack for IE5.5 */
  * html .menu ul ul {
    top: 26px !important;
    top: 39px;
    t\op: 27px;
  }

  /* position the third level flyout menu */
  .menu ul ul ul {
    left: -169px;
    top: 0 !important;
    top: 0;
    width: 149px;
  }

  .menu ul #nav-1 ul ul {
    left: 96px;
  }

  .menu ul #nav-2 ul ul {
    left: 190px;
  }

  .menu ul #nav-3 ul ul {
    left: 190px;
  }

  .menu ul #nav-5 ul ul {
    left: 207px;
  }

  .menu ul #nav-6 ul ul {
    left: 92px;
  }

  .menu ul #nav-7 ul ul {
    left: 90px;
  }

  /* position the third level flyout menu for a left flyout */
  .menu ul ul ul.left {
    left: -149px;
  }

  /* style the table so that it takes no ppart in the layout - required for IE to work */
  .menu table {
    position: absolute;
    top: 0;
    left: 0;
    border-collapse: collapse;;
  }

  /* style the second level links */
  .menu ul ul a, .menu ul ul a:visited {
    background: #EFE2BF;
    color: #74654E;
    font-weight: bold;
    height: auto;
    line-height: 12px;
    padding: 7px 10px;
    width: 149px;
    border: solid 1px #CEC7B5;
    border-width: 0 1px 1px;
  }

  .menu ul #nav-1 ul a, .menu ul #nav-1 ul a:visited {
    width: 96px;
    width /* */: /**/ 72px;
    width: /**/ 72px;
  }

  .menu ul #nav-2 ul a, .menu ul #nav-2 ul a:visited {
    width: 190px;
    width /* */: /**/ 168px;
    width: /**/ 168px;
  }

  .menu ul #nav-3 ul a, .menu ul #nav-3 ul a:visited {
    width: 190px;
    width /* */: /**/ 168px;
    width: /**/ 168px;
  }

  .menu ul #nav-5 ul a, .menu ul #nav-5 ul a:visited {
    width: 207px;
    width /* */: /**/ 185px;
    width: /**/ px;
  }

  .menu ul #nav-6 ul a, .menu ul #nav-6 ul a:visited {
    width: 149px;
    width /* */: /**/ 125px;
    width: /**/ 125px;
  }

  .menu ul #nav-7 ul a, .menu ul #nav-7 ul a:visited {
    width: 90px;
    width /* */: /**/ 66px;
    width: /**/ 66px;
  }

  .menu ul ul a.dropdown-heading, .menu ul ul a.dropdown-heading:hover {
    background: #DBC57D;
    padding: 6px 15px 6px 5px;
  }

  /* yet another hack for IE5.5 */
  * html .menu ul ul a, * html .menu ul ul a:visited {
    width: 170px;
    w\idth: 148px;
  }

  /* style the third level border */

  /* style the third level hover */
  /*
  .menu ul ul ul a:hover {background:#b2ab9b;}
  */
  /* style the top level hover */
  .menu a:hover, .menu ul ul a:hover {
    background-color: #F4E7C4;
  }

  .menu :hover > a, .menu ul ul :hover > a {
    color: #74654E;
  }

  /* make the second level visible when hover on first level list OR link */
  .menu ul li:hover ul,
  .menu ul a:hover ul {
    visibility: visible;
  }

  /* keep the third level hidden when you hover on first level list OR link */
  .menu ul :hover ul ul {
    visibility: hidden;
  }

  /* make the third level visible when you hover over second level list OR link */
  .menu ul :hover ul :hover ul {
    visibility: visible;
  }

  /*
  now style the text for all links in the menu, because the blasted thing keeps resizing the blasted text
  */
  .menu a, .menu a:visited, .menu a:hover {
    font-size: 11px;
    font-weight: bold;
  }

  .menu a:hover {
    color: #f2d779;
  }


  button.blue-candy {
    background-color: #779be9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#779be9 0%), to(#376fe0 50%));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #779be9 0%, #376fe0 50%, #2260dd 50%, #2463de 100%);
    background-image: -moz-linear-gradient(top, #779be9 0%, #376fe0 50%, #2260dd 50%, #2463de 100%);
    background-image: -ms-linear-gradient(top, #779be9 0%, #376fe0 50%, #2260dd 50%, #2463de 100%);
    background-image: -o-linear-gradient(top, #779be9 0%, #376fe0 50%, #2260dd 50%, #2463de 100%);
    background-image: linear-gradient(top, #779be9 0%, #376fe0 50%, #2260dd 50%, #2463de 100%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
    line-height: 1;
    padding: 10px 0 12px 0;
    text-align: center;
    text-shadow: 0 -1px 1px #2c4d93;
    width: 150px;
    -webkit-background-clip: padding-box;
  }

  button.blue-candy:hover {
    background-color: #6989cf;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6989cf 0%), to(#3263c7 50%));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #6989cf 0%, #3263c7 50%, #1d55c4 50%, #1d55c4 100%);
    background-image: -moz-linear-gradient(top, #6989cf 0%, #3263c7 50%, #1d55c4 50%, #1d55c4 100%);
    background-image: -ms-linear-gradient(top, #6989cf 0%, #3263c7 50%, #1d55c4 50%, #1d55c4 100%);
    background-image: -o-linear-gradient(top, #6989cf 0%, #3263c7 50%, #1d55c4 50%, #1d55c4 100%);
    background-image: linear-gradient(top, #6989cf 0%, #3263c7 50%, #1d55c4 50%, #1d55c4 100%);
    -webkit-background-clip: padding-box;
    cursor: pointer;
  }

  button.blue-candy:active {
    background: #1a4aab;
    background: -moz-radial-gradient(50% 31% 0deg, circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)), -moz-linear-gradient(top, #5c78b5 0%, #2b57ad 50%, #1a4aab 50%, #1b4bab 100%);
    background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #5c78b5), color-stop(0.5, #2b57ad), color-stop(0.5, #1a4aab), color-stop(1, #1b4bab));
    color: #ddd;
    -webkit-background-clip: padding-box;
  }

  .cartPopover {
    width: 270px
  }

  .cartPopover .subtotal {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 5px
  }

  .cartPopover .checkout input {
    margin: auto
  }

  .cartPopover .cancel input {
    margin: auto
  }

  .cartPopover .imagePlaceHolder {
    width: 50px;
    height: 50px;
    padding-right: 5px;
  }

  .cartPopover .popoverImage {
    padding-right: 5px;
  }

  .cartPopover .products {
    overflow: auto;
    max-height: 180px;
  }

  .cartPopover .products .product {
    padding-bottom: 10px
  }

  .cartPopover .products .product table {
    min-height: 50px
  }

  .cartPopover .products .product .price_qty {
    float: left
  }

  .cartPopover .products .product .extended_price {
    float: right;
    color: #015699;
    font-weight: bold
  }

  .templateTable {
    border: 1px solid #EBEBEB;
  }

  .templateTable tr td {
    padding: 2px 3px 2px 4px
  }

  .templateTable .templateHeader {
    text-decoration: none;
    height: 10px;
    font-weight: bold;
    font-size: 12px;
    color: White;
    background-color: #01467C;
  }

  .templateTable .templateHeader a {
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    color: White;
    background-color: #01467C;
  }

  .templateTable .templateHeader a:hover {
    text-decoration: underline
  }

  .templateTable .odd {
  }

  .templateTable .even {
    background: #F3F3F3
  }

  .membermenu {
    text-align: right;
    font-size: 10px;
    margin-left: 22px;
  }

  #product_menu {
    margin-left: 0;
  }

  #product_menu a {
    color: #7f7f7f;
    font-size: 12px;
    display: inline;
  }

  #product_menu li {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 15px;
  }

  #product_menu a:hover {
    color: #000;
    font-size: 12px;
    display: inline;
  }

  #navlink1 {
  }

  #navlink2 {
  }

  #navlink3 {
  }

  #navlink4 {
  }

  .tablepager, .tablepager label {
    text-align: right;
    font-size: 16px;
  }

  .listsPopover {
    width: 213px
  }

  .listsPopover .createListContainer {
    margin-top: 15px;
  }

  .listsPopover .createListContainer .newlist_input {
    width: 150px
  }

  .listsPopover .createListContainer .newlistcreate_button {
    display: block;
    background: #111; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#015699', endColorstr='#014276'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#015699), to(#014276)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #015699, #014276); /* for firefox 3.6+ */
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #003b6a;
    color: #fff !important;
    padding: 5px 10px;
    width: 80px;
    text-decoration: none !important;
    margin: 10px auto 0;
    font-size: 12px;
    text-align: center;
  }

  .listsPopover .createListContainer .newlistcreate_button:hover {
    background: #6F9AB1; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c6dba', endColorstr='#00579c'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#0c6dba), to(#00579c)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #0c6dba, #00579c); /* for firefox 3.6+ */
    color: #fff;
    border: 1px solid #00579c;
  }

  .listsPopover table tr:nth-child(odd) {
    background-color: #eee;
  }

  .listsPopover table tr:nth-child(even) {
    background-color: #fff;
  }

  .listsPopover table tr:hover {
    background-color: #CCC;
  }

  .lists .header {
    background-color: #D7D7D7 !important;
    font-weight: bold
  }

  .lists tr:nth-child(odd) {
    background-color: #eee;
  }

  .lists tr:nth-child(even) {
    background-color: #fff;
  }


  .custom-combobox {
    position: relative;
    display: inline-block;
  }

  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 15px;
    *top: 0.1em;
  }

  .custom-combobox-input {
    height: 15px;
    margin: 0;
    padding: 0.3em;
  }

  .bestSellerListView {

    width: 84px;
    font-size: 12px;
    background: rgba(1, 66, 118, .6);
    padding: 1px 8px 1px 8px;
    color: #FFF;
    font-style: italic;
    font-weight: bold;
    margin: auto;

  }

  .bestSellerListView2 {

    width: 32px;
    height: 32px;
    background: url(grogans/images/star.png) no-repeat;
    /*font-size:12px;
    background: rgba(1, 66, 118, .6);
    padding:1px 8px 1px 8px;
    color:#FFF;
    font-style:italic;
    font-weight:bold;*/
    margin: auto;

  }

  .bestSellerTileView {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50px;
    width: 84px;
    font-size: 12px;

    background: rgba(1, 66, 118, .6);
    padding: 1px 8px 1px 8px;
    color: #FFF;
    font-style: italic;
    font-weight: bold;
  }

  .bestSellerTileView2 {
    position: absolute;
    top: 0;
    right: 1px;
    margin-left: -50px;
    width: 20px;
    height: 20px;
    background: url(grogans/images/star.png) no-repeat;
    background-size: 20px;
    /*font-size:12px;
    background: rgba(1, 66, 118, .6);
    padding:1px 8px 1px 8px;
    color:#FFF;
    font-style:italic;
    font-weight:bold;*/
  }

  .bestseller {
    position: absolute;
    bottom: 0;
    left: 0;

    background: rgba(1, 66, 118, .6);
    padding: 2px 8px 2px 8px;
    color: #FFF;
    font-style: italic;
    font-weight: bold;
  }

  .custom-combobox {
    position: relative;
    display: inline-block;
  }

  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 15px;
    *top: 0;
  }

  .custom-combobox-input {
    height: 15px;
    margin: 0;
    padding: 2px;
  }

  .ui-button.ui-button-text-only .ui-button-text {
    padding: 0 1em;
  }

  button.ui-dialog-titlebar-close {
    display: none;
  }