body {
    text-align: left;
    line-height: 135%;
    font-family: "Lucida Sans Unicode", "Lucida Grande", tahoma, arial, sans-serif;
    font-size: 13px;
    color: #333;
}

#Body {
    background: url(images/LED-bg.jpg) repeat-x #3e3e3e;
}

img {
    border: none;
    background: none;
}

#middle img {
    border: 1px solid #ccc;
    background: #e3eaee;
    padding: 3px;
    margin: 2px 7px;
}

.border {
    border: 1px solid #ccc;
    background: #e3eaee;
    padding: 3px;
    margin: 2px 7px;
}

.noborder img, .noborder {
    border: none !important;
    background: none !important;
}

hr {
    border-top: #999 1px solid;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

body.ie hr, body.ie7 hr {
    margin: 0 !important;
    padding: 0 !important;
}

ul, ol {
    margin: 5px 0 4px 20px;
    padding: 0;
}

ul li {
    padding: 4px 0 3px 0;
    margin: 0;
    list-style-type: disc;
    list-style-position: outside;
}

ol li {
    padding: 4px 0;
    margin: 0;
}

.Form td {
    padding: 4px;
    text-align: left;
}

/****************************************************************/
#main {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
}

#header {
    width: 950px;
    margin: 0;
    height: 105px;
    float: left;
    background: url(images/LED-signs-top.jpg) no-repeat;
}

#logo {
    width: 250px;
    height: 59px;
    padding: 0;
    margin: 12px 0 0 0;
    float: left;
    background: url(images/electromatic-logo.png) no-repeat;
}

body.ie #logo {
    background: url(images/electromatic-logo.jpg) no-repeat;
}

h1.seop, .seopcla, .hide {
    display: block;
    text-indent: -999999px;
    outline: 0;
    list-style: none;
    list-style-type: none;
    padding: 0;
    float: left;
    height: 0;
}

h1.seop {
    width: 250px;
    height: 55px;
    cursor: pointer;
}

#righttop {
    width: 700px;
    height: 75px;
    margin: 0;
    padding: 0;
    float: left;
}

#toplinks {
    float: right;
    width: 250px;
    height: 36px;
    margin: 0 0 0 0;
    color: #fff;
}

#livechat, #livechat a {
	color:#fff;
}

.liveChat {
	font-weight:bold!important;
}

#topmenu {
    float: right;
    width: auto;
    height: 31px;
    margin: 3px 0 0 0;
    color: #eee;
    font-size: 12px;
    font-family: tahoma, arial, sans-serif;
}

#topmenu a {
    color: #eee;
    text-decoration: none;
}

#topmenu a:hover {
    text-decoration: underline;
    color: #fff;
}

#search {
    width: 192px;
    height: 33px;
    margin: 0px 0px 0px 0px;
    padding: 6px 0 0 35px;
    float: right;
    clear: both;
    background: url(images/search-LED-bg.jpg) no-repeat;
}

body.ie7 #search {
}

body.ie #search {
}

body.safari #search {
}

#dnn_dnnSEARCH_txtSearch {
    width: 120px;
    height: 15px;
}

.SearchButton {
    vertical-align: -5px;
}

body.ie7 .SearchButton, body.ie .SearchButton {
    vertical-align: -3px;
}

#menu {
    width: 950px;
    height: 26px;
    margin: 0;
    padding: 0;
    float: left;
}

#content {
    width: 950px;
    float: left;
    margin: 0px 0 0 0;
}

#left {
    width: 168px;
    margin: 0;
    float: left;
}

#leftmenu {
    width: 142px;
    float: left;
    margin: 10px 0 0 13px;
}

body.ie #leftmenu {
    margin: 10px 0 0 6px;
}

#dnn_LeftPane {
    width: 154px;
    float: left;
    margin: 10px 0 0 4px;
}

#dnn_LeftPane2 {
    width: 150px;
    float: left;
    margin: 10px 0 0 6px;
}

#right {
    width: 780px;
    margin: 0;
    float: left;
}

body.ie #right {
    width: 760px;
}

