@charset "utf-8";
/* CSS Document */

/* The next attribute is what defines the gradiant background of the dynamic product section */
/* BACKGROUND-IMAGE: url(http://www.hp.com/canada/images/bg-gradient3.jpg);*/
DIV.row_product {
	BACKGROUND-POSITION: 50% bottom; Z-INDEX: 2; MARGIN-BOTTOM: 10px; WIDTH: 630px; BACKGROUND-REPEAT: repeat-x; POSITION: relative; HEIGHT: auto; BACKGROUND-COLOR: white;
}

UL#products {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 5px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative; HEIGHT: auto; TEXT-ALIGN: center
}

/* The next attribute is what defines the width of the normal state product section */
UL#products LI {
	DISPLAY: block; FLOAT: left; WIDTH: 117px; POSITION: relative;  padding-left:0px; padding-right:0px;
}
UL#products LI.over .details {
	DISPLAY: block
}
UL#products LI:hover .details {
	DISPLAY: block
}

/* The next attribute is what defines the div that contains the product image */
.product_image {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 94px; PADDING-TOP: 10px; POSITION: relative; HEIGHT: 110px
}
.product_caption {
	Z-INDEX: 2; LEFT: 25px; FLOAT: left; WIDTH: 94px; TEXT-INDENT: -0.8em; POSITION: relative; TOP: -15px; HEIGHT: auto; TEXT-ALIGN: left
}
UNKNOWN {
	LEFT: 15px
}
 HTML .product_caption {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px;
}
DIV#product_container {
	MARGIN-LEFT: 0px
}

/* The next attribute is what defines the div that contains the line list product image and info */
/*CONTROLS THE POPUP COORDINATES*/
UL#products LI .details {
	BORDER-RIGHT: #cbcbcc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cbcbcc 1px solid; DISPLAY: none; PADDING-LEFT: 10px; Z-INDEX: 22; LEFT: -19px; PADDING-BOTTOM: 0px; BORDER-LEFT: #cbcbcc 1px solid; WIDTH: 150px; PADDING-TOP: 5px; BORDER-BOTTOM: #cbcbcc 1px solid; POSITION: absolute; TOP: -12px; HEIGHT: auto; BACKGROUND-COLOR:#FFF; TEXT-ALIGN: left; font-size:11px;
}
 HTML UL#products LI .details {
	PADDING-RIGHT: 0px; PADDING-LEFT: 8px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px
}
UNKNOWN {
	PADDING-RIGHT: 10px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
UL#products LI .details_header {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; WIDTH: 140px; TEXT-INDENT: -0.8em; PADDING-TOP: 3px; POSITION: relative
}
.product_detail_image {
	MARGIN: 0px 0px 0px 15px; WIDTH: 100px; POSITION: relative; HEIGHT: 85px
}
.details_links LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 125px; COLOR: #13457a; TEXT-INDENT: -0.8em; PADDING-TOP: 0px 
}
UL#products LI .details_content {
	CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; Z-INDEX: 1; LEFT: 0px; PADDING-BOTTOM: 10px; WIDTH: 150px; PADDING-TOP: 5px; POSITION: relative; TOP: 5px; HEIGHT: auto; TEXT-ALIGN: left
}
 HTML UL#products LI .details_content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; PADDING-TOP: 10px; TOP: 0px
}
.products_style2_captions {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 112px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.products_style2_main_right_header {
	FLOAT: left; WIDTH: 470px; BORDER-BOTTOM: 3px solid; HEIGHT: 15px
}
.blue_font 
{
	font-size: 12px; color: #13457a; font-family: Arial;
}

DIV#promos {
	Z-INDEX: 1; MARGIN: 5px 0px 5px 0px; WIDTH: 764px; POSITION: relative; HEIGHT: auto;
}
DIV#tbox0 {
	Float:left; MARGIN: 0px 5px 0px 0px; WIDTH: 245px; POSITION: relative; HEIGHT: auto; padding-bottom:10px;
}
 HTML DIV#tbox0 {
	MARGIN: 0px 5px 0px 0px
}

.tboxcontent
{
	position:relative; padding-top: 10px;
}
.tboximg
{
	margin: 0px 10px 0px 0px; float:left;
}
.tboxtext
{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;
}

.promolink
{
	 float:right; padding-right: 2px; padding-top:10px;
}

HTML DIV#promos h1
{
	color: #003366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin: 0px 0px 0px 15px;
}
DIV#tbox1 {
	FLOAT: left; MARGIN: 0px 5px 0px 0px; WIDTH: 245px; POSITION: relative; HEIGHT: auto; padding-bottom:10px;
}
 HTML DIV#tbox1 {
	MARGIN: 0px 5px
}
DIV#tbox2 {
	FLOAT: left; MARGIN: 0px 5px 0px 0px; WIDTH: 245px; POSITION: relative; HEIGHT: auto; padding-bottom:10px;
}
 HTML DIV#tbox2 {
	MARGIN: 0px 0px 0px 5px
}
DIV.type_underline {
	BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 3px solid
}
DIV.type_underline H1 {
	FONT-SIZE: 18px; MARGIN: 10px 0pt 5px 10px
}
DIV.clearer {
	CLEAR: both; LINE-HEIGHT: 0; HEIGHT: 0px
}

.menutitle
{
	background-image:url(../external/level1.png);
	clear:both;
	color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:22px;
	padding:4px 10px 0;
	widows:297px;
}