/* Foundation styles (header, footer, nav, body defaults) */
#container{
    width:738px;
    margin:0 auto;
}
#header{
    display:block;
    width:738px;
    margin-top:22px !important; /* Moz Margin */
    margin-top:11px; /* IE Margin */
    height:45px;
    }
body {
    font-size: 70%; 
    color: #7fb677; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    background-color:#ffffff;
}

img {float:left;}

a { FONT-SIZE: 10px; 
    COLOR: #60c2eb; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none;
}
a:hover {
    text-decoration:none;
    color: #ca90c3;
}
#mainBody{
    margin-left:0px;
    margin-right:0px;
    margin-top:20px;/* Firefox and everyother browser */
    .margin-top:20px;/* Only IE margin 7 */
    _margin-top:20px; /* IE 6 */
    margin-bottom:0px;/* Firefox and everyother browser */
    .margin-bottom:0px;/* Only IE margin 7 */
    _margin-bottom:0px; /* IE 6 */    
    width:738px;
}
#logo{
    margin-right: 22px; 
    float:left; 
    display:block;
    width: 75px; 
    height: 45px;
}
#logo a{
    text-decoration:none;
    border:none;
    }

#nav{
position:absolute;
font-size:100%;
line-height:31px;
width:641px;
margin-top:14px;
margin-left:97px; /* Firefox and everyother browser */
.margin-left:0px; /* Only IE margin 7 */
_margin-left:0px; /* IE 6 */
height:31px;
background: url(/fr/images/bg_nav_link.gif) repeat-x top;
}

#nav ul{
list-style-type: none;
margin:0;
margin-left: 0px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#nav li{
display:inline;
margin:0;
padding:0;
}

#nav a{
float:left;
background:url(/fr/images/bg_nav_left_back.gif) no-repeat left top;
margin:0;
margin-right:0px; /*spacing between each tab*/
padding:0 20px 0 8px;
text-decoration:none;
}

#nav a span{
float:left;
display:block;
background:url(/fr/images/bg_nav_right_back.gif) no-repeat right top;
padding: 0px 10px 0px 4px;
font-size:11px;
font-weight:bold;
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#60C2EB;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
#nav a:hover span {
color: #BB6EB6;
}

#nav #home a {
float:right;
margin-right:0px;
padding-right:0px;
}
#nav #home a:hover {
float:right;
margin-right:0px;
padding-right:0px;
}
#nav #current a{ /*Selected Tab style*/
background-position:0 -62px; /*Shift background image up to start of 2nd tab image*/
}
#nav #current a span{ /*Selected Tab style*/
background-position:100% -62px; /*Shift background image up to start of 2nd tab image*/
color: #FFFFFF;
}
#nav a:hover{ /*onMouseover style*/
background-position:0% -31px; /*Shift background image up to start of 2nd tab image*/
}
#nav a:hover span{ /*onMouseover style*/
background-position:100% -31px; /*Shift background image up to start of 2nd tab image*/
}
#footer {
    float:left;
    display:block;
    width:738px;
    height:45px;
     margin-top:20px; /* Firefox and others */
    .margin-top:20px; /* IE 7 */
    _margin_top:20px; /* IE 6 */
    margin-left:0px; 
    margin-right:0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:9px;
    font-weight:bold;
    background: url(/fr/images/bg_footer.gif) repeat-x top left;
}
#footer ul{
list-style-type: none;
margin:0;
margin-left: 2px; /*Left offset of entire tab menu relative to page*/
padding:0;
}
#footer li{
display:inline;
margin:0;
padding:0;
}
#footer a {
float:left;
margin-top:10px;
text-decoration:none;
color:#82B87B;
font-size:9px;
font-weight:bold;
}
#footer a:hover{
    color:#60c2EB;
}
#footer img {
    margin-top:10px;
    padding-left:2px;
    padding-right:2px;
}

#footer .reddot img {margin:0px;}
#footer .reddot a {margin:0px;}