#insidetitle {
    background: url(images/Electro-Matic-title.jpg) no-repeat;
    width: 457px;
    height: 64px;
    font-family: 'BebasRegular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    padding: 26px 0 0 20px;
    text-transform: uppercase;
    float: left;
    word-spacing: 4px;
}

#breadcrumbs {
    float: left;
    margin: 12px 0 0 0;
    height: 18px;
    width: 445px;
    color: #ccc;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 11px;
}

#breadcrumbs a.SkinObject:hover {
    color: #fff !important;
    text-decoration: underline !important;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 11px;
}

#breadcrumbs a.SkinObject:visited, #breadcrumbs a.SkinObject:link, #breadcrumbs a.SkinObject:active {
    color: #ccc;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 11px;
}

#middle {
    width: 477px;
    margin: 5px 15px 0 15px;
    float: left;
}

body.ie #middle {
    margin: 5px 8px 0 8px;
}

#sitemap {
    float: left;
    margin: 12px 0 0 0;
}

#dnn_ContentPane {
    float: left;
    width: 477px;
}

#farright {
    width: 252px;
    margin: 5px 0 0 8px;
    float: left;
}

body.ie #farright {
    margin: 5px 0 0 6px;
}

#dnn_FullPane {
    width: 752px;
    margin: 0 0 0 15px;
    float: left;
}

body.ie #dnn_FullPane {
    margin: 0;
}

#footer {
    width: 950px;
    float: left;
    margin: 0;
    background: url(images/LED-links.gif) repeat;
    color: #fff !important;
    font-size: 11px;
    font-weight: normal;
}

#footerleft {
    width: 600px;
    margin: -6px 0 -6px 3px;
    float: left;
}

body.ie #footerleft {
}

#footerright {
    width: 330px;
    float: left;
    margin: 0px 7px -6px 0;
    text-align: right;
}

#dnn_FooterRightPane {
    float: left;
    width: 330px;
    height: 100px;
    clear: both;
}

#footerright img {
    margin: 0 0 4px 0;
}

#footerright .Normal, #footerright .SkinObject {
    color: #fff;
    font-family: "Lucida Sans Unicode", "Lucida Grande", tahoma, arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

#footer a, #footer td, .whitelink a {
    color: #fff !important;
}

#footerleft a, .whitelink a {
    text-decoration: none!important;
}

#footerleft a:hover, .whitelink a:hover {
    color: #ddd !important;
}

#footer hr, .roundedGray hr {
    border-top: 1px dotted #ccc;
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin: 3px 0;
    padding: 0;
}

body.ie7 #footer hr, body.ie7 .roundedGray hr {
    margin: 0 !important;
}

#dnn_EmptyPane {
    display: none;
}

.dnnEmptyPane {
    display: none;
}

div.SkinContainer {
    margin: 0 !important;
}

/* set background images for corners */
.maintop div {
    background: url(images/tl.png) no-repeat top left;
}

.maintop {
    background: url(images/tr.png) no-repeat top right;
}

.mainbot div {
    background: url(images/bl.png) no-repeat bottom left;
}

.mainbot {
    background: url(images/br.png) no-repeat bottom right;
}

.bottop div {
    background: url(images/btl.png) no-repeat top left;
}

.bottop {
    background: url(images/btr.png) no-repeat top right;
}

body.ie .mainbot div {
    background: url(images/bl.gif) no-repeat bottom left;
}

body.ie .mainbot {
    background: url(images/br.gif) no-repeat bottom right;
}

body.ie .bottop div {
    background: url(images/btl.gif) no-repeat top left;
}

body.ie .bottop {
    background: url(images/btr.gif) no-repeat top right;
}

/* height and width details */
.maintop div, .maintop, .mainbot div, .mainbot, .bottop, .bottop div {
    width: 100%;
    height: 8px;
    font-size: 1px;
    float: left;
}

.mainbox {
    margin: auto;
    background: url(images/LED-main-bg.gif) repeat-y;
    float: left;
    width: 100%;
    margin-top: 15px;
}

.homebox {
    margin: auto;
    background: #fff;
    float: left;
    width: 100%;
    margin-top: 15px;
}

