body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,div,dl,dt,dd,form,img {margin:0;padding:0}
table {border-collapse:collapse;border-spacing:0;}
img,fieldset {border:0}
:focus {outline: 0;} 
a {color:blue;}
ul {list-style:none}
.alert {color:#c00}

body {background-color:#333;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:62.5%;color:#2f2e2e}
#wrapperBMS {width:772px; margin:0px auto;background-color:#fff}
#headerBMS {padding:10px 15px}
#footerBMS {padding:10px 15px}
#content1BMS {margin:0px 34px;overflow:hidden}
#gmap {margin:10px 34px 0px}
#scrollerBMS {margin:0px 43px}
#content2BMS {margin:10px 34px;overflow:hidden}

#scrollerBMS ul li.easy{background:url(/images/nmss_li_easy_bg2.jpg) 10px 0px no-repeat;}
#scrollerBMS ul li.moderate{background:url(/images/nmss_li_moderate_bg2.jpg) 10px 0px no-repeat;}
#scrollerBMS ul li.challenging{background:url(/images/nmss_li_challenging_bg2.jpg) 10px 0px no-repeat;}

#scrollerBMS ul li.challenge{background:url(/images/walk_li_icon.jpg) 10px 0px no-repeat;}
#scrollerBMS ul li.regular{background:url(/images/walk_li_iconReg.jpg) 10px 0px no-repeat;}

.listText {padding-left:5px}

.formContent {margin:10px 43px 0px}
.bmscontent {color:#2f2e2e}

#ddlMonth {width:147px}
#ddlRating {width:147px}
#ddlUSStates {width:142px}
#btnFilter {margin-top:3px}


.bmscontent {font-size:1.1em;}
.bmscontent a {color:#12B6E9}
.bmscontent a:visited {color:#666;}
.bmscontent h1, .bmscontent h2 {font-size:1.4em;font-weight:normal;margin:0 0 10px;line-height:1.3em}
.bmscontent h3 {font-size:1.2em;font-weight:normal;margin:0 0 10px;line-height:1.3em}
.bmscontent h4, .bmscontent h5, .bmscontent h6 {font-size:1.1em;margin:0 0 8px;font-weight:normal}
.bmscontent p {margin:0 0 17px}
.bmscontent ul {margin:0 0 17px}
.bmscontent ul li {margin:0 0 5px;background:url(../images/content_ul_bullet.png) no-repeat 0 .5em;padding-left:12px}
.bmscontent ul ul {margin:8px 0}
.bmscontent ul ul li {background:url(../images/content_ulul_bullet.png) no-repeat 0 .5em;padding-left:8px}
.bmscontent ol {margin:0 0 17px 40px}
.bmscontent ol li {margin:0 0 5px}
.bmscontent ol ol {list-style:lower-alpha;margin:8px 0 8px 20px}
.bmscontent table {margin:0 0 17px}
.bmscontent table table {margin:0}
.bmscontent th {font-size:1.2em;background:#710100;color:#fff;font-weight:normal}
.bmscontent td {font-size:1em}
.bmscontent img {padding:0;margin:0;}

/**
 * This div element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 160px;
    height: 70px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the ul list (inside the div described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
  /*  border:1px solid red*/
}

.jcarousel-prev {
    z-index: 3;
    display: none;
  /*  border:1px solid red */
}



/* background, arrows, items, settings for inside the carousel */
.jcarousel-skin-tango {font-size:10px;}
.jcarousel-skin-tango .listText a {font-weight:bold;color:#2259AF}

.jcarousel-skin-tango .jcarousel-container {
   background: url(/images/bms_carouselbg.png) no-repeat 0 0; 
   width:686px;
   height:93px;
 
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 686px;
    padding: 15px 0px 0px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  600px;
    height: 65px;
    margin: 0px 45px;
    /*border:1px solid red*/
}


.jcarousel-skin-tango .jcarousel-item {
    width: 160px;
    height: 70px;
    
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    padding-left: 30px;
    padding-right: 10px;
    border-right:1px dotted #b3b3b7;
}



.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 23px;
    right: 5px;
    width: 20px;
    height: 42px;
    cursor: pointer;
   
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 23px;
    left: 5px;
    width: 20px;
    height: 42px;
    cursor: pointer;
    
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


/*  END arrows, items, settings for inside the carousel */


/**
 * Additional styles for the controls.
 */
.jcarousel-control {
    margin-bottom: 10px;
    text-align: center;
}

.jcarousel-control a {
    font-size: 75%;
    text-decoration: none;
    padding: 0 5px;
    margin: 0 0 5px 0;
    border: 1px solid #fff;
    color: #eee;
    background-color: #4088b8;
    font-weight: bold;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}



#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -10px;
    text-decoration: underline;
    font-size: 11px;
}