/* STANDARD HTML CONTROLS
----------------------------------------------------------*/
body {
    font-family: Arial, Helvetica, sans-serif !important; font-size: 12px; color: #333333; width: 100%; height: 100%; margin: 0; padding: 0; background: #fff;
}
a {
    text-decoration: none; color: #ff4e00;
}
a:hover {
    color: #11007c;
}
a img {
    border: none; outline: none;
}
input[type="text"]  {
    width: 200px; border: 1px solid #11007c;
}
input[type="password"]  {
    width: 200px; border: 1px solid #11007c;
}
textarea  {
    width: 200px; border: 1px solid #11007c; height: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}
.whereToBuy {
    background-image: url(/images/button-wheretobuy.gif); width: 161px; height: 32px; float: right; display: block; margin-top: 5px; margin-right: 5px;
}
html[lang|="fr"] .whereToBuy {
    background-image: url(../images/buttons/wheretobuy1-french.gif);
}
html[lang|="es"] .whereToBuy {
    background-image: url(../images/buttons/wheretobuy1-spanish.gif);
}
html[lang|="de"] .whereToBuy {
    background-image: url(../images/buttons/wheretobuy1-german.gif);
}
html[lang|="nl"] .whereToBuy {
    background-image: url(../images/buttons/wheretobuy1-dutch.gif); width: 184px;
}
html[lang|="it"] .whereToBuy {
    background-image: url(../images/buttons/wheretobuy1-italian.gif);
}
#pageTitle h1 {
    color: #ff4e00; float: left; font-size: 24px;
    max-width: 650px; _width: 650px; margin-top: 0;
}
.lightBoxContainer {
    float: left;
}


/* LAYOUT
----------------------------------------------------------*/
#container {
    width: 980px; margin: 0 auto;
}
#adminTools {
    margin-bottom: 10px;
}
.headerContainer {
    height: 109px; position: relative; width: 980px;
    background: #fff url(../images/menu/border-main-top.gif) no-repeat left bottom;
}
#header {
    height: 71px; position: absolute; top: 0; left: 0; width: 980px;
}
#menuContainer {
    height: 28px; position: absolute; top: 74px; right: 0;
}
#logo {
    float: left; height: 100%; width: 257px;
}
.liveSupport {
    float: left; width: 241px;
}

/* HEADER ITEMS
----------------------------------------------------------*/
#headerToolbar {
    float: right; margin-top: 22px;
}
.headerItem {
    float: left; height: 25px; padding-left: 15px; margin-right: 15px; background: #fff url('../images/reseller01.gif') no-repeat left top; font-size: 11px;
}
.headerItem .headerItemTitle {
    background: #fff url(../images/reseller02.gif) repeat-x left top; height: 20px; padding: 5px 5px 0px 0px; float: left; color: #fff; font-weight: bold; min-width: 43px; text-align: center;
}
.headerItemControls {
    float: left; background-color: #c8c8c8; height: 25px; padding-left: 8px;
}
.headerItemButton {
    float: left; background: #c8c8c8 url(../images/reseller04.gif) no-repeat right top; padding: 5px 8px 0 8px; height: 20px; cursor: pointer;
}
.headerItem input[type="text"] {
    display: block; float: left; width: 150px; border: solid 1px #11007c; background-color: #fff; height: 16px; color: #746F93; line-height:15px; padding: 1px 0 0 5px; margin: 3px 0 0 0px; font-size: 12px;
}
.loginDisplay {
    clear: both; left: -169px; top: 25px; position: absolute; color: #333;  height: 89px; width: 198px; margin-top: -2px;
    background: url(/images/layout/2010/backg-login.gif) no-repeat left top;
    padding-top: 20px; padding-left: 10px;
}
.loginDisplay p {
    clear: both !important; margin: 0 0 !important; float: none !important; padding: 4px 0 !important;
}
.loginDisplay label {
   float: left; width: 65px; font-weight: bold; color: #686679;
}
.loginDisplay .buttonContainer {
    float: right !important; margin-right: 15px !important;
}
.loginDisplay .textBox {
    width: 110px !important; height: 14px !important; padding: 0 0 !important; margin: 0 0 !important; display: inline;
}
.loginDisplay .loginButton, .loginDisplay .button {
    background-color: #11007c !important; color: #fff !important; border: none; font-size: 11px; width: 75px;
}


