/*
 *-----------------------------------------------------------------
 * Licensed Materials - Property of IBM
 *
 * WebSphere Commerce
 *
 * (C) Copyright IBM Corp. 2012, 2013 All Rights Reserved.
 *
 * US Government Users Restricted Rights - Use, duplication or
 * disclosure restricted by GSA ADP Schedule Contract with
 * IBM Corp.
 *-----------------------------------------------------------------
 */


/***********************************************************************
 * The following files specify the logical definitions for the elements 
 * and are related to layout and presentation.  All color related rules 
 * are excluded from the logical definition and are specified separately 
 * within this file.  This promotes the reuse of the logical definitions
 * in alternate color themes.
 ***********************************************************************
 */

@import url("layout1.css");
@import url("header1.css");
@import url("footer1.css");
@import url("misc1.css");
@import url("espot1.css");
@import url("eflyer1.css");
@import url("search1.css");
@import url("fonts.css");

/***********************************************************************
 * Layout colors                                                                                                    
 ***********************************************************************
*/

html, body {
	background-color: #FFFFFF !important;
/*	color: #0096d6; */
	font-family: "HPSimplified", Arial, sans-serif;	
}

a, a:visited, .blue_highlight {
	/*color: #676767;*/
	color: #000000;
}

.bottom_border { border-bottom: 1px solid #c6d0dc; }

.right_border { border-right: 1px solid #c6d0dc; }

.small_arrow {
	background-image: url('../images/colors/color1/small_arrow.gif');
}

/* Common colour required asterisk */
span.required {
	color: #f26522;
}

/* For page notifications */
.notification { 
	background: #f7d7d8 url('../images/validation-errorIcon.png') 12px 12px no-repeat;
	font-size:12px;
	color:#D8410C;
	margin:10px auto 15px auto;
	padding: 13px 10px 1px 40px;
	max-width:800px;
}

/* Class to highlight an error message */
.error { 
	display: block;
	color: red; }

/* Orange Button */
.primary_button {

/*    background: -moz-linear-gradient(bottom, #EF9905 12%, #FBBB0A 56%);
    background: -webkit-linear-gradient(bottom, #EF9905 12%, #FBBB0A 56%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.25, #EF9905), color-stop(0.56, #FBBB0A));
    background: linear-gradient(bottom, #EF9905 12%, #FBBB0A 56%); 
	background-color:#D7410C;
    border: 1px solid #b6bebd;
    color: #FFFFFF;
    -moz-box-shadow:inset 0 1px 1px #fcdeb7;
    -webkit-box-shadow:inset 0 1px 1px #fcdeb7;
    box-shadow:inset 0 1px 1px #fcdeb7;
    
    */
    
    border: 0 solid #FFFFFF;
    border-radius: 0 5px 0 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 3em;
    padding: 0 1em;
    text-align: center;
    font-family: "HPSimplified",arial;
    height: 44px;
    
    background: none repeat scroll 0 0 #d6400b;
    color: #FFF;
    
}



    .primary_button:hover, .primary_button:active{
/*	
        background: -moz-linear-gradient(bottom, #FFAB2E 25%, #FFC229 61%);
        background: -webkit-linear-gradient(bottom, #FFAB2E 25%, #FFC229 61%);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0.25, #FFAB2E), color-stop(0.61, #FFC229));
        background: linear-gradient(bottom, #FFAB2E 25%, #FFC229 61%); */
		/*background-color:#D7410C; */
		background: none repeat scroll 0 0 #a5350e;
        text-decoration: none;
        color: #FFF;
    }
    
 /*   .primary_button:active {
        background: -moz-linear-gradient(bottom, #FFAB2E 25%, #FFC229 61%);
        background: -webkit-linear-gradient(bottom, #FFAB2E 25%, #FFC229 61%);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0.25, #FFAB2E), color-stop(0.61, #FFC229));
        background: linear-gradient(bottom, #FFAB2E 25%, #FFC229 61%); */
		/*background-color:#D7410C;
    
    	height: 44px;
    
    	height: 44px;
    
    	height: 44px;
    }
*/
.secondary_button, select.secondary_input {
/*    background: -moz-linear-gradient(bottom, #CFCFCF 12%, #ECECEC 56%);
    background: -webkit-linear-gradient(bottom, #CFCFCF 12%, #ECECEC 56%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, #CFCFCF), color-stop(0.56, #ECECEC));
    background: linear-gradient(bottom, #CFCFCF 12%, #ECECEC 56%); */
	/*background-color:#D7410C; */
/*    border: 1px solid #B6BEBD; */
   /* color: #0096d6;
    box-shadow: inset 0 1px 1px #FCFCFC; */
    
    border: 0 solid #FFFFFF;
    border-radius: 0 5px 0 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 3em;
    padding: 0 1em;
    text-align: center;
    font-family: "HPSimplified",arial;
    background: none repeat scroll 0 0 #0096D6;
    color: #FFF;
    height: 44px;
}

    .secondary_button:hover {
 /*       background: -moz-linear-gradient(bottom, #EEE 12%, #EEE 56%);
        background: -webkit-linear-gradient(bottom, #EEE 12%, #EEE 56%);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, #EEE), color-stop(0.56, #EEE));
        background: linear-gradient(bottom, #EEE 12%, #EEE 56%); */
		/*background-color:#D7410C;*/
/*        border: 1px solid #B6BEBD; */
        /*color: #0096d6;
        box-shadow: inset 0 1px 1px #FCFCFC*/
        
        background: none repeat scroll 0 0 #006699;
        text-decoration: none;
        color: #FFF;
    }
    
    .secondary_button:active {
        background: -moz-linear-gradient(bottom, #DBDBDB 19%, #EBEBEB 58%);
        background: -webkit-linear-gradient(bottom, #DBDBDB 19%, #EBEBEB 58%);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0.19, #DBDBDB), color-stop(0.58, #EBEBEB));
        background: linear-gradient(bottom, #DBDBDB 19%, #EBEBEB 58%);
        border: 1px solid #cccccc;
        -moz-box-shadow:inset 0 1px 1px #b0c6cb;
        -webkit-box-shadow:inset 0 1px 1px #b0c6cb;
        box-shadow:inset 0 1px 1px #b0c6cb;
    }
    
    .red_button, select.secondary_input {
/*    background: -moz-linear-gradient(bottom, #CFCFCF 12%, #ECECEC 56%);
    background: -webkit-linear-gradient(bottom, #CFCFCF 12%, #ECECEC 56%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, #CFCFCF), color-stop(0.56, #ECECEC));
    background: linear-gradient(bottom, #CFCFCF 12%, #ECECEC 56%); */
	/*background-color:#D7410C; */
/*    border: 1px solid #B6BEBD; */
   /* color: #0096d6;
    box-shadow: inset 0 1px 1px #FCFCFC; */
    
    border: 0 solid #FFFFFF;
    border-radius: 0 5px 0 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 0.875em;
    font-weight: bold;
    line-height: 3em;
    padding: 0 1em;
    text-align: center;
    font-family: "HPSimplified",arial;
    background: none repeat scroll 0 0 #d6400b;
    color: #FFF;
}

    .red_button:hover {
 /*       background: -moz-linear-gradient(bottom, #EEE 12%, #EEE 56%);
        background: -webkit-linear-gradient(bottom, #EEE 12%, #EEE 56%);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, #EEE), color-stop(0.56, #EEE));
        background: linear-gradient(bottom, #EEE 12%, #EEE 56%); */
		/*background-color:#D7410C;*/
/*        border: 1px solid #B6BEBD; */
        /*color: #0096d6;
        box-shadow: inset 0 1px 1px #FCFCFC*/
        
        background: none repeat scroll 0 0 #a5350e;
        text-decoration: none;
        color: #FFF;
    }
    
    .red_button:active {
        background: -moz-linear-gradient(bottom, #DBDBDB 19%, #EBEBEB 58%);
        background: -webkit-linear-gradient(bottom, #DBDBDB 19%, #EBEBEB 58%);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0.19, #DBDBDB), color-stop(0.58, #EBEBEB));
        background: linear-gradient(bottom, #DBDBDB 19%, #EBEBEB 58%);
        border: 1px solid #cccccc;
        -moz-box-shadow:inset 0 1px 1px #b0c6cb;
        -webkit-box-shadow:inset 0 1px 1px #b0c6cb;
        box-shadow:inset 0 1px 1px #a5350e;
    }
    
/* Grey Button */
.tertiary_button, #user_panel .secondary_button, .promo_button {
    background: -moz-linear-gradient(bottom, #BFBFBF 12%, #999999 56%);
    background: -ms-linear-gradient(bottom, #BFBFBF 12%, #999999 56%);
    background: -o-linear-gradient(bottom, #BFBFBF 12%, #999999 56%);
    background: -webkit-linear-gradient(bottom, #BFBFBF 12%, #999999 56%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.12, #BFBFBF), color-stop(56%, #999999));
    background: linear-gradient(bottom, #BFBFBF 12%, #999999 56%);
    text-shadow: 0px 1px 0px #e0ecf0;
    border: 1px solid #cccccc;
    color: #3b4453;
    -moz-box-shadow:inset 0 1px 1px #FCFCFC;
    -webkit-box-shadow:inset 0 1px 1px #FCFCFC;
    box-shadow:inset 0 1px 1px #FCFCFC;
}

    .tertiary_button:hover, #user_panel .secondary_button:hover, .promo_button:hover,
    .tertiary_button:active, #user_panel .secondary_button:active, .promo_button:active {
        background: -moz-linear-gradient(bottom, #999999 25%, #BFBFBF 61%);
        background: -ms-linear-gradient(bottom, #999999 25%, #BFBFBF 61%);
        background: -o-linear-gradient(bottom, #999999 25%, #BFBFBF 61%);
        background: -webkit-linear-gradient(bottom, #999999 25%, #BFBFBF 61%);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #999999), color-stop(61%, #BFBFBF));
        background: linear-gradient(bottom, #999999 25%, #BFBFBF 56%);
        -moz-box-shadow:inset 0 1px 1px #FCFCFC;
        -webkit-box-shadow:inset 0 1px 1px #FCFCFC;
        box-shadow:inset 0 1px 1px #FCFCFC;
    }

.inputfield, .checkbox {
	background-color: #F7F7F7;
	border: 1px solid darkGray;
}


select.inputfield {
	background: -moz-linear-gradient(top, #ffffff 0%, #c6cbce 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #c6cbce 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #C6CBCE));
	background: linear-gradient(top, #ffffff 0%, #c6cbce 100%);
}

.back_arrow_icon {
	background: url('../images/colors/color1/back_arrow.gif') no-repeat;
	float: left;
}

.view_all_icon{
	background: url('../images/colors/color1/blend.gif') no-repeat -27px -200px;
	width: 200px;
	height: 16px;
}

.thumb_nail_icon {
	float: left;
	height: 40px;
	width: 40px;
}
.view_all_icon p{
	padding-left: 18px;
}

.forward_arrow_icon {	
	background: url('../images/colors/color1/forward_arrow_blue.gif') no-repeat;
	max-height: 13px;
	max-width: 9px;
	height: 100%;
	width: 100%;
}

#widget_Next{
	margin-right:10px;
}
#widget_Next .forward_arrow_icon{
    float: right;
    height: 13px;
    margin-bottom: 10px;
    margin-right: -50px;
    margin-top: 10px;
    position: relative;
    width: 9px;
}

#widget_Prev .back_arrow_icon{
    float: left;
    height: 13px;
    margin-bottom: 10px;
    margin-right: -50px;
    margin-top: 10px;
    position: relative;
    width: 9px;
}

/***********************************************************************
 * Header colors                                                                                                    
 ***********************************************************************
*/

div#masthead {
/*	background: #FFFFFF url('images/header_bg2.png');*/
	padding-top: 5px;
	height:80px;
}

	div#masthead .item {
/*		padding: 0px 4px 0 4px; */
		line-height: 40px;
	}
	
	div#masthead .item:hover, div#masthead .item:active {
		background-image: -moz-linear-gradient(bottom, #E5E7E9 0%, #F7F9F9 54%);
		background-image: -webkit-linear-gradient(bottom, #E5E7E9 0%, #F7F9F9 54%);
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E5E7E9), color-stop(0.54, #F7F9F9));
		background-image: linear-gradient(bottom, #E5E7E9 0%, #F7F9F9 54%);
		text-decoration: none;
	}
	
	
	div#masthead .divider {
		width: 2px;
		height: 40px;
		border-right: 1px solid #e7e7e7;
	}

	div#masthead a{
		color: #3b4453;
	}

	div#masthead .header_logo {
		background: url('../images/logo.gif') no-repeat;
	}
	
	div#masthead .cart_logo {
		width: 37px;
		height: 44px;
		float: left;
		margin-right: 2px;
		background: url('../images/cart.png') no-repeat;
		background-size: 44px;
	}
	div#masthead .header-cart #cart_items > div{  
		position: relative;
		left: 0.1em;
		font-size: 0.7em;
	bottom: 3em;
		line-height: 1.6em;
		background: #f05332;
		-webkit-border-radius: 0px 2px 0px 2px;
		-moz-border-radius: 0px 3px 0px 3px;
		border-radius: 0px 3px 0px 3px;
		color: #FFFFFF;
		display: inline-block;
		font-weight: bold;
	/* padding: 0em 0.6em; */
	/* padding-left: 0.2em; */
	margin-left: -0.6em;
	width: 20px;
	text-align: center;
	height: 14px;
	}
	div#masthead .store_logo {
		width: 37px;
		height:44px;
		float: left;
		background: url('../images/menu.png') no-repeat;
		background-size: 44px;
	}

div#breadcrumb .page_title {
	border-left: 1px solid #d5d5d5;
	max-width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 44px;
}

	div#breadcrumb .back_arrow:hover {
		background-image: -moz-linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%);
		background-image: -webkit-linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%);
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.19, #EBEDEC), color-stop(0.58, #F7F7F7));
		background-image: linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%);
	}
	
	div#breadcrumb .back_arrow:active {
		background-image: -moz-linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%);
		background-image: -webkit-linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%);
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.19, #EBEDEC), color-stop(0.58, #F7F7F7));
		background-image: linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%);
	}

		div#breadcrumb .back_arrow .arrow_icon {
			background: url('../images/back_arrow.gif') no-repeat;
		}
	div#breadcrumb .back_arrow .icon-home{
		font-size: 20px;
		line-height: 30px;
	}


