@charset "utf-8";



/* please add base.css */
* html #main .roundInner,
* html .single #main .roundInner {
	margin-bottom:-1px;
}

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

.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; }

.specialTeaser {
	margin-bottom: 20px;
}



/* Category Page */
.categoryTabs .tabContent {  }
.categoryTabs .tabContent .content { padding:15px 0 15px 15px; }
.categoryTabs .tabContent .content h1 { margin-bottom:15px; }
.categoryTabs .tabContent ul.categoryItems { padding-bottom:30px; }
.categoryTabs .categoryItems li{ width:200px; float:left; margin:0 22px 0 0; height:27em; }
.categoryTabs .categoryItems h5   { color:#00B8F2; margin-bottom:7px; margin-left:10px; font-size:14px; }
.categoryTabs .categoryItems h5 a { color:#00B8F2; }
.categoryTabs .categoryItems li .categoryDescription { margin-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; }
.categoryTabs .categoryItems li .categoryImage { width:200px; height:150px; position:relative; }
.categoryTabs .categoryItems li .categoryImage img { position:absolute; bottom:0; }





/* Filters */
#ProductBrowserFilter { padding:0 10px 5px; background:#fff url(/common/img/bak_filterbar.png) repeat-x 0 100%  }
#ProductBrowserFilter .browseRadios,
#ProductBrowserFilter .browseCheckboxes,
#ProductBrowserFilter .browseSelects { float:left; padding:10px 15px 7px; border-right:1px solid #f0f0f0; }
#ProductBrowserFilter .browseRadios {
	padding-bottom: 2px;
}
#priceFacetDropDown #pbf_price span {
	width: 171px;
}
#ProductBrowserFilter .browseRange { border:0px }
/* 10931- Fix is done for product size issue */
.imagefix ul li a img{width:100px; height:80px;}
/* Added element in order to fix the font size issue in product browser */
#ProductBrowserFilter h2 { padding:10px 0 10px 15px; font-size:16px }
#ProductBrowserFilter h4 {  margin-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal }
#ProductBrowserFilter h4 span { display:inline-block; height:12px; margin-left:3px; padding:1px 5px; background:transparent url(/common/img/ico_facet_help.gif) no-repeat 0 0; cursor:help }
#ProductBrowserFilter h4 span:hover { background-position:0 -14px }
#ProductBrowserFilter p { font-size:12px; margin-bottom:5px }
#ProductBrowserFilter label { margin:0 2px 0 5px; text-transform:uppercase; vertical-align:top }
#ProductBrowserFilter ul { }
#ProductBrowserFilter ul li { float:left; _float: none; _display: inline; _zoom: 1; }
#ProductBrowserFilter .browseRadios ul li { margin-right:1px }
#ProductBrowserFilter .browseCheckboxes ul li { margin-right:5px }
#ProductBrowserFilter ul li a { display:block; padding:5px; font-family:Verdana, Arial, sans-serif; font-size:12px; color:#fff }
#ProductBrowserFilter ul li a:hover { text-decoration:none }
#ProductBrowserFilter .jsDropdown { margin-top:3px }
#ProductBrowserFilter .buttonBlue { float:right }
/* f_tooltip has added in order to correct the alignment for the ? in product browser */
#ProductBrowserFilter h4 span.f_tooltip { color:#FFFFFF; padding:0 0 2px 13px; width:1px; }





/* Compare and Sort */
.compareAndSort {position:relative;  padding:10px 25px }
.compareAndSort .compareContainer { float:left; width:500px }
.compareAndSort h1,
.compareAndSort h4 { margin-bottom:10px; font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:normal }
.compareAndSort .compareContainer h2.compareAndSortText { padding:5px 0 20px; font-size:16px; font-weight:700 }
.compareAndSort .compareContainer #CompareItems .jsDropdown span { width: 15.74em; }
.compareAndSort .compareContainer .button { margin-left:10px }
.sortContainer { float:right; width:20em; text-align:right; }
.sortContainer h4 { margin-bottom:10px; font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:normal }
.sortContainer label { margin-right:5px; text-transform:uppercase; display: inline-block; _padding: 6px; }
.sortContainer #pbi_sort span { width: 113px; }





/* Items containers */
#ProductList { position:relative; padding:20px 0 20px 24px }
#ProductList .txtSubHeader { margin-top:0 }
#ProductList ul.productItemList { margin-right:-26px }
#ProductList .productGroup { margin:20px 0 }
#ProductBrowser .loaderPanel { position:absolute; top:0; left:50%; margin:-3px 0 0 -100px; z-index:801 }
#ProductBrowser .loaderPanel .content { padding:10px 15px }
#ProductBrowser .loaderPanel .content h4 { margin:0; padding:3px 0 3px 35px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; background:transparent url(/common/img/ani_loader_normal.gif) no-repeat 0 0  }
#ProductBrowser .loaderPanelBackground { position:absolute; top:0; left:0; right:0; bottom:0; z-index:800; background:transparent url(/common/img/tsp_white_80.png) repeat 0 0 }





