/**
 * These rules are used to declare styles for elements that wrap content
 *
 * @section styles taken and optimized from base.css
 * @subsection wrapper
 */
html{height:100%;}
body{height:100%;background-color: #010101;margin:0;padding:0;color:#A9A9A9;font:13px arial;}
div.body {background: none repeat scroll 0 0 #000000;margin: 0 auto;padding-bottom: 23px;position: relative;}

/**
 * @section styles taken and optimized from base.css
 * @subsection reset
 */
a, object, embed{outline:0;}
img{border:0;}
p {padding:0;margin:0;}
fieldset {border:none;margin:0;padding:0;}
legend { visibility:hidden; height:0px; line-height:0px; }

/**
 * These rules are used to declare styles to headlines (elements h1, h2, h3, h4, h5)
 *
 * @section styles taken and optimized from base.css
 * @subsection headlines
 */
h1, h2, h3, h4, h5 {font-weight:normal;margin-top:0;}
h1 {font-size:200%;line-height:28px; color:#f2f2f2; word-break:keep-all;}
h2 {font-size:130%;line-height:25px; color:#f2f2f2;}
h3 {font-size:110%;line-height:22px;margin:.5em 0; color:#f2f2f2;}
.white h1 {font-size:200%;line-height:28px; color:#333333;}
.white h2 {font-size:130%;line-height:25px; color:#121212;}
.white h3 {font-size :110%;line-height:22px;margin:.5em 0; color:#333333;}
h4 {}
h5 {}
h6 {}

.bold{font-weight:bold;}
.hidden {display:none;visibility:hidden;}
.hidden_vsb {visibility:hidden;}
.footnote{font-size:10px;color:#999999;}
.legal{font-size:10px;color:#999999;}
.dsd{color:#999999 !important;}
ul.nobullet{list-style-type:none;padding:0;margin:0;}

/**
 * @section styles taken and optimized from base.css
 * @subsection patch for base.css
 */
div.holder {font: 13px arial,helvetica,sans-serif,clear;}
.body {width:1000px;}
ul {list-style-type: none; margin: 0; padding:0;}
a {color:#00bff3; text-decoration:none}
a:link{color:#00bff3;text-decoration:none;}
a:visited{color:#00bff3;text-decoration:none;}
a:hover{color:#00bff3;text-decoration:none;}
a:focus{color:#00bff3;text-decoration:none;}
a:active{color:#00bff3;text-decoration:none;}
.white a {color:#005f89; text-decoration:none}
.white a:link{color:#005f89;text-decoration:none;}
.white a:visited{color:#005f89;text-decoration:none;}
.white a:hover{color:#005f89;text-decoration:none;}
.white a:focus{color:#005f89;text-decoration:none;}
.white a:active{color:#005f89;text-decoration:none;}

/**
 * These rules are used to resolve clearfix problem for wrapper of row
 *
 * @section rows
 * @subsection clearfix
 */
.clf:after,
.row2:after,
.row2_5_95:after,
.row2_10_90:after,
.row2_11_89:after,
.row2_15_85:after,
.row2_20_80:after,
.row2_22_78:after,
.row2_25_75:after,
.row2_30_70:after,
.row2_35_65:after,
.row2_40_60:after,
.row2_45_55:after,
.row2_55_45:after,
.row2_60_40:after,
.row2_65_35:after,
.row2_70_30:after,
.row2_75_25:after,
.row2_80_20:after,
.row2_85_25:after,
.row2_90_10:after,
.row2_95_5:after,
.row3:after,
.row3_2_96_2:after,
.row3_3_94_3:after,
.row3_23_54_23:after,
.row4:after,
.row5:after,
.row5_1_32_1:after,
.row6_2_24_2:after{clear: both; content: '.'; display: block; height: 0; line-height: 0; visibility: hidden;}

.clf,
.row2,
.row2_5_95,
.row2_10_90,
.row2_11_89,
.row2_15_85,
.row2_20_80,
.row2_22_78,
.row2_25_75,
.row2_30_70,
.row2_35_65,
.row2_40_60,
.row2_45_55,
.row2_55_45,
.row2_60_40,
.row2_65_35,
.row2_70_30,
.row2_75_25,
.row2_80_20,
.row2_85_25,
.row2_90_10,
.row2_95_5,
.row3,
.row3_2_96_2,
.row3_3_94_3,
.row3_23_54_23,
.row4,
.row5,
.row5_1_32_1,
.row6_2_24_2{display: inline-block;display: block\9;width: 100%;}

html[xmlns] .clf,
html[xmlns] .row2,
html[xmlns] .row2_5_95,
html[xmlns] .row2_10_90,
html[xmlns] .row2_11_89,
html[xmlns] .row2_15_85,
html[xmlns] .row2_20_80,
html[xmlns] .row2_22_78,
html[xmlns] .row2_25_75,
html[xmlns] .row2_30_70,
html[xmlns] .row2_35_65,
html[xmlns] .row2_40_60,
html[xmlns] .row2_45_55,
html[xmlns] .row2_55_45,
html[xmlns] .row2_60_40,
html[xmlns] .row2_65_35,
html[xmlns] .row2_70_30,
html[xmlns] .row2_75_25,
html[xmlns] .row2_80_20,
html[xmlns] .row2_85_25,
html[xmlns] .row2_90_10,
html[xmlns] .row2_95_5,
html[xmlns] .row3,
html[xmlns] .row3_2_96_2,
html[xmlns] .row3_3_94_3,
html[xmlns] .row3_23_54_23,
html[xmlns] .row4,
html[xmlns] .row5,
html[xmlns] .row5_1_32_1,
html[xmlns] .row6_2_24_2{display: block;}

* html .clf,
* html .row2,
* html .row2_5_95,
* html .row2_10_90,
* html .row2_11_89,
* html .row2_15_85,
* html .row2_20_80,
* html .row2_22_78,
* html .row2_25_75,
* html .row2_30_70,
* html .row2_35_65,
* html .row2_40_60,
* html .row2_45_55,
* html .row2_55_45,
* html .row2_60_40,
* html .row2_65_35,
* html .row2_70_30,
* html .row2_75_25,
* html .row2_80_20,
* html .row2_85_25,
* html .row2_90_10,
* html .row2_95_5,
* html .row3,
* html .row3_2_96_2,
* html .row3_3_94_3,
* html .row3_23_54_23,



html[xmlns] .
* html .row4,
* html .row5,
* html .row5_1_32_1,
* html .row6_2_24_2{height: 1%;}

table{width:100%;}

/**
 * These classes are used to wrap 2 or more divs.
 * For example:
 * class .row2_5_95 wraps 2 divs (the first one with width 5% and the second one with width 95%)
 * class .row3_23_54_23 wraps 3 divs (the first one with width 23%, the second one with width 95%)
 *
 * @section rows
 * @subsection rows divs
 */
.row2 .col{width: 50%;*width: 49%; _width: 49%;}
.row2 .col{width: 50%;*width: 49%; _width: 49%;}
.row2_95_5 .lst{width: 5%;}
.row2_95_5 .fst{width: 95%;*width: 94%; _width: 94%; }
.row2_90_10 .lst{width: 10%;}
.row2_90_10 .fst{width: 90%;*width: 89%; _width: 89%; }
.row2_85_15 .lst{width: 15%;}
.row2_85_15 .fst{width: 85%;*width: 84%; _width: 84%; }
.row2_80_20 .lst{width: 20%;}
.row2_80_20 .fst{width: 80%;*width: 79%; _width: 79%; }
.row2_75_25 .lst{width: 25%;}
.row2_75_25 .fst{width: 75%;*width: 74%;_width: 74%;}
.row2_70_30 .lst{width: 30%;}
.row2_70_30 .fst{width: 70%;*width: 69.9%;_width: 69.9%;}
.row2_65_35 .lst{width: 35%; *width: 34.9%;_width:34.9%;}
.cnt15_topics .row2_65_35  .lst{_width:36%}
.cnt15_topics .row2_65_35  .lst  .row2_30_70 .lst{_width:68%}
/**html .row2_65_35 .lst{width: 35.9%;}
*html .white .row2_65_35 .lst{width: 35.5%;} this was creating conflict with product pages*/
.row2_65_35 .fst{width: 65%; _width: 64%; }
.row2_60_40 .lst{width: 40%;}
.row2_60_40 .fst{width: 60%;*width: 59%; _width: 59%; }
.row2_55_45 .lst{width: 45%;}
.row2_55_45 .fst{width: 55%;*width: 54%; _width: 54%; }
.row2_45_55 .lst{width: 55%;*width: 54%; _width: 54%; }
.row2_45_55 .fst{width: 45%;}
.row2_40_60 .lst{width: 60%;*width: 59%; _width: 59%; }
.row2_40_60 .fst{width: 40%;}
.row2_35_65 .lst{width: 65%;*width: 64%; _width: 64%; }
.row2_35_65 .fst{width: 35%;}
.row2_30_70 .lst{width: 70%;*width: 69.9%;_width: 69.9%; }
.row2_30_70 .fst{width: 30%;}
.row2_25_75 .lst{width: 75%;*width: 74%;_width: 74%;}
.row2_25_75 .fst{width: 25%;}
.row2_20_80 .lst{width: 80%;*width: 79%; _width: 79%; }
*html .row2_20_80 .lst {width:79%}
*html .white .row2_20_80 .lst {width:79%}
.row2_20_80 .fst{width: 20%;}
.row2_22_78 .lst{width: 78%;*width: 77%; _width: 77%; }
*html .row2_22_78 .lst {width:77%}
*html .white .row2_22_78 .lst {width:77%}
*html .row2_65_35 .row2_22_78 .lst {width:77%}
.row2_22_78 .fst{width: 22%;}
.row2_15_85 .lst{width: 85%;*width: 84%; _width: 84%; }
.row2_15_85 .fst{width: 15%;}
.row2_10_90 .lst{width: 90%;*width: 89%; _width: 89%; }
.row2_10_90 .fst{width: 10%;}
.row2_11_89 .lst{width: 89%;*width: 88%; _width: 88%; }
.row2_11_89 .fst{width: 11%;*width: 10%; _width: 10%; }
.row2_5_95 .lst{width: 95%;*width: 94%; _width: 94%; }
.row2_5_95 .fst{width: 5%;}
.row2_53_47 .lst{width: 47%;}
.row2_53_47 .fst{width: 53%;*width: 52%; _width: 52%;}

.row3 .col{width: 33.33%; _width: 33%;}
.row3 .row2 .col{width: 50%; *width: 49%; _width: 49%; }
.row3_2_96_2 .fst{width:2%;}
.row3_2_96_2 .col{width: 96%;*width: 95.75%; _width: 95.75%;}
.row3_2_96_2 .lst{width: 2%;}
.row3_3_94_3 .fst{width:3%;}
.row3_3_94_3 .col{width: 94%;*width: 93.75%; _width: 93%;}
.row3_3_94_3 .lst{width: 3%;}
.row3_23_54_23 .fst{width:23%;}
.row3_23_54_23 .col{width:54%;}
.row3_23_54_23 .lst{width:23%;}
.row4 .col{width: 25%; *width: 24%; _width: 24%;}
.row3_2_96_2 .col .row4 .col{width: 25%; *width: 24.9%; _width: 24.9%; }
.row4 .row3 .col{width: 33.33%; *width: 33%; _width: 33%;}
.row4 .row2 .col{width: 50%; *width: 49%; _width: 49%; }
.row5 .col{width:20%;}
.row5_1_32_1 .fst{ width:.5%;}
.row5_1_32_1 .col{width:32.666%; *width:32%; _width:32%;}
.row5_1_32_1 .lst{width:.5%;}
.row6_2_24_2 .fst{width:2%;}
.row6_2_24_2 .col{width: 24%;*width: 23.75%; _width: 23.75%;}
.row6_2_24_2 .lst{width: 2%;}
.row3_2_96_2 .col .row2_35_65 .fst{width: 35%; }
.row3_2_96_2 .col .row2_35_65 .lst{width: 65%;*width: 64%; _width: 64%;}
.row3_3_94_3 .col .row2_35_65 .fst{width: 35%; }
.row3_3_94_3 .col .row2_35_65 .lst{width: 65%;*width: 64%; _width: 64%;}
.row3_2_96_2 .col .row3 .col{width: 33.33%; *width: 33%; _width: 33%; }

.row2_53_47 .col .row2_10_90 .lst{width: 90%;*width: 89%; _width: 89%; }
.row2_53_47 .col .row2_10_90 .fst{width: 10%;}


/**
* @section specific layers
*/
.l65{width:65%;}
.l150 {width:150px;}
.l220 {width:220px;}

/**
 * These classes are used to declare same paddings from all sides of the element
 *
 * @section containers
 * @subsection squares
*/
.cnt0{padding:0px;}
.cnt3{padding:3px;_padding:2px}
.cnt5{padding:5px;_padding:4px}
.cnt6 {padding:6px;_padding:5px}
.cnt8 {padding: 8px;_padding:7px}
.cnt10{padding:10px;_padding:9px}
.cnt15{padding:15px;_padding:14px}
.cnt20{padding:20px;_padding:19px}
.cnt25{padding:25px;_padding:24px}
.cnt30{padding:30px;_padding:39px}
.cnt35{padding:35px;_padding:34px}
.cnt40{padding:40px;_padding:39px}
.cnt45{padding:45px;_padding:44px}
.cnt50{padding:50px;_padding:49px}

/**
 * These classes are used to declare same paddings from top, bottom and from left, right sides of the element
 * For example:
 * .cnt5_10 makes paddings 5 px from top and bottom and 10px from left and right
 *
 * @section containers
 * @subsection symmetric
 */
.cnt5_10{padding:5px 10px;_padding:4px 9px}
.cnt5_20{padding:5px 20px;_padding:4px 19px}
.cnt5_30{padding:5px 30px;_padding:4px 29px}
.cnt3_10{padding:3px 10px;_padding:2px 9px}
.cnt6_3{padding:6px 3px;_padding:5px 2px}
.cnt6_7{padding:6px 7px;_padding:5px 6px}
.cnt6_10{padding:6px 10px;_padding:5px 9px}
.cnt10_5{padding: 10px 5px;_padding: 9px 4px}
.cnt10_15{padding: 10px 15px;_padding: 9px 14px}
.cnt10_20 {padding:10px 20px;_padding:9px 19px}
.cnt10_25 {padding: 10px 25px;_padding: 9px 24px}
.cnt10_30 {padding: 10px 30px;_padding: 9px 29px}
.cnt10_45 {padding: 10px 45px;_padding: 9px 44px;}
.cnt10_50 {padding: 10px 50px;_padding: 9px 49px;}
.cnt15_5 {padding:15px 5px;_padding:14px 4px}
.cnt15_20 {padding:15px 20px;_padding:14px 19px}
.cnt15_25 {padding: 15px 25px;_padding: 14px 24px }
.cnt15_40 {padding: 15px 40px;_padding: 14px 39px }
.cnt15_60 {padding: 15px 60px;_padding: 14px 59px }
.cnt16_29 {padding:16px 29px;}
.cnt10_18{padding:10px 18px;_padding:9px 17px}
.cnt20_15{padding:20px 15px;_padding:19px 14px}
.cnt20_10{padding:20px 10px;_padding:19px 9px}
.cnt20_25{padding:20px 25px;_padding:19px 24px}
.cnt20_30{padding:20px 30px;_padding:19px 29px}
.cnt20_50{padding:20px 50px;_padding:19px 49px}
.cnt20_75{padding:20px 75px;_padding:19px 74px}
.cnt25_30{padding: 25px 30px;_padding: 24px 29px}
.cnt25_35{padding: 25px 35px;_padding: 24px 34px}
.cnt25_20{padding: 25px 20px;_padding: 24px 19px}
.cnt30_20{padding:30px 20px;_padding:29px 19px}
.cnt30_25{padding:30px 25px;_padding:29px 24px}
.cnt40_25 {padding: 40px 25px;_padding: 39px 24px}
.cnt50_25 {padding: 50px 25px;_padding: 49px 24px}
.cnt40_60 {padding: 40px 60px;_padding: 39px 59px}

/**
 * These classes are used to declare same paddings from top and right bottom of the element
 * For example:
 * .cnt3_0 makes paddings 5 px from top and bottom
 *
 * @section containers
 * @subsection symmetric only top, bottom
 */
.cnt3_0{padding: 3px 0;_padding: 2px 0}
.cnt5_0{padding:5px 0;_padding:4px 0}
.cnt10_0{padding:10px 0;_padding:9px 0}
.cnt15_0{padding:15px 0;_padding:14px 0}
.cnt20_0{padding:20px 0;_padding:19px 0}
.cnt25_0{padding:25px 0;_padding:24px 0}
.cnt30_0{padding:30px 0;_padding:39px 0}
.cnt35_0{padding:35px 0;_padding:34px 0}
.cnt40_0{padding:40px 0;_padding:39px 0}
.cnt45_0{padding:45px 0;_padding:44px 0}
.cnt50_0{padding:50px 0;_padding:49px 0}

/**
 * These classes are used to declare same paddings from left and right sides of the element
 * For example:
 * .cnt0_5 makes paddings 5 px from left and right
 *
 * @section containers
 * @subsection symmetric only left, right
 */
.cnt0_5{padding:0 5px;_padding:0 4px}
.cnt0_10{padding:0 10px;_padding:0 9px}
.cnt0_15{padding:0 15px;_padding:0 14px}
.cnt0_18{padding:0 18px;_padding:0 17px}
.cnt0_20{padding:0 20px;_padding:0 19px}
.cnt0_25{padding:0 25px;_padding:0 24px}
.cnt0_30{padding:0 30px;_padding:0 39px}
.cnt0_35{padding:0 35px;_padding:0 34px}
.cnt0_40{padding:0 40px;_padding:0 39px}
.cnt0_45{padding:0 45px;_padding:0 44px}
.cnt0_50{padding:0 50px;_padding:0 49px}

/**
 * These classes are used to declare different paddings from all sides
 * For example:
 * .cnt0_20_15_20 declares paddings 0px from top, 20px from right, 15px from bottom and 20 px from left;
 *
 * @section containers
 * @subsection random paddings
 */
.cnt0_0_0_10 {padding:0px;padding-left:10px;_padding-left:9px}
.cnt0_0_0_15 {padding:0px;padding-left:15px;_padding-left:14px}
.cnt0_0_0_19 {padding:0 0 0 19px;}
.cnt0_0_0_20 {padding:0px;padding-left:20px;}
.cnt0_0_0_25 {padding:0px;padding-left:25px;}
.cnt0_0_10_20 {padding:0px;padding-bottom:10px;padding-left:20px;_padding-bottom:9px;_padding-left:19px}
.cnt0_0_15_15 {padding:0px;padding-bottom:15px;padding-left:15px;_padding-bottom:14px;_padding-left:14px}
.cnt0_0_20_30 {padding:0px;padding-bottom:20px;padding-left:30px;_padding-bottom:19px;_padding-left:29px}
.cnt0_0_40_0 {padding:0px;padding-bottom:40px;padding-left:0px;_padding-bottom:39px;_padding-left:0px}
.cnt0_0_50_0 {padding:0px;padding-bottom:50px;padding-left:0px;_padding-bottom:49px;_padding-left:0px}
.cnt0_20_15_20 {padding-top:0px;padding-bottom:15px;padding-left:20px; padding-right:20px;_padding-bottom:14px;_padding-left:19px; _padding-right:19px;}
.cnt0_10_0_0 {padding-top:0px;padding-bottom:0px;padding-left:0px; padding-right:10px;_padding-bottom:0px;_padding-left:0px; _padding-right:9px;}
.cnt0_25_0_0 {padding:0 25px 0 0;}
.cnt0_29_0_0 {padding:0 29px 0 0;}
.cnt0_18_0_0 {padding:0 18px 0 0;}
.cnt0_30_40{padding:0 30px 40px;_padding:0 29px 39px;}
.cnt0_30_50{padding:0 30px 50px;_padding:0 29px 49px;}
.cnt0_35_0_0{padding:0 35px 0 0;_padding:0 34px 0 0;}
.cnt0_40_10{padding:0 40px 10px;_padding:0 39px 9px;}
.cnt3_6_6_6 {padding-top: 3px;padding-right:6px;padding-bottom: 6px;padding-left: 6px;_padding-top: 2px;_padding-right:5px;_padding-bottom: 5px;_padding-left: 5px;}
.cnt3_30_3_0 {padding-top:3px;padding-right:30px;padding-bottom:3px;padding-left:0px;_padding-top:2px;_padding-right:29px;_padding-bottom:2px;}
.cnt5_0_20 {padding: 5px 0 20px;}
.cnt5_0_10_15 {padding:0px;padding-top:5px;padding-bottom:15px;padding-left:15px;_padding-top:4px;_padding-bottom:14px;_padding-left:14px}
.cnt5_15_5_5 {padding-top:5px; padding-right:15px; padding-bottom:5px; padding-left:5px;}
.cnt5_20_20_20 {padding:20px;padding-top:5px;_padding:19px;_padding-top:4px;}
.cnt5_30_0_30 {padding-top:5px;padding-right:30px;padding-bottom:0px;padding-left:30px;_padding-top:4px;_padding-right:29px;_padding-left:29px;}
.cnt7_18_30_30{padding: 7px 18px 30px 30px;}
.cnt8_10{padding:8px 10px;_padding:7px 9px;}
.cnt10_0_0_0 {padding:0px;padding-top:10px;_padding-top:9px}
.cnt10_30_0 {padding:10px 30px 0px;}
.cnt_10_0_40 { padding-top:10px; padding-right:0px; padding-bottom:40px;padding-left:0px;_padding-top:9px; _padding-bottom:39px;}
.cnt10_30_40_20 {padding:10px 30px 40px 20px;}
.cnt10_30_40 {padding:10px 30px 40px;_padding:9px 29px 39px;}
.cnt10_20_25_20{padding:10px 20px;padding-bottom:25px;_padding:9px 19px; _padding-bottom:24px}
.cnt10_20_5_20{padding:10px 20px;padding-bottom:5px;_padding:9px 19px; _padding-bottom:4px}
.cnt15_10_20 {padding:15px 10px 20px;_padding:14px 9px 19px;}
.cnt15_15_0_15 {padding:0px;padding-top:15px;padding-right:15px;padding-left:15px;_padding-top:14px;_padding-right:14px;_padding-left:14px}
.cnt15_0_0_0 {padding:0px;padding-top:15px;_padding-top:14px;}
.cnt15_25_30_25 {padding: 15px 25px 30px 25px}
.cnt15_25_15_25{padding: 15px 25px 15px 25px}
.cnt15_25_60_25 {padding-top:15px; padding-left:25px; padding-right:25px; padding-bottom:60px;  _padding-top:14px; _padding-left:24px; _padding-right:24px; _padding-bottom:59px;}
.cnt15_26_30{padding: 15px 26px 30px; _padding: 14px 25px 29px;}
.cnt15_35_15_15 {padding: 15px 35px 15px 15px;}
.cnt16_29_0_29 {padding: 16px 29px 0px 29px;}
.cnt20_0_0_0 {padding:0px; padding-top:20px;_padding-top:19px;}
.cnt20_0_10_10 {padding:10px; padding-top:20px; padding-right:0px; _padding-top:19px;}
.cnt35_0_15_0 {padding:35px 0 15px 0;_padding:34px 0 14px 0;}
.cnt20_10_10 {padding:10px; padding-top:20px;_padding-top:19px;}
.cnt20_10_0_10{padding:10px;_padding:9px; padding-top:20;_padding-top:19px; padding-bottom:0px;}
.cnt20_20_0_20 {padding:20px;_padding:19px; padding-bottom:0px;}
.cnt20_20_40 {padding:20px;_padding:19px; padding-bottom:40px;}
.cnt20_30_20_20 {padding-top:20px;padding-right:30px;padding-bottom:20px;padding-left:20px;_padding-top:19px;_padding-right:29px;_padding-bottom:19px;_padding-left:19px}
.cnt25_0_0_0 {padding:0px; padding-top:25px;_padding-top:24px;}
.cnt25_0_20_0{padding-top:25px; padding-right:0px; padding-bottom:20px;padding-left:0px;_padding-top:24px;_padding-right:0px;_padding-bottom:19px;_padding-left:0px }
.cnt25_15_0_15 {padding-top:25px;padding-right:15px;padding-bottom:0px;padding-left:15px;_padding-top:24px;_padding-right:14px;_padding-left:14px}
.cnt25_20_20_20{padding-top:25px; padding-right:20px; padding-bottom:20px;padding-left:20px;_padding-top:24px;_padding-right:19px;_padding-bottom:19px;_padding-left:19px }
.cnt25_25_0_0 {padding: 25px 25px 0 0;}
.cnt27_29_16_29{padding: 27px 29px 16px 29px;}
.cnt40_0_0_0 {padding:0px; padding-top:40px;_padding-top:39px;}
.cnt40_15_20_15{padding-top:40px;padding-right:15px;padding-bottom:20px;padding-left:15px;_padding-top:39px;_padding-right:14px;_padding-bottom:19px;_padding-left:14px}
.cnt40_25_20_30{padding-top:40px;padding-right:25px;padding-bottom:20px;padding-left:30px;_padding-top:39px;_padding-right:24px;_padding-bottom:19px;_padding-left:24px}
.cnt40_25_40_0{padding-top:40px;padding-right:25px;padding-bottom:40px;padding-left:0px;_padding-top:39px;_padding-right:24px;_padding-bottom:39px;_padding-left:0px}
.cnt40_25_40_15{padding:40px 25px 40px 15px; _padding:39px 24px 39px 14px;}
.cnt40_35_40_15{padding:40px 35px 40px 15px; _padding:39px 34px 39px 14px;}
.cnt40_40_40_10 {padding: 40px 10px 40px 40px;_padding: 39px 9px 39px 39px}
.cnt50_20_5 {padding:50px 20px 0 0; _padding:49px 19px 0 0;}
.cnt50_25_40_30{padding-top:50px;padding-right:25px;padding-bottom:40px;padding-left:30px;_padding-top:49px;_padding-right:24px;_padding-bottom:39px;_padding-left:24px}
.cnt60_0_60_60 {padding-top: 60px; padding-right: 0px; padding-bottom: 60px; padding-left: 60px;_padding-top: 59px; _padding-bottom: 59px; _padding-left: 59px;}
.cnt30_0_30_20{padding-top:30px; padding-right:0; padding-bottom:30px;padding-left:20px;_padding-top:29px;_padding-bottom:29px;_padding-left:19px }
.cnt30_20_20_20{padding-top:30px; padding-right:20px; padding-bottom:20px;padding-left:20px;_padding-top:29px;_padding-right:19px;_padding-bottom:19px;_padding-left:19px }
.cnt30_20_10_20 {padding:30px 20px 10px 20px}
.cnt30_15_30_18 {padding:30px 15px 30px 18px;_padding-top:29px;_padding-right:14px;_padding-bottom:29px;_padding-left:17px }
.cnt20_25_60_25 {padding: 20px 25px 60px 25px}
.cnt30_15_30_30 {padding-top:30px; padding-left:30px; padding-right:15px; padding-bottom:30px; _padding-top:29px; _padding-left:29px; _padding-right:14px; _padding-bottom:29px;}
.cnt30_75_15_25{padding:30px; padding-left:25px; padding-right:75px; padding-bottom:15px;  _padding-left:24px; _padding-right:74px; _padding-bottom:14px}
.cnt35_0_20 {padding-top: 35px;padding-right:0px;padding-bottom: 20px;padding-left: 0px;}
.cnt24_18_18_30{padding: 24px 18px 30px 18px; _padding-top:23px; _padding-left:19px; _padding-right:19px; _padding-bottom:29px;}
.cnt80_15_0_15 {padding-top:80px;padding-right:15px;padding-bottom:0px;padding-left:15px;_padding-top:24px;_padding-right:14px;_padding-left:14px}
.cnt15_20_25_77 {padding-top:15px;padding-right:20px;padding-bottom:25px;padding-left:77px;_padding-top:14px;_padding-right:19px;_padding-left:24px;_padding-bottom:76px;}

/**
 * These classes are used to declare font styles in percents from 13px;
 * For example:
 * .f65 sets font size to 65% from 13px;
 *
 * @section fonts
 * @subsection font sizes
 */
.f0 { font-size: 0%;}
.f65 { font-size: 65%; line-height: 1.22em }
.f70 { font-size: 70%; line-height: 1.22em }
.f75 { font-size: 75%; line-height: 1.22em }
.f80 { font-size: 80%; line-height: 17px }
.f85 { font-size: 85%; line-height: 17px }
.f90 { font-size: 90%; line-height:17px }
.f95 { font-size: 95%; line-height:17px }
.f100 { font-size: 100%; line-height: 17px; }
.f105 { font-size: 105%; line-height: 17px; }
.f107 { font-size: 107.7%; line-height: 17px; }
.f110 { font-size: 110%; line-height: 1.22em; }
.f115 { font-size: 115%; line-height: 1.22em; }
.f120 { font-size: 120%; line-height: 1.22em; }
.f125 { font-size: 125%; line-height: 1.22em; }
.f130 { font-size: 130%; line-height: 1.22em; }
.f135 { font-size: 135%; line-height: 1.22em; }
.f140 { font-size: 140%; line-height: 1.22em; }
.f145 { font-size: 145%; line-height: 1.22em; }
.f150 { font-size: 150%; line-height: 1.22em; }
.f155 { font-size: 155%; line-height: 1.22em; }
.f160 { font-size: 160%; line-height: 1.22em; }
.f165 { font-size: 165%; line-height: 1.22em; }
.f170 { font-size: 170%; line-height: 1.22em; }
.f175 { font-size: 175%; line-height: 1.22em; }
.f180 { font-size: 180%; line-height: 1.22em; }
.f185 { font-size: 185%; line-height: 1.22em; }
.f190 { font-size: 190%; line-height: 1.22em; }
.f195 { font-size: 195%; line-height: 1.22em; }
.f200 { font-size: 200%; line-height: 30px; }
.f205 { font-size: 205%; line-height: 1.22em; }
.f210 { font-size: 210%; line-height: 1.22em; }
.f215 { font-size: 215%; line-height: 1.22em; }
.f220 { font-size: 220%; line-height: 1.22em; }
.f225 { font-size: 225%; line-height: 1.22em; }
.f230 { font-size: 230%; line-height: 1.22em; }
.f235 { font-size: 235%; line-height: 1.22em; }
.f240 { font-size: 240%; line-height: 1.22em; }
.f245 { font-size: 245%; line-height: 1.22em; }
.f250 { font-size: 250%; line-height: 1.22em; }
.f300 { font-size: 300%; line-height: 40px}
.f320 { font-size: 320%; line-height: 44px}

/**
 * These styles are used to declare line-height
 * For example .lnh5 sets line-height to 5px;
 *
 * @section fonts
 * @subsection line heights
 */
.lnh5{line-height:5px}
.lnh6{line-height:6px}
.lnh7{line-height:7px}
.lnh8{line-height:8px}
.lnh9{line-height:9px}
.lnh10{line-height:10px}
.lnh11{line-height:11px}
.lnh12{line-height:12px}
.lnh13{line-height:13px}
.lnh14{line-height:14px}
.lnh15{line-height:15px}
.lnh16{line-height:16px}
.lnh17{line-height:17px}
.lnh18{line-height:18px}
.lnh19{line-height:19px}
.lnh20{line-height:20px}
.lnh21{line-height:21px}
.lnh22{line-height:22px}
.lnh23{line-height:23px}
.lnh24{line-height:24px}
.lnh25{line-height:25px}
.lnh26{line-height:26px}
.lnh27{line-height:27px}
.lnh28{line-height:28px}
.lnh29{line-height:29px}
.lnh30{line-height:30px}
.lnh31{line-height:31px}
.lnh32{line-height:32px}
.lnh33{line-height:33px}
.lnh34{line-height:34px}
.lnh35{line-height:35px}
.lnh36{line-height:36px}
.lnh37{line-height:37px}
.lnh38{line-height:38px}
.lnh39{line-height:39px}
.lnh40{line-height:40px}
.lnh41{line-height:41px}
.lnh42{line-height:42px}
.lnh43{line-height:43px}
.lnh44{line-height:44px}

/**
 * These styles are used to set maximum height of the element.
 *
 * @section height limits
 * @subsection max heights
 */
.lmt_f320_1ln{max-height: 46px;_height: 46px;}
.lmt_f110_2ln {max-height: 34px;_height: 34px;}
.lmt_f300_2ln{max-height: 73px;_height: 73px;}
.lmt_f110_3ln {max-height: 51px;_height: 51px;}
.lmt_f110_4ln {max-height: 68px;_height: 68px;}

/**
 * These styles are used to set minimal height of the element
 * For example:
 * .lmt_img_170 sets minimal height of the element to 170px
 *
 * @section height limits
 * @subsection min heights
 */
.lmt_img_170{min-height: 170px;_height: 170px;}
.lmt_img_200{min-height: 200px;_height: 200px;}
.lmt_img_204{min-height: 204px;_height: 204px;}
.lmt_img_257{min-height: 257px;_height: 257px;}
.lmt_img_306{min-height: 306px;_height: 306px;}
.lmt_img_309{min-height: 309px;_height: 309px;}
.lmt_img_350{min-height: 350px;_height: 350px;}
.lmt_img_400{min-height: 400px;_height: 400px;}
.lmt_img_406{min-height: 406px;_height: 406px;}
.lmt_img_474{min-height: 474px;_height: 474px;}
.fix_f250_2ln {height: 90px;}

/**
 * These styles are used to set font color to white (#ffffff). These styles also set all link state to specified color.
 *
 * @section colors
 * @subsection white
 */
.wht, a.wht, .wht a, a.wht:visited, a.wht:hover , a.wht:focus, a.wht:active { color:#ffffff }

/**
 * These styles are used to set font color to different shades grey. These styles also set all link state to specified color.
 *
 * @section colors
 * @subsection grey color variations
 */
.lgr, a.lgr, .lgr a, a.lgr:visited, a.lgr:hover , a.lgr:focus, a.lgr:active { color: #F2F2F2; }
.mgr, a.mgr, .mgr a, a.mgr:visited, a.mgr:hover , a.mgr:focus, a.mgr:active { color: #636363; }/*999999*/
.wgr, a.wgr, .wgr a, a.wgr:visited, a.wgr:hover , a.wgr:focus, a.wgr:active { color: #333333; }
.gry, a.gry, .gry a, a.gry:visited, a.gry:hover , a.gry:focus, a.gry:active { color: #b2b2b2; }/*b2b2b2*/
.cgr, a.cgr, .cgr a, a.cgr:visited, a.cgr:hover , a.cgr:focus, a.cgr:active { color: #999999;} /*cccccc*/
.ngr, a.ngr, .ngr a, a.cgr:visited, a.ngr:hover , a.ngr:focus, a.ngr:active { color: #848484;}
.dgr, a.dgr, .dgr a, a.dgr:visited, a.dgr:hover , a.dgr:focus, a.dgr:active { color: #404040; }/*666666*/
.hgr, a.hgr, .hgr a, a.hgr:visited, a.hgr:hover , a.hgr:focus, a.hgr:active { color: #4c4c4c; }/*212121*/
.gry, a.gry, .gry a, a.gry:visited, a.gry:hover , a.gry:focus, a.gry:active { color: #b2b2b2; }/*b2b2b2*/
.lbl, a.lbl, .lbl a, a.lbl:visited, a.lbl:hover , a.lbl:focus, a.lbl:active { color: #111111; }


.ddgr, a.ddgr, .ddgr a, a.ddgr:visited, a.ddgr:hover , a.ddgr:focus, a.ddgr:active { color: #a9a9a9; }/*need for cat nav*/
.white .ddgr,.white  a.ddgr, .white .ddgr a, .white a.ddgr:visited, .white a.ddgr:hover , .white a.ddgr:focus, .white a.ddgr:active { color: #404040; }/*need for cat nav*/
/**
 * These styles are used to set font color to different shades green. These styles also set all link state to specified color.
 *
 * @section colors
 * @subsection green color variations
 */
.grn, a.grn, .grn a, a.grn:visited, a.grn:hover , a.grn:focus, a.grn:active { color: #9CF39F; }
.dgn, a.dgn, .dgn a, a.dgn:visited, a.dgn:hover , a.dgn:focus, a.dgn:active { color: #61c702; }
.hgn, a.hgn, .hgn a, a.hgn:visited, a.hgn:hover , a.hgn:focus, a.hgn:active { color: #1d6600; }

/**
 * These styles are used to set font color to different shades blue. These styles also set all link state to specified color.
 *
 * @section colors
 * @subsection blue color variations
 */
.blu, a.blu, .blu a, a.blu:visited, a.blu:hover , a.blu:focus, a.blu:active { color: #00bff3; }
.dbl, a.dbl, .dbl a, a.dbl:visited, a.dbl:hover , a.dbl:focus, a.dbl:active { color: #007491;}
.hbl, a.hbl, .hbl a, a.hbl:visited, a.hbl:hover , a.hbl:focus, a.hbl:active { color: #005f89;}
.cbl, a.cbl, .cbl a, a.cbl:visited, a.cbl:hover , a.cbl:focus, a.cbl:active { color: #003366; }

/**
 * These styles are used to set font color to different shades red. These styles also set all link state to specified color.
 *
 * @section colors
 * @subsection red color variations
 */
.org, a.org, .org a, a.org:visited, a.org:hover , a.org:focus, a.org:active { color: #ff6600;}
.prl, a.prl, .prl a, a.prl:visited, a.prl:hover , a.prl:focus, a.prl:active {color:#770052;}

/**
 * These styles are used to set font color to different shades black. These styles also set all link state to specified color.
 *
 * @section colors
 * @subsection black color variations
*/
.lbk, a.lbk, .lbk a, a.lbk:visited, a.lbk:hover , a.lbk:focus, a.lbk:active { color: #121212;}
.blk, a.blk, .blk a, a.blk:visited, a.blk:hover , a.blk:focus, a.blk:active { color: #000000;}

/**
 * These styles are used to set font color of elements located on white background. These styles also set all link state to specified color.
 *
 * @section colors
 * @subsection colors on white background
 */
.white .blu,.white a.blu, .white .blu a,.white a.blu:visited, .white a.blu:hover , .white a.blu:focus, .white a.blu:active { color: #186D94; }
.white .gry, .white a.gry, .white .gry a,.white a.gry:visited,.white a.gry:hover ,.white a.gry:focus,.white a.gry:active {color:#666666}
.white a.wht,.white a.wht:visited,.white a.wht:hover ,.white a.wht:focus,.white a.wht:active{ color: #666}
.white .sma_ban .wht{color:#fff}
.white .lgr,.white a.lgr:visited,.white a.lgr:hover ,.white a.lgr:focus,.white a.lgr:active{ color: #111111}

/**
 * These styles are used to different font styles (bold, uppercase, italic and others)
 *
 * @section font styles
 */
.thr, a.thr { text-decoration: line-through; }
.udl, a.udl { text-decoration: underline; }
.upr, a.upr { text-transform: uppercase; }
.bld, a.bld { font-weight:bold;}
.nml, a.nml { font-weight:normal;}
.ita, a.ita{font-style:italic;}
.cap, a.cap{text-transform:capitalize;}
.nud, a.nud { text-decoration:none; }

/**
 * These styles are used to set maximum height of the element.
 *
 * @section height limits
 * @subsection max heights
 */
.lmt_f130_2ln{max-height: 40px;_height: 40px;}
.lmt_f110_2ln {max-height: 38px;height: 38px;}
.lmt_f110_3ln {max-height: 56px;_height: 56px;}
.lmt_f110_4ln {max-height: 75px;_height: 75px;}
.lmt_f185_1ln {max-height: 30px;_height: 30px;}
.lmt_f185_2ln {max-height: 60px;_height: 60px;}
.lmt_f185_3ln {max-height: 90px;_height: 90px;}
.lmt_f185_4ln {max-height: 120px;_height: 120px;}
.fix_f250_2ln {height: 90px;}

/**
 * These classes are used to set different styles (color, text decoration, background color) for hovered and focused elements.
 *
 * @section hovers and focuses
 */
.hvr_udl:hover, a.hvr_udl:hover, .hvr_udl:focus, a.hvr_udl:focus { text-decoration: underline;cursor:pointer;*cursor:auto;}
.hvr_gry:hover, a.hvr_gry:hover, .hvr_gry:focus, a.hvr_gry:focus {color: #B2B2B2 !important; text-decoration: underline;}
.hvr_wht:hover, a.hvr_wht:hover, .hvr_wht:focus, a.hvr_wht:focus { color: #ffffff; cursor:pointer;}
.hvr_grn:hover, a.hvr_grn:hover, .hvr_grn:focus, a.hvr_grn:focus { color: #9CF39F; cursor:pointer;}
.fcs_grn:focus, a.fcs_grn:focus { color: #9CF39F; cursor:pointer;}
.hvr_ugr:hover, a.hvr_ugr:hover, .hvr_ugr:focus, a.hvr_ugr:focus { color: #F2F2F2 !important; text-decoration: underline; }
.hvr_ubl:hover, a.hvr_ubl:hover, .hvr_ubl:focus, a.hvr_ubl:focus { color: #00BFF3; text-decoration: underline; }
a:hover .hvr_nud{text-decoration:none;}
.hvr_bgc_gry:hover, a.hvr_bgc_gry:hover, .hvr_bgc_gry:focus, a.hvr_bgc_gry:focus { background-color: #2a2a2a; cursor: pointer;}

/**
 * These styles are used to set styles to right border of the element. All these styles set solid border in 1px.
 * For example:
 * .v1_wht sets 1px solid border with color #ffffff. wht means that that color of the border is white and v1 means that border is 1px width.
 *
 * @section separators and borders
 * @subsection right borders 1px width
 */
.v1_wht{ border-right:1px #ffffff solid ;}
.v1_gry{ border-right:1px #b2b2b2 solid;}
.v1_cgr{ border-right:1px #cccccc solid ;}
.v1_lgr{ border-right:1px #f2f2f2 solid;}
.v1_dgr{ border-right:1px #666666 solid ;}
.v1_hgr{ border-right:1px #212121 solid ;}
.v1_blk{ border-right:1px #000000 solid ;}
.v1_grn{ border-right:1px #9cf39f solid ;}
.v1_org{ border-right:1px #ff6600 solid ;}
.v1_lbk{ border-right:1px  #1e1e1e solid;}

/**
 * These styles are used to set styles to right border of the element. All these styles set solid border in 2px.
 * For example:
 * .v2_wht sets 2px solid border with color #ffffff. wht means that that color of the border is white and v1 means that border is 2px width.
 *
 * @section separators and borders
 * @subsection right borders 2px width
 */
.v2_wht{ border-right:2px #ffffff solid ;}
.v2_gry{ border-right:2px #b2b2b2 solid;}
.v2_cgr{ border-right:2px #cccccc solid ;}
.v2_lgr{ border-right:2px #f2f2f2 solid;}
.v2_dgr{ border-right:2px #666666 solid ;}
.v2_hgr{ border-right:2px #212121 solid ;}
.v2_blk{ border-right:2px #000000 solid ;}
.v2_grn{ border-right:2px #9cf39f solid ;}
.v2_org{ border-right:2px #ff6600 solid ;}

/**
 * These styles are used to set styles to bottom border of the element. All these styles set solid border in 1px.
 * For example:
 * .h1_wht sets 1px solid border with color #ffffff. wht means that that color of the border is white and h1 means that border is 1px width.
 *
 * @section separators and borders
 * @subsection bottom borders 1px width
 */
.h1_wht{ border-bottom:1px #ffffff solid;}
.h1_gry{ border-bottom:1px #b2b2b2 solid;}
.h1_cgr{ border-bottom:1px #cccccc solid ;}
.h1_lgr{ border-bottom:1px #f2f2f2 solid;}
.h1_dgr{ border-bottom:1px #666666 solid ;}
.h1_hgr{ border-bottom:1px #212121 solid ;}
.h1_blk{ border-bottom:1px #000000 solid ;}
.h1_grn{ border-bottom:1px #9cf39f solid ;}
.h1_org{ border-bottom:1px #ff6600 solid ;}
.h1_lbk{border-bottom:1px  #1e1e1e solid;}
.h1_dbk{border-bottom:1px  #111111 solid;}
.h1_lng{ border-bottom:1px #565658 solid;}
.h1_grr{ border-bottom:1px #505050 solid;}

/**
 * These styles are used to set styles to bottom border of the element. All these styles set solid border in 2px.
 * For example:
 * .h2_wht sets 2px solid border with color #ffffff. wht means that that color of the border is white and h1 means that border is 2px width.
 *
 * @section separators and borders
 * @subsection bottom borders 2px width
 */
.h2_wht{ border-bottom:2px #ffffff solid ;}
.h2_gry{ border-bottom:2px #b2b2b2 solid;}
.h2_cgr{ border-bottom:2px #cccccc solid ;}
.h2_lgr{ border-bottom:2px #f2f2f2 solid;}
.h2_dgr{ border-bottom:2px #666666 solid ;}
.h2_hgr{ border-bottom:2px #212121 solid ;}
.h2_blk{ border-bottom:2px #000000 solid ;}
.h2_grn{ border-bottom:2px #9cf39f solid ;}
.h2_org{ border-bottom:2px #ff6600 solid ;}

/**
 * These styles are used to set styles to bottom border of the element. All these styles set solid border in 2px.
 * For example:
 * .h3_wht sets 3px solid border with color #ffffff. wht means that that color of the border is white and h3 means that border is 3px width.
 *
 * @section separators and borders
 * @subsection bottom borders 3px width
 */
.h3_wht{ border-bottom:3px #ffffff solid ;}
.h3_gry{ border-bottom:3px #b2b2b2 solid;}
.h3_cgr{ border-bottom:3px #cccccc solid ;}
.h3_lgr{ border-bottom:3px #f2f2f2 solid;}
.h3_dgr{ border-bottom:3px #666666 solid ;}
.h3_hgr{ border-bottom:3px #212121 solid ;}
.h3_blk{ border-bottom:3px #000000 solid ;}
.h3_grn{ border-bottom:3px #9cf39f solid ;}
.h3_org{ border-bottom:3px #ff6600 solid ;}

/**
 * These styles are used to set styles to border from all sides of the element. All these styles set solid border in 1px.
 * For example:
 * .brd_wht sets 1px solid border with color #ffffff. wht means that that color of the border is white.
 *
 * @section separators and borders
 * @subsection borders from all sides 1px width
 */
.brd_wht{border: 1px solid #ffffff}
.brd_gry {border: 1px solid #b2b2b2}
.brd_cgr{border: 1px solid #cccccc}
.brd_lgr{border: 1px solid #f2f2f2}
.brd_dgr{border: 1px solid #666666}
.brd_hgr{border: 1px solid #212121}
.brd_blk{border: 1px solid #000000}
.brd_grn{border: 1px solid #9cf39f}
.brd_blu{border: 1px solid #0098C7}
.brd_org{border: 1px solid #ff6600}

/**
 * These styles are used to set styles to border from top of the element. All these styles set solid border in 1px.
 * For example:
 * .brd_top_wht sets 1px solid border with color #ffffff. wht means that that color of the border is white and top means that border is from top.
 *
 * @section separators and borders
 * @subsection top borders 1px width
 */
.brd_top_wht{border-top: 1px solid #ffffff}
.brd_top_gry{border-top: 1px solid #b2b2b2}
.brd_top_cgr{border-top: 1px solid #cccccc}
.brd_top_lgr{border-top: 1px solid #f2f2f2}
.brd_top_dgr{border-top: 1px solid #666666}
.brd_top_hgr{border-top: 1px solid #212121}
.brd_top_blk{border-top: 1px solid #000000}
.brd_top_grn{border-top: 1px solid #9cf39f}
.brd_top_blu{border-top: 1px solid #0098C7}
.brd_top_org{border-top: 1px solid #ff6600}
.brd_top_lbk{border-top:1px  #1e1e1e solid;}
.brd_rgt_wht{border-right: 1px solid #ffffff}
.brd_rgt_gry{border-right: 1px solid #b2b2b2}
.brd_rgt_cgr{border-right: 1px solid #cccccc}
.brd_rgt_lgr{border-right: 1px solid #f2f2f2}
.brd_rgt_dgr{border-right: 1px solid #666666}
.brd_rgt_hgr{border-right: 1px solid #212121}
.brd_rgt_blk{border-right: 1px solid #000000}
.brd_rgt_grn{border-right: 1px solid #9cf39f}
.brd_rgt_blu{border-right: 1px solid #0098C7}
.brd_rgt_org{border-right: 1px solid #ff6600}
.brd_btm_wht{border-bottom: 1px solid #ffffff}
.brd_btm_gry {border-bottom: 1px solid #b2b2b2}
.brd_btm_cgr{border-bottom: 1px solid #cccccc}
.brd_btm_lgr{border-bottom: 1px solid #f2f2f2}
.brd_btm_dgr{border-bottom: 1px solid #666666}
.brd_btm_hgr{border-bottom: 1px solid #212121}
.brd_btm_blk{border-bottom: 1px solid #000000}
.brd_btm_grn{border-bottom: 1px solid #9cf39f}
.brd_btm_blu{border-bottom: 1px solid #0098C7}
.brd_btm_org{border-bottom: 1px solid #ff6600}
.brd_btm_tip{border-bottom: 1px solid #454545;}
.brd_lft_wht{border-left: 1px solid #ffffff}
.brd_lft_gry {border-left: 1px solid #b2b2b2}
.brd_lft_cgr{border-left: 1px solid #cccccc}
.brd_lft_lgr{border-left: 1px solid #f2f2f2}
.brd_lft_dgr{border-left: 1px solid #666666}
.brd_lft_hgr{border-left: 1px solid #212121}
.brd_lft_blk{border-left: 1px solid #000000}
.brd_lft_grn{border-left: 1px solid #9cf39f}
.brd_lft_blu{border-left: 1px solid #0098C7}
.brd_lft_org{border-left: 1px solid #ff6600}

/**
 * These classes are used to set styles to bottom border of the element that is locatade in the element with class .white. All these styles set solid border in 1px.
 *
 * @section separators and borders
 * @subsection bottom borders 1px width on white background
 */
.white .h1_gry {border-bottom: 1px solid #999}
.white .h1_hgr {border-bottom: 1px solid #d7d7d7}

/**
 * @section backgrounds
 * @subsection top borders 1px width
 */
.content {background:#131313;}
.white .content {background:#F0F0F0}
.bg_lft_grd {background:url(/resource3/cleansheet/2013.10.29/i/gradient_right_grey_col.png) repeat-y scroll 0 0 transparent;}
.bg_top_grd {background:url(/resource3/cleansheet/2013.10.29/i/gradient_top_grey_col.png) repeat-x scroll 0 0 transparent;}

/**
 * Makes gradient work in IE, early versions of Chrome and Safari, Firefox < 4
 *
 * @affected IE, Crome, Safari, Firefox
 * @section gradients
 */
.bg_dgr_grd{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#373a3d, EndColorStr=#000000);background:-moz-linear-gradient(270deg,#373a3d,#000000);background: -webkit-gradient(linear, left top, left bottom, from(#373a3d), to(#000000));}

/**
 * @affected Safari, Opera
 * @section gradients
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.bg_dgr_grd{background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23373a3d%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23000000%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23gradient%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E);}
}

/**
 * Makes gradient work in IE, early versions of Chrome and Safari, Firefox < 4
 *
 * @affected IE, Crome, Safari, Firefox
 * @section gradients
 */
.bg_3_gry_grd{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#373a3d, EndColorStr=#000000);
background-image: -webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.05, rgb(30,30,30)),
    color-stop(0.52, rgb(53,56,60)),
    color-stop(0.96, rgb(30,30,30))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(30,30,30) 5%,
    rgb(53,56,60) 52%,
    rgb(30,30,30) 96%
);
}

/**
 * @affected Safari, Opera
 * @section gradients
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.bg_3_gry_grd{background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%225%25%22%20style%3D%22stop-color%3A%20%23373a3d%3B%22%2F%3E%3Cstop%20offset%3D%2252%25%22%20style%3D%22stop-color%3A%20%23000000%3B%22%2F%3E%3Cstop%20offset%3D%2296%25%22%20style%3D%22stop-color%3A%20%23373a3d%3B%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url(%23gradient)%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20%2F%3E%3C%2Fsvg%3E);}
}

/**
 * Makes gradient work in IE, early versions of Chrome and Safari, Firefox < 4
 *
 * @affected IE, Crome, Safari, Firefox
 * @section gradients
 */
.bg_lgr_grd{background-color:#373a3d;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#373a3d, EndColorStr=#222222);background:-moz-linear-gradient(270deg,#373a3d,#222222);background: -webkit-gradient(linear, left top, left bottom, from(#373a3d), to(#222222));}

/**
 * @affected Safari, Opera
 * @section gradients
 */

.bg_red_grd{
background: #363939; /* Old browsers */
background: -moz-linear-gradient(top, #363939 20%, #2E2122 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#363939), color-stop(100%,#2E2122)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #363939 20%,#2E2122 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #363939 20%,#2E2122 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #363939 20%,#2E2122 100%); /* IE10+ */
background: linear-gradient(top, #363939 20%,#2E2122 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363939', endColorstr='#2E2122',GradientType=0 ); /* IE6-9 */
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	.bg_lgr_grd{background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%23373a3d%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23222222%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23gradient%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E);}
}

/**
 * Makes gradient work in IE, early versions of Chrome and Safari, Firefox < 4
 *
 * @affected IE, Crome, Safari, Firefox
 * @section gradients
 */
.bg_gry_grd{background-color:#36393D;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#36393D, EndColorStr=#111111);background:-moz-linear-gradient(270deg,#36393D,#111111);background: -webkit-gradient(linear, left top, left bottom, from(#36393D), to(#111111));}

/**
 * @affected Safari, Opera
 * @section gradients
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.bg_gry_grd{background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%2336393D%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23111111%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23gradient%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E);}
}

/**
 * Declares gradients for elements located in element with class .white
 *
 * @section gradients
 */
.white .bg_gry_grd{background:none;filter:'';}
.white .bg_gry_grd{ background-color:#ffffff}


/**
 * Declares different backgrounds (colors or images)
 *
 * @section backgrounds
 */
.transparent{background-color:transparent !important}
.gray_result{background-color:#393a3c;}
.trans_result{background-color:#1c1c1e !important}
.bkg_mbl { background-color:#171918}
.bkg_dbl { background-color:#1C1C1C}
.bkg_65 {background: #131313 url(/resource3/cleansheet/2013.10.29/i/rgt_col_bg_left.png) repeat-x left top}
.bkg_35{background:#131313 url(/resource3/cleansheet/2013.10.29/i/lft_col_bg_left.png) repeat-x right top;}
.bkg_lgr {background: none repeat scroll 0 0 #2E3033;}
.bkg_dgr { background-color: #252525;}
.bkg_ggr { background-color: #373A3D;}
.bkg_ddg { background-color: #101010;}
.bkg_pns_blu { background: url(/resource3/cleansheet/2013.10.29/i/blue-gradient.gif) repeat-x scroll 0 0 #00556A;}
.bkg_acc {background: url(/resource3/cleansheet/2013.10.29/i/acc-bckgnd.jpg) repeat scroll 0 0 transparent;border-right: 1px solid #2A2A2A;}
.bkg_gtw_blu { background: url(/resource3/cleansheet/2013.10.29/i/finder_background.png) no-repeat scroll 0 0 transparent;}
.bkg_gtw_blk { background: url(/resource3/cleansheet/2013.10.29/i/promo_half_background.png) no-repeat scroll 0 0 transparent;}
.bkg_str_brd {background: url(/resource3/cleansheet/2013.10.29/i/background_results_story_board.jpg) repeat-y scroll 0 0 transparent;}
.white .bkg_65{background: #fff; margin-right:0;padding-right:0px;margin-bottom: -2000px;padding-bottom: 2000px;}
.white.bkg_65 {background: #fff; margin-right:0;padding-right:0px;margin-bottom: -2000px;padding-bottom: 2000px; _background: #131313 url(/resource3/cleansheet/2013.10.29/i/rgt_col_bg_left.png) repeat-x left top}
.white .bkg_35{background: #f0f0f0 url(/resource3/cleansheet/2013.10.29/i/rgt_col_bg_white_left.jpg) repeat-y left top;margin-left: 0; padding-left:0px;margin-bottom: -2000px;padding-bottom: 2000px;}
.white.bkg_35{background: #f0f0f0 url(/resource3/cleansheet/2013.10.29/i/rgt_col_bg_white_left.jpg) repeat-y left top;margin-left: 0; padding-left:0px;margin-bottom: -2000px;padding-bottom: 2000px;_background:transparent url(/resource3/cleansheet/2013.10.29/i/lft_col_bg_left.png) repeat-x right top; _margin-bottom:0px; _padding-bottom: 0px;}
.bkg_blk {zoom: 1;filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr = #373a3f, EndColorStr = #18191a);background: -moz-linear-gradient(center top, #2e3033, #18191A) repeat scroll 0 0 transparent;    background: -webkit-gradient(linear, left top, left bottom, from(#2e3033), to(#18191a));}
.bkg_row3, .bkg_gry, .bkg_gry2, .bkg_pns {background: url(/resource3/cleansheet/2013.10.29/i/category-bg.jpg) repeat-x scroll left top #131313;}
.bkg_dwn {zoom: 1;filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr = #3b3e40, EndColorStr = #343535);background: -moz-linear-gradient(top center, #3b3e40, #343535) repeat scroll 0 0 transparent;    background: -webkit-gradient(linear, left top, left bottom, from(#3b3e40), to(#343535));}
.bkg_row3_gty {background: url(/resource3/cleansheet/2013.10.29/i/category-bg-gry.jpg) repeat-x scroll left top #131313;}
.bkg_wht {background: #fff;}
.bkg_mgr {background: #353639;}
.bkg_cgr{background: #E6E6E6;}
.bkg_cgr_grd{background: url(/resource3/cleansheet/2013.10.29/i/tooltip-gradient.jpg) repeat-x scroll left top #E6E6E6;}
.bg_gry_cmp{background:-moz-linear-gradient(270deg, #28292A, #2F3032) repeat scroll 0 0 transparent;}
.bkg_orn_grd{background: url(/resource3/cleansheet/2013.10.29/i/products_sprite.gif) repeat-x scroll 0 -1085px;}
.bkg_gry{background: #2E2F33;}
.hvr_lgr:hover {background: #424348;}
.hvr_ggr:hover {background: #494a4e; color:#ffffff;}
.hvr_m0_lgr {margin:0px;display:block}
.hvr_m0_lgr:hover, .hvr_m0_lgr:focus {background: #424348;}
.bkg_off {background: url(/resource3/cleansheet/2013.10.29/i/column-off.png) repeat scroll 0 20% transparent;}
.bkg_cnt {background: url(/resource3/cleansheet/2013.10.29/i/acc-bckgnd.jpg) repeat scroll 0 0 transparent;}
.bkg_gtw {background: url(/resource3/cleansheet/2013.10.29/i/gateway-bg-cells.gif) repeat-x scroll 0 0 transparent;}
.brd_gtw {background: url(/resource3/cleansheet/2013.10.29/i/column-off.png) no-repeat scroll right 65% transparent}
.bkg_sdw_btt { background: url(/resource3/cleansheet/2013.10.29/i/Software-Gateway_QA_BottomShadow_01.gif) bottom repeat-x scroll  transparent;}
.bkg_sdw_lft { background: url(/resource3/cleansheet/2013.10.29/i/Software-Gateway_QA_LeftandRightShadows_01.gif) left repeat-y scroll  transparent;}
.bkg_sdw_rgt { background: url(/resource3/cleansheet/2013.10.29/i/Software-Gateway_QA_LeftandRightShadows_01.gif) right repeat-y scroll  transparent;}
.bkg_gtw_tbl{background: url(/resource3/cleansheet/2013.10.29/i/featured_bkgd.png)  repeat-x scroll  transparent;}
.bkg_t {background: url(/resource3/cleansheet/2013.10.29/i/category-bg.jpg) repeat-x scroll left top #131313;}
.bkg_err{background: -moz-linear-gradient(center top , #363939 0%, #2E2122 100%, #3B3B3B 150%)}
/**
 * Makes gradient work in IE, early versions of Chrome and Safari, Firefox < 4
 *
 * @affected IE, Crome, Safari, Firefox
 * @section gradients
 */
.bg_mgr_grd{background-color:#36393C;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#36393C, EndColorStr=#131312);background:-moz-linear-gradient(270deg,#36393C,#131312);background: -webkit-gradient(linear, left top, left bottom, from(#36393C), to(#131312));}

/**
 * Makes gradient work in Opera and Safari
 *
 * @affected Opera, Safari
 * @section gradients
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.bg_mgr_grd{background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20style%3D%22stop-color%3A%20%2336393C%3B%22/%3E%3Cstop%20offset%3D%22100%25%22%20style%3D%22stop-color%3A%20%23131312%3B%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url%28%23gradient%29%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20/%3E%3C/svg%3E);}
}

/**
 * Declares width and height of the images (or any other element actually)
 * For example:
 * img_58_102 sets height to 58px and width to 102px
 *
 * @section images
 * @subsection images width and height
 */
.img_58_102{height:58px; width:102px;}
.img_48_70{height:48px; width:70px;}

/**
 * Styles applied for icons (sets background positions)
 *
 * @section images
 * @subsection icons background positions
 */
.icn_dta, .icn_spec, .icn_house, .icn_bubble, .icn_tip, .icn_gear, .icn_contact, .icn_film , .icn_shr, .arr_sqr,.icn_tlk, .icn_con_sls, .icn_rsl, .icn_biz_sup, .icn_nwl, .icn_pge, .icn_sbs, .icn_film_blu {background:transparent url(/resource3/cleansheet/2013.10.29/i/doc_icn_sprite.gif) no-repeat ;  padding-left:20px; }
.icn_dta_nos {background:transparent url(/resource3/cleansheet/2013.10.29/i/icn_pdf.gif) no-repeat ;  padding-left:20px; }
.icn_film_r {background:transparent url(/resource3/cleansheet/2013.10.29/i/doc_icn_sprite.gif) no-repeat ;  padding-right:20px; }
.icn_film_blu {background-position: left -1178px;}
.icn_no{height:17px; padding-left:20px;}
.icn_no_frh { padding-left:20px;}
.icn_device {background: url(/resource3/cleansheet/2013.10.29/i/device.gif) no-repeat; padding-left: 20px;} 

/**
 * Styles applied for icons (sets background positions to left)
 *
 * @section images
 * @subsection icons background positions (left)
 */
.icn_dta{background-position: left -41px; }
.icn_spec {background-position: left 4px;}
.icn_house {background-position: left -142px; }
.white .icn_house {background-position: left -92px;}
.icn_house:hover {background-position: left -92px;}
.icn_bubble {background-position: left -235px;}
.white .icn_bubble {background-position: left -190px;}
.hvr_icn_bubble:hover {background-position: left -190px;}
.icn_tip {background-position: left -326px;}
.white .icn_tip {background-position: left -281px;}
.hvr_icn_tip:hover {background-position: left -281px;}
.icn_gear {background-position: left -427px;}
.white .icn_gear {background-position: left -377px;}
.hvr_icn_gear:hover {background-position: left -377px;}
.icn_contact {background-position: left -526px;}
.white .icn_contact {background-position: left -476px;}
.hvr_icn_contact:hover {background-position: left -476px;}
.icn_print {background-image: url(/resource3/cleansheet/2013.10.29/i/print_icn.gif); background-color:transparent; background-position: left 0; background-repeat: no-repeat;padding-left:15px;}
.icn_tlk {background-position: left -937px; }
.icn_con_sls {background-position: left -977px;}
.icn_rsl {background-position: left -1017px; }
.icn_biz_sup {background-position: left -1057px;}
.icn_nwl {background-position: left -1105px; }


.icn_bgr,.icn_fcb,.icn_twt,.icn_rss { display:inline-block; line-height:25px !important; background:transparent url(/resource3/cleansheet/2013.10.29/i/social_rr.gif) no-repeat ;  padding-left:35px;}
.icn_sm_1,.icn_sm_2,.icn_sm_3,.icn_sm_4 { display:inline-block; line-height:25px !important; background:transparent url(/resource3/cleansheet/2013.10.29/i/social_rr.gif) no-repeat ;  padding-left:35px;}
.icn_sm_bgr,.icn_sm_fcb,.icn_sm_twt,.icn_sm_rss,.icn_sm_cmt,.icn_sm_flk,.icn_sm_lkn,.icn_sm_msp,.icn_sm_shr,.icn_sm_ssh, .icn_sm_ytb{ display:inline-block; line-height:20px !important; background:transparent url(/resource3/cleansheet/2013.10.29/i/social_sm_rr.gif) no-repeat ;  padding-left:35px;}

/**
 * Styles applied for icons (sets background positions to the left)
 *
 * @section images
 * @subsection icons background positions
 */
.icn_bgr { background-position: left 0px; }
.icn_fcb { background-position: left -60px; }
.icn_twt { background-position: left -120px; }
.icn_rss { background-position: left -180px; }
.icn_sm_1 { background-position: left 0px; }
.icn_sm_2 { background-position: left -60px; }
.icn_sm_3 { background-position: left -120px; }
.icn_sm_4 { background-position: left -180px; }
.icn_sm_bgr { background-position: left 0px; }
.icn_sm_cmt { background-position: left -40px; }
.icn_sm_fcb { background-position: left -80px; }
.icn_sm_flk { background-position: left -120px; }
.icn_sm_lkn { background-position: left -160px; }
.icn_sm_msp { background-position: left -200px; }
.icn_sm_rss { background-position: left -240px; }
.icn_sm_shr { background-position: left -280px; }
.icn_sm_ssh { background-position: left -320px; }
.icn_sm_twt { background-position: left -360px; }
.icn_sm_ytb { background-position: left -400px; }
.icn_chk_box{background-image: url(/resource3/cleansheet/2013.10.29/i/checkbox_blue.gif);background-position: left center; background-repeat: no-repeat; padding-left:7px;}
.icn_rtg_str{background-image: url(/resource3/cleansheet/2013.10.29/i/ratingstars.png); background-position:center; background-repeat: no-repeat; padding-left:54px;}
.icn_shr {background-position: left -583px; padding-left:20px;}
.icn_film{background-position: left -681px;}
.icn_film_r{background-position: right -681px;}
.icn_pge{background-position:left -791px}
.icn_quote{background:url(/resource3/cleansheet/2013.10.29/i/big_quote_left.gif) no-repeat scroll left  0 transparent;display:inline; padding-left:20px}
.icn_com{	background-image: url(/resource3/cleansheet/2013.10.29/i/icon_community_15x15.png);   background-position: left center;   background-repeat: no-repeat;    padding-left: 15px;}
.icn_new{background-image: url(/resource3/cleansheet/2013.10.29/i/icon_enewsletter_15x15.png);   background-position: left center;  background-repeat: no-repeat;  padding-left: 15px;}
.flag {background: url(/resource3/cleansheet/2013.10.29/i/footer/flag.png) no-repeat scroll left center transparent;}
.arr_sqr{background-position: right -636px; display:inline-block; padding:0; padding-right:20px; _padding-left: 2px;}
.arr_wht_src, .arr_blu_r, .arr_blu, .cat_exp .exp a.cat, .cat_exp li a.cat, .arr_wht, .arr_wht_rgt,.arr_wht_u,.arr_wht_u_l, .arr_wht_u_rvw , .arr_wht_dwn,.arr_gry_r ,.arr_gry_l, .arr_gry_dwn, .arr_gry_r_l, .arr_dgn_r_l, .arr_wht_dwn_c{background: url(/resource3/cleansheet/2013.10.29/i/icns_arrows_left.gif) no-repeat scroll right center transparent;}
.arr_gry_dwn{ background-position: left -306px; padding-left: 15px;}
.arr_gry_dwn:hover{background-position: left -179px; padding-left: 15px;}

/**
 * Styles applied for icons (sets background positions to the right). These styles also add padding from right.
 *
 * @section images
 * @subsection icons background positions (right) with padding-right
 */
.arr_wht_rgt {background-position: right -140px;padding-right:12px; _padding-left:2px; display:inline-block; }
.arr_wht_dwn { background-position: right -180px; padding-right: 20px;}
.arr_wht_dwn_c { background-position: center -175px; padding-right: 20px;}
.arr_wht_u { background-position: right -225px; padding-right: 20px;}
.arr_wht_u_rvw { background-position: right -220px; padding-right: 24px;}
.arr_wht_u_l{ background-position: right -225px; padding-right: 75px;}
.arr_wht_src {background-position: right -136px; padding-right: 10px;}
.arr_blu {background-position:right -40px; padding: 0; padding-right:10px; _padding-left:2px; display:inline-block; _padding-right:10px!important}
.arr_blu_r{background-position:right -33px; padding: 0; padding-right:13px; _padding-left:2px; display:inline-block}
.f85_blu.arr_blu,.f85_up_blu.arr_blu, .f90_blu.arr_blu {background-position:right -41px;  padding: 0; padding-right:13px; _padding-left:2px; display:inline-block}
.arr_gry_r {background-position: right 6px; padding-right: 6px;}
.f90.arr_gry_r {background-position: right 4px; padding-right: 15px;}
.f90.arr_gry_r_l {background-position: left 4px; padding-left: 15px;}
.f90.arr_gry_r_l:hover {background-position: left -141px; padding-left: 15px;}
.f90.arr_dgn_r_l {background-position: left -445px; padding-left: 15px;}
.f90.arr_dgn_r_l:hover {background-position: left -141px; padding-left: 15px;}
.f100.arr_gry_r {background-position: right 6px; padding-right: 15px;}
.f135.arr_wht_rgt{background-position:right -137px; padding-right:6px; _padding-right:5px;}
.arr_gry_l {background-position: left -260px; padding-left: 15px;}
.arr_gry_dwn_rgt_sht,.arr_wht_up,.arr_wht_up_lng , .arr_gry_dwn_lft, .arr_gry_dwn_rgt, .arr_gry_up_lft, .arr_gry_up_rgt, .arr_gry_rgt, .arr_gry_lft, .arr_grn_dwn, .arr_blu_dwn, .arr_gry_r_top {background: url(/resource3/cleansheet/2013.10.29/i/icns_arrows_left.gif) no-repeat scroll right center transparent;}
.arr_wht_up { background-position: right -225px; padding-right: 20px;}
.arr_wht_up_lng{ background-position: right -225px; padding-right: 75px;}
.arr_gry_rgt {background-position: right 8px;padding-right: 12px;}
.f90.arr_gry_rgt {background-position: right 4px;padding-right: 12px;}
.f100.arr_gry_rgt {background-position: right 6px;padding-right: 12px;}

/**
 * Styles applied for icons (sets background positions to the left). These styles also add padding from left.
 *
 * @section images
 * @subsection icons background positions (left)
 */
.arr_gry_lft {background-position: left -260px; padding-left: 15px;}
.arr_gry_dwn_lft{background-position: left -305px; padding-left: 15px;}
.arr_gry_dwn_rgt{background-position: 95% -302px; padding-right: 15px !important;}
.arr_gry_up_lft{background-position: left -348px; padding-left: 15px;}

/**
 * Styles applied for icons (sets background positions to the right). These styles also add padding from right.
 *
 * @section images
 * @subsection icons background positions (right)
 */
.arr_gry_up_rgt{background-position: right -348px; padding-right: 15px;}
.white .arr_gry_up_rgt{background-position: right -496px; padding-right: 15px;}
.arr_gry_dwn_rgt_sht{background-position: right -305px; padding-right: 6px;}
.arr_blu_dwn {background-position: right -582px;padding-right:15px;}

/**
 * Styles applied for icons (sets background positions to the left). These styles also add padding from left.
 *
 * @section images
 * @subsection icons background positions (left)
 */
.arr_wht{ background-position:left -141px; padding:0; padding-left:13px; }
.arr_wht.lnh23{ background-position: left -136px; padding:0; padding-left:13px;}
.opened .arr_wht{ background-position:left -179px; padding:0; padding-left:13px;  }
.arr_grn_dwn {background-position: 0 -85px}

/**
  * Styles applied for icons (sets background positions to the right).
 *
 * @section images
 * @subsection icons background positions (right)
 */
.icn_pls_l_dbl, .icn_pls, .icn_mns, .icn_pls_drk, .icn_mns_drk, .icn_pls_l, .icn_mns_l, .icn_pls_l_drk, .icn_mns_l_drk, .icn_mns_r_drk, .icn_pls_blue, .icn_mns_blue, .icn_minus, .prg_dsc_prd dt .icn_pls_l_drk, .prg_dsc_prd dt .opened .icn_pls_l_drk, .prg_dsc_prd dt .icn_pls_r_drk, .prg_dsc_prd dt .opened .icn_pls_r_drk{background: url(/resource3/cleansheet/2013.10.29/i/plus_minus_grey.gif) no-repeat scroll right 0 transparent;}
.icn_pls,.icn_mns,.icn_pls_drk,.icn_mns_drk{display:inline-block; padding:0; padding-right:23px}
.icn_pls{background-position:right -60px;}
.icn_mns{background-position:right -90px;}
.icn_pls_drk{background-position:right -30px;}
.icn_mns_drk{background-position:right 0;}


/**
 * Styles applied for icons (sets background positions to the left).
 *
 * @section images
 * @subsection icons background positions (left)
 */
.icn_pls_blue { background-position: left -490px; }
.icn_mns_blue { background-position: left -525px; }
.icn_pls_l_dbl{ background-position: left -734px; padding:0 0 0 23px}
.opened .icn_pls_l_dbl{ background-position: left -775px; }
.icn_minus {-moz-background-clip: border;-moz-background-origin: padding;-moz-background-size: auto auto;background-attachment: scroll;background-position:right -0px;padding-right: 30px;}
.icn_pls_blue,.icn_mns_blue,.icn_pls_l,.icn_mns_l,.icn_pls_l_drk,.icn_mns_l_drk,.icn_prn,.icn_sbs,.icn_d_sbs{display:inline-block; padding:0; padding-left:23px}
.icn_mns_r_drk{display:inline-block; padding:0; padding-right:23px}
.icn_pls_l{background-position:left -60px;}
.icn_mns_l{background-position:left -90px;}
.icn_pls_l_drk{background-position:left -30px;}
.icn_mns_l_drk{background-position:left 0px;}
.icn_pls_l_dbl.icn_drk_blu{background: url(/resource3/cleansheet/2013.10.29/i/plus_drk_blue.gif) no-repeat scroll left 0 transparent;}
.opened .icn_pls_l_dbl.icn_drk_blu{background: url(/resource3/cleansheet/2013.10.29/i/minus_drk_blue.gif) no-repeat scroll left 0 transparent;}
/**
 * Styles applied for icons (sets background positions to the right).
 *
 * @section images
 * @subsection icons background positions (left)
 */
.icn_pls_r_drk{background-position:right -30px;}
.icn_mns_r_drk{background-position:right -0px;}

/**
 * Styles applied for icons (sets background positions to the right). These styles also add padding from right.
 *
 * @section images
 * @subsection icons background positions (left)
 */
.icn_mns_l_drk{background-position:left -0px;}
.icn_pls_l_drk{background-position:left -0px;}
.icn_prn{background-position: left -794px;}
.icn_sbs{background-position: left -838px;}
.icn_d_sbs{background-position: left -890px;}
.white .icn_mns_l_drk { background-position: left -525px; }
.white .icn_pls_l_drk { background-position: left -490px; }

/**
 * Styles applied for icons (sets background positions to the right). These styles also add margin from all sides, set padding to 0 and set width to 18px.
 *
 * @section images
 * @subsection icons background positions (right) on white background
 */
.white .icn_pls_drk { background-position:right -490px; margin-left:5px; padding:0; width:18px;}
.white .icn_mns_drk {background-position:right -525px; margin-right:1px; padding:0; width:18px; }
.white .js_prg_dsc_exp .icn_pls_drk {background-position:right -565px; margin-left:1px; padding:0; width:18px;}
.white .js_prg_dsc_clp .icn_mns_drk {background-position:right -605px; margin-left:5px; padding:0; width:18px;}
.white .disabled .icn_pls_drk {background-position:right -650px; margin-left:5px; padding:0; width:18px;}
.white .disabled .icn_mns_drk {background-position:right -695px; margin-right:1px; padding:0; width:18px;}

/**
 * Styles applied for icons (sets background positions to the left).
 *
 * @section images
 * @subsection icons background positions (left)
 */
.icn_fb, .icn_tw, .icn_ms, .icn_dl, .icn_ml {background-image:url(/resource3/cleansheet/2013.10.29/i/share_icns.gif);background-repeat: no-repeat; background-color: transparent;}
.icn_fb, .icn_tw, .icn_ms , .icn_dl, .icn_ml {padding-left:22px}
.icn_fb{background-position: left 0px}
.icn_tw{background-position: left -30px}
.icn_ms {background-position: left -60px}
.icn_dl{background-position: left -90px}
.icn_ml {background-position: left -115px}
.dot_gry {background-image: url(/resource3/cleansheet/2013.10.29/i/bullets_dot.gif); background-position: left 5px; background-repeat: no-repeat;padding-left:20px;}
.dot_blk{background-image: url(/resource3/cleansheet/2013.10.29/i/bullets_circle.gif); background-position: left 5px; background-repeat: no-repeat;list-style-type: none;padding: 0 0px 0 10px;}
.arr_blu_r a:visited{color:#b2c1e1;text-decoration:none;}

/**
 * Styles applied for buttons to set margins to them.
 *
 * @section buttons
 * @subsection margins
 */
 /*new*/
.btn_shr; .btn_hgr_grn; .btn_blu_rvw, .btn_ulr, .btn_lgr, .btn_blu, .btn_gry_big, .btn_dgr, .btn_hgr, .btn_err , .btn_ugr, .btn_prl{margin: 0 6px 6px 0;}
.btn_urr{margin: 0 0px 6px -7px; _margin: 0 0px 6px -3px; *margin: 0 0px 6px -3px;}

/**
 * Styles applied to the buttons to set font styles and line heights to button elements
 *
 * @section buttons
 * @subsection font styles and line heights
 */
.btn_err input,.btn_err button, .btn_hgr_grn input,.btn_hgr_grn button,.btn_blu_rvw input, .btn_blu_rvw button, .btn_dgr input,.btn_dgr button,.btn_cgr input,.btn_cgr button,.btn_blu input,.btn_blu button,.btn_gry_big input,.btn_gry_big button,.btn_hgr input,.btn_hgr button,.btn_lgr input,.btn_lgr button,.btn_ugr input,.btn_ugr button {border:none; font-size:85%; text-transform:uppercase; cursor:pointer;*padding-left:0 !important;*padding-right:0 !important;}
.btn_err input,.btn_err button, .btn_blu_rvw input, .btn_blu_rvw button, .btn_dgr input,.btn_dgr button,.btn_cgr input,.btn_cgr button,.btn_blu input,.btn_blu button,.btn_gry_big input,.btn_gry_big button,.btn_hgr input,.btn_hgr button,.btn_ugr input,.btn_ugr button{height:23px; line-height:23px; }
.btn_lgr input,.btn_lgr button{height:19px; line-height:19px;}

/**
 * Describes background and padding from all sides of the pagination box
 *
 * @section pagination box
 */
.format_box .pgn_cnt{
padding:3px;
background: url(/resource3/cleansheet/2013.10.29/i/pagination_cnt.gif) transparent repeat-x scroll 0 0;
}

/**
 * Describes background of pagination box
 *
 * @section pagination box
 */
.format_box .pgn_cnt .bg_right, .format_box .pgn_cnt .bg_left, .format_box .pgn_cnt .bg_center{
background: url(/resource3/cleansheet/2013.10.29/i/pagination_sprite_cnt.gif) no-repeat scroll;
}
.format_box .pgn_cnt .bg_left{
	background-position: 0 0px;

}
.format_box .pgn_cnt .bg_center{
	background-position:0 -29px;
	background-repeat:repeat-x;
}
.format_box .pgn_cnt .bg_right{
	background-position: 0 -58px;
	background-repeat:no-repeat;
}

/**
 * Describes background position and dimensions of pagination box
 *
 * @section pagination box
 */
.format_box .pgn_bck, .format_box .pgn_bck:hover {
	background-position:-23px -139px;
	height:24px;
	width:22px;
}
.format_box .pgn_fwd, .format_box .pgn_fwd:hover {
	background-position:-47px -139px;
    height:24px;
	width:22px;
}

/**
 * Describes background image and padding from the left of asterisk icon
 *
 * @section asterisk
 */
.asrisk_1, .asrisk_2 {
background: url(/resource3/cleansheet/2013.10.29/i/search_content_results_sprite1.gif) no-repeat scroll left transparent;
padding-left:18px;
}

/**
 * Describes background position of asterisk icon
 *
 * @section asterisk
 */
.asrisk_1 {
	background-position: 0 -154px;
}
.asrisk_2 {
	background-position: 0 -216px;
}

/**
 * Describes background and font styles for graph buttons
 * Unused. Should be removed.
 *
 * @section graph button
 */
.graph_btn {
    background: url(/resource3/cleansheet/2013.10.29/i/search_content_results_sprite2.gif) no-repeat scroll 0 -41px transparent;
    color: #FFFFFF;
    font-family: futura md,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.graph_btn .bg_center {
    background: url(/resource3/cleansheet/2013.10.29/i/search_content_results_sprite2.gif) repeat-x scroll 0 -82px transparent;
    float: left;
    height: 21px;
    margin-left: 2px;
    padding: 2px 11px 0;
    width: auto;
}
.graph_btn .bg_right {
    background: url(/resource3/cleansheet/2013.10.29/i/search_content_results_sprite2.gif) no-repeat scroll 0 0 transparent;
    float: left;
	height:21px;
    padding-right: 3px;
}
.graph_btn {
    float: right;
    margin: 7px 0 7px 7px;
    text-decoration: none;
}

/**
 * Describes float and clear from both sides of the graph button
 *
 * @section pagination box
 */
.graph_btn .temp{
float: none; clear: both;
}


/**
* 13 degree background
* @section buttons
*/
.13degree_bkg
{
    background-color: #35383C;
    background-image: url(/resource3/cleansheet/2013.10.29/i/top13degree_v2.png);
    background-repeat: no-repeat;
    min-height: 520px;
    width: 1000px;
}

/**
 * Describes pagination background on white background
 *
 * @section buttons
 */
.white .pgn{
background-color: #FFFFFF;
}

/**
 * These styles set border radius for buttons
 *
 * @section buttons
 * @subsection rounded corners
 */
.btn_chr_c {-moz-border-radius: 3px; border-radius: 3px !important;}
.btn_ulr .btn_chr_c{-moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px;}
.btn_urr .btn_chr_c{-moz-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px;}

/**
 * These styles set bold font style for buttons
 *
 * @section buttons
 * @subsection bold
 */
/*new*/
 .btn_shr a, .btn_err a, .btn_hgr_grn a , .btn_blu_rvw a, .btn_lgr a,.btn_ulr a,.btn_blu a,.btn_gry_big a,.btn_dgr a,.btn_hgr a,.btn_ugr a, .btn_urr a , .btn_grn a{font-weight: bold; }
.btn_err input, .btn_blu_rvw input, .btn_lgr input,.btn_blu input,.btn_gry_big input,.btn_dgr input,.btn_hgr input,.btn_ugr input, .btn_urr input,.btn_lgr button,.btn_blu button,.btn_gry_big button,.btn_dgr button,.btn_hgr button,.btn_ugr button, .btn_urr button {font-weight: bold; }

/**
 * These styles set uppercase font style for buttons
 *
 * Text transform uppercase
 * @section buttons
 */
.btn_shr a, .btn_err a, .btn_hgr_grn a,.btn_blu_rvw a,.btn_lgr a,.btn_ulr a,.btn_blu a,.btn_gry_big a,.btn_dgr a,.btn_hgr a,.btn_ugr a, .btn_urr a, .btn_grn a {text-transform: uppercase;}

/**
 * These styles set cursor to pointer for buttons
 *
 * cursor pointer
 * @section buttons
 */
.btn_shr a, .btn_err a, .btn_hgr_grn a, .btn_blu_rvw a, .btn_lgr a,.btn_ulr a,.btn_blu a,.btn_gry_big a,.hand,.btn_dgr a,.btn_hgr a,.btn_ugr a, .btn_urr a, .btn_prl a {cursor: pointer;}
.crs_dft, .btn_grn a { cursor:default;}

/**
 * These styles remove font decoration for buttons
 *
 * text decoration none
 * @section buttons
 */
.btn_shr a, .btn_err a, .btn_hgr_grn a, .btn_blu_rvw a, .btn_lgr a,.btn_ulr a,.btn_blu a,.btn_lgr a,.btn_blu a,.btn_gry_big a ,.btn_dgr a,.btn_hgr a ,.btn_ugr a, .btn_urr a, .btn_prl a , .btn_grn a {text-decoration:none}

/**
 * These styles set line height for buttons text
 *
 * @section buttons
 * @subsection buttons line heights
 */
.btn_lgr a {line-height: 19px;}
.btn_err a, .btn_hgr_grn a, .btn_blu_rvw a, .btn_dgr a,.btn_ulr a,.btn_blu a,.btn_hgr a,.btn_ugr span,.btn_ugr a, .btn_urr span, .btn_urr a, .btn_prl a, .btn_grn a {line-height: 23px;}
.btn_gry_big a { line-height: 26px; _line-height: 14px;}
.btn_shr span {line-height: 21px;} /*new*/
.light .btn_shr span {line-height: 19px; line-height: 19px\9;} /*new*/

/**
* These classes are used to set common buttons font size
*
* @section buttons
* @subsection button font size
*/
.btn_shr a, .btn_err a, .btn_blu_rvw a, .btn_lgr a,.btn_ulr a,.btn_blu a,.btn_gry_big a,.btn_dgr a,.btn_hgr a,.btn_ugr a, .btn_urr a, .btn_prl a,  .btn_grn a{font-size: 85%;}

/**
* These classes are used to set buttons font colors on white background
*
* @section buttons
* @subsection buttons font colors
*/
/*.btn_hgr_grn a,*/ .btn_err a, .btn_lgr span,.btn_blu span,.btn_lgr a,.btn_blu a,.btn_dgr span, .btn_dgr a,.btn_hgr a, /*.btn_hgr span,*/ .btn_prl span {color:#ffffff}
.btn_shr a, .btn_gry_big a {color: #00BFF3; }
.btn_blu_rvw a, .btn_blu_rvw span, .btn_dgr a,.btn_ulr a,.btn_ugr span,.btn_ugr a,.btn_urr span,.btn_urr a  {color:#f2f2f2;}
.btn_dgr a:hover span, .btn_dgr a:focus span { color:#d7d7d7; }
.btn_grn a{color: #000;}

/**
* These classes are used to set common buttons paddings
*
* @section buttons
* @subsection buttons paddings
*/

.btn_shr .btn_chrm_l, .btn_err .btn_chrm_l, .btn_blu_rvw .btn_chrm_l, .btn_grn .btn_chrm_l, .btn_hgr_grn .btn_chrm_l, .btn_hgr .btn_chrm_l, .btn_lgr .btn_chrm_l, .btn_blu .btn_chrm_l, .btn_gry_big .btn_chrm_l, .btn_cgr .btn_chrm_l, .btn_dgr .btn_chrm_l, .btn_ugr .btn_chrm_l, .btn_prl .btn_chrm_l {padding-left: 0px; padding-left: 5px\9;}
.btn_shr .btn_chrm_r, .btn_err .btn_chrm_r, .btn_blu_rvw .btn_chrm_r, .btn_grn .btn_chrm_r, .btn_hgr_grn .btn_chrm_r,.btn_hgr .btn_chrm_r, .btn_lgr .btn_chrm_r, .btn_blu .btn_chrm_r, .btn_gry_big .btn_chrm_r, .btn_cgr .btn_chrm_r, .btn_dgr .btn_chrm_r, .btn_ugr .btn_chrm_r, .btn_prl .btn_chrm_r {padding-right: 0px; padding-right: 5px\9;}
.btn_ulr .btn_chrm_l {padding-left: 0px; padding-left: 3px\9;}
.btn_urr .btn_chrm_r {padding-right: 0px; padding-right: 3px\9;}

.btn_chr_c {padding:0 15px; padding:0 10px\9;}
.btn_ulr .btn_chr_c, .btn_urr .btn_chr_c { background-color: #303032;padding: 0 3px;background-repeat: no-repeat;display: inline-block;}
.btn_gry_big .btn_chr_c {padding: 0 10px 0 10px; _padding: 7px 5px 7px 5px;}
.btn_tnp .btn_chr_c{padding:0;padding-right: 10px; }
.btn_blu_rvw .btn_chr_c {padding:5px 36px; *padding:2px 35px;}
/*new*/
.btn_shr .btn_chr_c {padding: 0 10px 0 5px; _padding: 7px 5px 7px 0px;}
/**
* These classes are used to set buttons background positions
*
* @section buttons
* @subsection background positions
*/
.btn_ulr .btn_chrm_l {background-position:0 -832px ;}
.btn_urr .btn_chrm_r {background-position: right -865px;}
.btn_blu .btn_chrm_l {background-position:0 -352px ;}
.btn_blu .btn_chrm_r {background-position: right -385px;}
.btn_lgr .btn_chrm_l {background-position: 0 -215px;}
.btn_lgr .btn_chrm_r {background-position: right -186px; }
.btn_hgr .arr_wht_rgt{background-position:right -136px}
.btn_gry_big .btn_chrm_l {background-position: 0 -244px;}
.btn_gry_big .btn_chrm_r {background-position: right -316px;}
.btn_dgr .btn_chrm_l {background-position: 0 -244px;}
.btn_dgr .btn_chrm_r {background-position: right -316px;}
.btn_hgr .btn_chrm_l, .btn_hgr_grn .btn_chrm_l {background-position:0 -634px ;}
.btn_hgr .btn_chrm_r, .btn_hgr_grn .btn_chrm_r {background-position: right -667px;}
.btn_ugr .btn_chrm_l {background-position:0 -832px ;}
.btn_ugr .btn_chrm_r {background-position: right -865px;}
.btn_cgr .btn_chrm_l {background-position:0 -964px ;}
.btn_cgr .btn_chrm_r {background-position: right -997px;}
.btn_blu_rvw .btn_chrm_l {background-position:0 -1247px ;}
.btn_blu_rvw .btn_chrm_r {background-position: right -1285px;}
.btn_err .btn_chrm_l {background-position:0 -1464px;}
.btn_err .btn_chrm_r {background-position: right -1497px;}

.btn_shr .btn_chrm_l {background-position:0 -1596px;} /*new*/
.btn_shr .btn_chrm_r {background-position: right -1627px;}/*new*/
.light .btn_shr .btn_chrm_l {background-position:0 -1720px;} /*new*/
.light .btn_shr .btn_chrm_r {background-position: right -1751px;}/*new*/

/* fix HPUI-356*/
.btn_dgr a{line-height:26px}

/**
* These classes are used to set display style to inline-block.
*
* display inline-block;
* @section buttons
*/
.btn_chrm_l, .btn_chrm_r, .btn_chr_c {display: inline-block;}

/**
* These classes are used to set  background-repeat style to no-repeat
*
* @section buttons
* @subsection backgroundt
*/
.btn_chrm_l, .btn_chrm_r, .btn_chr_c { background-repeat: no-repeat;}

/**
* These classes are used to set buttons backgrounds
*
* @section buttons
* @subsection buttons backgrounds
*/
.btn_chrm_l, .btn_chrm_r {background-image: url(/resource3/cleansheet/2013.10.29/i/products_sprite.gif);}
.btn_orn, .btn_gry_big .btn_chr_c , .btn_dgr .btn_chr_c {background: url(/resource3/cleansheet/2013.10.29/i/products_sprite.gif) repeat-x scroll 0 -280px transparent;}
.btn_gry_big .btn_chr_c{background-position: right -280px; background-repeat:repeat-x}
.btn_tnp .btn_chrm_l,.btn_tnp .btn_chrm_r{background-image: none;}
.btn_lgr .btn_chr_c { background-color: #767676;}
.btn_dgr .btn_chr_c { background-color:#666666;}
.btn_blu .btn_chr_c, .btn_blu_rvw .btn_chr_c { background-color: #007ca2;}
.btn_hgr .btn_chr_c, .btn_hgr_grn .btn_chr_c { background-color: #4c4c4c;}
.btn_cgr .btn_chr_c { background-color: #38383A;}
.btn_ugr .btn_chr_c { background-color: #303032;}
.btn_ulr .btn_chr_c { background-color: #303032;}
.btn_prl .btn_chr_c { background-color: #770052;}
.btn_grn .btn_chr_c{ background-color:#6acb07;}
.btn_err .btn_chr_c{ background-color:#3f3132;}

.btn_shr .btn_chr_c{background-color:#3b3d3e;} /*new*/
.light .btn_shr .btn_chr_c{background-color:#ffffff;  border: 1px solid #ececec; border-right:0px\9; border-left:0px\9; } /*new*/

/**
* These classes are used to set buttons backgrounds hovers and focuses
*
* @section buttons
* @subsection buttons backgrounds hovers and focuses
*/
.btn_ugr a:hover .btn_chr_c, .btn_ugr a:focus .btn_chr_c { background-color: #3b3b3b;}
.btn_hgr a:hover .btn_chr_c, .btn_hgr a:focus .btn_chr_c, .btn_hgr_grn a:hover .btn_chr_c { background-color: #636363;}
.btn_hgr_grn a:focus .btn_chr_c { background-color: #6acb07; color:#222222;}
.btn_blu a:hover .btn_chr_c, .btn_blu a:focus .btn_chr_c , .btn_blu_rvw a:hover .btn_chr_c, .btn_blu_rvw a:focus .btn_chr_c { background-color: #1A89AB;}
.btn_cgr a:hover .btn_chr_c, .btn_cgr a:focus .btn_chr_c { background-color: #484a4d;}
.btn_ugr a:hover .btn_chr_c , .btn_ulr a:hover .btn_chr_c , .btn_urr a:hover .btn_chr_c { background-color: #3b3b3b;}
.btn_prl a:hover .btn_chr_c, .btn_prl a:focus .btn_chr_c {background-color:#770052;}
.btn_err a:hover .btn_chr_c, .btn_err a:focus .btn_chr_c {background-color:#524445;}
.btn_shr a:hover .btn_chr_c, .btn_shr a:focus .btn_chr_c {background-color:#434546;}/*new*/
.light .btn_shr a:hover .btn_chr_c, .light .btn_shr a:focus .btn_chr_c {background-color:#ffffff; border-right:0px\9; border-left:0px\9;}/*new*/
.btn_blu .btn_chrm_l:hover, .btn_blu .btn_chrm_l:focus {background-position:0 -700px ;}
.btn_blu .btn_chrm_r:hover, .btn_blu .btn_chrm_r:focus {background-position: right -733px;}
.btn_hgr .btn_chrm_l:hover, .btn_hgr .btn_chrm_l:focus, .btn_hgr_grn .btn_chrm_l:hover, .btn_hgr_grn .btn_chrm_l:focus {background-position:0 -766px ;}
.btn_hgr .btn_chrm_r:hover, .btn_hgr .btn_chrm_r:focus, .btn_hgr_grn .btn_chrm_r:hover, .btn_hgr_grn .btn_chrm_r:focus  {background-position: right -799px;}
.btn_ugr .btn_chrm_l:hover, .btn_ugr .btn_chrm_l:focus {background-position:0 -898px ;}
.btn_ugr .btn_chrm_r:hover, .btn_ugr .btn_chrm_r:focus {background-position: right -931px;}
.btn_ulr .btn_chrm_l:hover, .btn_ulr .btn_chrm_l:focus {background-position:0 -898px ;}
.btn_urr .btn_chrm_r:hover, .btn_urr .btn_chrm_r:focus {background-position: right -931px;}
.btn_hgr_grn .btn_chrm_l:focus {background-position:0 -766px ;}
.btn_hgr_grn .btn_chrm_r:focus {background-position: right -799px;}
.btn_blu_rvw .btn_chrm_l:hover, .btn_blu_rvw .btn_chrm_l:focus {background-position:0 -1323px ;}
.btn_blu_rvw .btn_chrm_r:hover, .btn_blu_rvw .btn_chrm_r:focus {background-position: right -1361px;}
.btn_grn .btn_chrm_l{background-position:0 -1398px ;}
.btn_grn .btn_chrm_r{background-position:right -1431px ;}
.btn_err .btn_chrm_l:hover {background-position:0 -1530px ;}
.btn_err .btn_chrm_r:hover{background-position: right -1563px;}
.btn_shr .btn_chrm_l:hover, .btn_shr .btn_chrm_l:focus {background-position:0 -1658px ;} /*new*/
.btn_shr .btn_chrm_r:hover, .btn_shr .btn_chrm_r:focus{background-position: right -1689px;}/*new*/
.light .btn_shr .btn_chrm_l:hover, .light .btn_shr .btn_chrm_l:focus {background-position:0 -1720px;} /*new*/
.light .btn_shr .btn_chrm_r:hover, .light .btn_shr .btn_chrm_r:focus {background-position: right -1751px;}/*new*/



.btn_blu .arr_wht_rgt{background-position:right -136px}
.btn_prl .white .icn_bubble{background-position:left -190px}
.btn_orn{background-position:0 -1120px; border:none; padding:2px 7px;  font-family: Arial,Verdana,Helvetica,Sans-serif; cursor:pointer}

.btn_blu:hover input, .btn_blu:focus input , .btn_blu_rvw:hover input, .btn_blu_rvw:focus input { background-color: #1A89AB;}
.btn_hgr_grn:hover input, .btn_hgr:hover input, .btn_hgr:focus input { background-color: #636363;}
.btn_hgr_grn:focus input { background-color: #6acb07;}
.btn_ugr:hover input, .btn_ugr:focus input { background-color: #484a4d;}
.btn_cgr:hover input, .btn_cgr:focus input{ background-color: #484a4d;}
.btn_blu:hover button, .btn_blu:focus button { background-color: #1A89AB;}
.btn_hgr:hover button, .btn_hgr:focus button { background-color: #636363;}
.btn_ugr:hover button, .btn_ugr:focus button { background-color: #484a4d;}
.btn_cgr:hover button, .btn_cgr:focus button{ background-color: #484a4d;}
.btn_cgr .btn_chrm_l:hover, .btn_cgr .btn_chrm_l:focus {background-position:0 -898px ;}
.btn_cgr .btn_chrm_r:hover, .btn_cgr .btn_chrm_r:focus {background-position: right -931px;}
.btn_orn:hover, .btn_orn:focus {background-position:0 -1150px ;}

.btn_grn_review{background-color: #6acb07 !important; color:#000 !important;}

/**
* These classes are used to set buttons disable state
*
* @section buttons
* @subsection buttons backgrounds disable state
*/

.btn_blu_disabled .white .btn_chr_c {background-color: #103F4F; background-color: transparent\0/; color: #747474; line-height: 23px; font-size: 85%;}
.btn_cgr_disabled .white .btn_chr_c, .btn_dgr_disabled .white .btn_chr_c {background-color: #272727; background-color: transparent\0/; color: #787878; line-height: 23px; font-size: 85%;}

/**
* These classes are used to set vertical-align style to middle
*
* @section positions and floats
* @subsection vertical align
*/
/*vertical align*/
.btn_blu_rvw img, .btn_lgr img, .btn_gry_big img,.btn_blu img,.btn_hgr img , .btn_hgr_grn img, .btn_grn img {vertical-align: middle;}

/**
* These classes are used to set buttons fonts colors
*
* @section buttons
* @subsection buttons fonts colors
*/
.btn_lgr input,.btn_lgr button,.btn_blu input,.btn_blu button,.btn_hgr input,.btn_hgr button { color:#ffffff; }
.btn_blu_rvw input,.btn_blu_rvw button, .btn_dgr input,.btn_dgr button,.btn_ugr input,.btn_ugr button,.btn_urr input,.btn_urr button{color:#f2f2f2;}
.btn_cgr input,.btn_cgr button{color:#00BFF3;}
.btn_gry_big input,.btn_gry_big button{color: #00BFF3;}
.btn_dgr input:hover, .btn_dgr input:focus,.btn_dgr button:hover,.btn_dgr button:focus{ color:#d7d7d7; }

/**
* These classes are used to set buttons to disabled
*
* @section buttons
* @subsection disabled buttons
*/
.btn_blu .disabled span{
    color: #747474;
    background-color: #103F4F;
}

.btn_cgr  .disabled span{
    color: #787878;
    background-color: #272727;
}

.white .btn_blu .disabled span{
    color: #f8f8f8;
    background-color: #92C4D3;
}

.white .btn_cgr  .disabled span{
    color: #cccccc;
    background-color: #ababab;
}

/**
* These classes are used to set float style of element
* Example:
*    .flt means float:left;
*    .rgt means float:right;
*
* @section positions and floats
* @subsection floats
*/
.flt,.fst, .lst, .col, .lft {float:left;}
.rgt{float:right;}

/**
* These classes are used to set display style of element
* Example:
*    .dsi means display: inline;
*
* @section positions and floats
* @subsection displays
*/
.dsb {display:block}
.dsi {display: inline;}
.dib { display: inline-block;}

/**
* These classes are used to set white-space style
* Example:
*   .nwp means that sequences of whitespace will collapse into a single whitespace.
*   Text will never wrap to the next line.
*
* @section positions and floats
* @subsection white-spaces
*/
.nwp{white-space:nowrap;}
.wpn{white-space:normal;}

/**
* These classes are used to set positions of element
* Example:
*    abs means position absolute
*
* @section positions and floats
* @subsection positions
*/
.abs{position:absolute; }
.rlv {position: relative;}

/**
* These classes are used to set width of element
*
* @section positions and floats
* @subsection widths
*/
.wdh_auto{width:auto !important;}
.wdh_dbx{width:100% !important; *width: 380px !important ; _width: 380px !important; }

/**
* This style set z-index of element to 1
*
* @section positions and floats
*/
.z_idx_1 {z-index: 1;}

/**
* These classes are used to set text-aligns style
* Example:
*  .txt_rgt means that text will be aligned by the right side of a container
*
* @section positions and floats
* @subsection text-aligns
*/
.txt_lft{text-align:left;}
.txt_rgt{text-align:right;}
.txt_ctr{text-align:center;}

/**
* These classes are used to set vertical-align style
* Example:
*  .txt_mdl means vertical-align:middle
*
* @section positions and floats
* @subsection vertical-aligns
*/
.txt_top{vertical-align:top}
.txt_mdl{vertical-align:middle}
.txt_btm{vertical-align:bottom}

/**
* These classes are used to set opacity of a container
* Example:
*  .opc5 means  opacity:0.5;
* @section opacity
*/
.opc0{opacity:0;filter: alpha(opacity = 0);}
.opc1{opacity:1;filter: alpha(opacity = 100);}
.opc5{opacity:.5;filter: alpha(opacity = 50);}
.opc7{opacity:.7;filter: alpha(opacity = 70);}

.drc{direction:ltr}
.h100{height:100%;}


/*main_banner*/
.lang_sel{clear:both; *height:20px;}


/**
* These classes are used to describe slide container for flash baner molecule
*
* @section flash banner
* @subsection flash banner slides
*/

/*Animated version styles*/
.sld_cnt {background: url(/resource3/cleansheet/2013.10.29/i/slide_count.png) no-repeat 0 0;width:23px;height:15px;float:left;text-align:center;padding-bottom:3px}
.sld_cnt:hover, .sld_sel {background-position: 0px -22px}

/**
* These classes are used to set style overflow to hidden
*
* @section overflow
*/
.lmt_f110_2ln, .lmt_f110_3ln, .lmt_f110_4ln, .lmt_f185_1ln, .lmt_f185_2ln, .lmt_f185_3ln, .lmt_f185_4ln,.lmt_f300_2ln, .limits,.ovr_hdn, .cnt15_topics, .lmt_f320_1ln, .lmt_f130_2ln{  overflow: hidden;}



/**
* These classes are used to describe popups backgrounds and positions,
*
* @section popups
* @subsection popups backgrounds
*/
.id_popup_details { background-color: #2A2A2A; display: none; left: 0; position: absolute; top: 0; _width:100%;}
.id_popup_list { background-color: #1A1A1A; display: none; left: 0; position: absolute; top: 160px; border-bottom: 3px solid #101010; width:100% !important;}
.id_popup_button { background: url(/resource3/cleansheet/2013.10.29/i/column-off.png) repeat-x scroll 0 20% transparent; display: none; position: absolute; right: 10px; top: 30px; border-bottom:3px solid #1e1e1e; border-right:2px solid #1e1e1e;}
.v_border {background: url(/resource3/cleansheet/2013.10.29/i/column-off.png) no-repeat scroll right 10% transparent;}
.popup_gradient {background: url(/resource3/cleansheet/2013.10.29/i/column-off.png) repeat scroll 0 10% transparent;}
.svy_cls, .lng_cls, .lng_cls_3 , .icn_close_gray_l { background: url(/resource3/cleansheet/2013.10.29/i/close_buttons.gif) no-repeat scroll left -32px transparent; height: 19px; width: 19px;}
.icn_close_gray_l {background-position:left -32px; margin: 2px;}
.icn_cls_gray, .icn_cls_black { background: url(/resource3/cleansheet/2013.10.29/i/close_buttons.gif) no-repeat scroll right -32px transparent;}


.id_drop_list {background-color: #1A1A1A; display: none; position: absolute; width:150px;}
/*div:focus,a:focus,span:focus{  border:1px gray solid !important;}*/


/**
* These classes are used to describe banner position,
*
* @section banners
* @subsection banners position
*/
.sma_ban{width:300px; right:0; margin-right:31px; line-height:20px;}
*html .sma_ban {display:inline}
.span_block{display:block}


/**
* These classes are used to describe search input element,
*
* @section form elements
* @subsection search inputs
*/
#search_footer_form, #search_two_form{*margin-top:0;}
.inp_srch, .inp_srch input,.inp60,.inp60 input {background: url(/resource3/cleansheet/2013.10.29/i/search_footer.gif) no-repeat}
.inp_srch , .inp60{background-position: left 0px;padding:0 0 0 10px;  display:inline-block; height:23px;width:70%;}
.inp_srch input, .inp60 input {background-position: right -23px; margin: 0;padding:0px 10px 0 0; padding:3px 10px 0 0\9;width:100%; border: 0 none; height:23px}
@media screen and (-webkit-min-device-pixel-ratio:0){.inp_srch input, .inp60 input{margin-left:-9px;}}

/**
* These classes are used to describe text input elements,
*
* @section form elements
* @subsection text inputs
*/
.inp60 {width: 50%;}
*+html .inp_srch input,*+html .inp60 input {margin-top:-1px;}
*html .inp_srch input, *html .inp60 input{margin-top:-1px; padding:0 10px 0 0; }
*html .inp_srch, *html .inp60 {height:22px}
*html #search_footer_form .btn_blu {margin-left:15px}
*html #search_footer_form .inp_srch, *html #search_two_form .inp60  {margin-right:0px}
*html #search_two_form .btn_blu  {margin-left:10px}
.inp_txt {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #000000;padding: 4px;width: 190px;}
.chk_box{margin:0px; margin-right:6px; margin-bottom:6px}
.inp_bkg_gry {background-color: #333333; border: medium none; color: #CCCCCC;  text-align: left;font-weight: bold;-moz-border-radius: 3px 3px 3px 3px; padding-left:6px;}
.inp_bkg_lgr {background-color: #cccccc; border: medium none; color: #1e1e1e;  text-align: left;font-weight: bold;-moz-border-radius: 3px 3px 3px 3px;height: 20px; padding-left:6px;}

/**
* These classes are used to describe dropdowns elements,
*
* @section form elements
* @subsection dropdowns
*/
.drp_dwn_4 { background: #222222; color: #fff;   position: absolute;  width: 200px; overflow: hidden; z-index: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; visibility: hidden; display: none; top:0; left:0; }

.drp_dwn_5 { background: #171918; color: #fff;   position: absolute;  width: 350px; overflow: hidden; z-index: 1; font-size:90%; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.drp_dwn_5 ul {display: block;}
.drp_dwn_5 span{ font-weight: bold; text-transform: uppercase;color: #FFFFFF; line-height: 26px;  padding: 3px 210px 6px 6px;}
.drp_dwn_5 .hidden, .drp_dwn_6 .hidden {display: none;visibility: hidden;}
.drp_dwn_5 .dsi, .drp_dwn_6 .dsi {display: inline;}
.drp_dwn_5 ul li{ background-color: #1C1C1C; border-bottom: 1px solid #212121; padding: 6px;}
.drp_dwn_5 ul li a{ color: #B2B2B2;}

.drp_dwn_6 {width: 350px;}
.drp_dwn_6 span{ font-size:90%; text-transform: uppercase;color: #FFFFFF; line-height: 26px;  padding: 3px 0px;}
.drp_dwn_6 ul {display: inline; cursor: pointer;}
.drp_dwn_6 ul li {display: inline;}
.drp_dwn_6 ul li {display: list-item;}
.drp_dwn_6 ul li a{ color: #B2B2B2;}

/*fix for promo dropdown width on PDP*/
.id_promo_dropdown .drp_dwn_6,.id_promo_dropdown .drp_dwn_5 {width: 329px;position: absolute;}

/*ELEMENTS*/
dl,dd,dt{margin:0;}
.no_bul{list-style:none outside;}
.popup_row3 {left: 0;top: 0;height:100%;width:100%;_height:300px;overflow:hidden; z-index:100;}
.popup_hidden {visibility:hidden; height:1px;}


/**
* This class is used to set Ireland flag as background of container
*
* @section expandable category list right rail
*/
.flg_irl {/*width:15px;*/ height:15px; background: url(/resource3/cleansheet/2013.10.29/i/footer/flag.png) 0 50% no-repeat;padding-left:20px}
.lng_wdg .flg_irl {padding-left:35px; display:block; height: auto;}
/*HEADERS*/
.black .f140_lgr, .black .f140_lgr  a, .white .prodfinder .f140_lgr, .white .prodfinder .f140_lgr a{ color:#F2F2F2 }
/* !important;*/

/**
* This class is used to mark container as screenreadable
* actualy we do not see this container, but screen readers see it and
* translate all text information, containing in it, to speech.
*
* @section screen readers
*/
.screenReading { font-size:0; height:0; overflow:hidden; position:absolute; width:0; }

/**
* These classes are used to describe expandable category list styles,
* they set font weigth to bold
*
* @section expandable category list right rail
*/
.cat_exp .exp a.cat{font-weight:bold; display:inline-block}

/**
* These classes are used to describe expandable category list styles,
* they set padding-left to 12px
*
* @section expandable category list right rail
*/
.cat_exp .exp a.cat,.cat_exp li a.cat,.cat_exp li a.cat{padding-left:12px;}

/**
* These classes are used to describe expandable category list styles,
* they set font colors
*
* @section expandable category list right rail
* @subsection font colors
*/
.cat_exp .exp a.cat{color:#61C702 !important}
.cat_exp .exp a.cat:hover{color:#f2f2f2 !important}
.white .cat_exp .exp a.cat{color:#1D6600 !important;}
.white .cat_exp .exp a.cat:hover{color:#1D6600 !important; }
.white .cat_exp ul li a, .white .cat_exp li a.cat {color:#636363;}
.white .lgr, .white a.lgr, .white .lgr a { color: #111111;}

/**.white a:hover{text-decoration:underline !important}*/

/**
* These classes are used to describe expandable category list styles,
* they set background image position
*
* @section expandable category list right rail
* @subsection background positions
*/
.white .cat_exp .exp a.cat{ background-position: left -394px; }
.cat_exp .exp a.cat{ background-position: left -84px; }
.cat_exp .exp a.cat:hover{ background-position: left -179px; }
.cat_exp li a.cat{background-position: left 5px;  }
.cat_exp li a.cat:hover{background-position: left -140px;  }

/**
* These classes are used to describe expandable category list styles,
* by default .cat_exp ul is invisible (display:none), if you`ll set class exp,
* it`s become visible (display:block)
*
* @section expandable category list right rail
* @subsection display styles
*/
.cat_exp ul{display:none;}
.cat_exp .exp ul{display:block;}
.cat_exp ul li a:hover{text-decoration:underline; }


/**
* These classes are used to describe language and country selector styles
*
* @section language, country selector
*/
.lng_wdg { background: #222222; color: #fff;   position: absolute;  width: 800px; overflow: hidden; z-index: 300; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; visibility: hidden; display: none; z-index: 101; }
.lng_cls{background-position:0 -76px; position: absolute; top: 10px; right: 10px;}
.lng_cls_3 {background-position:0 -76px; position: absolute;top: 3px; right: 3px;}
.prd_cmp { position: absolute; top: 40px; right: 10px;  }
.lng_wdg dt { border-top: 1px solid #191919; cursor: pointer; margin:0px }
.lng_wdg dt a:hover, .lng_wdg dt a:active, .lng_wdg dt a:link, .lng_wdg dt a:visited{ color:#fff}
.lng_wdg .opened{ background-color: #2D2D2D; display:block; _width:auto}
.lng_wdg dd .cnt0_40_10 { overflow: hidden; zoom: 1;}
.lng_wdg dd { overflow: hidden; height: 0; }
.lng_wdg dd div{ _height: auto; }
.lng_wdg .lst { float:none; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.lng_wdg .f140_wht, .lng_wdg .f110_wht { margin: 0 !important; }
.lng_drk { position: absolute; left: 0; top: 0; width: 100%; background: #000; z-index: 100; }
.lng_wdg .icn_pls_l_drk{background-position:left -28px}
.lng_wdg .opened .icn_pls_l_drk{background-position:left 2px}
span.lng_swh{display:block; z-index:1; _white-space:nowrap; cursor:pointer;}
.lang_sel .arr_wht{padding-left:6px;}

/**
* These classes are used to describe progressive disclosure styles of items
*
* @section progressive disclosure special items
*/
.prg_dsc .prg_dsc { border-bottom: none; }
.prg_dsc .prg_dsc dt a.cnt15_25 { padding-left: 41px; }
.prg_dsc .prg_dsc dd .cnt10_50 { padding-left: 61px; }

.prg_dsc .prg_dsc .prg_dsc dt a.cnt15_25 { padding-left: 61px; }
.prg_dsc .prg_dsc .prg_dsc dd .cnt10_50 { padding-left: 81px; }

.prg_dsc dd.prg_dsc_cnt { overflow: hidden; height: 0; display:none }
.prg_dsc_prd dd.js_prg_dsc_cnt { overflow: hidden; height: 0; display:none}
.prg_dsc dd.opened { height: auto; }

.prg_dsc dt a.cnt15_25:focus, .prg_dsc dt a.cnt15_25:hover { background: #1d1d1d; }
.white .prg_dsc dt a.cnt15_25:focus, .white .prg_dsc dt a.cnt15_25:hover { background: #eeeeee; }
.prg_dsc dt .opened:hover, .prg_dsc dt .opened:focus { background: none !important; }
.prg_dsc dt .cnt15_25 ,.prg_dsc dt .cnt15_20,.prg_dsc dt .cnt15_40, .prg_dsc dt .cnt15_60{ display: block; margin: 0; }

.prg_dsc .opened .icn_pls_l_drk { background-position: left 2px; }
.prg_dsc_prd dt .icn_pls_l_drk, .prg_dsc_prd dt .icn_pls_blue { background-position:right -26px; padding: 0 25px 0 0; }
.prg_dsc_prd dt .opened .icn_pls_l_drk, .prg_dsc_prd dt .opened .icn_pls_blue { background-position: right 4px; padding: 0 25px 0 0; }
.prg_dsc_prd dt .icn_pls_r_drk, .prg_dsc_prd dt .opened .icn_pls_r_drk{background-position:left 4px; padding: 0 0 0 25px:}

.white .prg_dsc .opened .icn_pls_l_drk { background-position: left -525px; }
.white .icn_pls_blue.icn_pls_drk {background-position:right; padding:0 0 0 23;}


.prg_dsc_prd dt a, .prg_dsc_prd dt span { display: block; }
.prg_dsc_prd dt .icn_pls_l_drk { background-position:right -26px; padding: 0 25px 0 0; }
.prg_dsc_prd dt .opened .icn_pls_l_drk { background-position: right 4px; padding: 0 0 0 25px; }
.prg_dsc_prd dt .icn_pls_r_drk { background-position:left -26px; padding: 0 0 0 25px; }
.prg_dsc_prd dt .opened .icn_pls_r_drk { background-position: left 4px; padding: 0 0 0 25px; }

.icn_plus {background-position:right -26px; padding: 0 25px 0 0; }

/**
* These classes are used to describe tabs ul, li styles
*
* @section tabs
* @subsection tabs ul, li
*/
.tabs ,.tabs ul li a.current{background:url(/resource3/cleansheet/2013.10.29/i/tab-sprite.gif) repeat-x scroll transparent}
.tabs ul li a.current {background-position: 0 1px ; cursor:default; border-radius:5px 5px 0 0;}
.tabs ul{ list-style-type: none; list-style-image: none;}
.tabs {background-position:0 -81px;}
.tabs ul li {float:left;display: inline;height:40px; _height:32px;}
.tabs ul li a{line-height: 42px; padding: 10px 15px 11px; color:#848484; _line-height: 35px;}
.tabs ul li a:hover{color:#f2f2f2;}
.tabs ul li a.first{padding: 10px 25px 11px;}

/**
* These classes are used to describe tabs ul, li styles on white background
*
* @section tabs
* @subsection tabs ul, li on on white background
*/
.white .tabs ul li a{color:#f2f2f2;}
.white .tabs ul li a:hover{color:#f2f2f2;}
.white .tabs ul li a.current{background:#f3f4f3; color:#404040; font-weight:bold;}
.white .tabs ul li a.current:hover{color:#404040;}
.white .tab_content{background-color:#f3f4f3;}

/**
* These classes are used to describe expand-collapse containers styles
*
* @section expand-collapse containers
*/
.lvl_0{ display:block; border-bottom:1px solid #999}
/**.lvl_1 , .lvl_2 , .lvl_3 { border-bottom:1px solid #999}
.lvl_1 .opened, .lvl_2 .opened, .lvl_3 .opened{ border-bottom:none; background-color:#f2f2f2}**/
.lvl_0 .js_exp_all{float:right}
.lvl_1 a:hover, .lvl_2 a:hover, .lvl_3 a:hover {background-color:#f2f2f2}
.gry_brd{background-color:#36393c !important;}
.hgt_100 {margin-bottom:-1000px; padding-bottom:1000px;  _height:0; _width:auto;}

/**
* These classes are used to set height to container, it is measured in px
* Example:
*   hgt_120 - means height: 120px
*
* @section heights
*/
.hgt_120{height:120px !important;}
.hgt_150{height:150px !important;}
.hgt_170{height:170px !important;}
.hgt_257{height:257px !important;}
.hgt_300{height:300px;}
.hgt_306{height:306px !important;}
.hgt_340{height:340px;}
.hgt_390{height:390px;}
.hgt_270{height:270px;}
.hgt_276{height:276px;}
.hgt_205{height:205px;}
.hgt_225{height:225px;}
.hgt_115{height:115px;}
.hgt_105{height:105px;}
.hgt_60{height:60px;}
.hgt_50{height:50px;}
.hgt_38{height:38px;}
.hgt_20{height:20px;}

/**
* These classes are used to set width to container, it is measured in a percentage
* Example:
*   wdt_15 - means width: 15%
*
* @section widths
* @subsection widths in percents
*/
.wdt_15{width: 15%; *width: 14%; _width: 14%;}
.wdt_20{width: 20%; *width: 19%; _width: 19%;}
.wdt_25{width: 25%; *width: 24%; _width: 24%;}
.wdt_30{width: 30%; *width: 29%; _width: 29%;}
.wdt_33{width: 33%; *width: 32%; _width: 32%;}
.wdt_35{width: 35%; *width: 34%; _width: 34%;}
.wdt_40{width: 40%;*width: 39%; _width: 39%;}
.wdt_48{width: 48%; *width: 47%; _width: 47%;}
.wdt_50{width: 50%;*width: 49%; _width: 49%;}
.wdt_60{width: 60%;*width: 59%; _width: 59%;}
.wdt_65{width: 65%;*width: 64%; _width: 64%;}

/**
* These classes are used to set width to container, it is measured in px
* Example:
*   wdt_100 - means width: 100px
*
* @section widths
* @subsection widths in pixels
*/
.wdt_38{width:38px; _width:38px;}
.wdt_240{width: 240px;_width:220px;}
.wdt_80{width: 80px; *width:75px; width:75px \9;}
.wdt_100{width: 100px;_width:100px;}
.wdt_105{width: 105px; *width:100px; width:100px \9;}
.wdt_125{width: 125px;}
.wdt_130{width: 130px;_width:130px;}
.wdt_144{width: 144px;}
.wdt_150{width: 150px;_width:150px;}
.wdt_170{width: 170px;_width:170px;}
.wdt_180{width: 180px; *width:175px; width:175px \9;}
.wdt_205{width: 205px; _width:204;}
.wdt_215{width: 215px; _width:214;}
.wdt_235{width: 235px;_width:234px;}
.wdt_240{width: 235px;}
.wdt_250{width: 250px;_width:249px;}
.wdt_280{width: 280px; _width:240;}
.wdt_300{width: 300px;}
.wdt_330{width: 330px;}
.wdt_350{width: 350px; _width: 350px;}
.wdt_385{width: 385px;}
.wdt_395{width:395px; _width:395px;}
.wdt_402{width: 402px; _width:402px;}
.wdt_435{width: 435px;}
.wdt_440{width: 440px;}
.wdt_470{width:470px; _width:470px;}
.wdt_450{width: 450px;}
.wdt_530{width: 530px;}
.wdt_550{width: 550px;}
.wdt_600{width: 600px; _width:599px;}
.wdt_720{width: 720px; _width:719px;}
.wdt_725{width: 725px; _width:724px;}
.wdt_735{width: 735px; _width:734px;}
.wdt_aut{width:auto}

/**
* These classes are used to describe popups of video and survey
*
* @section popups: video, survey
*/
.pop_cnt {position: absolute; left: 50%; background: #222; z-index: 101; display: none; margin-top: 50px; }
.pop_drk {position: absolute; left: 0; top: 0; width: 100%; background: #000; z-index: 100; }
.vdo_wdg {width:auto; padding-right:30px;}
.srv_wdg{background-color: #FFFFFF; border: 3px solid #000000; display: block; padding: 35px 10px 10px; position: absolute; width: 520px; z-index: 101;overflow-y:auto; max-height:520px;}
.svy_cls{background-position:-3px -133px; position:absolute; right:20px; top:10px; width:12px}

.svy_trg{visibility:hidden;}
.icn_logo{background: url(/resource3/cleansheet/2013.10.29/i/hplogo_cir.jpg) no-repeat transparent; display:block; width:56px; height:56px;}
.icn_svy{background: url(/resource3/cleansheet/2013.10.29/i/icon_survey.jpg) no-repeat transparent; display:block; width:48px; height:48px;}
.prnt_logo{display:none !important; background: url(/resource3/cleansheet/2013.10.29/i/print_logo.jpg) no-repeat !important}
.js_svy_layer{width:490px;}

/**
* These classes are used to describe pagination bar styles
*
* @section pagination bar
*/
.pgn {background-color: #3A3C3E;height: 24px;}
.pgn_bck {background: url(/resource3/cleansheet/2013.10.29/i/pagination_sprite.gif) no-repeat scroll -23px -110px transparent;display: inline-block; height: 22px; padding: 0;vertical-align: text-bottom; width: 24px;}
.pgn_fwd{ background: url(/resource3/cleansheet/2013.10.29/i/pagination_sprite.gif) no-repeat scroll -45px -110px transparent; display: inline-block; height: 22px; padding: 0; vertical-align: text-bottom; width: 24px;}
.pgn_fwd:hover{background:url(/resource3/cleansheet/2013.10.29/i/pagination_sprite.gif) no-repeat scroll -45px -81px transparent;}
.pgn_bck:hover{background:url(/resource3/cleansheet/2013.10.29/i/pagination_sprite.gif) no-repeat scroll -23px -81px transparent;}
.pgn_cnt { background-color: #3A3C3E; height: 24px;line-height: 24px;vertical-align: top; *display: inline-block}

div.pgb_lft{cursor:pointer;float:left;height:800px;min-height:100%;position:relative; width:100%;}
div.pgb_lft div.btm{background: transparent url(/resource3/cleansheet/2013.10.29/i/pagination_sprite.gif) 0 -5px no-repeat;height: 4px;width: 100%;font-size:0}
div.pgb_lft div.mdl{background-color: #333333;height: 100%;}
div.pgb_lft div.mdl a.pge_arr_lft{background: transparent url(/resource3/cleansheet/2013.10.29/i/pagination_sprite.gif) -2px -42px no-repeat;display: block;height: 14px;left: 7px;position: absolute;top: 50%;width: 7px;}
div.pgb_lft div.top{background: transparent url(/resource3/cleansheet/2013.10.29/i/pagination_sprite.gif) 0 0 no-repeat;height: 4px;width: 100%;font-size:0}
div.pgb_lft.dsd{cursor: default;}
div.pgb_lft.dsd div.btm{background-position: -46px -5px;}
div.pgb_lft.dsd div.mdl{background-color: #292929;}
div.pgb_lft.dsd div.mdl a.pge_arr_lft{background-position: -2px -12px;}
div.pgb_lft.dsd div.top{background-position: -46px 0;}
div.pgb_lft:hover div.btm{background-position: -23px -5px;}
div.pgb_lft:hover div.mdl{background-color: #3d3d3d; width:100%;}
div.pgb_lft:hover div.mdl a.pge_arr_lft{background-position: -2px -27px;}
div.pgb_lft:hover div.top{background-position: -23px 0;}

div.pgb_rgt{cursor:pointer;float:right;height:800px;min-height:100%;position:relative;width:22px;}
div.pgb_rgt div.btm{background: transparent url(/resource3/cleansheet/2013.10.29/i/pagination_sprite.gif) 0 -5px no-repeat;height: 4px;width: 22px;font-size:0}
div.pgb_rgt div.mdl{background-color:#333333;height:100%;width:22px;}
div.pgb_rgt div.mdl a.pge_arr_rgt{background: transparent url(/resource3/cleansheet/2013.10.29/i/pagination_sprite.gif) -10px -42px no-repeat;display: block;height: 14px;left: 7px;position: absolute;top: 50%;width: 7px;}
div.pgb_rgt div.top{background: transparent url(/resource3/cleansheet/2013.10.29/i/pagination_sprite.gif) 0 0 no-repeat;height: 4px;width: 22px;font-size:0}
div.pgb_rgt.dsd{cursor: default;}
div.pgb_rgt.dsd div.btm{background-position: -46px -5px;}
div.pgb_rgt.dsd div.mdl{background-color: #292929;}
div.pgb_rgt.dsd div.mdl a.pge_arr_rgt{background-position: -10px -12px;}
div.pgb_rgt.dsd div.top{background-position: -46px 0;}
div.pgb_rgt:hover div.btm{background-position: -23px -5px;}
div.pgb_rgt:hover div.mdl{background-color: #3d3d3d;}
div.pgb_rgt:hover div.mdl a.pge_arr_rgt{background-position: -10px -27px;}
div.pgb_rgt:hover div.top{background-position: -23px 0;}


/**
* These classes are used to show pagination icons with padding-left 20px.
*
* @section pagination bar
* @subsection pagination bar icons
*/
.icn_eco_hig, .icn_eco_new {background:transparent url(/resource3/cleansheet/2013.10.29/i/doc_icn_sprite.gif) no-repeat ;  padding-left:20px; }
.icn_eco_hig{background-position: left -715px; }
.icn_eco_new {background-position: left -747px;}

/*TO BE REVIEWED*/
.tabs ul{display: inline-block; display:block\9;}
.cnt15_topics {padding:0px;background-color:#373A3D;display:block;
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr = #373A3D, EndColorStr = #000000);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#373A3D, EndColorStr=#000000);
	background: -moz-linear-gradient(center top, #373A3D, #000000) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#373A3D), to(#000000));
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.cnt15_topics{background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%225%25%22%20style%3D%22stop-color%3A%20%23373a3d%3B%22%2F%3E%3Cstop%20offset%3D%2252%25%22%20style%3D%22stop-color%3A%20%23000000%3B%22%2F%3E%3Cstop%20offset%3D%2296%25%22%20style%3D%22stop-color%3A%20%23373a3d%3B%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url(%23gradient)%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20%2F%3E%3C%2Fsvg%3E);}
}

.white.cnt15_topics {padding:20px 15px;/**padding:20px 0px 10px 15px;*/ _padding:0px;}
.gray.cnt15_topics {/**padding:20px 15px;_padding:0px;**/padding:20px 0px 10px 15px; _clear:both; _display:inline-block}


.m10_0_0_20 {margin: 10px 0 0 20px}
.m20l {margin-left:20px}
.m15l {margin-left:15px}
.white .wht.sma_ban{ color: #f2f2f2}
.white .prg_dsc dt a.cnt15_25:hover { background: #eee; }
.white .h1_sep, .white .h1_sep_t { border-color: #999; }
.exp_blk_lnk {color:#666 }
.tabs ul li{float:left;}
.row2_20_80 p,.row2_20_80 p{padding-top:18px;}
.ui_expandable_hover p { padding-top:0px; padding-bottom:15px;}
.limits{ height:0; padding-left:3px;}


/**
* These classes are used to describe share widgets styles
*
* @section share widgets styles
*/
.ui_share_widget_popups { margin: 1px 0 0 3px; z-index:1; display:none}
.ui_share_widget { overflow: hidden; zoom: 1; }
.ui_share_widget .btn_gry_big a {float: left;}

.ui_area {width:100%;}
.white .js_prg_dsc_trg:hover {background-color:#f2f2f2;}

/**
* These classes are used to describe tooltip styles
*
* @section tooltip styles
*/
 .tip {min-width: 250px; width:280px; -moz-box-shadow: #111 0 0 3px 0;-webkit-box-shadow: #111 0 0 3px 0; -o-box-shadow: #111 0 0 3px 0;
 box-shadow: #111 0 0 3px 0;}
 .tip-top {background: url(/resource3/cleansheet/2013.10.29/i/bkg_dgr_arrows.gif) -81px -99px no-repeat;overflow: hidden;position: absolute;width: 20px;height: 10px;bottom: -10px;left: 10px;}
 .tip-pos-bottom .tip-top {background-position: -80px 0px; top: -10px;bottom: auto;}
.tip-pos-right .tip-top {left: auto;right: 10px;}
.tip_udl{border-bottom: 1px dashed #00bff3;}
.white .tip_udl{border-bottom: 1px dashed #005F89;}
.tip_gray {background: none repeat scroll 0 0 #555555; border-radius: 5px 5px 5px 5px;  width: 270px; z-index: 1;}
.tip_gray_head {background:#555555; border-radius: 5px 5px 0px 0px;}


/**
* These classes are used to describe callout box styles
*
* @section callout box
*/
.clb_blk_outer, .clb_blk_outer .rnd_r {background-image: url(/resource3/cleansheet/2013.10.29/i/rounded_corners2_d.gif);background-repeat: no-repeat;}
.clb_blk_outer { background-position: 0 0}
.clb_blk_outer .rnd_r {background-position: right -2px}
.clb_blk_outer2, .clb_blk_outer .rnd_r_b {background-image: url(/resource3/cleansheet/2013.10.29/i/rounded_corners2_d_b.gif);background-repeat: no-repeat;}
.clb_blk_outer2 {background-position: left bottom;}
.clb_blk_outer.rnd_r_b {background-position: right top}
.clb_blk_outer .rnd_r, .clb_blk_outer .rnd_r_b { margin: 0 0 0 6px; font-size: 0;height:2px}
*html .clb_blk_outer .rnd_r_b {margin-right: 1px}
.clb_blk {background: url(/resource3/cleansheet/2013.10.29/i/callout_bg_d.gif) repeat-x top left}
.clb_blk{
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr = #34373A, EndColorStr = #141516);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#34373A, EndColorStr=#141516);
	background: -moz-linear-gradient(center top, #34373A, #141516) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#34373A), to(#141516));
}

/**
* These classes are used to set background fix to Safari
* and describe callout box styles
*
* @section callout box
* @affected Safari, Opera
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.clb_blk{background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%225%25%22%20style%3D%22stop-color%3A%20%23373a3d%3B%22%2F%3E%3Cstop%20offset%3D%2252%25%22%20style%3D%22stop-color%3A%20%23000000%3B%22%2F%3E%3Cstop%20offset%3D%2296%25%22%20style%3D%22stop-color%3A%20%23373a3d%3B%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url(%23gradient)%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20%2F%3E%3C%2Fsvg%3E);}
}

*html .clb_blk {background: url(/resource3/cleansheet/2013.10.29/i/callout_bg_d.gif) repeat-x top left}
*+html .clb_blk {background: url(/resource3/cleansheet/2013.10.29/i/callout_bg_d.gif) repeat-x top left}
.clb_wht_outer, .clb_wht_outer .rnd_r {background-image: url(/resource3/cleansheet/2013.10.29/i/rounded_corners2.gif);background-repeat: no-repeat;}
.clb_wht_outer { background-position: 0 0;position: relative}
.clb_wht_outer .rnd_r {background-position: right -2px}
.clb_wht_outer2, .clb_wht_outer .rnd_r_b {background-image: url(/resource3/cleansheet/2013.10.29/i/rounded_corners2_b.gif);background-repeat: no-repeat;}
.clb_wht_outer2 {background-position: left bottom;}
.clb_wht_outer .rnd_r_b {background-position: right top}
.clb_wht_outer .rnd_r, .clb_wht_outer .rnd_r_b { margin: 0 0 0 6px; font-size: 0;height:2px}
*html .clb_wht_outer .rnd_r_b {margin-right: 1px}
.clb_wht {background: url(/resource3/cleansheet/2013.10.29/i/callout_bg_w.gif) repeat-x top left}
.clb_wht{
	border-right:1px #cccccc solid;border-left:1px #cccccc solid;
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr = #FFFFFF, EndColorStr = #EEEEEE);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#EEEEEE);
	background: -moz-linear-gradient(center top, #FFFFFF, #EEEEEE) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
}

/**
* Thise class is used to set background fix to Safari
*
* @section callout box
* @affected Safari, Opera
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.clb_wht{background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.0%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gradient%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%225%25%22%20style%3D%22stop-color%3A%20%23373a3d%3B%22%2F%3E%3Cstop%20offset%3D%2252%25%22%20style%3D%22stop-color%3A%20%23000000%3B%22%2F%3E%3Cstop%20offset%3D%2296%25%22%20style%3D%22stop-color%3A%20%23373a3d%3B%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20fill%3D%22url(%23gradient)%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20%2F%3E%3C%2Fsvg%3E);}
}

*html .clb_wht {background: url(/resource3/cleansheet/2013.10.29/i/callout_bg_w.gif) repeat-x top left}
*+html .clb_wht {background: url(/resource3/cleansheet/2013.10.29/i/callout_bg_w.gif) repeat-x top left}
.clb_blk h2, .clb_wht h2 {padding-bottom:10px}
.clb_wht p {color: #999}
.shd {width: 100%;-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5)}
.white .shd {-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.11);-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.11); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.11)}
*html .white .shd {background: #999;filter: alpha(opacity=10);padding: 0 2px 2px 0}
*+html .white .shd {background: #999;filter: alpha(opacity=10);padding: 0 2px 2px 0}
.white .shd {background: #999\0/;filter: alpha(opacity=10)\0/;padding: 0 2px 2px 0\0/}

/**
* Thise class is used to mark that element is printable, it`s not seen in window
* as it`s  display - none
*
* @section styles for printing
*/
.printable{display:none}

/**
* These classes are used to set margin-right:10px style to all flag icons
*
* @section flag icons
*/
.flg_af, .flg_ax, .flg_al, .flg_dz, .flg_as, .flg_ad, .flg_ao, .flg_ai, .flg_ag, .flg_ar, .flg_am, .flg_aw, .flg_au, .flg_at, .flg_az, .flg_bs, .flg_bh, .flg_bd, .flg_bb, .flg_by, .flg_be, .flg_bz, .flg_bj, .flg_bm, .flg_bt, .flg_bo, .flg_ba, .flg_bw, .flg_bv, .flg_br, .flg_io, .flg_vg, .flg_bn, .flg_bg, .flg_bf, .flg_bi, .flg_kh, .flg_cm, .flg_ca, .flg_cv, .flg_ctl, .flg_ky, .flg_cf, .flg_td, .flg_cl, .flg_cn, .flg_cx, .flg_cc, .flg_co, .flg_km, .flg_cg, .flg_ck, .flg_cr, .flg_ci, .flg_hr, .flg_cs, .flg_cu, .flg_cy, .flg_cz, .flg_kp, .flg_cd, .flg_dk, .flg_dj, .flg_dm, .flg_do, .flg_ec, .flg_eg, .flg_sv, .flg_eng, .flg_gq, .flg_er, .flg_ee, .flg_et, .flg_erp, .flg_fk, .flg_fam, .flg_fo, .flg_fdr, .flg_fj, .flg_fi, .flg_fr, .flg_gf, .flg_pf, .flg_tf, .flg_ga, .flg_gm, .flg_ge, .flg_de, .flg_gh, .flg_gi, .flg_gr, .flg_gl, .flg_gd, .flg_gp, .flg_gu, .flg_gt, .flg_gn, .flg_gw, .flg_gy, .flg_ht, .flg_hm, .flg_va, .flg_hn, .flg_hk, .flg_hu, .flg_is, .flg_in, .flg_id, .flg_iq, .flg_ie, .flg_ir, .flg_il, .flg_it, .flg_jm, .flg_jp, .flg_jo, .flg_kz, .flg_ke, .flg_ki, .flg_kw, .flg_kg, .flg_lv, .flg_lb, .flg_ls, .flg_lr, .flg_ly, .flg_li, .flg_lt, .flg_lu, .flg_mo, .flg_mk, .flg_mg, .flg_mw, .flg_my, .flg_mv, .flg_ml, .flg_mt, .flg_mh, .flg_mq, .flg_mr, .flg_mu, .flg_yt, .flg_mx, .flg_mc, .flg_mn, .flg_me, .flg_ms, .flg_ma, .flg_mz, .flg_mm, .flg_na, .flg_nr, .flg_np, .flg_ant, .flg_nl, .flg_nc, .flg_nz, .flg_ni, .flg_ne, .flg_ng, .flg_nu, .flg_nf, .flg_mp, .flg_no, .flg_ps, .flg_om, .flg_pk, .flg_pw, .flg_pa, .flg_pg, .flg_py, .flg_la, .flg_pe, .flg_ph, .flg_pn, .flg_pl, .flg_pt, .flg_pr, .flg_qa, .flg_md, .flg_kr, .flg_re, .flg_ro, .flg_ru, .flg_rw, .flg_sh, .flg_kn, .flg_lc, .flg_pm, .flg_vc, .flg_ws, .flg_sm, .flg_st, .flg_sa, .flg_sct, .flg_sn, .flg_rs, .flg_sc, .flg_sl, .flg_sg, .flg_sk, .flg_si, .flg_sb, .flg_so, .flg_za, .flg_gs, .flg_es, .flg_lk, .flg_sd, .flg_sr, .flg_sj, .flg_sz, .flg_se, .flg_ch, .flg_sy, .flg_tw, .flg_tj, .flg_th, .flg_tg, .flg_tk, .flg_to, .flg_tt, .flg_tl, .flg_tn, .flg_tr, .flg_tm, .flg_tc, .flg_tv, .flg_ug, .flg_ua, .flg_ae, .flg_uk, .flg_gb, .flg_tz, .flg_us, .flg_um, .flg_uy, .flg_vi, .flg_uz, .flg_vu, .flg_ve, .flg_vn, .flg_wls, .flg_wf, .flg_eh, .flg_ye, .flg_zm, .flg_zw, .flg_non{margin-right:20px; height:15px; width:15px; background:url(/resource3/cleansheet/2013.10.29/i/flags_sprite.gif) transparent 0 50%;display:block}
#js_lng_trigger .flg_af, #js_lng_trigger .flg_ax, #js_lng_trigger .flg_al, #js_lng_trigger .flg_dz, #js_lng_trigger .flg_as, #js_lng_trigger .flg_ad, #js_lng_trigger .flg_ao, #js_lng_trigger .flg_ai, #js_lng_trigger .flg_ag, #js_lng_trigger .flg_ar, #js_lng_trigger .flg_am, #js_lng_trigger .flg_aw, #js_lng_trigger .flg_au, #js_lng_trigger .flg_at, #js_lng_trigger .flg_az, #js_lng_trigger .flg_bs, #js_lng_trigger .flg_bh, #js_lng_trigger .flg_bd, #js_lng_trigger .flg_bb, #js_lng_trigger .flg_by, #js_lng_trigger .flg_be, #js_lng_trigger .flg_bz, #js_lng_trigger .flg_bj, #js_lng_trigger .flg_bm, #js_lng_trigger .flg_bt, #js_lng_trigger .flg_bo, #js_lng_trigger .flg_ba, #js_lng_trigger .flg_bw, #js_lng_trigger .flg_bv, #js_lng_trigger .flg_br, #js_lng_trigger .flg_io, #js_lng_trigger .flg_vg, #js_lng_trigger .flg_bn, #js_lng_trigger .flg_bg, #js_lng_trigger .flg_bf, #js_lng_trigger .flg_bi, #js_lng_trigger .flg_kh, #js_lng_trigger .flg_cm, #js_lng_trigger .flg_ca, #js_lng_trigger .flg_cv, #js_lng_trigger .flg_ctl, #js_lng_trigger .flg_ky, #js_lng_trigger .flg_cf, #js_lng_trigger .flg_td, #js_lng_trigger .flg_cl, #js_lng_trigger .flg_cn, #js_lng_trigger .flg_cx, #js_lng_trigger .flg_cc, #js_lng_trigger .flg_co, #js_lng_trigger .flg_km, #js_lng_trigger .flg_cg, #js_lng_trigger .flg_ck, #js_lng_trigger .flg_cr, #js_lng_trigger .flg_ci, #js_lng_trigger .flg_hr, #js_lng_trigger .flg_cs, #js_lng_trigger .flg_cu, #js_lng_trigger .flg_cy, #js_lng_trigger .flg_cz, #js_lng_trigger .flg_kp, #js_lng_trigger .flg_cd, #js_lng_trigger .flg_dk, #js_lng_trigger .flg_dj, #js_lng_trigger .flg_dm, #js_lng_trigger .flg_do, #js_lng_trigger .flg_ec, #js_lng_trigger .flg_eg, #js_lng_trigger .flg_sv, #js_lng_trigger .flg_eng, #js_lng_trigger .flg_gq, #js_lng_trigger .flg_er, #js_lng_trigger .flg_ee, #js_lng_trigger .flg_et, #js_lng_trigger .flg_erp, #js_lng_trigger .flg_fk, #js_lng_trigger .flg_fam, #js_lng_trigger .flg_fo, #js_lng_trigger .flg_fdr, #js_lng_trigger .flg_fj, #js_lng_trigger .flg_fi, #js_lng_trigger .flg_fr, #js_lng_trigger .flg_gf, #js_lng_trigger .flg_pf, #js_lng_trigger .flg_tf, #js_lng_trigger .flg_ga, #js_lng_trigger .flg_gm, #js_lng_trigger .flg_ge, #js_lng_trigger .flg_de, #js_lng_trigger .flg_gh, #js_lng_trigger .flg_gi, #js_lng_trigger .flg_gr, #js_lng_trigger .flg_gl, #js_lng_trigger .flg_gd, #js_lng_trigger .flg_gp, #js_lng_trigger .flg_gu, #js_lng_trigger .flg_gt, #js_lng_trigger .flg_gn, #js_lng_trigger .flg_gw, #js_lng_trigger .flg_gy, #js_lng_trigger .flg_ht, #js_lng_trigger .flg_hm, #js_lng_trigger .flg_va, #js_lng_trigger .flg_hn, #js_lng_trigger .flg_hk, #js_lng_trigger .flg_hu, #js_lng_trigger .flg_is, #js_lng_trigger .flg_in, #js_lng_trigger .flg_id, #js_lng_trigger .flg_iq, #js_lng_trigger .flg_ie, #js_lng_trigger .flg_ir, #js_lng_trigger .flg_il, #js_lng_trigger .flg_it, #js_lng_trigger .flg_jm, #js_lng_trigger .flg_jp, #js_lng_trigger .flg_jo, #js_lng_trigger .flg_kz, #js_lng_trigger .flg_ke, #js_lng_trigger .flg_ki, #js_lng_trigger .flg_kw, #js_lng_trigger .flg_kg, #js_lng_trigger .flg_lv, #js_lng_trigger .flg_lb, #js_lng_trigger .flg_ls, #js_lng_trigger .flg_lr, #js_lng_trigger .flg_ly, #js_lng_trigger .flg_li, #js_lng_trigger .flg_lt, #js_lng_trigger .flg_lu, #js_lng_trigger .flg_mo, #js_lng_trigger .flg_mk, #js_lng_trigger .flg_mg, #js_lng_trigger .flg_mw, #js_lng_trigger .flg_my, #js_lng_trigger .flg_mv, #js_lng_trigger .flg_ml, #js_lng_trigger .flg_mt, #js_lng_trigger .flg_mh, #js_lng_trigger .flg_mq, #js_lng_trigger .flg_mr, #js_lng_trigger .flg_mu, #js_lng_trigger .flg_yt, #js_lng_trigger .flg_mx, #js_lng_trigger .flg_mc, #js_lng_trigger .flg_mn, #js_lng_trigger .flg_me, #js_lng_trigger .flg_ms, #js_lng_trigger .flg_ma, #js_lng_trigger .flg_mz, #js_lng_trigger .flg_mm, #js_lng_trigger .flg_na, #js_lng_trigger .flg_nr, #js_lng_trigger .flg_np, #js_lng_trigger .flg_ant, #js_lng_trigger .flg_nl, #js_lng_trigger .flg_nc, #js_lng_trigger .flg_nz, #js_lng_trigger .flg_ni, #js_lng_trigger .flg_ne, #js_lng_trigger .flg_ng, #js_lng_trigger .flg_nu, #js_lng_trigger .flg_nf, #js_lng_trigger .flg_mp, #js_lng_trigger .flg_no, #js_lng_trigger .flg_ps, #js_lng_trigger .flg_om, #js_lng_trigger .flg_pk, #js_lng_trigger .flg_pw, #js_lng_trigger .flg_pa, #js_lng_trigger .flg_pg, #js_lng_trigger .flg_py, #js_lng_trigger .flg_la, #js_lng_trigger .flg_pe, #js_lng_trigger .flg_ph, #js_lng_trigger .flg_pn, #js_lng_trigger .flg_pl, #js_lng_trigger .flg_pt, #js_lng_trigger .flg_pr, #js_lng_trigger .flg_qa, #js_lng_trigger .flg_md, #js_lng_trigger .flg_kr, #js_lng_trigger .flg_re, #js_lng_trigger .flg_ro, #js_lng_trigger .flg_ru, #js_lng_trigger .flg_rw, #js_lng_trigger .flg_sh, #js_lng_trigger .flg_kn, #js_lng_trigger .flg_lc, #js_lng_trigger .flg_pm, #js_lng_trigger .flg_vc, #js_lng_trigger .flg_ws, #js_lng_trigger .flg_sm, #js_lng_trigger .flg_st, #js_lng_trigger .flg_sa, #js_lng_trigger .flg_sct, #js_lng_trigger .flg_sn, #js_lng_trigger .flg_rs, #js_lng_trigger .flg_sc, #js_lng_trigger .flg_sl, #js_lng_trigger .flg_sg, #js_lng_trigger .flg_sk, #js_lng_trigger .flg_si, #js_lng_trigger .flg_sb, #js_lng_trigger .flg_so, #js_lng_trigger .flg_za, #js_lng_trigger .flg_gs, #js_lng_trigger .flg_es, #js_lng_trigger .flg_lk, #js_lng_trigger .flg_sd, #js_lng_trigger .flg_sr, #js_lng_trigger .flg_sj, #js_lng_trigger .flg_sz, #js_lng_trigger .flg_se, #js_lng_trigger .flg_ch, #js_lng_trigger .flg_sy, #js_lng_trigger .flg_tw, #js_lng_trigger .flg_tj, #js_lng_trigger .flg_th, #js_lng_trigger .flg_tg, #js_lng_trigger .flg_tk, #js_lng_trigger .flg_to, #js_lng_trigger .flg_tt, #js_lng_trigger .flg_tl, #js_lng_trigger .flg_tn, #js_lng_trigger .flg_tr, #js_lng_trigger .flg_tm, #js_lng_trigger .flg_tc, #js_lng_trigger .flg_tv, #js_lng_trigger .flg_ug, #js_lng_trigger .flg_ua, #js_lng_trigger .flg_ae, #js_lng_trigger .flg_uk, #js_lng_trigger .flg_gb, #js_lng_trigger .flg_tz, #js_lng_trigger .flg_us, #js_lng_trigger .flg_um, #js_lng_trigger .flg_uy, #js_lng_trigger .flg_vi, #js_lng_trigger .flg_uz, #js_lng_trigger .flg_vu, #js_lng_trigger .flg_ve, #js_lng_trigger .flg_vn, #js_lng_trigger .flg_wls, #js_lng_trigger .flg_wf, #js_lng_trigger .flg_eh, #js_lng_trigger .flg_ye, #js_lng_trigger .flg_zm, #js_lng_trigger .flg_zw, #js_lng_trigger .flg_non{margin-right:10px}

/**
* These classes are used to show flag icon that placed in 1 column of sprite image
*
* @section flag icons
* @subsection flag icons column 1 background positions
*/
.flg_af {background-position:0 2px} /* AFGHANISTAN */
.flg_ax {background-position:0 -28px} /* ALAND ISLANDS */
.flg_al {background-position:0 -58px} /* ALBANIA */
.flg_dz {background-position:0 -88px} /* ALGERIA */
.flg_as {background-position:0 -118px} /* AMERICAN SAMOA */
.flg_ad {background-position:0 -148px} /* ANDORRA */
.flg_ao {background-position:0 -178px} /* ANGOLA */
.flg_ai {background-position:0 -208px} /* ANGUILLA */
.flg_ag {background-position:0 -238px} /* ANTIGUA AND BARBUDA */
.flg_ar {background-position:0 -268px} /* ARGENTINA */
.flg_am {background-position:0 -298px} /* ARMENIA */
.flg_aw {background-position:0 -328px} /* ARUBA */
.flg_au {background-position:0 -358px} /* AUSTRALIA */
.flg_at {background-position:0 -388px} /* AUSTRIA */
.flg_az {background-position:0 -418px} /* AZERBAIJAN */
.flg_bs {background-position:0 -448px} /* BAHAMAS */
.flg_bh {background-position:0 -478px} /* BAHRAIN */
.flg_bd {background-position:0 -508px} /* BANGLADESH */
.flg_bb {background-position:0 -538px} /* BARBADOS */
.flg_by {background-position:0 -568px} /* BELARUS */
.flg_be {background-position:0 -598px} /* BELGIUM */
.flg_bz {background-position:0 -628px} /* BELIZE */
.flg_bj {background-position:0 -658px} /* BENIN */
.flg_bm {background-position:0 -688px} /* BERMUDA */
.flg_bt {background-position:0 -718px} /* BHUTAN */
/*.flg_ve {background-position:0 -748px} *//* VENEZUELA, BOLIVARIAN REPUBLIC OF --duplicated line 249*/
.flg_bo {background-position:0 -778px} /* BOLIVIA, PLURINATIONAL STATE OF */
.flg_ba {background-position:0 -808px} /* BOSNIA AND HERZEGOVINA */
.flg_bw {background-position:0 -838px} /* BOTSWANA */
.flg_bv {background-position:0 -868px} /* BOUVET ISLAND */
.flg_br {background-position:0 -898px} /* BRAZIL */
.flg_io {background-position:0 -928px} /* BRITISH INDIAN OCEAN TERRITORY */
.flg_vg {background-position:0 -958px} /* VIRGIN ISLANDS, BRITISH */
.flg_bn {background-position:0 -988px} /* BRUNEI DARUSSALAM */
.flg_bg {background-position:0 -1018px} /* BULGARIA */
.flg_bf {background-position:0 -1048px} /* BURKINA FASO */
.flg_bi {background-position:0 -1078px} /* BURUNDI */
.flg_kh {background-position:0 -1108px} /* CAMBODIA */
.flg_cm {background-position:0 -1138px} /* CAMEROON */
.flg_ca {background-position:0 -1168px} /* CANADA */
.flg_cv {background-position:0 -1198px} /* CAPE VERDE */
.flg_ctl {background-position:0 -1228px} /* ___catalonia___ */
.flg_ky {background-position:0 -1252px} /* CAYMAN ISLANDS */
.flg_cf {background-position:0 -1288px} /* CENTRAL AFRICAN REPUBLIC */
.flg_td {background-position:0 -1312px} /* CHAD */
.flg_cl {background-position:0 -1348px} /* CHILE */
.flg_cn {background-position:0 -1378px} /* CHINA */
.flg_cx {background-position:0 -1408px} /* CHRISTMAS ISLAND */

/**
* These classes are used to show flag icon that placed in 2 column of sprite image
*
* @section flag icons
* @subsection flag icons column 2 background positions
*/
.flg_cc {background-position:-350px 2px} /* COCOS (KEELING) ISLANDS */
.flg_co {background-position:-350px -28px} /* COLOMBIA */
.flg_km {background-position:-350px -58px} /* COMOROS */
.flg_cg {background-position:-350px -88px} /* CONGO */
.flg_ck {background-position:-350px -118px} /* COOK ISLANDS */
.flg_cr {background-position:-350px -148px} /* COSTA RICA */
.flg_ci {background-position:-350px -178px} /* COTE D'IVOIRE */
.flg_hr {background-position:-350px -208px} /* CROATIA */
.flg_cs {background-position:-350px -238px} /* ___cs___ */
.flg_cu {background-position:-350px -268px} /* CUBA */
.flg_cy {background-position:-350px -298px} /* CYPRUS */
.flg_cz {background-position:-350px -328px} /* CZECH REPUBLIC */
.flg_kp {background-position:-350px -358px} /* KOREA, DEMOCRATIC PEOPLE'S REPUBLIC OF */
.flg_cd {background-position:-350px -388px} /* CONGO, THE DEMOCRATIC REPUBLIC OF THE */
.flg_dk {background-position:-350px -418px} /* DENMARK */
.flg_dj {background-position:-350px -448px} /* DJIBOUTI */
.flg_dm {background-position:-350px -478px} /* DOMINICA */
.flg_do {background-position:-350px -508px} /* DOMINICAN REPUBLIC */
.flg_ec {background-position:-350px -538px} /* ECUADOR */
.flg_eg {background-position:-350px -568px} /* EGYPT */
.flg_sv {background-position:-350px -598px} /* EL SALVADOR */
.flg_eng {background-position:-350px -628px} /* ___england___ */
.flg_gq {background-position:-350px -658px} /* EQUATORIAL GUINEA */
.flg_er {background-position:-350px -688px} /* ERITREA */
.flg_ee {background-position:-350px -719px} /* ESTONIA */
.flg_et {background-position:-350px -748px} /* ETHIOPIA */
.flg_erp {background-position:-350px -778px} /* ___europeanunion___ */
.flg_fk {background-position:-350px -808px} /* FALKLAND ISLANDS (MALVINAS) */
.flg_fam {background-position:-350px -838px} /* ___fam___ */
.flg_fo {background-position:-350px -868px} /* FAROE ISLANDS */
.flg_fdr {background-position:-350px -898px} /* ___federated states___ */
.flg_fj {background-position:-350px -928px} /* FIJI */
.flg_fi {background-position:-350px -958px} /* FINLAND */
.flg_fr {background-position:-350px -988px} /* FRANCE */
.flg_gf {background-position:-350px -1018px} /* FRENCH GUIANA */
.flg_pf {background-position:-350px -1048px} /* FRENCH POLYNESIA */
.flg_tf {background-position:-350px -1078px} /* FRENCH SOUTHERN TERRITORIES */
.flg_ga {background-position:-350px -1108px} /* GABON */
.flg_gm {background-position:-350px -1138px} /* GAMBIA */
.flg_ge {background-position:-350px -1168px} /* GEORGIA */
.flg_de {background-position:-350px -1198px} /* GERMANY */
.flg_gh {background-position:-350px -1228px} /* GHANA */
.flg_gi {background-position:-350px -1252px} /* GIBRALTAR */
.flg_gr {background-position:-350px -1288px} /* GREECE */
.flg_gl {background-position:-350px -1312px} /* GREENLAND */
.flg_gd {background-position:-350px -1348px} /* GRENADA */
.flg_gp {background-position:-350px -1378px} /* GUADELOUPE */
.flg_gu {background-position:-350px -1408px} /* GUAM */

/**
* These classes are used to show flag icon that placed in 3 column of sprite image
*
* @section flag icons
* @subsection flag icons column 3 background positions
*/
.flg_gt {background-position:-700px 2px} /* GUATEMALA */
.flg_gn {background-position:-700px -28px} /* GUINEA */
.flg_gw {background-position:-700px -58px} /* GUINEA-BISSAU */
.flg_gy {background-position:-700px -88px} /* GUYANA */
.flg_ht {background-position:-700px -118px} /* HAITI */
.flg_hm {background-position:-700px -148px} /* HEARD ISLAND AND MCDONALD ISLANDS */
.flg_va {background-position:-700px -178px} /* HOLY SEE (VATICAN CITY STATE) */
.flg_hn {background-position:-700px -208px} /* HONDURAS */
.flg_hk {background-position:-700px -238px} /* HONG KONG */
.flg_hu {background-position:-700px -268px} /* HUNGARY */
.flg_is {background-position:-700px -298px} /* ICELAND */
.flg_in {background-position:-700px -328px} /* INDIA */
.flg_id {background-position:-700px -358px} /* INDONESIA */
.flg_iq {background-position:-700px -388px} /* IRAQ */
.flg_ie {background-position:-700px -418px} /* IRELAND */
.flg_ir {background-position:-700px -448px} /* IRAN, ISLAMIC REPUBLIC OF */
.flg_il {background-position:-700px -478px} /* ISRAEL */
.flg_it {background-position:-700px -508px} /* ITALY */
.flg_jm {background-position:-700px -538px} /* JAMAICA */
.flg_jp {background-position:-700px -568px} /* JAPAN */
.flg_jo {background-position:-700px -598px} /* JORDAN */
.flg_kz {background-position:-700px -628px} /* KAZAKHSTAN */
.flg_ke {background-position:-700px -658px} /* KENYA */
.flg_ki {background-position:-700px -688px} /* KIRIBATI */
.flg_kw {background-position:-700px -718px} /* KUWAIT */
.flg_kg {background-position:-700px -748px} /* KYRGYZSTAN */
.flg_lv {background-position:-700px -778px} /* LATVIA */
.flg_lb {background-position:-700px -808px} /* LEBANON */
.flg_ls {background-position:-700px -838px} /* LESOTHO */
.flg_lr {background-position:-700px -868px} /* LIBERIA */
.flg_ly {background-position:-700px -898px} /* LIBYAN ARAB JAMAHIRIYA */
.flg_li {background-position:-700px -928px} /* LIECHTENSTEIN */
.flg_lt {background-position:-700px -958px} /* LITHUANIA */
.flg_lu {background-position:-700px -988px} /* LUXEMBOURG */
.flg_mo {background-position:-700px -1018px} /* MACAO */
.flg_mk {background-position:-700px -1048px} /* MACEDONIA, THE FORMER YUGOSLAV REPUBLIC OF */
.flg_mg {background-position:-700px -1078px} /* MADAGASCAR */
.flg_mw {background-position:-700px -1108px} /* MALAWI */
.flg_my {background-position:-700px -1138px} /* MALAYSIA */
.flg_mv {background-position:-700px -1168px} /* MALDIVES */
.flg_ml {background-position:-700px -1198px} /* MALI */
.flg_mt {background-position:-700px -1228px} /* MALTA */
.flg_mh {background-position:-700px -1252px} /* MARSHALL ISLANDS */
.flg_mq {background-position:-700px -1288px} /* MARTINIQUE */
.flg_mr {background-position:-700px -1312px} /* MAURITANIA */
.flg_mu {background-position:-700px -1348px} /* MAURITIUS */
.flg_yt {background-position:-700px -1378px} /* MAYOTTE */
.flg_mx {background-position:-700px -1408px} /* MEXICO */

/**
* These classes are used to show flag icon that placed in 4 column of sprite image
*
* @section flag icons
* @subsection flag icons column 4 background positions
*/
.flg_mc {background-position:-1050px 2px} /* MONACO */
.flg_mn {background-position:-1050px -28px} /* MONGOLIA */
.flg_me {background-position:-1050px -58px} /* MONTENEGRO */
.flg_ms {background-position:-1050px -88px} /* MONTSERRAT */
.flg_ma {background-position:-1050px -118px} /* MOROCCO */
.flg_mz {background-position:-1050px -148px} /* MOZAMBIQUE */
.flg_mm {background-position:-1050px -178px} /* MYANMAR */
.flg_na {background-position:-1050px -208px} /* NAMIBIA */
.flg_nr {background-position:-1050px -238px} /* NAURU */
.flg_np {background-position:-1050px -268px} /* NEPAL */
.flg_ant {background-position:-1050px -298px} /* ___netherland antilles___ */
.flg_nl {background-position:-1050px -328px} /* NETHERLANDS */
.flg_nc {background-position:-1050px -358px} /* NEW CALEDONIA */
.flg_nz {background-position:-1050px -388px} /* NEW ZEALAND */
.flg_ni {background-position:-1050px -418px} /* NICARAGUA */
.flg_ne {background-position:-1050px -448px} /* NIGER */
.flg_ng {background-position:-1050px -478px} /* NIGERIA */
.flg_nu {background-position:-1050px -508px} /* NIUE */
.flg_nf {background-position:-1050px -538px} /* NORFOLK ISLAND */
.flg_mp {background-position:-1050px -568px} /* NORTHERN MARIANA ISLANDS */
.flg_no {background-position:-1050px -598px} /* NORWAY */
.flg_ps {background-position:-1050px -628px} /* PALESTINIAN TERRITORY, OCCUPIED */
.flg_om {background-position:-1050px -658px} /* OMAN */
.flg_pk {background-position:-1050px -688px} /* PAKISTAN */
.flg_pw {background-position:-1050px -718px} /* PALAU */
.flg_pa {background-position:-1050px -748px} /* PANAMA */
.flg_pg {background-position:-1050px -778px} /* PAPUA NEW GUINEA */
.flg_py {background-position:-1050px -808px} /* PARAGUAY */
.flg_la {background-position:-1050px -838px} /* LAO PEOPLE'S DEMOCRATIC REPUBLIC */
.flg_pe {background-position:-1050px -868px} /* PERU */
.flg_ph {background-position:-1050px -898px} /* PHILIPPINES */
.flg_pn {background-position:-1050px -928px} /* PITCAIRN */
.flg_pl {background-position:-1050px -958px} /* POLAND */
.flg_pt {background-position:-1050px -988px} /* PORTUGAL */
.flg_pr {background-position:-1050px -1018px} /* PUERTO RICO */
.flg_qa {background-position:-1050px -1048px} /* QATAR */
.flg_md {background-position:-1050px -1078px} /* MOLDOVA, REPUBLIC OF */
.flg_kr {background-position:-1050px -1108px} /* KOREA, REPUBLIC OF */
.flg_re {background-position:-1050px -1138px} /* REUNION */
.flg_ro {background-position:-1050px -1168px} /* ROMANIA */
.flg_ru {background-position:-1050px -1198px} /* RUSSIAN FEDERATION */
.flg_rw {background-position:-1050px -1228px} /* RWANDA */
.flg_sh {background-position:-1050px -1252px} /* SAINT HELENA, ASCENSION AND TRISTAN DA CUNHA */
.flg_kn {background-position:-1050px -1288px} /* SAINT KITTS AND NEVIS */
.flg_lc {background-position:-1050px -1312px} /* SAINT LUCIA */
.flg_pm {background-position:-1050px -1348px} /* SAINT PIERRE AND MIQUELON */
.flg_vc {background-position:-1050px -1378px} /* SAINT VINCENT AND THE GRENADINES */
.flg_ws {background-position:-1050px -1408px} /* SAMOA */

/**
* These classes are used to show flag icon that placed in 5 column of sprite image
*
* @section flag icons
* @subsection flag icons column 5 background positions
*/
.flg_sm {background-position:-1400px 2px} /* SAN MARINO */
.flg_st {background-position:-1400px -28px} /* SAO TOME AND PRINCIPE */
.flg_sa {background-position:-1400px -58px} /* SAUDI ARABIA */
.flg_sct {background-position:-1400px -88px} /* ___scotland___ */
.flg_sn {background-position:-1400px -118px} /* SENEGAL */
.flg_rs {background-position:-1400px -148px} /* SERBIA */
.flg_sc {background-position:-1400px -178px} /* SEYCHELLES */
.flg_sl {background-position:-1400px -208px} /* SIERRA LEONE */
.flg_sg {background-position:-1400px -234px} /* SINGAPORE */
.flg_sk {background-position:-1400px -264px} /* SLOVAKIA */
.flg_si {background-position:-1400px -295px} /* SLOVENIA */
.flg_sb {background-position:-1400px -328px} /* SOLOMON ISLANDS */
.flg_so {background-position:-1400px -358px} /* SOMALIA */
.flg_za {background-position:-1400px -384px} /* SOUTH AFRICA */
.flg_gs {background-position:-1400px -418px} /* SOUTH GEORGIA AND THE SOUTH SANDWICH ISLANDS */
.flg_es {background-position:-1400px -445px} /* SPAIN */
.flg_lk {background-position:-1400px -478px} /* SRI LANKA */
.flg_sd {background-position:-1400px -508px} /* SUDAN */
.flg_sr {background-position:-1400px -538px} /* SURINAME */
.flg_sj {background-position:-1400px -568px} /* SVALBARD AND JAN MAYEN */
.flg_sz {background-position:-1400px -598px} /* SWAZILAND */
.flg_se {background-position:-1400px -624px} /* SWEDEN */
.flg_ch {background-position:-1400px -654px} /* SWITZERLAND */
.flg_sy {background-position:-1400px -688px} /* SYRIAN ARAB REPUBLIC */
.flg_tw {background-position:-1400px -718px} /* TAIWAN, PROVINCE OF CHINA */
.flg_tj {background-position:-1400px -748px} /* TAJIKISTAN */
.flg_th {background-position:-1400px -775px} /* THAILAND */
.flg_tg {background-position:-1400px -808px} /* TOGO */
.flg_tk {background-position:-1400px -838px} /* TOKELAU */
.flg_to {background-position:-1400px -868px} /* TONGA */
.flg_tt {background-position:-1400px -898px} /* TRINIDAD AND TOBAGO */
.flg_tl {background-position:-1400px -928px} /* TIMOR-LESTE */
.flg_tn {background-position:-1400px -958px} /* TUNISIA */
.flg_tr {background-position:-1400px -985px} /* TURKEY */
.flg_tm {background-position:-1400px -1018px} /* TURKMENISTAN */
.flg_tc {background-position:-1400px -1048px} /* TURKS AND CAICOS ISLANDS */
.flg_tv {background-position:-1400px -1078px} /* TUVALU */
.flg_ug {background-position:-1400px -1108px} /* UGANDA */
.flg_ua {background-position:-1400px -1135px} /* UKRAINE */
.flg_ae {background-position:-1400px -1168px} /* UNITED ARAB EMIRATES */
.flg_uk {background-position:-1400px -1195px} /* UNITED KINGDOM */
.flg_tz {background-position:-1400px -1228px} /* TANZANIA, UNITED REPUBLIC OF */
.flg_us {background-position:-1400px -1254px} /* UNITED STATES */
.flg_um {background-position:-1400px -1288px} /* UNITED STATES MINOR OUTLYING ISLANDS */
.flg_uy {background-position:-1400px -1314px} /* URUGUAY */
.flg_vi {background-position:-1400px -1348px} /* VIRGIN ISLANDS, U.S. */
.flg_uz {background-position:-1400px -1378px} /* UZBEKISTAN */
.flg_vu {background-position:-1400px -1408px} /* VANUATU */

/**
* These classes are used to show flag icon that placed in 6 column of sprite image
*
* @section flag icons
* @subsection flag icons column 6 background positions
*/
.flg_ve {background-position:-1750px 2px} /* VENEZUELA, BOLIVARIAN REPUBLIC OF */
.flg_vn {background-position:-1750px -28px} /* VIET NAM */
.flg_wls {background-position:-1750px -58px} /* ___wales___ */
.flg_wf {background-position:-1750px -88px} /* WALLIS AND FUTUNA */
.flg_eh {background-position:-1750px -118px} /* WESTERN SAHARA */
.flg_ye {background-position:-1750px -148px} /* YEMEN */
.flg_zm {background-position:-1750px -178px} /* ZAMBIA */
.flg_zw {background-position:-1750px -208px} /* ZIMBABWE */
.flg_non{background-position:-1750px -236px} /* NO FLAG */

/**
* Thise class is used to set background image to li element
*
* @section eb(SSS) landing additional
*/
ul.disc li {background: url(/resource3/cleansheet/2013.10.29/i/eb/list_circle.png) no-repeat 0 7px;padding-left:15px; margin-bottom: 10px}

/**
* These classes are used to describe table, th, td, tr elements
*
* @section tables
*/
table.tbl {border-collapse:collapse; background:#343434;border:1px solid #1e1e1e}
table.tbl td, table.tbl th {border-right:1px solid #232323;padding: 15px 10px;font-size:inherit; text-align: left}
table.tbl th, .tbl .tableHeaderOver {background-color: #2a2a2c; font-weight: bold; vertical-align: bottom}
table.tbl tr.odd {background:#3c3c3c;}

table.slim td, table.slim th{padding: 5px 10px;}

/**
* These classes are used to describe table, th, td, tr elements on white background
* and links color
 *
* @subsection table link hovers
*/
table.tbl a.gry:visited {color: #5f76a5 }
table.tbl a.gry:active, table.tbl a.gry:hover, table.tbl a.gry {color:#B2B2B2}
table.tbl a.gry:hover {text-decoration:underline}
table.tbl a.lgr:focus {color:#a9a9a9}

.white table.tbl a.lgr:focus {color:#111111}
.white table.tbl {background: #eee;border:1px solid #999;}
.white table.tbl th, .white .tbl .tableHeaderOver {background-color: #e7e7e7;}
.white table.tbl tr.odd {background:#fff;}
.white table.tbl td, .white table.tbl th {border-right:1px solid #999}
.white table.tbl tbody td {border-top: 1px #ccc solid}
.white a.lbk {color:#121212}
.white a.bll:visited {color: #5f76a5}
.white a.bll:link, .white a.bll:hover, .white a.bll:active {color:#186d94}
.white a.bll:hover {text-decoration: underline}


/**
* These classes are used to describe such form elements as
* checkboxes, radio buttons
*
* @section form elements
* @subsection checkboxes, radio buttons
*/
.chkb, .rdb {white-space:nowrap}
.chkb .chbx, .rdb .rbtn {padding:0 0 0 20px; cursor: pointer; display: inline-block}
.chkb .chbx {background: url(/resource3/cleansheet/2013.10.29/i/checkbox.gif) no-repeat left 3px;min-height:18px;min-width:18px}
.rdb .rbtn {background: url(/resource3/cleansheet/2013.10.29/i/radiobutton.gif) no-repeat left 3px;min-height:18px;min-width:18px}
.gray .chkb .chbx {background: url(/resource3/cleansheet/2013.10.29/i/checkboxes.gif) no-repeat left 3px}
.gray .rdb .rbtn {background: url(/resource3/cleansheet/2013.10.29/i/radiobuttons.gif) no-repeat left 3px}
.chkb a.chkd, .rdb a.chkd, .white .chkb a.chkd, .white .rdb a.chkd { color: #6ACB07;}
.chkb a.unchkd, .rdb a.unchkd{ color:#999999; }
.white .chkb a.unchkd, .white .rdb a.unchkd { color: #404040;}
.chkb a.dis, .rdb a.dis { color: #666 !important; text-decoration:line-through;}
.white .chkb a.dis, .white .rdb a.dis { color: #464646 !important; text-decoration:line-through;}


/**
* These classes are used to describe such form elements as
* checkboxes, radio buttons on white background
*
* @section form elements
* @subsection checkboxes, radio buttons on white background
*/
.white .chkb a.dis, .white .rdb a.dis {color:#999 !important; text-decoration:line-through;}
.white .chkd { color: #1D6600; }
.white .unchkd { color: #848484; }
.white .dis { color: #999999; text-decoration:line-through;}

.gray .chkb a.chkd, .gray .rdb a.chkd { color: #999;}
.white .gray .chkb a.chkd, .white .gray .rdb a.chkd { color: #404040;}

.chkb .chkd {background-position:left 3px }
.chkb .unchkd {background-position:left -67px }
.chkb .dis {background-position:left -137px;cursor:default}
.chkb .chkd.dis  {background-position:left 3px }
.white .chkb .chkd {background-position:left -207px }
.white .chkb .unchkd {background-position:left -277px }
.white .chkb .dis  {background-position:left -347px;}
.gray .chkb .unchkd {background-position:left 2px }
.gray .chkb .chkd {background-position:left -69px }
.gray .chkb .dis {background-position:left -142px }
.gray .chkb .chkd.dis  {background-position:left -212px;}
.white .gray .chkb .unchkd {background-position:left -283px }
.white .gray .chkb .chkd {background-position:left -354px }
.white .gray .chkb .dis {background-position:left -425px }
.white .gray .chkb .chkd.dis  {background-position:left -496px;}


.rdb .chkd {background-position:left 1px }
.rdb .unchkd {background-position:left -69px }
.rdb .dis {background-position:left -139px;cursor:default;}
.rdb .chkd.dis {background-position:left 1px;cursor:default; }
.white .rdb .chkd {background-position:left -209px }
.white .rdb .unchkd {background-position:left -279px }
.white .rdb .dis {background-position:left -349px;}
.gray .rdb .unchkd {background-position:left 2px }
.gray .rdb .chkd {background-position:left -69px }
.gray .rdb .dis {background-position:left -142px;}
.gray .rdb .chkd.dis {background-position:left -212px }
.white .gray .rdb .unchkd {background-position:left -283px }
.white .gray .rdb .chkd {background-position:left -354px }
.white .gray .rdb .dis {background-position:left -425px;}
.white .gray .rdb .chkd.dis {background-position:left -496px }


/**
* These classes are used to describe icons of sortable colums
*
* @section sortable columns
*/
.sort_col .icn_srt, .sort_col .icn_srt:hover {cursor:pointer; background: url(/resource3/cleansheet/2013.10.29/i/sort_icn.gif) no-repeat right 2px; display:inline-block; width: 13px; height:15px; margin-top:2px !important}
.sort_col .icn_srt {background-position: left -134px}
.sort_col .icn_srt:hover {background-position: left -157px}
.sort_col .icn {width: 13px; height: 100%; margin-left: 5px;}
thead .sortedASC, thead .sortedDESC {background-color: #232323 !important}
.sortedASC .icn_srt, .sortedDESC div .icn_srt {width:13px;height:15px; margin:0 auto}
.sortedDESC .icn_srt {background-position: right 2px}
.sortedASC .icn_srt {background-position: left 2px}
.sortedASC .icn_srt:hover {background-position: left -21px}
.sortedDESC .icn_srt:hover {background-position: right -21px}

/**
* These classes are used to describe icons of sortable colums on white theme
*
* @section sortable columns
* @subsection sortable columns on white background
*/
.white .sort_col .icn_srt {background-position: left -89px}
.white .sort_col .icn_srt:hover {background-position: left -112px}
.white thead .sortedASC, .white thead .sortedDESC {background-color: #f3f3f3 !important}
.white .sortedDESC .icn_srt {background-position: right -44px}
.white .sortedASC .icn_srt {background-position:left -44px}
.white .sortedDESC .icn_srt:hover {background-position: right -67px}
.white .sortedASC .icn_srt:hover {background-position:left -67px}



.arr_rgt {background: url(/resource3/cleansheet/2013.10.29/i/arrow_right_b.gif) no-repeat 0 0;width:4px;height:7px;display:block;cursor:pointer; margin:8px 5px 0 5px;float:left}
.arr_rgt_b {background: url(/resource3/cleansheet/2013.10.29/i/arrow_right_b.gif) no-repeat 0 0;width:4px;height:7px;display:block;cursor:pointer; margin:8px 5px 0 5px;float:left}
.dd_act .dd {float:left}
table.tbl td.last_td {padding: 0 5px; float: none; clear: both; overflow: visible; }

/**
* These classes are used to describe text inputs element
*
* @section form elements
* @subsection text inputs
*/
.ti span {background: url(/resource3/cleansheet/2013.10.29/i/table-text-input.gif) no-repeat; background-position: right -42px; padding:0 10px 0 0; display:inline-block; height:21px}
.ti, .ti input {background: url(/resource3/cleansheet/2013.10.29/i/table-text-input-bg.gif) repeat;}
.ti {background: url(/resource3/cleansheet/2013.10.29/i/table-text-input.gif) no-repeat; background-position: left 0; padding:0 0 0 10px; display:inline-block; height:21px}
.ti input {background-position: right -42px; margin: 0;padding:0 10px 0 0; border: 0 none; height:21px; line-height: 17px;*margin:-1px 0}

/**
* These classes are used to describe text inputs element on white bckground
*
* @section form elements
* @subsection text inputs on white background
*/
.white .ti { background-position: left -21px}
.white .ti span {background-position: right -63px}
.white .ti input {background-position: right -63px}

/**
* Fixes to text inputs according to HPUI-434
*/
.ti23 span {background: url(/resource3/cleansheet/2013.10.29/i/table-text-input23.gif) no-repeat; background-position: right -46px; height:23px}
.ti23, .ti23 input {background: url(/resource3/cleansheet/2013.10.29/i/table-text-input-bg23.gif) repeat;}
.ti23 {background: url(/resource3/cleansheet/2013.10.29/i/table-text-input23.gif) no-repeat; height:23px}
.ti23 input {background-position: right -46px; height:23px}
.white .ti23 { background-position: left -23px}
.white .ti23 span {background-position: right -69px}
.white .ti23 input {background-position: right -69px}
.disabled_input input {color: #666; cursor: default}

/**
* These classes are used to describe  table corners and borders
*
* @section form elements
* @subsection textarea
*/
table.ta, table.ta td, table.ta th {border: 0 none}
.ta textarea {border:0 none; margin:-1px 0; background-color:#E5E5E5;overflow:auto; width: 100%}
.ta td, .white .ta td {padding:0; font-size: 0; border:0 none;}

.ta_corner { width: 3px; height: 3px; background:url(/resource3/cleansheet/2013.10.29/i/table-ta-corner.gif) no-repeat left 0;line-height:0 !important}
.lt {background-position:left 0;}
.rt {background-position:right 0;}
.lb {background-position:left -3px;}
.rb {background-position:right -3px;}

.white .lt {background-position:left -6px;}
.white .rt {background-position:right -6px;}
.white .lb {background-position:left -9px;}
.white .rb {background-position:right -9px;}

table.ta .ta_brd_t, table.ta .ta_brd_b, table.ta .ta_brd_l, table.ta .ta_brd_r {background-color:#e5e5e5;}
table.ta td.ta_brd_t {border-top:1px solid #ccc;height:3px;line-height:0 !important}
table.ta td.ta_brd_b {border-bottom:1px solid #ccc;height:3px;line-height:0 !important}
table.ta td.ta_brd_l {border-left:1px solid #ccc; width: 3px}
table.ta td.ta_brd_r {border-right:1px solid #ccc; width: 3px}

/**
* These classes are used to describe file upload input
*
* @section form elements
* @subsection file upload
*/
.br_upl { position:relative;display:inline-block}
.br_upl .ti {margin:0 3px 0 0}
.br_upl .btn_blu *, .br_upl .btn_dgr * { cursor:pointer; line-height:21px}
.br_upl .btn_cgr * { cursor:pointer; color: #848484; padding: 2px 4px 2px 3px; padding: 2px 0px 2px 0px;\9}
.br_upl input.file_select { position:absolute; right:0; left:auto;top:0; cursor:pointer;opacity:0; -moz-opacity:0; filter:alpha(opacity=0); }
/*Disable state*/
.br_upl input.file_select_disabled { position:absolute; right:0; left:auto;top:0; cursor:default;opacity:0; -moz-opacity:0; filter:alpha(opacity=0); }

/**
* These classes are used to describe dropdown styles
*
* @section form elements
* @subsection dropdown
*/
.dd {  position:relative; display:inline-block; font-size: 103%}
.dd_act {width:165px}
.dd_button {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor:pointer; height: }
.dd_button a {float:left}
.dd_button div.arr_gry_dwn_rgt, .dd_button div.arr_gry_up_rgt {float:right;margin:0 5px 0 0}

.dd_list {position: absolute;overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; visibility: hidden; display: none;top:0;width:100%}
.dd_item {border-bottom: 1px solid #999;background: #222222; }
.white .dd_item {border-bottom: 1px #bdbdbd solid; border-left: 1px #bdbdbd solid; border-right: 1px #bdbdbd solid}
.dd_item a { padding: 8px 10px;background-color:#707070; cursor:pointer; display:block}
.white .dd_item a { background-color: #f1f1f1; color: #404040}
.white .dd_button a.lgr,
.white .dd_button a.lgr:active,
.white .dd_button a.lgr:visited,
.white .dd_item a,
.white .dd_item a:active,
.white .dd_item a:visited {color: #666; }

.dd_item a:hover,
.dd_item a:focus,
.white .dd_item a:hover,
.white .dd_item a:focus {background-color:#818181;}

.dd_item a:hover,
.dd_item a:focus{background-color:#818181;}

.white .dd_item a:hover,
.white .dd_item a:focus{background-color:#cacaca;}

.dd_item a:hover,
.dd_item a:active,
.dd_item a:visited {color: #404040}

.dd_item a.dd_item_disabled,
.dd_item a.dd_item_disabled:active,
.dd_item a.dd_item_disabled:hover,
.dd_item a.dd_item_disabled:visited {background-color:#707070; color:#d3d3d3;}

a.lbk:focus {color:#ccc}
a.gry:focus {color:#999}
.dd_button a:focus{ color: #999999; }
.white .dd_button a.lgr:focus {color: #666;}
.chkb a:focus, .rdb a:focus { color: #03afde !important;}
.white .chkb a:focus, .white .rdb a:focus{ color: #005F89 !important;}

.tbl .last_td {float: none}

.dfinder {direction: rtl; text-align: right}
.dr_fnd {text-align: left; float: none}
.dfinder .dr_fnd a, .dfinder .dr_fnd a .df_hvr {width: 40px; height: 30px; display: block}

.dfinder .dr_fnd a .df_hvr {background: url(/resource3/cleansheet/2013.10.29/i/newsroom/dropdown_arrow.png) center top no-repeat;}
.white .dfinder .dr_fnd a .df_hvr {background-position: -1px -28px}
.dfinder .dr_fnd, .dfinder .df_list {float: left}

.dr_fnd a, .dfinder .dr_fnd a, .dd_button a { display: inline-block; background-color: #2a2a2c; color: #999;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#3f4143), to(#363636));
    background: -moz-linear-gradient(top, #3f4143, #363636);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3F4143, endColorstr=#FF363636);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF3F4143, endColorstr=#FF363636)";
	min-height:23px;
}

.dr_fnd a:hover, .dfinder .dr_fnd a:hover, .dd_button a:hover, .dd_button a:focus { color: #ccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#46484A), to(#3F3E3E));
    background: -moz-linear-gradient(top, #46484A, #3F3E3E);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF46484A, endColorstr=#FF3F3E3E);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF46484A, endColorstr=#FF3F3E3E)";
}

.white .dr_fnd a, .white .dfinder .dr_fnd a, .white .dd_button a { display: inline-block; background-color: #2a2a2c; color: #666;
    background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#D8D8D8));
    background: -moz-linear-gradient(top, #F6F6F6, #D8D8D8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF6F6F6, endColorstr=#FFD8D8D8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF6F6F6, endColorstr=#FFD8D8D8)";
    border: 1px #bdbdbd solid;
}

.white .dr_fnd a:hover, .white .dfinder .dr_fnd a:hover, .white .dd_button a:hover, .white .dd_button a:focus { color: #111;
    background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#EDEDED));
    background: -moz-linear-gradient(top, #F6F6F6, #EDEDED);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF6F6F6, endColorstr=#FFEDEDED);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF6F6F6, endColorstr=#FFEDEDED)";
    border: 1px #bdbdbd solid;
}

.dr_fnd a:hover, .df_list_top .dr_fnd a {text-decoration: none;}
.dd .dr_fnd a {display: block; height: 27px;}
.dd .df_list {margin-top: -27px;}

/**
* These classes are used to describe dropdown finder styles
*
* @section form elements
* @subsection dropdowns lists
*/
.df_list {display: none;position: absolute;border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px text-align: justify; z-index:2}
.df_list ul {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top: -1px}
.df_list ul:first-child a, .df_list ul .df_fst a, .df_list .df_fst .dd_gr_header {
    background: -webkit-gradient(linear, left top, left bottom, from(#333535), to(#3f4043));
    background: -moz-linear-gradient(top, #333535, #3F4043);
}
.df_list ul:first-child a:hover, .df_list ul .df_fst a:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#3D3D3D), to(#47494A));
    background: -moz-linear-gradient(top, #3D3D3D, #47494A);
}

.white .df_list ul:first-child a, .white .df_list ul .df_fst a, .white .df_list .df_fst .dd_gr_header {
    background: -webkit-gradient(linear, left top, left bottom, from(#B8B8B8), to(#F1F1F1));
    background: -moz-linear-gradient(top, #B8B8B8, #F1F1F1);
}
.white .df_list ul:first-child a:hover, .white .df_list ul .df_fst a:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#ACACAC), to(#CACACA));
    background: -moz-linear-gradient(top, #ACACAC, #CACACA);
}

.df_list .dd_gr_list .df_li a {background: inherit}

.scroll {direction: ltr; max-height: 330px;}
.df_list .df_list_top {border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;}
.df_list .df_li a {display: block; color: #b2b2b2; text-decoration: none;padding: 8px 10px; min-width: 100px}
.df_list .df_li a:hover, .df_list .dd_gr_list .df_li a:hover {background: none; background-color: #47494a; color: #f2f2f2 !important}
.df_list li{background-color: #3f4043;}
.df_list .df_li {text-align: left; color: #b2b2b2; width: 100%; border-top: 1px #666 solid}

.df_list .df_fst {border-top: none}

.dd_gr_list .df_li {border-top: none}
.dd_gr_list .df_li a {padding-left: 20px}
.dfinder .df_list .dd_gr_list .df_li a, .dfinder .df_list .dd_gr_list .df_fst a {border-radius: 0}

.df_list .df_udl {border-bottom: 1px #565858 solid}

.df_list .df_fst {margin-top: -1px;}
*+html .df_list .df_fst {margin: 0;}

.dr_fnd_br a, .df_hvr_br{display:block; cursor:pointer}
:root .df_hvr_br {display:inline\0/}
:root .dr_fnd_br span{margin-top:3px\0/;margin-bottom:-3px\0/;line-height: 24px\0/}
:root .dr_fnd_br .arr_gry_dwn_rgt{margin-right:10px\0/}


.dr_fnd_br a {float:none;}

.dd_gr_header { padding: 8px 10px; background: transparent; text-align: left;}


/* код валидный */

.dfinder .df_list .df_fst, .dfinder .df_list .df_fst a {border-radius: 3px 0 0 0;-moz-border-radius: 3px 0 0 0;-webkit-border-radius: 3px 0 0 0;}
.df_list .df_lst, .df_list .df_lst a {border-bottom: none !important;border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px;-webkit-border-radius: 0 0 3px 3px;}
.dfinder .dr_fnd a .df_icn, .white .dfinder .dr_fnd a .df_icn {display: inline;width: 38px;height: 30px;padding: 0;text-align: center;}
.dfinder .df_list {direction: ltr; text-align: left; width: 152px;} /*Using same value as white color theme*/
.dfinder .df_list .scroll {max-width: 150px} /*Should match white color theme, so used same value*/
.dfinder .df_list .df_list_top {direction: rtl; display: inline-block; width: 40px;}

.dd .dr_fnd a{cursor:pointer}
.dd, .dd .df_list {text-align: left; }
.dd .df_list{direction: ltr;}
.dd .js_dropdwn_trigger, .dd .df_arr_wht_u, .dd .df_list_top .dr_fnd a, .dd .dr_fnd_br a { width: 100%}
.dd .df_hvr {display:block;}
.dd .df_icn, .dd .js_dd_inp1ut_value{float:left}   /*HPUI 356*/


/* Safari 3.0 and Chrome only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .dd .js_dd_input_value{float:left}
}

.dd .arr_gry_dwn_rgt, .dd .arr_gry_up_rgt {float: right;}
.dd .arr_gry_dwn_rgt {background-position: 98% -306px}
.white .dd .arr_gry_dwn_rgt {background-position: 98% -539px}

.arr_blk {background:url(/resource3/cleansheet/2013.10.29/i/icns_arrows_left.gif) no-repeat scroll right center transparent;}
.arr_blk {background-position:left -619px; display:inline-block}
.arr_blk_dwn {background:url(/resource3/cleansheet/2013.10.29/i/icns_arrows_left.gif) no-repeat scroll right center transparent;}
.arr_blk_dwn {background-position:left -650px; display:inline-block}
.blk_imp{color:#000000 !important;}

/**
* These classes are used to describe dropdown finder styles for white theme
*
* @section form elements
* @subsection text dropdowns lists on white background
*/
.white .dfinder .dr_fnd a {background-position: left -30px;}
.white .dr_fnd a:hover {background-color: #f1f1f1;border: 1px #ccc solid}
.white .dfinder .df_list {width: 152px}
.white .dfinder .scroll {max-width: 150px}
.white .df_list .df_fst {border-top: 1px #ccc solid}
.white .df_list .df_lst {border-bottom: 1px #ccc solid !important;}
.white .df_list .df_li a {color: #404040;}
.white .df_list .df_li a:hover {background-color: #cacaca; color: #404040 !important}
.white .df_list li{background-color: #f1f1f1; border-color:#bababa}
.white .df_list .df_li {color: #404040;border-bottom-color: #666;border-right: 1px #ccc solid;border-left: 1px #ccc solid; white-space: normal;}
.white .scroll {border-top: 1px #ccc solid}

/* dfinder_table_type */
.dfinder_table_type {position:relative}
.dfinder_table_type .df_list {right: 0px;}
.dfinder_table_type .dr_fnd {float:right;}
.dfinder_table_type .df_list {text-align:right}
.dfinder_table_type .dr_fnd a, .dfinder_table_type .dr_fnd a .df_hvr {height: 30px;}
.dfinder_table_type .df_list .df_li a{padding:6px 10px}


.dfinder_table_type a, .dfinder_table_type .dr_fnd a,
.white .dfinder_table_type a, .white .dfinder_table_type .dr_fnd a{
    background: none;
    filter: none;
    -ms-filter: none;
    border: 1px solid transparent;
}
.dfinder_table_type .dr_fnd a:hover,.dfinder_table_type .dr_fnd a:focus {
    background: #2a2a2a;
    filter: none;
    -ms-filter: none;
    border: 1px solid #303030;
    -webkit-box-shadow: 1px 1px 2px #252525;
    -moz-box-shadow: 1px 1px 2px #252525;
    box-shadow: 1px 1px 2px #252525;
}
.white .dfinder_table_type .dr_fnd a:hover {
    background-color: #f1f1f1;
    filter: none;
    -ms-filter: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 2px #989898;
    -moz-box-shadow: 1px 1px 2px #989898;
    box-shadow: 1px 1px 2px #989898;
}
.dfinder_table_type .df_list .dr_fnd a{
    background-color: #2a2a2a;
    border: 1px solid #303030;
    border-bottom:1px solid transparent;
}
.white .dfinder_table_type .df_list .dr_fnd a{
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-bottom:1px solid transparent;
}
.dfinder_table_type .df_list .dr_fnd a:hover,
.white .dfinder_table_type .df_list .dr_fnd a:hover{
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}
.dfinder_table_type .df_list .df_li{background-color: #2a2a2a; border-color:#424242}
.dfinder_table_type .df_list .df_li a:hover{
    background-color: #353535;
}
.white .dfinder_table_type .df_list .df_li{background-color: #f2f2f2; border-color:#bababa}
.white .dfinder_table_type .df_list .df_li a:hover{
    background-color: #cacaca;
}
.dfinder_table_type .df_list ul:first-child a, .dfinder_table_type .df_list ul .df_fst a,  .dfinder_table_type .df_list .df_fst .dd_gr_header,
.white .dfinder_table_type .df_list ul:first-child a, .white .dfinder_table_type .df_list ul .df_fst a, .white .dfinder_table_type .df_list .df_fst .dd_gr_header {
    background: none;
}
.dfinder_table_type .df_list ul:first-child a:hover, .dfinder_table_type  .df_list ul .df_fst a:hover,.dfinder_table_type  .df_list ul .df_li a:focus{
    background: #353535;
}
.white .dfinder_table_type .df_list ul:first-child a:hover, .white .dfinder_table_type .df_list ul .df_fst a:hover {
    background: #cacaca;
}
.dfinder_table_type .df_list .df_fst .dd_gr_header, .dfinder_table_type .dd_gr_header{ background: #353535;}




.compare_warning_popup { bottom: 100%; display: none; right: 0px; position: absolute; visibility: hidden; width: 205px; z-index: 10001;}
.compare_popup { bottom: 100%; display: none; right: -45px; position: absolute; visibility: hidden; width: 205px; z-index: 10001;}
.cmp_chbx {background: url(/resource3/cleansheet/2013.10.29/i/checkb_blue.gif) no-repeat 0 0; padding-left:7px;}
.cmp_chbx.chkd {background-position: 0 -20px}
.cmp_chbx.unchkd {background-position: 0 0}
div.compare_warning_popup div.top { background: url(/resource3/cleansheet/2013.10.29/i/warning-sprite.gif) no-repeat scroll 0 0 transparent; height: 41px;}
div.compare_warning_popup div.middle { background: url(/resource3/cleansheet/2013.10.29/i/warning-sprite.gif) repeat-x scroll 0 -89px #303235;}
div.compare_warning_popup div.bottom { background: url(/resource3/cleansheet/2013.10.29/i/warning-sprite.gif) no-repeat scroll 0 -52px transparent; height: 15px;}


.shr_bot_bg {background: url(/resource3/cleansheet/2013.10.29/i/shr_bot_bg.png) repeat-x 0 0; padding: 3px 20px}
.ajax-loading {padding: 60px 0; background: url(/resource3/cleansheet/2013.10.29/i/ajax_helper_loader.gif) no-repeat center;}

/**
* These classes are used to set margins for all sides
* Example:
*  .m_15 - margin-top:15px; margin-right:15px; margin-bottom:15px; margin-left:15px
*
* @section margins
* @subsection margin from all sides
*/
.m_15 {margin: 15px}

/**
* These classes are used to set  margin bottom property
* Example:
*  .m0 - margin-bottom:0;
*
* @section margins
* @subsection margin bottom
*/
.m0{margin-bottom: 0px;}
.m2{margin-bottom:  2px ;}
.m3{margin-bottom:  3px ;}
.m5{margin-bottom:  5px ;}
.m6{margin-bottom:  6px ;}
.m7{margin-bottom:  7px ;}
.m8{margin-bottom:  8px ;}
.m9{margin-bottom:  9px ;}
.m10{margin-bottom:  10px ;}
.m11{margin-bottom:  11px ;}
.m12{margin-bottom:  12px ;}
.m13{margin-bottom:  13px ;}
.m14{margin-bottom:  14px ;}
.m15{margin-bottom:  15px ;}
.m16{margin-bottom:  16px ;}
.m17{margin-bottom:  17px ;}
.m18{margin-bottom:  18px ;}
.m19{margin-bottom:  19px ;}
.m20{margin-bottom:  20px ;}
.m21{margin-bottom:  21px ;}
.m22{margin-bottom:  22px ;}
.m23{margin-bottom:  23px ;}
.m24{margin-bottom:  24px ;}
.m25{margin-bottom:  25px ;}
.m26{margin-bottom:  26px ;}
.m27{margin-bottom:  27px ;}
.m28{margin-bottom:  28px ;}
.m29{margin-bottom:  29px ;}
.m30{margin-bottom:  30px ;}
.m35{margin-bottom:  35px ;}
.m40{margin-bottom:  40px ;}
.m43{margin-bottom:  43px ;}
.m70{margin-bottom:  70px}

/**
* These classes are used to set  margin properties (bottom and right)
* Example:
*  .m0_6    margin-bottom:0; margin-right:6px;
*
* @section margins
* @subsection margin bottom and right
*/
.m5_0{margin-left: 5px;}
.m0_6{margin-right: 6px;}
.m0_10{margin-bottom:0px; margin-right: 10px ;}
.m0_15{margin-bottom:0px; margin-right: 15px ;}
.m0_18{margin-bottom:0px; margin-right: 18px ;}
.m0_20{margin-bottom:0px; margin-right: 20px ;}
.m0_30{margin-bottom:0px; margin-right: 30px ;}
.m0_45{margin-bottom:0px; margin-right: 45px ;}
.m5_15{margin-bottom: 5px; margin-right: 15px;}
.m6_6{margin-bottom: 6px; margin-right: 6px;}
.m10_10{margin-bottom: 10px; margin-right: 10px;}
.m10_15{margin-bottom: 10px; margin-right: 15px;}
.m10_26{margin-bottom:10px; margin-right: 26px ;}
.m20_90{margin-bottom:20px; margin-right:90px;}
.m40_275{margin-bottom:40px; margin-right: 275px;}
.m15_0_30{margin:0px; margin-top:15px; margin-bottom:25px;}
/**
* These classes are used to set margin properties (4 positions)
* Example:
*  .m0_0_13_45  margin-top:0; margin-right:0; margin-bottom:13px; margin-left:45px
*
* @section margins
* @subsection margin misc
*/
.m0_0_13_45{margin:0px 0 13px 65px;}
.m13_20_13_0{margin:13px 20px 13px 0px;}
.m2_rgt{margin-right:2px;}
.m_auto{margin:auto;}
.m_28_rgt{margin-right:28%;}
.m_28_lft{margin-left:28%;}
.m6_0_0_5{margin:6px 0 0 5px;}
.m0_0_0_10{margin:0 0 0 10px;}

.shadow{

-webkit-box-shadow: 5px 5px 2px #000;
-moz-box-shadow: 5px 5px 2px #000;
box-shadow: 5px 5px 2px #000;

}

/**
* These classes are used as generic for tables.
* They set borders and backgrounds
*
* @section table ??
*/
.compare_specifications { border-collapse: collapse;}
.compare_specifications col.prod:last-child {border-right: medium none;}
.compare_specs tr:first-child{background:-moz-linear-gradient(270deg, #28292A, #323335) repeat scroll 0 0 transparent;}

/* The class below has been commented as requested by the Tridion Team as it's triggering a 404-Not-Found message on their side.
   (The image referenced no longer exists in the Branches and Releases SVN folders, only in Trunk)
.label{background:url(/resource3/cleansheet/2013.10.29/i/bg-compare-no-product.gif) repeat-x scroll left top transparent; border-right:1px solid #212121;}
*/
.prod{background:url(/resource3/cleansheet/2013.10.29/i/bg-compare-w-product.gif) repeat-x scroll left top transparent; border-right:1px solid #2a2a2a;}

.odd{background-color:#2F3032;}
.even{background-color:#323335;}

/**
* These classes are used to set padding-left property
* Example:
*    lft30 - padding-left:30
*    and so on
* @section padding-left important
*/
.lft30{ padding-left:30px !important;}
.lft18{ padding-left:18px !important;}

/**
* These classes are used to declare styles for table elements that wrapped by them
*
* @section gateway banner
*/
table.promos_tools_spc{padding-top:15px;padding-bottom:15px;padding-left:0px;padding-right:0px;border-spacing:15px; border-collapse:separate; *border-collapse:expression('separate',cellSpacing='15px');}
table.promos_tools_spc td{background: url(/resource3/cleansheet/2013.10.29/ie/en/images/i/category-bg.jpg) repeat-x scroll left top #131313; vertical-align:top; -webkit-box-shadow: 5px 5px 2px #000; -moz-box-shadow: 5px 5px 2px #000; box-shadow: 5px 5px 2px #000;} 
table.promos_tools_no_spc{border-collapse: collapse;}
table.promos_tools_no_spc td{vertical-align:top; padding:0px;}

/**
* These styles are used to set links color in visited state
* @section visited links
*/
/*.lgr_vsd, a.lgr_vsd, .lgr_vsd a,  a.lgr_vsd:hover , a.lgr_vsd:focus, a.lgr_vsd:active { color: #F2F2F2; }*/
.lgr_vsd:visited, a.lgr_vsd:visited, .blu_vsd:visited, a.blu_vsd:visited, .gry_vsd:visited, a.gry_vsd:visited   {color:#B2C1E1!important;}

/**
* These styles are used to set links color in white theame
*
* @section visited links on white background
*/
.white .blu_vsd:visited, .white a.blu_vsd:visited, .white .blu_vsd a:visited {color:#5f76a5 !important;}

/**
* These styles are used to reset background images in white theame
*
* @section rating stars
* @subsection rating stars on white
*/
.white .rat_str {background:url(/resource3/cleansheet/2013.10.29/i/star_dark_off.gif) transparent repeat-x scroll 0 0; width:70px; height:14px;overflow:hidden}
.white .rat_str div {background:url(/resource3/cleansheet/2013.10.29/i/star_dark_on.gif) transparent repeat-x scroll 0 0;height:14px;width:0px;float:left;}

/**
* These styles are used to reset background images in dark theame
*
* @section rating stars
* @subsection rating stars on dark
*/
.dark .rat_str {background:url(/resource3/cleansheet/2013.10.29/i/star_light_off.gif) transparent repeat-x scroll 0 0; width:70px; height:14px;overflow:hidden}
.dark .rat_str div {background:url(/resource3/cleansheet/2013.10.29/i/star_light_on.gif) transparent repeat-x scroll 0 0;height:14px;width:0px; float:left;}
.dark .rat_str_err {background:url(/resource3/cleansheet/2013.10.29/i/star_light_off2.gif) transparent repeat-x scroll 0 0; width:70px; height:14px;overflow:hidden}
.rat_str a {overflow: hidden;width: 14px;height: 14px;*height: 16px;display:inline-block;}
.hgt_38{height:38px;}

/**
* These styles transform text to uppercase
*
* @section demo link
*/
.icn_film_blu .upr {text-transform: uppercase; }

/**
* This is generic class. It is used to declare styles for elements that wrapped by it
*
* @section promo carepack
*/
.promocare ul li {font-size: 90%; line-height: 17px; padding: 50px 20px 0 0; overflow: hidden;}
.promocare ul li:first-child { width: 33%; text-align: center; float: left; padding: 20px;}
.promocare ul li:last-child { padding: 5px 0;}
.promocare ul li a { color: #B2B2B2; text-decoration: none; font-size: 100%; line-height: 17px; outline: 0 none;}
.promocare ul li a:hover{ cursor:pointer; text-decoration:underline;}
.lastchild { padding: 5px 0 !important;}


/**
* These styles describes borders of link, that placed in swatches_icons classes
*
* @section image gallery
* @subsection image borders
*/
.swatches_icons li a:focus div{border:1px solid #9CF39F;}
.swatches_icons li a:active div{border:1px solid #9CF39F;}

/**
* These classes are used for description backgrounds color and images
* in textarea, drop downs, radio form inputs
*
* @section rates and reviews
*/
.write_rvw_box{background-color: #555555; border:none; border-top: #222222 solid 1px; border-left: #222222 solid 1px; overflow: hidden; font:inherit;}
.rvw_drop_list {background-color: #4c4c4c; display: none; position: absolute; width: auto; left:15px; top:15px; border-radius:5px 5px 5px 5px;}
.err_rvw_box{background-color: #3f3132; border:none; border-top: #6b0000 solid 1px; border-left: #6b0000 solid 1px; overflow: hidden; font:inherit;}

.pos_btm{bottom:0px;}


.off_radio_btn{	background-image: url(/resource3/cleansheet/2013.10.29/i/OffStateRadioBtn18x18.png);   background-position: left center;   background-repeat: no-repeat;}
.error_radio_btn{	background-image: url(/resource3/cleansheet/2013.10.29/i/ErrorRadioBtn18x18.png);   background-position: left center;   background-repeat: no-repeat;}
.radio_form li {color:#f2f2f2; background-position: left center;   background-repeat: no-repeat;    padding-left: 23px; }

/*
.radio_form li a:focus span {color:#b2b2b2; background-image: url(/resource3/cleansheet/2013.10.29/i/ErrorRadioBtn18x18.png);   background-position: left center;   background-repeat: no-repeat;    padding-left: 23px;}
.radio_form li a:active span {color:#b2b2b2;background-image: url(/resource3/cleansheet/2013.10.29/i/ErrorRadioBtn18x18.png);   background-position: left center;   background-repeat: no-repeat;    padding-left: 23px;}
*/

.image_icons li a:focus div {border:1px solid #9CF39F;} 
.image_icons li a:active div {border:1px solid #9CF39F;}
.js_dd_input_value{ *float:left;*padding-bottom:6px;}


/*ADDTHIS SHARE WIDGET*/
.dark .widget_addthis{position: absolute; display:none; background-color: #3f4043;  width: 135px; box-shadow: 1px 1px 1px 1px #111111; -moz-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;}
.dark .widget_addthis ul li a{display: block; color: #b2b2b2; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 90%; border-bottom-color: #666666; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 7px; padding-left: 10px; padding-right: 30px; padding-top: 7px;}
.dark .widget_addthis  ul li a:hover {background-color:#494a4d; color: #f2f2f2;}
.dark .widget_addthis span {float: left; padding-right: 10px;}
.dark .widget_addthis ul li:first-child a{ background: -webkit-gradient(linear, left top, left bottom, from(#2f3032), to(#3f4043)); background: -moz-linear-gradient(top, #2f3032, #3F4043);}
.dark .widget_addthis ul li:first-child a:hover{ background: -webkit-gradient(linear, left top, left bottom, from(#494749), to(#3f4043)); background: -moz-linear-gradient(top, #494749, #3f4043);}
.dark .widget_addthis ul li:last-child a{border-bottom-width: 0px;}

.light .widget_addthis{position: absolute; display:none; background-color: #ffffff; width: 135px;  box-shadow: 1px 1px 1px 1px #ececec; -moz-border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; border-top-width: 1px\9;}
.light .widget_addthis ul li a{display: block; color: #404040; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 90%; border-bottom-color: #d6d6d6; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 7px; padding-left: 10px; padding-right: 30px; padding-top: 7px;}
.light .widget_addthis  ul li a:hover {background-color:#ececec; color: #111111;}
.light .widget_addthis span {float: left; padding-right: 10px;}
.light .widget_addthis ul li:last-child a{border-bottom-width: 0px;}


#at16p, #atie6ifh, #atie6cmifh {padding:0px !important;}
#at16pm {background-color: #111111 !important; padding-bottom: 40px !important; padding-left: 20px !important; padding-right: 20px !important; padding-top: 35px !important; border-color:#111111 !important;}
#at16pi {border-color:#111111 !important; border-top-width:0px !important;}
#at_share .at_item {border-color: #3F4043 !important; border-bottom-color: #666666 !important; margin-right: -1px !important; border-top-width: 1px !important;  width: 131px !important; padding-top: 6px !important; padding-bottom: 7px !important; padding-right:13px\9 !important;}
div #at_hover .at_item, div #at_share .at_item {background-color: #3F4043 !important; color: #B2B2B2 !important;}
#at_share .at_item  a{background-color: #3F4043 !important; color: #B2B2B2 !important;}
#at16pf {background-color: #111111 !important; border-top-color: #111111 !important; padding:20px !important;}
#at16ps {background-color: #3F4043; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important;}
#at15pf .ac-logo, #at16pf .ac-logo {display:none !important;}
#at15pf a.at-settings, #at16pf a.at-settings {display: none !important;}
#at16pt, #at16psf  {background-color: #111111 !important;}
#at16pt h4 {color: #F2F2F2 !important;font-size: 17px !important;} 
#at16pt a {right: -10px !important; top: -25px !important;}	
#at16psf {border-bottom-color: #111111 !important; background-image: url(/resource3/cleansheet/2013.10.29/i/atf02.gif) !important; margin-bottom: 8px;}
#at15pf a, #at16pf a, #at15pf span, #at16pf span {color:#03afde !important; font-size:11px !important; }
#at16pf a.at-whatsthis {left: 250px !important; color:#b2b2b2 !important;}
.ac-about {left: 0px !important;}
#at16psf input, #at16psf input:focus { background-color:#353638 !important; width: 255px !important; color: #CCCCCC !important;}
#at16lb{opacity: 0.8 !important;}
div #at_hover .at_item:hover, #at_hover .at_item.athov, #at16ps .at_item:focus, div #at_share .at_item:hover, #at_share .at_item.athov {color:#f2f2f2 !important; background-color:#494a4d !important; border-bottom-color: #666666 !important; border-top-color: #494a4d !important; border-right-color: #494a4d !important; border-left-color: #494a4d !important;}
 
.light #at16pm {background-color: #d6d6d6 !important; border-color:#d6d6d6 !important;}
.light #at16pi {border-color:#d6d6d6 !important;}
.light #at_share .at_item {border-color: #ffffff !important; border-bottom-color: #d6d6d6 !important; }
.light div #at_hover .at_item, .light div #at_share .at_item {background-color: #ffffff !important; color: #404040 !important;}
.light #at_share .at_item  a{background-color: #ffffff !important; color: #404040 !important;}
.light #at16pf {background-color: #d6d6d6 !important; border-top-color: #d6d6d6 !important;}
.light #at16ps {background-color: #ffffff; }
.light #at16pt, .light #at16psf  {background-color: #d6d6d6 !important;}
.light #at16pt h4 {color: #404040 !important;} 
.light #at16psf {border-bottom-color: #d6d6d6 !important; background-image: url(/resource3/cleansheet/2013.10.29/i/atf02w.gif) !important; margin-bottom: 8px;}
.light #at15pf a, .light  #at16pf a, .light  #at15pf span, .light  #at16pf span {color:#03afde !important; font-size:11px !important; }
.light #at16pf a.at-whatsthis {left: 250px !important; color:#404040 !important;}
.light #at16psf input, .light  #at16psf input:focus { background-color:#ffffff !important; color: #111111 !important;}

.light div #at_hover .at_item:hover, .light  #at_hover .at_item.athov, .light  #at16ps .at_item:focus, .light  div #at_share .at_item:hover, .light  #at_share .at_item.athov {color:#111111  !important; background-color:#ececec !important; border-bottom-color: #d6d6d6 !important; border-top-color: #ececec !important; border-right-color: #ececec !important; border-left-color: #ececec !important;}

/*ADDTHIS SHARE WIDGET*/

/*Animated banner molecule added on 11-17-2011 */
.bnn_tab{top:260px; left:25px; z-index:1;}
.sld_cnt{float:left;}

/*HPUI-434*/
.br_upl .btn_cgr a{padding:0;}
.br_upl .btn_cgr .btn_chr_c {padding:0 15px; padding:0 10px\9;}
.br_upl .btn_cgr *,.br_upl .btn_blu *, .br_upl .btn_dgr * {line-height:23px}
.lnh23 a{line-height:23px}
/* disabled states*/
 a.disabled:hover,
.br_upl .disabled * {cursor:default}
.btn_cgr a.disabled:hover .btn_chr_c, .btn_cgr a.disabled:focus .btn_chr_c {background-color: #272727;}
.btn_blu a.disabled:hover .btn_chr_c, .btn_blu a.disabled:focus .btn_chr_c {background-color: #103F4F;}
.btn_dgr a.disabled span, .btn_dgr a.disabled:hover span, .btn_dgr a.disabled:focus span { color:#747474;}
.white .btn_cgr a.disabled .btn_chr_c, .white .btn_cgr .disabled span,
.white .btn_cgr a.disabled:hover .btn_chr_c, .white .btn_cgr a.disabled:focus .btn_chr_c{background-color:#ABABAB}
.white .btn_blu a.disabled .btn_chr_c, .white .btn_blu .disabled span,
.white .btn_blu a.disabled:hover .btn_chr_c, .white .btn_blu a.disabled:focus .btn_chr_c{background-color:#92C4D3; color:#F8F8F8}

/**
 * @section Print button
 * @subsection Common styles for print button
 */
.btn_print { margin:0 6px 6px 0; }
.btn_print .icon,
.btn_print span.btn_label {  font-weight: bold; text-transform: uppercase; cursor: pointer; line-height: 21px; font-size: 77%; border: none; }
.btn_print .icon { display: inline-block; width: 13px;}
.btn_print .btn_chr_c { margin:  0px; -moz-border-radius: 3px; border-radius: 3px; padding:0 5px; padding-right: 10px; padding:0 5px\9;display: inline-block; background: none; box-shadow: 1px 1px 2px #111; -moz-box-shadow: 1px 1px 2px #111; -webkit-box-shadow: 1px 1px 2px #111; }
.white .btn_print .btn_chr_c { -moz-border-radius: 3px; border-radius: 3px; padding:0 5px;  padding:0 5px\9;display: inline-block; background: none; box-shadow: 1px 1px 2px #777; -moz-box-shadow: 1px 1px 2px #777; -webkit-box-shadow: 1px 1px 2px #777; }

.btn_print .btn_chr_c,
.btn_print .btn_chr_c span{ color: #00BFF3; background-color: #3b3d3e; }
.btn_print a:hover .btn_chr_c,
.btn_print a:hover .btn_chr_c span.btn_label{ color: #007ca2; background-color: #434546; text-decoration: underline; }
.btn_print a:hover .btn_chr_c span.icon{ background-color: #434546; text-decoration: none; }
.btn_print a:hover .btn_chr_c{ text-decoration: none; }

.white .btn_print .btn_chr_c,
.white .btn_print .btn_chr_c span.btn_label,
.white .btn_print .btn_chr_c span{ color: #007ca2; background-color: #ffffff; }
.white .btn_print a:hover .btn_chr_c span.btn_label{ color: #00bff3; text-decoration: underline; background-color: #ffffff;}
.white .btn_print a:hover .btn_chr_c,
.white .btn_print a:hover .btn_chr_c span.icon{ background-color: #ffffff; text-decoration: none; background-color: #ffffff;}

.btn_print .icon { background-image: url(/resource3/cleansheet/2013.10.29/i/doc_icn_sprite.gif); background-repeat: no-repeat; }
.btn_print .icon { background-position: left -789px; }
.btn_print .btn_label{ padding-left: 5px; }
.white .btn_print .btn_label{ padding-right: 5px; }

/**
 * @section Share button
 * @subsection Common styles for share button
 */
.btn_share_trigger_parent { height: 19px; display: inline-block; }
.btn_share { margin:0 6px 6px 0; }
.btn_share .icon,
.btn_share span.btn_label { font-weight: bold; text-transform: uppercase; cursor: pointer; line-height: 21px; font-size: 77%; border: none; }
.btn_share .icon { display: inline-block; width: 13px; }
.btn_share .btn_chr_c { margin:  0px; -moz-border-radius: 3px; border-radius: 3px; padding:0 5px; padding-right: 10px; padding:0 5px\9;display: inline-block; background: none; box-shadow: 1px 1px 2px #111; -moz-box-shadow: 1px 1px 2px #111; -webkit-box-shadow: 1px 1px 2px #111; }
.white .btn_share .btn_chr_c { -moz-border-radius: 3px; border-radius: 3px; padding:0 5px; padding:0 5px\9;display: inline-block; background: none; box-shadow: 1px 1px 2px #777; -moz-box-shadow: 1px 1px 2px #777; -webkit-box-shadow: 1px 1px 2px #777; }

.btn_share .btn_chr_c,
.btn_share .btn_chr_c span{ color: #00BFF3; background-color: #3b3d3e; }
.btn_share a:hover .btn_chr_c,
.btn_share a:hover .btn_chr_c span.btn_label{ color: #007ca2; background-color: #434546; text-decoration: underline; }
.btn_share a:hover .btn_chr_c span.icon{ background-color: #434546; text-decoration: none; }
.btn_share a:hover .btn_chr_c{ text-decoration: none; }

.white .btn_share .btn_chr_c,
.white .btn_share .btn_chr_c span.btn_label,
.white .btn_share .btn_chr_c span{ color: #007ca2; background-color: #ffffff; }
.white .btn_share a:hover .btn_chr_c span.btn_label{ color: #00bff3; text-decoration: underline; background-color: #ffffff; }
.white .btn_share a:hover .btn_chr_c,
.white .btn_share a:hover .btn_chr_c span.icon{ background-color: #ffffff; text-decoration: none; }
/**
 * @section Share button
 * @subsection Styles for share button trigger
 */

.btn_share .icon { background-image: url(/resource3/cleansheet/2013.10.29/i/doc_icn_sprite.gif); background-repeat: no-repeat;}
.btn_share .icon { background-position: left -579px; }
.btn_share .btn_label{ padding-left: 5px; }
.white .btn_share .btn_label{ padding-left: 5px; padding-right: 5px; }

/*Class added due to OPS team request*/
.arr_gry_r_top {background-position: right 6px; padding-right: 15px; padding-top: 1px;}
.letsTalkText {display:inline-block; padding-left:20px; font: 13px arial; font-weight: bold; line-height: 17px; font-size: 85%; color: #f2f2f2 !important;  cursor: default;}
.letsTalkImg {margin-left:-20px; margin-right: 8px;}


/**
 * @section Form buttons
 * @subsection Common styles for form buttons
 */

.btn_form { margin:0 6px 6px 0; }
.btn_form input{ font-weight: bold; text-transform: uppercase; cursor: pointer; line-height: 21px; height: 23px; font-size: 77%; border: none;  margin: 0px; width: auto;padding:0}
:root .btn_form input{ margin-right:7px\0/;  margin-left:7px\0/;}
.btn_form .btn_chr_c { margin: 0px; -moz-border-radius: 3px; border-radius: 3px; padding:0 5px; padding:0 5px\9;display: inline-block; background: none; box-shadow: 1px 1px 2px #111; -moz-box-shadow: 1px 1px 2px #111; -webkit-box-shadow: 1px 1px 2px #111; }
.white .btn_form .btn_chr_c { box-shadow: 1px 1px 2px #777; -moz-box-shadow: 1px 1px 2px #777; -webkit-box-shadow: 1px 1px 2px #777; }
/*.btn_form span:hover .btn_chr_c,*/
/*.btn_form span:focus .btn_chr_c { background-color: #007CA2; }*/
.btn_form .btn_chr_c { background-color:#007CA2; }
.btn_form .arr_wht_rgt { background-position:right -136px; }

/**
 * @section Form buttons
 * @subsection Styles for primary button
 */

.btn_form .primary .btn_chr_c,
.btn_form .primary input { color: #f2f2f2; background-color: #007CA2; }
.btn_form .primary:hover .btn_chr_c,
.btn_form .primary:hover input { background-color: #1a89ab; }
.btn_form .primary_disabled:hover .btn_chr_c,
.btn_form .primary_disabled .btn_chr_c,
.btn_form .primary_disabled:hover input,
.btn_form .primary_disabled input { color: #747474; background-color: #103f4f; cursor: default; }
.white .btn_form .primary_disabled:hover .btn_chr_c,
.white .btn_form .primary_disabled .btn_chr_c,
.white .btn_form .primary_disabled:hover input,
.white .btn_form .primary_disabled input { color: #f8f8f8; background-color: #92c4d3; cursor: default; }

/**
 * @section Form buttons
 * @subsection Styles for secondary button
 */

.btn_form .secondary .btn_chr_c,
.btn_form .secondary input { color: #b2b2b2; background-color: #3b3d3e; }
.btn_form .secondary:hover .btn_chr_c,
.btn_form .secondary:hover input { background-color: #434546; color: #f2f2f2; }
.btn_form .secondary_disabled:hover .btn_chr_c,
.btn_form .secondary_disabled .btn_chr_c,
.btn_form .secondary_disabled:hover input,
.btn_form .secondary_disabled input { color: #787878; background-color: #272727; cursor: default; }
.white .btn_form .secondary_disabled:hover .btn_chr_c,
.white .btn_form .secondary_disabled .btn_chr_c,
.white .btn_form .secondary_disabled:hover input,
.white .btn_form .secondary_disabled input { color: #cccccc; background-color: #ababab; cursor: default; }

/**
 * @section Form buttons
 * @subsection Styles for tertiary button
 */

.btn_form .tertiary .btn_chr_c,
.btn_form .tertiary input { color: #b2b2b2; background-color: #2c2d2f; }
.btn_form .tertiary:hover .btn_chr_c,
.btn_form .tertiary:hover input { background-color: #37383a; color: #f2f2f2; }
.btn_form .tertiary_disabled:hover .btn_chr_c,
.btn_form .tertiary_disabled .btn_chr_c,
.btn_form .tertiary_disabled:hover input,
.btn_form .tertiary_disabled input { color: #787878; background-color: #272727; cursor: default; }
.white .btn_form .tertiary_disabled:hover .btn_chr_c,
.white .btn_form .tertiary_disabled .btn_chr_c,
.white .btn_form .tertiary_disabled:hover input,
.white .btn_form .tertiary_disabled input { color: #cccccc; background-color: #ababab; cursor: default; }

.white .btn_blu_disabled .btn_chr_c {color: #f8f8f8; background-color: #92C4D3; background-color: transparent\0/;}
.white .btn_dgr_disabled .btn_chr_c, .white .btn_cgr_disabled .btn_chr_c {color: #cccccc; background-color: #ababab; background-color: transparent\0/;}



.cselector{height:16px !important;z-index:-1 !important;}
/*MODIFIED DATE*/
/*02-06-2012   2:42CT*/