/***********************************************************************
 * Footer colors                                                                                                    
 ***********************************************************************
*/

div#user_panel {
/*	background: #dee4e4 url('images/header_bg2.png') repeat-x;*/
	background-size: contain;
	padding-top: 5px;
}

	div#user_panel .rightborder {
		border-right: 1px solid #ecefef;
	}

	div#user_panel .leftborder {
		border-left: 1px solid #d4d4d4;
	}
	div#user_panel .item {
		background: #dee4e4;
		color: #0096d6;
	}
	
	div#user_panel .item:hover, div#user_panel .item:active {
		background: #d0d0d0;
	}

	div#user_panel a {
		color: #313131;
	}

div#privacy_policy {
/*	background-color:#0096d6; */
	background-color: #f5f5f5;  
/*	background-image: url('../images/colors/color1/footer_texture.png');*/
	background-image: none;

}
	div#privacy_policy .privacy_policy_wrapper, div#send_mail .privacy_policy_wrapper{
		display: inline-block;		
	}
	
	div#privacy_policy .privacy_policy_wrapper2{
		width: 64px;
		height: 34px;
		margin: 0 auto;	
	}
	
	/*Dev comment added below class to bring the footer links inline*/ 
	div#privacy_policy .privacy_policy_wrapper .item {
    min-width: 15%;
    color:#999;
}
	
	div#privacy_policy .divider {
		border-right: 1px solid #000000;
	}
	
	div#privacy_policy a {
		color: #999;
	}
	
	div#privacy_policy a:hover {
		text-decoration: underline;
	}
	
	/* dev add to make clickable area larger */
	a#desktop_site_link{
		/*padding: 12px 2px;*/
		display:inline-block;
	}
	
	a#privacy_policy_link{
		/*padding: 12px 2px;*/
		display:inline-block;
	}
	
	a#desktop_site_link_2{
		/*padding: 12px 0px;*/
		display:inline-block;
	}
	a#software_license_link{
		/*padding: 12px 12px;*/
		display:inline-block;
	}
	a#return_exchange_policy_link{
		/*padding: 12px 12px;*/
		display:inline-block;
	}
	div#send_mail{background-color: #0096D6; position:fixed; bottom:0; width: 100%; text-align: center; padding:0 15px 10px 15px; z-index: 10;}
	div#send_mail .privacy_policy_wrapper2 a {display: block; color: #fff; text-decoration: none;}
	div#send_mail .privacy_policy_wrapper2 a i {border-radius: 30px 30px 0 0; background: #0096D6; padding: 20px 20px; font-size:18px;}
	div#send_mail p {text-align: left; color: #fff;}
	div#send_mail .btn.btn-primary {border-color:#fff; background: #0096D6;}
	#sendmail {display: none;}

