﻿
/* GENERIC SITE STYLE */
html { padding: 0; margin: 0; }
body { background-color: #ffffff; font-family: Helvetica, Arial; font-size: 12px; color: #333333; padding: 0; margin: 0; }
img { border: 0; }
.bodyclear { clear: both; }

/* Dummy placeholder for cufon */
.cufon { }
.myriad { }
.standard { }

/* MAIN CONTENT (PAGE WRAPPER) */

#MainContent { width: 1047px; margin: 0 auto; padding: 0; }

/* HEADER */

#Header { background: transparent url(../_images/page_head.jpg) no-repeat top left; width: 1048px; padding: 20px 0 0 0; margin: 0; /* height: 100px; */ }
#Header h1 { padding: 15px 0 0 60px; margin: 0; color: #6699DB; font-size: 16pt; }
#Header h1 img { float: left; }
#Header h1 span.high { margin-left: 160px; margin-top: 2px; display: block; }
#Header h1 span.low { margin-left: 210px; margin-top: 2px; display: block; }

#Header #CallNow { float: right; width: 252px; height: 80px; background: transparent url(../_images/callnow.jpg) no-repeat top left; font-size: 20pt; margin-right: 44px; margin-bottom: 4px; }
#Header #CallNow .high { margin: 15px 0 0 10px; display: block; color: #666666; }
#Header #CallNow .low { margin: 0 0 0 10px; display: block; color: #336699; }

/* MENU */
    
/* > 1st level lists*/
ul.menu, ul.menu ul { padding: 0; margin: 0; list-style: none; line-height: 1; z-index: 200; }
ul.menu { background: url(/_images/menu_bg_grad.png); height: 29px; margin: 0 37px 0 38px; padding: 1px 0 0 20px; }
    
/* Display all anchords as blocks */
ul.menu a { display: block; }
ul.menu ul a { display: block; }

/* Generic li property. */
ul.menu li { float: left; width: 20em; }
ul.menu li ul li { float : left; width: 20em; }

/* Set properties for top elements */
ul.menu li.top { float: left; height:  29px; margin-right: 10px; }
ul.menu li.short, ul.menu li.short-selected { width: 55px; }
ul.menu li.long, ul.menu li.long-selected { width: 80px; }

/* Cufon standard link.*/
ul.menu a.standard { margin-top: 3px; padding-top: 8px; font-size: 8px; height: 16px; text-align: center; text-transform: uppercase; text-decoration: none; }  
ul.menu a.standard:link, ul.menu a.standard:visited { color: #666666; }

/* Top level selected backgrounds */
ul.menu li.short-selected a.standard { background: transparent url(/_images/menu_selected_short.png) no-repeat; color: #ffffff !important; }
ul.menu li.long-selected a.standard { background: transparent url(/_images/menu_selected_long.png) no-repeat; color: #ffffff !important; }

/* Top level hover backgrounds */
ul.menu li.short-hover a.standard { background: transparent url(/_images/menu_hover_short.png) no-repeat; color: #666666 !important }
ul.menu li.long-hover a.standard { background: transparent url(/_images/menu_hover_long.png) no-repeat; color: #666666 !important; }

/* Regular blocks */
ul.menu li ul li a { display: block; padding: 0.5em 0.5em; background: #dcdcdc; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-collapse: collapse; }
ul.menu li ul li a:link, ul.menu li ul li a:visited { text-decoration: none; color: #336699; }
ul.menu li ul li a:hover, ul.menu li ul li a.shover
{ background-color: #F0F0F0; }

/* Second level lists */
ul.menu li ul { border-bottom: 1px solid #cccccc; position: absolute; background: #dcdcdc; color: #336699; width: 20em; left: -999em; }

/* Third and above lists */
ul.menu li ul ul { margin: -2em 0 0 20em; }
ul.menu li:hover ul ul { left: -999em; }
ul.menu li:hover ul, ul.menu li li:hover ul { left: auto; }

ul.menu li ul ul { margin: -2em 0 0 20em; }
ul.menu li:hover ul ul ul { left: -999em; }
ul.menu li:hover ul, ul.menu li li:hover ul, ul.menu li li li:hover ul { left: auto; }

ul.menu li ul ul { margin: -2em 0 0 20em; }
ul.menu li.shover ul ul { left: -999em; }
ul.menu li.shover ul, ul.menu li li.shover ul { left: auto; }

ul.menu li ul ul { margin: -2em 0 0 20em; }
ul.menu li.shover ul ul ul { left: -999em; }
ul.menu li.shover ul, ul.menu li li.shover ul, ul.menu li li li.shover ul { left: auto; }


/* MAIN BODY */

#Content { padding: 0px 36px 0 38px; background: transparent url(../_images/page_body.jpg) repeat-y top left; margin: 0; }

/* FOOTER */
#Footer { height: 65px; padding: 25px 38px; background: #ffffff url(../_images/page_foot.jpg) no-repeat top left; color: #979998; font-size: 11px; }
#Footer ul { margin: 0; padding: 0; list-style-type: none; }
#Footer ul li { list-style: none; display: inline; margin: 0; }
#Footer ul li a:link, #Footer ul li a:visited { color: #979998; text-decoration: none; } 

/* LEFT CONTENT */

#LeftContent { width: 717px; float: left; margin: 2px 0 0 0; }


/* Breadcrumb navigation */
#LeftContent div.breadcrumb { height: 30px; background: transparent url(/_images/header_wide_blue.png) top right; color: #ffffff; line-height: 30px; padding: 0 22px; margin: 0; font-size: 12px; }
#LeftContent div.breadcrumb ul { display: inline; margin: 0; padding: 0; list-style-type: none; }
#LeftContent div.breadcrumb ul li { list-style: none; display: inline; margin: 0; }
#LeftContent div.breadcrumb ul li a:link, #LeftContent div.breadcrumb ul li a:visited { color: #ffffff; text-decoration: none; }

/* Content Item */
#LeftContent div.contentItem { padding: 30px; line-height: 1.4em; }
#LeftContent div.contentItem p a:link, #LeftContent div.contentItem p a:visited, #Static a:visited, #Static a:link, .parentDescription a:visited, .parentDescription a:link, #Overview  a:visited, #Overview a:link { color: #6899DB; border-bottom: 1px dashed #6899DB; text-decoration: none; }
#LeftContent div.contentItem p a:hover, #Static a:visited, .parentDescription a:hover { color: #6899DB; border-bottom: 1px solid #6899DB;  text-decoration: none; }
#LeftContent h2 { margin: 0; padding: 0; }
#LeftContent h2.static { margin: 20px 0 0 20px; font-size: 38px; color: #336699; }
#LeftContent h3.static { margin: 0; font-size: 14px; color: #336699; padding: 0; }
#LeftContent p.static { margin: 20px; }
#LeftContent div.contentItem h2 { color: #336699; font-size: 16px; font-weight: bold; margin: 0; padding: 0;  }
#LeftContent div.contentItem div.image-right { float: right; clear:right;  width: 150px; color: #336699; font-weight: bold; text-align: center; margin-bottom: 20px; }

/* Frontpage Demo */
div.frontpage-demo { display: block; height: 270px; background: transparent url(../_images/frontpage-banner.jpg) no-repeat top left; color: #336699; padding: 70px 0 0 180px; }
div.frontpage-demo h2 { display: none; } /* Title is hidden */
div.frontpage-demo ul { font-size: 8pt; width: 220px; margin: 0 0 15px 0; padding: 10px ; }
div.frontpage-demo ul li { margin-bottom: .5em; }
div.frontpage-demo a.button-orange-large { margin-top: 5px; }

/* RIGHT CONTENT */

#RightContent { width: 249px; float: right; margin: 2px 0 0 0; font-size: 12px; }
#RightContent div.contentItem { padding-bottom: 1em; background-color: #ffffff; }
#RightContent div.contentItem img { vertical-align: middle; }
#RightContent div.contentItem h2 { height: 30px; background: transparent url(/_images/header_wide_blue.png) top right; color: #ffffff; font-weight: bold; font-size: 12px; line-height: 30px; margin: 0 0 0 0; padding: 0 20px; }
#RightContent div.contentItem h2.case-studies { margin-bottom: 15px; }
#RightContent div.contentItem h3 { font-size: 12px; color: #666666; background-color: #E5E5E5; padding: 5px 0 5px 20px; margin: 0; }
#RightContent div.contentItem h4 { font-size: 12px; color: #336699; padding: 15px 15px 0 15px; margin: 0; background-color: #ffffff; }
#RightContent div.contentItem p { padding: 0 15px; margin: 0; font-size: 12px; background-color: #ffffff;  }
#RightContent div.contentItem div.form { line-height: 2em; margin: 1em 0 0 5px; }
#RightContent div.contentItem label { display: inline-block; width: 60px; vertical-align: middle; margin-left: 15px; }
#RightContent div.contentItem select { display: inline-block; width: 130px; vertical-align: middle; }
#RightContent div.contentItem input[type='text'] { display: inline-block; vertical-align: middle; border: 1px solid #CCCCCC; width: 130px; }
#RightContent div.contentItem input[type='password'] { display: inline-block; vertical-align: middle; border: 1px solid #CCCCCC; width: 130px; }
#RightContent div.contentItem input[type=image] { display: inline-block; vertical-align: middle; }
#RightContent div.contentItem .button-blue { margin-left: 15px; margin-bottom: 10px; }
#RightContent div.contentItem div.static { margin: 1em 5px 1em 5px; }
#RightContent div.contentItem .signUp { margin-top: 10px; }
#RightContent ul li a:link, #RightContent ul li a:visited { color: #6899DB; border-bottom: 1px dashed #6899DB; text-decoration: none; }
#RightContent ul li a:hover { color: #6899DB; border-bottom: 1px solid #6899DB;  text-decoration: none; }

div.bodyclear { clear:both; }

/* GENERIC BUTTONS - LARGE */

a.button-blue-large { font-size: 12px; font-weight: bold; width: 102px; height: 29px; background: url(../_images/button_large.png) no-repeat 0 0; display: inline-block; line-height: 29px; text-align: center; }
a.button-blue-large:link, a.button-blue-large:visited { color: #ffffff; text-decoration: none; }
a.button-blue-large:hover { background-position: -102px 0; }

a.button-orange-large { font-size: 12px; font-weight: bold; width: 102px; height: 29px; background: url(../_images/button_large.png) no-repeat 0 -29px; display: inline-block; line-height: 29px; text-align: center; }
a.button-orange-large:link, a.button-orange-large:visited { color: #ffffff; text-decoration: none; }
a.button-orange-large:hover { background-position: -102px -29px; }

a.button-orange-very-large { font-size: 12px; font-weight: bold; width: 204px; height: 29px; background: url(../_images/button_very_large.png) no-repeat 0 -29px; display: inline-block; line-height: 29px; text-align: center; }
a.button-orange-very-large:link, a.button-orange-very-large:visited { color: #ffffff; text-decoration: none; }
a.button-orange-very-large:hover { background-position: -204px -29px; }


/* GENERIC BUTTONS - REGULAR */

a.button-blue { font-size: 11px; font-weight: bold; width: 102px; height: 24px; background: url(../_images/button_regular.png) no-repeat 0 -25px; display: inline-block; line-height: 24px; text-align: center; }
a.button-blue:link, a.button-blue:visited { color: #ffffff; text-decoration: none; }
a.button-blue:hover { background-position: -102px -25px; }

input.button-blue { font-size: 11px; font-weight: bold; width: 102px; height: 24px; background: url(../_images/button_regular.png) no-repeat 0 -25px; display: inline-block; text-align: center; vertical-align: top; border: 0; color: #ffffff; margin-top: 1px; cursor: pointer; }

a.button-grey { font-size: 11px; font-weight: bold; width: 102px; height: 24px; background: url(../_images/button_regular.png) no-repeat 0 0; display: inline-block; line-height: 24px; text-align: center; }
a.button-grey:link, a.button-grey:visited { color: #666666; text-decoration: none; }
a.button-grey:hover { background-position: -102px 0; }

/* Large Tabs */
ul.tabs /* ul.short-tabs */ { display: block; height: 35px; background-color: #333333; text-indent: 0; margin: 0; padding: 0; }
ul.tabs li { display: block; float: left; background: transparent url(../_images/tabs.png) no-repeat 100% 0; height: 30px; margin: 5px 1px 0 0; padding: 0; list-style-type: none; }
ul.tabs li a { display: inline-block; height: 30px; line-height: 30px; text-align: center; overflow:hidden; padding: 0 25px; }
ul.tabs li a:link, ul.tabs li a:visited { text-decoration: none; color: #666666; font-weight: normal; overflow: hidden; }
ul.tabs li.selected a:link, ul.tabs li.selected a:visited { text-decoration: none; color: #ffffff !important; font-weight: normal; overflow: hidden; }
ul.tabs li.overview { width: 101px; text-align: center; }

/* Orange Tabs */
ul.tabs li.configure { background: transparent url(../_images/tabs.png) no-repeat 100% -210px; }
ul.tabs li.configure-selected { background: transparent url(../_images/tabs.png) no-repeat 100%  -180px; }
ul.tabs li.configure-selected a { color: #ffffff !important; }

/* Static Pages */

#Static { padding: 0 20px 20px 20px; }
#Static ul { list-style-position: outside; margin: 1em 0; padding: 0; }
#Static ul li { margin: 0.5em 20px;  }
#Static p {  margin: 1em 0; }
 .bluebold { font-weight: bold; color: #336699; }
#Static table { border: 0; border-collapse: collapse; }
#Static table td { padding-right: 10px; }
#Static table td.bold { font-weight: bold; }

#Static h3 { margin-top: 2em; color: #336699; font-weight: bold; }

/* News/Case Study Items */

#Pager { text-align: right; padding: 10px; }
#Pager .pager-button { display: inline-block; height: 19px; width: 24px; font-size: 12px; text-align: center; color: #333333; text-decoration: none; margin-left: 2px; padding: 5px 0 0 1px; background: transparent url(/_images/pager.gif) no-repeat 0 0; vertical-align: middle;  }
#Pager .pager-button-selected { display: inline-block; height: 19px; width: 24px; font-size: 12px; text-align: center; color: #333333; text-decoration: none; margin-left: 2px; padding-top: 5px; background: transparent url(/_images/pager-selected.gif) no-repeat 0 0; vertical-align: middle; }

#NewsList { margin: 20px; padding: 0; }
#NewsList li { list-style-type: none; list-style-position: inside; text-indent: 0; margin: 0; padding: 0 0 40px 0; border-bottom: 1px dotted #666666; }
#NewsList li h3 { color: #336699; font-size: 14px; margin: 1em 0 0 0; padding: 0; }
#NewsList li h4 { color: #336699; font-size: 12px; margin: 1em 0 1em 0; padding: 0; font-weight: bold !important; }
#NewsList li img { float: left; padding: 0 15px 15px 0; }
#NewsList li p { margin-left: 180px; }
#NewsList li.noImg p { margin-left: 0px; margin-right: 180px; }

#NewsItem { padding: 40px; }
#NewsItem h2 { color: #336699; font-size: 38px !important; margin-bottom: 30px !important; }
#NewsItem h3 { color: #336699; }
#NewsItem a.button-blue { float: right; }
#NewsItem img { float: left; padding: 0 15px 15px 0; }

#NewsCat a:visited, #NewsCat a:link { color: #666666; text-decoration: none; font-weight: bold; }
#NewsCat h3 { padding: 0; margin: 0 0 1em 25px; color: #336699; }
#NewsCat ul.cat { width: 300px; float:left; list-style-type: none; margin: 0; text-indent: 0; padding: 0 0 0 25px; }
#NewsCat ul.date { width: 300px; float:right; list-style-type: none; margin: 0; text-indent: 0; }
#NewsCat ul li.head { color: #336699; font-weight: bold; margin-bottom: 0.5em; }

ul.rotatenews { height: 7em; margin: 0; padding: 5px; list-style-type: none; }
ul.rotatenews li { position: relative; }

/* Item List */

#ItemList .description { margin: 0 20px; }
#ItemList ul { margin: 0; padding: 0 0 10px 0;}
#ItemList ul li { position: relative; display: inline-block; height: 270px; width: 130px; font-weight: bold; text-align: center; padding: 0 20px;  }
#ItemList ul li img { }
#ItemList ul li span.desc { display:block; height: 4em; margin: 0; padding: 3px; }
#ItemList ul li span.button { display: inline-block; height: 25px; width: 104px; line-height: 24px; text-align: center; font-weight: bold; color: #ffffff;  }
#ItemList ul li a:link, #ItemList ul li a:visited { color: #2C2C2C; text-decoration: none; }
#ItemList h2 { margin: 0; padding: 20px 20px 0 20px; font-size: 38px; }
#ItemList h2 span { color: #333333; }

.parentDescription { padding: 0 20px; }
.parentDescription h3 { font-size: 18px; }
.parentDescription p { color: #000000; }

/* .ajaxContent { padding: 20px; } */
.ajaxContent { display: none; }
.ajaxContent h2 { margin: 0; padding: 20px 0 10px 20px; font-size: 24px; }
.ajaxContent p { padding:  0 0 0 20px; }
.ajaxContent h3 { font-size: 18px; padding: 10px 0 0 20px; margin: 0; text-align: left; }
.ajaxContent li { margin-bottom: 0.5em; }
.ajaxContent .bodyclear { padding-top: 20px; }

.ajaxContent #Video { /*background: #959595;*/ }

.ajaxContent #Overview { height: 1000px; overflow: auto; }
.ajaxContent #Overview img { float: right; padding-right: 20px; }
.ajaxContent #Overview h2 { margin: 20px 0 0 20px; padding: 0 350px 0 0; }
.ajaxContent #Overview h2.banner { height: 0; width: 367px; padding: 57px 0 0 0 ; overflow:hidden; }
.ajaxContent #Overview h3 { padding-right: 350px; }
.ajaxContent #Overview p { padding-right: 350px; }
.ajaxContent #Overview ul { padding-right: 350px; }
.ajaxContent #Overview div.price { height: 55px; width: 250px; display: block; background: transparent url(/_images/rrp_background.png) 100% 0 no-repeat; margin-left: 20px; }
.ajaxContent #Overview div.price h4 { height: 12px; font-size: 12px; font-weight: bold; color: #ffffff; margin: 0; padding: 2px 10px 4px 10px; }
.ajaxContent #Overview div.price p { height: 22px; font-size: 22px; font-weight: bold; color: #336699; margin: 0; padding: 5px 10px; }
.ajaxContent #Overview div.price p span.sub { font-size: 18px; font-weight: normal; }

.ajaxContent #Gallery { background-color: #ffffff; text-align: center; height: 850px; overflow: auto; }
.ajaxContent #Gallery h2 { margin: 15px 0 0 20px; padding: 0 350px 0 0; }
.ajaxContent #Gallery h2.banner { height: 0; width: 367px; padding: 57px 0 0 0 ; overflow:hidden; }
.ajaxContent #Gallery #MainImgContainer { position: relative; display:table-cell; height:610px; width: 700px; text-align: center; vertical-align: Top; }
.ajaxContent #Gallery #MainImgContainer img { vertical-align:top;padding-top:30px;}

.ajaxContent #Gallery #ImageControls { height: 27px; width: 713px; background: #E5E5E5; line-height: 26px; text-align: right; padding: 2px; }
.ajaxContent #Gallery #ImageControls a.prev { display: inline-block; width: 24px; height: 24px; background: transparent url(../_images/gallerybuttons.png) no-repeat 0 0; cursor: pointer; text-decoration: none; vertical-align: middle; }
.ajaxContent #Gallery #ImageControls a.next { display: inline-block; width: 24px; height: 24px; background: transparent url(../_images/gallerybuttons.png) no-repeat -24px 0; cursor: pointer; text-decoration: none; vertical-align: middle; margin-right: 5px; }
.ajaxContent #GalleryImages { display: none; }

.ajaxContent .files li { list-style: none; text-indent: none; margin-left: 0; padding-left: 20px; background: transparent url(/_images/blue_down.png) no-repeat; }

/* Configurator layout */
.ajaxContent #Configurator { background-color: #ffffff; color: #333333; }
.ajaxContent #Configurator #ConfigLeft { float: left; width: 485px; padding-left: 20px; }
.ajaxContent #Configurator #ConfigLeft h2 { margin: 0; padding: 1em 0 .5em 0; text-indent: 0; }
.ajaxContent #Configurator #ConfigLeft h3 { margin: 0; padding: 1em 0; text-indent: 0; font: arial; font-size: 16px; font-weight: normal; }
.ajaxContent #Configurator #ConfigLeft h4 { font-size: 10pt; color: #000000; font-weight: bold; padding: 0; margin: .25em 0; }
.ajaxContent #Configurator #ConfigLeft ul.configuration { margin: 0; padding: 0; list-style-type: none; }
.ajaxContent #Configurator #ConfigLeft ul.configuration li { list-style: none; display: inline; margin: 0; }
.ajaxContent #Configurator #ConfigLeft ul.configuration li a.button-preset { display: inline-block; width: 104px; height: 25px; background: url(../_images/presets.png) no-repeat 0 0; line-height: 25px; text-align: center; color: #666666; font-weight: bold; text-decoration: none; }
.ajaxContent #Configurator #ConfigLeft ul.configuration li a.button-preset-selected { display: inline-block; width: 104px; height: 25px; line-height: 25px; text-align: center; color: #ffffff; font-weight: bold; text-decoration: none; }
.ajaxContent #Configurator #ConfigLeft select.position { width: 420px; }
.ajaxContent #Configurator #ConfigLeft a.info { display: inline-block; width: 42px; height: 21px; background: transparent url(../_images/button_tiny.png) 0 0; text-align: center; color: #666666; line-height: 21px; text-decoration: none; }
.ajaxContent #Configurator #ConfigLeft a.info-expanded { display: inline-block; width: 42px; height: 21px; text-align: center; color: #ffffff; line-height: 21px; text-decoration: none; }
.ajaxContent #Configurator #ConfigLeft div.infoBlock { height: 80px; padding: 10px;}
.ajaxContent #Configurator #ConfigLeft div.infoBlock div.infoContent { margin: 0 70px 0 0; }
.ajaxContent #Configurator #ConfigLeft div.infoBlock img.infoImage { float: right; padding-right: 60px; padding-left: 10px; }
.ajaxContent #Configurator #ConfigLeft div.infoBlock div.infoContent p { margin: 5px 0; padding: 0; }
.ajaxContent #Configurator #ConfigLeft .button-tall-orange { display: inline-block; height: 29px; width: 105px; line-height: 29px; color: #ffffff; font-weight: bold; background: transparent url(../_images/button_tall_config.png) no-repeat 0 0; text-align: center; text-decoration: none; }
.ajaxContent #Configurator #ConfigLeft .button-tall-config { display: inline-block; height: 29px; width: 105px; line-height: 29px; color: #ffffff; font-weight: bold; text-align: center; text-decoration: none;   }
.ajaxContent #Configurator #ConfigRight { float: right; width: 208px; height: 700px; }
.ajaxContent #Configurator #ConfigRight #Summary { width: 208px; background: transparent url(/_images/config_summary.png) no-repeat 0 0; color: #ffffff; }
.ajaxContent #Configurator #ConfigRight #Summary h3 { padding: 1em 0 1em 10px; margin: 0; font-size: 1.5em; font-weight: bold; color: #ffffff }
.ajaxContent #Configurator #ConfigRight #Summary p { padding: 0; margin: 0; }
.ajaxContent #Configurator #ConfigRight #Summary span.label { float: left; clear: left; width: 100px; padding-left: 10px; margin-bottom: 0.25em; }
.ajaxContent #Configurator #ConfigRight #Summary span.value { float: left; width: 90px; text-align: right; }
.ajaxContent #Configurator #ConfigRight #Summary p.total span.value { font-size: 1.5em; font-weight: bold; }
.ajaxContent #Configurator #ConfigRight #Summary p.total span.label { font-size: 1em; padding-top: 0.5em; }
.ajaxContent #Configurator #ConfigRight ul.base { display: none; }
.ajaxContent #Configurator #ConfigRight #ImageContainer p { padding: 20px 0; margin: 0; font-size: 8pt; color: #999999; }

/* Colour specific schemas */

/* Dark Blue schema (Digital Signage). */
.dk-blue { color: #2c2c2c; }
/* .dk-blue h3, .dk-blue .price { color: #5855A8; } */
.dk-blue ul.tabs li.selected { background: transparent url(../_images/tabs.png) no-repeat 100% -90px; }
.dk-blue #ItemList, .dk-blue .ajaxContent { background-color: #E1E0EA; }
.dk-blue #ItemList ul li span.button { background: transparent url(../_images/button_item_list.png) no-repeat 0 -49px; }

/* Medium Blue schema (Kiosks) */
.med-blue { color: #2c2c2c; }
/* .med-blue h3, .med-blue .price { color: #4B46C1; } */
.med-blue ul.tabs li.selected { background: transparent url(../_images/tabs.png) no-repeat 100% -60px; } 
.med-blue #ItemList, .med-blue .ajaxContent { background-color: #CAD9F2; }
.med-blue #ItemList ul li span.button { background: transparent url(../_images/button_item_list.png) no-repeat 0 -24px; }
.med-blue .button-preset-selected { background: transparent url(../_images/presets.png) no-repeat 0 -25px; }
.med-blue .info-expanded { background: transparent url(../_images/button_tiny.png) 0 21px;  }
.med-blue .button-tall-config { background: transparent url(../_images/button_tall_config.png) no-repeat 0 -29px; }

/* Light Blue schema (Software) - redundant */
.lt-blue { color: #2c2c2c; }
/* .lt-blue h3, .lt-blue .price { color: #487BC1; } */
.lt-blue ul.tabs li.selected { background: transparent url(../_images/tabs.png) no-repeat 100% -120px; } 
.lt-blue #ItemList, .lt-blue .ajaxContent { background-color: #DEEAEE; }
.lt-blue #ItemList ul li span.button { background: transparent url(../_images/button_item_list.png) no-repeat 0 -74px; }

/* Light Green (Touch Screen Monitor) */
.lt-green { color: #2c2c2c; }
/* .lt-green h3, .lt-green .price { color: #48AEC3; } */
.lt-green ul.tabs li.selected { background: transparent url(../_images/tabs.png) no-repeat 100% -30px; } 
.lt-green #ItemList, .lt-green .ajaxContent { background-color: #DEEBEA; }
.lt-green #ItemList ul li span.button { background: transparent url(../_images/button_item_list.png) no-repeat 0 0; }

/* Medium Green (Touch Screen PCs) */
.med-green { color: #2c2c2c; }
/* .med-green h3, .med-green .price { color: #4BB4A9; } */
.med-green ul.tabs li.selected { background: transparent url(../_images/tabs.png) no-repeat 100% -150px; } 
.med-green #ItemList, .med-green .ajaxContent { background-color: #E9F2EC; }
.med-green #ItemList ul li span.button { background: transparent url(../_images/button_item_list.png) no-repeat 0 -99px; }

/* Support form popup. */

#ThickBox { margin: 0; padding: 20px 0 20px 20px; color: #336699; line-height: 12px; }
#ThickBox form { margin: 0; padding: 0; }
#ThickBox h2 { font-size: 38px; padding: 0 0 10px 0; margin: 0; }
#ThickBox div.buttonContainer { position: absolute; bottom: 0; right: 0; padding: 20px; }

#ThickBox label { display: block; margin: 5px 0 0 0;  width: 293px; font-size: 11px; }
#ThickBox input.textInput { display: block; margin: 0; width: 393px; height: 14px; padding:5px;  border: none; background-color: #E8E8E8; color: #646664; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; line-height:24px; }
#ThickBox input.textInputShort { display: block; margin: 0; width: 280px; height: 24px; padding: 0 5px;  border: none; background-color: #E8E8E8; color: #646664; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; line-height:12px; }
#ThickBox textarea { display: block; height: 130px; width: 393px; padding: 5px; border: none; background-color: #E8E8E8; color: #646664; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; }

.leftList { margin-left: 20px; }
.leftList label { display: block; margin: 5px 0 0 0;  width: 293px; font-size: 11px; }
.leftList input.textInput { display: block; margin: 0; width: 393px; height: 24px; padding: 0 5px;  border: none; background-color: #E8E8E8; color: #646664; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; line-height:24px; }
.leftList input.textInputShort { display: block; margin: 0; width: 280px; height: 24px; padding: 0 5px;  border: none; background-color: #E8E8E8; color: #646664; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; line-height:24px; }
.leftList textarea { display: block; height: 130px; width: 393px; padding: 5px; border: none; background-color: #E8E8E8; color: #646664; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; }

#ThickBox .error { float: left; }

.rightList { float: right; width: 335px; font-size: 10px; padding: 10px; }
.rightList div.check { display: block; color: #000000; margin-top: 1em; font-size: 12px; }


/* ErrorList */
#ErrorList { float: right; width: 250px; }
#ErrorList ul { list-style-type: square; }

/* Keyword highlight for search results */
.keyword { color: Red; font-weight: bold; }

.ajaxContent #Overview div.price p span.Massage
{
    font-size: 12px;
    font-weight: normal;
}

.button-Download
{
    background: url(../_images/DownloadGuideButton.png) no-repeat;
    cursor: pointer;
    width:122px;
    height:27px;
}




.header
{
 font-weight: bold;
 height: 30px;
 font-size: 13px;
 cursor: pointer;
}
.headerSelect
{
 font-weight: bold;
 height: 30px;
 font-size: 13px;
 cursor: pointer;
}
.accContent
{
 margin-bottom: 5px; 
 padding-left:20px; 
 background-color: #ffffff;
 font-family: Helvetica, Arial;
 font-size: 12px;
 
}






/* Medium Blue schema (Kiosks) */
.AA_Text
{
    color: #2c2c2c;
}
/* .med-blue h3, .med-blue .price { color: #4B46C1; } */
.AA_Text ul.tabs li.selected
{
    background: transparent url(../_images/tabs.png) no-repeat 100% -120px;
}
.AA_Text #ItemList, .AA_Text #Overview, .AA_Text.ajaxContent
{
    background-color: #DEEAEE;
}
.AA_Text #ItemList ul li span.button
{
    background: transparent url(../_images/button_item_list.png) no-repeat 0 -74px;
}
.AA_Text .button-preset-selected
{
    background: transparent url(../_images/presets.png) no-repeat 0 -25px;
}
.AA_Text .info-expanded
{
    background: transparent url(../_images/button_tiny.png) 0 21px;
}
.AA_Text .button-tall-config
{
    background: transparent url(../_images/button_tall_config.png) no-repeat 0 -29px;
}

/* Medium Blue schema (Kiosks) */
.DS_Theme
{
    color: #2c2c2c;
}
/* .med-blue h3, .med-blue .price { color: #4B46C1; } */
.DS_Theme ul.tabs li.selected
{
    background: transparent url(../_images/tabs.png) no-repeat 100% -90px;
}
.DS_Theme #ItemList, .DS_Theme #Overview, .DS_Theme.ajaxContent
{
    background-color: #E1E0EA;
}
.DS_Theme #ItemList ul li span.button
{
    background: transparent url(../_images/button_item_list.png) no-repeat 0 -49px;
}
.DS_Theme .button-preset-selected
{
    background: transparent url(../_images/presets.png) no-repeat 0 -25px;
}
.DS_Theme .info-expanded
{
    background: transparent url(../_images/button_tiny.png) 0 21px;
}
.DS_Theme .button-tall-config
{
    background: transparent url(../_images/button_tall_config.png) no-repeat 0 -29px;
}

/* Medium Blue schema (Kiosks) */
.TM_Theme
{
    color: #2c2c2c;
}
/* .med-blue h3, .med-blue .price { color: #4B46C1; } */
.TM_Theme ul.tabs li.selected
{
    background: transparent url(../_images/tabs.png) no-repeat 100% -30px;
}
.TM_Theme #ItemList, .TM_Theme #Overview, .TM_Theme.ajaxContent
{
    background-color: #DEEBEA;
}
.TM_Theme #ItemList ul li span.button
{
    background: transparent url(../_images/button_item_list.png) no-repeat 0 0px;
}
.TM_Theme .button-preset-selected
{
    background: transparent url(../_images/presets.png) no-repeat 0 -25px;
}
.TM_Theme .info-expanded
{
    background: transparent url(../_images/button_tiny.png) 0 21px;
}
.TM_Theme .button-tall-config
{
    background: transparent url(../_images/button_tall_config.png) no-repeat 0 -29px;
}

/* Medium Blue schema (Kiosks) */
.TP_Theme
{
    color: #2c2c2c;
}
/* .med-blue h3, .med-blue .price { color: #4B46C1; } */
.TP_Theme ul.tabs li.selected
{
    background: transparent url(../_images/tabs.png) no-repeat 100% -150px;
}
.TP_Theme #ItemList, .TP_Theme #Overview, .TP_Theme.ajaxContent
{
    background-color: #E9F2EC;
}
.TP_Theme #ItemList ul li span.button
{
    background: transparent url(../_images/button_item_list.png) no-repeat 0 -100px;
}
.TP_Theme .button-preset-selected
{
    background: transparent url(../_images/presets.png) no-repeat 0 -25px;
}
.TP_Theme .info-expanded
{
    background: transparent url(../_images/button_tiny.png) 0 21px;
}
.TP_Theme .button-tall-config
{
    background: transparent url(../_images/button_tall_config.png) no-repeat 0 -29px;
}