/* @override http://192.168.1.100/~ian/matrixsoftware.co.uk/src/css/matrix.css */

/* @group tags */

a
{
  outline: none;
}

body
{
  padding: 8px;
  margin: 0;
  background-color: #fff;
  -webkit-text-size-adjust: none;
}

img
{
  border: none;
}

/* @end */

#container
{
  width: 802px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @group header */

#header
{
  position: relative;
  margin-bottom: 8px;
  background: url(../images/new/nav/nav-header.png) no-repeat;
  width: 802px;
  height: 65px;
}

#logo
{
  width: 246px;
  height: 53px;
  background-image: url(../images/new/nav/nav-logo.png);
  position: absolute;
  left: 7px;
  top: 7px;
}

#logo a
{
  width: 246px;
  height: 53px;
  display: block;
  text-indent: -9999px;
}

/* @end */

/* @group search */

/* @group search bubble */

#searchbubble
{
  text-align: center;
  color: #333;
  margin-bottom: 0px;
  overflow: hidden;
  height: 0;
  position: relative;
}

#searchbubble a
{
  color: #fff;
  background-color: transparent;
}

#searchbubble .top
{
  background: url(../images/new/searchbar.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin-right: 78px;
  width: 802px;
  height: 8px;
  line-height: 1px;
}

#searchbubble .content
{
  background: url(../images/new/searchbarmid.png) repeat-y 0px 0px;
  margin-right: 78px;
  width: 802px;
  height: 42px;
}

#searchbubble .bottom
{
  background: url(../images/new/searchbar.png) no-repeat 0 -12px;
  margin-right: 78px;
  width: 802px;
  height: 8px;
  line-height: 1px;
}

#searchbubble .closebutton
{
  background-image: url(../images/search/closebutton.png);
  background-position: 0px 0px;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 3px;
  right: 0;
}

#searchbubble .closebutton:hover
{
  background-position: 0 -28px;
}

#searchbubble .closebutton:active
{
  background-position: 0 -56px;
}

#searchkeys
{
  text-shadow: none;
  margin-top: 6px;
  height: 16px;
  overflow: hidden;
  line-height: 16px;
  position: relative;
}

#searchkeys .hilite1
{
  color: #000;
  padding: 0px 2px;
}

#searchkeys .hilite2
{
  color: #000;
  padding: 0px 2px;
}

#searchkeys .hilite3
{
  color: #000;
  padding: 0px 2px;
}

#searchkeys .hilite4
{
  color: #000;
  padding: 0px 2px;
}

#searchkeys .hilite5
{
  color: #000;
  padding: 0px 2px;
}

#searchkeys .hilite6
{
  color: #000;
  padding: 0px 2px;
}

/* @end */

/* @group results page */

.siteSearchResultsContainer
{
  background-color: #fff;
  margin-bottom: 8px;
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  padding: 6px;
}

.siteSearchResultsPath
{
  font-size: 14px;
}

.siteSearchResultsSummary
{
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 6px;
}

.siteSearchResultsSample
{
  font-size: 10px;
  line-height: 13px;
}

/* @end */

/* @end */

/* @group nav */

#nav-cms
{
  position: absolute;
  width: 42px;
  height: 21px;
  background: url(../images/new/nav/nav-cms.png) 0px 0px;
  top: 39px;
  left: 425px;
}

#nav-cms a
{
  text-indent: -9999px;
  display: block;
  width: 42px;
  height: 21px;
}

#nav-products
{
  position: absolute;
  width: 76px;
  height: 21px;
  background: url(../images/new/nav/nav-products.png) 0px 0px;
  top: 39px;
  left: 500px;
}

#nav-products a
{
  text-indent: -9999px;
  display: block;
  width: 76px;
  height: 21px;
}

#nav-babelfish
{
  position: absolute;
  width: 76px;
  height: 21px;
  background: url(../images/new/nav/nav-babelfish.png) 0px 0px;
  top: 39px;
  left: 500px;
}

#nav-babelfish a
{
  text-indent: -9999px;
  display: block;
  width: 76px;
  height: 21px;
}


#nav-company
{
  position: absolute;
  width: 82px;
  height: 21px;
  background: url(../images/new/nav/nav-company.png) 0px 0px;
  top: 39px;
  left: 609px;
}

#nav-company a
{
  text-indent: -9999px;
  display: block;
  width: 82px;
  height: 21px;
}

#nav-contact
{
  position: absolute;
  width: 68px;
  height: 21px;
  background: url(../images/new/nav/nav-contact.png) 0px 0px;
  top: 39px;
  left: 724px;
}

#nav-contact a
{
  text-indent: -9999px;
  display: block;
  width: 68px;
  height: 21px;
}

#nav-search
{
  position: absolute;
  right: 4px;
  top: 3px;
}

#searchform
{
  margin: 0px;
  padding: 0px;
}

#navsearchbox
{
  
}

/* @end */

/* @group box */

.box
{
  text-align: left;
  color: #333;
}

.box .hd .c,
.box .ft .c
{
  font-size: 1px;
  height: 6px;
}

.box .ft .c
{
  height: 7px;
}

.box .hd
{
  background: transparent url(../images/box/tl.png) no-repeat 0px 0px;
  margin-right: 6px;
}

.box .hd .c
{
  background: transparent url(../images/box/tr.png) no-repeat right 0px;
  margin-right: -6px;
}

.box .bd
{
  background: transparent url(../images/box/l.png) repeat-y 0px 0px;
  margin-right: 6px;
}

.box .bd .c
{
  background: transparent url(../images/box/r.png) repeat-y right 0px;
  margin-right: -6px;
}

.box .bd .c .s
{
  margin: 0px 6px;
  background: #fff url(../images/box/m.png) repeat 0px 0px;
  padding: 1px;
}

.box .ft
{
  background: transparent url(../images/box/bl.png) no-repeat 0px 0px;
  margin-right: 6px;
}

.box .ft .c
{
  background: transparent url(../images/box/br.png) no-repeat right 0px;
  margin-right: -6px;
}

.boxcontent
{
  padding: 6px;
  text-align: left;
  font: 12px/19px "Lucida Grande", Lucida, Verdana, sans-serif;
  color: #515151;
}

.boxcontent b
{
  color: #323232;
  font-weight: bold;
}

.boxcontent h2
{
  font-size: 13px;
  font-weight: bold;
  color: #515151;
  margin: 0;
}

.boxcontent h1
{
  color: #3661aa;
  font-weight: bold;
  font-size: 14px;
  margin: 0px;
}

.boxcontent a
{
  color: #4274c7;
  text-decoration: none;
}

.boxcontent a:hover
{
  background-color: #4274c7;
  color: #fff;
  text-decoration: none;
}

/* @end */

.floatleft
{
  float: left;
  margin-right: 8px;
  margin-bottom: 0px;
}

.floatright
{
  float: right;
  margin-left: 8px;
  margin-bottom: 0px;
}

.leftclearer
{
  clear: left;
  line-height: 0;
  height: 0;
  display: block;
}

.leftclearer-ie
{
  clear: left;
  line-height: 0;
  height: 0;
  display: block;
}

.rightclearer
{
  clear: right;
  line-height: 0;
  height: 0;
  display: block;
}

.callout
{
  font: 12px/19px "Lucida Grande", Lucida, Verdana, sans-serif;
  text-align: center;
  padding: 4px;
}

#copyright
{
  font: 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-align: left;
  color: #cacaca;
  margin-top: 0;
  clear: both;
  padding-top: 4px;
}

/* @group about */

#about-sidemenu
{
  background: url(../images/about/side-menu/back.png) no-repeat 0 18px;
  width: 151px;
  height: 157px;
  float: left;
  margin-left: 8px;
}

#about-sidemenu .header
{
  background-image: url(../images/about/side-menu/header.png);
  width: 151px;
  height: 23px;
}

#about-sidemenu .the-company
{
  background: url(../images/about/side-menu/the-company.png) 0 0;
  width: 151px;
  height: 23px;
  margin-top: 8px;
}

#about-sidemenu .the-staff
{
  background: url(../images/about/side-menu/the-staff.png) 0 0;
  width: 151px;
  height: 23px;
  margin-top: 8px;
}

#about-sidemenu .our-clients
{
  background: url(../images/about/side-menu/our-clients.png) 0 -23px;
  width: 151px;
  height: 23px;
  margin-top: 8px;
}

#about-sidemenu .contact-us
{
  background: url(../images/about/side-menu/contact-us.png) 0 0;
  width: 151px;
  height: 23px;
  margin-top: 8px;
}

#contactpanes
{
  width: 247px;
  height: 380px;
  background-image: url(../images/contact.png);
}

.about-personbox
{
  float: left;
  width: 286px;
  height: 260px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 8px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-box-shadow: 0px 1px 1px #aaa;
  margin-top: 8px;
}


.about-indesignbox
{
  border: 1px solid #ddd;
  background-color: #fff;
  
  font-size: 10px;
  line-height: 14px;
  padding: 8px;
  width: 364px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  
  list-style-image: url(../images/retrieva/bluestar.jpg);
  list-style-position: outside;
  
}

.about-indesignbox ul
{
  font-size: 10px;
  padding-left: 14px;
  height: 100%;
}

.about-indesignbox li
{
  font-size: 10px;
  line-height: 12px;
  margin-top: 8px;
}

.about-indesignbox h1
{
  font-size: 10px;
  margin: 0px;
  padding-left: 0px;
}

.about-indesignbox h2
{
  font-size: 12px;
}

.about-quarkbox
{
  border: 1px solid #ddd;
  background-color: #fff;
  width: 364px;
  font-size: 10px;
  line-height: 14px;
  padding: 8px;
  
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  list-style-image: url(../images/retrieva/bluestar.jpg);
  list-style-position: outside;
  
  margin-left: 12px;
}

.qxpcs4table
{
  font-size: 10px;
  line-height: 14px;
}

.qxpcs4table td.box
{
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border: 1px solid #ddd;
  background-color: #fff;
  width: 364px;
  padding: 8px;
}

#cs4qxpboxes
{
  width: 100%;
  height: 364px;
  background: url(../images/newsitems/quarkindesign/28-quark-in.png) 50% 0;
}

.qxpcs4table ul
{
  font-size: 10px;
  padding-left: 14px;
  height: 100%;
  list-style-image: url(../images/retrieva/bluestar.jpg);
  list-style-position: outside;
  
}

.qxpcs4table li
{
  font-size: 10px;
  line-height: 12px;
  margin-top: 8px;
}

.qxpcs4table h1
{
  font-size: 10px;
  margin: 0px;
}

.qxpcs4table h2
{
  font-size: 12px;
}

.about-indesignquark
{
  padding-right: 8px;
  padding-left: 8px;
}

/* @end */

/* @group headerbox */

.headerbox
{
  max-width: 802px;
  text-align: left;
  color: #333;
}

.headerbox .hd h2
{
  font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  color: #fff;
  float: left;
  margin: 0;
  padding-top: 4px;
  padding-left: 11px;
  text-shadow: rgba(0,0,0,0.6) 0 1px 1px;
}

.headerbox .hd .c,
.headerbox .ft .c
{
  font-size: 1px;
  height: 23px;
}

.headerbox .ft .c
{
  height: 7px;
}

.headerbox .hd
{
  background: transparent url(../images/headerbox/tl.png) no-repeat 0px 0px;
  margin-right: 6px;
}

.headerbox .hd .c
{
  background: transparent url(../images/headerbox/tr.png) no-repeat right 0px;
  margin-right: -6px;
}

.headerbox .bd
{
  background: transparent url(../images/headerbox/l.png) repeat-y 0px 0px;
  margin-right: 6px;
}

.headerbox .bd .c
{
  background: transparent url(../images/headerbox/r.png) repeat-y right 0px;
  margin-right: -6px;
}

.headerbox .bd .c .s
{
  margin: 0px 6px;
  background: transparent url(../images/headerbox/m.png) repeat 0px 0px;
  padding: 1px;
}

.headerbox .ft
{
  background: transparent url(../images/headerbox/bl.png) no-repeat 0px 0px;
  margin-right: 6px;
}

.headerbox .ft .c
{
  background: transparent url(../images/headerbox/br.png) no-repeat right 0px;
  margin-right: -6px;
}

.headerboxcontent
{
  padding: 1px;
  text-align: left;
  font: 12px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
  color: #515151;
  clear: left;
}

.headerboxlist
{
  margin: 7px -6px -6px;
}

.headerboxlist ul
{
  margin: 0px;
  padding: 0px;
}

.headerboxlist li
{
  height: 23px;
  list-style: none;
  padding: 0 0px 0px;
  margin: 0 0px 8px;
  overflow: hidden;
}

.headerboxlist li a
{
  background: url(../images/headerbox/list-item.png) repeat-x 0 0px;
  display: block;
  margin: 0px;
  padding: 4px 0px 4px 10px;
  color: #6e6e6e;
  text-decoration: none;
  font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  overflow: hidden;
}

.headerboxlist li a:hover
{
  background: url(../images/headerbox/list-item.png) repeat-x 0 -23px;
  color: #6e6e6e;
}

.headerboxlist li i a
{
  background: url(../images/headerbox/list-item.png) repeat-x 0 -46px;
  color: #6e6e6e;
}

.headerboxlist li i a:hover
{
  background: url(../images/headerbox/list-item.png) repeat-x 0 -46px;
  color: #6e6e6e;
}

/* @end */

.splitbox
{
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 8px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-box-shadow: 0px 1px 1px #aaa;
  margin-top: 12px;
}

.splitbox h3
{
  margin: 0px;
}

/* @group insetbox */

.insetbox
{
  margin: 0px 0px 8px 0px;
  max-width: 1600px;
  color: #222;
  background-color: #fff;
}

.insetbox .hd .c,
.insetbox .ft .c
{
  font-size: 1px;
  height: 15px;
}

.insetbox .ft .c
{
  height: 11px;
}

.insetbox .hd
{
  background: transparent url(../images/insetbox/tl.png) no-repeat 0px 0px;
  margin-right: 12px;
}

.insetbox .hd .c
{
  background: transparent url(../images/insetbox/tr.png) no-repeat right 0px;
  margin-right: -12px;
}

.insetbox .bd
{
  background: transparent url(../images/insetbox/ml.png) repeat-y 0px 0px;
  margin-right: 4px;
}

.insetbox .bd .c
{
  background: transparent url(../images/insetbox/mr.png) repeat-y right 0px;
  margin-right: -4px;
  padding: 0px 11px 0px 11px;
}

.insetbox .ft
{
  background: transparent url(../images/insetbox/bl.png) no-repeat 0px 0px;
  margin-right: 12px;
}

.insetbox .ft .c
{
  background: transparent url(../images/insetbox/br.png) no-repeat right 0px;
  margin-right: -12px;
}

/* @end */

.breakbox
{
  font-size: 10px;
  text-align: left;
  line-height: 14px;
  color: #444;
}

.breakbox h3
{
  font-size: 12px;
  margin: 4px 0px 4px 0px;
}

.greydot
{
  list-style-image: url(../images/bluedot.png);
  margin: 0px 0px 0px 0px;
  color: #424242;
}

.greydot ul
{
  margin: 0px;
  padding: 0px;
}

.greydot li
{
  margin: 8px 0px 8px 0px;
  padding: 0px;
  text-align: left;
  line-height: 16px;
}

.specs
{
  
}

.specbox
{
  text-align: center;
  color: #444;
}

/* @group cms */

.compattable
{
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}

.compattable td
{
  background-color: #ffffff;
  border-bottom: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  padding: 2px 8px;
}

.compattableheader td
{
  background-color: #ececec;
}

/* @group cms planning */

.cmsplanboxl
{
  float: left;
  margin-right: 8px;
  padding-bottom: 12px;
}

.cmsplanboxl a
{
  background-color: transparent;
}

.cmsplanboxl a:hover
{
  background-color: transparent;
}

.cmsplanboxl i
{
  display: block;
  font-size: 10px;
  text-align: center;
  color: #5a7eb3;
  line-height: 10px;
}

.cmsplanboxr
{
  float: right;
  margin-left: 8px;
}

.cmsplanboxr a
{
  background-color: transparent;
}

.cmsplanboxr a:hover
{
  background-color: transparent;
}

.cmsplanboxr i
{
  display: block;
  font-size: 10px;
  text-align: center;
  color: #5a7eb3;
  line-height: 10px;
}

/* @end */

/* @group cms benefits */

.cmsbenefitslist ul
{
  margin: 0;
  padding: 0;
}

.cmsbenefitslist li
{
  list-style-image: url(../images/bluestar.png);
  list-style-position: outside;
  padding-bottom: 8px;
}

/* @end */

/* @group cms case studies list scroller */

#cms-scrollercontainer
{
  position: relative;
  width: 770px;
  height: 178px;
  left: 0;
  margin-top: 0;
}

#cms-scroller
{
  overflow: hidden;
  width: 762px;
  height: 178px;
  position: relative;
  margin-left: 4px;
  padding-top: 0;
}

#cms-scrollertrack
{
  width: 1760px;
  position: absolute;
}

#cms-scrollerleftfade
{
  position: absolute;
  top: 0;
  left: 4px;
  width: 32px;
  height: 178px;
  background-image: url(../images/cms/casestudies/leftfade.png);
  z-index: 2;
}

#cms-scrollerrightfade
{
  position: absolute;
  top: 0;
  right: 4px;
  width: 32px;
  height: 178px;
  background-image: url(../images/cms/casestudies/rightfade.png);
  z-index: 2;
}

#cmscase-bridisco
{
  width: 166px;
  height: 178px;
  background: url(../images/cms/casestudies/bridisco.png);
  margin-left: 32px;
  float: left;
}

#cmscase-draper
{
  width: 199px;
  height: 178px;
  background: url(../images/cms/casestudies/draper.png);
  margin-left: 48px;
  float: left;
}

#cmscase-ec2i
{
  width: 90px;
  height: 178px;
  background: url(../images/cms/casestudies/ec2i.png);
  margin-left: 48px;
  float: left;
}

#cmscase-gloss
{
  width: 100px;
  height: 178px;
  background: url(../images/cms/casestudies/gloss.png);
  margin-left: 48px;
  float: left;
}

#cmscase-jdwilliams
{
  width: 73px;
  height: 178px;
  background: url(../images/cms/casestudies/jdwilliams.png);
  margin-left: 48px;
  float: left;
}

#cmscase-maplin
{
  width: 170px;
  height: 178px;
  background: url(../images/cms/casestudies/maplin.png);
  margin-left: 48px;
  float: left;
}

#cmscase-otto
{
  width: 134px;
  height: 178px;
  background: url(../images/cms/casestudies/otto.png);
  margin-left: 48px;
  float: left;
}

#cmscase-rapid
{
  width: 170px;
  height: 178px;
  background: url(../images/cms/casestudies/rapid.png);
  margin-left: 48px;
  float: left;
}

#cmscase-redcats
{
  width: 179px;
  height: 178px;
  background: url(../images/cms/casestudies/redcats.png);
  margin-left: 48px;
  float: left;
}

#cmscase-pointer
{
  background-image: url(../images/cms/casestudies/pointer.png);
  width: 32px;
  height: 29px;
  position: absolute;
  z-index: 2;
  left: 1596px;
  top: 86px;
}

/* @end */

/* @group cms case study items scroller */

#cms-casescrollercontainer
{
  position: relative;
  margin-left: 0;
  margin-top: 0;
}

#cms-casescroller
{
  overflow: hidden;
  padding-left: 8px;
}

#cms-casescrollertrack
{
  width: 7146px;
}

.cms-casescrolleritem
{
  float: left;
  width: 762px;
  margin-right: 32px;
}

.cms-casescrolleritem p
{
  margin: 0;
  padding: 16px 0px 0;
}

#cms-casescrollerleft
{
  position: absolute;
  top: 208px;
  left: -24px;
  width: 35px;
  height: 35px;
  z-index: 2;
  background-image: url(../images/arrowbuttons.png);
  background-position: 0px 0px;
}

#cms-casescrollerleft:hover
{
  background-position: 0px -35px;
}

#cms-casescrollerleft:active
{
  background-position: 0px -70px;
}

#cms-casescrollerright
{
  position: absolute;
  top: 208px;
  right: -22px;
  width: 35px;
  height: 35px;
  z-index: 2;
  background-image: url(../images/arrowbuttons.png);
  background-position: -35px 0px;
}

#cms-casescrollerright:hover
{
  background-position: -35px -35px;
}

#cms-casescrollerright:active
{
  background-position: -35px -70px;
}

#cms-casepagetop
{
  width: 778px;
  height: 8px;
  position: relative;
  background: url(../images/cms/casestudies/cases-top.png) no-repeat;
}

#cms-casepagemid
{
  background: url(../images/cms/casestudies/cases-mid.png) repeat-y;
}

#cms-casepagebottom
{
  width: 778px;
  height: 8px;
  background: url(../images/cms/casestudies/cases-bottom.png) no-repeat;
}

.cms-casescrolleritemblock
{
  margin-top: 8px;
}

/* @end */

.cmsfeaturessidebox
{
  border: 1px solid #ddd;
  background-color: #eee;
  float: right;
  width: 190px;
  font-size: 10px;
  line-height: 14px;
  padding: 8px;
  margin-left: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.cmsfeaturessidebox h3
{
  font-size: 12px;
  margin: 2px 0px 2px 0px;
}

/* @group cmssubmenu */

#cmssubmenu
{
  padding: 0;
  margin: 0 0px 6px;
  height: 20px;
  clear: left;
}

#cmssubmenu ul
{
  margin: 0px;
  padding: 0px;
}

#cmssubmenu li
{
  list-style: none;
  float: left;
  padding: 0px;
  margin: 0px;
  text-indent: -9999px;
}

#cmssubmenu li a
{
  display: block;
  height: 20px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/cms/cms-submenu.png);
}

#cmssubmenu-matrixcms a
{
  width: 102px;
  height: 20px;
  background-position: 0px 0px;
}

#cmssubmenu-matrixcms i a
{
  background-position: 0px -60px;
}

#cmssubmenu-matrixcms i a:hover
{
  background-position: 0px -60px;
}

#cmssubmenu-matrixcms a:hover
{
  background-position: 0px -20px;
}

#cmssubmenu-matrixcms a:active
{
  background-position: 0px -40px;
}

#cmssubmenu-back
{
  height: 20px;
  width: 240px;
  background: url(../images/cms/cms-submenu.png) -102px 0;
}

#cmssubmenu-overview a
{
  width: 96px;
  height: 20px;
  background-position: -342px 0;
}

#cmssubmenu-overview i a
{
  background-position: -342px -60px;
}

#cmssubmenu-overview i a:hover
{
  background-position: -342px -60px;
}

#cmssubmenu-overview a:hover
{
  background-position: -342px -20px;
}

#cmssubmenu-overview a:active
{
  background-position: -342px -40px;
}

#cmssubmenu-features a
{
  width: 89px;
  height: 20px;
  background-position: -438px 0;
}

#cmssubmenu-features i a
{
  background-position: -438px -60px;
}

#cmssubmenu-features i a:hover
{
  background-position: -438px -60px;
}

#cmssubmenu-features a:hover
{
  background-position: -438px -20px;
}

#cmssubmenu-features a:active
{
  background-position: -438px -40px;
}

#cmssubmenu-benefits a
{
  width: 86px;
  height: 20px;
  background-position: -527px 0;
}

#cmssubmenu-benefits i a
{
  background-position: -527px -60px;
}

#cmssubmenu-benefits i a:hover
{
  background-position: -527px -60px;
}

#cmssubmenu-benefits a:hover
{
  background-position: -527px -20px;
}

#cmssubmenu-benefits a:active
{
  background-position: -527px -40px;
}

#cmssubmenu-movies a
{
  width: 81px;
  height: 20px;
  background-position: -613px 0;
}

#cmssubmenu-movies i a
{
  background-position: -613px -60px;
}

#cmssubmenu-movies i a:hover
{
  background-position: -613px -60px;
}

#cmssubmenu-movies a:hover
{
  background-position: -613px -20px;
}

#cmssubmenu-movies a:active
{
  background-position: -613px -40px;
}

#cmssubmenu-casestudies a
{
  width: 108px;
  height: 20px;
  background-position: -694px 0;
}

#cmssubmenu-casestudies i a
{
  background-position: -694px -60px;
}

#cmssubmenu-casestudies i a:hover
{
  background-position: -694px -60px;
}

#cmssubmenu-casestudies a:hover
{
  background-position: -694px -20px;
}

#cmssubmenu-casestudies a:active
{
  background-position: -694px -40px;
}

/* @end */

/* @end */

/* @group babelfish */

/* @group babelfishsubmenu */

#babelfishsubmenu
{
  padding: 0;
  margin: 0 0px 6px;
  height: 20px;
  clear: left;
}

#babelfishsubmenu ul
{
  margin: 0px;
  padding: 0px;
}

#babelfishsubmenu li
{
  list-style: none;
  float: left;
  padding: 0px;
  margin: 0px;
  text-indent: -9999px;
}

#babelfishsubmenu li a
{
  display: block;
  height: 20px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/babelfish/babelfish-submenu.png);
}

#babelfishsubmenu-babelfish a
{
  width: 88px;
  height: 20px;
  background-position: 0px 0px;
}

#babelfishsubmenu-babelfish i a
{
  background-position: 0px -60px;
}

#babelfishsubmenu-babelfish i a:hover
{
  background-position: 0px -60px;
}

#babelfishsubmenu-babelfish a:hover
{
  background-position: 0px -20px;
}

#babelfishsubmenu-babelfish a:active
{
  background-position: 0px -40px;
}

#babelfishsubmenu-back
{
  height: 20px;
  width: 333px;
  background: url(../images/babelfish/babelfish-submenu.png) -88px 0;
}

#babelfishsubmenu-overview a
{
  width: 97px;
  height: 20px;
  background-position: -421px 0;
}

#babelfishsubmenu-overview i a
{
  background-position: -421px -60px;
}

#babelfishsubmenu-overview i a:hover
{
  background-position: -421px -60px;
}

#babelfishsubmenu-overview a:hover
{
  background-position: -421px -20px;
}

#babelfishsubmenu-overview a:active
{
  background-position: -421px -40px;
}

#babelfishsubmenu-pro a
{
  width: 60px;
  height: 20px;
  background-position: -518px 0;
}

#babelfishsubmenu-pro i a
{
  background-position: -518px -60px;
}

#babelfishsubmenu-pro i a:hover
{
  background-position: -518px -60px;
}

#babelfishsubmenu-pro a:hover
{
  background-position: -518px -20px;
}

#babelfishsubmenu-pro a:active
{
  background-position: -518px -40px;
}

#babelfishsubmenu-ultra a
{
  width: 68px;
  height: 20px;
  background-position: -578px 0;
}

#babelfishsubmenu-ultra i a
{
  background-position: -578px -60px;
}

#babelfishsubmenu-ultra i a:hover
{
  background-position: -578px -60px;
}

#babelfishsubmenu-ultra a:hover
{
  background-position: -578px -20px;
}

#babelfishsubmenu-ultra a:active
{
  background-position: -578px -40px;
}

#babelfishsubmenu-movies a
{
  width: 81px;
  height: 20px;
  background-position: -646px 0;
}

#babelfishsubmenu-movies i a
{
  background-position: -646px -60px;
}

#babelfishsubmenu-movies i a:hover
{
  background-position: -646px -60px;
}

#babelfishsubmenu-movies a:hover
{
  background-position: -646px -20px;
}

#babelfishsubmenu-movies a:active
{
  background-position: -646px -40px;
}

#babelfishsubmenu-pricing a
{
  width: 75px;
  height: 20px;
  background-position: -727px 0;
}

#babelfishsubmenu-pricing i a
{
  background-position: -727px -60px;
}

#babelfishsubmenu-pricing i a:hover
{
  background-position: -727px -60px;
}

#babelfishsubmenu-pricing a:hover
{
  background-position: -727px -20px;
}

#babelfishsubmenu-pricing a:active
{
  background-position: -727px -40px;
}

/* @end */

/* @end */

/* @group retrieva */

.retrievasidebox
{
  border: 1px solid #ddd;
  background-color: #eee;
  width: 200px;
  font-size: 10px;
  line-height: 14px;
  padding: 8px;
  margin-top: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.retrievasidebox h1
{
  font-size: 10px;
  margin: 0px;
}

.purchaseretrieva
{
  line-height: 14px;
  display: inline;
}

.retrievaprices td
{
  padding: 8px 8px 0px 8px;
  vertical-align: top;
}

.retrievaprice
{
  font-weight: bold;
  text-align: right;
}

/* @group retrievasubmenu */

#retrievasubmenu
{
  padding: 0;
  margin: 0 0px 6px;
  height: 20px;
  clear: left;
}

#retrievasubmenu ul
{
  margin: 0px;
  padding: 0px;
}

#retrievasubmenu li
{
  list-style: none;
  float: left;
  padding: 0px;
  margin: 0px;
  text-indent: -9999px;
}

#retrievasubmenu li a
{
  display: block;
  height: 20px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/retrieva/retrieva-submenu.png);
}

#retrievasubmenu-retrieva a
{
  width: 88px;
  height: 20px;
  background-position: 0px 0px;
}

#retrievasubmenu-retrieva i a
{
  background-position: 0px -60px;
}

#retrievasubmenu-retrieva i a:hover
{
  background-position: 0px -60px;
}

#retrievasubmenu-retrieva a:hover
{
  background-position: 0px -20px;
}

#retrievasubmenu-retrieva a:active
{
  background-position: 0px -40px;
}

#retrievasubmenu-back
{
  height: 20px;
  width: 153px;
  background: url(../images/retrieva/retrieva-submenu.png) -88px 0;
}

#retrievasubmenu-overview a
{
  width: 96px;
  height: 20px;
  background-position: -241px 0;
}

#retrievasubmenu-overview i a
{
  background-position: -241px -60px;
}

#retrievasubmenu-overview i a:hover
{
  background-position: -241px -60px;
}

#retrievasubmenu-overview a:hover
{
  background-position: -241px -20px;
}

#retrievasubmenu-overview a:active
{
  background-position: -241px -40px;
}

#retrievasubmenu-server a
{
  width: 127px;
  height: 20px;
  background-position: -337px 0;
}

#retrievasubmenu-server i a
{
  background-position: -337px -60px;
}

#retrievasubmenu-server i a:hover
{
  background-position: -337px -60px;
}

#retrievasubmenu-server a:hover
{
  background-position: -337px -20px;
}

#retrievasubmenu-server a:active
{
  background-position: -337px -40px;
}

#retrievasubmenu-movies a
{
  width: 81px;
  height: 20px;
  background-position: -464px 0;
}

#retrievasubmenu-movies i a
{
  background-position: -464px -60px;
}

#retrievasubmenu-movies i a:hover
{
  background-position: -464px -60px;
}

#retrievasubmenu-movies a:hover
{
  background-position: -464px -20px;
}

#retrievasubmenu-movies a:active
{
  background-position: -464px -40px;
}

#retrievasubmenu-download a
{
  width: 100px;
  height: 20px;
  background-position: -545px 0;
}

#retrievasubmenu-download i a
{
  background-position: -545px -60px;
}

#retrievasubmenu-download i a:hover
{
  background-position: -545px -60px;
}

#retrievasubmenu-download a:hover
{
  background-position: -545px -20px;
}

#retrievasubmenu-download a:active
{
  background-position: -545px -40px;
}

#retrievasubmenu-pricing a
{
  width: 79px;
  height: 20px;
  background-position: -645px 0;
}

#retrievasubmenu-pricing i a
{
  background-position: -645px -60px;
}

#retrievasubmenu-pricing i a:hover
{
  background-position: -645px -60px;
}

#retrievasubmenu-pricing a:hover
{
  background-position: -645px -20px;
}

#retrievasubmenu-pricing a:active
{
  background-position: -645px -40px;
}

#retrievasubmenu-manual a
{
  width: 78px;
  height: 20px;
  background-position: -724px 0;
}

#retrievasubmenu-manual i a
{
  background-position: -724px -60px;
}

#retrievasubmenu-manual i a:hover
{
  background-position: -724px -60px;
}

#retrievasubmenu-manual a:hover
{
  background-position: -724px -20px;
}

#retrievasubmenu-manual a:active
{
  background-position: -724px -40px;
}

/* @end */

/* @group manual */

.manual
{
  font-size: 14px;
}

.manual a
{
  text-decoration: none;
  color: #00559f;
}

.manualcategory
{
  font-size: 12px;
  padding: 4px;
  margin-bottom: 8px;
  border: solid 1px #e6e6e6;
  background-color: #f2f2f2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.manualcategoryfooter
{
  font-size: 12px;
  padding: 4px;
  margin-bottom: 8px;
  border-right: solid 1px #e6e6e6;
  border-bottom: solid 1px #e6e6e6;
  border-left: solid 1px #e6e6e6;
  background-color: #f2f2f2;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
}

.manualsubcategory1
{
  font-size: 12px;
  padding: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 16px;
  margin-right: 16px;
  border: solid 1px #d9d9d9;
  background-color: #e6e6e6;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.manualsubcategory2
{
  font-size: 12px;
  padding: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 16px;
  margin-right: 16px;
  border: solid 1px #cccccc;
  background-color: #d9d9d9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.manualsubcategory3
{
  font-size: 12px;
  padding: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 16px;
  margin-right: 16px;
  border: solid 1px #bfbfbf;
  background-color: #cccccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.breadcrumbs
{
  color: white;
  font-weight: bold;
  padding: 0 8px;
  background-color: #6195cd;
  border: 1px solid #5686ba;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  position: relative;
}

.breadcrumbs a
{
  color: white;
  text-decoration: none;
}

.manualheader
{
  font-size: 12px;
  border: 1px solid #dddddd;
  background-color: #eeeeee;
  padding: 2px 8px 2px 8px;
  position: relative;
}

.manualcontent
{
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 12px;
  text-align: justify;
  position: relative;
}

.manualcontent p
{
  margin-top: 0px;
}

.manualmovie
{
  padding: 1px;
  margin-left: 8px;
  margin-bottom: 8px;
  border: 1px solid #dddddd;
  background-color: #f5f5f5;
  width: 320px;
  float: right;
}

.manualcontent em
{
  color: #000077;
  font-style: normal;
}

.manualcontent a
{
  color: #4274c7;
  text-decoration: none;
}

.manualcontent a:visited
{
  
}

.manualcontent a:hover
{
  background-color: #eeeeee;
  color: #4274c7;
}

.manualcontent a:active
{
  
}

/* @end */

/* @end */

/* @group pos */

/* @group possubmenu */

#possubmenu
{
  padding: 0;
  margin: 0 0px 6px;
  height: 20px;
  clear: left;
}

#possubmenu ul
{
  margin: 0px;
  padding: 0px;
}

#possubmenu li
{
  list-style: none;
  float: left;
  padding: 0px;
  margin: 0px;
  text-indent: -9999px;
}

#possubmenu li a
{
  display: block;
  height: 20px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/pos/pos-submenu.png);
}

#possubmenu-pos a
{
  width: 97px;
  height: 20px;
  background-position: 0px 0px;
}

#possubmenu-pos i a
{
  background-position: 0px -60px;
}

#possubmenu-pos i a:hover
{
  background-position: 0px -60px;
}

#possubmenu-pos a:hover
{
  background-position: 0px -20px;
}

#possubmenu-pos a:active
{
  background-position: 0px -40px;
}

#possubmenu-back
{
  height: 20px;
  width: 325px;
  background: url(../images/pos/pos-submenu.png) -97px 0;
}

#possubmenu-overview a
{
  width: 96px;
  height: 20px;
  background-position: -422px 0;
}

#possubmenu-overview i a
{
  background-position: -422px -60px;
}

#possubmenu-overview i a:hover
{
  background-position: -422px -60px;
}

#possubmenu-overview a:hover
{
  background-position: -422px -20px;
}

#possubmenu-overview a:active
{
  background-position: -422px -40px;
}

#possubmenu-technical a
{
  width: 95px;
  height: 20px;
  background-position: -518px 0;
}

#possubmenu-technical i a
{
  background-position: -518px -60px;
}

#possubmenu-technical i a:hover
{
  background-position: -518px -60px;
}

#possubmenu-technical a:hover
{
  background-position: -518px -20px;
}

#possubmenu-technical a:active
{
  background-position: -518px -40px;
}

#possubmenu-casestudies a
{
  width: 112px;
  height: 20px;
  background-position: -613px 0;
}

#possubmenu-casestudies i a
{
  background-position: -613px -60px;
}

#possubmenu-casestudies i a:hover
{
  background-position: -613px -60px;
}

#possubmenu-casestudies a:hover
{
  background-position: -613px -20px;
}

#possubmenu-casestudies a:active
{
  background-position: -613px -40px;
}

#possubmenu-movies a
{
  width: 77px;
  height: 20px;
  background-position: -725px 0;
}

#possubmenu-movies i a
{
  background-position: -725px -60px;
}

#possubmenu-movies i a:hover
{
  background-position: -725px -60px;
}

#possubmenu-movies a:hover
{
  background-position: -725px -20px;
}

#possubmenu-movies a:active
{
  background-position: -725px -40px;
}

/* @end */

/* @end */

/* @group shareware */

.sharewaresections
{
  border: 1px solid #ddd;
  background-color: #eee;
  font-size: 10px;
  line-height: 14px;
  padding: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  margin-top: 8px;
}

.sharewaresections h3
{
  margin: 8px 0px 0px 0px;
}

/* @group sharewaresubmenu */

#sharewaresubmenu
{
  padding: 0;
  margin: 0 0px 6px;
  height: 20px;
  clear: left;
}

#sharewaresubmenu ul
{
  margin: 0px;
  padding: 0px;
}

#sharewaresubmenu li
{
  list-style: none;
  float: left;
  padding: 0px;
  margin: 0px;
  text-indent: -9999px;
}

#sharewaresubmenu li a
{
  display: block;
  height: 20px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/shareware/shareware-submenu.png);
}

#sharewaresubmenu-shareware a
{
  width: 97px;
  height: 20px;
  background-position: 0px 0px;
}

#sharewaresubmenu-shareware i a
{
  background-position: 0px -60px;
}

#sharewaresubmenu-shareware i a:hover
{
  background-position: 0px -60px;
}

#sharewaresubmenu-shareware a:hover
{
  background-position: 0px -20px;
}

#sharewaresubmenu-shareware a:active
{
  background-position: 0px -40px;
}

#sharewaresubmenu-back
{
  height: 20px;
  width: 471px;
  background: url(../images/shareware/shareware-submenu.png) -97px 0;
}

#sharewaresubmenu-quark a
{
  width: 136px;
  height: 20px;
  background-position: -568px 0;
}

#sharewaresubmenu-quark i a
{
  background-position: -568px -60px;
}

#sharewaresubmenu-quark i a:hover
{
  background-position: -568px -60px;
}

#sharewaresubmenu-quark a:hover
{
  background-position: -568px -20px;
}

#sharewaresubmenu-quark a:active
{
  background-position: -568px -40px;
}

#sharewaresubmenu-4d a
{
  width: 98px;
  height: 20px;
  background-position: -704px 0;
}

#sharewaresubmenu-4d i a
{
  background-position: -704px -60px;
}

#sharewaresubmenu-4d i a:hover
{
  background-position: -704px -60px;
}

#sharewaresubmenu-4d a:hover
{
  background-position: -704px -20px;
}

#sharewaresubmenu-4d a:active
{
  background-position: -704px -40px;
}

/* @end */

/* @end */

.piclegend
{
  font-size: 9px;
}

.bluestars
{
  padding-left: 22px;
  margin-top: 0px;
  list-style-image: url(../images/retrieva/bluestar.jpg);
}

.bluestars li
{
  font-size: 10px;
  line-height: 12px;
  margin-top: 4px;
}

.mainstrap
{
  font-size: 14px;
  margin-bottom: 8px;
  font-weight: bold;
}

.splitbox h1
{
  font-size: 16px;
  margin: 0px 0px 2px 0px;
}

.splitbox a
{
  color: #4274c7;
  text-decoration: none;
}

.splitbox a:hover
{
  background-color: #4274c7;
  color: #fff;
  text-decoration: none;
}

.downloadsection
{
  border: 1px solid #d1d1d1;
  background-color: #f7f7f7;
  font-size: 10px;
  line-height: 24px;
  padding: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  margin-top: 8px;
  text-align: center;
  font-style: italic;
}

.downloadsection form
{
  display: inline;
}

.downloadsection a
{
  background-color: transparent;
}

.downloadsection a:hover
{
  background-color: transparent;
}

.xtheader h1
{
  font-size: 24px;
}

.xtheader h2
{
  font-size: 16px;
  margin: 0px 0px 12px 0px;
}

/* @group news scroller */

#news-scrollercontainer
{
  position: relative;
  margin-top: 8px;
  left: -16px;
  padding-left: 16px;
  width: 818px;
}

#news-scroller
{
  overflow: hidden;
  width: 802px;
  padding: 0;
  position: relative;
}

#news-scrollertrack
{
  height: 172px;
  width: 1072px;
  padding: 0;
}

.news-scrolleritem
{
  margin-right: 0;
  width: 262px;
  height: 172px;
  margin-left: 0;
  padding: 0;
  float: left;
}

.news-scrollerspacer
{
  width: 8px;
  height: 8px;
  float: left;
}

#news-scrollerleft
{
  position: absolute;
  top: 70px;
  left: 0px;
  width: 35px;
  height: 35px;
  background-image: url(../images/arrowbuttons.png);
  z-index: 2;
  background-position: 0px 0px;
}

#news-scrollerleft:hover
{
  background-position: 0px -35px;
}

#news-scrollerleft:active
{
  background-position: 0px -70px;
}

#news-scrollerright
{
  position: absolute;
  top: 70px;
  right: 0px;
  width: 35px;
  height: 35px;
  z-index: 2;
  background: url(../images/arrowbuttons.png) -35px 0;
}

#news-scrollerright:hover
{
  background-position: -35px -35px;
}

#news-scrollerright:active
{
  background-position: -35px -70px;
}

/* @end */

/* @group hilites */

.hilite1
{
  background-color: #ff6bd8;
  color: #323232;
}

.hilite2
{
  background-color: #ff941a;
  color: #323232;
}

.hilite3
{
  background-color: #ecf702;
  color: #323232;
}

.hilite4
{
  background-color: #79ed2e;
  color: #323232;
}

.hilite5
{
  background-color: #77beff;
  color: #323232;
}

.hilite6
{
  background-color: #b7b4ff;
  color: #323232;
}

/* @end */

/* @group sidequote */

.sidequote
{
  float: left;
  width: 175px;
  margin: 8px 0px 0px 8px;
}

.sidequotetop
{
  background-image: url(../images/sidequote/quote-top.png);
  width: 175px;
  height: 21px;
}

.sidequotemid
{
  background-image: url(../images/sidequote/quote-mid.png);
  width: 175px;
}

.sidequotetext
{
  font: italic 11px "Lucida Grande", Lucida, Verdana, sans-serif;
  margin: 0 16px;
  color: #616161;
  text-align: center;
}

.sidequotebot
{
  background-image: url(../images/sidequote/quote-bottom.png);
  width: 175px;
  height: 27px;
}

.sidequoterest
{
  background-image: url(../images/sidequote/quote-rest.png);
  width: 175px;
}

.sidequotesource
{
  font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
  color: #797979;
  margin: 0px 8px;
}

.sidequotelink
{
  text-align: center;
  padding: 8px 0px;
}

.sidequotelink a
{
  text-decoration: none;
  color: #4274c7;
  font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
  vertical-align: middle;
  background: url(../images/linkarrow.png) no-repeat right;
  padding: 0 18px 2px 4px;
}

.sidequotelink a:hover
{
  color: #ffffff;
  background-color: #4274c7;
}

.sidequoteend
{
  background-image: url(../images/sidequote/quote-end.png);
  width: 175px;
  height: 6px;
  background-repeat: no-repeat;
}

/* @end */

.sidebar
{
  width: 175px;
  float: left;
  margin: 8px 0px 0px 8px;
}

.sidebar .header
{
  width: 175px;
  height: 6px;
  background: url(../images/sidebar/sidebar-top.png) no-repeat;
}

.sidebar .content
{
  background: url(../images/sidebar/sidebar-mid.png) repeat-y;
  font: 11px/13px "Lucida Grande", Lucida, Verdana, sans-serif;
  color: #2d2d2d;
  padding: 4px 9px 0;
  text-align: center;
}

.sidebar .footer
{
  width: 175px;
  height: 6px;
  background: url(../images/sidebar/sidebar-bot.png) no-repeat;
}

.sidebar151
{
  width: 151px;
  float: left;
  margin: 8px 0px 0px 8px;
}

.sidebar151 .header
{
  width: 151px;
  height: 6px;
  background: url(../images/sidebar/sidebar151-top.png) no-repeat;
}

.sidebar151 .content
{
  background: url(../images/sidebar/sidebar151-mid.png) repeat-y;
  font: 11px/13px "Lucida Grande", Lucida, Verdana, sans-serif;
  color: #2d2d2d;
  padding: 4px 0 0;
  text-align: center;
}

.sidebar151 .footer
{
  width: 151px;
  height: 6px;
  background: url(../images/sidebar/sidebar151-bot.png) no-repeat;
}

/* @group toptrumps */

.toptrumps
{
  float: left;
  margin-right: 8px;
  font-size: 10px;
}

.toptrumps .firstitem
{
  background-color: #eaeaea;
  text-align: right;
  color: #000;
  width: 85px;
  padding: 2px 6px 2px 4px;
  vertical-align: text-top;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
}

.toptrumps .firstvalue
{
  background-color: #f7f7f7;
  padding: 2px 4px;
  width: 140px;
  vertical-align: text-top;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
}

.toptrumps .item
{
  background-color: #eaeaea;
  text-align: right;
  color: #000;
  width: 85px;
  padding: 2px 6px 2px 4px;
  vertical-align: text-top;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}

.toptrumps .value
{
  background-color: #f7f7f7;
  padding: 2px 4px;
  width: 140px;
  vertical-align: text-top;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}

.toptrumps .lastitem
{
  background-color: #eaeaea;
  text-align: right;
  color: #000;
  width: 85px;
  padding: 2px 6px 2px 4px;
  vertical-align: text-top;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
}

.toptrumps .lastvalue
{
  background-color: #f7f7f7;
  padding: 2px 4px;
  width: 140px;
  vertical-align: text-top;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
}

/* @end */

.planningpics
{
  margin-left: 16px;
  width: 155px;
  float: left;
}

.back802
{
  width: 802px;
}

.back802 .top
{
  width: 802px;
  height: 6px;
  background: url(../images/back/802top.png) no-repeat;
}

.back802 .mid
{
  background: url(../images/back/802mid.png) repeat-y;
  width: 802px;
}

.back802 .content
{
  padding: 6px 12px;
  text-align: left;
  font: 12px/19px "Lucida Grande", Lucida, Verdana, sans-serif;
  color: #515151;
  width: 780px;
}

.back802 h2
{
  font-size: 13px;
  font-weight: bold;
  color: #515151;
  margin: 0;
}

.back802 h1
{
  font-size: 14px;
  font-weight: bold;
  color: #515151;
  margin: 0;
}

.back802 a
{
  color: #4274c7;
  text-decoration: none;
}

.back802 a:hover
{
  background-color: #4274c7;
  color: #fff;
  text-decoration: none;
}

.back802 .bot
{
  width: 802px;
  height: 8px;
  background: url(../images/back/802bot.png) no-repeat;
}

.studycontent
{
  padding: 12px;
  text-align: left;
  font: 12px/19px "Lucida Grande", Lucida, Verdana, sans-serif;
  color: #515151;
  background: #eee;
}

.studycontent h2
{
  font-size: 13px;
  font-weight: bold;
  color: #515151;
  margin: 0;
}

.studycontent h1
{
  font-size: 14px;
  font-weight: bold;
  color: #515151;
  margin: 0;
}

.studycontent a
{
  color: #4274c7;
  text-decoration: none;
}

.studycontent a:hover
{
  background-color: #4274c7;
  color: #fff;
  text-decoration: none;
}

/* @group errordoc */

.errordocnote
{
  background: transparent url(../images/alertnote.png) no-repeat;
  padding: 11px 0px 58px 170px;
  margin: 50px 50px 0px 60px;
}

.errordocnote h1
{
  font-size: 16px;
}

.errordocnote h2
{
  font-size: 13px;
  margin-bottom: 20px;
}

.errordoccaution
{
  background: transparent url(../images/alertcaution.png) no-repeat;
  padding: 11px 0px 58px 170px;
  margin: 50px 50px 0px 60px;
}

.errordoccaution h1
{
  font-size: 16px;
}

.errordoccaution h2
{
  font-size: 13px;
  margin-bottom: 20px;
}

.errordocstop
{
  background: transparent url(../images/alertstop.png) no-repeat;
  padding: 11px 0px 58px 170px;
  margin: 50px 50px 0px 60px;
}

.errordocstop h1
{
  font-size: 18px;
}

.errordocstop h2
{
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: normal;
}

/* @end */

.blueh
{
  color: #3661aa;
  font-weight: bold;
  font-size: 14px;
}

#home-relaxing-panel
{
  width: 396px;
  height: 239px;
  position: absolute;
  background: url(../images/new/home/relaxing-panel.png) no-repeat;
}

#popularlinks-panel
{
  width: 194px;
  height: 208px;
  position: absolute;
  top: 247px;
  background: url(../images/new/popularlinks-panel.png) no-repeat;
  padding-top: 40px;
}

#webex-panel
{
  width: 194px;
  height: 208px;
  position: absolute;
  top: 247px;
  left: 202px;
  padding-top: 40px;
  padding-left: 16px;
  background: url(../images/new/webex-panel.png) no-repeat;
}

#home-retrieva-panel
{
  width: 398px;
  height: 147px;
  position: absolute;
  left: 404px;
  padding: 40px 16px 16px;
  background: url(../images/new/home/retrieva-panel.png) no-repeat;
}

#home-html5-panel
{
  width: 398px;
  height: 147px;
  position: absolute;
  left: 404px;
  padding: 40px 16px 16px;
  background: url(../images/new/home/html5-panel.png) no-repeat;
}

#home-cms-panel
{
  width: 398px;
  height: 149px;
  position: absolute;
  left: 404px;
  top: 155px;
  padding-top: 40px;
  padding-left: 16px;
  background: url(../images/new/home/cms-panel.png) no-repeat;
}

#home-babelfish-panel
{
  width: 398px;
  height: 143px;
  position: absolute;
  left: 404px;
  top: 312px;
  padding-top: 40px;
  padding-left: 16px;
  background: url(../images/new/home/babelfish-panel.png) no-repeat;
}

#quarknews-panel
{
  float: left;
  width: 286px;
  height: 400px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 8px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-box-shadow: 0px 1px 1px #aaa;
  margin-top: 8px;
}

.panels
{
  position: relative;
  font-size: 12px;
  line-height: 18px;
  height: 456px;
}

.panelcontent
{
  width: 220px;
}

.webexpanelcontent
{
  width: 170px;
}

.popularlinks-content
{
  width: 186px;
}

.popularlinks-content ul
{
  margin: 0px;
  padding: 0px 0px 0px 40px;
  list-style-image: url(../images/bluestar.png);
}

.popularlinks-content li
{
  padding: 2px;
}

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

.popularlinks-content a:hover
{
  color: #fff;
  background-color: #4274c7;
}

.webexlogo
{
  text-align: center;
  padding: 016px 0px 0;
}

.panellink
{
  padding: 24px 0px 8px;
}

.panellink a
{
  text-decoration: none;
  color: #4274c7;
  font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  vertical-align: middle;
  background: url(../images/linkarrow.png) no-repeat right;
  padding: 0 18px 2px 0;
}

.panellink a:hover
{
  color: #ffffff;
  background-color: #4274c7;
}

.multichannelpanelcontent
{
  width: 200px;
}

#cms-freedom-panel
{
  width: 396px;
  height: 239px;
  position: absolute;
  background: url(../images/new/cms/freedom-panel.png) no-repeat;
}

#cms-love-panel
{
  width: 398px;
  height: 147px;
  position: absolute;
  left: 404px;
  padding: 40px 16px 16px;
  background: url(../images/new/cms/love-panel.png) no-repeat;
}

#cms-multichannel-panel
{
  width: 398px;
  height: 149px;
  position: absolute;
  left: 404px;
  top: 155px;
  padding-top: 40px;
  padding-left: 16px;
  background: url(../images/new/cms/multichannel-panel.png) no-repeat;
}

#cms-planning-panel
{
  width: 398px;
  height: 143px;
  position: absolute;
  left: 404px;
  top: 312px;
  padding-top: 40px;
  padding-left: 16px;
  background: url(../images/new/cms/planning-panel.png) no-repeat;
}

#productspanels
{
  font-size: 12px;
  height: 571px;
  position: relative;
}

#products-cms
{
  width: 396px;
  height: 239px;
  background: url(../images/new/products/products-cms.png) no-repeat;
  position: absolute;
  padding-top: 50px;
  padding-left: 23px;
}

#products-retrieva
{
  width: 398px;
  height: 239px;
  background: url(../images/new/products/products-retrieva.png) no-repeat;
  position: absolute;
  left: 404px;
  padding-top: 50px;
  padding-left: 23px;
}

#products-babelfish
{
  width: 396px;
  height: 239px;
  background: url(../images/new/products/products-babelfish.png) no-repeat;
  position: absolute;
  top: 247px;
  padding-top: 50px;
  padding-left: 23px;
}

#products-pos
{
  width: 398px;
  height: 239px;
  background: url(../images/new/products/products-pos.png) no-repeat;
  position: absolute;
  left: 404px;
  top: 247px;
  padding-top: 50px;
  padding-left: 23px;
}

#products-shareware
{
  width: 802px;
  height: 77px;
  background: url(../images/new/products/products-shareware.png) no-repeat;
  position: absolute;
  top: 494px;
}

.productscontent
{
  width: 200px;
  line-height: 16px;
}

.sharewarecontent
{
  padding-top: 15px;
  padding-left: 300px;
  width: 493px;
}

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

#newspanels
{
  position: relative;
  height: 159px;
}

#newspanels1
{
  position: relative;
  height: 159px;
  z-index: 1;
}

#newspanels2
{
  position: relative;
  height: 159px;
  z-index: 2;
}

#newspanelsmall
{
  position: relative;
  height: 39px;
}


#newsheader
{
  background-image: url(../images/new/news/news-heading.png);
  width: 802px;
  height: 21px;
  margin-top: 8px;
}

#newsheader-blog
{
  background-image: url(../images/new/news/followblog.png);
  position: absolute;
  width: 260px;
  height: 21px;
  margin-top: 8px;
  left: 0px;
}

#newsheader-rss
{
  background-image: url(../images/new/news/followRSS.png);
  position: absolute;
  width: 260px;
  height: 21px;
  margin-top: 8px;
  left: 271px;
}

#newsheader-twitter
{
  background-image: url(../images/new/news/followtwit.png);
  position: absolute;
  width: 260px;
  height: 21px;
  margin-top: 8px;
  left: 542px;
}


/* news on home page */
#news-babelfish
{
  height: 129px;
  background: url(../images/new/news/news-babelfish.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 0px;
  margin-top: 8px;
}

#news-social
{
  height: 129px;
  background: url(../images/new/news/news-social.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 202px;
  margin-top: 8px;
}

#news-newoffice
{
  height: 129px;
  background: url(../images/new/news/news-newoffice.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 404px;
  margin-top: 8px;
}

#news-oyyy
{
  height: 129px;
  background: url(../images/new/news/news-oyyy.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 606px;
  margin-top: 8px;
}

/*
#news-makro
{
  height: 129px;
  background: url(../images/new/news/news-makro.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 606px;
  margin-top: 8px;
}


#news-mullin
{
  height: 129px;
  background: url(../images/new/news/news-mullin.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 606px;
  margin-top: 8px;
}


#news-fcum
{
  height: 129px;
  background: url(../images/new/news/news-mikeduff.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 606px;
  margin-top: 8px;
}

#news-quarkindesign
{
  height: 129px;
  background: url(../images/new/news/news-quarkindesign.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 202px;
  margin-top: 8px;
}

#news-bathrooms
{
  height: 129px;
  background: url(../images/new/news/news-splash.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 606px;
  margin-top: 8px;
}

#news-ec2i
{
  height: 129px;
  background: url(../images/new/news/news-ec2i.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 0px;
  margin-top: 8px;
}

#news-rm
{
  height: 129px;
  background: url(../images/new/news/news-rm.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 202px;
  margin-top: 8px;
}

#news-spicers
{
  height: 129px;
  background: url(../images/new/news/news-spicers.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 404px;
  margin-top: 8px;
}

#news-routeco
{
  height: 129px;
  background: url(../images/new/news/news-routeco.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 606px;
  margin-top: 8px;
}
*/




/* Full news for news page link on home page*/
#fullnews-babelfish
{
  height: 129px;
  background: url(../images/new/news/news-babelfish.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 0px;
  margin-top: 8px;
}

#fullnews-social
{
  height: 129px;
  background: url(../images/new/news/news-social.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 202px;
  margin-top: 8px;
}


#fullnews-newoffice
{
  height: 129px;
  background: url(../images/new/news/news-newoffice.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 404px;
  margin-top: 8px;
}

#fullnews-oyyy
{
  height: 129px;
  background: url(../images/new/news/news-oyyy.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 606px;
  margin-top: 8px;
}

#fullnews-makro
{
  height: 129px;
  background: url(../images/new/news/news-makro.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 0px;
  margin-top: 145px;
}

#fullnews-quarkindesign
{
  height: 129px;
  background: url(../images/new/news/news-quarkindesign.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 202px;
  margin-top: 145px;
}

#fullnews-mullin
{
  height: 129px;
  background: url(../images/new/news/news-mullin.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 404px;
  margin-top: 145px;
}

#fullnews-fcum
{
  height: 129px;
  background: url(../images/new/news/news-mikeduff.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 606px;
  margin-top: 145px;
}

#fullnews-bathrooms
{
  height: 129px;
  background: url(../images/new/news/news-splash.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 0px;
  margin-top: 282px;
}

#fullnews-copyright{
  position: relative;
  height: 282px;
  z-index: auto;
}


/* company news page */
#compnews-copyright{
  position: relative;
  height: 828px;
  z-index: auto;
}

#compnews-gooutdoors
{
  height: 129px;
  background: url(../images/new/news/news-gooutdoors.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 0px;
  margin-top: 8px;
}

#compnews-falkross
{
  height: 129px;
  background: url(../images/new/news/news-falkross.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 202px;
  margin-top: 8px;
}

#compnews-babelfish
{
  height: 129px;
  background: url(../images/new/news/news-babelfish.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 404px;
  margin-top: 8px;
}

#compnews-next
{
  height: 129px;
  background: url(../images/new/news/news-next.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 606px;
  margin-top: 8px;
}

#compnews-btc
{
  height: 129px;
  background: url(../images/new/news/news-btc.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 0px;
  margin-top: 145px;
}

#compnews-social
{
  height: 129px;
  background: url(../images/new/news/news-social.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 202px;
  margin-top: 145px;
}

#compnews-nimans
{
  height: 129px;
  background: url(../images/new/news/news-nimans.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 404px;
  margin-top: 145px;
}

#compnews-490
{
  height: 129px;
  background: url(../images/new/news/news-490.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 606px;
  margin-top: 145px;
}

#compnews-newoffice
{
  height: 129px;
  background: url(../images/new/news/news-newoffice.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 0px;
  margin-top: 282px;
}

#compnews-egl
{
  height: 129px;
  background: url(../images/new/news/news-egl.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 202px;
  margin-top: 282px;
}

#compnews-oyyy
{
  height: 129px;
  background: url(../images/new/news/news-oyyy.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 404px;
  margin-top: 282px;
}

#compnews-integra
{
  height: 129px;
  background: url(../images/new/news/news-integra.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 606px;
  margin-top: 282px;
}

#compnews-christies
{
  height: 129px;
  background: url(../images/new/news/news-christies.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 0px;
  margin-top: 419px;
}

#compnews-insight
{
  height: 129px;
  background: url(../images/new/news/news-insight.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 202px;
  margin-top: 419px;
}

#compnews-makro
{
  height: 129px;
  background: url(../images/new/news/news-makro.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 404px;
  margin-top: 419px;
}

#compnews-boden
{
  height: 129px;
  background: url(../images/new/news/news-boden.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 606px;
  margin-top: 419px;
}

#compnews-toolstream
{
  height: 129px;
  background: url(../images/new/news/news-toolstream.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 0px;
  margin-top: 556px;
}

#compnews-ridgeons
{
  height: 129px;
  background: url(../images/new/news/news-ridgeons.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 202px;
  margin-top: 556px;
}

#compnews-oka
{
  height: 129px;
  background: url(../images/new/news/news-oka.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 404px;
  margin-top: 556px;
}

#compnews-cottontraders
{
  height: 129px;
  background: url(../images/new/news/news-cotton.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 606px;
  margin-top: 556px;
}

#compnews-quarkindesign
{
  height: 129px;
  background: url(../images/new/news/news-quarkindesign.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 0px;
  margin-top: 691px;
}

#compnews-spicers
{
  height: 129px;
  background: url(../images/new/news/news-spicers.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 202px;
  margin-top: 691px;
}

#compnews-mullin
{
  height: 129px;
  background: url(../images/new/news/news-mullin.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 404px;
  margin-top: 691px;
}

#compnews-fcum
{
  height: 129px;
  background: url(../images/new/news/news-mikeduff.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 606px;
  margin-top: 691px;
}

#compnews-bathrooms
{
  height: 129px;
  background: url(../images/new/news/news-splash.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 0px;
  margin-top: 828px;
}

#compnews-rm
{
  height: 129px;
  background: url(../images/new/news/news-rm.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 202px;
  margin-top: 828px;
}

#compnews-routeco
{
  height: 129px;
  background: url(../images/new/news/news-routeco.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 404px;
  margin-top: 828px;
}


#compnews-ec2i
{
  height: 129px;
  background: url(../images/new/news/news-ec2i.png) no-repeat;
  position: absolute;
  width: 194px;
  left: 606px;
  margin-top: 828px;
}


.webexsignup
{
  width: 500px;
  margin-top: 50px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.webexsignup .label
{
  font-weight: bold;
}

.webexcontact
{
  border: 1px solid #ddd;
  width: 500px;
  margin-top: 32px;
  background-color: #fff;
  padding: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.webexcontact .label
{
  font-weight: bold;
}

.webexdetails
{
  font-size: 9px;
  line-height: 10px;
  width: 580px;
  margin-bottom: 40px;
}

.webexcautionbadge
{
  width: 23px;
  height: 23px;
  background: url(../images/little-caution.png) no-repeat;
}

.webexokbadge
{
  width: 23px;
  height: 23px;
  background: url(../images/little-tick.png) no-repeat;
}

.webexhelp
{
  font-size: 10px;
  color: #ad3f2c;
}

.webexsignupok
{
  width: 640px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 30px 10px 40px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  margin-top: 30px;
  text-align: center;
}

.webexheader
{
  font-size: 16px;
  font-weight: bold;
}

.webexheader img
{
  vertical-align: middle;
}