/***********************************************************************
 * Misc colors                                                                                                    
 ***********************************************************************
*/

div.item_wrapper, div.item_wrapper_button, div.item_wrapper div.sub_wrapper {
	border-bottom: 1px solid #c6d0dc;
}

div.item_wrapper_gradient {
		background: #ffffff; /* Old browsers */
}

	div.item_wrapper div.sub_wrapper:hover {
		background-image: none;
		background-color: #007dba;
		color:#ffffff;
		 
/*		background-image: -moz-linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%);
		background-image: -webkit-linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%);
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.19, #EBEDEC), color-stop(0.58, #F7F7F7));
		background-image: linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%); */
	}
	
	div.item_wrapper div.sub_wrapper:active {
		background-image: none;
		background-color: #007dba;
		color:#ffffff;
/*		background-image: -moz-linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%);
		background-image: -webkit-linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%);
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.19, #EBEDEC), color-stop(0.58, #F7F7F7));
		background-image: linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%); */
	}
		
	div.item_wrapper .highlight {
		color: #247090;
	}
	
div.item_wrapper .product_info_container, div.item_wrapper .offline_product_info_container, div.item_wrapper .feature_product_info_container, div.item_wrapper .item_avail_info_container  {
	/*color: #3b4453; /*get rid of blue color from link*/
	color: #000000
}

div.item_wrapper.department_categories_wrapper {
	border-top: 0;
}

.department_wrapper .department_content_wrapper .department_bg {
	background: #FFFFFF;
	text-shadow:none; /* Override the button text shadow */
}
.department_wrapper .feature_content_wrapper {
    border: 1px solid #c6d0dc;
/*    border-radius: 5px 5px 5px 5px; */
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
     height: 40px;
    margin-right: 26px;
}

	.department_wrapper .feature_content_wrapper:hover,
	.department_wrapper .feature_content_wrapper:active {
		background-color:#007dba;
		color:#ffffff;
/*		background-image: -moz-linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%);
		background-image: -webkit-linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%);
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.19, #EBEDEC), color-stop(0.58, #F7F7F7));
		background-image: linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%); */
	}

 .feature_content_wrapper .feature_content {
    padding: 10px;
}


 .department_wrapper{
  color: #0096d6;
}


.department_wrapper .feature_content_wrapper .feature_bg {
/*	border-radius: 5px 5px 5px 5px; */
}

.primary_arrow { border-left: 1px solid #f2762b; }
		
.secondary_arrow { border-left: 1px solid #c6d0dc; }

.primary_arrow .forward_arrow_icon { background: url('images/arrow-right-gray.gif') no-repeat; }


.secondary_arrow .forward_arrow_icon { background: url('images/arrow-right-gray.gif') no-repeat; }


div#department_categories div.sub_wrapper, div#help_categories div.sub_wrapper {
	border-left: 1px solid #c6d0dc;
	border-right: 1px solid #c6d0dc;
}
	
div#department_categories div.sub_wrapper:last-child, div#help_categories div.sub_wrapper:last-child {
	border-bottom: 1px solid #c6d0dc;
}

div#paging_control img{
	border: 1px solid #c6d0dc;
}

/***********************************************************************
 * Search colors                                                                                                    
 ***********************************************************************
*/