.bottombox {
    margin: 15px auto 15px auto;
    float: left;
    width: 100%;
    background: url(images/LED-links.gif) repeat;
}

body.ie7 .bottombox {
    margin-bottom: 30px !important;
}

div.panes div.pane {
    border-style: none solid solid;
    font-size: 13px;
}

#slides_431 .slide {
    font-size: 12px;
    line-height: 14px;
    color: #375C82;
    background: URL( images / LED-Sign-Quotes.gif)

no-repeat #dadada;

padding:
    2px 0 0 9px;
}

.slides, .slide {
    background: none !important;
}

.slidesbg {
    background: url(images/electromatic-template.jpg) no-repeat;
    width: 621px;
    height: 282px;
}

.slidesbg h2 {
    font-family: 'BebasRegular', Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #fff;
    margin: 7px 10px;
    line-height: 140%;
    font-weight: normal;
    word-spacing: 4px;
    text-decoration: none !important;
}

.paging {
    margin: 5px 0 15px 0;
	float:right;
}

.paging ul {
    margin: 0;
    padding: 0;
	float:right;
}

.paging ul li {
    /*display: inline;*/
	float:left;
    list-style: none;
    background: url(images/slide-btn.jpg) no-repeat;
    height: 19px;
    width: 19px !important;
    margin: 0 2px;
    padding: 0;
}

.paging a {
    font-family: "Lucida Sans Unicode", "Lucida Grande", tahoma, sans-serif;
    font-size: 11px;
    color: #fff !important;
    text-decoration: none !important;
    width: 19px !important;
    padding: 0 5px 0 2px;
}

.paging a:hover {
    color: #ddd !important;
}

.greywrap {
    background: #E3EAEE;
    border: 1px solid #5783AF;
    padding: 2px 12px;
}

.buttonbg {
    background: url(images/LED-information-bg.jpg) no-repeat;
    height: 61px;
    padding: 1px 0 0 0;
    margin: 0;
}

.bluebg {
    background: url(images/LED-information-blue.jpg) no-repeat;
    height: 61px;
    padding: 1px 0 0 0;
    margin: 0;
}

.bluebg h3 {
    font-size: 20px;
}

/*################################################################################
 #
 #	TYPOGRAPHY
 #
 ################################################################################*/
/********************************************************************************/
/* Standard */
P {
    margin: 10px 0 8px 0;
}

H1 {
    font-family: 'BebasRegular', Arial, Helvetica, sans-serif;
    font-size: 19px;
    color: #444;
    margin: 0;
    padding: 5px 0;
    word-spacing: 4px;
}

H2, .Head {
    font-family: 'BitstreamVeraSansRoman', "Lucida Sans Unicode", "Lucida Grande", tahoma, arial, sans-serif;
    font-size: 18px;
    margin: 6px 0 2px 0;
    padding: 2px 0;
    font-weight: normal;
    color: #921818;
    line-height: 135%;
}

H3 {
    font-family: 'BebasRegular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #921818;
    font-weight: normal;
    margin: 10px 0 6px 0;
    padding: 0;
    text-transform: uppercase;
    word-spacing: 4px;
}

.H3grey H3 {
    background: url(images/LED-page-bg.gif) no-repeat;
    height: 20px;
    padding: 4px 0 4px 6px;
    color: #921818 !important;
}

.H3grey H3 a {
    text-decoration: none !important;
    color: #921818 !important;
}

.H3grey H3 a:hover {
    text-decoration: none;
    color: #222 !important;
}

#middle .H3grey H3 {
    background: url(images/LED-product-page-bg.gif) no-repeat;
    height: 20px;
    padding: 5px 0 5px 6px;
    color: #921818 !important;
}

H4 {
    font-family: 'BitstreamVeraSansRoman', "Lucida Sans Unicode", "Lucida Grande", tahoma, arial, sans-serif;
    font-size: 14px;
    color: #375C82;
    font-weight: normal;
    margin: 6px 0 2px 0;
    padding: 0;
}

.roundedBlack h4, .roundedBlack .SubHead {
    color: #fff;
}

