/* BEGIN OF Yahoo! CSS reset */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
/* END OF Yahoo! CSS reset */
/* BEGIN of Yahoo! CSS fonts */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;}/*font-size:small;*font:x-small;*table {font-size:inherit;font:100%;}*/pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* END of Yahoo! CSS fonts */
/* BEGIN of Yahoo! CSS Base */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
/* END of Yahoo! CSS Base */
/* BEGIN of Glade CSS */
body { font-size: 0.8em; font-family: Tahoma, Arial, Sans-Serif; margin: 0; margin-bottom: 30px; padding: 0; color: #afafaf }
th,td{border: 0px solid #000!important }/*undo the yahoo rule above*/
strong { font-weight: bold; font-style: inherit;} em { font-weight: inherit; font-style: italic;}
p { line-height: 1.5em }
a { text-decoration: none; outline:none; color: #F46D32  }
a:hover, a:active, a:focus { text-decoration: underline }
body #hd {/*margin-top: 0px(correct value)*/ margin: 0px auto 0 auto; width: 970px; background-image: url(hd.gif); background-repeat: no-repeat; background-position: 0 0 }
body #hd object { margin-left: 6px }
body #bd { margin: 0 auto 0 auto; width: 970px; background-image: url(2.gif); background-repeat: repeat-y; position: relative }
body #bd #layer1 { width: 960px; margin-left: 6px; background-image: url(1b.gif); background-repeat: no-repeat; background-position: 0 0 }
body #bd #layer1 #layer2 { background-image: url(3.gif); background-repeat: repeat-y  }
body #bd #layer3 { position: relative; background-image: url(Img_bottom_corner.gif); background-repeat: no-repeat; background-position: right bottom }
* html body #bd #layer3 { background-image: none }
/* Most templates will use the .colAB + .colC base page class */
body #bd #layer1 #layer2 #layer3 .colAB { width: 750px; overflow-x: hidden }
body #bd #layer1 #layer2 #layer3 .colAB p.linkB a { color: #afafaf; text-decoration: underline }
body #bd #layer1 #layer2 #layer3 .colAB_hr_top { clear: left; border-top: solid 1px #afafaf; margin: 0 20px 0 20px }
body #bd .colAB_hr { border-top: solid 1px #afafaf; margin: 20px 0 }
body #bd .hr { border-top: solid 1px #afafaf; margin: 25px 20px }
body #bd #layer1 #layer2 #layer3 .colAB .colA_narrow { float: left; margin-left: 20px; margin-top: 30px; width: 342px; overflow-x: hidden }
body #bd #layer1 #layer2 #layer3 .colAB .colA { float: left; margin-left: 20px; margin-top: 30px; width: 342px; overflow-x: hidden }
body #bd #layer1 #layer2 #layer3 .colAB .colA {}
body #bd #layer1 #layer2 #layer3 .colAB .colB { float: left; margin-left: 20px; margin-top: 30px; width: 342px; overflow-x: hidden }
body #bd #layer1 #layer2 #layer3 .colAB .colB {}
body #bd #layer1 #layer2 #layer3 .colAB .colA h2,
body #bd #layer1 #layer2 #layer3 .colAB .colB h2 { margin: 0; padding: 0; padding-bottom: .25em }
body #bd #layer1 #layer2 #layer3 .colAB .colA .posted,
body #bd #layer1 #layer2 #layer3 .colAB .colB .posted { margin-bottom: 1.3em; font-family: Arial Narrow; line-height: 1.8em; font-weight:900; border-top: solid 1px #afafaf; font-size: smaller; font-style: italic }
body #bd #layer1 #layer2 #layer3 .colAB .colA .graphic,
body #bd #layer1 #layer2 #layer3 .colAB .colB .graphic {}
body #bd #layer1 #layer2 #layer3 .colAB .colA .description,
body #bd #layer1 #layer2 #layer3 .colAB .colB .description { text-align: left }
body #bd #layer1 #layer2 #layer3 .colAB .colA .link a,
body #bd #layer1 #layer2 #layer3 .colAB .colB .link a { font-weight: bold; font-size: small }

body #bd #layer1 #layer2 #layer3 .colAB .colAB_block { width: 710px; margin-top: 30px; margin-left: 20px; overflow-x: hidden }
body #bd #layer1 #layer2 #layer3 .colAB .colAB_block h2 { margin: 0; padding: 0; padding-bottom: .25em }
body #bd #layer1 #layer2 #layer3 .colAB .colAB_block p { margin-bottom: 1.3em; font-family: Arial Narrow; line-height: 1.8em; font-weight: 900; border-top: solid 1px #afafaf; xxxfont-size: smaller; font-style: italic }
body #bd #layer1 #layer2 #layer3 .colAB .colAB_block .xxx {}
body #bd #layer1 #layer2 #layer3 .colAB .colAB_block .ccc {}

body #bd #layer1 #layer2 #layer3 .colAB .colA_narrow { float: left; width: 210px; margin-left: 20px; margin-top: 30px }
* html body #bd #layer1 #layer2 #layer3 .colAB .colA_narrow { margin-left:10px }
body #bd #layer1 #layer2 #layer3 .colAB .colA_narrow img { margin-bottom: 2em }
/*
body #bd #layer1 #layer2 #layer3 .colAB .colA_narrow ul { margin: 0; margin-bottom: 2em; padding: 0; list-style-type: none; border-top: solid 1px #afafaf; cursor: pointer }
body #bd #layer1 #layer2 #layer3 .colAB .colA_narrow ul li { list-style-type: none; border-bottom: solid 1px #afafaf; line-height: 1.75em }
*/
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide { margin-left: 240px; width: 490px }
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide p {}
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide h2 { margin-top: 30px; color: #00457c; text-transform: uppercase }
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide h3 { font-size: small; color: #00457c; font-weight: bold } /*old color:#00457c*/
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide a { color: #afafaf; text-decoration: underline }
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide a:hover {}
body #bd #layer1 #layer2 #layer3 .colB_wide .solution_finder { margin: 30px 0px 20px 20px }
body #bd #layer1 #layer2 #layer3 .colB_wide .solution_finder h2 { font-size: 1.1em }
body #bd #layer1 #layer2 #layer3 .colB_wide .solution_finder .graphic { float: left; width: 104px; text-align: center }
body #bd #layer1 #layer2 #layer3 .colB_wide .solution_finder .description_block { margin-left: 130px }
body #bd #layer1 #layer2 #layer3 .colB_wide .solution_finder .description_block a { margin-top: .5em; color: #F46D32; text-decoration: none; font-weight: bold }
body #bd #layer1 #layer2 #layer3 .colB_wide .solution_finder .description_block a:hover, #bd #layer1 #layer2 #layer3 .colB_wide .solution_finder .description_block a:focus, #bd #layer1 #layer2 #layer3 .colB_wide .solution_finder .description_block a:active { text-decoration: underline }
body #bd #layer1 #layer2 #layer3 .colB_wide .solution_finder .hr { margin: 0px }

body #bd #layer1 #layer2 #layer3 .colC { position: absolute; top: 0; right: 0; bottom: 0; width: 210px; margin-bottom: 46px }
body #bd #layer1 #layer2 #layer3 .colC_inside { width: 210px; padding-bottom: 8px; background-image: url(4.gif); background-position: left bottom; background-repeat: no-repeat; overflow-x: hidden }
body #bd #layer1 #layer2 #layer3 .colC_inside a img { display: block }
body #bd #layer1 .colABC {}
body #bd #layer1 .colABC h2 { margin: 0; color: #00457c;} /*old color:#00457c*/
body #bd #layer1 .colABC p {}

/* Some or most of the following may not be used */
body #bd #layer1 #layer2 #layer3 .glade_and_you { clear: left; margin: 0 20px 20px 20px; background-color: #9396BB }
body #bd #layer1 #layer2 #layer3 .glade_and_you h2 { height: 30px; margin: 0; padding: 0; background-image: url(../../en/Images/MsgBoard/strip-glade.gif); background-repeat: repeat-x }
body #bd #layer1 #layer2 #layer3 .glade_and_you h2 img { padding-left: 8px; padding-top: 7px}
body #bd #layer1 #layer2 #layer3 .glade_and_you div.photo { float: left }
body #bd #layer1 #layer2 #layer3 .glade_and_you div.description_block { margin-left: 283px; min-height:172px }
body #bd #layer1 #layer2 #layer3 .glade_and_you div.description_block h3 { margin: 0 20px }
body #bd #layer1 #layer2 #layer3 .glade_and_you div.description_block p { margin: 0 20px }
body #bd #layer1 #layer2 #layer3 .glade_and_you div.description_block ul { margin: 0 20px; padding: 0 }
body #bd #layer1 #layer2 #layer3 .glade_and_you div.description_block ul li { border-bottom: dotted 1px #ffffff; list-style-type: none; padding-bottom: .25em; padding-top: .25em; color: #d4d4d4; }
body #bd #layer1 #layer2 #layer3 .glade_and_you div.description_block ul li a { color: #ffffff }
body #bd #layer1 #layer2 #layer3 .glade_and_you div.description_block ul li a.author, a.author { color: #4C5C85; font-weight: bold }
body #bd #layer1 #layer2 #layer3 .glade_and_you div.description_block p.link a { color: #F7EA1A; font-weight: bold }
body #bd #layer1 #layer2 #layer3 .colABC {}
body #bd #layer1 #layer2 #layer3 .colAB .article_archive p { font-style: normal!important }
body #bd #layer1 #layer2 #layer3 .colAB .article_archive p a { color: #afafaf!important }
.article_archive {}
.article_archive h2 { color: #00457c; border-bottom: solid 1px #afafaf }
.article_archive ul#year_selector { margin: 5px 0; padding: 0; list-style: none }
.article_archive ul#year_selector li { margin: 0; padding: 0; list-style: none; display: inline }
.article_archive ul#year_selector li a { margin: 0 3px; padding: 0; list-style: none; background-color: #ffffff; color: #afafaf; text-decoration: none }
.article_archive ul#year_selector li a:hover, .article_archive ul#year_selector li a:active, .article_archive ul#year_selector li a:focus { text-decoration: underline }
.article_archive h3 { color: #00457c; margin-top: 22px; margin-bottom: 0 }
.article_archive .calendar td { vertical-align: top }
.article_archive .calendar td h3 { margin: 0 }
.article_archive p { margin: 0; border: solid 0px #afafaf!important; color: #afafaf }
.article_archive a { color #afafaf !important; text-decoration: underline }
p.article-intro { font-style:italic; }

body #ft { margin: 0 auto 0 auto; width: 970px; color: #afafaf; font-size: smaller; background-image: url(footer.gif); background-repeat: no-repeat; background-position: 0 0 }
body #ft #leaf { font-style: italic; font-size: xx-small; font-weight: 700; padding: 0 10px 0 25px; } /*5px 10px 10px 30px*/
body #ft #leaf a { display:block; height:31px; width:100px; text-indent:-9999px; background:url('../../en/images/rah.gif') top left no-repeat; color: #288191; }
body #ft #leaf.fre a { background-image:url('../../fr/images/rah.gif'); }
body #ft #leaf a:hover, body #ft #leaf a:active { text-decoration: underline }
body #ft ul { padding: 0; padding-right: 10px; margin: 0; float: right; line-height: 2em }
body #ft ul li { display: inline; border-left: 1px solid #afafaf; color: #afafaf }
body #ft ul li a { white-space: nowrap; margin-left: 1em; margin-right: 1em; color: #afafaf }
body #ft ul li a:hover, body #ft ul li a:active { text-decoration: underline }
body #ft ul li.first { border-left: 0px solid #000 }
body #ft ul li.first a { margin-left: 0; line-height: 2em }
body #ft #copy{ margin-left: 13px; float: left }
.poll_badge { width: 210px; background-image:url(poll_bg.gif); border: solid 1px #cccccc; color: #006daf}
.poll_badge th { text-align: left; font-size: 1.7em; font-weight: normal; margin-left: 10px; margin-right: 10px; font-style:italic }
.poll_badge input[type="radio"] {margin-left: 10px }
.product_family { margin-top: 30px; margin-bottom: 20px }
.product_family h2 { font-size: 1em; margin-top: 0; margin-bottom: .5em; color: #00457c; text-transform:uppercase; } /*old color:#00457c*/ 
.product_family p { font-size: .9em; margin-bottom: .5em }
.product_family p.link a { font-weight: bold; color: #F46D32 }
.product_family .row { width: 730px }
.product_family .colD { float: left; margin-left: 20px; width: 124px; min-height: 134px }
* html .product_family .colD { margin-left: 10px }
.product_family .colE { float: left; margin-left: 10px; width: 194px; min-height: 134px }
.product_family .colF { float: left; margin-left: 30px; width: 124px; min-height: 134px }
.product_family .colG { float: left; margin-left: 10px; width: 194px; min-height: 134px }
.product_family .colDE { clear: both; float: left; margin-left: 20px; width: 334px; height: 1px; margin-bottom: 20px; border-top: solid 1px #afafaf }
* html .product_family .colDE { margin-left: 10px }
.product_family .colFG { float: left; margin-left:30px; width: 334px; height: 1px; margin-bottom: 20px; border-top: solid 1px #afafaf }
* html .product_family .colFG { margin-left: 10px }
.faqs P B {	color: #00457c} /*old color:#00457c*/
.faqs h3 { color: #00457c; font-size: 1.4em }
.faqs p a { color: #00457c }
.faqs li a { color: #afafaf; text-decoration: underline }

#ProductsBoxFamily { border:0 solid red; clear: both; float: none; height: 650px; margin: 10px 15px 0 20px; padding: 0; width: 710px }
.ProductRow { border: 0 solid red; clear: both; float: none; height: 124px; margin: 0; padding: 10px 0 }

.Box_Left { border: 0 solid red; float: left; height: 124px; margin: 0; padding: 0; width: 340px }
.left { float: left }
.right { float: right }
.clear { clear: both }
.back { float: right; color: #00457c }
.back a { color: #00457c; line-height: 1.6em }
/*#divFaqContent { padding:0 8px 8px 8px; background-color: #c9f8ff; display: none; margin: 0px; }*/
#divFaqContent { padding:8px; background-color: #F6FAFD; display: none; margin: 0px; }
#divFaqContentHide { padding:8px 0 0 8px; margin: 0px; }
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide a#aFaqContent, 
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide a#aFaqContentHide { color: #EF5614; }
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide #divFaqContentHide p.link { }

#divGuaranteeContent { padding:8px; background-color: #F6FAFD; display: none; margin: 0px; }
#divGuaranteeContentHide { padding:8px 0 0 8px; margin: 0px; }
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide a#aGuaranteeContent, 
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide a#aGuaranteeContentHide { color: #EF5614; }
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide #divGuaranteeContentHide p.link { }
.COPYDECK { background-color: Yellow; color: #000!important }
#scjlink { position: absolute; width: 142px; height: 46px; bottom: 0px; right: 4px }
#scjlink_fr { position: absolute; width: 211px; height: 67px; bottom: 0px; right: 4px }

#signin {
font-size: 11px;
font-family: Arial, Verdana;
position: relative;
top: 0px;
left: 750px;
width: 205px;
height: 56px;
background-image: url('../../en/images/login_bg.jpg');

}

#signinFR {
font-size: 11px;
font-family: Arial, Verdana;
position: relative;
top: 0px;
left: 700px;
width: 266px;
height: 56px;
background-image: url('../../fr/images/login_bg_fr.jpg');

}

.login a {
color: #ffffff;
font-weight: bold;
position: relative;
margin-left: 17px;
margin-top: 2px;
}

.signup {
color:  #00457c; /*old color:#00457c*/
font-weight: bold;
font-size: 10px;
margin-left: 16px;
margin-top: 5px;
}

.signupFR {
color:  #00457c; /*old color:#00457c*/
font-weight: bold;
font-size: 10px;
margin-left: 16px;
margin-top: 0px;
line-height: 10px;
}

#signin_cont {
width: 970px ;
margin: 0 auto;
text-align: left;
position:relative;
}

.signupFR a{
color: #00457c; /*old color:#00457c*/
}

.signup a{
color: #00457c; /*old color:#00457c*/
}
#prodbackbtn {
position: absolute; 
left: 690px; 
top: 31px;
font-weight:bold;
}
#prodbackbtn_fr {
position: absolute; 
left: 640px; 
top: 31px;
font-weight:bold;
}
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide #prodbackbtn a,
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide #prodbackbtn_fr a,
#prodbackbtn a,
#prodbackbtn a:visited,
#prodbackbtn a:active {
	color:#f46d32;
	text-decoration:none;
}
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide #prodbackbtn a:hover,
body #bd #layer1 #layer2 #layer3 .colAB .colB_wide #prodbackbtn_fr a:hover,
#prodbackbtn a:hover {
	text-decoration:underline;
}

.newproduct {
	color:#cc0000;
	font-weight:bold;
	font-size:.9em;
	padding-left:14px;
	background:transparent url('star.gif') 0 0 no-repeat;
}


body #bd #layer1 #layer2 #layer3 .colAB .colA_narrow ul { margin: 0; margin-bottom: 2em; padding: 0; list-style-type: none; border-top: solid 1px #afafaf; cursor: pointer }
body #bd #layer1 #layer2 #layer3 .colAB .colA_narrow ul li { list-style-type: none; border-bottom: solid 1px #afafaf; line-height: 1.75em }


#product-nav {
	margin: 0 0 2em 0;
	padding: 0;
	list-style-type: none;
	border-top: solid 1px #afafaf;
	cursor: pointer;
}
#product-nav li {
	list-style-type: none;
	border-bottom: solid 1px #afafaf;
}
#product-nav li.here {
	background-color:#F6FAFD;
}
#product-nav a {
	display:block;
	padding:4px 10px 3px 8px;
	line-height: 16px;
	color:#808080;
	text-decoration:none;
}
#product-nav a:hover {
	color:#ffffff;
	background-color:#00457c; /*old color:#00457c*/
	text-decoration:none;
}
#product-nav a.new {
	background-image:url('star.gif');
	background-position:center right;
	background-repeat:no-repeat;
}
#product-nav a.new:hover {
	background-image:url('star_hover.gif');
	background-position:center right;
	background-repeat:no-repeat;
}


/* END of Glade CSS */