div#info_bar {
	background-color: #DFE5E4;
	border-top: 1px solid #BDC2C2;
	border-bottom: 1px solid #BDC2C2;
	height: 40px;
	padding: 3px 5px 6px 5px;
}
	div.departments_button {
			position: relative;
			padding: 6px 0px 0px 10px;
			margin-left: 2px;
			width: 49%;
			height: 32px;
			float: left;
			font-size: 1em;
			color: #ffffff;
			font-family: HPSimplified, Arial, sans-serif;
			background-image: -moz-linear-gradient(bottom, #0096d6 12%, #0096d6 56%);
			background-image: -webkit-linear-gradient(bottom, #0096d6 12%, #0096d6 56%);
			background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, #0096d6), color-stop(0.56, #0096d6));
			background-image: linear-gradient(bottom, #0096d6 12%, #0096d6 56%);
			border: 1px solid #b6bebd;
/*			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px; */
	}
		
			div.departments_button > .arrow {
				width: 7px;
				height: 7px;
				background: url('images/departments_arrow.png') no-repeat;
				float: right;
				position: absolute;
				right: 6px;
				bottom: 6px;
			}
			
			div.departments_button:hover{	
				background-image: -moz-linear-gradient(bottom, #007dba 25%, #007dba 61%);
				background-image: -webkit-linear-gradient(bottom, #007dba 25%, #007dba 61%);
				background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.25, #007dba), color-stop(0.61, #007dba));
				background-image: linear-gradient(bottom, #007dba 25%, #007dba 61%);
			}
			
			div.departments_button:active{	
				background-image: -moz-linear-gradient(bottom, #0096d6 11%, #0096d6 56%);
				background-image: -webkit-linear-gradient(bottom, #0096d6 11%, #0096d6 56%);
				background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.11, #0096d6), color-stop(0.56, #0096d6));
				background-image: linear-gradient(bottom, #0096d6 11%, #0096d6	 56%);
			}


			
	div#info_bar .product_search {
		border: 1px solid #d4d4d4;	
		color: #898989;
		font-family: HPSimplified, Arial, sans-serif;

/*		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; */
		padding: 5px;		
	}
	
	div#info_bar .search_function_wrapper {
		border-left: 1px solid #d5d5d5;
	}
	
	div#info_bar .search_submit {
		background: url('../images/colors/color1/search_search_icon2.png') no-repeat;
		background-position: 50% 50%;
	}
	
		div#info_bar .search_submit:hover {
		background: url('../images/colors/color1/search_search_icon_hover.png') no-repeat;
		background-position: 50% 50%;
		}

#suggestedKeywordResults {
	border: 1px solid #E1E1E1;
	position: absolute;
	top: 45px;
	width:100%;
	max-height: 300px;
	overflow: hidden;
}
#suggestedKeywordResults > ul {margin:0;}
#suggestedKeywordResults > ul > li {
	border-top: 1px dotted #E1E1E1;
	background-color: white;
}

/***********************************************************************
 * Department Category Page colors                                                                                                    
 ***********************************************************************
*/

.category_featuredproducts_image {
	background: url('../images/category/featuredproducts.png');
}

.productLargeImage {
	width: 320px
}

/***********************************************************************
 * Apurv CSS                                                                                                    
 ***********************************************************************
*/

.item.left
{
	font-family: HPSimplified, Arial, sans-serif; 
	color:#0096d6;
	font-size: 1em;
}

#masthead{
	background-color: #0096d6;
}

div.item_wrapper div.sub_wrapper {
color: #0096d6;
}

p {word-wrap:break-word;}






/*************************************************************************************
 *	
 * @copyright   2013 Hewlett-Packard Development Company, L.P.
 *
 *************************************************************************************/

/*************************************************************************************
 * Table of contents
 *
 * Base
 * Utility
 * Module
 * State
 * Theme
 * Media Queries

 *************************************************************************************/


/*************************************************************************************
 * Base
 * @section base
 *************************************************************************************/
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}

a {
	color: #222;
	text-decoration: none;
}

a:hover {
	color: #0096d6;
}

/*************************************************************************************
 * Utility
 * @section utility
 *************************************************************************************/


.left {
	float: left !important;
}

.right {
	float: right !important;
}

/*************************************************************************************
 * Module
 * @section module
 *************************************************************************************/

.laptop-category {
	/*height: 6.713em;*/
	/*padding: 1.000em;*/
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 1%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

	display: table;
	overflow: auto;
	width: 100%;
	position:relative;
	z-index:0;
	
}

.clp_row {
	min-height: 180px;
	display:block;
}

.clp_select {
	background: url(../images/slider_down.png) no-repeat;
	font-size: 1em;
	padding: 15px;
	background-position: right 10px center;
}

.clp_desc {
	display: block;
	color: #676767;
	text-overflow: ellipsis;
	overflow: hidden;
	max-height: 105px;
	/*max-width: 300px;*/
}

.laptop-category:active {
	/*height: 6.713em;*/
	/*padding: 1.000em;*/
	background: #ffffff; /* Old browsers */
	display: table;
	overflow: auto;
	width: 100%;
	position:relative;
	z-index:0;
	
}

.laptop-category .category-description {
	/*width: 250px;*/	
	padding: 0.7em 0 1em 1em;
}

.laptop-category .category-description p {
	font-size: 0.938em;
	color: #9e9e9e;
	margin: 0.2em 0 0.5em 0;
}

.laptop-category .category-description h4 {
	font-size: 1.500em;
	line-height: 100%
}

.laptop-category .category-description .anchor-forward {
	background: url(../images/arrow.png) no-repeat left;
	padding: 0em 1.69em;
}
.laptop-category-bgimage {
	height: 240px;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.category-thumbnail{
	position:relative;
	height:auto;
	z-index:-1;
}

@charset "utf-8";
/* CSS Document */

html, body {
    font-family: "HPSimplified",arial;
}
h1, h2, h3, h4, h5, h6 {
	/*font-family: "HPSimplified-Light",arial;*/
	font-family: "HPSimplified",arial;
	font-weight: 100;
}

/*************************************************************************************
 * Module
 * @section module
 *************************************************************************************/


.homepage-category-container {
	position: relative;
	height: 117px;
	background: #fff;
	border-top: 1px solid #CCC;
	cursor: pointer;
}



.homepage-category-container .homepage-category-content {
	position: absolute;
	top: 25px;
}


.homepage-category-container .homepage-category-content .category-thumbnail img {
	padding: 0 14px;
	width: 100px;
	height: auto;
}

.homepage-category-container .homepage-category-content .category-title h4 {
	padding-top:5px;
	font-size: 18px;
	width:110px;
}

.homepage-category-container .homepage-category-content .category-anchor {
	padding-top: 15px;
}


.homepage-category-container .homepage-category-content .category-anchor .anchor-forward {
	background: url(../images/arrow.png) no-repeat left;
	padding: 0em 1.69em;
}

/*************************************************************************************
 Carousel
 *************************************************************************************/

 #content .carousel-inner {
 	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#d9d9d9)); 
 	/* Safari 5.1+, Chrome 10+ */ 
 	background: -webkit-radial-gradient(circle, #ffffff, #d9d9d9); 
 	/* Firefox 3.6+ */ 
 	background: -moz-radial-gradient(circle, #ffffff, #d9d9d9); 
 	/* IE 10 */ 
 	background: -ms-radial-gradient(circle, #ffffff, #d9d9d9);

 }
 #content .carousel-control {
 	top: 30%;
 	background: none;
 	color: black;
 	font-size: 3em;
 }
 #content .carousel-caption {
    bottom:auto;
    z-index: 0;
    text-shadow:none;
}
#content .carousel-caption h5 {font-weight: normal !important;}
#content .carousel-caption-bottom {
	position: relative;
	text-align: center;
	bottom: 50px;
}
#content .carousel-caption-bottom p.original-price{
	color:#D7410B;
	font-size: 30px;
	font-weight: normal;
}

#content .carousel-caption-bottom sup {
	font-size: 17px;
    
}

#content .carousel-caption-bottom span.start-price {
	text-decoration: line-through;
	font-weight: normal;
}

#content .carousel-caption-bottom a.viewgallery {
	color: #0096d6;
}
t
#content .video-thumb {
	margin: 0 auto;
	width:100%;
}

.btn-input {
   display: block;
}

.btn-input .btn.form-control {
    text-align: left;
}

.btn-input .btn.form-control span:first-child {
   left: 10px;
   overflow: hidden;
   position: absolute;
   right: 25px;
}

.btn-input .btn.form-control .caret {
   margin-top: -1px;
   position: absolute;
   right: 10px;
   top: 50%;
}

.ink-toner-search .form-control{
	margin-left: 0px;
	margin-top: 0px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	margin:0 auto;
}

