/* Tunify css                                                                 */
/* Yahoo fonts.css integrated. (c) 2007, Yahoo! Inc. All rights reserved.     */

/* ========================================================================== */
/* 00. base styles                                                            */

/* set base body ............................................................ */
body {font:13px/1 arial,trebuchet MS,tahoma,helvetica,clean,sans-serif; background:#fff; color:#363636;}

/* general reset ............................................................ */
* {margin:0; padding:0;}
html, body, form, img, fieldset, legend, table, tbody, thead, tfoot, tr, th, td {border:none;}
li {list-style:none;}

/* hide elements from screen but not from source ............................ */
.hidden {position:absolute !important; top:auto; left:-999em !important;}

/* clearfix class ........................................................... */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block; display:block;}

/* line-heights ............................................................. */
p, a, li, span {line-height:1.25em;}

/* ========================================================================== */
/* 01. page frame                                                             */

/* site frame ............................................................... */
#pageContainer {}

/* site header .............................................................. */
#pageHeader {xborder-top:7px solid #363636;}
#pageHeader .metaNav {background:#E5E5E5;}
#pageHeader .metaNav .metaWrap {overflow:hidden; width:73em; margin:0pt auto;}
#pageHeader .banner {background:#5CB8D5 url("img/header-bg.gif") top left repeat-x;}
#pageHeader .banner .bannerWrap {width:73em; margin:0em auto; padding:1.5em 2em; padding-bottom:0.5em; position:relative; min-height:52px;}

/* site content ............................................................. */
#pageContent {width:73em; margin:0pt auto;}

/* site footer .............................................................. */
#pageFooter {background:#363636; margin-top:2em; border-bottom:1px solid #868686;}
#pageFooter .pageFooterWrap {width:73em; margin:0pt auto; padding-top:1.25em; position:relative; xheight:10em;}
#pageFooter .pageFooterWrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#pageFooter .pageFooterWrap {display:inline-block; display:block;}
#pageFooter .img {padding-right:1.25em; position:absolute; top:7.25em; left:0em;}
#pageFooter .copyright {color:#646464;}
#pageFooter .metaNav {float:right; padding-left:1.5em; margin-bottom:0.5em;}

/* site footer language navigation .......................................... */
#pageFooter .pageFooterWrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#pageFooter .pageFooterWrap {display:inline-block; display:block;}
#pageFooter .navLang {xposition:absolute; xbottom:0; xright:1em; float:none; padding-top:5.75em;}
#pageFooter .navLang li {float:none;} 
#pageFooter .navLang a.page {float:right; background:url("img/link-language-bg.gif") left center repeat-x; color:#fff; margin:0; width:15em; margin-right:-2px;}
#pageFooter .navLang a.page span {display:block;}
#pageFooter .navLang a.page .linkWrap1 {background:url("img/link-language-tl.gif") top left no-repeat;}
#pageFooter .navLang a.page .linkWrap2 {background:url("img/link-language-tr.gif") top right no-repeat;}
#pageFooter .navLang a.page .linkWrap3 {background:url("img/link-language-expand.gif") right 1.35em no-repeat; padding:0.75em 1.25em; text-align:center; padding-right:2.6em; padding-top:0.85em;}
#pageFooter .navLang .open a.page .linkWrap3 {background-image:url("img/link-language-collapse.gif");}
#pageFooter .navLang .sub li {color:#FFFFFF; background:url("img/bullet-langnav-footer.gif") left 0.55em no-repeat; padding-left:10px; margin:0.5em 0em;}
#pageFooter .navLang .sub a.page {float:none; display:inline; width:auto; background:none; margin:0 0.15em;}
#pageFooter .navLang .sub li {float:none;}

#pageFooter .navLang {margin-top:1em;}
#pageFooter .navLang .sub {position:absolute; top:auto; left:-9999em; clear:both;}
#pageFooter .navLang .sub .subWrap1 {border-top:1px solid #868686;}
#pageFooter .navLang .sub .languageList .col {margin-bottom:1.5em;}

