html
{
    background: url("/media/2/brick-background.jpg") repeat-x scroll 0 0 #1D170D;
}

body
{
    width: 990px;
    margin: 0px auto;
}

#header
{
    background-color: white;
    padding: 16px;
}

#sbh-home-logo
{
    margin-right: 32px;
}

#order-online-header
{
    float: right;
}

#topnav-section
{
    height: 55px;
    background: url("/media/7/topnav-background.png") no-repeat scroll 0 0 transparent;
    padding-left: 79px;
    font-size: 11px;
    
    z-index: 100;
    position: absolute;
    width: 990px;
}
.nav ul,
ul.nav
{
}
#topnav-section ul
{
    list-style-type: none;    
    margin: 0px;
    padding: 0px;
    display: block;
    float: left;
    height: 55px;
}
#topnav-highlight
{
    background: url("/media/12/topnav-highlight-background.png") no-repeat scroll 0 0 transparent;
    text-transform: uppercase;
    font-size: 13px;
}
#topnav-section li
{
    float: left;
    height: 55px;
    background: url("/media/17/topnav-separator.png") no-repeat scroll left top transparent;

    margin: 0px;
    position: relative;
}
#topnav-section li.current a
{
    text-decoration: underline;
}
#topnav-section li a
{
    font-weight: bold;
    color: white;
    margin-left: 3px;
    line-height: 33px;
    padding: 0px 9px;
/*    background-color: #aa090f; */
    
    display: block;
    
    text-decoration: none;
}
#topnav-section li a:hover
{
    color: #332200;
}
#topnav-highlight li a
{
    color: #E8DAB0;
/*    background-color: #e51837; */
}

.float-contain
{
    clear: both;
    height: 0px;
}

/* subnav */
#topnav-section li ul
{
    display: none;
    text-transform: none;
    height: auto;
    float: none;
    position: absolute;
    left: 0px;
    top: 34px;
    z-index: 200;
    width: 180px;
    font-size: 13px;

    background-color: white;
    border: 3px solid black;

/*
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
*/
}
#topnav-section li:hover ul
{
    display: block;
}
#topnav-section li ul li
{
    height: auto;
    float: none;
    color: red;
    background-color: white;
    background-image: none;
}
#topnav-section li ul li a,
#topnav-section li.current ul li a
{
    line-height: 1.4em;
    background-color: white;
    color: #0033CC;
    text-decoration: none;
}
#topnav-section li ul li:hover,
#topnav-section li ul li:hover a
{
    color: white;
    background-color: #0033CC;
}


.main-section
{
    background-color: white;
}

#footer
{
    background-color: #1D170D;
    margin-top: 4px;
    font-size: 10px;
}
#footer-top
{
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #1D170D;
    background-image: url("/media/22/footer-background.jpg");
    padding: 10px;
}
#footer-top,
#footer-top a
{
    color: #332200;    
}
#footer-top .copyright
{
    text-align: center;
    margin: 6px 0px;
}

#footer-bottom
{
    text-align: right;
    padding: 10px;
}
#footer-bottom,
#footer-bottom a
{
    color: white;
}

#footer-social
{
    float: right;
    width: 260px;
}
#footer-eclub-signup img
{
    margin: 4px;
}

#footernav
{
    text-align: center;
    clear: both;
    margin: 0px;
    padding: 0px;
}
#footernav li
{
    display: inline;
    margin: 0px 8px;
}

#homepage-bottom
{
    margin-top: 10px;
}

#news-column
{
    background-image: url('/media/74/news-background.jpg');
    background-position: top right;
    background-repeat: no-repeat;
}
#news-column h2
{
    text-transform: none;
    color: black;
    font-size: 26px;
    font-family: armychalk, arial, sans-serif;

    margin: 0px;
    margin-left: 8px;
    margin-right: 62px; /* room for the 'Free WiFi' */

    padding-top: 16px;
    height: 54px;
}
#news-column-content
{
    margin: 0px 4px;
    padding: 6px;
}
#news-column-bottom
{
    width: 127px;
    height: 1px;
    background-color: #CECCCD;
    margin-left: 1px;
}

.right-column
{
    float: right;
    width: 366px;
/*    margin-left: 10px; */
}

#content-section
{
    margin-top: 34px;
    position: relative; /* for the leftnav position:absolute */
}
.main-section
{
    clear: both;
}

h1
{
  text-transform: uppercase;
  color: #1D170D;
  font-family: Arial, sans-serif;
  font-size: 18px;
  margin: 0 0 10px;
  padding: 0;
}
#left-navigation h1
{
  margin: 0px 8px;
  font-size: 14px;
}