/*images tabs*/
.productImg div.tab-content{text-align:center;}
.productImg div.tab-content img{max-width: 100%;}
.productImg .nav-tabs{width: 375px;margin: 0 auto;min-width: 19%;}
.productImg .nav-tabs .active a,#productImg .nav-tabs .active{margin-right: 0;}
.productImg .nav-tabs .active{padding-bottom: 0;}
.productImg .nav-tabs li{width: 20%;}
.productImg .nav-tabs li img{max-width: 100%;}
.productImg .nav-tabs li.active a{border:0;border-radius: 0;border-bottom: 5px solid #0096d6;}
.productImg .nav-tabs li{padding-bottom: 4px;background-color: #ddd;border-right: 1px solid #ccc;}
.productImg .nav-tabs li a{margin-right: 0;border-radius: 0; padding-bottom: 14px;max-width: 100%}

/*product showcase*/
.productshowcase{margin: 30px 10px;}
.productshowcase .original-price{color: #D7410B;font-size: 30px;font-weight: normal;}

.productFeatureContainer {text-align: center; margin: 30px 0;margin: 30px 10px;}
.productFeatureContainer img{max-width: 100%;}
#content .productFeature .carousel-inner{background: transparent;width: 80%; margin: 0 auto;}
#content .productFeature .carousel-caption-bottom{bottom: 0;}
.productViewby {margin: 0 20px;}
.outerCont .productViewby {margin: 0;}
#content-wrap .sepratorOut, .outerCont .seprator {position: relative; height: 1px; background-color: #ccc; margin:30px 0;}
#content-wrap .sepratorOut {margin-left: 20px; margin-right: 20px;}
#content-wrap .sepratorOut h2, .outerCont .seprator h2{position: absolute; left :50%; top: -24px; background-color: #f2f2f2; padding:0 5px; }
#content-wrap .sepratorOut h2 {background-color: #fff;}
.productFeature .price_and_button .price{display: inline-block;}
.productFeature .start-price-container{margin-bottom: 0;}
.productFeature .price_and_button a{float: right; }
.productFeature .price_and_button .price p{margin: 0; text-align:left}
/*dropdown filteration*/
.productViewby .panel-heading-wrap{background: #fff;padding: 0;height: 40px;}
.productViewby .panel-mshopping .panel-heading{border: 1px solid #ddd;margin: 0 auto; width:100%; padding:0; height: 40px;}
.productViewby .panel-mshopping .panel-heading h3, .productViewby .panel-mshopping .panel-heading i{line-height: 40px; color: #ccc;}
.productViewby .panel-mshopping .panel-heading h3{padding-left: 10px}
.productViewby .panel-mshopping .panel-heading i{padding-right: 10px}
.productViewby .panel-mshopping .dropdown-menu{width: 100%;left: 0}
.productViewby .resultBy{margin-top: 20px;margin-bottom: 0px;}
.resultBy h4{text-align: left; padding: 0px;}
.productViewby .resultBy li.list{margin: 0 -20px; position: relative; }
.productViewby .resultBy li.list img{max-width:100%;}
.productViewby .resultBy li.list .details{position: absolute; top: 0; margin: 20px; text-align: left}
.productViewby .resultBy li.list .details p{color:#757575;}
.productViewby .resultBy li.list .details i, .resultBy i{padding: 1px 6px 1px 6px;border: 1px solid #0096d6;background: #0096d6;border-radius: 100px;font-size: 16px;color: #fff;margin-right: 5px;}
.productViewby .resultBy a i {text-decoration: none;}
.productViewby .resultBy h4{text-align: right; }
.resultBy a:visited{color: #428bca;}
.productViewby .panel-mshopping {margin:20px 0;}
.productViewby .panel-title {font-size: 1em;}
.ink-toner-search h4 {font-weight: normal;}
input#product_search {height: 44px;}
#content .productFeature2 .carousel-inner{width: 100%;}
#content .productFeature2 .carousel-caption{position: relative;left: 0; right: 0;text-align: left;padding-top: 0;padding-bottom: 0;}
#content .productFeature2 .carousel-caption-bottom{text-align:left; bottom: 20px;}

.social{color: #fff; background-color: #0096d6; padding: 30px 10px;}
.social h1, #social p{color:#fff;}
.social h1{margin-bottom: 0;margin-top: 0;}
.social a{color: #0096d6 !important; font-family: 'HPSimplified', arial; font-size: 12px; background-color: #fff; line-height: 2; padding-left: 0;}
.social a i{padding: 7px;border-right: 1px solid #0096d6;margin-right: 5px;}
.social a.fb i {padding: 10px}
.social span{margin: 0 5px; font-size: 12px;}


.category-listing {padding-top: 20px;}
.category-listing > h1, .category-listing .panel-mshopping{margin: 0 10px;}
.category-listing .panel-mshopping{margin-top: 20px; margin-bottom: 20px;}
.category-listing ul .list-item{background: linear-gradient(to bottom, #ffffff 1%,#e5e5e5 100%); min-height: 110px; min-width: 100%; display: table; padding-bottom: 20px;}
.category-listing ul .list-item .description{float: left; margin-left: 10px; min-width: 110px; width: 57%;}
.category-listing ul .list-item .description h4{font-size: 24px; margin-bottom: 0; font-weight: normal}
.category-listing ul .list-item .description p{color:#929292;}
.category-listing ul .list-item img{float: right;margin-right: 20px;border: 1px solid #ddd;margin-top: 10px;}
.category-listing .panel-heading-wrap{background: #fff;padding: 0;height: 40px;}
.category-listing .panel-mshopping .panel-heading{border: 1px solid #ddd;margin: 0 auto; width:100%; padding:0; height: 40px;}
.category-listing .panel-mshopping .panel-heading h3, .category-listing .panel-mshopping .panel-heading i{line-height: 40px;}
.category-listing .panel-mshopping .panel-heading h3{padding-left: 10px}
.category-listing .panel-mshopping .panel-heading i{padding-right: 10px}
i.view{padding: 1px 6px 1px 6px;border: 1px solid #0096d6;background: #0096d6;border-radius: 100px;font-size: 16px;color: #fff;margin-right: 5px;}

.accesories-search, .ink-toner-search{padding: 50px 10px 10px;background: linear-gradient(to bottom, #ffffff 51%,#e5e5e5 100%);}
.accesories-search h1, .ink-toner-search h1{font-weight: normal; font-family:HPSimplified;}
.ink-toner-search {background: none; padding-top:15px;}
.accesories-search div{padding-top: 20px; padding-bottom:20px;}
.acc-search input{height: 44px;}
.ink-toner-search .outerCont {padding:10px 20px 20px 20px; background: #f3f3f3; border:1px solid #ccc;}
.view-more{text-align: center;margin-top: 30px;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.view-more h1 i{color: #fff;padding: 5px 6px 5px 6px;}
.printer-finder{padding:0;}
.input-group .sure-supply-app {width:99.7%;}
.ink-toner-search hr {margin-left: 0; margin-right: 0;}
#content h2 {text-align: center;}
#content .ink-toner-search h2 {text-align: left;}
.ink-toner-search img { text-align: center;}
.ink-toner-search ul li {float:left; width: 100%; padding:0;}
.ink-toner-search ul li img {margin: 0 15px 5px 0;}
.ink-toner-search ul li h2 {margin-top:0;}
.promo-img {text-align: center;}
@media (min-width: 768px) {
  .productshowcase, .resultBy,#content .productFeature2 .carousel-caption-bottom{text-align: center;}
  .productFeature .price_and_button a{float: none;}
}
.carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-indicators {z-index: 0 !important;}
  
 /*************************************************************************************
	Mobile Store Header 
 *************************************************************************************/
 
.header-search-field{
 	height:60px;
 	width:100%;
 	background-color: #0090d1;
 }
 
 .shopall-title{
 	color: white;
	float: right;
	margin: 30px 0px 11px -19px;
	position: absolute;
	font-family:HPSimplified;
 }
 .cart-title {
 	width:20px;
 	height:10px;
 	color:white;
 	margin:34px 0px 18px 5px;
 	position: absolute;
 	font-family:HPSimplified;
 }
 
 .call-number-text{
 	position: absolute;
    margin-left: 75px;
	font-size: 1.375rem;
	color:black;
	font-family:"HPSimplified-light";
 }
 
 .call-us {
 	margin-left: 75px;
	position: absolute;
	margin-top: 25px;
	color: #6ba6ce
 }
 
.send-us-email{
	position: absolute;
	margin-left: 75px;
	font-size: 1.375rem;
	color:black;
	font-family:"HPSimplified-light";
}

.email-us{
	margin-left: 75px;
	position: absolute;
	margin-top: 25px;
	color: #6ba6ce
}
 .mobile-store-icons {
 	background-image: url('../images/mobile-spirite.png');
 	width:52px;
 	height:348px;
 }
 
 .header-logo {
 	background-position: 0 0;
 	width:45px;
 	height:45px;
 	margin:13px 0 0 13px;
 	display:block;
 }
.icons-container{
	margin:15px 15px 0 0;
}
.header-account{
	background-position: -10px -57px;
	width: 44px;
	height: 44px;
	padding-top: 35px;
	float: left;
	margin-right: 20px
}

.header-account span{
	display: block;
	margin-left: -12px;
	color:white;
}

.header-cart{
	background-position: -10px -102px;
	width: 44px;
	height: 44px;
	padding-top: 35px;
	margin-right:20px;
	float:left;
}

.header-cart span{
	color:white;
}

.header-shopall{
	background-position: -9px -147px;
	width:44px;
	height:40px;
	padding-top:35px;
	float:right;
}

.header-shopall span{
	color:white;
	display:block;
	margin-left:-10px;
}

.national-flag {
	background-position: -10px -337px;
	width: 120px;
	height: 11px;
	margin-top: 15px;
	margin-left: 30px;
	background-repeat: no-repeat;
	padding-left: 30px;
}
.support-container{
	margin-bottom:14px;
}
.call-number {
	background-position: -9px -188px; 
	width: 38px; 
	height: 40px;
	margin-top:40px;
	margin-left:20px;
	display:block;
}

.email-logo {
	background-position:-9px -248px; 
	width: 43px; 
	height: 26px;
	margin-top:34px;
	margin-left:20px;
	display:block;
}

.searching-logo{
	background-position: -14px -295px;
	width: 24px;
	height: 24px;
	position: absolute;
	background-color: white;
	margin-left: 85%;
	border: 1px solid white;
	margin-top: 20px;
	}
	
.dropdown-searching-logo{
	background-position: -14px -365px;
	width: 44px;
	height: 30px;
	padding-top: 35px;
	float: left;
	margin-right: 20px
	}
.dropdown-searching-logo span{
	display: block;
	margin-left: -12px;
	color:white;
	}
/*.catalog-display-content-box{
	margin-top:100px;
}*/

/* start pill buttons */
 .e-spot-btn {
	border: 0 solid #FFF;
	border-radius: 0 5px 0 5px;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 0.750em;
	font-weight: bold;
	line-height: 2.5em;
	padding: 0 1em;
	text-align: center;
	font-family: "HPSimplified",arial;
}
.e-spot-redbtn {
	background: none repeat scroll 0 0 #D7410B;
	color: #FFF;
}

.e-spot-greybtn {
	background: none repeat scroll 0 0 #D0D0D0;
	color:#999;
}

.e-spot-bluebtn {
	background: none repeat scroll 0 0 #0096D6;
	color: #FFF;
}

.e-spot-redbtn:hover {
	background: none repeat scroll 0 0 #A74222;
	text-decoration: none;
	color: #FFF;
}

.e-spot-bluebtn:hover {
	background: none repeat scroll 0 0 #006699;
	text-decoration: none;
	color: #FFF;
}

.e-spot-greybtn:hover {
	background: none repeat scroll 0 0 #D0D0D0;
	color:#999;
	cursor: default;
}
.e-spot-redbtn:focus, .e-spot-bluebtn:focus {
	color: #FFF;
}
.e-spot-greybtn:focus {
	color:#999;
}
.e-spot-container{
	position: absolute;
	top: 23%;
	left: 52%;
	right: 10%;
}

#searchbar {
  margin-top:10px;
  display: none;
  float: left;
  width: 100%;
  height: 62px;
  border-top: 1px solid #d8d8d8;
  z-index: 9999;
  background: #fff;
  -webkit-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
  box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
  position:absolute;
}

#s {
  display: block;
  width: 88%;
  border: 0;
  outline: none;
  padding: 0;
  height: 60px;
  line-height: 60px;
  font-size: 3.0em;
  font-weight: bold;
  color: #676767;
}

#searchsubmit {
  display: block;
  float: right;
  margin-top: 6px;
  background: none;
  color: #717171;
  border: 0;
  outline: none;
  cursor: pointer;
}
.searching-result-display{
	margin-bottom:0;
}
div.searching-result-item-wrapper{
	padding:30px 0 0 5px;
}
.entry{
	line-height:1.0em;
}
.foundation-margin-fix{
	margin:0 0 0 0;
}
.p-foundation-margin-fix{
	margin-bottom:0;
	margin-top:6px;
}
.p-foundation-margin-bottom-fix{
	margin-bottom:0;
}
.content-container{
	position:relative;
	padding-bottom:140px;
}

.img-centered {
	display:block;
	margin-left: auto;
	margin-right: auto;
}


.m-plp {
	/*height: 6.713em;*/
	/*padding: 1.000em;*/
	background: #ffffff; /* Old browsers */

	/*
	background: -moz-linear-gradient(top,  #ffffff 1%, #e5e5e5 100%); /1* FF3.6+ *1/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#e5e5e5)); /2* Chrome,Safari4+ *2/
	background: -webkit-linear-gradient(top,  #ffffff 1%,#e5e5e5 100%); /3* Chrome10+,Safari5.1+ *3/
	background: -o-linear-gradient(top,  #ffffff 1%,#e5e5e5 100%); /4* Opera 11.10+ *4/
	background: -ms-linear-gradient(top,  #ffffff 1%,#e5e5e5 100%); /5* IE10+ *5/
	background: linear-gradient(to bottom,  #ffffff 1%,#e5e5e5 100%); /6* W3C *6/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /7* IE6-9 *7/
	*/

	display: table;
	overflow: auto;
	position:relative;
	width: 95%;
	z-index: 0;
	margin: 10px 10px;
	border-style: solid;
	/*
	border-color: #CCCCFC;
	border-width: thin;
	*/
	border-color: #c8caca;
	border-width: 1px;
}

.m-plp:active {
	/*height: 6.713em;*/
	/*padding: 1.000em;*/
	background: #ffffff; /* Old browsers */
	display: table;
	overflow: auto;
	width: 95%;
	position:relative;
	z-index:0;
	
}

.m-plp .category-description {
	//width: 250px;
	padding: 1em 1em 1em 1em;
}

.m-plp .category-description p {
	font-size: 0.938em;
	color: #9e9e9e;
	margin: 0.2em 0 0.5em 0;
}

.m-plp .category-description h4 {
	font-size: 1.500em;
	line-height: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.m-plp .category-description ul {
	list-style-type: disc;
	font-size: 0.938em;
	color: #9e9e9e;
	margin-top:10px;
	margin-bottom:0px;
}
.m-plp .category-description ul li{
	margin:0;		
}

.m-plp .button {
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 0;
}

.m-plp .category-description .anchor-forward {
	background: url(../images/view-all-model.png) no-repeat left;
	padding: 0.54em 1.69em;
	margin-top:10px;
	margin-bottom:10px;
}

.m-plp-price {
	color:red;
}

.product-pricing {
	font-size: 30px;
	display: block;
	padding-top: 4px;
	line-height: 20px;
}

.product-pricing div.price {
	color: #D7410B;
	font-size: 18px;
	float: left;
}

.product-pricing .price-value, div.price span.price-value {
	float: left;
	margin-right: 5px;
	font-size:30px;
}

.product-pricing .price-text, div.price span.price-text {
	color: #9e9e9e;
	font-size: 0.9em;
	line-height: 2.0;
}
.price-value sup, .original-price span sup {
	vertical-align: top;
	font-size: 14px;
	line-height: 19px;
}

.printerfinder-select {
	width: 100%;
	padding: 10px;
	color: #d0d0d0;
}

.printerfinder-select-opt {
	color: #222222;
	padding: 10px;
}
.extra-footer-padding{
	padding-bottom: 40px;
}
.catalog-name-text{
	display: block;
}
input.non-float{
	float:none;
}
.padding-fix{
	padding: 11px 10px 11px 40px
}

/*promotion offer*/
.main
	{
	display:none;
	}


.offer_info {
  position: relative;
  
}

/*Tool tip*/

.tooltip_main{
    position: relative;
    display: inline-block;
}

 .tooltip_main a.link_icn{
    color:#767676;
}


.tooltip1 {
	position: absolute;
	width: 201px;
	padding: 5px 0px 8px;
	color: rgb(0, 0, 0);
	background: rgb(255, 255, 255);
	border: 2px solid rgb(204, 204, 204);
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	z-index: 100;
	border-radius: 3px;
	font-size: 0.9375em;
	font-weight: normal;
	line-height: 1.3;
	left: 20%;
}


 .tooltip_top{right: -166px; bottom: 71px;}
 .tooltip_bottom{right: -27px; top: 25px;}

 .tooltip_title{padding: 0 18px 10px 18px; font-size: 16px; line-height: 22px; border-bottom: 1px #cccccc solid;}
 .tooltip_text{padding: 8px 18px 0 18px; font-size: 14px;line-height: 18px;}


/*Corner*/
 .tooltip_corner{position: absolute; width: 27px; height: 11px; font-size:0; background: url(../images/s-31px-hpe.png) no-repeat; background-position: -1px -875px;
    left: 77px;
    top: -10;    
    top: -9px;
}


 .inline{
    position: relative;
    padding-right: 0;
    color:#000000;
    background-image: none;
    border-bottom: 1px #0096D6 dotted;
}

 .inline:hover{
    text-decoration: none;
}

 .tooltip_top_inline{left: 0; bottom: 25px;}
 .tooltip_bottom_inline{right: 0; top: 25px;}

 .line-text{
    font-size: 14px;
}

#coupon_info{
	padding: 10px 0 10px 0;
}

.no_coupon, .add_coupon{
	min-height:60px;
}
#checkout_cart label{
	cursor:inherit;
}
.no_coupon .secondary_button, .add_coupon .secondary_button{
	margin-top:0px;
}
.no_sidepaddings {
	padding-right:0px!important;
	padding-left:0px!important;
}
#promoCodeApply{
	margin-top:1em;
}
#promotionMessage{
	margin-top:10px;
	padding-left:8px;
}
#promoCodeApply.error{
	background: none repeat scroll 0 0 rgba(198, 15, 19, 0.1) !important;
	border: 1px solid #FF0000 !important;
	color: #c60f13 !important;
}

.total_savings{
  color: rgb(215,65,11);
  text-align: right;
  font-weight: bold!important;
}

.icb_hlp {
	background-image: url(../images/s-15px-hpe.png);
    background-repeat:no-repeat;
    background-color: transparent;
    width:15px;
    height:18px;
    display:inline-block;
    padding-left: 20px;
    line-height: 14px;
    background-position:right -2232px;
}

.bgcolor {
  background-color: rgb(243,243,243);
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-bottom-color: rgb(121,121,121);
}

.bgcolor2 {
  background-color: rgb(243,243,243);
  
}

.bgcolor3 {
  background-color: rgb(243,243,243);
  
}

.dottedline {
  border-bottom-width: thin;
  border-bottom-style: dotted;
  border-bottom-color: rgb(121,121,121);
  margin-top: 5%!important;
}

.row1 {
  margin-top: 5%!important;
}

.totalSum {
	color: rgb(215,65,11);
	font-size: x-large;
}

.rowbtm {
	margin-bottom: 5%!important;
}

.addbtn {
	border: 0 solid #FFFFFF;
    border-radius: 0 5px 0 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 3em;
    padding: 0 1em;
    text-align: center;
    font-family: "HPSimplified",arial;
    background: none repeat scroll 0 0 #0096D6;
    color: #FFF;
    height: 44px;
}

.loadingOverlay {
	display: none;
}

.pageOverlay{
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, 0.6);
	opacity: 0.8;
	position: fixed;
	z-index: 1;
}

.loader {
	padding: 40px;
	background: url('../images/loader.gif') no-repeat 10px 10px;
	position: absolute;
	z-index: 1001;
	top: 35%;
	left: 40%;
}
/* Model Page */

.model-border-bottom > p{
	line-height: 2.75em;
	font-size: 1.25em;
}

.arrow-chevron-right {
	background: url(../images/right.jpg) no-repeat;
	font-size: 1em;
	padding: 15px;
	background-position: right 10px center;
}

.col-left {
	margin: 10px;
}

.model-border-top{
	border-top: 1px solid #c6d0dc;
}


/* new pdp */

.white {
  background-color:#FFFFFF!important;
}

.border-btm {
	border-bottom: 0;
}

.font {
	font-size: x-large;
}

.medium_text {
	font-size: 14px;
}

#border .panel-heading{
	border-bottom: solid 1px #c6d0dc;
	background-color: white;
}

.border-top {
	border-top: solid 1px #c6d0dc;
	border-bottom: solid 1px #c6d0dc
}

.panel-heading.panel-white {
	background-color: white !important;
}

.panel-no-border {
	border-bottom: 1px solid #c6d0dc !important;
}

.blue {
	color: #006699;
}

.font {
	font-size: 20px;
}

#deleteImg {
	width: 15px;
	height: 15px;
}

#coupon-container{
	padding-left: 5px;
}

#remove_coupon_btn {
	color: #4d4d4d;
	font-size: 0.875rem;
}
#next {
	background: url(../images/slider_down.png) no-repeat;
	height: 40px;
	background-position: right 10px bottom;
}
.order_summary {
	background: #ececec;
	width: 100%;
	z-index: 100;
}

/*  User Story #8790 */

#cartlabel {
	background-color: #F5F5F5;
	padding: 10px;
}

#cartlabel > .row > label {
	font-size: x-large;
}

#savings_info {
	margin-top: 5%!important;
}

#summary_price_total_label {
	margin-top: 3%;
	margin-bottom: 3%;
}

#summary_price_total {
	border-bottom: 1px solid #c6d0dc;
	border-top: 1px solid #c6d0dc;
}

#summary_price{
	border-top: solid 1px #D8D8D8;
}

#remove_btn {
	width: 15px;
	height: 15px;
}

.centered {
	text-align: center;
}

#orderItem_price {
	color: #D7410C;
	font-size: x-large;
}

#order_total {
	color: #D7410C;
	font-size: xx-large;
}

#dropdown_list {
	width: 75px;
}

#page_title1 {
	border-left: 1px solid #d5d5d5;
	max-width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 44px;
}

#orderItem_name {
	font-size: larger;
} 