/* language navigation ...................................................... */
.navLang {float:right; overflow:hidden; margin-top:0.25em;}
.navLang li {float:left;}
.navLang li .page {color:#666; font-weight:700; display:block; margin:0.25em 0.5em;}
.navLang li.last .page {margin-right:0;}
.navLang li a {text-decoration:none;}
.navLang li.active .page {color:#7093B1;}


/* site navigation .......................................................... */
#pageFooter .navSites {position:absolute; top:1em; left:18em; width:15em;}
#pageFooter .navSites h2.heading {color:#5CB8D5; text-align:right; margin:0; margin-bottom:1em;}
#pageFooter .navSites h2.heading span {font-size:138.5%;}
#pageFooter .navSites li {text-align:right; margin-bottom:0.35em;}
#pageFooter .navSites li a {color:#AFB0AB; font-weight:700; text-decoration:none;}
#pageFooter .navSites li a:hover {color:#fff}
#pageFooter .navSites li.active .page {padding-left:7px; background:url("img/footer-sitenav-active.gif") left 0.45em no-repeat; color:#7093B1; font-weight:700;}

/* splash page .............................................................. */
body.front {background:#fff;}
.splashContent {border-top:7px solid #363636; background:#5CB8D5 url("img/language-select-bg.gif") top left repeat-x;}
.splashContent .img,
.splashContent .banner,
.splashContent .heading,
.splashContent .languageListWrap {width:73.45em; margin:0 auto;}
.splashContent .img {margin-top:1em; margin-bottom:1em;}
.splashContent .banner {margin-top:1em; margin-bottom:4em}
.splashContent h1.heading {margin-top:1.5em; margin-bottom:1.5em; color:#5CB8D5;}
.splashContent h1.heading span {font-size:161.6%;}
.splashContent .languageList {background:#363636; border-bottom:1px solid #D7D7D7;}
.languageListWrap {overflow:hidden;}
.splashContent .languageList li {padding-left:10px; margin-bottom:0.75em; color:#fff; background:url("img/language-page-bullet.gif") left 0.5em no-repeat;}
.splashContent .languageList li img {position:absolute; top:auto; left:-9999em;}
.languageList li a {color:#fff; text-decoration:none; font-size:108%; font-weight:700; margin:0 0.15em;}
.languageList li a:hover {color:#fff; text-decoration:underline;}
.languageList .col {float:left; width:30%; margin:1em 0em; margin-bottom:3em; margin-right:3%; border-right:1px solid #B0B0B0;}
.languageList .col3 {border:none;}


/* ========================================================================== */
/* 02. grids                                                                  */

.col-1 {}

/* grid one ................................................................. */
.gridOne {margin:0.5em 0em; border:1px solid #000; background:#EDEDED;}

/* grid two even ............................................................ */
.gridTwoEven {margin:0.5em 0em; border:1px solid #000;}
.gridTwoEven .wrapper {padding-left:50%;}
.gridTwoEven .col-1 {float:left; width:100%; margin-left:-100%;}
.gridTwoEven .col-2 {float:right; width:100%; background:#D4E2FC;}

/* grid two right ........................................................... */
.gridTwoRight {padding-right:33%; margin:0.5em 0em; border:1px solid #000;}
.gridTwoRight .wrapper {}
.gridTwoRight .col-1 {float:left; width:100%;}
.gridTwoRight .col-2 {float:right; width:50%; margin-right:-50%; background:#E8F0FF;}

/* two column */
.twocolumn {overflow:hidden;}
.twocolumn .col-1 {float:left; width:56em;}
.twocolumn .col-2 {margin-left:57em; margin-top:5em;}

/* grid three ............................................................... */
.gridThree {margin:1em 0em; border:1px solid #000; padding-right:33%;}
.gridThree .wrapperIn {padding-left:50%;}
.gridThree .col-1 {float:left; width:100%; margin-left:-100%;}
.gridThree .col-2 {float:left; width:100%;}
.gridThree .col-3 {float:right; width:50%; margin-right:-50%; background:#E8F0FF;}

/* grid four ................................................................ */
.gridFour {border:1px solid #000;}
.gridFour .col-1,
.gridFour .col-2,
.gridFour .col-3 {width:25%; float:left;}
.gridFour .col-3 {background:#E8F0FF;}
.gridFour .col-4 {margin-left:75%; width:auto; -moz-float-edge:content-box; background:#99C8EF;}


/* ========================================================================== */
/* 03. headings                                                               */

/* general heading declaration .............................................. */
.heading {font-size:100%; color:#000;}
/* hX specifications */
h1.heading {color:#686868;}
h1.heading span {font-size:146.5%;}
h2.heading {color:#000;}
h2.heading span {font-size:131%;}
h3.heading span {font-size:116%;}

/* in content */
h1 {margin:1em 0em;}
h1 a {font-size:68%; font-weight:400;}
h1 span.bracket {font-size:68%; color:#003F81; font-weight:400;}


/* ========================================================================== */
/* 04. links & buttons                                                        */

/* general link declaration ................................................. */
a {color:#105F85;}
a:hover {color:#000;}

/* action link .............................................................. */
a.actionLink {float:left; color:#fff; font-weight:700; text-decoration:none; width:13em; background:#363636 url("img/button-action-white-tl.gif") top left no-repeat;}
a.actionLink span {display:block;}
a.actionLink .actionLinkWrap2 {background:url("img/button-action-white-tr.gif") top right no-repeat;}
a.actionLink .actionLinkWrap3 {background:url("img/button-action-white-br.gif") bottom right no-repeat;}
a.actionLink .actionLinkWrap4 {background:url("img/button-action-white-bl.gif") bottom left no-repeat;}
a.actionLink .actionLinkWrap5 {background:url("img/button-action-arrow.gif") right center no-repeat; padding:0.75em 1.85em; padding-left:1em;}


/* ========================================================================== */
/* 05. navigation                                                             */

/* horizontal navigation .................................................... */
.navHorizontal {margin:0.25em 0em; overflow:hidden;}
.banner .navHorizontal {margin-left:150px; margin-top:1em;}
.navHorizontal ul {margin:1px;}
.navHorizontal ul li {float:left; background:url("img/horizontalnav-sep.gif") right center no-repeat; margin:0.5em 0em; padding-right:1px;}
.navHorizontal ul li.last {background:none;}
.navHorizontal ul li .page {margin:0em 0.9em; color:#fff; font-weight:700; font-size:123.1%;}
.navHorizontal ul li a {text-decoration:none;}
.navHorizontal ul li a:hover {color:#000;}
.navHorizontal ul li.active-trail .page {color:#000;}
/* secondary horizontal navigation */
.navHorizontal.secondary {border:none; margin:0 auto; margin-bottom:0.5em; width:73em;}
.navHorizontal.secondary ul {margin:0; background:none; padding:0.5em 0em; background:url("img/context-sep.gif") left bottom repeat-x;}
.navHorizontal.secondary ul li {background:url("img/nav-sep-2.gif") right center no-repeat;}
.navHorizontal.secondary ul li.last {background:none;}
.navHorizontal.secondary ul li .page {font-size:108%; color:#363636;}
.navHorizontal.secondary ul li a.page:hover {color:#2BB9E7;}
.navHorizontal.secondary ul li.active-trail .page {color:#2BB9E7;}
.navHorizontal.secondary ul li.first a {margin-left:0;}

/* secondary navigation ..................................................... */
.navSecond {overflow:hidden;}
.navSecond li {float:left;}
.navSecond li .page {margin:0em 0.5em;}
.navSecond li.last .page {margin-right:0;}
/* login .................................................................... */
#pageHeader .navSecond.login {position:absolute; top:0.4em; right:2em; overflow:visible; z-index:100;}
#pageHeader .navSecond.login li {float:none; position:relative; padding-bottom:2.05em; width:18em;}
/* link */
#pageHeader .navSecond.login .page {position:absolute; bottom:0em; right:0em; text-decoration:none; color:#fff;}
#pageHeader .navSecond.login .page span {display:block;}
#pageHeader .navSecond.login .page .linkWrap1 {background:url("img/link-login-br.png") bottom right no-repeat;}
#pageHeader .navSecond.login .page .linkWrap2 {background:url("img/link-login-bl.png") bottom left no-repeat;}
#pageHeader .navSecond.login .page .linkWrap3 {margin:0px 5px; border-bottom:1px solid #363636; background:#363636 url("img/link-login-bg.gif") left center repeat-x;}
#pageHeader .navSecond.login .page .linkWrap4 {margin:0px -5px; margin-bottom:4px; background:#363636 url("img/link-login-bg.gif") left center repeat-x; border-left:1px solid #363636; border-right:1px solid #363636;}
#pageHeader .navSecond.login .page .linkWrap5 {background:url("img/link-login-closed.gif") right 1.25em no-repeat; padding:0.75em 1.5em; padding-right:2.35em; padding-bottom:0;}
#pageHeader .navSecond.login .open .page .linkWrap5 {background-image:url("img/link-login-open.gif");}
/* login box */
#pageHeader .navSecond.login .sub { xoverflow:hidden;}
#pageHeader .navSecond.login .sub {margin-top:0.1em; overflow:hidden;}
#pageHeader .navSecond.login .sub .subWrap1 {margin-left:5px; background:#525252 url("img/login-bg.gif") left bottom repeat-x; border:1px solid #363636; border-top-width:0; border-left-width:0;}
#pageHeader .navSecond.login .sub .subWrap2 {margin-left:-5px; padding-bottom:5px; background:url("img/login-bl.png") bottom left no-repeat; }
#pageHeader .navSecond.login .sub .subWrap4 {padding:0.75em 1em; color:#fff; overflow:hidden; border-left:1px solid #363636; background:#525252 url("img/login-bg.gif") left bottom repeat-x;}
#pageHeader .navSecond.login .sub .subWrap4:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#pageHeader .navSecond.login .sub .subWrap4 {display:inline-block; display:block;}
#pageHeader .navSecond.login .sub label {display:block; margin:0.25em 0em; clear:left;}
#pageHeader .navSecond.login .sub input {width:10em; float:left; padding:0.15em; margin:0.25em 0em; margin-bottom:0.75em; clear:left; background:#fff; border:1px solid #000;}
#pageHeader .navSecond.login .sub input#login {width:auto; border:none; background:#2BB9E7; padding:0.15em 0.75em; color:#fff; font-weight:700;}
#pageHeader .navSecond.login .sub a.small {color:#B3B2B2; clear:left; display:block; margin:0.5em 0em;}
#pageHeader .navSecond.login .formrow {clear:both;}
#pageHeader .navSecond.login .formrow input {width:auto; background:none;}
#pageHeader .navSecond.login .formrow label {line-height:1.5em; padding-left:0.5em; display:inline;}

#pageHeader .login .sub .login-existing {position:absolute; top:auto; left:-9999em;}

/* footer */
#pageFooter .navSecond {position:absolute; left:38em; top:8.4em;}
#pageFooter .navSecond li {color:#AFB0AB; font-weight:700;}

/* blog nav ................................................................. */
.blogNav {overflow:hidden;}
.navBottom {background:url("img/nav-bottom-bg.gif") left top repeat-x; min-height:53px; padding-top:0.5em;}
.navTop {margin:1em 0em;}
.blogNav .older {float:left; margin-left:1em;}
.navTop .older, .navTop .newer {margin:0;}
.blogNav .older a {background:url("img/pager-prev.gif") left center no-repeat; padding-left:12px;}
.blogNav .newer {float:right; margin-right:1em;}
.blogNav .newer a {background:url("img/pager-next.gif") right center no-repeat; padding-right:12px;}

/* forum pager .............................................................. */
#forum .pager {background:#ededed; position:relative; text-align:center; padding:0.6em 0em; margin-top:1em;}
#forum .pager li {display:inline;}
#forum .pager .pager-item {background:#fff; padding:0.25em 0.5em; font-weight:700;}
#forum .pager .pager-current {background:#2BB9E7; padding:0.25em 0.5em; color:#fff; text-decoration:none; font-weight:700;}
#forum .pager .pager-first {position:absolute; left:1em; top:0.5em; }
#forum .pager .pager-previous {position:absolute; left:5em; top:0.5em;}
#forum .pager .pager-next {position:absolute; right:5em; top:0.5em;}
#forum .pager .pager-last {position:absolute; right:1em; top:0.5em;}

/* action nav ............................................................... */
.view-eyecatcher .actionNav {float:right;}
.col-2 .view-eyecatcher .actionNav {float:none;} 
.block-views .view-eyecatcher .actionNav ul li {margin-left:0; padding:0; background:none;}
.block-views .view-eyecatcher .actionNav ul li a {color:#fff;}

/* ========================================================================== */
/* 06. simple content                                                         */

h1.heading {color:#363636; margin-top:1.5em; margin-bottom:1.25em;}
h1.heading span {font-size:189%; font-weight:400;}
.panel-pane h2,
.textblock h2 {font-size:123.1%; color:#363636; text-transform:uppercase; margin:1.75em 0em; margin-bottom:0.5em; padding-left:10px; background:url("img/content-h2-bg.gif") left 0.3em no-repeat;}
.panel-pane h2.pane-title {background:none; padding:0; text-transform:none; margin-top:0}
.panel-pane h3,
.textblock h3 {font-size:108%; color:#363636; margin:1.5em 0em; margin-bottom:0.5em;}
.panel-pane h4,
.textblock h4 {font-size:100%; color:#363636; margin:1.5em 0em; margin-bottom:0.5em;}
.panel-pane ul,
.textblock ul {margin:1em 0em;}
.panel-pane ul li,
.textblock ul li {padding-left:10px; background:url("img/content-bullet.gif") left 0.45em no-repeat; margin-bottom:0.45em;}
.panel-pane ol,
.textblock ol {padding-left:1.75em; margin:1em 0em;}
.panel-pane ol li,
.textblock ol li {list-style-type:decimal; list-style-position:outside; margin-bottom:0.45em;}
.panel-pane p,
.textblock p {margin:1em 0em; margin-top:0;}
.node-type-nodeblock p img {margin-right:0.5em; margin-bottom:0.5em;}
.panel-pane h2 a, .textblock h2 a {color:#2BB9E7; font-size:100%; text-decoration:none;}
/* intro */
.panel-panel .textblock.intro {color:#363636;}


/* ========================================================================== */
/* 07. specific components                                                    */

/* site label ............................................................... */
.siteLabel {margin:0em 0em; float:left;}

/* panel .................................................................... */
.panel-row {margin-bottom:1.25em;}
.panel-row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.panel-row {display:inline-block; display:block;}
.panel-display .banner-wrapper {background:url("img/context-sep.gif") top left repeat-x;}
.panel-display .banner-wrapper .panel-panel {margin-top:0.5em;}
.panel-pane {clear:both;}
.panel-pane:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.panel-pane {display:inline-block; display:block;}
.tunify-contentpage-stacked .panel-separator {background:url("img/context-sep.gif") top left repeat-x; height:1px; margin:1em 0em;}
/* focus block .............................................................. */
.focusblock {background:#000000; xborder:1px solid #363636; xborder-right:1px solid #000; position:relative;}
.focusblock .img {position:absolute; top:0; left:0; xfloat:left;}
.focusblock .focusWrap1 {xmargin:-1px; background:url("img/focus-home-tl.gif") top left no-repeat;}
.focusblock .focusWrap2 {background:url("img/focus-home-tr.gif") top right no-repeat;}
.focusblock .focusWrap3 {background:url("img/focus-home-bl.gif") bottom left no-repeat;}
.focusblock .focusWrap4 {background:url("img/focus-home-br.gif") bottom right no-repeat; color:#fff; min-height:258px; overflow:hidden;}
.focusblock .focusContent {padding-left:490px; overflow:hidden;}
.focusblock .focusContent ul {margin:1.75em 0em; margin-right:16em;}
.focusblock .actionNav {position:absolute; bottom:1.25em; right:1.25em;}
.panel-pane .focusblock h2 {color:#fff; background:none; padding:0; margin:1em 0em; text-transform:none;}
.panel-pane .focusblock p {margin-right:1em;}
.actionNav {overflow:hidden;}
.panel-pane .actionNav ul {margin:0;}
.actionNav li:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.actionNav li {display:inline-block; display:block;}
.actionNav ul li {background:none; padding:0; margin:0; margin-top:0.75em;}
.focusblock a.actionLink {color:#fff; background:#363636 url("img/button-action-tl.gif") top left no-repeat;}
.focusblock a.actionLink .actionLinkWrap2 {background-image:url("img/button-action-tr.gif");}
.focusblock a.actionLink .actionLinkWrap3 {background-image:url("img/button-action-br.gif");}
.focusblock a.actionLink .actionLinkWrap4 {background-image:url("img/button-action-bl.gif");}
/* focus what */
.focusWhat .focusWrap4 {min-height:210px;}
.focusWhat .focusContent {padding-left:260px; padding-right:17.5em;}
.focusWhat .focusContent .heading {color:#fff; margin:2em 0em 1em 0em; line-height:1.5em;}
.focusWhat .focusContent .heading span {font-size:131%;}
.focusWhat .focusContent .actionNav {right:1.25em; top:1em;}
.focusWhat .focusContent .actionNav ul {margin:0;}
.focusWhat .focusContent p {line-height:1.5em;}

/* formula .................................................................. */
.view-formulas .views-row {float:left; width:50%;}
.view-formulas .views-row-even div.product {margin-left:0.5em;}
.view-formulas .views-row-odd div.product {margin-right:0.5em;}
.view-formulas .views-row-1 .product .formulaData {background:#DCEDF5 url("img/product-blue-rt.gif") right top no-repeat;}
.view-formulas .views-row-2 .product .formulaData {background:#D9F5F6 url("img/product-green-tr.gif") right top no-repeat;}
.view-formulas .views-row-1 .product .formulaData h3 span {background:url("img/product-blue-lt.gif") left top no-repeat;}
.view-formulas .views-row-2 .product .formulaData h3 span {background:url("img/product-green-tl.gif") left top no-repeat;}
.view-formulas .views-row-1 .product h2.heading .headingWrap span {background:url("img/product-prof-personal.gif") left center no-repeat; padding-left:26px;}
.view-formulas .views-row-2 .product h2.heading .headingWrap span {background:url("img/product-prof-icon.gif") left center no-repeat; padding-left:20px;}
.product {border:1px solid #2B91C2; position:relative;}
.product .productWrap1 {margin:-1px; background:url("img/product-tr.gif") right top no-repeat;}
.product .productWrap2 {background:url("img/product-tl.gif") left top no-repeat; overflow:hidden;}
.product .productWrap4 {margin:1px;}
.product h2.heading {font-size:100%; color:#fff; margin:-1px; padding:0; text-transform:none; background:#363636 url("img/product-heading-rt.gif") right top no-repeat;}
.product h2.heading .headingWrap {background:url("img/product-heading-lt.gif") left top no-repeat; padding:0.5em 1em; display:block; font-size:100%;}
.product h2.heading .headingWrap span {font-size:131%; display:block;}
.product .textblock {margin:1em; min-height:11em;}
.product .textblock ul li {background-image:url("img/content-h2-bg.gif");}
.view-formulas .views-row-2 .product .textblock ul li {background-image:url("img/bullet-formule-pro.gif");}
.product .formulaData {padding-right:15em;}
.product .formulaData .formulaDataWrap {background:url("img/product-bl.gif") left bottom no-repeat; position:relative; left:-1px; bottom:-1px; padding-bottom:1px; min-height:20em;}
.product .formulaData h3 {font-size:100%; color:#105F85;  padding-bottom:0; margin:0px 1px; position:relative; top:-1px;}
.view-formulas .views-row-2 .product .formulaData h3 {color:#107085;}
.product .formulaData h3 span {font-size:123.1%; display:block; padding:1em; padding-bottom:0.5em;}
.product .formulaData .formula {margin:0.5em 1em; margin-bottom:1.75em; margin-left:2em;}
.product .formulaData .formula h4.heading {font-size:100%; color:#333333; margin:0; margin-bottom:0.5em;} 
.product .formulaData .formula h4.heading span {font-size:116%;}
.product .formulaData .formula .price {color:#333333; background:#B6DDEC url("img/formula-price-rb.gif") right bottom no-repeat; width:10em; font-weight:700;}
.product .formulaData .formula .price .priceWrap1 {background:url("img/formula-price-lb.gif") left bottom no-repeat;}
.product .formulaData .formula .price .priceWrap2 {background:url("img/formula-price-rt.gif") right top no-repeat;}
.product .formulaData .formula .price .priceWrap3 {background:url("img/formula-price-lt.gif") left top no-repeat; padding:0.45em 0.75em;}
/* pro price */
.view-formulas .views-row-2 .product .formulaData .formula .price {background:#A7E7EA url("img/formula-pro-price-rb.gif") right bottom no-repeat;}
.view-formulas .views-row-2 .product .formulaData .formula .price .priceWrap1 {background-image:url("img/formula-pro-price-lb.gif");}
.view-formulas .views-row-2 .product .formulaData .formula .price .priceWrap2 {background-image:url("img/formula-pro-price-rt.gif");}
.view-formulas .views-row-2 .product .formulaData .formula .price .priceWrap3 {background-image:url("img/formula-pro-price-lt.gif");}

.product .actionNav {position:absolute; right:-1px; bottom:-1px; width:13em; background:url("img/product-br.gif") right bottom no-repeat; padding-right:1.25em; padding-bottom:1.25em;}
/* buttons */
.view-formulas .views-row-1 a.actionLink {color:#fff; background:#363636 url("img/button-home-action-tl.gif") top left no-repeat;}
.view-formulas .views-row-1 a.actionLink .actionLinkWrap2 {background-image:url("img/button-home-action-tr.gif");}
.view-formulas .views-row-1 a.actionLink .actionLinkWrap3 {background-image:url("img/button-home-action-br.gif");}
.view-formulas .views-row-1 a.actionLink .actionLinkWrap4 {background-image:url("img/button-home-action-bl.gif");}
.view-formulas .views-row-2 a.actionLink {color:#fff; background:#363636 url("img/button-pro-action-tl.gif") top left no-repeat;}
.view-formulas .views-row-2 a.actionLink .actionLinkWrap2 {background-image:url("img/button-pro-action-tr.gif");}
.view-formulas .views-row-2 a.actionLink .actionLinkWrap3 {background-image:url("img/button-pro-action-br.gif");}
.view-formulas .views-row-2 a.actionLink .actionLinkWrap4 {background-image:url("img/button-pro-action-bl.gif");}
.view-formulas a.actionLink .actionLinkWrap5 {background-image:url("img/button-formules-action-arrow.gif");}

/* blog list ................................................................ */
.blogList li .heading {margin-top:2em; margin-bottom:0.25em;}
.blogList li .heading a {color:#2BB9E7; text-decoration:none;}
.blogList li .heading span {font-size:138.5%;}
.blogList li .meta .primaryMeta {border-bottom:1px solid #DBE7EB; padding-bottom:0.25em; overflow:hidden; margin-bottom:0.75em;}
.blogList li .textblock:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.blogList li .textblock {display:inline-block; display:block;}
.blogList li .meta .spec {color:#69645C;}
.blogList li .meta .spec * {display:inline;}
.blogList li .meta .spec.date .caption {position:absolute; left:-999em;}
.blogList li .meta .spec.date .detail {margin-right:0.5em;}
.blogList li .meta .primaryMeta .spec.author {background:none; margin-right:0;}
.blogList li .meta .spec.author .caption {margin-right:0.25em;}
.blogList li .meta .spec.author .detail a {color:#4B86A3;}
.blogList li .meta .spec.comments .caption {position:absolute; left:-999em;}
.blogList li .meta .primaryMeta .spec {float:left; background:url("img/meta-sep.gif") right center no-repeat; padding-right:1px; margin-right:0.5em; }
.blogList li .meta .secondaryMeta {background:#F3F9FB; border:1px solid #DBE7EB; border-left-width:0; border-right-width:0; margin:2em 0em; margin-top:1em; padding:0.75em; padding-right:15em; position:relative;}
.blogList li .meta .secondaryMeta .share {width:15em; position:absolute; right:0; top:0; bottom:0; border-left:1px solid #DBE7EB; padding-left:1em; overflow:hidden; padding:0.5em 1em;}
.blogList li .meta .secondaryMeta .share li {float:left; margin-right:0.5em;}
.blogList li .meta .secondaryMeta .share li.first {margin-left:0; margin-right:1.25em;}
.blogList li .meta .secondaryMeta .share a {display:block; }
.blogList li .meta .secondaryMeta .share a.sendToFriend {background:url("img/mail.gif") left top no-repeat; width:24px; height:24px; letter-spacing:-999em; text-indent:-999em;}
.blogList li .meta .secondaryMeta .share a.facebook {background:url("img/facebook.gif") left top no-repeat; width:24px; height:24px; letter-spacing:-999em; text-indent:-999em;}
.blogList li .meta .secondaryMeta .share a.twitter {background:url("img/twitter.gif") left top no-repeat; width:24px; height:24px; letter-spacing:-999em; text-indent:-999em;}
.blogList li .meta .secondaryMeta .spec {margin-bottom:0.25em;}
.meta .secondaryMeta .share ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.meta .secondaryMeta .share ul {display:inline-block; display:block;}
.meta .secondaryMeta .share ul {margin-top:0.25em;}

/* blog item ................................................................ */
.node-type-blog .heading {margin-top:2em;}
.node-type-blog .heading a {color:#2BB9E7; text-decoration:none;}
.node-type-blog .meta .primaryMeta {border-bottom:1px solid #DBE7EB; padding-bottom:0.25em; overflow:hidden; margin-bottom:0.75em;}
.node-type-blog .meta .spec {color:#69645C;}
.node-type-blog .meta .spec * {display:inline;}
.node-type-blog .meta .spec.date .caption {position:absolute; left:-999em;}
.node-type-blog .meta .spec .detail {margin-right:0.5em;}
.node-type-blog .meta .primaryMeta .spec.author {background:none; margin-right:0;}
.node-type-blog .meta .spec.author .caption {margin-right:0.25em;}
.node-type-blog .meta .spec.author .detail a {color:#4B86A3;}
.node-type-blog .meta .spec.comments .caption {position:absolute; left:-999em;}
.node-type-blog .textblock:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.node-type-blog .textblock {display:inline-block; display:block;}
.node-type-blog .meta .primaryMeta .spec {float:left; background:url("img/meta-sep.gif") right center no-repeat; padding-right:1px; margin-right:0.5em; }
.node-type-blog .meta .primaryMeta .spec.author {background:none;}
.node-type-blog .meta .secondaryMeta {background:#F3F9FB; border:1px solid #DBE7EB; border-left-width:0; border-right-width:0; margin:2em 0em; padding:0.75em; padding-right:15em; position:relative;}
.node-type-blog .meta .secondaryMeta .share {width:15em; position:absolute; right:0; top:0; bottom:0; border-left:1px solid #DBE7EB; padding-left:1em; overflow:hidden; padding:0.5em 1em;}
.node-type-blog .meta .secondaryMeta .share li {float:left; margin-right:0.5em;}
.node-type-blog .meta .secondaryMeta .share li.first {margin-left:0; margin-right:1.25em;}
.node-type-blog .meta .secondaryMeta .share a {display:block; } 
.node-type-blog .meta .secondaryMeta .share a.sendToFriend {background:url("img/mail.gif") left top no-repeat; width:24px; height:24px; letter-spacing:-999em; text-indent:-999em;}
.node-type-blog .meta .secondaryMeta .share a.facebook {background:url("img/facebook.gif") left top no-repeat; width:24px; height:24px; letter-spacing:-999em; text-indent:-999em;}
.node-type-blog .meta .secondaryMeta .share a.twitter {background:url("img/twitter.gif") left top no-repeat; width:24px; height:24px; letter-spacing:-999em; text-indent:-999em;}
.node-type-blog .meta .secondaryMeta .spec {margin-bottom:0.25em;}

/* block views ............................................................... */
.block-views {background:url("img/context-sep.gif") left top repeat-x; overflow:hidden; margin:1em 0em;}
.block-views .heading {color:#2BB9E7; background:url("img/content-h2-bg.gif") left 0.5em no-repeat; padding-left:10px; text-transform:uppercase; margin:1em 0em; margin-bottom:0.5em;}
.block-views .heading span {font-size:108%;}
.block-views ul li {padding-left:12px; margin-left:15px; background:url("img/bullet-arrow.gif") left 0.5em no-repeat; margin-bottom:0.25em;}
.block-views ul li a {color:#363636;}

/* block thix ............................................................... */
.block-thix {background:url("img/context-sep.gif") left top repeat-x; overflow:hidden; margin:1em 0em;}
.block-thix h2.heading {color:#2BB9E7; background:url("img/content-h2-bg.gif") left 0.5em no-repeat; padding-left:10px; text-transform:uppercase; margin:1em 0em; margin-bottom:0.5em;}
.block-thix h2.heading span {font-size:108%;}
.block-thix h3.heading {padding-left:12px; margin-left:15px; margin-top:0.75em; background:url("img/bullet-arrow.gif") left 0.4em no-repeat; margin-bottom:0.25em;}
.block-thix h3.heading span {font-size:100%;}
.block-thix ul li {margin:0.25em 0em; margin-left:27px; padding-left:12px; background:url("img/content-bullet.gif") 0.15em 0.45em no-repeat;}
.block-thix ul li a {color:#363636;}
.block-thix .category {margin-bottom:1.25em;}
.block-thix .content {overflow:hidden; margin-bottom:0.5em;}
.block-thix .content .form-item {margin-left:27px;}
.block-thix .content .form-item label {position:absolute; left:-999em;}
.block-thix .content .form-item .form-text {border:1px solid #000; width:99%; padding:2px 0px;}
.block-thix .content form .form-submit {float:right; background:#2BB9E7 url("img/bullet-button.gif") right center no-repeat; color:#fff; padding:0.25em 3px; border:none; padding-right:25px; margin-top:0.5em;}

/* forum .................................................................... */
#forum table {width:100%; margin:1em 0em; border-collapse:collapse;}
#forum table thead {background:#EDEDED; }
#forum table th {text-align:left; padding:0.5em; font-weight:400; background:#EDEDED; border-bottom:1px solid #DBE7EB; color:#69645C;}
#forum table th.topics,
#forum table th.posts {text-align:center;}

#forum table th a {color:#69645C; text-decoration:none; font-weight:400; background:none;}
#forum table th a img {display:none; visibility:hidden;}
#forum table tbody tr td {padding:0.5em; border-bottom:1px solid #DBE7EB;}
#forum table tbody tr td.container {padding-top:2.5em; padding-left:0;}
#forum table tbody tr td.container .forumHeader {position:relative;}
#forum table tbody tr td.container .forumHeader .name a {font-size:131%;}
#forum table tbody tr td.container .totop {position:absolute; top:0.5em; right:0.5em;}
#forum table tbody tr td.forum {background-image:none; padding-left:0.5em;}
#forum table tbody tr td.icon {width:1px; padding:0; margin:0;}
#forum table tbody tr td.icon img {display:none; visibility:hidden;}
#forum table tbody tr td .name a {color:#2BB9E7; font-weight:700; font-size:108%; text-decoration:none;}
#forum table tbody tr td.title a {color:#2BB9E7; font-weight:700; font-size:108%; text-decoration:none;}
#forum table tbody tr td .indent {margin-left:0em;}
#forum table tbody tr td .description {margin:0.25em 0em;}
#forum table tbody tr.even td {background-color:#F3F9FB;}

.node-type-forum .meta {overflow:hidden;}
.node-type-forum .meta .primaryMeta {border-bottom:1px solid #DBE7EB; padding-bottom:0.25em; overflow:hidden; margin-bottom:0.75em;}
.node-type-forum .meta .spec {color:#69645C;}
.node-type-forum .meta .spec * {display:inline;}
.node-type-forum .meta .spec.date .caption {position:absolute; left:-999em;}
.node-type-forum .meta .spec .detail {margin-right:0.5em;}
.node-type-forum .meta .primaryMeta .spec.author {background:none; margin-right:0;}
.node-type-forum .meta .spec.author .caption {margin-right:0.25em;}
.node-type-forum .meta .spec.author .detail a {color:#4B86A3;}
.node-type-forum .meta .spec.comments .caption {position:absolute; left:-999em;}
.node-type-forum .meta .primaryMeta .spec {float:left; background:url("img/meta-sep.gif") right center no-repeat; padding-right:1px; margin-right:0.5em; }
.node-type-forum .meta .primaryMeta .spec.author {background:none;}
.node-type-forum p {margin:1em 0em;}

/* addForumTopic ............................................................ */
.addForumTopic ul li {margin:1.5em 0em; margin-bottom:0; background:none; padding:0;}
.addForumTopic a.actionLink {background:#2BB9E7 url("img/add-forum-br.gif") right bottom no-repeat; width:auto;}
.addForumTopic a.actionLink .actionLinkWrap2 {background:url("img/add-forum-bl.gif") left bottom no-repeat;}
.addForumTopic a.actionLink .actionLinkWrap3 {background:url("img/add-forum-tr.gif") right top no-repeat;}
.addForumTopic a.actionLink .actionLinkWrap4 {background:url("img/add-forum-tl.gif") left top no-repeat; color:#fff; font-weight:700;}
.addForumTopic a.actionLink .actionLinkWrap5 {background:url(img/bullet-button.gif) no-repeat scroll right center; padding:0.25em 1.85em 0.25em 1em;}

/* faq ...................................................................... */
#faqQuestions ol {margin:0; padding:0;}
#faqQuestions .section {position:relative;}
#faqQuestions .section .nav {position:absolute; top:0.25em; right:0.5em;}
#faqQuestions .section h2.heading {font-size:100%; text-transform:none; padding:0.25em 0em; background:none; border-bottom:1px solid #363636;}
#faqQuestions .section h2.heading span {font-size:138.5%;}
#faqQuestions .subsection h3.heading {font-size:100%; text-transform:uppercase; margin:0.75em 0em; margin-top:1.25em; margin-left:0.25em; background:url("img/faq-subsection.gif") left 0.45em no-repeat; padding-left:10px;}
#faqQuestions .subsection h3.heading span {font-size:116%;}
#faqQuestions .subsection li {list-style-type:none; margin:0.75em 0em;}
#faqQuestions .subsection li .heading {margin:0.5em 0em; margin-left:1em; font-weight:400;}
#faqQuestions .subsection li .heading a {display:block; background:url("img/bullet-arrow-faq.gif") left 0.4em no-repeat; padding-left:10px;}
#faqQuestions .subsection li.open .heading {font-weight:700;}
#faqQuestions .subsection li.open .heading a {background-image:url("img/bullet-arrow-faq-down.gif");}
#faqQuestions .subsection li a {text-decoration:none;}
#faqQuestions .subsection .answers {}
/* answer */
.faq .subsection .textblock {background:#DFF5FB; margin:0.5em 0em; margin-bottom:1.25em; padding:1.5em; overflow:hidden;}
.faq .subsection .textblock p {margin-top:0em;}
.faq .subsection .textblock .mceItem {margin-right:0.5em; margin-bottom:0.5em;}
#faqQuestions.faq .subsection .textblock li {margin:0; margin-bottom:0.45em;}
#faqQuestions.faq .subsection .textblock ul li {list-style-image:url("img/content-bullet.gif"); list-style-position:inside; background:none; padding:0;}
#faqQuestions.faq .subsection .textblock ol li {list-style-type:decimal; list-style-position:inside;}


/* Help ..................................................................... */
.gettingStartedBlock h2, 
.faqBlock h2.pane-title,
.forumBlock h2.pane-title {color:#2BB9E7; line-height:1.25em; background:url("img/content-h2-bg.gif") left 0.5em no-repeat; margin-top:0; padding-left:10px; text-transform:uppercase;}
.gettingStartedBlock h2.pane-title a, 
.faqBlock h2.pane-title a,
.forumBlock h2.pane-title a {color:#2BB9E7; text-decoration:none;}
.gettingStartedBlock .pane-content, 
.faqBlock .pane-content,
.contactBlock,
.forumBlock .pane-content {margin-left:1em;}
.contactBlock h2.pane-title {background:none; color:#363636; padding:0; text-transform:none;}
.faqBlock .pane-content a {color:#363636;}

.gettingStartedBlock h2

/* Quick start block ........................................................ */
.quickStartBlock .pane-content {margin-left:0.75em;}
.quickStartBlock ul li {background:url("img/bullet-alt.gif") left 0.45em no-repeat;}

/* videos ................................................................... */
.videoList .views-row {background:none; padding:0; margin:0; margin-right:4%; margin-bottom:1em; float:left; width:48%;}
.videoList .views-row-even {margin-right:0;}
.videoList .video h2.heading {color:#2BB9E7; font-size:100%; background:url("img/content-h2-bg.gif") no-repeat left 0.5em;}
.videoList .video h2.heading span {font-size:116%;}
.videoList .video h2.heading a {color:#2BB9E7; text-decoration:none;}
.videoList .video .img {float:left; margin:0.5em; margin-left:1.5em;}
.videoList .video .textblock {margin-left:185px;}

/* comments ................................................................. */
#comments {border-top:1px solid #363636; overflow:hidden; position:relative;}
#comments h2 {font-size:100%; margin:0.75em 0em; margin-top:1.25em;}
#comments h2 span {font-size:108%; color:#363636;}
#comments .addcomment {position:absolute; top:1em; right:1em;}
#comments .commentList .box {border-top:1px solid #363636;}
#comments .comment {border-bottom:1px solid #DBE7EB; padding-bottom:0.75em; margin-bottom:1.25em;}
#comments .comment h3 {font-size:100%; margin:1em 0em; margin-bottom:0.5em;}
#comments .comment h3 span {color:#2BB9E7; font-size:123.1%;}
#comments .comment .meta .primaryMeta .spec.author {margin-right:0.5em; background:url("img/meta-sep.gif") no-repeat right center;}
#comments .comment .meta .primaryMeta .spec.date {background:none;}
#comments .comment .meta .primaryMeta {border:none;}
/* form */
#comment-form .form-item {overflow:hidden; margin:0.75em 0em; line-height:1.25em;}
#comment-form .form-item .description {color:#B3B2B2; margin-left:13.7em; margin-top:0.15em; margin-bottom:0.5em;}
#comment-form .form-item label {width:12em; float:left; text-align:right;}
#comment-form .form-item input.form-text, #comment-form .form-item textarea {margin-left:13.5em; display:block; border:1px solid #363636; padding:0.15em;}
#comment-form .form-item textarea {margin-left:13.8em;}
#comment-form input.form-submit {margin-right:1.75em; background:#2BB9E7 url("img/bullet-button.gif") no-repeat right center; border:none; color:#FFFFFF; float:right; margin-top:0.5em; padding:0.25em 25px 0.25em 6px;}
#comment-form input.form-submit#edit-preview {background-image:none; padding-right:6px;}

/* contact form ............................................................. */
.webform-client-form#webform-client-form-29 {width:42.75em;}
.webform-client-form:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.webform-client-form {display:inline-block; display:block;}
.webform-client-form .form-item {margin:0.75em 0em; line-height:1.25em; position:relative;}
.webform-client-form .form-item:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.webform-client-form .form-item {display:inline-block; display:block;}
.webform-client-form .form-item label {margin-bottom:0.25em; float:left; width:8em; text-align:right;}
.webform-client-form .form-item .description {color:#B3B2B2; margin-left:8.7em; margin-top:0.15em; margin-bottom:0.5em;}
.webform-client-form .form-item input.form-text, 
.webform-client-form .form-item textarea,
.webform-client-form .form-item select {xmargin-left:8.7em; position:relative; left:1em; display:block; border:1px solid #363636; padding:0.15em;}
.webform-client-form .form-item .resizable-textarea {xmargin-left:8.9em;}
.webform-client-form .form-item .resizable-textarea .grippie {position:relative; left:9em;}
.webform-client-form .form-item textarea {xmargin-left:8.9em;}
.webform-client-form .form-item .resizable-textarea textarea {width:29.5em; margin-left:0;}
.webform-client-form .form-item select {padding:0;}
.webform-client-form input.form-submit {margin-right:1.75em; background:#2BB9E7 url("img/bullet-button.gif") no-repeat right center; border:none; color:#FFFFFF; float:right; margin-top:0.5em; padding:0.25em 25px 0.25em 6px;}
.webform-client-form input.form-submit#edit-preview {background-image:none; padding-right:6px;}

/* node form ................................................................ */
#node-form {overflow:hidden;}
#node-form .form-item {overflow:hidden; margin:0.75em 0em; line-height:1.25em;}
#node-form .form-item .description {color:#B3B2B2; margin-left:13.7em; margin-top:0.15em; margin-bottom:0.5em;}
#node-form .form-item label {width:12em; float:left; text-align:right;}
#node-form .form-item input.form-text, #node-form .form-item textarea, #node-form .form-item select {margin-left:13.5em; display:block; border:1px solid #363636; padding:0.15em;}
#node-form .form-item textarea {margin-left:13.9em;}
#node-form input.form-submit {margin-right:1.75em; background:#2BB9E7 url("img/bullet-button.gif") no-repeat right center; border:none; color:#FFFFFF; float:left; margin-top:0.5em; padding:0.25em 25px 0.25em 6px;}
#node-form input.form-submit#edit-submit {margin-left:13.5em;}
#node-form input.form-submit#edit-preview {background-image:none; padding-right:6px; }

/* tiny MCE styling ......................................................... */
.mceContentBody h1 {color:#363636; margin-top:1.5em; margin-bottom:1.25em;}
.mceContentBody h1 span {font-size:189%; font-weight:400;}
.mceContentBody h2 {font-size:123.1%; color:#363636; text-transform:uppercase; margin:1em 0em; margin-bottom:0.5em; padding-left:10px; background:url("img/content-h2-bg.gif") left 0.3em no-repeat;}
.mceContentBody h2.pane-title {background:none; padding:0; text-transform:none;}
.mceContentBody h3 {font-size:108%; color:#363636; margin:1.5em 0em; margin-bottom:0.5em;}
.mceContentBody h4 {font-size:100%; color:#363636; margin:1.5em 0em; margin-bottom:0.5em;}
.mceContentBody ul {margin:1em 0em;}
.mceContentBody ul li {padding-left:10px; background:url("img/content-bullet.gif") left 0.45em no-repeat; margin-bottom:0.45em;}
.mceContentBody ol {padding-left:1.75em; margin:1em 0em;}
.mceContentBody ol li {list-style-type:decimal; list-style-position:outside; margin-bottom:0.45em;}
.mceContentBody p {margin:1em 0em;}
.mceContentBody p img {margin-right:0.5em; margin-bottom:0.5em;}
/* intro */
.mceContentBody .intro {color:#363636; font-weight:700;}

.tunify-contentpage-stacked .panel-separator.seperator-31-1 {background:none;}
#block-views-eyecatcher-block_2 {background:none;}