#footer #Email {
    margin-top:8px;
    color:#82B87B;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:9px;
}
#footer button {
    padding-top:10px;
}
#footer .footerInput {
    BORDER: #7dcdec 1px solid; 
    FONT-SIZE: 9px;
    font-weight:normal;
    BACKGROUND: #d5f4e7; 
    WIDTH: 120px; 
    COLOR: #419ec2;
    height:15px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
}
#copyright {
    FONT-WEIGHT: normal; 
    FONT-SIZE: 10px; 
    FLOAT: left; 
    PADDING-BOTTOM: 30px; 
    WIDTH: 735px; 
    margin-top:0px;
    PADDING-TOP: 1px; 
    TEXT-ALIGN: right;
}
#copyright a{
    font-weight:normal;
    text-decoration:none;
    color:#82B87B;
    }
#copyright a:hover {
    color:#60c2EB;
}

#copyright .reddot {float:none;}
#copyright .reddot img {float:none;}

/* Generic site section styles */
#genericWrapper {
    width:738px;
    margin-left:0px;
    margin-right:0px;
}
.genericBodyBorder {
    BORDER: #a8e7b2 1px solid; 
    margin:0 auto;
    PADDING: 15px; 
}
.genericBodyText {
    FONT-SIZE: 10px; 
    COLOR: #7fb677; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.genericHeaderBorder {
    margin-bottom:10px;
    margin-left:0px;
    padding-left:20px;
    padding-right:75px;
    padding-top:10px;
    padding-bottom:10px;
    width:325px;
    border: #a8e7b2 1px solid; 
}
.genericHeaderText {
    font-size: 15px;
    color:#7fb677;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.emailButton {
    padding-left:2px;
}
.emailInput {
    BORDER: #7dcdec 1px solid; 
    FONT-SIZE: 9px;
    font-weight:normal;
    BACKGROUND: #d5f4e7; 
    WIDTH: 120px; 
    COLOR: #419ec2;
    height:15px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}