.partNumColor {
	color: #9e9e9e;
}

#save_later_btn {
	float: right;
}

#product_quantity_container {
	margin-top: 5%;
}

/* New styling for breadcrumb bar*/	
div#breadcrumbNew .back_arrow:active {
	background-image: -moz-linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%);
	background-image: -webkit-linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.19, #EBEDEC), color-stop(0.58, #F7F7F7));
	background-image: linear-gradient(bottom, #EBEDEC 19%, #F7F7F7 58%);
}

div#breadcrumbNew .back_arrow .arrow_icon {
	background: url('../images/back_arrow.gif') no-repeat;
}

div#breadcrumbNew {
	width: 100%;
	z-index: 1;
	top: 80px;
}

div#breadcrumbNew .page_titleNew {
	max-width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 44px;
	
	font-size: 14px;
	font-weight: lighter;
	padding: 15px 5px 5px 10px;
	margin: 0 0 0 28px;
}

div#breadcrumbNew .back_arrow {
	width: 28px;
	height: 44px;
	position: absolute;
	left: 0;
	text-align: center;
}

div#breadcrumbNew .back_arrow .arrow_icon {
	width: 9px;
	height: 13px;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	left: 9px;
}

.card{
	background-image: url(../images/cards.png) !important;
	background-position: 99% -45px !important;
	background-size: 50px !important;
	background-repeat: no-repeat !important;
}