H4 a {
    background: url(images/LED-arrow.png) right no-repeat;
    padding: 0 24px 0 0;
}

#footer h4, .roundedGray h2, .roundedGray .Head, .roundedBlack .Head {
    font-family: 'BebasRegular', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #fff;
    border-bottom: 1px solid #ccc;
    padding: 0 0 4px 0;
    margin: 0 0 2px 0;
    font-weight: normal;
    word-spacing: 4px;
}

H5 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", tahoma, arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #666666;
    margin: 7px 0;
    padding: 0;
    line-height: 140%;
}

H6 {
    font-family: tahoma, arial, sans-serif;
    font-size: 11px;
    color: #666;
    font-style: normal;
    font-weight: normal;
    margin: 5px 0 3px 0;
    padding: 0;
}

/*.DNN_FAQsContent .SubHead {
 font-weight:normal!important;
 color:#7D6752;
 }*/
body a:link, body a:visited, a.CommandButton, a.CommandButton:visited, a.CommandButton:link {
    color: #375C82;
    text-decoration: underline;
}

body a:hover, body a:active, a.CommandButton:hover, a.CommandButton:active {
    color: #666;
    text-decoration: none;
}

div.SkinContainer .Content, div.SkinContainer .Content .Normal {
    font-family: "Lucida Sans Unicode", "Lucida Grande", tahoma, arial, sans-serif;
}

.SubHead, .DNN_News_ItemLink {
    font-family: 'BitstreamVeraSansRoman', "Lucida Sans Unicode", "Lucida Grande", tahoma, arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #375C82;
    margin: 7px 0;
    padding: 0;
    line-height: 140%;
}

.DNN_News_ItemDate {
    font-size: 11px;
    margin: 0 0 -8px 0;
}

.DNN_News_ItemDetails, .DNN_NewsFeedsContent div {
    font-size: 11px;
    color: #333;
    margin: 10px 0 16px 0 !important
}

.SubSubHead {
}

.Normal, .SkinObject {
    font-family: "Lucida Sans Unicode", "Lucida Grande", tahoma, arial, sans-serif;
    font-size: 13px;
    color: #333;
}

.NormalTextBox {
    font-family: "Lucida Sans Unicode", "Lucida Grande", tahoma, arial, sans-serif;
    font-size: 13px;
    color: #666;
}

.NormalRed {
}

.NormalBold {
    font-weight: bold;
    font-family: "Lucida Sans Unicode", "Lucida Grande", tahoma, arial, sans-serif;
    font-size: 13px;
}

.FCKLinkGalleryContainer, .FCKImageGalleryContainer {
    background: #fff;
}

.Submit {
    margin: 0 0 0 340px;
}

blockquote, pre {
    font-family: "Lucida Sans Unicode", "Lucida Grande", tahoma, arial, sans-serif;
}

/*
 The fonts included are copyrighted by the vendor listed below.
 * @vendor:     Flat-it
 * @vendorurl:  http://www.flat-it.com
 * @licenseurl: http://www.fontsquirrel.com/license/Bebas
 */
@font-face {

font-family:
    'BebasRegular';

src:
    url('BEBAS___.eot');

src:
    local('Bebas Regular'), local('Bebas'), url('BEBAS___.woff') format('woff'), url('BEBAS___.TTF') format('truetype'), url('BEBAS___.svg#Bebas') format('svg');
}

/*
 * The fonts included are copyrighted by the vendor listed below.
 * @vendor:     Bitstream
 * @vendorurl:  http://www.bitstream.com
 * @licenseurl: http://www.fontsquirrel.com/license/Bitstream-Vera-Sans
 */