.greenBottomBorder {
    BORDER-TOP: #c4ebbe 1px solid;
    padding-top:0px;
    padding-bottom:5px; 
}
/* Homepage site section styles */
#mainContent {
    display:block;
    width:738px;
    min-height:305px;
      height:auto !important;
      height:305px;
}
#mainContent #splitLeft{
    float:left;
    margin-right:3px;
    width:301px;
}
#mainContent #splitRight{
    float:right;
    width:437px;
}
#mainHighlights {
    display:block;
    width:738px;
    margin:0 auto;
}
#mainHightlights #full{
    float:left;
    margin-top:10px !important;
    margin-top:5px;
    width:738px;
}
#mainHighlights #greenBackground {
    background:url(/fr/images/bg_highlight_green_background.gif) top repeat-x left;
    padding-top:5px;
    height:218px !important;
    height:218px;
}
#mainHighlights IMG {
    float:left;
    border:none;
}
#mainHighlights #splitHalf {
    display:inline;
    float:left;
    margin-top:10px !important;
    margin-top:5px;
    margin-right:5px !important;
    margin-left:5px !important;
    margin-right:5px;
    margin-left:5px;
    width:359px;
}
#mainHighlights #splitThird {
    display:inline;
    float:left;
    margin-top:10px !important;
    margin-top:5px;
    margin-right:5px !important;
    margin-left:5px !important;
    margin-right:5px;
    margin-left:5px;
    width:236px;
}
#beautyImage {
    padding-right: 10px; 
    float: left; 
    width: 138px; 
    position: relative; 
    height:305px;
}
.mainVisualBoxContainer {
    FLOAT: left; 
    WIDTH: 150px; 
    POSITION: relative; 
    HEIGHT: 305px;
}
.mainVisualBox {
    PADDING-RIGHT: 10px; 
    PADDING-LEFT: 10px; 
    MARGIN-BOTTOM: 5px; 
    WIDTH: 125px; 
    POSITION: relative; 
    HEIGHT: 150px; 
    BACKGROUND-COLOR: #dcf5d8
}
.mainVisualBox IMG {
    padding-top:10px;
}
.mainVisualBox A {
    width:125px;
    margin-top:2px;
    FONT-WEIGHT: bold; 
    FONT-SIZE: 14px; 
    COLOR: #60c2eb; 
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
    TEXT-DECORATION: none
}
.mainVisualBox A:hover {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 14px; 
    COLOR: #c990c4; 
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
    TEXT-DECORATION: none
}
.mainVisualBox .scenarioTeaserText A {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 12px; 
    COLOR: #679460; 
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
    TEXT-DECORATION: none
}
.mainVisualBox .scenarioTeaserText A:hover {
    FONT-SIZE: 12px; 
    COLOR: #c990c4
}
.homepageCallout {
    font-size: 10px; 
    color: #7fb677; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.homepageCallout:active {
    color: #7fb677;
}
.homepageCallout:hover {
    color: #7fb677;
}
.homepageCallout:link {
    color: #7fb677;
}
.homepageCallout:visited {
    color: #ca90c3;
}
.homepageCalloutTitle {
    font-weight: bold; 
    font-size: 14px; 
    color: #c990c4; 
    font-family: Arial, Helvetica, sans-serif;
}
.homepageCalloutTitleBlue {
    font-weight: bold; 
    font-size: 14px; 
    color: #7dcdec; 
    font-family: Arial, Helvetica, sans-serif;
}
.homepageCalloutTitleBlue a {
    font-weight: bold; 
    font-size: 14px; 
    color: #7dcdec; 
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
}
.homepageCalloutTitleBlue a:hover {
    font-weight: bold; 
    font-size: 14px; 
    color:  #c990c4; 
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
}
.homepageCalloutBlue {
    font-size: 10px; 
    color: #7dcdec; 
    font-family: Arial, Helvetica, sans-serif;
}
.homepageCalloutBlue:active {
    color: #7dcdec;
}
.homepageCalloutBlue:hover {
    color: #7dcdec;
}
.homepageCalloutBlue:link {
    color: #7dcdec;
}
.homepageCalloutBlue:visited {
    color: #7dcdec;
}
/* Products site section styles */
#landingHeaderWrapper {
    display:block;
    width:738px;
    margin:0px;
}
#landingBodyWrapper {
    display:block;
    widows:738px;
    margin:0px auto;
}
#landingColumn, #landingColumn1, #landingColumn2, #landingColumn3, #landingColumn4 {
    display:block;
    float:left;
    margin-right:0px;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    width:184px;
    text-align:center;
}
#landingColumn #productBox, #landingColumn1 #productBox, #landingColumn2 #productBox, #landingColumn3 #productBox, #landingColumn4 #productBox {
    display:block;
    width:164px !important;
    height:175px;
    margin:0px auto;
    padding:10px;
}
#landingColumn #colHeader1, #colHeader2, #colHeader3, #colHeader4 {
    display:block;
    width:184px;
    height:30px;
    margin:0px;
    text-align:center;
    background:url(/fr/images/bg_landing_header_bg.gif) no-repeat left top;
}
#landingColumn1 #colHeader {
    display:block;
    width:184px;
    height:30px;
    margin:0px;
    text-align:center;
    background:url(/fr/images/bg_landing_header_bgtealhover.gif) no-repeat left top;
    margin:0px;
    font:Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:bold;
    font-size:10px;
    padding-top:4px;
    text-decoration:none;
}
#landingColumn2 #colHeader {
    display:block;
    width:184px;
    height:30px;
    margin:0px;
    text-align:center;
    background:url(/fr/images/bg_landing_header_bgpinkhover.gif) no-repeat left top;
    margin:0px;
    font:Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:bold;
    font-size:10px;
    padding-top:4px;
    text-decoration:none;
}
#landingColumn3 #colHeader {
    display:block;
    width:184px;
    height:30px;
    margin:0px;
    text-align:center;
    background:url(/fr/images/bg_landing_header_bgpurplehover.gif) no-repeat left top;
    margin:0px;
    font:Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:bold;
    font-size:10px;
    padding-top:4px;
    text-decoration:none;
}
#landingColumn4 #colHeader {
    display:block;
    width:184px;
    height:30px;
    margin:0px;
    text-align:center;
    background:url(/fr/images/bg_landing_header_bgbluehover.gif) no-repeat left top;
    margin:0px;
    font:Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:bold;
    font-size:10px;
    padding-top:4px;
    text-decoration:none;
}
#colHeader a {
    display:block;
    width:184px;
    height:36px;
    margin:0px;
    font:Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:bold;
    font-size:10px;
    padding-top:4px;
    text-decoration:none;
}
#colHeader a:hover {
    text-decoration:none;
    color:#ffffff;
    }