/* Product Item */
/* added to fix the product browser alignment issue */
.productItem .itemDetails ul li { margin-bottom:5px; }
.productItem { float:left; width:200px; padding:0 30px 10px 0 }
.productItem h4 { position:relative; margin-bottom:10px;  padding:5px 10px; font-size:14px; text-transform:uppercase; color:#ffffff }
.productItem .itemImage { position:relative; width:200px; height:150px; margin-bottom:10px  }
.productItem .itemImage.loader { background:transparent url(/common/img/ani_loader_normal.gif) no-repeat 50% 50%  }
.productItem .itemImage .itemProductImage { position:absolute; left:0; bottom:0; z-index:1; width:200px; height:150px }
.productItem .itemImage .itemBadge { position:absolute; top:0; right:0; z-index:2 }
.productItem .itemImage.loader img { visibility:hidden }
.productItem .itemCode { margin-bottom:6px; font-family:Verdana, Arial, sans-serif; font-size:12px }
.productItem .itemDetails {  }
.productItem .itemDetails .productTitle { color:#00B8F2; font-size:14px; font-weight:bold; margin-bottom:6px }
.productItem .itemDetails .productTitle a { color:#00B8F2 }
.productItem .itemDetails .itemDescription { margin-bottom:6px; font-size:14px; font-weight:bold; text-transform:uppercase } 
.productItem .itemDetails ul { font-family:Verdana, Arial, sans-serif; font-size:12px; margin-bottom:6px }
.productItem .itemDetails .itemReview { margin-bottom:6px; font-family:Verdana, Arial, sans-serif; font-size:12px }
.productItem .itemDetails .itemPrice { margin-bottom:6px }
.productItem .itemDetails .itemPrice strong { font-size:14px }
.productItem .itemDetails .itemComparison { margin:10px 0 }
.productItem .itemDetails .itemAttribute { margin-bottom:5px }
.productItem .itemDetails .itemPrice strong,
.productItem .itemDetails .priceDetail strong { margin-left:5px; font-size:14px; white-space:nowrap }
.productItem .itemDetails .itemPrice span,
.productItem .itemDetails .priceDetail span { font-family:Arial,Verdana,sans-serif;font-size:12px; text-transform:uppercase }
.productItem .itemDetails .itemPrice a.buttonSmall span { font-family:Verdana,Arial,sans-serif;font-size:12px; text-transform:none }
.productItem .itemDetails .itemPrice a.buttonBlue { margin-top:3px;margin-bottom:0}
.productItem .itemDetails .itemPrice a.buttonBlue span { font-size:12px; }
.productItem .itemDetails .itemPrice p.upper { font-size:12px }

#ProductList ul.productItemListAutoHeight .productItem + .productItem { padding-left:30px; }
#ProductList ul.productItemListAutoHeight {display:table-row}
#ProductList ul.productItemListAutoHeight .productItem {display: table-cell;float:none;height:auto;padding:0 0 30px;}/*new 20110309*/

.productItemMini { width:110px; height:auto; padding-bottom:20px }
.productItemMicro { float:none; width:auto; height:auto; padding:0 }
.productItemLite { padding:0 0 20px 0; height:auto }
.productItemLite + .productItemLite { margin-left:30px }
.productItemMicro .itemImage { float:left; width:auto; height:auto; margin-right:10px }
.productItemMicro .itemImage .itemProductImage { position:static; width:88px; height:66px }
.productItemMicro .itemDetails { padding-top:10px }





/* Pagination containers */
#ProductBrowserPagination { position:relative; height:5.5em; text-align:center }
#ProductBrowserPagination ul {  }
#ProductBrowserPagination ul li { display:inline; width:30px; height:25px; margin-right:10px; padding:2px 0; font-size:14px }
#ProductBrowserPagination ul li.current { background-image:none }
#ProductBrowserPagination ul li.previous,
#ProductBrowserPagination ul li.next,
#ProductBrowserPagination ul li.all { background-image:none; }
#ProductBrowserPagination ul li.previous,
#ProductBrowserPagination ul li.next {
	 zoom: 1;
}
#ProductBrowserPagination ul li.all {
	width: 100px;
	 zoom: 1;
	 
}
#ProductBrowserPagination ul li.previous a,
#ProductBrowserPagination ul li.next a { background-image:none }
#ProductBrowserPagination ul li.previous a,
#ProductBrowserPagination ul li.next a,
#ProductBrowserPagination ul li.all a { padding:0 2px 0 0 }
#ProductBrowserPagination ul li.all a { background:transparent url(/common/img/bak_btn_normal_r.png) no-repeat 100% 0; }
#ProductBrowserPagination ul li.previous a.buttonPrevious { height:22px; background:transparent url(/common/img/bak_pagination_previous.png) no-repeat 0 0  }
#ProductBrowserPagination ul li.next a.buttonNext { height:22px; background:transparent url(/common/img/bak_pagination_next.png) no-repeat 0 0  }
#ProductBrowserPagination ul li.next a.buttonNext:hover { background-position:0 -22px }
#ProductBrowserPagination ul li.next a.buttonNext:active { background-position:0 -44px }
#ProductBrowserPagination ul li.previous a.buttonPrevious:hover { background-position:0 -22px }
#ProductBrowserPagination ul li.previous a.buttonPrevious:active { background-position:0 -44px }
#ProductBrowserPagination ul li .firstResult { margin:0px 10px; background:none; color:#000000 }
#ProductBrowserPagination ul li a,
#ProductBrowserPagination ul li strong { display:-moz-inline-box; display:inline-block; width:10px; padding:10px 10px }
#ProductBrowserPagination ul li a { color:#00B8F2; background:url(/common/img/bak_pagination_page.png) no-repeat 0 0  }
#ProductBrowserPagination ul li a:hover { text-decoration:none }
#ProductBrowserPagination ul li a:focus { outline:none }
#ProductBrowserPagination ul li.previous a,
#ProductBrowserPagination ul li.next a { width:22px }
#ProductBrowserPagination ul li a.buttonSmall { width:auto; padding-right:2px; text-transform:none; }
#ProductBrowserPagination ul li a.buttonSmall span { font-size:12px }
#ProductBrowserPagination ul li.previous span,
#ProductBrowserPagination ul li.next span { display:none }





/* Ink Finder */
.supportContent { position:relative; height:370px; margin:20px 0 }	
.supportContent .supportPanels { position:absolute; top:150px; left:20px; right:20px }
.supportPanels { margin-bottom:30px }
/*Changed to fix the content size in register product page*/
.supportPanels .supportPanel .content { min-height:12.5em; }
.supportPanels .supportPanel h2 { margin-bottom:20px; font-size:16px; font-weight:bold }
.supportPanels .findProductSupport { float:left; width:310px; margin-right:20px }
.supportPanels .findProductSupport .content{ width:278px; padding:10px 15px }
.supportPanels .findProductSupport input { width:265px; height:1.3em; margin-bottom:5px; padding-top:7px; font-size:14px }
.supportPanels .findProductSupport .example { margin-bottom:10px; font-family:Verdana,Arial,sans-serif; font-size:12px }
.supportPanels .mySupport { position:relative; float:left }
.supportPanels .singlePrinter,
.supportPanels .twoPrinters { width:260px }
.supportPanels .threePrinters { width:370px }
.supportPanels .fourPrinters { width:480px }
.supportPanels .multiplePrinters { width:350px }
.supportPanels .mySupport .content { padding:10px }
.badgeMyEpson { position:absolute; top:0; right:0 }
.supportPanels .mySupport select { width:300px }
.supportPanels .mySupport ul.mySupportProducts { margin-top:-10px }
.supportPanels .mySupport ul.mySupportProducts li { float:left; width:100px; margin-left:10px }
.supportPanels .mySupport ul.mySupportProducts li:first-child { margin-left:0 }
.supportPanels .mySupport ul.mySupportProducts a { font-family:Verdana, Arial, sans-serif; font-size:12px; line-height:1.2 } 
.supportPanels .mySupport ul.mySupportProducts img { margin-bottom:5px }





/* inks list */
ul.mostPopular { margin-bottom:30px }
ul.mostPopular li.column { float:left; width:220px; height:270px; margin-bottom:20px }
ul.mostPopular li.column h3 { margin-top:5px; font-size:14px; font-weight:bold }
ul.mostPopular li.column ul.details { margin-top:5px }
ul.mostPopular li.column ul.details li { clear:both; padding:3px 0; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px }
ul.mostPopular li.column ul.details li img { float:left; margin-right:10px }
* html ul.mostPopular a:link,
* html ul.mostPopular a:visited,
* html ul.mostPopular a:hover,
* html ul.mostPopular a:active {
	color: #00B8F2;
}




/* media list */
* html ul.paperMedia { margin-left:-35px; }
ul.paperMedia li.column { float:left; width:250px; padding-left:35px; }
ul.paperMedia li.column:first-child { padding-left:0 }
ul.paperMedia li.column h3 { margin-bottom:10px; padding:10px 0 5px; font-size:16px; border-bottom:1px dashed #ccc }
ul.paperMedia li.column img { float:left; display: block }
ul.paperMedia li.column ul li { padding-bottom:15px; min-height:65px; }
ul.paperMedia li.column ul li h4 { float: left; width: 162px; margin:0 0 5px 0; padding-top:5px; font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:bold; }
ul.paperMedia li.column ul li p { margin:5px 0 5px 88px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; line-height:1.2 }
* html ul.paperMedia a:link,
* html ul.paperMedia a:visited,
* html ul.paperMedia a:hover,
* html ul.paperMedia a:active {
	color: #00B8F2;
}




/* contact module variation 1 */
.contactOptionsModule { margin-bottom:20px }
.contactOptionsModule > .content { padding:5px 10px }
* html .contactOptionsModule .content { padding:5px 10px }
.contactOptionsModule.horizontal > .content { padding:0 }
.contactOptionsModule.horizontal .chatDetails { float:left; width:428px; min-height:90px; padding:17px 15px; border-right:1px solid #e1e1e1 }
.contactOptionsModule.horizontal .callDetails { float:right; width:169px; margin:0; padding:10px 15px; border:none }
.contactOptionsModule h3 { font-size:16px }
.contactOptionsModule h4 { margin-bottom:5px; font-size:12px }
.contactOptionsModule p { font-family:Verdana, Arial, sans-serif; font-size:12px }
.contactOptionsModule h3,
.contactOptionsModule p,
.callDetails { margin-bottom:10px; line-height:1.2 }
.contactOptionsModule a.buttonBlue + *,
.contactOptionsModule a.button + * { margin-top:15px }
.contactOptionsModule .callDetails { margin-bottom:15px; border-bottom:1px dashed #CCCCCC; border-top:1px dashed #CCCCCC; padding:15px 0 10px; }
.contactOptionsModule .callDetails .vcard { margin-bottom:5px; font-family:Verdana, Arial, sans-serif; font-size:12px }
* html #quickCart .contactOptionsModule .bottom .br {
	right: 1px;
}
* html #quickCart .contactOptionsModule .bottom .bl {
	left: 1px;
}
* html #quickCart .contactOptionsModule .bottom .b {
	margin: 0 11px;
}

/* Wide Teaser Modules */
ul.wideTeasers {
	clear: both;
}
ul.wideTeasers li {
	float: left;
	width: 280px;
}
* html ul.wideTeasers li {
	margin-right: 25px;
}
ul.wideTeasers li + li {
	margin-left: 25px;
}
ul.wideTeasers li .content {
	padding: 10px 15px;
}
ul.wideTeasers li h4 {
	margin-top:10px;
}
ul.wideTeasers li h4 {
	font-family: Arial, Verdana, sans-serif;
	font-size:16px;
	font-weight:bold;
}
ul.wideTeasers li h4 a { font-family:Arial, Verdana, sans-serif; font-size:16px; font-weight:bold }
ul.wideTeasers li p { margin:10px 0; font-size:1.1em; font-family:Verdana, Arial, sans-serif; font-weight:normal }
ul.wideTeasers li a { font-family:Verdana, Arial, sans-serif; font-size:12px }
ul.wideTeasers li .teaser img { margin-left:-15px }
ul.wideTeasers li .teaser { width: 280px }
ul.wideTeasers li .teaser p { width: auto }
ul.wideTeasers li.productItem {min-height:0 }
ul.wideTeasers li.productItem .itemImage {float:none; margin-bottom:0 }
ul.wideTeasers li.productItem .itemDetails .productTitle a {font-family:Arial, Verdana, sans-serif; font-size:12px }
* html ul.wideTeasers li.productItem .top {
}
* html ul.wideTeasers li.productItem .bottom {
	padding: 0 0 0 2px;
}
* html ul.wideTeasers li.productItem .bl {
	left: 2px;
}
* html ul.wideTeasers li.productItem .br {
	right: 2px;
}




/* Product Highlight Hero */
#ProductHighlight { position:relative; width:940px; margin-bottom:20px }
#ProductHighlight .left { float:left; width:345px; margin-top:7px; color:#fff }
.grey #ProductHighlight .left { color:#4D4D4D }
#ProductHighlight .left h1 { font-size:30px;}
#ProductHighlight .left h2 { margin-top:10px; font-size:16px;}		
/* Added to fix price display */
#ProductHighlight .left p { font-size:12px; font-family:Verdana, Arial, sans-serif; line-height:2; }
#ProductHighlight .left p.description { margin-top:10px; font-family:Arial, sans-serif; font-size:14px; font-weight:bold; line-height:1.2 }
#Container.black #ProductHighlight .left p.description { color:#D9D9D9}
#Container.black #ProductHighlight .left p a { line-height:2 }
/* Added to fix Where to buy button*/
#Container.black #ProductHighlight .left .features .price p .buttonBlue {line-height:1}

#ProductHighlight .left a { color:#fff; text-decoration:underline }
#ProductHighlight .left a.buttonBlue { text-decoration:none }
#ProductHighlight .left .rating { clear:both;font-size:12px; }

#ProductHighlight .left .features { border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:10px 0 15px; margin-top:20px; height:1% }
#Container.black #ProductHighlight .left .features { border-color:#999 }
/* Added to fix price display */
#ProductHighlight .left .features .price { float:left; width:160px }
#ProductHighlight .left .features .price.nuggets0 {  width:100% }
#ProductHighlight .left .features .price dt { margin:0.3em 0.5em 0 0; float:left; font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; line-height:1.23 }
#ProductHighlight .left .features .price dd { font-size:12px; line-height:1.2 }
#ProductHighlight .left .features .price p .buttonBlue { margin:10px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#ProductHighlight .left .features .price dt + p {line-height:1.5}

/*Added to fix Price Display issue*/
/*  Added to fix price display in Uppercase*/
#ProductHighlight .left .features .price div span {
font-family:Arial,Verdana,sans-serif;
font-size:12px;
font-weight:normal;
margin:0.3em 0.5em 0 0;
text-transform:uppercase;
}
#ProductHighlight .left .features .price div strong { font-size:16px;font-weight:normal }
#ProductHighlight .left .features .price div.txtInfo strong { font-weight:bold; color:#FFF}
#ProductHighlight .left .features .price div.txtInfo span { color:#FFF }
#ProductHighlight .left .features .price div.txtSmall p.upper { width:220px }


