/* -------------------------------------------------------------- 
   reset.css
   * Resets default browser CSS.
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* -------------------------------------------------------------- 
    Typography
-------------------------------------------------------------- */
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { color: #FFF; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 10px; padding:0; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

h2 span.redText{ color:#E33033; }
.yellowText  { font-weight:bold; font-size:12px; color:#FFAC08; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #FFAC08; text-decoration: underline; }
a           { color: #FFAC08; }

blockquote  { margin:0 0 15px 0; line-height:1.5em; font-weight:bold; font-size:13px; }
.standout  { margin:0 0 15px 0; line-height:1.5em; font-weight:bold; font-size:13px; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small, small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large, big        { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide              { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* -------------------------------------------------------------- 
    Layout
-------------------------------------------------------------- */
.clear{
  clear:both;
}

body{
  background:#000;
  color:#FFFFFF;
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
}

html, body { height: 100%; margin-bottom: 1px; }


.topBar{
  background:url(Images/grey-bar.jpg) repeat-x;
  height:34px;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
}

#Wrapper{
  width:950px;
  margin:0 auto;
  padding:0 0 40px 0;
  position:relative;
  z-index:100;
}

#Header{
  width:940px;
  height:80px;
  margin:0 auto;
  padding:50px 0 0 10px;
  background:url(Images/header-background.jpg) no-repeat;
}

h1#Logo{
  width:238px;
  height:63px;
  background:url(Images/Schaefers-logo-trans.png) no-repeat;
}

h1#Logo a{
  width:238px;
  height:63px;
  display:block;
  position:relative;
  z-index:500;
}

h1#Logo em{
  font-size:14px !important;
}

#Nav{
  position:absolute;
  top:70px;
  left:285px;
  font-size:13px;
}

#Nav h2{
  display:none;
}

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

#Nav ul li{
  display:inline;
  margin:0 48px 0 0;
  padding:0;
}

#Nav ul li.last{
  margin:0;
}

#Nav ul li a{
  color:#FFF;
  text-decoration:none;
}

#Nav ul li a:hover{
  color:#ffab08;
  text-decoration:none;
}

#GlobalNav {
  position:absolute;
  top:7px;
  right:15px;
  font-size:11px;
  list-style:none;
  margin:0;
  padding:0;
  width:425px;
  text-align:right;
}

#GlobalNav h2{
  display:none;
}

#GlobalNav ul{
  list-style:none;
  margin:4px 5px 0 0;
  padding:0;
  float:left;
}

#GlobalNav ul li{
  float:left;
  margin:0;
  padding:0 4px;
  border-right:1px solid #FFF;
  line-height:1.2em;
}

#GlobalNav ul li.last{
  border-right:none;
}

#GlobalNav a, #GlobalNav a:active, #GlobalNav a:visited{
  color:#FFF;
  text-decoration:none;
}

#GlobalNav a:hover{
  color:#ffab08;
  text-decoration:underline;
}

#GlobalNav a.question{
  color:#ffab08 !important;
  padding:0 0 0 18px;
  background:url(Images/question.jpg) 0 1px no-repeat;
}

#GlobalNav a.question:hover{
  color:#ffab08;
}

#GlobalNav input[type='text']{
  width:110px;
  height:16px;
  border:1px solid #000;
  margin:0;
  padding:1px;
  font-size:12px;
}

#GlobalNav label{
  display:none;
}

.sf_searchSubmit{
  background:url(Images/button-bg.jpg) repeat-x;
  border:1px solid #535353;
  color:#FFFFFF;
  font-size:10px;
  padding:1px 2px;
  font-weight:bold;
  margin:0 0 0 3px;
}

.sf_searchSubmit:hover{
  background:#FFAC08;
  color:#000;
}

#ButtonNav{
  font-size:11px;
  color:#838383;
  padding:0 0 0 1px;
  clear:both;
}

#ButtonNav ul{
  list-style:none;
  margin:0;
  padding:0;
  border-bottom:2px solid #ffab08;
  height:68px;
}

#ButtonNav ul li{
  width:168px;
  height:68px;
  margin:0 27px 0 0;
  padding:0;
  float:left;
  cursor:pointer;
}

