/********************************************************
                GLOBAL VARIABLES
********************************************************/
body{
    background: #000;
    font-family: arial, helvetica, sans-serif;
    }


/********************************************************
                CONTAINER
********************************************************/
#container{
    margin: 15px auto;
    width: 761px;
    background: #000;
    font-famiy: Arial, Helvetica, Sans-Serif;
    background: url(/images/sblayout/body-bg2.gif) repeat-y;
    position: relative;
    }

/********************************************************
                BANNER
********************************************************/
#banner{
    clear: both;
    font-size: 12px;
    background: #000;
    }

.UAsafari #banner{
    position: static;
    }


.topnav{
    color: #FFBE00;
    position: absolute;
    top: 50px;
    right: 10px;
    font-size: 11px;
    }

.UAsafari .topnav{
    display: block;
    width: 250px;
    }

.topnav .space{
    display: block;
    float: left;
    padding-top: 15px;
    }

.topnav a{
    color: #FFBE00;
    text-decoration: none;
    text-transform: lowercase;
    }

.topnav a:hover{
    text-decoration: underline;
    }

.top_home{
    display: block;
    float: left;
    padding-top: 15px;
    background: url(/images/sblayout/home_icon.gif) no-repeat top center;
    }

.top_contact{
    display: block;
    float: left;
    padding-top: 15px;
    background: url(/images/sblayout/contact_icon.gif) no-repeat top center;
    }

.top_quote{
    display: block;
    float: left;
    padding-top: 15px;
    background: url(/images/sblayout/quote_icon.gif) no-repeat top center;
    }

.top_sitemap{
    display: block;
    float: left;
    padding-top: 15px;
    background: url(/images/sblayout/sitemap_icon.gif) no-repeat top center;
    }

/********* BANNER NAVIGATION *********/
.bannernavigation{
    display: block;
    }

.bannernavigation a, .bannernavigation img{
    display: block;
    float: left;
    margin: 0;
    }

a.banner_scoreboard{
    width: 162px;
    height: 58px;
    background: url(/images/sblayout/scoreboards.jpg) no-repeat;
    }

a.banner_outdoor{
    width: 130px;
    height: 58px;
    background: url(/images/sblayout/outdoor_signs.jpg) no-repeat;
    }

a.banner_support{
    width: 129px;
    height: 58px;
    background: url(/images/sblayout/service.jpg) no-repeat;
    }

a.banner_dealers{
    width: 109px;
    height: 58px;
    background: url(/images/sblayout/dealers.jpg) no-repeat;
    }

a.banner_company{
    width: 125px;
    height: 58px;
    background: url(/images/sblayout/company.jpg) no-repeat;
    }

a.banner_scoreboard:hover,
a.banner_outdoor:hover,
a.banner_support:hover,
a.banner_dealers:hover,
a.banner_company:hover{
    background-position: 0 -58px;
    }

a#banner_current{
    background-position: 0 -58px;
    }

img.marketing{
    display: block;
    }

.marketing2{
    display: block;
    border-bottom: solid 5px #000;
    }



/********* SEARCH FORM *********/
form.GoogleForm{
    display: block;
    position: absolute;
    top: 22px;
    right: 13px;
    }

form.GoogleForm input{
    font-size: 11px;
    width: 150px;
    }

form.GoogleForm img{
    position: relative;
    right: -2px;
    }

/********************************************************
                LEFT
********************************************************/
#left{ 
    width: 150px;
    float: left;
    font-size: 11px;
    margin-bottom: 20px;
    }

.submenu{
    display: block;
    }

#left .submenu a{
    padding: 2px 10px 2px 35px;
    background: url(/images/sblayout/dash.gif) no-repeat 25px 50% #3F3F3F;
    }

.registration_registration_frame{
    font-size:12px;
    }

iframe {
    overflow: hidden;
    width: 150px;
    }

/********* LEFT BUCKET HEADER *********/
.left_hdr{
    font-weight: bold;
    padding: 2px 10px 0 5px;
    height: 18px;
    color: #000;
    font-size: 11px;
    display: block;
    border-bottom: solid 1px #000;
    background: #FFCC00;
    text-transform: uppercase;
    }

.left_hdr a{
    color: #000;
    text-decoration: none;
    }

.hardware, .software{
    background: #23408f;
    background-image: none;
    }

/********* LEFT NAV LINKS *********/
.left_links{
    display: block;  
    background: #666666;
    }

.left_links a{
    display: block;
    color: #FFF;
    text-decoration: none;
    padding: 2px 10px 2px 20px;
    border-bottom: solid 1px #000;
    }

.left_links a:hover{
    background: #3F3F3F;
    }

.submenu{
    display: none;
    }

#left .clocks_timers{
    display: none;
    }

#left .timers{
    display: none;
    }

#left .game_clocks{
    display: none;
    }