/* Added to fix price display and video button*/
#ProductHighlight .left .features .options { float:right; width:160px; margin-top:15px }
#ProductHighlight .left .features .options li { float:right; width:64px; font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center; line-height:1.23  }
#ProductHighlight .left .features .options li a { display:block; text-decoration:none; _zoom: 1; }
.grey #ProductHighlight .left .features .options li a { color:#4D4D4D; }
#ProductHighlight .left .features .options li a:hover { text-decoration:none }
#ProductHighlight .left .features .options li a:focus { outline:none }
#ProductHighlight .left .features .options li a span { display:block; height:50px; margin-bottom:5px; background:transparent none no-repeat 50% 0; cursor: pointer }
#ProductHighlight .left .features .options li.video a span { background-image:url(/common/img/ico_video.png) }
#ProductHighlight .left .features .options li a:hover span { background-position:50% -50px }
#ProductHighlight .left .features .options li a:active span { background-position:50% -100px }
/* new add 360rotate button*/
#ProductHighlight .left .features .options li.threeD a span { background-image: url(/common/img/ico_360.png);}

/* Add 20140508  */
#ProductHighlight .left .features .options-ccw { float:right; width:160px; margin-top:15px }
#ProductHighlight .left .features .options-ccw li { float:right; width:64px; font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center; line-height:1.23  }
#ProductHighlight .left .features .options-ccw li a { display:block; text-decoration:none; _zoom: 1; }
.grey #ProductHighlight .left .features .options-ccw li a { color:#4D4D4D; }
#ProductHighlight .left .features .options-ccw li a:hover { text-decoration:none }
#ProductHighlight .left .features .options-ccw li a:focus { outline:none }
#ProductHighlight .left .features .options-ccw li a span { display:block; height:50px; margin-bottom:5px; background:transparent none no-repeat 50% 0; cursor: pointer;background-image: url(/common/img/ico_360.png); }
#ProductHighlight .left .features .options-ccw li.video-ccw a span { background-image:url(/common/img/ico_video.png) }
#ProductHighlight .left .features .options-ccw li a:hover span { background-position:50% -50px }
#ProductHighlight .left .features .options-ccw li a:active span { background-position:50% -100px }
/* new add 360rotate button*/
#ProductHighlight .left .features .options li.threeD a span { background-image: url(/common/img/ico_360.png);}


#ProductHighlight .right { float:right; width:570px; text-align:right; _margin: 0; }
#ProductHighlight .right .tabs { float:right; height:50px;  }
#ProductHighlight .right .tabs li { float:left; font-size:12px; text-transform:uppercase }

#ProductHighlight .right .tabs li a { color:#ffffff; display:block; padding:6px 7px; background:transparent url(/common/img/bak_tabs_bg.png) repeat-x 0 0; border-right:1px solid #cccccc }

#ProductHighlight .right .tabs li a:hover { text-decoration:none }
#ProductHighlight .right .tabs li.first a { background:transparent url(/common/img/bak_tabs_left.png) no-repeat 0 0  }
#ProductHighlight .right .tabs li.last a { background:transparent url(/common/img/bak_tabs_right.png) no-repeat 100% 0;}
#ProductHighlight .right .tabs li a:hover,
#ProductHighlight .right .tabs li a.active { color:#4D4D4D; background-position:0 -24px }
#ProductHighlight .right .tabs li.last a:hover,
#ProductHighlight .right .tabs li.last a.active { color:#4D4D4D; background-position:100% -24px }
#ProductHighlight .right .tabs li a.active { color:#4D4D4D; background-position:0 -24px }
#ProductHighlight .right .tabs li.last a.active { color:#4D4D4D; background-position:100% -24px }
#ProductHighlight .right img { margin-top:45px; }





/* main width and float for the product specification table */
.productSpecPosition { float:right; width:660px }
.productSpec {  }
.productSpec h2 { margin-bottom:10px; font-size:14px; font-weight:normal }