/* HOME PAGE
----------------------------------------------------------*/
#homeContent {
    width: 100%;
}
#homeContent #textContent {
    width: 482px; float: left; margin-right: 10px;
}
#homeContent #links {
    margin-bottom: 5px;
}

/* HOME PAGE LINKS
----------------------------------------------------------*/
.homeLinks {
    list-style: none; padding: 0 0; margin: 5px 0; font-size: 11px;
}
.homeLinks a, .homeLinks a:hover {
    color: #fff;
}
.homeLinks h2 {
    color: #fff; font-size: 14px; margin: 7px 0 7px 5px;
}
html[lang|="nl"] .homeLinks h2 {
    font-size: 12px; margin-bottom: 10px;
}
.homeLinks img {
    width: 239px; height: 127px;
    margin-left: 1px;
}
.homeLinks .textArea {
    padding: 10px 10px; overflow: hidden;
    height: 60px;
}
.homeLinks li {
    width: 241px; height: 291px; float: left; margin-left: 5px;
}
.homeLinks .first {
    margin-left: 0;
}
.homeLinks .blue {
    background: #fff url(/images/layout/2010/backg-element-blue.gif) no-repeat left top;
}
.homeLinks .green {
    background: #fff url(/images/layout/2010/backg-element-green.gif) no-repeat left top;
}
.homeLinks .red {
    background: #fff url(/images/layout/2010/backg-element-red.gif) no-repeat left top;
}
.homeLinks .cyan {
    background: #fff url(/images/layout/2010/backg-element-cyan.gif) no-repeat left top;
}

/* PAGE TITLE
----------------------------------------------------------*/
#pageTitle { 
    border-bottom: solid 1px #ff4e00; margin-top: 15px;
}

/* CONTENT PAGE
----------------------------------------------------------*/
#mainContent {
    margin-top: 5px;
}
#mainContent #textContent {
    width: 100%; clear: both; margin-top: 15px;
}
#textContent #leftColumn {
    float: left; width: 240px; height: 100%;
}
#textContent #middleColumn {
    float: left; margin-left: 23px; margin-right: 23px; width: 444px;
}
#textContent #middleColumnFull {
    float: left; margin-left: 23px; width: 717px;
}
#textContent #rightColumn {
    float: right; width: 240px; height: 100%;
}

#textContent #leftColumnProduct {
    float: left; width: 282px; 
}
#textContent #leftColumnProduct img {
    border: solid 1px #ccc !important;
}
#textContent #leftColumnProduct .noborder {
    border: none !important;
}

#textContent #rightColumnProduct {
    float : left; margin-left: 23px; width: 673px; font-size: 0.95em !important;
}
#textContent #rightColumnProduct fieldset {
    font-size: 0.95em !important;
}
#rightColumnProduct .images { 
    background-color: #f0f0f0; padding: 5px 5px 2px 5px; margin-bottom: 10px;
}
#rightColumnProduct .images img {
    border: solid 1px #ccc !important;
}
#rightColumnProduct .images .imagesHeader {
    color: #11007c; margin-bottom: 10px; font-weight: bold; border-bottom: dotted 1px #ccc; padding: 5px 5px 8px 5px;
}
#rightColumnProduct .quickFeatures { 
    clear: both; padding: 5px 5px 2px 5px; margin-bottom: 10px; border: solid 1px #ccc !important;
}
.quickFeaturesComparison{
    width: 215px; margin: 10px auto; border: solid 1px #ccc; background-color: #fff;  padding: 5px 5px;
}
#rightColumnProduct #tabs {
}