#ButtonNav ul li.last{
  margin:0 0 0 1px;
}

#ButtonNav a{
  font-weight:bold;
  color:#838383;
  text-decoration:none;
  display:block;
  font-size:12px;
}

li#University{
  background:url(Images/university.jpg) no-repeat;
}

li#University:hover, li#University.active{
  background:url(Images/university-hover.jpg) no-repeat;
}

li#Products{
  background:url(Images/products.jpg) no-repeat;
}

li#Products:hover, li#Products.active{
  background:url(Images/products-hover.jpg) no-repeat;
}

li#Services{
  background:url(Images/services.jpg) no-repeat;
}

li#Services:hover, li#Services.active{
  background:url(Images/services-hover.jpg) no-repeat;
}

li#Install{
  background:url(Images/install.jpg) no-repeat;
}

li#Install:hover, li#Install.active{
  background:url(Images/install-hover.jpg) no-repeat;
}

li#About{
  background:url(Images/about.jpg) no-repeat;
}

li#About:hover, li#About.active{
  background:url(Images/about-hover.jpg) no-repeat;
}

#ContentWrapper{
  margin-bottom:40px;
  font-size:12px;
  color:#949494;
}

#ContentWrapper p{
  margin-bottom:15px;
  line-height:1.5em;
}

#Content{
  width:450px;
  float:left;
  padding-right:60px;
  padding-left:10px;
}

#SideBar{
  width:430px;
  float:left;
  text-align:center;
}

#Sidebar img{
  max-width:428px;
}

#Breadcrumbs{
  width:930px;
  padding:0 10px 10px 10px;
}

#ctl00_cphBreadcrumbs_tm_Breadcrumb1{
  color:#FFF;
  display:block;
}

#ctl00_cphBreadcrumbs_tm_Breadcrumb1 a{
  color:#949494;
  text-decoration:none;
}

#ctl00_cphBreadcrumbs_tm_Breadcrumb1 a:hover{
  color:#949494;
  text-decoration:underline;
}

#Footer{
  width:950px;
  margin:0 auto;
  padding:0;
  color:#3c3c3c;
  font-size:11px;
  clear:both;
}

#Footer span{
  color:#ffab08;
  font-weight:bold;
  font-size:13px;
}

#Footer ul{
  list-style:none;
  margin:0 15px 0 0;
  padding:0;
  float:left;
  width:142px;
}

#Footer ul.first{
  margin:0 15px 0 10px;
}

#Footer ul.last{
  margin:0 0px 0 0;
}

#Footer ul li{
  margin:3px 0;
  padding:0;
}

#Footer a, #Footer a:active, #Footer a:visited{
  color:#3c3c3c;
  text-decoration:none;
}

#Footer a:hover{
  color:#CCC;
  text-decoration:none;
}

li.social{
  padding:0 0 2px 25px !important;
  margin:4px 0 0 0 !important;
}

.facebook{
  background:url(Images/Facebook.jpg) no-repeat;
}

.twitter{
  background:url(Images/Twitter.jpg) no-repeat;
}

.youTube{
  background:url(Images/YouTube.jpg) no-repeat;
}

.adios{
  display:none;
}

.floatLeft{
  float:left;
}

.panel{
  width:919px;
  color:#000;
  background:url(Images/tabs-bg.jpg) repeat-x #cd7e05;
  overflow:hidden;
  position:relative;
  z-index:300;
  padding:15px;
  display:none;
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
}

.panelContent{
  width:420px;
  float:left;
  line-height:1.5em;
  margin-right:15px;
}

.panelLinks{
  width:480px;
  float:left;
  line-height:1.5em;
}

.panelLinks a{
  width:140px;
  height:51px;
  margin:0 0 2px 0;
  padding:17px 15px 0 75px;
  background:url(Images/tab-links-trans.png) no-repeat;
  
}

.panelLinks a:hover{
  background:url(Images/tab-links-hover-trans.png) no-repeat;
}

a.staffLink{
  background:url(Images/staff-links-trans.png) no-repeat;
}