#landingColumn #colHeader1 a, #colHeader2 a, #colHeader3 a, #colHeader4 a{
    display:block;
    width:184px;
    height:30px;
    margin:0px;
    font:Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:bold;
    font-size:10px;
    padding-top:4px;
    text-decoration:none;
}
#landingColumn #colHeader1 a:hover {
    background:url(/fr/images/bg_landing_header_bgtealhover.gif) no-repeat left top;
    text-decoration:none;
    color:#ffffff;
}
#landingColumn #colHeader2 a:hover {
    background:url(/fr/images/bg_landing_header_bgpinkhover.gif) no-repeat left top;
    color:#ffffff;
    text-decoration:none;
}
#landingColumn #colHeader3 a:hover {
    background:url(/fr/images/bg_landing_header_bgpurplehover.gif) no-repeat left top;
    text-decoration:none;
    color:#ffffff;
}
#landingColumn #colHeader4 a:hover {
    background:url(/fr/images/bg_landing_header_bgbluehover.gif) no-repeat left top;
    text-decoration:none;
    color:#ffffff;
}
#landingColumn a.productLink, #landingColumn1 a.productLink, #landingColumn2 a.productLink, #landingColumn3 a.productLink, #landingColumn4 a.productLink {
    display:block;
    padding-top:10px;
    margin:0 auto;
    FONT-SIZE: 10px; 
    COLOR: #60c2eb; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none;
    float:none;
}
#landingColumn a:hover, #landingColumn1 a:hover, #landingColumn2 a:hover, #landingColumn3 a:hover, #landingColumn4 a:hover {
    text-decoration:none;
    color: #ca90c3;
}
#landingColumn img, #landingColumn1 img, #landingColumn2 img, #landingColumn3 img, #landingColumn4 img{
    display:block;
    float:none;
    margin:0 auto;
}
#landingThirdsColumn1, #landingThirdsColumn2, #landingThirdsColumn3 {
    display:block;
    float:left;
    margin-right:0px;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    width:246px;
    text-align:center;
}
#landingThirdsColumn1 #productBox, #landingThirdsColumn2 #productBox, #landingThirdsColumn3 #productBox {
    display:block;
    width:226px !important;
    height:175px;
    margin:0px auto;
    padding:10px;
}
#landingThirdsColumn1 a.productLink, #landingThirdsColumn2 a.productLink, #landingThirdsColumn3 a.productLink {
    display:block;
    padding-top:10px;
    margin:0 auto;
    FONT-SIZE: 10px; 
    COLOR: #60c2eb; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none;
    float:none;
}
#landingThirdsColumn1 a:hover, #landingThirdsColumn2 a:hover, #landingThirdsColumn3 a:hover {
    text-decoration:none;
    color: #ca90c3;
}
#landingThirdsColumn1 img, #landingThirdsColumn2 img, #landingThirdsColumn3 img {
    display:block;
    float:none;
    margin:0 auto;
}
#landingThirdsColumn1 #colHeader {
    display:block;
    width:246px;
    height:30px;
    margin:0px;
    text-align:center;
    background:url(/fr/images/bg_landing_header_bgteal_246.gif) no-repeat left top;
    margin:0px;
    font:Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:bold;
    font-size:10px;
    padding-top:4px;
    text-decoration:none;
}
#landingThirdsColumn2 #colHeader {
    display:block;
    width:246px;
    height:30px;
    margin:0px;
    text-align:center;
    background:url(/fr/images/bg_landing_header_bgpink_246.gif) no-repeat left top;
    margin:0px;
    font:Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:bold;
    font-size:10px;
    padding-top:4px;
    text-decoration:none;
}
#landingThirdsColumn3 #colHeader {
    display:block;
    width:246px;
    height:30px;
    margin:0px;
    text-align:center;
    background:url(/fr/images/bg_landing_header_bgpurple_246.gif) no-repeat left top;
    margin:0px;
    font:Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:bold;
    font-size:10px;
    padding-top:4px;
    text-decoration:none;
}
#landingRow {
    display:block;
    float:left;
    margin-right:0px;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:10px !important;
    margin-bottom:5px;
    width:738px;
    min-height:inherit;
    text-align:center;
}
#landingRow #colHeader1 {
    display:block;
    width:738px;
    height:30px;
    margin:0px;
    text-align:center;
    background:url() no-repeat left top;
    margin:0px;
    font:Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:bold;
    font-size:10px;
    padding-top:4px;
    text-decoration:none;
}
#landingRow #colHeader2 {
    display:block;
    width:738px;
    height:30px;
    margin:0px;
    text-align:center;
    background:url() no-repeat left top;
    margin:0px;
    font:Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:bold;
    font-size:10px;
    padding-top:4px;
    text-decoration:none;
}
#landingRow #colHeader3 {
    display:block;
    width:738px;
    height:30px;
    margin:0px;
    text-align:center;
    background:url() no-repeat left top;
    margin:0px;
    font:Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:bold;
    font-size:10px;
    padding-top:4px;
    text-decoration:none;
}
#h_productBox {
    float:left;
    display:block;
    width:123px !important;
    height:150px !important;
    height:165px;
    margin:0px auto;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:10px !important;
    padding-bottom:5px;
    padding-top:0px;
    text-align:center;
}
#h_productBox a.productLink {
    display:block;
    padding:5px;
    margin:0 auto;
    FONT-SIZE: 10px; 
    COLOR: #60c2eb; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none;
    float:none;
    }