.left_links #left_current{
    background: url(/images/sblayout/red-arrow.gif) no-repeat 5px 50% #3F3F3F;
    }

#left .submenu a#left_current{
    background: url(/images/sblayout/dash.gif) no-repeat 25px 50% #3F3F3F;
    }

.company_links{
    display: none;
    }


/********************************************************
                MAIN
********************************************************/
#main{
    margin: 15px;
    padding-bottom: 25px;
    font-famiy: Arial, Helvetica, Sans-Serif;
    font-size:1.0em;
/*    width: 560px;*/
    width: 581px;
    float: left;
    display: inline;
    }

.main_inner{
    display: block;
    }

.UAsafari .main_inner{
    float: right;
    }

.img_hdr{
    display: block;
    padding: 10px 5px 0 5px;
    }

.img_hdr object{
    position: relative;
    top: 10px;
    left: 10px;
    }

/********* BREADCRUMBS *********/
.breadcrumbs{
    display: block;
    font-size: 11px;
    color: #000;
    }

.breadcrumbs a{
    color: #0000FF;
    }


/********* MAIN NAV LINKS *********/
.main_links{
    display: block;
    padding: 10px;
    }

.main_links a{
    background: url(/images/bullet_gray_dark.gif) no-repeat 0 50%;
    padding-left: 10px;
    margin-bottom: 5px;
    display: block;    
    color: #0000FF;
    }

.main_links a:hover{
    color: #CB3738;
    }

#maincontent{
    color: #000;
    }



/********************************************************
                RIGHT
********************************************************/
#right{
    float: right;
    clear: right;
    width: 166px;
    font-size: 11px;
    margin-top: 27px;
    background: #FFEECD;
    }

#right h2{
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #23408F;
    }

#right h2 a{
    color: #23408F;
    }

/********* RIGHT BUCKET HEADER *********/
.right_hdr{
    height: 33px;
    width: 160px;
    background: url(/images/header_bg_sub.gif) no-repeat;
    padding: 22px 0 0 15px;
    display: block;
    font-weight: bold;
    }

.right_hdr a{
    color: #000;
    }

.right_bucket{
    display: block;
    width: 137px;
    height: 111px;
    background: url(/images/layout/right-bucket3.gif) no-repeat;
    padding: 15px 10px 0 10px;
    margin: 0 0 20px 0;
    }

.bucket_inner {
    background: url("/images/layout/peachMiddle.gif") repeat-y;
    display: block;
    padding: 0 30px 0 20px;
    }

font.cmx-RightBucketHeader {
    color: #23408F;
    font-size: 11px; 
    font-weight: bold;
    margin: 0 0 5px 0;
    position: relative;
    top: -10px;
    }

font.cmx-RightBucketHeader a {
    color: #23408F;
    }

.learnmore{
    display: block;
    text-align: right;
    padding: 0 35px 0 0;
    background: url(/images/layout/learn-more.gif) 135px 50% no-repeat;
    position: relative;
    top: -20px;
    }

.printableversion{
    display: block;
    background: url(/images/layout/printable.gif) no-repeat 50px 50%;
    text-align: right;
    margin: 0 20px 25px 0;
    }

.requestquote{
    display: block;
    background: url(/images/layout/request-quote.gif) no-repeat 50px 50%;
    text-align: right;
    margin: 0 20px 0 0;
    }



/********************************************************
                FOOTER
********************************************************/
#footer{
    clear: both;
    width: 761px;
    font-size: 12px;
    color: #808284;
    text-align: center;
    line-height: 150%;
    background: #000 url(/images/sblayout/footer-top.jpg) top no-repeat;
    }

#footer .inner{
    display: block;
    padding: 50px 0 10px 0;
    }

#footer a{
    color: #808284;
    text-decoration: none;
    }


#footer a:hover{
    text-decoration: underline;
    }



/********************************************************
                MISC
********************************************************/
.more{
    display: block;
    float: right;
    clear: right;
    background: url(/images/arrow_red_right3.gif) no-repeat 0 50%;
    padding-left: 10px;
    margin: 10px 0;
    }

.more a{
    color: #0000FF;
    }

.topmargin{
    margin: 10px 0 0 0;
    }

.bottommargin{
    margin: 0 0 10px 0;
    }

h1{
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px 0;
    color: #000;
    margin: 10px 0;
    } 

h2{
    font-size: 17px;
    font-weight: bold;
    padding: 5px;
    display: block;
    margin: 10px 0;
    background: #000;
    color: #FFCC00;
    clear: both;    
    }

h3{
    font-size: 15px;
    font-weight: bold;
    }

.img_left{
    float: left;
    padding: 2px;
    background: #CB3738;
    margin: 5px;
    }

.img_right{
    float: right;
    padding: 2px;
    background: #CB3738;
    margin: 5px;
    }

/************** SPECS TABLE **************/
table.specs{
    border-collapse: collapse;
    font-size: 10px;
        }