a.staffLink:hover{
  background:url(Images/staff-links-hover-trans.png) no-repeat;
}

a.communityLink{
  background:url(Images/community-links-trans.png) no-repeat;
}

a.communityLink:hover{
  background:url(Images/community-links-hover-trans.png) no-repeat;
}

a.locationLink{
  background:url(Images/locations-links-trans.png) no-repeat;
}

a.locationLink:hover{
  background:url(Images/locations-links-hover-trans.png) no-repeat;
}

a.historyLink{
  background:url(Images/history-links-trans.png) no-repeat;
}

a.historyLink:hover{
  background:url(Images/history-links-hover-trans.png) no-repeat;
}

a.customInstallLink{
  background:url(Images/customInstall-links-trans.png) no-repeat;
}

a.customInstallLink:hover{
  background:url(Images/customInstall-links-hover-trans.png) no-repeat;
}

a.appServiceLink{
  background:url(Images/appService-links-trans.png) no-repeat;
}

a.appServiceLink:hover{
  background:url(Images/appService-links-hover-trans.png) no-repeat;
}

a.deliveryLink{
  background:url(Images/delivery-links-trans.png) no-repeat;
}

a.deliveryLink:hover{
  background:url(Images/delivery-links-hover-trans.png) no-repeat;
}

a.calibrationLink{
  background:url(Images/calibration-links-trans.png) no-repeat;
}

a.calibrationLink:hover{
  background:url(Images/calibration-links-hover-trans.png) no-repeat;
}

a.connectLink{
  background:url(Images/connect-links-trans.png) no-repeat;
}

a.connectLink:hover{
  background:url(Images/connect-links-hover-trans.png) no-repeat;
}

a.appliancesLink{
  background:url(Images/appliances-links-trans.png) no-repeat;
}

a.appliancesLink:hover{
  background:url(Images/appliances-links-hover-trans.png) no-repeat;
}

a.boutiqueLink{
  background:url(Images/boutique-links-trans.png) no-repeat;
}

a.boutiqueLink:hover{
  background:url(Images/boutique-links-hover-trans.png) no-repeat;
}

a.electronicsLink{
  background:url(Images/electronics-links-trans.png) no-repeat;
}

a.electronicsLink:hover{
  background:url(Images/electronics-links-hover-trans.png) no-repeat;
}

a.audioLink{
  background:url(Images/audio-links-trans.png) no-repeat;
}

a.audioLink:hover{
  background:url(Images/audio-links-hover-trans.png) no-repeat;
}

a.homeTheaterLink{
  background:url(Images/homeTheater-links-trans.png) no-repeat;
}

a.homeTheaterLink:hover{
  background:url(Images/homeTheater-links-hover-trans.png) no-repeat;
}

a.televisionLink{
  background:url(Images/television-links-trans.png) no-repeat;
}

a.televisionLink:hover{
  background:url(Images/television-links-hover-trans.png) no-repeat;
}

.panel ol{
  float:left;
  margin:0 10px 0 0;
  padding:0;
}

.panel li{
  margin:0;
  padding:0;
  list-style:none;
}

.panel a{
  text-transform:uppercase;
  color:#000 !important;
  text-decoration:none;
}

#ScrollContainer{
  position:relative;
  margin-top:35px;
}

div.scrollable {
  position:relative;
  overflow:hidden;
  width: 950px;
  height:308px;
}

#thumbs {
  position:absolute;
  width:9500px;
  height:308px;
  clear:both;
}

#thumbs div {
  float:left;
  width:950px;
  height:308px;
}

#thumbs img {
  width:950px;
  height:308px;
}

#thumbs a {
  cursor:pointer;
}

/*  Arrows
-------------------------------------------------------------------------- */
#ScrollContainer a.prev, #ScrollContainer a.next {
  position:absolute;
  top:120px;
}

#ScrollContainer a.prev, #ScrollContainer a.next, #ScrollContainer a.prevPage, #ScrollContainer a.nextPage {
  display:block;
  width:44px;
  height:44px;
  background-image:url(/images/prev-trans.png);
  background-repeat:no-repeat;
  background-position:center;
  float:left;
  margin:0px;
  cursor:pointer;
}