#h_productBox a:hover{
    text-decoration:none;
    color: #ca90c3;
    }
#h_productBox img{
    display:block;
    float:none;
    margin:0 auto;
    }
#productsWrapper {
    width:738px;
    margin:0 auto;
}
#productsBody {
    width: 585px;
    margin:0 auto;
    float:left
}
#productsBody #left {
    width:215px;
    float:left;
    margin-right:7px !important;
    margin-right:3px;
}
#productsBody #left img {
    margin:0 auto;
    float:none;
}
#productsBody #right {
    width:353px;
    float:left;
    margin-right:10px !important;
    margin-right:7px;
}
.productTitle {
    display:block;
    padding-bottom:15px;
    margin-right:10px !important;
    margin-right:10px;
    height:25px;
    font-size: 15px;
    color:#7fb677;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    background:url(/fr/images/products_title_background.gif) repeat-x left top;
}
.productsSectionHeader {
    padding-left:3px;
    font-weight:bold;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    margin-bottom:5px;
}
.productsSectionTextwithBorder {
    BORDER-RIGHT: #c4ebbe 1px solid; 
    PADDING-RIGHT: 10px; 
    BORDER-TOP: #c4ebbe 1px solid; 
    PADDING-LEFT: 10px; 
    FONT-SIZE: 10px; 
    MARGIN-BOTTOM: 20px; 
    PADDING-BOTTOM: 10px; 
    BORDER-LEFT: #c4ebbe 1px solid; 
    COLOR: #7fb677; 
    PADDING-TOP: 10px; 
    BORDER-BOTTOM: #c4ebbe 1px solid; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.productsSectionText {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px; 
    PADDING-right:10px; 
    padding-top:5px;
    padding-left:0px;
    MARGIN-BOTTOM: 20px;
    COLOR: #7fb677;
}
.productText {
    FONT-SIZE: 10px; 
    COLOR: #7fb677; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
#productsNav {
    width:150px;
    margin:0 auto;
    float:right
}
#productsNav #bestUsedWith {
    width:150px;
    margin:0 auto;
    float:right;
    margin-top:22px;
    background-color:#FDEEF4;
}
#productsNav #colHeader {
    display:block;
    text-align:center;
    width:150px;
    height:30px;
    margin:0px;
    font:Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:bold;
    font-size:10px;
    padding-top:4px;
    text-decoration:none;
    background:url(/fr/images/bg_nav_header_bgpink_150.gif) no-repeat left top;
}
#productsNav img {
    margin:0 auto;
    float:none;
}
#productsNav a.productLink {
    display:block;
    padding:8px 5px 8px 5px;
    margin:0 auto;
    FONT-SIZE: 10px; 
    COLOR: #60c2eb; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    float:none;
    border-bottom:dashed 1px #EC86B7;
}
#productsNav a.current {
    display:block;
    padding:8px 5px 8px 5px;
    margin:0 auto;
    FONT-SIZE: 10px;
    background-color:#60c2eb;
    COLOR: #ffffff; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    float:none;
    border-bottom:dashed 1px #EC86B7;
}
#productsNav a.current:hover {
    text-decoration:none;
    color: #ffffff;
}
#productsNav .productTeaser {
    display:block;
    padding:5px 5px 10px 5px;
    margin:0 auto;
    FONT-SIZE: 10px; 
    COLOR: #60c2eb; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
    float:none;
}
#productsNav a:hover {
    text-decoration:none;
    color: #ca90c3;
}
#productsNav #moreProducts {
    width:150px;
    margin:0 auto;
    float:right;
    background-color:#FDEEF4;
}
#productsNav #bestUsedWithGrey {
    width:150px;
    margin:0 auto;
    float:right;
        margin-top:22px;
    background-color:#f5f7fa;
    border-left:1px solid #EC86B7;
    border-right:1px solid #EC86B7;
}
#productsNav #moreProductsGrey {
    width:150px;
    margin:0 auto;
    float:right;
    background-color:#f5f7fa;
    border-left:1px solid #EC86B7;
    border-right:1px solid #EC86B7;
    border-bottom:1px solid #EC86B7;
}