#left-navigation
{
  background-color: #E9DAB1;
  bottom: 0;
  /* border-left: 1px solid white; */
  left: 1px;
  padding: 26px 5px 5px;
  position: absolute;
  top: 0;
  width: 162px;
}

#main
{
  padding: 24px 10px;
}

#left-navigation+#main
{
    margin-left: 173px;
}

#left-navigation li
{
    margin-left: 6px;
    margin-bottom: 0px;
}
#left-navigation li.current a
{
  text-decoration: none;
}

#left-navigation ul
{
  padding-left: 0px;
  margin-left: 20px;
}

#employee
{
  background-image: url('/media/565/employees-background.jpg');

  width: 660px;
  height: 673px;

  font-family: "Courier New", Courier, monospace;

  position: relative;
}
#employee img
{
  position: absolute;
  left: 17px;
  top: 36px;
}
#employee .vcard
{
  padding: 40px 30px;
  margin-left: 270px;
}
#employee .fn
{
  font-family: "Courier New", Courier, monospace;
  font-size: 18px;
  font-weight: bold;
}
#employee .title
{
  font-size: 15px;
  font-weight: bold;
}
#employee dl dt,
#employee .email,
#employee .title
{
  color: #C31F38;
}
#employee dl
{
  margin-top: 2em;
  margin-left: 20px;
}
#employee dl dt
{
  margin-top: 1em;
}
#employee dl dd
{
  padding-left: 0px;
  margin-left: 20px;
}
#employee a.email
{
  text-decoration: none;
}
#employee a.email:hover
{
  text-decoration: underline;
}

#employee-navigation
{
  list-style-type: none;
  margin: 1em 0px;
  padding: 0px;
  padding-bottom: 4em;
  overflow: auto;

  position: relative;
}
#employee-navigation li
{
  float: left;
  margin: 2px;
}
#employee-navigation li.current img
{
  opacity: 0.6;
}
#employee-navigation li a
{
  display: block;
  text-decoration: none;
}
#employee-navigation li a .info
{
  display: none;

  text-align: center;

  position: absolute;
  left: 200px;
  top: 60px;
  z-index: 100;
}
#employee-navigation li a .info .title
{
  border-top: 1px solid #C31F38;
}


#employee-navigation li a:hover .info
{
  display: block;
}

.media-gallery-location
{
  clear: both;
}
ul#media-gallery
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  clear: both;
}

ul#media-gallery li
{
  float: left;
}

ul#media-gallery li a
{
  display: block;

  width: 118px;
  height: 180px;
  padding: 5px;
  margin: 5px;
  border: 1px dashed #333333;
  text-align: center;

  text-decoration: none;

  position: relative;
}
ul#media-gallery li a:hover
{
  border-color: #aaaaaa;
}

ul#media-gallery li a img
{
  width: 115px;
  position: absolute;
  bottom: 6px;
  left: 6px;

  border: 1px solid black;
}

#large-gallery-image
{
  max-width: 900px;
  margin: 1em 0px;
  display: block;
}

#side-banners
{
  margin-top: 18px;
}

#side-banners img
{
  display: block;
  border: 1px solid black;
  margin-bottom: 6px;
}