#ScrollContainer a.prev{
  left:0;
}

#ScrollContainer a.disabled {
  visibility:hidden !important;
}

#ScrollContainer a.next, #ScrollContainer a.nextPage {
  background-image:url(/images/next-trans.png);
  right:0;
  float:right;
}

.clear{
  clear:both;
}

/*  Form Styles
-------------------------------------------------------------------------- */
form {
  margin-bottom:10px;
}

.field, passwordField{
  overflow: auto;
  padding:0.5em 0;
  position: relative;
  clear:both;
}

.fieldTextbox{
  overflow:auto;
  position:relative;
}

#InstallForm span, #CustomInstallForm span, .generalForm span{
  display: block;
  color: #FFF;
  font-weight: bold;
  margin-bottom:3px;
}

#InstallForm em, #CustomInstallForm em, .generalForm em {
  color: #FF0000;
  font-weight: bold;
  margin-left:2px;
}

#InstallForm input[type='text'], #CustomInstallForm input[type='text'], .generalForm input[type='text'], .generalForm input[type='file'], select {
  float: left;
  padding: 5px;
  width: 200px;
  border: 1px solid #000;
  background:#949494;
  color:#000;
}

.checkbox input{
  width:auto;
}

#InstallForm input:focus {
  border: 1px solid #C67D00;
  background: #FFFF9C;
}

textarea {
  float: left;
  padding: 5px;
  width: 380px;
  height: 150px;
  margin-bottom: 10px;
  border: 1px solid #000;
  background:#949494;
}

select {
  width: 254px;
}

.error .messages, .error .messages li {
  float: left;
  margin: 0;
  padding:0;
  list-style: none;
  width:135px;
}

.error .messages li {
  padding: 7px 0 0 44px;
  color: #b92d23;
}

.error input {
  color: #b92d23;
}

.success {
  background: url(Images/success_icon.jpg) 235px 30px no-repeat;
}
.error {
  background: url(Images/error_icon.jpg) 235px 30px no-repeat;
}

.fieldTextbox .success{
  background: url(Images/success_icon.jpg) 235px 3px no-repeat;
}

.fieldTextbox .error{
  background: url(Images/error_icon.jpg) 235px 3px no-repeat;
}

div.overlay .success {
  background: url(Images/modal_success_icon.jpg) 235px 30px no-repeat;
}
div.overlay .error {
  background: url(Images/modal_error_icon.jpg) 235px 30px no-repeat;
}

div.overlay .fieldTextbox .success{
  background: url(Images/modal_success_icon.jpg) 235px 3px no-repeat;
}

div.overlay .fieldTextbox .error{
  background: url(Images/modal_error_icon.jpg) 235px 3px no-repeat;
}


.fieldTextbox .messages li, .fieldTextbox .error .messages {
  float: left;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 128px !important;
  top: 2px;
  list-style: none;
}

#InstallForm fieldset, fieldset.bordered {
  border:1px solid #666;
  background:#000;
  padding:5px 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  text-align:left;
  width:400px;
}

.button input {
  width: auto !important;
  background: none !important;
  border: none !important;
  text-decoration: underline !important;
  color:#949494  !important;
}

.button input:hover {
  cursor: pointer;
}

.button input.submitbut {
  background: #ffc11a !important;
  padding: 5px 25px !important;
  border: 1px solid #000;
  color: #000 !important;
  font-weight: bold !important;
  text-decoration: none !important;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

a.submitbut {
  background: #ffc11a !important;
  padding: 5px 25px !important;
  border: 1px solid #000;
  color: #000 !important;
  font-weight: bold !important;
  text-decoration: none !important;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.button input.submitbut:hover {
  background: #ff7a02 !important;
  color:#FFF !important;
}

a.submitbut:hover {
  background: #ff7a02 !important;
  color:#FFF !important;
}

.validate_any {
  position: relative;
}

.validate_any.error {
  padding-top: 2em;
  background-position: 0 0.2em;
}

.validate_any .messages {
  position: absolute;
  left: 0;
  top: 0.1em;
}

#next, .nextButton {
  float: left;
  margin:10px 0 10px 10px;
}

#back {
  height: 24px;
  float: left;
  padding:5px 0 0 5px;
  margin:10px 0;
  margin-left: 15px;
  border-left: 1px solid #DDD;
}