.visa{
	background-position: 99% 2px !important;
}

.amex{
	background-position: 99% -140px !important
}

.discover{
	background-position: 99% -186px !important;
}

.mastercard{	
	background-position: 99% -92px !important;
}
#next {
	background: url(../images/slider_down.png) no-repeat;
	height: 40px;
	background-position: right 10px bottom;
}
.order_summary {
	background: #ececec;
	width: 100%;
	z-index: 100;
}
.flag-margin {
	margin-bottom: 15px;
}

.national-flagNew {
	background-position: -10px -337px;
	width: 120px;
	height: 11px;
	margin-top: 15px;
	margin-left: 30px; 
	background-repeat: no-repeat;
	padding-left: 30px;
}

.total_savings{
  color: rgb(215,65,11);
  text-align: right;
  font-weight: bold!important;
}

.icb_hlp {
	background-image: url(../images/s-15px-hpe.png);
    background-repeat:no-repeat;
    background-color: transparent;
    width:15px;
    height:18px;
    display:inline-block;
    padding-left: 20px;
    line-height: 14px;
    background-position:right -2232px;
}

.bgcolor {
  background-color: rgb(243,243,243);
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-bottom-color: rgb(121,121,121);
}

.bgcolor2 {
  background-color: rgb(243,243,243);
  
}