/* Scenario site section style elements. */
.scenario {
    FLOAT: left; 
    WIDTH: 125px; 
    MARGIN:3px;
    padding:8px;
    POSITION: relative; 
    HEIGHT: 120px; 
    BACKGROUND-COLOR: #e3eaf0
}
.scenario A {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 14px; 
    COLOR: #60c2eb; 
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
    TEXT-DECORATION: none
}
.scenario A:hover {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 14px; 
    COLOR: #c990c4; 
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
    TEXT-DECORATION: none
}
.scenarioWrapper {
    WIDTH: 738px; 
}
.scenarioTeaserText A {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 12px; 
    COLOR: #679460; 
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
    TEXT-DECORATION: none
}
.scenarioTeaserText A:hover {
    FONT-SIZE: 12px; 
    COLOR: #c990c4
}
#scenarioBody {
    float:right;
    width:613px;
    margin:0 auto;
}

#scenarioBody .reddot {color:#c00;font:11px verdana normal;float:none;padding:2px;text-align:left;}
#scenarioBody .reddot img {padding-right:2px;padding-top:0px;padding-right:0px;margin:0px;}
#scenarioBody .reddot a {line-height:11px;color:#c00;font:11px verdana normal;float:none;padding:2px;text-align:left;}

#scenarioMenu {
    float:left;
    display:inline;
    width:120px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}