/* table properties for product comparison & product specifications*/
table.specContainer { width:100% }
table.specContainer thead { display:none }
table.specContainer tr th,
table.specContainer tr td { font-size:12px; border-top:1px dashed #ccc }
table.specContainer tr.first th,
table.specContainer tr.first td { border-top:none }
table.specContainer tr td ,
table.specContainer tr th { padding:20px }
table.specContainer tr th h4 { margin-bottom:5px; font-size:12px; font-weight:bold }
table.specContainer tr.alt th,
table.specContainer tr.alt td { background-color:#f2f2f2 }
table.specContainer tr th p { font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:normal }
table.specContainer tr td { text-align:center; border-left:1px solid #e1e1e1 }
table.specContainer tr th img { float:left; margin-right:10px }
table.specContainer .hiddenRow { height:1px; display:none }





/* productSpecSidebar */
.productSpecSidebar { float:left; width:200px; padding:20px 0 0 0 }			
.productSpecSidebar .productImage { margin-bottom:10px; padding-bottom:20px; border-bottom:1px dashed #ccc }
.productSpecSidebar .price { border-bottom:1px dashed #ccc; margin-bottom:10px; padding-bottom:10px }
/* Fix has given for UI alignments in technical specifications page -- Swetha*/
.productSpecSidebar .price .priceDetail span { font-size:12px; line-height:1.23; margin-top:0.2em; text-transform:uppercase; }
.productSpecSidebar .price p.upper { font-size:12px; margin:5px 0; }
.productSpecSidebar .price .priceDetail strong { font-size:14px; font-weight:bold; line-height:1.2; margin-left:5px; white-space:nowrap; }
.productSpecSidebar .price dt { margin-top:0.2em; float:left; font-size:12px; text-transform:uppercase; line-height:1.23 }
.productSpecSidebar .price dd { margin-left:2.75em; font-size:12px; font-weight:bold; line-height:1.2 } 
.productSpecSidebar .price .buttonBlue { margin:10px 0 }
.productSpecSidebar .price .buttonBlue input { margin-right:0; padding-right:-10px; display:inline-block; _margin-right:-10px; }

.productSpecSidebar .price a.link { font-family:Verdana, Arial, sans-serif; font-size:12px }	
.pageActionVertical{ margin:20px 0 }
.pageActionVertical a { display:block }




/* Article Body */
.articleBody { margin-bottom:30px }
.articleBody.right { margin-left:300px }
.articleBody h3 { margin-bottom:10px; font-size:16px; font-weight:normal; color:#4d4d4d }
.articleBody h4 { margin-bottom:10px; font-size:14px; color:#4d4d4d }
.articleBody p { margin-top:10px; font-family:Verdana, Arial, sans-serif; font-size:12px; color:#666666; line-height:22px }
.articleBody p + h4 { margin-top:20px }
.articleBody p.summary { color:#999999; font-family:Arial, sans-serif; font-size:12px; margin: 0 0 25px 0; line-height:1.2 }
.articleBody p.caveat { margin-top:20px; font-size:12px; line-height:1.2 }
.articleBody ul { margin-left:15px; list-style:disc none outside }
.articleBody ul + h4 { margin-top:20px }
.articleBody ul li { margin-bottom:10px; list-style:disc none outside; font-family:Verdana, Arial, sans-serif; font-size:12px; color:#666666 }
.articleBody table { width:auto; border-bottom:1px solid #e1e1e1; font-size:12px }
.articleBody table + h4 { margin-top:20px }
.articleBody table thead tr { border-bottom:1px solid #e1e1e1 }
.articleBody table tbody tr + tr { border-top:1px dashed #ccc }
.articleBody table tr th,
.articleBody table tr td { padding:10px }
.articleBody img.floatLeft,
.articleBody img.floatRight { margin-bottom:20px }
.articleBody img.floatLeft { margin-right:25px }
.articleBody img.floatRight { margin-left:25px }
.articleBody #FlashVideoPlayer { margin-top:30px }
.articleBody #FlashVideoPlayer + h4,
.articleBody #FlashVideoPlayer + p { margin-top:30px }
img.fullWidthImage { margin-bottom:30px }
.articleBody a { color:#00B8F2 }
/*.articleBody a:hover { text-decoration:underline }*/





/* Article Sidebar */
#ProductArticle .genericSidebarMedium p { margin-top:5px; font-family:Verdana, Helvetica, sans-serif; font-size:12px; line-height:1.2 }





/* Product Benefits */
#ProductArticle .benefits {  }
#ProductArticle .benefits h4 { margin-bottom:10px; font-size:12px; text-transform:uppercase }
#ProductArticle .benefits ul {  }
#ProductArticle .benefits ul li { margin-bottom:15px; /zoom: 1; }
#ProductArticle .benefits ul li:after { content:"."; display:block; clear:both; height:0; visibility:hidden }
#ProductArticle .benefits ul li h5 { margin-bottom:5px; font-weight:bold; font-size:14px; text-transform:uppercase }
#ProductArticle .benefits ul li p { margin-left:75px; font-family:Verdana, Arial, sans-serif; font-size:12px; line-height:1.2 }
#ProductArticle .benefits .footer { font-family:Verdana, Arial, sans-serif; font-size:12px }
* html #ProductArticle .benefits a:link,
* html #ProductArticle .benefits a:visited,
* html #ProductArticle .benefits a:hover,
* html #ProductArticle .benefits a:active {
	color: #00B8F2;
}




/* Benefit Icon */
.benefitIcon { position:relative; float:left; width:60px; height:60px; margin-right:15px; background-color:#00B8F2 }





/* Product Downloads */
.downloads { width:195px }
.downloads .mainDownload { height:114px; margin:0 0 15px 3px; background-color:#00B8F2 }
.downloads .mainDownload .content { height:84px; margin-left:-3px; padding:15px 20px; border:none; color:#fff; background:transparent url(/common/img/bak_download_main.png) no-repeat 0 0  }
.downloads .mainDownload .content h4,
.downloads .mainDownload .content p { margin:0; font-size:12px; color:#fff; text-transform:uppercase; line-height:1 }
.downloads .mainDownload .content p { margin-top:5px; font-size:12px }
.downloads .mainDownload .content a { color:#fff }
.downloads .mainDownload .content a:hover { text-decoration:none }
.downloads .mainDownload .content a.downloadLink { display:block; margin-top:10px; padding:1px 0 0 20px; background:transparent url(/common/img/ico_download_white.gif) no-repeat 0 0  }
.downloads .mainDownload .content a.downloadLink:hover { text-decoration:underline }

.downloads li { margin-bottom:10px }
.downloads li p {
	min-height: 42px;
	height: auto !important;
	height: 42px;
display:block; padding:1px 0 0 42px; font-size:12px; font-family:Verdana, Arial, sans-serif; line-height:1.2; background:transparent url(/common/img/ico_download.png) no-repeat 0 0  }
* html .downloads li p {
	behavior: expression(
	this.style.behavior || (
	this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
	this.style.backgroundImage = "none",
	this.style.behavior = "none"));
}

.downloads li p a { line-height:1.2; }
* html .downloads li p a:link,
* html .downloads li p a:visited,
* html .downloads li p a:hover,
* html .downloads li p a:active {
		color: #00B8F2;
}
.downloads li p span { display:block; margin-top:1px; color:#999 }





/* Small Product Compare Section */
.secondaryCompareModule { margin-top:20px; padding:20px 0 10px; border-top:1px dashed #ccc }
.secondaryCompareModule h4 { margin-bottom:10px; font-size:14px }
.secondaryCompareModule .productComparisonContainer { padding:0 10px }
.secondaryCompareModule .productComparisonContainer .comparisonDetails { float:left; margin-right:20px }
.secondaryCompareModule .compareContainer { float:right }
.secondaryCompareModule .compareContainer h4 { font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:normal }
.secondaryCompareModule .compareContainer .jsDropdown { margin-right:10px }





/* checkout review */
.checkoutTotal,
#CheckoutSection .basketContents .checkoutTotal { border-top:1px solid #e1e1e1; padding:10px 10px; background-color:#f2f2f2; width: auto; _zoom: 1; }
#CheckoutSection .checkoutTotal .floatRight strong.txtMedium { font-size:14px;font-weight:bold }
.checkoutTotal , .basketContents .checkoutTotal div { display:block; text-align:right }
.printReceipt { margin-top:40px }
* html #ConfigureBasketTotal a.buttonBlue {
	padding: 0 9px;
}




/* Mini Shopping Basket */
#MiniShoppingBasket { margin-bottom:20px }
#MiniShoppingBasket .content { padding:0 10px; }
#MiniShoppingBasket .content h3 { margin-bottom:15px; padding-left:30px; font-size:16px; background:transparent url(/common/img/ico_basket_dark.png) no-repeat 0 -2px  }
#MiniShoppingBasket .content p { margin-bottom:10px }
#MiniShoppingBasket .content .emptySmallBasket { padding:20px 0; text-align:center }
/* Added to fix button issue */
#MiniShoppingBasket .content a.buttonBlue span { padding-left:7px;}
* html #MiniShoppingBasket .content a.buttonBlue {
	padding: 0 9px;
}

table.miniBasket { margin-bottom:10px }
table.miniBasket thead { display:none }
table.miniBasket tbody { font-family:Verdana, Arial, sans-serif; font-size:12px }
table.miniBasket tbody tr { vertical-align:top }
table.miniBasket tbody tr.total { font-weight:bold; border:1px dashed #ccc; border-left:none; border-right:none; position: relative }
table.miniBasket tbody tr td { padding-bottom:10px; text-align:left; line-height:1.2;width:87px }
table.miniBasket tbody tr td:first-child {width:130px }
table.miniBasket tbody tr td:last-child { text-align:right }
table.miniBasket tbody tr.total td,
table.miniBasket tbody tr.total th { padding:5px 0; /border-top: 1px dashed #ccc; /border-bottom: 1px dashed #ccc; }
table.miniBasket tbody tr.total td.price{ text-align:right }


/* Comparison Menu */
#CompareItemsDropdown { z-index:10; background: url(/common/img/bak_dropdown_top.png) repeat-x 0 0  }
body.pro #CompareItemsDropdown { background-image:url(/common/img/bak_dropdown_blk_top.png) }
#CompareItemsDropdown ul { width:auto; padding:0 10px; font-family:Verdana, Arial, sans-serif; font-size:12px; }
body.pro #CompareItemsDropdown ul { border-top:none }
#CompareItemsDropdown ul li { padding:15px 0; }	
#CompareItemsDropdown ul li + li { border-top:1px dashed #ccc }
body.pro #CompareItemsDropdown ul li + li { border-color:#999 }
body.pro #CompareItemsDropdown ul li { background-color:transparent; color:#E1E1E1 }
#CompareItemsDropdown ul li img { float:left; width:58.67px; height:44px; margin-right:15px }
#CompareItemsDropdown ul li a { color:#636363 }
body.pro #CompareItemsDropdown ul li a { color:#E1E1E1 }	
#CompareItemsDropdown ul li a:hover { color:#00B8F2 }
body.pro #CompareItemsDropdown ul li a:hover { color:#7FD1F1 }
#CompareItemsDropdown ul li a.buttonSmall { margin-top:10px }
#CompareItemsDropdown ul li a.buttonSmall span { font-size:12px }
#CompareItemsDropdown ul li.lastItem { height:auto; border-bottom:none; }



/* consumable product items */ 
.consumableProList + .consumableProList { margin-bottom:15px }
.consumableProList + .checkoutTotal { margin-top:15px }
.consumableProList h2,
.consumableProList h3,
.consumableProList p { margin-bottom:10px }
.consumableProList h2 { margin-top:30px; font-size:16px; font-weight:normal }
.consumableProList h3 { padding-top:10px; font-size:14px }
.consumableProList h3.category { padding-top:0px; font-size:16px; font-weight:normal }
.consumableProList .consumableProListContent { padding-top:15px; border-top:1px solid #e1e1e1 }
.consumableProList .consumableProListContent + .consumableProListContent { margin-top:15px }
.consumableProList.genericCollapsibleSection { margin-top:20px }
.consumableProList.genericCollapsibleSection + .consumableProList.genericCollapsibleSection { margin-top:10px }

.collapsibleContent .consumableProListContent { border-top:none }

.consumableProList .consumableProListContent .consumableProImage { float:left; width:200px; margin-right:10px; font-size:14px; font-weight:bold }
.consumableProList .consumableProListContent .consumableProImage img { margin-bottom:10px }
.consumableProList .consumableProListContent .consumableProListContentData { margin-left:210px }
.consumableProList .subHeaderTitle { float:left; width:445px }
.consumableProList .subHeaderTitle h3 { padding-top:0; font-size:14px }
.consumableProList .subHeaderTitle h3 img { margin-left:10px; vertical-align:top }
.consumableProList .subText { margin-left:210px }
.consumableProList ul.productList { float:left; margin-bottom:10px; font-family:Verdana, Arial, sans-serif; font-size:12px; line-height:1 }
.consumableProList .subHeaderTitle + ul.productList { margin-top:20px; border-top:1px dashed #ccc }
.consumableProList ul.productList li { padding-top:10px }
.consumableProList .subHeaderTitle + ul.productList li:first-child { padding-top:10px }
.consumableProList ul.productList li + li { margin-top:10px; border-top:1px dashed #ccc }
.consumableProList ul.productList li .col { float:left }
.consumableProList ul.productList li .col.name p {line-height:1.4;}
.consumableProList ul.productList li .col + .col { margin-left:10px }
.consumableProList ul.productList li input { margin:0 }

.productList p { margin-bottom:5px }
.productList .image { width:200px; min-height:1px }
.productList .ink { width:45px }
.productList .name { width:150px; font-weight:bold }
.productList.wide .name { width:360px }
.productList .name .txtLight { font-weight:normal }
.productList .description { width:205px }
.productList .description h4 { margin-bottom:5px }
.productList .price { width:120px; line-height:1; text-align:right }
.productList .medium { width:205px }
.productList .quantity { width:100px; text-align:right }
.productList .quantity div.jsDropdown { margin-top:-5px }
.productList .warranty { width:300px; font-weight:bold }
.productList .type { width:100px; text-align:right }
.productList .type label { text-transform:uppercase }



/* GENERIC STYLES */
.accessText { display:none }





/* CSS RESET */
input[type=radio], input[type=checkbox] { font-size:14px }
input[type=submit], input[type=button] { font-family:Arial, Verdana, sans-serif; border:none }
input[type=hidden] { display:none }
button { white-space:nowrap; background-color:transparent; border:none; font-size:12px }





/* POPUPS */
.genericPopup { width:575px; color:#4D4D4D }
.genericPopup .header { position:relative; padding-right:10px; color:#4d4d4d; background:transparent url(/common/img/bak_popup_header_right.png) no-repeat 100% 0 }
.genericPopup .headerContent { height:20px; padding:10px 0 10px 10px; background:transparent url(/common/img/bak_popup_header_left.png) no-repeat 0 0 }
.genericPopup .hebody.homecinema { background-color: #382B7A }
.genericPopup .header p { float:left; font-size:12px }
.genericPopup .header .closeButton { position:absolute; top:7px; right:12px }
.genericPopup .header .closeButton a  { display:block }
.genericPopup .header .backButton { float:left; margin-right:10px }
.genericPopup .content { padding:10px; min-height:80px; background-color:#fff; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; overflow:hidden }
.genericPopup .content.genericPopupLoader { background-image:url(/common/img/ani_loader_normal.gif); background-position:50% 50%; background-repeat:no-repeat }





/* Popup */
#Popup { top:30% }
#PopupBackground { position:fixed; top:0; left:0; width:100%; height:100%; background:transparent url(/common/img/tsp_black_60.png) repeat 0 0; z-index:988 }





/* generic collapsible table  */
.genericCollapsibleModule { padding-bottom:20px; }
.genericCollapsibleModule .header { padding-right:36px; text-align:left; border-bottom:1px solid #e1e1e1; background: url(/common/img/ico_collapsible_arrow.png) no-repeat 100% -35px; _background-position: 100% -35px; _zoom: 1; }
.genericCollapsibleModule .open { background-position:100% 0; border-bottom:none }
.genericCollapsibleModule .header span { display:block; height:15px; padding:8px 10px 8px 10px;font-size:14px; font-weight:bold ;background:transparent url(/common/img/bak_collap_header_l.png) no-repeat 0 0; cursor:pointer }
.genericCollapsibleModule .collapsibleContent { border:1px solid #e1e1e1; border-top:none }





/* generic collapsible section */
.genericCollapsibleSection {  }
.genericCollapsibleSection .header .content { padding:7px 15px }
.genericCollapsibleSection .header h3 { padding:1px 0 1px 35px; font-size:14px; font-weight:normal; color:#00B8F2; background:url(/common/img/bak_support_arrow.png) no-repeat 0 0; cursor: pointer; _zoom: 1; }
.genericCollapsibleSection .header.open h3 { background-position:0 -23px }
.genericCollapsibleSection .header.open h3 a { _zoom: 1;}
.genericCollapsibleSection .header.open .bottom { visibility:hidden }





/* generic grey box */
.genericRoundedGeyBox {  }
.genericRoundedGeyBox .top { height: 9px; }
* html .genericRoundedGeyBox .top { position: relative; overflow: hidden; }
* html .genericRoundedGeyBox .top .tr { position: absolute; top: 0px; right: 0px; }
* html .genericRoundedGeyBox .top .tl { position: absolute; top: 0px; left: 0px; }
.genericRoundedGeyBox .top .tl { float:left; width:9px; height:9px }
.genericRoundedGeyBox .top .tr { float:right; width:9px; height:9px }
.genericRoundedGeyBox .top .t { margin:0 9px; height:9px }
.genericRoundedGeyBox .top .tl { background:transparent url(/common/img/bak_keywordpanel_tl.png) no-repeat 0 0 }
.genericRoundedGeyBox .top .tr { background:transparent url(/common/img/bak_keywordpanel_tr.png) no-repeat 100% 0 }
.genericRoundedGeyBox .top .t { background:transparent url(/common/img/bak_keywordpanel_t.png) repeat-x }
.genericRoundedGeyBox .content {  }
.genericRoundedGeyBox .content { background: #f5f5f5; border-right:1px solid #f5f5f5; border-left:1px solid #f5f5f5 }	
.genericRoundedGeyBox .bottom { height:14px }
.genericRoundedGeyBox .bottom .bl { float:left; width:14px; height:14px }
.genericRoundedGeyBox .bottom .br { float:right; width:14px; height:14px }
.genericRoundedGeyBox .bottom .b { margin:0 14px; height:14px }	
.genericRoundedGeyBox .bottom .bl { background:transparent url(/common/img/bak_keywordpanel_bl.png) no-repeat 0 0 }
.genericRoundedGeyBox .bottom .br { background:transparent url(/common/img/bak_keywordpanel_br.png) no-repeat 100% 0 }
.genericRoundedGeyBox .bottom .b { background:transparent url(/common/img/bak_keywordpanel_b.png) repeat-x }
* html .genericRoundedGeyBox .bottom { position: relative; overflow: hidden; }
* html .genericRoundedGeyBox .bottom .br { position: absolute; top: 0px; right: 0px; }
* html .genericRoundedGeyBox .bottom .bl { position: absolute; top: 0px; left: 0px; }





/* plain roundeed corners */
.plainRoundedCorners > .top { height:7px }
.plainRoundedCorners > .top .tl { float:left; width:10px; height:7px }
.plainRoundedCorners > .top .tr { float:right; width:10px; height:7px }
.plainRoundedCorners > .top .t { margin:0 10px; height:7px }
.plainRoundedCorners > .top .tl { background:transparent url(/common/img/sprite_corners.png) no-repeat 0 -60px }
.plainRoundedCorners > .top .tr { background:transparent url(/common/img/sprite_corners.png) no-repeat -10px -60px }
.plainRoundedCorners > .top .t { background:transparent url(/common/img/sprite_corners.png) repeat-x 0 -20px }
.plainRoundedCorners > .content {  }
.plainRoundedCorners > .content { background-color:#fff; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1 }
.plainRoundedCorners > .bottom { height:7px }
.plainRoundedCorners > .bottom .bl { float:left; width:10px; height:7px }
.plainRoundedCorners > .bottom .br { float:right; width:10px; height:7px }
.plainRoundedCorners > .bottom .b { margin:0 10px; height:7px }
.plainRoundedCorners > .bottom .bl { background:transparent url(/common/img/sprite_corners.png) no-repeat 0 -70px }
.plainRoundedCorners > .bottom .br { background:transparent url(/common/img/sprite_corners.png) no-repeat -10px -70px }
.plainRoundedCorners > .bottom .b { background:transparent url(/common/img/sprite_corners.png) repeat-x 0 -80px }
* html .plainRoundedCorners .top {
	height: 6px;
	position: relative;
	overflow: hidden;
}
* html .plainRoundedCorners .top .tl {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 7px;
	background: url(/common/img/sprite_corners.gif) no-repeat 0 -60px;
}
* html .plainRoundedCorners .top .tr {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 7px;
	background: url(/common/img/sprite_corners.gif) no-repeat -10px -60px;
}
* html .plainRoundedCorners .top .t {
	margin: 0;
	height: 7px;
	background: url(/common/img/sprite_corners.gif) repeat-x 0 -20px;
}
* html .plainRoundedCorners .content {
	background-color: #fff;
	border-right: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
}
* html .plainRoundedCorners .bottom {
	height:7px;
	overflow: hidden;
	position: relative;
}
* html .plainRoundedCorners .bottom .bl {
	position: absolute;
	top: 0px;
	left: 0px;
	width:10px;
	height:7px;
	background: url(/common/img/sprite_corners.png) no-repeat 0 -70px
}
* html .plainRoundedCorners .bottom .br {
	position: absolute;
	top: 0px;
	right: 0px;
	width:10px;
	height:7px;
	background: url(/common/img/sprite_corners.png) no-repeat -10px -70px;
}
* html .plainRoundedCorners .bottom .b {
	margin: 0 10px;
	background: url(/common/img/sprite_corners.png) repeat-x 0 -80px;
}
* html .plainRoundedCorners .buttonBlue {
	background: url(/common/img/sprite_buttons.gif) no-repeat 100% -360px;
}
* html .plainRoundedCorners .buttonBlue span {
	background: url(/common/img/sprite_buttons.gif) no-repeat 0 -240px;
}




/* generic sidebars */
.genericSidebarNarrow { width:200px }
.genericSidebarNarrow.floatLeft { margin-right:30px }
.genericSidebarNarrow.floatRight { margin-left:30px }
.genericSidebarNarrow .genericRoundedCorners > .content { padding:7px 10px }

.genericSidebarMedium { width:280px }
.genericSidebarMedium.floatLeft { margin-right:25px }
.genericSidebarMedium.floatRight { margin-left:25px }
.genericSidebarMedium .genericRoundedCorners > .content { padding:7px 15px }
.genericSidebarMedium .module { margin-bottom:30px }

.genericSidebarModule { margin-bottom:20px }
.genericSidebarModule > .content { padding:5px 10px }
.genericSidebarModule h3 { font-size:14px; font-weight:bold }
.genericSidebarModule h3,
.genericSidebarModule p,
.genericSidebarModule .buttonBlue { margin-bottom:10px }
.genericSidebarModule p, .genericSidebarModule .relatedLinks { font-family:Verdana, Arial, sans-serif; font-size:12px }
.genericSidebarModule .relatedLinks { margin-bottom:5px }





/* TEXT */
.txtDark,
.txtDarkSmall,
.txtDarkNormal,
.txtDarkMedium,
.txtDarkLarge { color:#4d4d4d }

.txtLight,
.txtLightSmall,
.txtLightNormal,
.txtLightMedium,
.txtLightLarge { color:#999 }

.txtError,
.txtErrorSmall,
.txtErrorNormal,
.txtErrorMedium,
.txtErrorMediumLarge,
.txtErrorLarge { color:#ed1c24 }

.txtBenefit,
.txtBenefitSmall, 
.txtBenefitNormal,
.txtBenefitMedium,
.txtBenefitLarge { color:#a1cd3a }

.txtInfo,
.txtInfoSmall,
.txtInfoNormal,
.txtInfoMedium,
.txtInfoLarge { color:#f7931e }

.txtRequired,
.txtRequiredSmall,
.txtRequiredNormal,
.txtRequiredMedium,
.txtRequiredLarge { color:#00B8F2 }

.txtSmall,
.txtDarkSmall,
.txtLightSmall,
.txtErrorSmall,
.txtBenefitSmall,
.txtInfoSmall,
.txtRequiredSmall { font-family:Verdana, Arial, sans-serif; font-size:12px }

.txtNormal,
.txtDarkNormal,
.txtLightNormal,
.txtErrorNormal,
.txtBenefitNormal,
.txtInfoNormal,
.txtRequiredNormal { font-family:Arial, sans-serif; font-size:12px }

.txtMedium,
.txtDarkMedium,
.txtLightMedium,
.txtErrorMedium,
.txtBenefitMedium,
.txtInfoMedium,
.txtRequiredMedium { font-family:Arial, sans-serif; font-size:14px; }

.txtMediumLarge,
.txtDarkMediumLarge,
.txtLightMediumLarge,
.txtErrorMediumLarge,
.txtBenefitMediumLarge,
.txtInfoMediumLarge,
.txtRequiredMediumLarge { font-family:Arial, sans-serif; font-size:14px }

.txtLarge,
.txtDarkLarge,
.txtLightLarge,
.txtErrorLarge,
.txtBenefitLarge,
.txtInfoLarge,
.txtRequiredLarge { font-family:Arial, sans-serif; font-size:14px }

p.txtNormal,
p.txtDarkNormal,
p.txtLightNormal,
p.txtErrorNormal,
p.txtBenefitNormal,
p.txtInfoNormal,
p.txtRequiredNormal { line-height:1.5 }

p.txtMedium { line-height:1.2 }

.txtMainHeader { margin-bottom:20px; font-size:14px; font-weight:normal }
.txtSubHeader { margin:30px 0 10px; font-size:14px; font-weight:normal }
.txtSummaryHeader { font-family:Arial, sans-serif; font-size:14px; color:#999; line-height:1.2 }
.txtDescriptionHeader,
.txtNormalAlt {font-family:Verdana, Arial, sans-serif; font-size:12px;line-height:1.5}

.upper { font-weight:normal; text-transform:uppercase }
table.basket tbody td .upperStrong { font-family:Arial,Verdana,sans-serif; font-size:12px;}
.upperStrong { text-transform:uppercase }


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







/* blue buttons */
/* revert back the changes done to padding-right element as it is causing button issue */
.buttonBlue { display:-moz-inline-box; display:inline-block; padding-right:10px; line-height:1; background: url(/common/img/sprite_buttons.png) no-repeat 100% -360px; }
.buttonBlue:hover { background-position:100% -400px; text-decoration:none }
.buttonBlue:active { background-position:100% -440px }
.buttonBlue:focus { outline:none }
button.buttonBlue,
x:-moz-any-link { padding-right:7px; background-position:100% -360px }
button.buttonBlue:hover,
x:-moz-any-link { background-position:100% -400px }
button.buttonBlue:active,
x:-moz-any-link { background-position:100% -440px }
.buttonBlue span,
.buttonBlue input { display: inline-block; height:0.85em; padding:8px 0 12px 9px; font-size:12px; font-weight: bold; text-decoration: none; color: #fff; text-transform: uppercase; background:transparent url(/common/img/sprite_buttons.png) no-repeat 0 -240px }
.buttonBlue input { display:inline; height:2.583em; padding:6px 0 10px 10px; }
.buttonBlue:hover span,
.buttonBlue:hover input { background-position:0 -280px; }
.buttonBlue:active span,
.buttonBlue:active input { background-position:0 -320px }
.button.disabled span,
.button.disabled input { color:#D9D9D9 }
button.buttonBlue span { padding-right:0; padding-bottom:13px; line-height:1 }





/* normal buttons */
.button { display:-moz-inline-box; display:inline-block; padding-right:2px; text-transform: uppercase; background:transparent url(/common/img/sprite_buttons.png) no-repeat 100% -600px; line-height:1.2 }
.button:hover { background-position:100% -640px; text-decoration:none }
.button:active { background-position:100% -680px }
.button:focus { outline:none }
.button.disabled:hover { background-position:100% -600px }
button.button,
x:-moz-any-link { height:2.7em; padding-right:0; background-position:100% 600px }
button.button:hover,
x:-moz-any-link { background-position:100% -640px }
button.button:active,
x:-moz-any-link { background-position:100% -680px }
.button span,
.button input { display:block; height:1.09em; padding:7px 8px 8px 10px; font-size:12px; font-weight:bold; color:#00B8F2; background:transparent url(/common/img/sprite_buttons.png) no-repeat 0 -480px; cursor:pointer }
.button input { display:inline; height:2.455em; text-transform:uppercase }
.button:hover span,
.button:hover input { background-position:0 -520px }
.button:active span,
.button:active input { background-position:0 -560px }
.button.disabled span,
.button.disabled input { color:#999 }
.button.disabled:hover span,
.button.disabled:hover input { background-position:0 -480px; cursor:default }
* html .button span { display:inline-block }
* html button.button { float:left; margin-top:-2px }
* html button.button span { margin:0px -5px 0 0 }





/* small buttons */
.buttonSmall { display:-moz-inline-box; display:inline-block; padding-right:2px; color:#00B8F2; background:transparent url(/common/img/sprite_buttons.png) no-repeat 100% -1080px; line-height:1.2 }
.buttonSmall:hover { background-position:100% -1120px; text-decoration:none }
.buttonSmall:active { background-position:100% -1160px; text-decoration:none }
.buttonSmall:focus { outline:none }
button.buttonSmall,x:-moz-any-link { padding-right:0; background-position:100% 1px }
button.buttonSmall:hover,x:-moz-any-link { background-position:100% -30px }
button.buttonSmall:active,x:-moz-any-link { background-position:100% -61px }
.buttonSmall span,
.buttonSmall input { display:block; height:1.273em; padding:4px 8px 4px 10px; font-family:Verdana, Arial, sans-serif; font-size:12px; color:#00B8F2; background:transparent url(/common/img/sprite_buttons.png) no-repeat 0 -960px; cursor:pointer }
.buttonSmall input { display:inline; height:2em; padding:4px 8px 4px 10px }
.buttonSmall:hover span,
.buttonSmall:hover input { background-position:0 -1000px }
.buttonSmall:active span,
.buttonSmall:active input { background-position:0 -1040px }
.buttonSmall.disabled span,
.buttonSmall.disabled input { color:#999 }
* html .buttonSmall span { display:inline-block; height:1.3em }
* html button.buttonSmall { float:left; margin-top:-2px }
* html button.buttonSmall span { height:1.14em; margin:0px -5px 0 0 }





/* small plus button */
.buttonPlus span { padding-left:25px; background-position:0 -1960px }
.buttonPlus:hover span { background-position:0 -2000px }
.buttonPlus:active span { background-position:0 -2040px }





.buttonBlueClose { height:12px; background: transparent url(/common/img/btn_blue_close_hover.png) no-repeat 0 0 ; padding:10px 14px }
.buttonBlueClose:active { background-image:url(/common/img/btn_blue_close.png) }
.buttonBlueClose:focus { outline:none }
.buttonBlueClose span { display:none }

.buttonAddons { display:inline-block; padding:7px 0; color:#00B8F2 }
.buttonAddons:hover { text-decoration:none }
.buttonAddons:focus { outline:none }
.buttonAddons span { margin-left:35px; font-family:Verdana, Arial, sans-serif; font-size:12px }	
.buttonAddons:hover span { text-decoration:underline }

.imagePrint { background:url(/common/img/btn_print.png) no-repeat 0 0 }	
.imageEmail { background:url(/common/img/btn_email.png) no-repeat 0 0 }	
.imagePrevious { background:url(/common/img/btn_previous.png) no-repeat 0 0 }





/* consumable finder structure */
#ConsumableFinder {  }
#ConsumableFinder > .content { padding:10px 24px 35px 24px }
* html #ConsumableFinder .contentMain { padding:10px 24px 35px 24px }

/* article structure */
#ProductArticle { padding:15px 24px }

/* product comparison */
#ProductComparison > .content { padding:15px 24px }
* html #ProductComparison .contentMain { padding:15px 24px }





/*Teasers*/
.wc_tl { position:absolute; top:0; left:0; width:4px; height:4px; background: url(/common/img/sprite_corners.png) no-repeat scroll 0 -120px;; margin-top: 0px; _top: 0px; }
.wc_tr { position:absolute; top:0; right:0; width:4px; height:4px; background: url(/common/img/sprite_corners.png) no-repeat scroll -16px -120px; margin-top: 0px }
.wc_bl { position:absolute; bottom:0; left:0; width:4px; height:4px; background: url(/common/img/sprite_corners.png) no-repeat 0 -136px; margin-bottom: 0px; _bottom: -10px; }
.wc_br { position:absolute; bottom:0; right:0; width:4px; height:4px; background: url(/common/img/sprite_corners.png) no-repeat -16px -136px; margin-bottom: 0px; _bottom: -10px; }






/* consumable product */
#ConsumableProduct {  }
#ConsumableProduct h1.txtMainHeader { margin-bottom:10px; padding:15px 0 }
#ConsumableProduct h2.txtMainHeader { margin:0 0 10px 100px; padding:15px 0 }
#ConsumableProduct > .content { padding:15px 24px }
* html #ConsumableProduct .contentMain { padding:15px 24px }
#ConsumableProduct .configurationOptions { float:left; width:660px }




/* support */
#Support > .content { padding:15px 24px }
* html #Support .contentMain{ padding:15px 24px; }
#Support .support { float:left; width:660px; padding-top:15px }
/* product support */
#Support h2 { margin:0 0 0 100px; padding:15px 0 }
/* Support sections */
#Support .supportSection { margin-top:30px }
* html .genericCollapsibleSection {
	zoom: 1;
}
* html .genericCollapsibleSection .genericRoundedCorners .bottom {
	position: relative;
}
* html .genericCollapsibleSection .genericRoundedCorners .content {
	background-image: url(/common/img/bak_masthead.gif);
}
* html .genericCollapsibleSection .genericRoundedCorners .bottom .br {
	background-image: url(/common/img/bak_masthead_br.gif);
}
* html .genericCollapsibleSection .genericRoundedCorners .bottom .bl {
	background-image: url(/common/img/bak_masthead_bl.gif);
}
* html .genericCollapsibleSection .genericRoundedCorners .bottom .b {
	background-image: url(/common/img/bak_masthead_b.gif);
}
* html .genericCollapsibleSection .genericRoundedCorners .bottom .br {
	background-image: url(/common/img/bak_masthead_br.gif);
}
* html .genericCollapsibleSection .genericRoundedCorners .bottom .bl {
	background-image: url(/common/img/bak_masthead_bl.gif);
}
/* drivers */
#Support .drivers { margin:15px 0 30px }
#Support .drivers h4 { margin-bottom:10px; padding-bottom:7px; font-size:14px; border-bottom:1px dashed #ccc }
#Support .drivers h5 { padding:5px 0; font-size:14px }
#Support .drivers h5 span { font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:normal; color:#999 }
#Support .drivers p { margin:0 100px 10px 0; font-family:Verdana, Arial, sans-serif; font-size:12px; line-height:1.2 }
* html #Support .drivers a:link,
* html #Support .drivers a:visited,
* html #Support .drivers a:hover,
* html #Support .drivers a:active {
		color: #00B8F2;
}
/* faq */
#Support .faq { margin:15px 0 30px }
#Support .faq form { padding:10px 20px; _padding:10px 20px 1px; }
#Support .faq form input[type=text] { font-size:12px }
#Support .faq h4 { margin-bottom:10px; font-size:14px }
#Support .faqContent { height:270px; padding:15px 20px; border-top:1px solid #E1E1E1; overflow:auto }
#Support .faqContent.loading { background:transparent url(/common/img/ani_loader_normal.gif) no-repeat 50% 50% }
#Support .faqContent h5 { margin-bottom:10px; font-size:14px }
#Support .faqContent ul { margin-bottom:20px }
#Support .faqContent ul li { font-size:14px; line-height:1.5 }
* html #Support .faq button {
	margin-bottom: -4px;
}
* html #Support .faqContent ul li a:link,
* html #Support .faqContent ul li a:visited,
* html #Support .faqContent ul li a:hover,
* html #Support .faqContent ul li a:active {
		color: #00B8F2;
}
/* manuals */
#Support .manuals { margin-bottom:20px }
#Support .manuals h4 { margin-bottom:10px; font-size:16px }
/* online documents */
#Support .onlineDocs { float:left; width:200px; }
#Support .onlineDocs ul { margin-top:10px; border-top:1px dashed #ccc }
#Support .onlineDocs ul li { padding:5px 0; font-family:Verdana, Arial, sans-serif; font-size:12px; border-bottom:1px dashed #ccc }
.onlineManual { width:153px; height:108px; padding:10px 11px 55px 11px; background:transparent url(/common/img/bak_manual.gif) no-repeat 0 0 }
.onlineManual a { display:block; height:88px; padding:10px; font-size:14px; color:#fff; text-transform:uppercase; line-height:1.2;background:#0073CF }
.onlineManual a strong { display:block }
.onlineManual a span { padding-right:18px; background:transparent url(/common/img/ico_download_white.gif) no-repeat 100% 100% }
/* downloads */
#Support .support .downloads {  margin-left:230px;  zoom: 1; }
#Support .support .downloads ul { width:200px; zoom: 1; }
#Support .support .downloads ul + ul { margin-left:30px }
/* contact options */
#Support .contactOptionsModule { margin-top:30px }
#Support .contactOptionsModule .callDetails {
	margin: 0;
	border: none;
}
/* repair */
#Support .repair { margin-top:15px }
#Support .repair .genericRoundedCorners > .content { padding:10px 15px; }
* html #Support .repair .genericRoundedCorners .content { padding:10px 15px; }
* html #Support .repair .buttonBlue {
	margin-bottom: -7px;
}
* html #Support .repair .buttonBlue {
	background: url(/common/img/sprite_buttons.gif) no-repeat 100% -360px;
}
* html #Support .repair .buttonBlue span {
	background: url(/common/img/sprite_buttons.gif) no-repeat 0 -240px;
}
* html #Support .repair .genericRoundedCorners .bottom .br {
	margin-right: 2px;
}
* html #Support .repair .genericRoundedCorners .bottom .bl {
	margin-left: 2px;
}
#Support .repair .articleBody { margin-bottom:15px }
/* warranties */
#Support .consumableProListContent { margin-top:15px; border:none }
#Popup #f_dl_privacypolicy,
#Popup #f_dl_licenseagreement {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin adding;
background:#FFFFFF url(/common/img/bak_textFields.gif) repeat-x scroll 0 0;
border:1px solid #E4E4E4;
font-size:12px;
height:130px;
line-height:1.2;
margin-bottom:10px;
overflow:auto;
padding:5px;
width:300px;
}

/*2012 nuggetLayer*/
#NuggetLayer {
    background: url(/common/img/ani_loader_normal.gif) no-repeat scroll 50% 50% #FFFFFF;
    height: 480px;
    left: 50%;
    margin: -470px 0 0 -240px;
    position: absolute;
    top: 262px;
    width: 940px;
    z-index: 990;
}
#NuggetLayer .close{
	right:10px;
	top:20px !important;
}
#NuggetLayer .nuggetVideo {
    background-color: #000000;
    height: 500px;
    padding: 20px;
    width: 900px;
}

/*20140505 video-layer*/
#videoLayerW {
    background: url(/common/img/ani_loader_normal.gif) no-repeat scroll 50% 50% #FFFFFF;
    height: 480px;
    left: 50%;
    margin: -470px 0 0 -240px;
    position: absolute;
    top: 262px;
    width: 940px;
    z-index: 990;

	height: 540px; width: 940px; margin: -241px 0px 0px -470px; opacity: 1; display: none;
}
#videoLayerW .close{
	right:10px;
	top:20px !important;
}
#videoLayerW #videoLayer {
    background-color: #000000;
    height: 500px;
    padding: 20px;
    width: 900px;
}
#videoCont{padding-top:10px;}
.videoLayer{width:100%; height:100%; background:#000;}
.videoTitle{text-align:center; font-size:16px; color:#e2e2e3;}


height: 540px; width: 940px; margin: -241px 0px 0px -470px; opacity: 1; display: block;