.bgcolor3 {
  background-color: rgb(243,243,243);
  
}

.dottedline {
  border-bottom-width: thin;
  border-bottom-style: dotted;
  border-bottom-color: rgb(121,121,121);
  margin-top: 5%!important;
}

.row1 {
  margin-top: 5%!important;
}

.totalSum {
	color: rgb(215,65,11);
	font-size: x-large;
}

.rowbtm {
	margin-bottom: 5%!important;
}

.addbtn {
	border: 0 solid #FFFFFF;
    border-radius: 0 5px 0 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 3em;
    padding: 0 1em;
    text-align: center;
    font-family: "HPSimplified",arial;
    background: none repeat scroll 0 0 #0096D6;
    color: #FFF;
    height: 44px;
}

.loadingOverlay {
	display: none;
}

.pageOverlay{
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, 0.6);
	opacity: 0.8;
	position: fixed;
	z-index: 1000;
}

.loader {
	padding: 40px;
	background: url('../images/loader.gif') no-repeat 10px 10px;
	position: absolute;
	z-index: 1001;
	top: 35%;
	left: 40%;
}
/* Model Page */

.model-border-bottom > p{
	line-height: 2.75em;
	font-size: 1.25em;
}

.arrow-chevron-right {
	background: url(../images/right.jpg) no-repeat;
	font-size: 1em;
	padding: 15px;
	background-position: right 10px center;
}

.col-left {
	margin: 10px;
}

.model-border-top{
	border-top: 1px solid #c6d0dc;
}


/* new pdp */

.white {
  background-color:#FFFFFF!important;
}

.border-btm {
	border-bottom: 0;
}

.font {
	font-size: x-large;
}

.medium_text {
	font-size: 14px;
}

#border .panel-heading{
	border-bottom: solid 1px #c6d0dc;
	background-color: white;
}

.border-top {
	border-top: solid 1px #c6d0dc;
	border-bottom: solid 1px #c6d0dc
}

.panel-heading.panel-white {
	background-color: white !important;
}

.panel-heading {
    cursor: pointer;
}

.panel-no-border {
	border-bottom: 1px solid #c6d0dc !important;
}

.blue {
	color: #006699;
}

.font {
	font-size: 20px;
}

#deleteImg {
	width: 15px;
	height: 15px;
}

#coupon-container{
	padding-left: 5px;
}

#remove_coupon_btn {
	color: #4d4d4d;
	font-size: 0.875rem;
}

#cartPage_removeBtn_margin {
	margin-top: 3%;
	margin-bottom: 3%;
}

#checkout_cart #summary_price_total {
	border-top: solid 1px #D8D8D8;
	border-bottom: solid 1px #D8D8D8;
}

.savings_info {
	padding-right:0px!important;
}

.summary #promoCodeApply{
	margin-top:0px;
}

#normal_price {
	font-size: 15px;
}

.promo_price {
	font-size: 25px;
}
.confirmation-email-disabled{
	background-color: #fff;
	border: none;
	box-shadow: none;
}
.summary .remove_coupon_btn {
	color: #4d4d4d;
	font-size: 0.875rem;
}

.bullet{
	border: 1px solid #ececec;
	background: #0096d6;
	color: #fff;
	border-radius: 100px;
	padding: 5px;
	display: block;
	width: 30px;
	height: 30px;
	padding-left: 10px;
	line-height: 1.2;
	margin: 0 auto;
}

.order_confirmation .line {
	border-bottom:1px solid #ccc;
	margin:10px 0;
}

.order_confirmation .bullet {
	background-color:#ccc;
	display:inline-block;
	margin-right:10px;
}

.order_confirmation h5.header {
	font-weight:700;
	font-size:14px;
	margin-bottom:0;
	margin-top:10px;
}

.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 40%;
  right: 0;
  border-top: 1px solid;
  border-color: black;
  
}

#test_slider .item{
  margin: 3px;
}
#test_slider .item img{
  display: block;
  width: 100%;
  height: auto;
}

#overview_order_confimation{
	padding-left:15px;
}

.order_confirmation .list {
    margin: 20px auto;
    font-size: 1rem;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
}

.order_confirmation h4 {
    line-height: 1;
}

.order_confirmation .model_id {
    display: block;
    font-size: 0.8rem;
}

.order_confirmation .list p {
    margin-top: 3px;
}

.order_confirmation .list .price_container {
    text-align: right;
}

.order_confirmation .list .price {
    margin-bottom: 11px;
    height: 51px;
}

.order_confirmation .list .price .ori_price {
    font-size: 1.0rem;
}

.order_confirmation .list .price .discounted_price {
    font-size: 1.5rem;
    color: #D7410C;
}

.order_confirmation .shipping_summary {
    background: #F3F3F3;
    padding: 10px 0;
    position: relative;
    font-weight:bold;
}

.order_confirmation .shipping_summary .saving {
    margin-bottom: 20px;
	margin-top: 15px;
}

.order_confirmation .shipping_summary .saving .value {
    color: #D7410C;
}

.order_confirmation .shipping_summary .coupon .coupon_details {
    display: block;
    font-size: 0.8rem;
    font-weight: normal;
    margin-top: 5px;
}

.order_confirmation .shipping_summary ul {
    margin-left: 0px;
}

.order_confirmation .totalAmount {
    font-size: 1.5rem!important;
    color: #D7410C!important;
}

.order_confirmation .align_right {
    text-align: right;
}

#no_coupon_applied, #applied_coupon{
	margin-bottom:20px;
}

#continue_checkout{
	height:44px;
	margin:10px 0;
}

#mPrevPage{
	position: relative;
}
#mNextPage{
	position: relative;
	float: right;
}
#summary_cart_total .subtotal{
	margin-bottom: 3%;
}
#summary_cart_total .shipping{
	margin-bottom: 3%;
	padding-bottom: 3%;
	border-bottom: 1px solid #000;
}
.shipping_method_title{
	padding-bottom: 5px;
}