table.specs td{
    border: solid 1px #000;
    padding: 2px 3px;
    }

table.specs .row1{
    background: #D6D6D6;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    }

table.specs .col3{
    width: 80px;
}

table.specs .col4{
    width: 65px;
}

#showimage{
    border: 5px solid #848D92;
    background: #CC1A1A;
    z-index: 50;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    }

.img_gallery{
    display: block;
    clear: both;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    }

.img_gallery img{
    padding: 2px;
    }

.img_gallery a{
    margin: 5px 5px;
    }

.img_gallery a:hover{
    background: #CB3738;
    }

.photo_gallery{
    display: block;
    clear: both;
    text-align: center;
    width: 100%;
    margin: 15px auto;
    }

.photo_gallery img{
    padding: 2px;
    }

.photo_gallery a{
    margin: 6px;
    }

.photo_gallery a:hover{
    background: #CB3738;
    }


.nav_bullets{
    display: block;
    padding: 5px;
    background: #F5F5F5;
    border: 1px solid #848D92;
    text-align: center;
    }

.nav_bullets a{
    color: #0000FF;
    }

.mainnavigation{
    padding: 5px;
    background: #F5F5F5;
    border: 1px solid #848D92;
    text-align: center;
    }

.mainnavigation a{
    color: #0000FF;
    }

#main_ {
    color: #CB3738;
    text-decoration: none;
    }

/*.nav_bullets ul{
    display: block;
    margin: 0;
    padding: 5px 5px 5px 20px;
    background: #F5F5F5;
    border: 1px solid #848D92;
    }

.nav_bullets a{
    color: #0000FF;
    }*/

/**** List Styles ****/
ul.cmx-download{
    padding: 0;
    margin: 0 0 0 15px;
    font-size: 0.9em;
    }


li.cmx-word{
    list-style: none;
    background: url(/images/icon_word.gif) no-repeat 0 50%;
    padding-left: 20px;
    margin-bottom: 5px;
    }

li.cmx-excel{
    list-style: none;
    background: url(/images/icon_excel.gif) no-repeat 0 50%;
    padding-left: 20px;
    margin-bottom: 5px;
    }

li.cmx-pdf{
    list-style: none;
    background: url(/images/icon_pdf.gif) no-repeat 0 50%;
    padding-left: 20px;
    margin-bottom: 5px;
    }

li.cmx-pp{
    list-style: none;
    background: url(/images/icon_pp.gif) no-repeat 0 50%;
    padding-left: 20px;
    margin-bottom: 5px;
    }

li.cmx-zip{
    list-style: none;
    background: url(/images/icon_zip.gif) no-repeat 0 50%;
    padding-left: 20px;
    margin-bottom: 5px;
    }

li.cmx-image{
    list-style: none;
    background: url(/images/icon_image.gif) no-repeat 0 50%;
    padding-left: 20px;
    margin-bottom: 5px;
    }


ol.cmx-Alpha{
    list-style-type: upper-alpha;
    }

table.oem{
    border-collapse: collapse;
    }

table.oem td{
    border: solid 1px #000;
    padding: 3px;
    }

table.oem tr.hdr{
    background: gray;
    }

table.oem tr.hdr td{
    font-weight: bold;
    color: #FFF;
    }

ul.cmx-sitemap{
    list-style-position: inside;
    margin: 0;
    padding: 0;
    }

ul.cmx-sitemap li ul{
    list-style-type: disc;
    }
    
ul.cmx-sitemap li{
    margin: 5px 0;
    }
    
li.cmx-parent{
    display: block;
    color: #000;
                    padding: 3px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 10px 0;
    background: #E5E5E5;
    list-style-type: none;
    }
    
ul.cmx-sitemap li ul li{
    }
    
ul.cmx-sitemap a.folder{
    background: url(/images/folder.gif) 0 50% no-repeat;
    padding-left: 20px;
    display: block;
    }

.Blue h3, .Blue h2, font.cmx-Blue{
    color: #23408F;
    }

.Black h3, .Black h2, font.cmx-Black{
    color: #000;
    }

font.cmx-Blue{
    }

font.cmx-Black{
    }

font.cmx-Gray{
    color: #bcbec0;
    }

.font.cmx-Orange{
    color: #F2992E;
    }

hr{
    color: #000;
    }

.support_icon{
    display: block;
    padding: 15px 0;
    text-align: center;
    margin: 0;
    }

#footer .copyrightnotice, #footer .copyrightnotice a{
    color: #7facd9;
    font-size: 11px;
    }

ol li{
    margin-bottom: 1em;
    }

#main table.two_wide{
    width: 100%;
    }

#main table.two_wide .col1, #main table.two_wide .col2{
    width: 47%;
    text-align: center;
    }

font.cmx-Red{
    }

.red{
    color: #FF0000;
    }