#scenarioMenu ul {
    list-style-type: none;
    margin:0px;
    line-height:11px;
    text-align:left;
    padding:0px;
}
#scenarioMenu li {
    list-style-type: none;
    padding-top:3px;
    padding-bottom:3px;
}
#scenarioMenu a {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 11px; 
    COLOR: #60c2eb; 
    FONT-FaMILY: arial, Helvetica, sans-serif; 
    TEXT-DECORaTION: none
}
#scenarioMenu a:hover {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 11px; 
    COLOR: #ca90c3; 
    FONT-FaMILY: arial, Helvetica, sans-serif; 
    TEXT-DECORaTION: none
}
#scenarioMenu #current a {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 11px; 
    COLOR: #ca90c3; 
    FONT-FaMILY: arial, Helvetica, sans-serif; 
    TEXT-DECORATION: none;
}
.greenBar {
    BORDER-TOP: #7fb677 20px solid; WIDTH: 30px
}
.scenarioPageTitle {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 12px; 
    COLOR: #ca90c3; 
    font-family: arial, Helvetica, sans-serif;
    text-align:left;
}
.scenarioPageTeaser {
    FONT-WEIGHT: bold; 
    FONT-SIZE: 12px; 
    COLOR: #7fb677; 
    font-family: arial, Helvetica, sans-serif;
    text-align:left;
}
.scenarioSectionHeader {
    padding-left:3px;
    font-weight:bold;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    margin-bottom:5px;
}
.scenarioSectionText {
    BORDER-RIGHT: #c4ebbe 1px solid; 
    PADDING-RIGHT: 10px; 
    BORDER-TOP: #c4ebbe 1px solid; 
    PADDING-LEFT: 10px; 
    FONT-SIZE: 10px; 
    MARGIN-BOTTOM: 20px; 
    PADDING-BOTTOM: 10px; 
    BORDER-LEFT: #c4ebbe 1px solid; 
    COLOR: #7fb677; 
    PADDING-TOP: 10px; 
    BORDER-BOTTOM: #c4ebbe 1px solid; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.scenarioMainImage {
    BORDER-RIGHT: #efe2ef 9px solid; 
    BORDER-TOP: #efe2ef 9px solid; 
    BORDER-LEFT: #efe2ef 9px solid; 
    BORDER-BOTTOM: #efe2ef 9px solid
}
.scenarioProductContainer {
    BORDER-RIGHT: #c4ebbe 1px solid; 
    PADDING-RIGHT: 4px; 
    BORDER-TOP: #c4ebbe 1px solid; 
    PADDING-LEFT: 13px; 
    FONT-SIZE: 10px; 
    PADDING-BOTTOM: 6px; 
    BORDER-LEFT: #c4ebbe 1px solid; 
    COLOR: #7fb677; PADDING-TOP: 0px; 
    BORDER-BOTTOM: #c4ebbe 1px solid; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    height:100%;
}
.scenarioProduct {
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    FLOAT: left; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 10px 8px 10px 0px; 
    WIDTH: 98px; 
    PADDING-TOP: 0px; 
    TEXT-ALIGN: center;
    .height:180px; /* IE 7 Only */
}
.scenarioProduct IMG {
    display:block;
    padding-left:11px;
    padding-right:11px;
}
.scenarioProduct A {
    DISPLAY: block; 
    MIN-HEIGHT: 55px; 
    HEIGHT: 55px;
    FONT-SIZE: 10px; 
    COLOR: #60c2eb; 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    text-decoration:none;
}
.scenarioProduct A:hover {
    text-decoration:none;
    color: #ca90c3;
    }