#InstallForm .phone, #CustomInstallForm .phone {
  width: 50px !important;
  margin-right: 10px;
  float:left;
  clear:none;
}

p.helpText {
  clear: both;
  font-size: .9em;
  margin:0;
  padding:0;
}

div#InstallForm{
  margin-bottom:25px;
}

table.manageTable{
  background:#333;
  color:#FFF;
}

table.manageTable th{
  background:#FFAC08;
  color:#000;
  border-bottom:1px solid #000;
  border-right:1px solid #000;
}

table.manageTable td{
  border-bottom:1px solid #000;
  border-right:1px solid #000;
}

.leftForm{
  float:left;
  width:450px;
  margin-right:25px;
}

.rightForm{
  float:left;
  width:450px;
}

div.field ul{
  margin:0;
  padding:0;
  list-style:none;
}

#RebateList table{
  background:#333;
  color:#FFF;
  margin:0;
}

#RebateList table th{
  background:#222;
  color:#FFAC08;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
}

#RebateList table td{
  padding:5px;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
}

#RebateList h3{
  margin:20px 0 0 0;
  padding:0 0 0 10px;
  border-bottom:1px solid #FFAC08;
}

th.start{
  width:10%;
  text-align:center;
}

td.start{
  width:10%;
  text-align:right;
}

th.expires{
  width:10%;
  text-align:center;
}

td.expires{
  width:10%;
  text-align:right;
}

.description{
  width:60%;
}

.rebate{
  width:10%;
  text-align:center;
}

.track{
  width:10%;
  text-align:center;
}

.phone{
  width:15%;
}

.website{
  width:20%;
}

div.messageBox{
  clear:both;
}

div.messageBox span{
  color:#FFAC08 !important;
  padding:5px !important;
  text-align:center;
  font-size:14px;
}

/*  Modal
-------------------------------------------------------------------------- */
#Trigger{
  cursor:pointer;
}

div.overlay{
  display:none;
  padding:35px;
  font-size:11px;
  width:430px;
}

div#overlay{
  background-image:url(Images/modal-bg.png);
  height:525px;
}

div#CustomInstall{
  background-image:url(Images/ci-modal-bg.png);
  height:508px;
}

div.overlay h3{
  color:#FFA90F;
  font-size:22px;
  font-weight:bold;
}

div.overlay div.close{
  background-image:url(Images/modal-close-trans.png);
  position:absolute;
  right:-11px;
  top:-15px;
  cursor:pointer;
  height:50px;
  width:50px;
}

#overlay fieldset{
  background:none;
  border:none;
  padding:0;
}

div.overlay #next {
  margin:0;
}

div.overlay #back {
  margin:0 0 0 15px;
}

div.overlay span#ct100_ContactUC1_lblErrors{
  background:#CCC;
  padding:8px;
  display:block;
  text-align:center;
  border:2px solid #FFF;
  margin:5px;
  color:#000;
}

/*  Video Page
-------------------------------------------------------------------------- */
#Television{
  width:562px;
  height:340px;
  background:url(/images/video-tv.jpg) no-repeat;
  padding:8px 12px 72px 12px;
  float:left;
  margin:6px 35px 0 15px;
}

.screen{
  width:530px;
  height:340px;
}

#ctl00_ContentArea_ListDisplay1{
  float:left;
  width:280px;
}

#ctl00_ContentArea_ListDisplay1 h2{
  color:#FFA90F;
  font-size:22px;
  font-weight:bold;
  margin:0;
  padding:0;
}

p.sf_controlListItems{
  display:none;
}

#ctl00_ContentArea_ListDisplay1 ul{
  border:1px solid #5b461f;
  background:#000;
  margin:10px 0 0 0;
  padding:0;
  height:380px;
  overflow-y:scroll;
  overflow-x:hidden;
}

#ctl00_ContentArea_ListDisplay1 ul br{
  display:none;
}