.overlay-with-texture
{
    position: relative;
}
.overlay-with-texture .texture-overlay
{
    background-image: url('/media/2868/textureoverlay.png');
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


#employee-section-navigation
{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  overflow: auto;
}
#employee-section-navigation li
{
  float: left;
  margin: 0px;
  padding: 0px;
}
#employee-section-navigation li a
{
  border-left: 1px solid black;
}
#employee-section-navigation li:first-child a
{
  border-left: 0px solid black;
}
#employee-section-navigation li a
{
  padding: 0px 1em;
}
#employee-section-navigation li:first-child a
{
  padding-left: 0em;
}
#employee-section-navigation li.current a
{
  text-decoration: none;
}

#sbh-store-frame
{
  border-width: 0px;
  margin: 0px auto;
}

#homepage-twitter-list
{
  padding: 0px;
  margin: 0px;
}
#homepage-twitter-list li
{
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
}
#homepage-twitter-list li a
{
  display: block;
  padding: 6px 0px;
}



/* Feature Carousel - need to clean this up eventually -dcm */
#feature {margin-top: -10px; position: relative; margin:0; top:-2px; width:621px; background:#000000; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; border-left:1px solid #FFFFFF;}
#carousel * {margin:0; padding:0;}
#carousel {margin:0; width:621px; height:390px; padding:0; overflow:scroll; border-bottom:1px solid #FFFFFF;}
#carousel ul {list-style:none; /* width assigned inline for ASP math. */ margin:0; padding:0; position:relative;}
#carousel li {margin:0; display:inline; float:left;}
.textholder {text-align:left; font-size:8px; padding:6px; -moz-border-radius: 6px 6px 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;}
#carouselText {position:absolute; left:10px; bottom:8px; font-family:arial; font-weight:bold; font-size:12px; text-transform:uppercase; color:#FFFFFF;}
#carouselButton {position:absolute; display:block; width:75px; height:25px; right:14px; bottom:3px; }




/* unused -dcm #locationPosition {position:absolute; left:399px; bottom:0;} */

/* unused -dcm
#homeContent #locationMap {position:relative; width:222px; height:275px; background:url(/images/map_home.jpg) no-repeat;}
*/
/*	#homeContent #locationMap h1 {position:relative; font-family:armychalk; font-size:30px; line-height:30px; color:#332200; font-weight:normal; height:40px; margin:0; overflow:hidden; text-transform:none;}*/
/* unused -dcm
#homeContent #locationMap h1 {position:relative; font-family:arial black; font-size:24px; line-height:30px; color:#332200; font-weight:normal; height:40px; margin:0; overflow:hidden; text-transform:none;}
#homeContent #locationMap h1 span {position:absolute; display:block; top:0; left:0; height:33px; width:100%; background:url(/images/textureOverlay.png) repeat-x;}
* html #homeContent  #locationMap h1 span{background-color:#fff; back\ground-color:transparent; background-image: url(none.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient_1.png", sizingMethod="scale");}
*/

#locationMap
{
  position: relative;
  width: 222px;
  height: 275px;
  background: url('/media/695/map_locations.jpg') no-repeat;
}
.location
{
  display: block;
  position: absolute;
  width: 30px;
  height: 31px;
  background: url('/media/700/icon_location.png') no-repeat;
  text-decoration:none;
  z-index:100;
}
.locationInfo {display:none; position:absolute; left:-106px; top:-10px; width:147px; z-index:10000;}
.locationInfo {color:#332200; font-size:11px; font-family:"Trebuchet MS"; line-height:13px; cursor:pointer;}
.locationInfo b
{display:block; width:92px; padding:6px 47px 4px 8px; color:#0033CC; font-size:13px; font-family:"Trebuchet MS"; text-decoration:none; line-height:15px; background:url('/media/705/bg_locationinfo_top.png') no-repeat;}
.locationInfo span
{display:block; width:131px; padding:0 8px 8px 8px; background:url('/media/710/bg_locationinfo_bottom.png') no-repeat left bottom;}

#location1 {left:139px; top:118px;}
#location1Info {left:33px; top:108px;}
#location2 {left:83px; top:186px;}
#location2Info {left:-23px; top:176px;}
#location3 {left:65px; top:106px;}
#location3Info {left:-41px; top:96px;}
#location4 {left:110px; top:131px;}
#location4Info {left:4px; top:121px;}
#location5 {left:105px; top:144px;}
#location5Info {left:-1px; top:134px;}


/* end of location map */

form p,
div.date-field
{
  clear: left;
  margin: 0.2em 0px;
}
form .labeled-text-field ,
form .text-field ,
form .text-area-field ,
form .drop-down-field ,
form .date-field,
form .radio-field
{
  margin: 0.6em 0px;
  border: 1px solid white;
}
form p.labeled-text-field label,
form p.text-field label,
form p.text-area-field label,
form p.drop-down-field label,
form div.date-field label
{
  float: left;
  width: 150px;
  text-align: right;
  margin: 0.2em 0px;
  margin-right: 10px;
  padding: 0.1em 0px;
}
form h4.question,
form .inline-drop-down label,
form .inline-text-field label,
form .inline-text-area label,
form .inline-date-time label,
form .inline-radio span,
form fieldset legend
{
  display: block;
  color:#0033CC;
  font-size:14px;
  margin:0 0 5px;
  padding:0;
  margin-top: 10px;
  font-weight: bold;
}
form fieldset
{
  border-width: 0px;
  padding: 0px;
  margin: 0px;
  margin-top: 2em;
}

form .inline-drop-down select,
form .inline-text-field input,
form .inline-text-area textarea,
form .inline-date-time .date-time,
form .inline-radio input
{
  margin-left: 10px;
}

form .inline-text-area textarea
{
  width: 580px;
  height: 100px;
}

















































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */