html{background-color: #E4E4E4;}
.white{background-image: url(source/backgroundWhite.jpg); background-color: #FFFFFF;}

body{ font-family:  arial, helvetica, impact, sans-serif;
      font-size: 9pt;
      color:  #242424;
      line-height: 160%;
      margin-right: 10px;
      margin-top: 12px;
      min-width: 960px;}

hr{color: #666666; height: 1px;}

#home{cursor: pointer; cursor: hand;}
#products{cursor: pointer; cursor: hand;}
#support{cursor: pointer; cursor: hand;}
#contact{cursor: pointer; cursor: hand;}
#services{cursor: pointer; cursor: hand;}
#quotation{cursor: pointer; cursor: hand;}
#tech{cursor: pointer; cursor: hand;}
#p1{cursor: pointer; cursor: hand;}
#p2{cursor: pointer; cursor: hand;}
#p3{cursor: pointer; cursor: hand;}
#B{cursor: pointer; cursor: hand;}
#F{cursor: pointer; cursor: hand;}



/* MAIN LINKS red */

a{font-size: 10pt; color: #7A1008; font-family: arial, helvetica, sans-serif; text-decoration: none; text-align: center; line-height: 120%;}
a:link{color: #7A1008; text-decoration: none;}
a:visited{color: #7A1008;}
a:active{color: #7A1008;}
a:hover{color: #7A1008; text-decoration: none;}

/* MAIN LINKS red small */

a.red{font-size: 8pt; color: #7A1008; font-family: arial, helvetica, sans-serif; text-decoration: none; text-align: center; line-height: 120%;}
a.red:link{color: #7A1008; text-decoration: none;}
a.red:visited{color: #7A1008;}
a.red:active{color: #7A1008;}
a.red:hover{color: #7A1008; text-decoration: none;}

/* Small LINKS green */

a.greenS{font-size: 8pt; color: #88B837; font-family: arial, helvetica, sans-serif; text-decoration: none;line-height: 120%;}
a.greenS:link{color: #88B837; text-decoration: none;}
a.greenS:visited{color: #88B837;}
a.greenS:active{color: #88B837;}
a.greenS:hover{color: #CBFF74; text-decoration: none;}

/* breadcrumb LINKS green */

a.where{font-size: 8pt; color: #88B837; font-family: arial, helvetica, sans-serif; text-decoration: none;line-height: 120%;}
a.where:link{color: #88B837; text-decoration: none;}
a.where:visited{color: #88B837;}
a.where:active{color: #88B837;}
a.where:hover{color: #88B837; font-weight: bold; text-decoration: none;}


/* LINKS blu */

a.blu{font-size: 9pt; color: #6FA2A7; font-family: arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; line-height: 120%;}
a.blu:link{color: #6FA2A7; text-decoration: none;}
a.blu:visited{color: #6FA2A7;}
a.blu:active{color: #6FA2A7;}
a.blu:hover{color: #6FA2A7; text-decoration: underline;}



a.alt{font-size: 8pt; color: #6FA2A7; font-family: arial, helvetica, sans-serif; font-weight: normal; text-decoration: none; line-height: 120%;}
a.alt:link{color: #6FA2A7; text-decoration: none;}
a.alt:visited{color: #6FA2A7;}
a.alt:active{color: #6FA2A7;}
a.alt:hover{color: #6FA2A7; text-decoration: underline;}

/* grey*/

a.altGrey{font-size: 8pt; color: #242424; font-family: arial, helvetica, sans-serif; font-weight: normal; text-decoration: none; line-height: 120%;}
a.altGrey:link{color: #242424; text-decoration: none;}
a.altGrey:visited{color: #242424;}
a.altGrey:active{color: #242424;}
a.altGrey:hover{color: #242424; text-decoration: underline;}

a.Grey{font-size: 9pt; color: #242424; font-family: arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; line-height: 120%;}
a.Grey:link{color: #242424; text-decoration: none;}
a.Grey:visited{color: #242424;}
a.Grey:active{color: #242424;}
a.Grey:hover{color: #242424;}


/* greyGreen sitemap*/
a.GreyG{font-size: 8pt; color: #242424; font-family: arial, helvetica, sans-serif; text-decoration: none; line-height: 120%;}
a.GreyG:link{color: #242424; text-decoration: none;}
a.GreyG:visited{color: #242424;}
a.GreyG:active{color: #242424;}
a.GreyG:hover{color: #88B837;}


/* SIDE LINKS */
/* GREEN */

a.sub{color: #666666; font-size: 9pt; font-family: arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: left; margin-left: 10px; line-height: 120%;}
a.sub:link {color: #666666; text-decoration: none; } 
a.sub:visited {color: #666666; text-decoration: none; }
a.sub:active {color: #88B837;}


/* SpecialsHeader LINKS green */

a.Special{font-size: 10pt; font-weight: bold; color: #242424; font-family: arial, helvetica, sans-serif; text-decoration: none;line-height: 120%;}
a.Special:link{color: #242424; text-decoration: none;}
a.Special:visited{color: #242424;}
a.Special:active{color: #242424;}
a.Special:hover{color: #88B837; text-decoration: none;}


/*subdropdowns */
 a.dropSub{font-size: 8pt; font-family: arial, helvetica, sans-serif; font-weight: bold; color: #F3F3F3; text-decoration: none; text-align: center; line-height: 120%;}
a.dropSub:link{color: #F3F3F3 text-decoration: none;}
a.dropSub:visited{color: #F3F3F3;}
a.dropSub:active{color: #F3F3F3;}
a.dropSub:hover{color: #88B837; text-decoration: none;}


/* DROP DOWN LINKS */

a.drop{font-size: 8pt; font-family: arial, helvetica, sans-serif; font-weight: bold; color: #FFFFFF; text-decoration: none; text-align: center; line-height: 120%;}
a.drop:link{color: #FFFFFF text-decoration: none;}
a.drop:visited{color: #FFFFFF;}
a.drop:active{color: #FFFFFF;}
a.drop:hover{color: #FFFFFF; text-decoration: none;}




/*.mainDiv{margin-left: 20px; border-style: solid; min-width: 960px; max-width: 1024px;}*/
/*.mainDiv{margin-left: auto; margin-right: auto; border-style: solid; min-width: 960px; max-width: 1024px;}*/

.mainDiv{position: absolute; top: 15px; left: 20px; width: expression(document.body.clientWidth > 1026 ? "1024px" : "auto"); max-width: 1024px; min-width: 960px; width: 100%;}


.headerH {position: absolute; margin-top: 228px; width: 100%; max-width: 1024px; background-color: #393939;} /* search div*/



.mainSplash {padding-top: 0px; color: #7A1008; font-weight: bold; font-size: 10pt; font-family: arial, helvetica, sans-serif; text-align: center; line-height: 120%; height: 16px; border-style: solid; border-color: #7A1008; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 1px; border-right-width: 0px; text-align: center;}

.content {position: absolute; margin-top: 255px; width: 100%; max-width: 1024px; background-color: #FFFFFF;}

.content3 {position: absolute; margin-top: 255px; width: 100%; max-width: 1024px; background-color: #FFFFFF; background-image: url(source/bg_sideLink.gif); background-repeat: repeat-y;}

.contentBloc{margin: 15px 15px 15px 15px; background-color: #FFFFFF;}

.cHeader {margin-left: 150px; color: #88B837; font-weight: normal; font-size: 12pt;}

.cHeader3 {margin-left: 0px; color: #88B837; font-weight: bold; font-size: 10pt;}

.cHeader5 {margin-left: 0px; color: #242424; font-weight: bold; font-size: 10pt;}

.cHeader4 {padding-left: 5px; background-color: #88B837; color: #FFFFFF; font-weight: bold; font-size: 8pt;}

h1 {font-size: 12pt; color: #242424; font-weight: bold; margin-bottom: 15px;}

h3 {font-size: 12pt; color: #88B837; font-weight: normal; border-style: dotted; border-width: 0px 0px 1px 0px; margin-bottom: 25px; padding-bottom: 10px;}

/*h4{color: #88B837; font-size: 12pt; font-weight: bold; text-align: left; background-image: url(source/gradient_h4); background-repeat: repeat-x; height: 31px; padding-top: 5px; padding-left: 15px;}*/

h4{color: #88B837; font-size: 11pt; font-weight: normal; text-align: left; background-color: #393939; height: 25px; padding-top: 6px; padding-left: 15px;}

.contentTxt{font-family: arial, helvetica, impact, sans-serif; font-size: 9pt; line-height: 160%; text-align: justify;}

.contentTxtM{font-family: arial, helvetica, impact, sans-serif; font-size: 9pt; margin-left: 250px; line-height: 160%; text-align: justify;}

.footerH {width: 100%; height: 40px; background-color: #393939;}

/* MAIN LINKS AND DROP DOWN LINKS */


.mainlinks {position: absolute; margin-top: 0px; margin-left: 0px; height: 20px; width: 100%; background-color: #565656;  border-style: solid; border-color: #FFFFFF; border-top-width: 0px; border-bottom-width: 1px; border-left-width: 1px;  border-right-width: 1px; z-index: 4;}

.main {position: absolute; margin-top: 0px; margin-left: 0px; height:19px; width: 80px; background-color: #565656; border-style: solid; border-color: white; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 2px; border-right-width: 0px; text-align: center;}

.sublinks {width: 80px; font-size: 8pt; color: #7A1008; text-align: center; background-color: #F3F3F3; border-color: #FFFFFF; border-style: solid; border-color: #C4C4C4; border-width: 0px 0px 1px 0px; margin: 0px; padding: 0px;}


.sidelinks  {position: absolute; background-color: #FAFAFA; margin-top: 260px; width: 210px; height: 100%; padding-top: 60px; z-index: 16;}

.sidelinksback {width: 210px; height: 40px; background-color: #F5F5F5; padding-top: 20px; border-style: solid; border-color: #BDBDBD; border-width: 0px 0px 1px 0px;}


/*
.sublinks  {position: absolute; left: 0px; height: 20px;  width: 100%; border-style: solid; border-top-width: 1px; border-bottom-width: 0px; border-left-width: 1px;  border-right-width: 1px; font-size: 8pt; color: #FFFFFF; text-align: center; background-color: #666666; border-color: #FFFFFF; padding-left: 0px; padding-right: 0px; padding-bottom: 2px; padding-top: 2px;}
*/

.subProduct {font-size: 8pt; font-weight: normal; color: #F3F3F3; z-index: 3;}


.specialDiv {width: 48%; height: 185px; border-style: solid; border-color: #9E9E9E; border-width: 0px 0px 0px 0px;}


p.gradientFade {background-image: url(source/gradientFade.jpg); background-repeat: repeat-x; height: 23px; padding-top: 5px; text-align: center; font-size: 10pt; font-weight: bold; border-style: solid; border-width: 1px; border-color: #EFEFEF;}

div.gradientFade {background-image: url(source/gradientFade.jpg); background-repeat: repeat-x; height: 23px; font-size: 10pt; font-weight: bold; padding-top: 3px; padding-left: 10px; margin-bottom: 30px; border-style: solid; border-width: 1px; border-color: #EFEFEF;}

p.gradientFadeG {color: #88B837; background-image: url(source/gradientFade.jpg); background-repeat: repeat-x; height: 23px; padding-top: 5px; text-align: center; font-size: 10pt; font-weight: bold; border-style: solid; border-width: 1px; border-color: #EFEFEF;}

div.tab{width: 200px; height: 20px; margin-top: 30px; background-color: #88B837; color: #FFFFFF; font-size: 12pt; font-weight: normal; padding: 3px 3px 3px 8px; background-image: url('source/cnr_Tab.gif'); background-repeat: no-repeat; background-position: top right; cursor: pointer; cursor: hand;}

div.tabOff{width: 200px; height: 20px; margin-top: 30px; background-color: #ADCA7C; color: #FFFFFF; font-size: 12pt; font-weight: normal; padding: 3px 3px 3px 8px; background-image: url('source/cnr_TabOff.gif'); background-repeat: no-repeat; background-position: top right; cursor: pointer; cursor: hand;}

td{font-family:  arial, helvetica, impact, sans-serif;
      font-size: 9pt;
      color:  #242424;
      line-height: 160%;}


td.divideH{font-family:  arial, helvetica, impact, sans-serif;
      font-size: 9pt;
      color:  #242424;
      line-height: 160%;
      border-style: solid;
      border-width: 0px 0px 1px 0px;
      border-color: #FFFFFF;
      margin-left: 5px;
      font-weight: bold;}
      
td.divideD{font-family:  arial, helvetica, impact, sans-serif;
      font-size: 9pt;
      color:  #242424;
      line-height: 160%;
      border-style: solid;
      border-width: 0px 0px 1px 0px;
      border-color: #FFFFFF;
      margin-left: 5px;
      font-style: italic;}


.whereDiv {position: absolute; margin-top: 235px; margin-left: 10px; color: #88B837; z-index: 18; font-size: 8pt;}



/* TABLES 

.FormTableGrey {font-size: 8pt; background-color: #E8E8E8; width: 500px;}
.FormTableGreen {font-size: 8pt; background-color: #99CC99; width: 500px;}*/
.FormTableSilver {font-size: 8pt; background-color: #FFFFFF; background-repeat: repeat-x; background-image: url(source/gradientFade.jpg); border-style: solid; border-width: 1px; border-color: #EFEFEF;}


/* table of products */

.mcTablemain {max-width: 800px; width: 75%; margin-left: 240px; margin-right: 0px;}

.mcTable {font-size: 9pt; line-height: 160%;}

.header {background-repeat: repeat-x; background-image: url(source/gradientFade.jpg); text-align: center; font-size: 10pt; font-weight: normal; border-style: solid; border-width: 1px; border-color: #EFEFEF;}









#splashOffice{visibility: hidden;}
#splashHome{visibility: hidden;}
#splashHousehold{visibility: hidden;}


/* GENERAL */

.blueFrame {border-style: solid; border-color: #3E73CB; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 3px;  border-right-width: 0px; padding-left: 8px;}
.greenGradient {background: url(source/semiCirc.gif) no-repeat top left; padding-left: 25px; padding-top: 5px;}




/* FORMS */

form {font-size: 8pt;}
select {font-size: 8pt;}
input {font-size: 8pt;}


/* SITE MAP */

.siteMapHeader {font-size: 9pt; font-weight: bold; color: #3E73CB;}

td.SMsubs {width: 120px; border-style: solid; border-right-width: 0px; border-left-width: 0px; border-top-width: 1px; border-bottom-width: 0px; border-color: #88B837;}

td.SMsubg {width: 120px; border-style: solid; border-right-width: 0px; border-left-width: 0px; border-top-width: 1px; border-bottom-width: 0px; border-color: #88B837;}

td.SMcategoryg{background-color: #FFFFFF; width: 180px;}
td.SMcategorys{background-color: #F4F4F4; width: 180px;}

.stripe {color: silver;}






/* CONTENT */



/*.mainDiv{position: absolute; top: 10px; left: 50%; margin-left: -480px; width: expression(document.body.clientWidth > 962 ? "960px" : "auto"); max-width: 960px; min-width: 800px;}*/



/*.mainDiv{position: absolute; top: 10px; left: 50%; margin-left: -480px; width: 960px;}*/

/*.mainDiv{position: absolute; top: 10px; left: 10px; width: 960px;}*/



.cHeader2 {margin-left: 0px; color: #FB3E04; font-weight: normal; font-size: 12pt;}





.cHeaderSub {margin-left: 20px; color: #666666; font-weight: bold; font-size: 8pt;}



/*.content{margin-top: 0px; padding-top: 25px; width: 100%; z-index: 1; background-color: #FFFFFF; background-repeat: repeat-y; background-image: url(source/gradientFadeContent.jpg);} */

.content2 {margin-top: 0px; margin-bottom: 0px; padding-top: 60px; width: 100%; z-index: 1; background-color: #FFFFFF; background-repeat: repeat-y; background-image: url(source/gradientFadeContent.jpg); border-style: solid; border-width: 0px 1px 1px 1px; border-color: #666666;}



/* to use in tables, as doesn't pick up body values */


.contentImg{border-style: solid; border-color: #EFEFEF; border-width: 1px;}

.small {font-size: 8pt; font-style: italic; line-height: 110%;}

.smallS {font-size: 7pt;}

.indent {margin-left: 170px;}

.indentsmall {margin-left: 30px;}



option.grey {background-color: #EFEFEF;}



p.gradientFade2 {color: #FFFFFF; background-repeat: repeat-x; background-image: url(source/gradientFade3.jpg); text-align: center; font-size: 11pt; font-weight: bold; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #EFEFEF; padding-top: 6px;}


.logoSSS{float: right; margin-right: 10px; margin-left: 10px; margin-top: 10px;}

.red{font-size: 7pt; color: #FF0000;}






.mcContent {font-size: 9pt; color: #666666;}

.logo {float: right; margin-right: 10px;}


/* MACHINE WINDOWS - specsTable - also TVs*/

.model {position: absolute; width: 100%; color: #FFFFFF; background-color: #666666; font-size: 9pt; font-weight: bold; padding: 3px; margin-top: 25px; padding-left: 10px; margin-right: 10px;}

.specsTable {font-size: 8pt; line-height: 140%;}

.specsTable2  {margin-left: 20px;
            font-size: 8pt;
            line-height: 160%;}

.gheader {background-repeat: repeat-y; background-image: url(source/greyGradient.jpg); text-align: center; font-size: 8.5pt; font-weight: bold;}

.mHeader {text-align: center; font-size: 10pt; font-weight: bold;}

.specs {padding-left: 10px; border-color: silver; border-style: solid; border-left-width: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px;}

.verticalRule {background-color: #EFEFEF; border-color: silver; border-style: solid; border-left-width: 1px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; padding-top: 3px; padding-right: 5px;}

.verticalRuleR {border-color: silver; border-style: solid; border-left-width: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px;}

.horizontalRule {border-color: silver; border-style: solid; border-left-width: 0px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px;}

.address {font-size: 8pt; color: #BDBDBD;}




/* SOFTWARE */

.softwareDiv {margin-left: 170px; padding: 10px; border-style: solid; border-right-width: 0px; border-left-width: 0px; border-top-width: 0px; border-bottom-width: 2px; border-color: #3E73CB; line-height: 160%;}

.softwareHeaderWindow {color: #ffffff; font-weight: bold; background-color: #3E73CB; font-size: 14pt; padding: 3px;}


/*this header is also used under cash register peripherals and Audio Televisions and Digital DuoCam, Services and Company Profile and Back Office*/

.softwareHeader {font-size: 12pt; font-weight: bold; color: #3E73CB;}

.softwareHeadersmall {font-size: 11pt; font-weight: bold; color: #FFCC00;}

table.software {width: 500px; font-size: 9pt; text-align: center; border-style: solid; border-right-width: 1px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: #3E73CB;}

.orange {background-color:#fff5cd;}
.orangeHeader {color: #FBC301; font-size: 10pt; font-weight: bold; line-height: 70%;}

.underline {border-style: solid; border-right-width: 0px; border-left-width: 0px; border-top-width: 0px; border-bottom-width: 1px; border-color: #3E73CB;}