#ctl00_ContentArea_ListDisplay1 ul strong{
  padding:0 0 0 10px;
  color:#FFA90F;
}

#ctl00_ContentArea_ListDisplay1 li{
  list-style:none;
  margin:0;
  padding:0;
}

#ctl00_ContentArea_ListDisplay1 h3 a{
  color:#FFF;
  text-decoration:none;
  display:block;
  padding:10px 5px 10px 35px;
  font-weight:bold;
  background:url(Images/video-category.jpg) 8px 8px no-repeat;
}

#ctl00_ContentArea_ListDisplay1 h3 a:hover{
  color:#FFF;
  text-decoration:none;
  background:url(Images/video-category-hover.jpg) 8px 8px #5b461f no-repeat;
}

#ctl00_ContentArea_ListDisplay1 h3 a.active{
  color:#FFF;
  text-decoration:none;
  background:url(Images/video-category-active.jpg) 8px 8px #5b461f no-repeat;
}

#ctl00_ContentArea_ListDisplay1 a{
  color:#FFF;
  text-decoration:none;
  display:block;
  padding:10px 5px 10px 35px;
  background:url(Images/video-play.jpg) 8px 8px no-repeat;
}

#ctl00_ContentArea_ListDisplay1 a:hover{
  color:#000;
  text-decoration:none;
  background:url(Images/video-play-hover.jpg) 8px 8px #ffab08 no-repeat;
}

/*  Staff Page
-------------------------------------------------------------------------- */
.carosel{
  height:34em;
}

div.carosel h2{
  display:none;
}

.roundabout-holder {
  list-style: none;
  width: 87%;
  height: 34em;
  padding:0;
  margin:0 auto;
}

.roundabout-moveable-item {
  height: 30em;
  width: 25em;
  font-size: 1em;
  cursor: pointer;
  padding:0 !important;
  text-align:center;
}

.roundabout-moveable-item img {
  width: 20em;
  height: 20em;
}

.roundabout-moveable-item h3{
  font-size:1.1em;
  font-weight:bold;
  margin:0 0 .5em 0;
}

.roundabout-moveable-item a{
  color:#FFAC08;
  text-decoration:none;
  font-size: 1em;
  margin:0;
}

.roundabout-moveable-item a:hover{
  color:#FFAC08;
  text-decoration:underline;
  font-size: 1em;
}

.roundabout-moveable-item p{
  margin:.6em 0;
  font-size: 1em;
}

.roundabout-in-focus {

}

div.employeeInfo{
  background:#000;
  padding:1em 2em;
  border:1px solid #111;
}

#RotatorNav{
  padding:15px 0 0 0;
}

#RotatorNav ul{
  margin:0;
  padding:0;
  background:url(Images/staff-nav-bg.jpg);
  border:#2c2c2c 1px solid;
  height:35px;
}

#RotatorNav li{
  margin:0;
  padding:0;
  list-style:none;
  display:inline;
}

#RotatorNav a{
  text-decoration:none;
  padding:10px;
  display:block;
  float:left;
  border-left:1px solid #2c2c2c;
  width:82px;
  font-weight:bold;
  color:#828282;
  text-align:center;
}

#RotatorNav a.double{
  padding:5px 10px 6px 10px;
  line-height:1em;
}

#RotatorNav a.first{
  border-left:none;
  width:84px;
  _width:83px;
}

#RotatorNav a:hover{
  background:url(Images/staff-nav-bg-hover.jpg);
  color:#000;
}

#RotatorNav a.active{
  color:#000;
  background:url(Images/staff-nav-bg-hover.jpg);
}

/*  Events Page
-------------------------------------------------------------------------- */
ol.sf_eventsList{
  margin:0;
  padding:0;
}

ol.sf_eventsList li{
  margin:0 0 3px 0;
  padding:0 15px;
  list-style:none;
  border-bottom:1px solid #666;
  border-top:1px solid #666;
  background:#222;
}

ol.sf_eventsList li ol, ol.sf_eventsList li ul{
  margin:0px 15px 15px 15px !important;
  padding:0;
}