/* CONTENT
----------------------------------------------------------*/
#content {
    margin-top: 0px; margin-bottom: 20px;
}
.flashContainer {
    border-bottom: solid 7px #ff4e00;
}
.flashHome, .landingHome {
    background: #fff url(/images/layout/2010/border-main.gif) no-repeat left top; height: 260px; margin-top: -7px; padding-top: 7px;
    padding-left: 1px; width: 979px;
}
.flashHome img {
    width: 978px;
}
.imageEditor img {
    width: 16px; height: 16px;
}

/* FOOTER
----------------------------------------------------------*/
#footer { 
    height: 27px;  background-color: #b4b4b4;
}
#footer #footerLeft {
    float: left; background-image: url(../images/bread_left.gif); width: 14px; height: 100%;
}
#footer #footerRight {
    float: right; background-image: url(../images/bread_right.gif); width: 14px; height: 100%;
}

/* BUTTONS
----------------------------------------------------------*/
.buttonLink {
    display:block; overflow: hidden; border: solid 1px #ff4e00; color: #000; padding: 2px 13px 2px 13px; margin: 0; float: left; margin-right: 7px;
}
.buttonLink:hover { 
    color: #000;  
}

/* INPUT CONTROLS
----------------------------------------------------------*/
.button {
    border: solid 1px #ff4e00; background-color: #fff; margin-right: 7px; color: #000; cursor: pointer; float: left; display: block;
}

/* TABLE
----------------------------------------------------------*/
table { 
    border-collapse: collapse; 
}
.grid th { 
    text-align: left;  background-image: url(../images/table_bg.gif); height: 27px;
}
.grid td, .grid th { 
    border-bottom: solid 1px #ededec; padding: 6px 6px;
    /* border: 1px #ededec solid; padding: 3px; */
}
.grid th {
    padding: 0 6px 0 6px;
}
.grid tfoot { 
    font-weight: bold; 
}
.grid thead { 
}
.grid tbody {
    background-color: #f9f9f9;
}
.grid {
    width: 100%;   
}
.grid .over {
    background-color: #f4f3f3;
}
.grid .centre {
    text-align: center;
}
.grid .right {
    text-align: right;
}
.grid .control {
    width: 45px;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset  {
    margin: 1em 0; padding: 1em; border: 1px solid #ccc;
}
fieldset .leftcolumn {
    float: left; width: 50%;
}
fieldset .rightcolumn {
    float: right; width: 50%;
}
fieldset .button {
    width: 75px;
}
fieldset .buttonLink {
    width: 75px; padding-left: 0; padding-right: 0; text-align: center;
}
fieldset p  {
    margin: 2px 12px 10px 10px;
}
fieldset label  {
    display: block;
}
fieldset input[type="text"]  {
    width: 90%;
}
fieldset input[type="password"]  {
    width: 90%;
}
fieldset textarea  {
    width: 90%;
}
legend  {
    font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px;
}
fieldset .inline {
    float: left; 
}
fieldset .inline label  {
    width: 125px;
}

/* DYNAMICS MEDIA LINKS
----------------------------------------------------------*/
.linksContainer {
    width: 980px; margin: 0 auto;
}
#dynamics {
    float: right; font-size: 11px; height: 21px; background: #fff url(../images/dynamics.gif) no-repeat left 12px; color: #555;
    padding: 15px 5px 0 25px;
}
#copyright {
    float : left; padding-top: 15px; font-size: 11px;
}
#dynamics a {
    color: #555;
}

