@charset "utf-8";

html { height:101%; }
input { font-family:Verdana ,Arial ,sans-serif; font-size:1em; color:#4d4d4d; }
button { white-space:nowrap; background-color:transparent; border:none; }
object { outline:none; }
* html input { border:expression(this.type=='submit'?'none':this.borderStyle) }
input[type=radio], input[type=checkbox] { font-size:1.4em; }
input[type=submit] { font-family:Arial, Verdana, sans-serif; border:none; }
input[type=hidden] { display:none; }

/* GENERIC STYLES */
.clear:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clear { display:inline-block; }
*+html .clear { height:1%; }
.clear { display:block; }

.floatLeft { float:left; }
.floatRight { float:right; }

/* TEXT */
.txtMediumLarge { font-family:Arial, sans-serif; font-size:1.6em; }

/* Fix is done for Alert popup text area */
input.ft_text { padding:5px 5px; border:1px solid #e1e1e1; background:#fff url(/common/img/bak_textFields.gif) repeat-x 0 0; }
input.fl_info_text { color:#bfbfbf; }
input.f_error { border:1px solid #ed1c24; }
label.fl_info { display:none; }
input.ft_text, textarea { background:url(/common/img/bak_textFields.gif) repeat-x scroll 0 0 #ffffff; padding:5px; }
input:focus, textarea:focus { border-color:#00baf2; }


/* support */
#productSupport > .content { padding:15px 20px; }
#productSupport .content { _padding:15px 20px; }

/* Ink Finder */
.supportContent { position:relative; height:370px; margin:20px 0; }
.supportContent .supportPanels { position:absolute; top:150px; left:20px; right:20px; }
.supportPanels { margin-bottom:30px; }
.supportPanels .supportPanel .content { min-height:12.5em; }
.supportPanels .supportPanel h2 { margin:0 0 20px; font-size:1.6em; font-weight:bold; }
.supportPanels .findProductSupport { float:left; width:310px; margin-right:20px; }
.supportPanels .findProductSupport .content{ padding:10px 15px; _padding:10px 10px; }
.supportPanels .findProductSupport input { width:265px; _width:255px; height:1.3em; margin-bottom:5px; padding-top:7px; font-size:1.6em; }
.supportPanels .findProductSupport .example { margin-bottom:10px; font-family:Verdana,Arial,sans-serif; font-size:1.1em; }

.supportPanel { clear:both; padding-top:8px; background:url(/common/img/supportPanel_round_bg.png) no-repeat left top; }
.supportPanel .supportPanelCorder { padding-bottom:13px; _padding-bottom:12px; background:url(/common/img/supportPanel_round_bg.png) no-repeat -310px bottom; /zoom:1; }
.supportPanel .supportPanelInner { border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:#fff url(/common/img/support_round_bg.gif) repeat-x left bottom; }


/* Support2 */
#leftColumn { float:left; width:680px; }
#rightColumn { float:right; width:197px; }

#productFinder > .content { padding:0 10px; position:relative; }
#productFinder .content { _padding:0 10px; _position:relative; }

#productFinder .productSearchBox { margin:10px 0 20px; }
#productFinder form { margin-top:10px; padding:20px 0 0 20px; position:relative; }
#productFinder form h3 { color:#4d4d4d; font-size:1.4em; font-weight:bold; margin-bottom:8px; }
#productFinder .inputFont { width:350px; _width:340px; height:1.6em; margin-bottom:5px; padding-top:7px; font-size:1.2em; }

/* Support2 categorySelect Roundcorners */
#categorySelect { margin-top:10px; margin-bottom:30px; padding:0 10px; *width:335px; *padding:0 10px; }
#categorySelect > .content { padding:0 10px; position:relative; }
#categorySelect .content { *padding:5px 10px; *position:relative; }
#categorySelect .categoryBox { margin-top:5px; }
#categorySelect .categoryImage { width:80px; }
.categorySelectRoundcorners { margin-top:15px; _margin-top:10px; }
.categorySelectRoundcorners > .top { height:8px; background:url(/common/img/dropdown_top.gif) no-repeat 0 0; }
.categorySelectRoundcorners .top { _height:8px; _background:url(/common/img/dropdown_top.gif) no-repeat left bottom; }
*+html .categorySelectRoundcorners .top { height:8px; width:230px; }
.categorySelectRoundcorners > .content { padding:0 10px; position:relative; background:url(/common/img/bg_dropdown.gif) repeat-x left bottom; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; margin-left:1px; margin-right:5px; }
.categorySelectRoundcorners .content { _padding:0 10px; _background:url(/common/img/bg_dropdown.gif) repeat-x left bottom; _border-right:1px solid #e1e1e1; _border-left:1px solid #e1e1e1; }
.categorySelectRoundcorners > .bottom { height:13px; background:url(/common/img/dropdown_bottom.gif) no-repeat 0 0; }
.categorySelectRoundcorners  .bottom { _height:13px; _background:url(/common/img/dropdown_bottom.gif) no-repeat 0 0; }
*+html .categorySelectRoundcorners .bottom { height:13px; width:230px; }

#productSelect { margin-top:10px; width:310px; }
#productSelect > .content { padding:0 10px; position:relative; }
#productSelect .content { _padding:0 10px; }
#productSelect .productListTop { height:27px; background:url(/common/img/find_a_repair_centre_top.gif) no-repeat 0 0; margin-top:20px; }
#productSelect .productListTop h3 { color:#999; font-size:1.2em; line-height:23px; margin-left:15px; padding:2px 0; }
#productSelect .productListContent { height:500px; background:url(/common/img/bg_find_a_repair_centre.gif) repeat-x left bottom;  border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; margin-right:9px; overflow:auto; padding:5px 15px; }
#productSelect .productListContent { _background:url(/common/img/bg_find_a_repair_centre.gif) fixed repeat-x left bottom; }
#productSelect .productListbottom { height:13px; background:url(/common/img/find_a_repair_centre_bottom.gif) no-repeat 0 0; margin-bottom:30px; }
#productSelect .productListContent h4 { margin-top:15px; color:#999; font-size:1.2em; font-weight:bold; }
#productSelect .productListContent h4.top { margin-top:5px; color:#999; font-size:1.2em; font-weight:bold; }
#productSelect .productListContent li { margin-left:15px; list-style:disc; font-size:1em; line-height:1.8em; }
#productSelect .productListContent li a { color:#00baf2; }

/* Support2 Yourbasket */
#yourBasket { }
#yourBasket .top { height:8px; background:url(/common/img/yourbasket_top.gif) no-repeat left bottom; }
#yourBasket .content { padding:5px 10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; color:#4d4d4d; background-color:#f1f1f1; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; margin-left:1px; margin-right:1px; }
#yourBasket .content h2 { margin:0 0 10px; font-size:1.6em; font-weight:bold; }
#yourBasket .content p { margin-left:5px; }
#yourBasket .bottom { height:14px; background:url(/common/img/yourbasket_bottom.gif) no-repeat center; }
*html.yourBasket .content { padding:5px 10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; color:#4d4d4d; background-color:#f1f1f1; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; }

/* Support2 ServiceCenterLocater */
#ServiceCenterLocater { margin-top:15px; }
#ServiceCenterLocater .top { height:8px; background:url(/common/img/service_center_locator_top.gif) no-repeat center bottom; }
#ServiceCenterLocater .content { background:url(/common/img/bg_dropdown.gif) repeat-x left bottom; padding:5px 10px; font-family:Verdana, Arial, sans-serif; color:#4d4d4d; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; margin-left:1px; margin-right:1px; }
#ServiceCenterLocater .content { _padding:5px 12px; _margin-left:1px; _margin-right:1px; }
#ServiceCenterLocater .content h2 { margin:0 0 10px; font-size:1.2em; font-weight:bold; }
#ServiceCenterLocater .content p { margin-left:5px; }
#ServiceCenterLocater .bottom { height:14px; background:url(/common/img/service_center_locator_bottom.gif) no-repeat; }
#ServiceCenterLocater .bottom { height:14px; _background:url(/common/img/service_center_locator_bottom.gif) no-repeat center; }
#ServiceCenterLocater .inputFont { width:90px; _width:80px; height:1.6em; margin-bottom:5px; padding-top:7px; font-size:1.2em; }


/* Support2 generic collapsible section */
.genericCollapsibleSection { margin-left:18px; }
.genericCollapsibleSection .header .content { width:197px; *width:207px; padding:7px 15px; }
.genericCollapsibleSection .header h3 { padding:1px 0 1px 35px; font-size:1.5em; font-weight:bold; line-height:20px; color:#00baf2; background:url(/common/img/bak_support_arrow.png) no-repeat 0 0; }
.genericCollapsibleSection .header h3:hover { text-decoration:none; cursor:pointer; }
.genericCollapsibleSection .header.open h3 { background-position:0 -23px; }
.genericCollapsibleSection .header.open .bottom { visibility:hidden; }
.genericCollapsibleSection .collapsibleContent {display:none; margin:0 0 30px 20px; }
.genericCollapsibleSection .collapsibleContent.open { display:block; }
.genericCollapsibleSection .collapsibleContent li { line-height:1.8em; font-size:1.2em; font-weight:bold; }
.genericCollapsibleSection .collapsibleContent li a { color:#00baf2; }

/* Support2 blue buttons */
.buttonBlue { display:-moz-inline-box; display:inline-block; padding-right:10px; line-height:1; background:url(/common/img/sprite_blue_buttons.gif) no-repeat 100% -120px; }
.buttonBlue:hover { background-position:100% -160px; text-decoration:none; }
.buttonBlue:active { background-position:100% -200px; }
.buttonBlue:focus { outline:none; }
.buttonBlue span, .buttonBlue input { display:block; height:0.85em; padding:8px 0 12px 10px; font-size:1.2em; font-weight:bold; text-decoration:none; color:#fff; text-transform:uppercase; background:url(/common/img/sprite_blue_buttons.gif) no-repeat 0 0; }
.buttonBlue input { display:inline; height:2.583em; padding:6px 0 10px 10px; }
.buttonBlue:hover span, .buttonBlue:hover input { background-position:0 -40px; }
.buttonBlue:active span, .buttonBlue:active input { background-position:0 -80px; }
.buttonBlue input[type=hidden] { display:none; }
a.buttonBlue span { _display:inline-block; }
a.buttonBlue span, strong.buttonBlue input { /cursor:pointer; }
strong.buttonBlue { *margin-top:3px; *vertical-align:top; }
.genericLogin strong.buttonBlue, .genericLogin a.button { _margin:5px 5px -10px; }


/* BLUE PNG BOTTUN */
.buttonBluePNG { margin-left:10px; display:-moz-inline-box; display:inline-block; padding-right:10px; _padding-right:9px; line-height:1; background:url(/common/img/sprite_blue_buttons.png) no-repeat 100% -120px; }
.buttonBluePNG:hover { background-position:100% -160px; text-decoration:none; }
.buttonBluePNG:active { background-position:100% -200px; }
.buttonBluePNG:focus { outline:none; }
.buttonBluePNG span, .buttonBluePNG input { display:block; height:0.85em; padding:8px 0 12px 10px; font-size:1.2em; font-weight:bold; text-decoration:none; color:#fff; text-transform:uppercase; background:url(/common/i/template/common/e_blue_buttons.png) no-repeat 0 0; }
.buttonBluePNG input { display:inline; height:35px; padding:6px 0 10px 10px; _padding:8px 0 12px 10px; }
.buttonBluePNG:hover span, .buttonBluePNG:hover input { background-position:0 -40px; }
.buttonBluePNG:active span, .buttonBluePNG:active input { background-position:0 -80px; }
strong.buttonBluePNG { _margin-bottom:-5px; }
strong.buttonBluePNG { *margin-top:3px; *vertical-align:top; }
strong.buttonBluePNG { /cursor:pointer; }