ol.sf_eventsList li ol li img, ol.sf_eventsList li ul li img{
  max-width:400px !important;
  _width:400px !important;
}

div.sf_eventSummary img, div.sf_eventContent img{
  max-width:400px !important;
  _width:400px !important;
}

ol.sf_eventsList li ol li{
  margin:4px !important;
  padding:0;
  list-style:none;
  border:none;
  background:none;
  list-style-type:decimal;
}

ol.sf_eventsList li ul li{
  margin:4px !important;
  padding:0;
  list-style:none;
  border:none;
  background:none;
  list-style-type:disc;
}

ol.sf_eventsList h3.sf_eventTitle{
  margin:10px 0 2px 0;
  padding:0;
  font-size:18px;
  font-weight:bold;
}

ol.sf_eventsList a{
  color:#FFAC08;
  text-decoration:none;
}

ol.sf_eventsList a:hover{
  color:#FFAC08;
  text-decoration:underline;
}

p.sf_eventPriod{
  font-size:11px;
}

div.sf_eventSummary{
  color:#FFF;
}

address.sf_eventLocation{

}

/*  Walkthrough
-------------------------------------------------------------------------- */
#StoreLayout{
  position:relative;
  width:930px;
  height:449px;
  margin:0;
  padding:0;
  overflow:hidden;
}

#StoreLayout img.walkthrough{
  position:absolute;
  top:0;
  right:0;
}

#StoreLayout p{
  width:450px;
}

.more {
  position: absolute;
  width: 64px;
  height: 40px;
  background: url(Images/dim.png);
  border: 1px solid #444;
  padding:0px;
  text-align: left;
  overflow: hidden;
}

.more span {
  position: absolute;
  left: 64px;
  width: 150px;
  padding: 12px 0 0 12px;
  color: #FFF;
  font: bold 13px Lucida Grande, Arial, sans-serif;
  text-shadow: #000 1px 1px 0px;
}

.more a {
  cursor:pointer !important;
  text-decoration:none;
}

.more a:hover {
  cursor:pointer !important;
  text-decoration:none;
}

#STAppliances {
  top: 293px;
  left: 257px;
}

#STKitchen {
  top: 195px;
  right: 494px;
}

#STCSales {
  top: 191px;
  left: 482px;
}

#STHomeTheater {
  top: 98px;
  left:666px;
}

#STTelevision {
  top: 264px;
  left: 655px;
}

#STCustomInstall {
  top: 309px;
  right:21px;
}

#STAudio {
  top: 175px;
  right: 78px;
}

#STGourmetBoutique {
  top: 115px;
  right:298px;
}

.infobox {
  position:absolute;
  top:250px;
  left:10px;
  width:866px;
  height:365px;
  z-index: 20;
  margin:0;
  padding:20px;
  background:url(Images/infoBG.jpg) repeat-x bottom #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.infobox h3{
  color:#000;
  margin:0 0 10px 0;
}

.infobox p{
  width:auto;
  color:#333;
}

.infobox a, .infobox a:visited {
  font: italic 16px Georgia, serif;
  color: #555;
  text-decoration: none;
}
.infobox a:hover {
  text-decoration: underline;
}

.infobox ul{
  margin-left:20px;
}

span.close {
  position: absolute;
  right:-15px;
  top:-15px;
}

span.close img{
  border:none !important;
}

#fade_bg {
  position: absolute;
  top:0;
  left:0;
  z-index: 15;
  width:930px;
  height:449px;
  display: none;
}

.sf_photoListLightbox li{
  width:auto !important;
  height:auto !important;
  overflow:visible !important;
}

.sf_image{
  width:auto !important;
  height:auto !important;
  overflow:visible !important;
}

.sf_image img{
  position:relative !important;
}

ul.rtUL a{
  color:#FFF !important;
}

ul.rtUL a:hover{
  color:#FFAC08 !important;
  background:#000 !important;
}

span.count{
  color:#666;
  padding:7px;
  margin-left:160px;
  font-weight:normal;
}

.floatRight{
  float:right;
  margin:0 0 15px 10px;
}

.disclaimer{
  color:#3c3c3c;
  text-align:center;
}