/* PAGE LINKS
----------------------------------------------------------*/
.pagelinks {
    clear: both; margin: 5px auto 10px auto; width: 980px; font-size: 11px;
}
.pagelinks a {
    color: #fff;
}
.pagelinks h1 {
    padding: 2px 0; margin: 6px 0; font-size: 16px; color: #11007c; border-bottom: solid 1px #11007c;
} 
.pagelinks h2 {
    padding: 0; margin: 0; font-size: 13px;
}
html[lang|="it"] .pagelinks h2 {
	font-size: 10px;
}
.pagelinks .linkcontainer {
    width: 241px; float: left; margin-bottom: 11px; margin-left: 5px; 
}
.pagelinks .linktitle, .pagelinks .altlinktitle {
    height: 23px; padding-left: 5px; padding-top: 8px; background: url(../images/links/bar_dark_top.gif) no-repeat top left;
}
.pagelinks .first {
    margin-left: 0;
}
.pagelinks .altlinktitle {
    background: url(../images/links/bar_dark_top.gif) no-repeat top left;
}
.pagelinks .productlinkimage, .pagelinks .altproductlinkimage {
    height: 143px; width: 239px; border-left-color: #595091; border-right-color: #595091; border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid; position: relative;
}
.pagelinks .comparisonlinkimage {
    border: solid 1px #595091; border-top: none; width: 239px;
}
.pagelinks .altproductlinkimage {
    border-left-color: #938FAD;  border-right-color: #938FAD;
}
.pagelinks .productlinkimage img, .pagelinks .altproductlinkimage img, .pagelinks .comparisonlinkimage img {
    width: 239px; height: 143px;
}
.pagelinks .linkimage {
    height: 127px; width: 239px; border-left-color: #11007A; border-right-color: #11007A; border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid;
}
.pagelinks .linkimage img {
    width: 239px; height: 127px;
}
.pagelinks .altlinkimage {
    height: 127px; width: 239px; border-left-color: #11007A; border-right-color: #11007A; border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid;
}
.pagelinks .altlinkimage img {
    width: 239px; height: 127px;
}
.pagelinks .linkdescription, .pagelinks .altlinkdescription {
    height: 6px; overflow: hidden; width: 241px; background: #11007A url(../images/links/bar_dark_bot.gif) no-repeat left top;
}
.pagelinks .productdescription, .pagelinks .altproductdescription {
    height: 23px; overflow: hidden; width: 241px; text-align: right; margin-right: 5px; color: #fff; font-size: 11px; font-weight: bold; background: #11007A url(../images/links/bar_dark_bot.gif) no-repeat left 17px;
}
.pagelinks .productdescription label, .pagelinks .altproductdescription label {
    float: right; padding-top: 4px; padding-right: 4px;
}
.pagelinks .productdescription input, .pagelinks .altproductdescription input {
    float: right; margin: 0 !important; padding: 0 !important; margin-top: 4px !important; margin-right: 8px !important; width: 15px; height: 15px;
}

/* page links */
#rightColumn .pagelinks {
    width: 241px;
}
#rightColumn .pagelinks .linkimage, #rightColumn .pagelinks .altlinkimage {
    display: none;
}
#rightColumn .pagelinks .linkcontainer {
    margin-left: 0;
}
#rightColumn .linktitle, #rightColumn .altlinktitle {
    height: 18px;
}
#rightColumn .pagelinks h2 {
    font-size: 13px;
}
.overriddenLink h2 {
    padding-left: 35px; padding-top: 8px;
}


/* JQMODAL  
----------------------------------------------------------*/
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */
	
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindow {
    display: none; position: fixed; top: 5%; left: 40%; margin-left: -380px; width: 1024px; background-color: #fff; color: #333; border: 1px solid black; padding: 12px;
}
.jqmOverlay { 
    background-color: #000; 
}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
    position:absolute;top:0;left:0;z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.jqmWindow .buttons {
    width: 100%; margin-top: 15px;
}

/* CLEARFIX
----------------------------------------------------------*/
/* new clearfix */
.clearfix:after {
	clear: both; visibility: hidden; display: block; font-size: 0; content: "."; height: 0;
}
* html .clearfix { 
    zoom: 1; 
} /* IE6 */
*:first-child+html .clearfix { 
    zoom: 1; 
} /* IE7 */