@font-face {

font-family:
    'BitstreamVeraSansRoman';

src:
    url('Vera.eot');

src:
    local('Bitstream Vera Sans Roman'), local('BitstreamVeraSans-Roman'), url('Vera.woff') format('woff'), url('Vera.ttf') format('truetype'), url('Vera.svg#BitstreamVeraSans-Roman') format('svg');
}
@font-face {

font-family:
    'BitstreamVeraSansOblique';

src:
    url('Vera-Italic.eot');

src:
    local('Bitstream Vera Sans Oblique'), local('BitstreamVeraSans-Oblique'), url('Vera-Italic.woff') format('woff'), url('Vera-Italic.ttf') format('truetype'), url('Vera-Italic.svg#BitstreamVeraSans-Oblique') format('svg');
}
@font-face {

font-family:
    'BitstreamVeraSansBold';

src:
    url('Vera-Bold.eot');

src:
    local('Bitstream Vera Sans Bold'), local('BitstreamVeraSans-Bold'), url('Vera-Bold.woff') format('woff'), url('Vera-Bold.ttf') format('truetype'), url('Vera-Bold.svg#BitstreamVeraSans-Bold') format('svg');
}

/*-------------------------------------------------------------
 TOP NAV
 -------------------------------------------------------------*/
/*-------------------------------------------------------------
 LEVEL ONE
 -------------------------------------------------------------*/
#topNav, #topNav ul {
    height: 30px;
    list-style: none;
    z-index: 100;
    width: auto;
    float: left;
    padding: 0;
    margin: 0;
}

#topNav li {
    float: left;
    height: 30px;
    list-style: none;
    margin: 0 5px;
    border-bottom: none;
    padding: 0;
}

#topNav a {
    display: block;
    font-family: 'BitstreamVeraSansRoman', tahoma, sans-serif;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    padding: 7px 13px 5px 7px;
}

#topNav a:hover, #topNav li.SelectedTab a, #topNav li:hover a, #topNav li.iehover a {
    background: url(images/select-left.jpg) no-repeat;
}

#topNav li.SelectedTab, #topNav li:hover, body.ie #topNav li:hover, .iehover {
    background: url(images/select-right.jpg) no-repeat right;
    font-weight: normal;
}

#topNav ul li, ol li {
    margin: 0;
}

/*-------------------------------------------------------------
 LEVEL TWO
 -------------------------------------------------------------*/
#topNav li ul {
    position: absolute;
    left: -999em;
    font-weight: normal;
    /*top:7em;*/
    padding: 0px;
    height: auto;
    background-color: #1b1b1b;
    width: 150px;
    border-bottom: 1px solid #3e3e3e;
    border-right: 1px solid #3e3e3e;
    border-left: 1px solid #3e3e3e;
    border-top: none;
    margin-top: 0;
    z-index: 200;
}

body.ie7 #topNav li ul {
}

#topNav li li {
    float: none;
    margin: 0;
    padding: 0;
    height: auto;
    background: #1b1b1b;
    border-bottom: #3e3e3e solid 1px;
}

#topNav li ul a {
    margin: 0;
    padding: 5px 6px 5px 6px;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
    text-align: left;
    background: none !important;
}

#topNav li ul a:hover, #topNav li li a:hover, #topNav li li.SelectedTab a {
    background-image: none !important;
    background-color: #1b1b1b;
}

#topNav li ul li:hover, #topNav li ul li.iehover, #topNav li ul li.SelectedTab {
    background: #333;
}

/*-------------------------------------------------------------
 LEVEL THREE
 -------------------------------------------------------------*/
#topNav li ul ul {
    margin: -2.5em 0 0 8.00em;
    top: auto;
    margin-left: 131px;
}

body.ie7 #topNav li ul ul {
    margin: -2.5em 0 0 8.00em;
    top: auto;
    margin-left: 66px;
}

#topNav li li li {
    background-color: #00659c;
}

#topNav li li li li {
    background-color: #00659c;
    top: auto;
}

#topNav li:hover ul ul, #topNav li:hover ul ul ul, #topNav li.iehover ul ul, #topNav li.iehover ul ul ul {
    left: -999em;
}

#topNav li.iehover ul ul, #topNav li.iehover ul ul ul {
}

#topNav li:hover ul, #topNav li li:hover ul, #topNav li li li:hover ul, #topNav li.iehover ul, #topNav li li.iehover ul, #topNav li li li.iehover ul {
    left: auto;
}

/*-------------------------------------------------------------
 LEFT NAV - LEVEL ONE
 -------------------------------------------------------------*/