.scenarioProduct .reddot img {float:none;padding:0px;}
.scenarioProduct .reddot a {height:11px;line-height:11px;color:#c00;font:11px verdana normal;float:none;padding:2px;text-align:left;}
.scenarioProduct .reddot a:hover{height:11px;line-height:11px;color:#c00;font:11px verdana normal;float:none;padding:2px;text-align:left;}

.stepOn{
    background-color: #C7FFD2;
    line-height:6px;
    display:inline;
    margin:0px 0px 1px 1px;
}
.stepOff{
    background-color: #E1EBF1;
    line-height:7px;
    margin:0px 0px 1px 1px;
    display:inline;
    
}
.profilerSectionHeader{
    padding-left:3px;
    font-weight:bold;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    margin-bottom:5px;
}
.landContainer {
    width:735px;
    top: 90px; 
    height: 305px;
    position:relative;
}
.greenLinetop {
    BACKGROUND-IMAGE: url(/fr/images/landingPageBar_top_02.gif); 
    WIDTH: 100%; 
    BACKGROUND-REPEAT: repeat-x; 
    POSITION: relative; 
    HEIGHT: 48px;
}
.greenLinebot {
    FLOAT: left; 
    BACKGROUND-IMAGE: url(/fr/images/landingPageBar_bot_05.gif); 
    WIDTH: 100%; 
    BACKGROUND-REPEAT: repeat-x; 
    POSITION: relative; 
    HEIGHT: 48px;
}
.landWrap {
    FLOAT: left; 
    WIDTH: 298px; 
    POSITION: relative; 
    HEIGHT: 305px; 
    BACKGROUND-COLOR: #ffffff;
}
.landLogo {
    WIDTH: 298px; 
    PADDING-TOP: 100px; 
    POSITION: relative;
    margin-left:auto;
    margin-right:auto;
}

.landLogo img {float:none;}

.landImage {
    FLOAT: left; 
    WIDTH: 437px; 
    POSITION: relative; 
    HEIGHT: 305px;
}
.landingCopyText {
    MARGIN-TOP: 15px; 
    FONT-WEIGHT: bold; 
    FONT-SIZE: 10px; 
    COLOR: #7fb677; 
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
    TEXT-ALIGN: right;
}
.englishButton A {
    DISPLAY: block; 
    FLOAT: left; 
    WIDTH: 58px; 
    MARGIN-RIGHT: 50px; 
    BACKGROUND-REPEAT: no-repeat; 
    POSITION: relative; 
    HEIGHT: 22px;
    FONT-SIZE: 19px; 
    COLOR: #c4ebbe;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    font-weight:600;
    text-decoration:none;
}
.englishButton A:hover {
    DISPLAY: block; 
    FLOAT: left; 
    WIDTH: 58px; 
    MARGIN-RIGHT: 50px; 
    BACKGROUND-REPEAT: no-repeat; 
    POSITION: relative; 
    HEIGHT: 22px;
    FONT-SIZE: 19px;
    COLOR: #80CEED; 
    FONT-FAMILY:  Arial, Verdana, Helvetica, sans-serif;
    font-weight:600;
    text-decoration:none;
}
.frenchButton A {
    DISPLAY: block; 
    FLOAT: left; 
    WIDTH: 67px; 
    BACKGROUND-REPEAT: no-repeat; 
    POSITION: relative; 
    HEIGHT: 22px;
    FONT-SIZE: 19px; 
    COLOR: #c4ebbe; 
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    font-weight:600;
    text-decoration:none;
}
.frenchButton A:hover {
    DISPLAY: block; 
    FLOAT: left; 
    WIDTH:67px;
    BACKGROUND-REPEAT: no-repeat; 
    POSITION: relative; 
    HEIGHT: 22px;
    FONT-SIZE: 19px;
    COLOR: #80CEED; 
    FONT-FAMILY:  Arial, Verdana, Helvetica, sans-serif;
    font-weight:600;
    text-decoration:none;
}
.buttonWrap {
    MARGIN-TOP: 15px; 
    MARGIN-LEFT: 15px; 
    WIDTH: 200px; 
    POSITION: relative; 
    HEIGHT: 22px
}
 
.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
}
.tiptext {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#8AC082;
 font-weight:bold;
 text-decoration:none;
 line-height:20px;
 }
.tiptext a {
font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
font-weight:bold;
 color:#5AB3CD;
 text-decoration:none;
 }
.tiptext a:hover {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
 color:#E7A1D4;
 text-decoration:none;
 }

#mainHighlights #split428 {
    display:inline;
    float:left;
    margin-top:10px !important;
    margin-top:5px;
    margin-right:5px !important;
    margin-left:5px !important;
    margin-right:5px;
    margin-left:5px;
    height:250px;
    background-color:#F3F8F1;
    width:418px;
}
#mainHighlights #split310 {
    display:inline;
    float:left;
    margin-top:10px !important;
    margin-top:5px;
    margin-right:5px !important;
    margin-left:5px !important;
    margin-right:5px;
    margin-left:5px;
    width:300px;
}
#content {
display: none;
}