/* NEWS
----------------------------------------------------------*/
#news {
     width: 980px; height: 45px;
}
#news a, #ticker01 a {
    color: #11007c;
} 
#news a:hover, #ticker01 a:hover {
    color: #ff4e00;
}

/* NEWS TICKER
----------------------------------------------------------*/
.news-ticker {
    clear: both; padding-left: 10px; width: 970px; font-weight: bold; background: url(../images/backg_news2.gif) no-repeat top left; height: 36px; overflow: hidden; padding-top: 8px; margin-top: -7px;
}
.news-ticker .title {
    float: left; width: 45px;
}
.news-ticker .items-wrapper {
    width: 925px; float: right; height: 30px;
}
.news-ticker .ticker-items { 
    padding: 0; margin: 0; height: 30px; list-style: none;
}
.news-ticker .ticker-items li {
    float: left; list-style: none; padding: 2px 10px; font-size: 10px;
}
.news-ticker .ticker-items a {
    color: #333;
}
.news-ticker .ticker-items a:hover {
    color: #ff4e00;
}

/* news ticker on all pages */
#breadCrumbs .news-ticker {
    clear: none; background: none; width: 970px; height: 20px; padding-top: 5px;
}
#breadCrumbs .news-ticker .items-wrapper {
    height: 20px; width: 890px;
}
#breadCrumbs .ticker-items {
    float: left; height: 20px;
}

/* BREADCRUMBS
----------------------------------------------------------*/
#breadCrumbs {
    background: url(../images/backg_news2.gif) no-repeat top left; clear: both; padding-top: 8px; width: 100%; margin-top: 5px; height: 37px;    
}
#breadCrumbs a {
    color: #333;
}
#breadCrumbs a:hover {
    color: #ff4e00;
}
#fileToolbar #breadCrumbs {
	background: none !important;
}
#fileToolbar #breadCrumbs ul li span {
	color: #ff4e00 !important;
}

/* ???
----------------------------------------------------------*/
.siteToolbar {
    padding: 3px 10px; background-color: #b4b4b4; font-size: 11px !important; margin-bottom: 5px;
}
.siteToolbar a {
    color: #fff;
}
.siteToolbar a:hover {
    color: #ff4e00; cursor: pointer;
}
.imageEditor {
    position: absolute;
}
#htmlEditor {
    background-color: #fff; width: 1010px; height: 480px;
}
h3 {
    font-size: 12px; padding-left: 0px; margin-left: 0px; margin-bottom: 8px;
}
.reviewTitle {
    margin: 0px 0px 4px 0px; font-size: 12px;
}
.reviewData {
    line-height: 1.3; margin: 0px 0px 15px; text-transform: lowercase; color: #444;
}
.reviewText {
    margin: 0; 
}
hr {
    margin: 0; padding: 0; padding: 0; color: #ff4e00; border: none; height: 1px; background-color: #ff4e00; display: block; margin: 15px 0 !important;
}
#aWriteReview {
    clear: both; text-align: right; margin-bottom: 10px;
}
h2.search {
    padding: 0; margin: 0; font-size: 12px;   
}
hr.search {
    margin: 5px 0px; color: #11007c; height: 1px; background-color: #11007c;
}