#leftNavInside {
    float: left;
    width: 144px;
    margin: 6px 0 0 0;
}

#leftNavInside ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    width: 144px;
}

#leftNavInside li { /* all list items */
    position: relative;
    float: left;
    margin: 0;
    width: 144px;
    padding: 0;
    border-top: 1px solid #999;
    list-style: none;
}

#leftNavInside li:first-child {
    border-top: none;
}

#leftNavInside li li:first-child {
    border-top: 1px solid #999;
}

#leftNavInside li a {
    color: #333;
    padding: 5px 0 5px 5px;
    display: block;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    width: 139px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", tahoma, arial, sans-serif;
}

#leftNavInside li li a {
    width: 131px;
    padding: 5px 0px 5px 13px;
    font-size: 12px;
    color: #375C82;
    font-weight: normal;
}

#leftNavInside li a:hover {
    text-decoration: none;
    border: none;
    color: #375C82 !important;
    background: #E5E5E5 !important;
}

#leftNavInside li.SelectedTab a {
    color: #0A2241;
    font-weight: normal;
    text-decoration: none;
    background: #cdcdcd;
}

#leftNavInside li.SelectedTab li a {
    color: #375C82;
    text-decoration: none;
    font-weight: normal;
    background: #DADADA;
}

#leftNavInside li li.SelectedTab a {
    color: #0A2241;
    text-decoration: none;
    font-weight: normal;
    background: #E7E7E7 url(images/arrow.png) no-repeat;
}

#leftNavInside li li.SelectedTab li.SelectedTab a {
    color: #0A2241;
    text-decoration: none;
    font-weight: normal;
    background: url(images/arrow2.png) no-repeat;
}

#leftNavInside li li.SelectedTab li a {
    background: #F6F6F6;
    background-image: none;
    padding: 6px 10px 6px 30px;
    font-weight: normal;
    color: #41698C;
}

#leftNavInside li li.SelectedTab a:hover {
    text-decoration: none;
    border: none;
    background: #E5E5E5 !important;
}

#leftNavInside li li.SelectedTab li a:hover {
    text-decoration: none;
    border: none;
    background: #E5E5E5 !important;
}

#leftNavInside li li:hover, #leftNavInside li li.sfhover {
    background: #E5E5E5;
}

#leftNavInside li ul {
    display: none;
}

#leftNavInside li.SelectedTab ul {
    display: block;
}

/*
 ColorBox Core Style
 The following rules are the styles that are consistant between themes.
 Avoid changing this area to maintain compatability with future versions of ColorBox.
 */
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
}

#cboxLoadedContent iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

/*
 ColorBox example user style
 The following rules are ordered and tabbed in a way that represents the
 order/nesting of the generated HTML, so that the structure easier to understand.
 */
#cboxOverlay {
    background: #000;
}

#colorbox {
}

#cboxContent {
    margin-top: 20px;
}

#cboxLoadedContent {
    background: #000;
    padding: 5px;
}

#cboxTitle {
    position: absolute;
    top: -20px;
    left: 0;
    color: #ccc;
    display: none !important;
}

#cboxCurrent {
    position: absolute;
    top: -20px;
    right: 0px;
    color: #ccc;
}

#cboxSlideshow {
    position: absolute;
    top: -20px;
    right: 90px;
    color: #fff;
}

#cboxPrevious {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -32px;
    background: url(/images/controls.png) top left no-repeat;
    width: 28px;
    height: 65px;
    text-indent: -9999px;
}

#cboxPrevious.hover {
    background-position: bottom left;
}

#cboxNext {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -32px;
    background: url(/images/controls.png) top right no-repeat;
    width: 28px;
    height: 65px;
    text-indent: -9999px;
}

#cboxNext.hover {
    background-position: bottom right;
}

#cboxLoadingOverlay {
    background: #000;
}

#cboxLoadingGraphic {
    background: url(/images/loading.gif) center center no-repeat;
}

#cboxClose {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    background: url(/images/controls.png) top center no-repeat;
    width: 38px;
    height: 19px;
    text-indent: -9999px;
}

#cboxClose.hover {
    background-position: bottom center;
}