/* LANGUAGE DROPDOWN
----------------------------------------------------------*/
.language { 
    margin:0; padding:0;
}
#chooselanguage {
    float: left; width: 220px; height: 40px; margin-left: 14px; padding: 0 0 0 10px; color: #fff; background-image: url(../images/reseller01.gif); 
}
.CurrentLanguage {
    display: block; float: left !important; width: 108px; border: solid 1px #11007c; background-color: #fff; height: 17px; padding: 0px 0 0 5px; margin: 3px 0 0 0px; background: #fff url(../../../images/layout/arrow.gif) no-repeat 96px center; color: #746F93; line-height:15px;
}
.language-list {
    background-color: #9F9CB0; color: #fff; padding: 0; margin: 0; list-style: none; width: 115px; min-height: 22px; position: absolute; z-index: 500;
}
.language-list li {
    float: none; border-bottom: solid 1px #fff; margin: 0; padding-left: 10px;
}
.language-list li a {
    color: #fff; display: block; height: 16px; vertical-align: bottom; padding-top: 2px;
}
.language-list li:hover {
    background-color: #746F93;
}
#languageUsername {
    float: left;
}
#languagePassword {
    float: left; margin-left: 10px;
}
.upgradeLink {
    position: absolute; top: 0; right: 0; display: block; height: 82px; width: 82px; background-image: url(../images/upgradenow-tri.gif);
}
html[lang|="fr"] .upgradeLink {
    background-image: url(../images/upgradenow-french.gif);
}
html[lang|="nl"] .upgradeLink {
    background-image: url(../images/upgradenow-dutch.gif);
}
html[lang|="es"] .upgradeLink {
    background-image: url(../images/upgradenow-spanish.gif);
}
html[lang|="it"] .upgradeLink {
    background-image: url(../images/upgradenow-italian.gif);
}
.discontinued {
    height: 74px; width: 74px; position: absolute; top: 0; right: 0; display: block;
}

/* MISC
----------------------------------------------------------*/
.warningMessage {
    margin-top: 50px; font-weight: bold; color: red; text-align: center;
}
.confirmationButton, .confirmationButtons {
    text-align: center; font-weight: normal; width: 226px; margin: 20px auto;
}
.confirmationButton {
    width: 105px;
}
.confirmationButton .button,  .confirmationButton .buttonLink, .confirmationButtons .button,  .confirmationButtons .buttonLink {
    width: 105px; padding-left: 0px; padding-right: 0px;
}
.languages {
    float: left;
}

/* SPLASH PAGE
----------------------------------------------------------*/
#header img {
    float: left;
}
.splashTitle {
    float: right;  color: #ff4e00;  font-weight: normal; padding-top: 5px;  width: 560px; font-size: 24px;
}
.mainImage {
    height: 237px; width: 980px;
}
.landingHome .mainImage {
    height: 237px; width: 978px; margin-left: 0px;
}
.mainImage img {
    float: left;
}

.language-container {
    margin-top: 5px; float: right; 
}
.language-container h5 {
    color: #fff; font-size: 11px;
}
.textColumns {
    margin-top: 15px; margin-bottom: 15px;
}
.textColumns .left {
    float: left; width: 49%;
}
.textColumns .right {
    float: right; width: 49%;
}
.language-selection {
    padding: 0; color: #fff; margin: 15px 35px 0 0; position: relative;
}
.language-selection li {
    list-style-type: none !important;  list-style-image: none; position: relative; margin: 0; padding: 0; margin-bottom: 2px;
}
.language-selection li a {
    background: #281e5b url(/userfiles/splash/arrow.gif) no-repeat 235px 4px; width: 223px; height: 19px; display: block; color: #fff; padding-left: 30px; padding-top: 3px;
}
.language-selection li:hover a {
    background-color: #4D4380 !important; color: #fff; color: #fff;
}
.language-selection li a img {
    position: absolute; top: 3px; left: 3px;
}
#splashFooter { 
    height: 27px;  background-color: #b4b4b4; color: #fff;
}
#splashFooter p {
    padding-top: 6px;
}
#splashFooter #footerLeft {
    float: left; background-image: url(../images/bread_left.gif); width: 14px; height: 100%;
}
#splashFooter #footerRight {
    float: right; background-image: url(../images/bread_right.gif); width: 14px; height: 100%;
}
.row-selection {
    background-color: #4D4380; margin: 0; padding: 0; position: absolute;
}
.row-selection li a {
    background: none;
}
.row-selection li:hover a {
    background-color: #281e5b !important;
}