@import url("hps-fontface-core.css");
@import url("/directplus/m/personal/system/scripts/bxslider/jquery.bxslider.css");

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
 }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block}

ol,ul {list-style: none}

blockquote,q {quotes: none}

blockquote:before,blockquote:after,q:before,q:after {content: '';content:none}

table {border-collapse: collapse;border-spacing:0}

*,P,A,INPUT,INPUT.query,INPUT.search,FORM.query INPUT.text,FORM.query INPUT.query,FORM.query INPUT.search,IMG {outline: 0 none}

A {text-decoration: none}

#banner {
	background-color: #fff;
	width: 317px;
	margin: 0 auto 30px;
 }

	#banner>DIV {text-align: center}

		#banner>DIV H2,#banner>DIV P {padding: 0 30px}

		#banner>DIV H2>SUP,#banner>DIV P>SUP {vertical-align: super;font-size:smaller}

		#banner>DIV A {color: #000}

		#banner>DIV IMG {height: 110px}

#bannerNav.nextPrevNav {width: 317px}

.two-column:after,.cols2:after,.three-column:after,.cols3:after {
	content: " ";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both
 }

.two-column>DIV,.cols2>DIV,.three-column>DIV,.cols3>DIV {
	float: left;
	position: relative;
	width: 50%;
	clear: none;
	padding: 5px 0
 }

.two-column.right>DIV,.cols2.right>DIV,.right.three-column>DIV,.right.cols3>DIV {float: right}

.three-column.right,.cols3.right {float: none}

.three-column>DIV,.cols3>DIV {height: 100%;width:33.33%}

.three-column>DIV.colspan2,.cols3>DIV.colspan2 {width: 66.67%}

A.expanded+DIV.expanded {border-top: 1px solid #ccc}

.expanded,A.collapsed,INPUT.collapsed,FORM.query INPUT.collapsed.text,FORM.query INPUT.collapsed.query,FORM.query INPUT.collapsed.search,OPTION.collapsed {
	max-height: 8000px;
	opacity: 1;
	visibility: visible;
	overflow: hidden
 }

.expanded {
	-moz-transition-property: opacity,max-height;
	-o-transition-property: opacity,max-height;
	-webkit-transition-property: opacity,max-height;
	-ms-transition-property: opacity,max-height;
	transition-property: opacity,max-height;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-moz-transition-delay: initial;
	-o-transition-delay: initial;
	-webkit-transition-delay: initial;
	-ms-transition-delay: initial;
	transition-delay: initial
 }

	.expanded.scroll {overflow-x: hidden;overflow-y:scroll}

.collapsed {
	opacity: 0;
	max-height: 0;
	visibility: hidden;
	-moz-transition-property: max-height;
	-o-transition-property: max-height;
	-webkit-transition-property: max-height;
	-ms-transition-property: max-height;
	transition-property: max-height;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-moz-transition-delay: initial;
	-o-transition-delay: initial;
	-webkit-transition-delay: initial;
	-ms-transition-delay: initial;
	transition-delay: initial
 }

	.collapsed * {
		max-height: 0 !important;
		min-height: 0 !important;
		line-height: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		margin: 0 !important
	 }

	.collapsed.links LI>INPUT {display: none}

#content UL.links>LI .collapsed LABEL,#content UL.links>LI .collapsed SPAN.radio,#content UL.links>LI .collapsed SPAN.checkbox,#content UL.links>LI .collapsed SPAN.radio,#content .collapsed LABEL,#content .collapsed SPAN.radio,#content .collapsed SPAN.checkbox,#content .collapsed SPAN.radio {display: none}

.button,.pagination A,.field.quantity .remove {
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	height: 36px;
	font-size: 14px;
	line-height: 36px;
	padding: 0 15px;
	text-align: center;
	vertical-align: middle;
	width: auto;
	-moz-border-radius: 0 4px 0 4px;
	-o-border-radius: 0 4px 0 4px;
	-webkit-border-radius: 0 4px 0 4px;
	-ms-border-radius: 0 4px 0 4px;
	border-radius: 0 4px 0 4px;
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background-color: #767676
 }

.button.right,.pagination A.right,.field.quantity .right.remove {float: right}

.button:visited,.pagination A:visited,.field.quantity .remove:visited {color: #fff}

.button:hover,.pagination A:hover,.field.quantity .remove:hover {text-decoration: none}

.button.critical,.pagination A.critical,.field.quantity .critical.remove {background-color: #d7410b}

.button.critical:hover,.pagination A.critical:hover,.field.quantity .critical.remove:hover {background-color: #c1401a}

.button.critical:disabled,.pagination A.critical:disabled,.field.quantity .critical.remove:disabled {background-color: #ccc;cursor:default}

.button.critical:disabled:hover,.pagination A.critical:disabled:hover,.field.quantity .critical.remove:disabled:hover {background-color: #ccc}

.button.critical.disabled,.pagination A.critical.disabled,.field.quantity .critical.disabled.remove {background-color: #ccc;cursor:default}

.button.critical.disabled:hover,.pagination A.critical.disabled:hover,.field.quantity .critical.disabled.remove:hover {background-color: #ccc}

.button.primary,.pagination A.primary,.field.quantity .primary.remove {background-color: #0096d6}

.button.primary:hover,.pagination A.primary:hover,.field.quantity .primary.remove:hover {background-color: #069}

.button.primary:disabled,.pagination A.primary:disabled,.field.quantity .primary.remove:disabled {background-color: #ccc;cursor:default}

.button.primary:disabled:hover,.pagination A.primary:disabled:hover,.field.quantity .primary.remove:disabled:hover {background-color: #ccc}

.button.primary.disabled,.pagination A.primary.disabled,.field.quantity .primary.disabled.remove {background-color: #ccc;cursor:default}

.button.primary.disabled:hover,.pagination A.primary.disabled:hover,.field.quantity .primary.disabled.remove:hover {background-color: #ccc}

.button:hover,.pagination A:hover,.field.quantity .remove:hover {background-color: #5a5a5a}

.button:disabled,.pagination A:disabled,.field.quantity .remove:disabled {background-color: #ccc;cursor:default}

.button:disabled:hover,.pagination A:disabled:hover,.field.quantity .remove:disabled:hover {background-color: #ccc}

.button.disabled,.pagination A.disabled,.field.quantity .disabled.remove {background-color: #ccc;cursor:default}

.button.disabled:hover,.pagination A.disabled:hover,.field.quantity .disabled.remove:hover {background-color: #ccc}

.button+.button,.pagination A+.button,.field.quantity .remove+.button,.pagination .button+A,.pagination A+A,.field.quantity .pagination .remove+A,.pagination .field.quantity .remove+A,.field.quantity .button+.remove,.pagination .field.quantity A+.remove,.field.quantity .pagination A+.remove,.field.quantity .remove+.remove {margin-left: 10px}

.button.right+.button,.pagination A.right+.button,.field.quantity .right.remove+.button,.pagination .button.right+A,.pagination A.right+A,.field.quantity .pagination .right.remove+A,.pagination .field.quantity .right.remove+A,.field.quantity .button.right+.remove,.pagination .field.quantity A.right+.remove,.field.quantity .pagination A.right+.remove,.field.quantity .right.remove+.remove {margin-top: 1px;margin-left:0}

.button.right+.button.right,.pagination A.right+.button.right,.field.quantity .right.remove+.button.right,.pagination .button.right+A.right,.pagination A.right+A.right,.field.quantity .pagination .right.remove+A.right,.pagination .field.quantity .right.remove+A.right,.field.quantity .button.right+.right.remove,.pagination .field.quantity A.right+.right.remove,.field.quantity .pagination A.right+.right.remove,.field.quantity .right.remove+.right.remove {margin-right: 10px;margin-left:0}

#content .button.collapsed,#content .pagination A.collapsed,.pagination #content A.collapsed,#content .field.quantity .collapsed.remove,.field.quantity #content .collapsed.remove,#content .button.expanded,#content .pagination A.expanded,.pagination #content A.expanded,#content .field.quantity .expanded.remove,.field.quantity #content .expanded.remove {
	display: block;
	margin: auto;
	max-width: 200px;
	text-align: left;
	padding-right: 30px;
	background-image: url("/directplus/m/personal/system/common_img/arrow-down-white.png");
	background-repeat: no-repeat;
	background-position: 98% center;
	position: relative
 }

#content .button.collapsed:before,#content .pagination A.collapsed:before,.pagination #content A.collapsed:before,#content .field.quantity .collapsed.remove:before,.field.quantity #content .collapsed.remove:before,#content .button.expanded:before,#content .pagination A.expanded:before,.pagination #content A.expanded:before,#content .field.quantity .expanded.remove:before,.field.quantity #content .expanded.remove:before {
	content: " ";
	left: 99%;
	margin-left: -30px;
	border-left: solid 1px #fff;
	height: 36px;
	position: absolute
 }

#content .button.collapsed+UL.links.expanded,#content .pagination A.collapsed+UL.links.expanded,.pagination #content A.collapsed+UL.links.expanded,#content .field.quantity .collapsed.remove+UL.links.expanded,.field.quantity #content .collapsed.remove+UL.links.expanded,#content .button.expanded+UL.links.expanded,#content .pagination A.expanded+UL.links.expanded,.pagination #content A.expanded+UL.links.expanded,#content .field.quantity .expanded.remove+UL.links.expanded,.field.quantity #content .expanded.remove+UL.links.expanded {
	max-width: 241px;
	margin: auto;
	border: 2px solid #767676;
	border-top: 0 solid
 }

#content .button.collapsed+UL.links.expanded>LI>A,#content .pagination A.collapsed+UL.links.expanded>LI>A,.pagination #content A.collapsed+UL.links.expanded>LI>A,#content .field.quantity .collapsed.remove+UL.links.expanded>LI>A,.field.quantity #content .collapsed.remove+UL.links.expanded>LI>A,#content .button.expanded+UL.links.expanded>LI>A,#content .pagination A.expanded+UL.links.expanded>LI>A,.pagination #content A.expanded+UL.links.expanded>LI>A,#content .field.quantity .expanded.remove+UL.links.expanded>LI>A,.field.quantity #content .expanded.remove+UL.links.expanded>LI>A {
	background-image: none;
	font-size: 16px;
	line-height: 22px;
	padding: 8px 20px 9px 10px;
	color: #000
 }

#content .button.collapsed+UL.links.expanded>LI>A:hover,#content .pagination A.collapsed+UL.links.expanded>LI>A:hover,.pagination #content A.collapsed+UL.links.expanded>LI>A:hover,#content .field.quantity .collapsed.remove+UL.links.expanded>LI>A:hover,.field.quantity #content .collapsed.remove+UL.links.expanded>LI>A:hover,#content .button.expanded+UL.links.expanded>LI>A:hover,#content .pagination A.expanded+UL.links.expanded>LI>A:hover,.pagination #content A.expanded+UL.links.expanded>LI>A:hover,#content .field.quantity .expanded.remove+UL.links.expanded>LI>A:hover,.field.quantity #content .expanded.remove+UL.links.expanded>LI>A:hover {color: #fff}

#content .button.collapsed.critical+UL.links.expanded>LI>A:hover,#content .pagination A.collapsed.critical+UL.links.expanded>LI>A:hover,.pagination #content A.collapsed.critical+UL.links.expanded>LI>A:hover,#content .field.quantity .collapsed.critical.remove+UL.links.expanded>LI>A:hover,.field.quantity #content .collapsed.critical.remove+UL.links.expanded>LI>A:hover,#content .button.expanded.critical+UL.links.expanded>LI>A:hover,#content .pagination A.expanded.critical+UL.links.expanded>LI>A:hover,.pagination #content A.expanded.critical+UL.links.expanded>LI>A:hover,#content .field.quantity .expanded.critical.remove+UL.links.expanded>LI>A:hover,.field.quantity #content .expanded.critical.remove+UL.links.expanded>LI>A:hover {background-color: #c1401a}

#content .button.collapsed.primary+UL.links.expanded>LI>A:hover,#content .pagination A.collapsed.primary+UL.links.expanded>LI>A:hover,.pagination #content A.collapsed.primary+UL.links.expanded>LI>A:hover,#content .field.quantity .collapsed.primary.remove+UL.links.expanded>LI>A:hover,.field.quantity #content .collapsed.primary.remove+UL.links.expanded>LI>A:hover,#content .button.expanded.primary+UL.links.expanded>LI>A:hover,#content .pagination A.expanded.primary+UL.links.expanded>LI>A:hover,.pagination #content A.expanded.primary+UL.links.expanded>LI>A:hover,#content .field.quantity .expanded.primary.remove+UL.links.expanded>LI>A:hover,.field.quantity #content .expanded.primary.remove+UL.links.expanded>LI>A:hover {background-color: #069}

#content .button.collapsed+UL.links.expanded>LI>A:hover,#content .pagination A.collapsed+UL.links.expanded>LI>A:hover,.pagination #content A.collapsed+UL.links.expanded>LI>A:hover,#content .field.quantity .collapsed.remove+UL.links.expanded>LI>A:hover,.field.quantity #content .collapsed.remove+UL.links.expanded>LI>A:hover,#content .button.expanded+UL.links.expanded>LI>A:hover,#content .pagination A.expanded+UL.links.expanded>LI>A:hover,.pagination #content A.expanded+UL.links.expanded>LI>A:hover,#content .field.quantity .expanded.remove+UL.links.expanded>LI>A:hover,.field.quantity #content .expanded.remove+UL.links.expanded>LI>A:hover {background-color: #5a5a5a}

.pagination {text-align: center;padding:10px 5px}

	.pagination DIV {padding: 5px 0;text-align:center}

		.pagination DIV:after {
			content: " ";
			display: block;
			visibility: hidden;
			height: 0;
			clear: both
		 }

	.pagination A {margin: 0 10px}

		.pagination A.more {display: inline-block}

		.pagination A.prev {float: left}

		.pagination A.next {float: right}

#content .select {
	width: 95%;
	margin-right: -14px;
	position: relative
 }

	#content .select>A.select {
		padding: 4px 5px 4px 5px;
		width: auto;
		border: solid 2px #ccc;
		font-size: 18px;
		line-height: 18px;
		background-image: url("/directplus/m/personal/system/common_img/arrow-down-blue.gif");
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 99% center;
		display: block;
		text-decoration: none;
		padding-right: 32px
	 }

		#content .select>A.select:focus {border-color: #5a5a5a}

		#content .select>A.select.highlight {border-color: #5a5a5a}

		#content .select>A.select.invalid {color: red;border-color:red}

		#content .select>A.select:disabled {background-color: #e5e8e8;color:#b9b8bb}

		#content .select>A.select:before {
			left: 99%;
			margin: -4px 0 0 -22px;
			border-left: solid 2px #ccc;
			content: " ";
			width: 1px;
			height: 100%;
			display: inline-block;
			position: absolute
		 }

	#content .select UL.links.expanded {
		margin-top: 0;
		margin-right: -14px;
		width: auto;
		border-bottom: solid 1px #5a5a5a
	 }

		#content .select UL.links.expanded LI A {
			background-image: none;
			color: #000;
			padding-left: 10px
		 }

			#content .select UL.links.expanded LI A:hover {color: #fff}

		#content .select UL.links.expanded LI.selected A {color: #fff}

.slideshow {position: relative;z-index:1}

	.slideshow>DIV {
		display: block;
		height: 100%;
		left: 0;
		list-style: none;
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 100%
	 }

	.slideshow.loading * {
		visibility: hidden;
		-moz-transition-property: none;
		-o-transition-property: none;
		-webkit-transition-property: none;
		-ms-transition-property: none;
		transition-property: none
	 }

	.slideshow.sliding {overflow: hidden}

		.slideshow.sliding>DIV {
			-moz-transition-duration: 1s;
			-o-transition-duration: 1s;
			-webkit-transition-duration: 1s;
			-ms-transition-duration: 1s;
			transition-duration: 1s;
			-moz-transition-timing-function: ease-in-out;
			-o-transition-timing-function: ease-in-out;
			-webkit-transition-timing-function: ease-in-out;
			-ms-transition-timing-function: ease-in-out;
			transition-timing-function: ease-in-out;
			-moz-transition-property: left;
			-o-transition-property: left;
			-webkit-transition-property: left;
			-ms-transition-property: left;
			transition-property: left;
			height: 100%;
			left: -100%;
			top: 0;
			width: 100%
		 }

			.slideshow.sliding>DIV.current {left: 0}

				.slideshow.sliding>DIV.current ~ DIV {left: 100%}

	.slideshow.fade>DIV {
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		-webkit-transition-duration: 1s;
		-ms-transition-duration: 1s;
		transition-duration: 1s;
		-moz-transition-timing-function: ease-in-out;
		-o-transition-timing-function: ease-in-out;
		-webkit-transition-timing-function: ease-in-out;
		-ms-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		-moz-transition-property: opacity;
		-o-transition-property: opacity;
		-webkit-transition-property: opacity;
		-ms-transition-property: opacity;
		transition-property: opacity;
		opacity: 0
	 }

		.slideshow.fade>DIV.current {opacity: 1;z-index:2}

	.slideshow.appear>DIV {display: none}

		.slideshow.appear>DIV.current {display: block}

	.slideshow.multisliding {overflow: hidden}

		.slideshow.multisliding>DIV {
			overflow: visible;
			position: relative;
			width: 100%;
			height: 100%
		 }

		.slideshow.multisliding .container {
			-moz-transition-duration: 1s;
			-o-transition-duration: 1s;
			-webkit-transition-duration: 1s;
			-ms-transition-duration: 1s;
			transition-duration: 1s;
			-moz-transition-timing-function: linear;
			-o-transition-timing-function: linear;
			-webkit-transition-timing-function: linear;
			-ms-transition-timing-function: linear;
			transition-timing-function: linear;
			-moz-transition-property: left;
			-o-transition-property: left;
			-webkit-transition-property: left;
			-ms-transition-property: left;
			transition-property: left;
			height: 100%;
			left: 0;
			position: absolute;
			width: 20000px
		 }

			.slideshow.multisliding .container>DIV {
				display: block;
				float: left;
				height: 100%;
				list-style: none
			 }

.nextPrevNav {
	position: relative;
	height: 50px;
	margin: -70px auto auto auto;
	width: 317px
 }

	.nextPrevNav>A {
		margin-top: -20px;
		position: relative;
		z-index: 5;
		vertical-align: middle;
		display: block;
		padding: 0 7px;
		font-size: 1px;
		color: #767676;
		min-width: 15px;
		min-height: 25px
	 }

		.nextPrevNav>A.next {float: right;background:transparent url("/directplus/m/personal/system/common_img/bnrrgt.gif") no-repeat center center}

			.nextPrevNav>A.next:hover {background-image: url("/directplus/m/personal/system/common_img/bnrrgt-blue.gif")}

		.nextPrevNav>A.previous {float: left;background:transparent url("/directplus/m/personal/system/common_img/bnrlft.gif") no-repeat center center}

			.nextPrevNav>A.previous:hover {background-image: url("/directplus/m/personal/system/common_img/bnrlft-blue.gif")}

		.nextPrevNav>A.disabled:hover {cursor: default}

		.nextPrevNav>A:hover {text-decoration: none}

.slider {overflow: hidden}

	.slider.horizontal {position: relative}

		.slider.horizontal DIV.sliderContainer {position: relative;z-index:3}

		.slider.horizontal DIV.nextPrevNav {width: 100%}

			.slider.horizontal DIV.nextPrevNav A.previous,.slider.horizontal DIV.nextPrevNav A.next {
				background-color: white;
				opacity: 1;
				z-index: 5;
				vertical-align: middle;
				position: relative;
				height: 100%;
				margin-top: 0;
				padding: 0
			 }

		.slider.horizontal.atBegin:before,.slider.horizontal.atEnd:after {
			content: " ";
			position: absolute;
			top: 0;
			z-index: 5;
			width: 50px;
			height: 100%
		 }

		.slider.horizontal.atBegin:before {
			background: -moz-linear-gradient(right top,left top,rgba(255,255,255,0),#fff);
			background: -webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),to(#fff));
			background: -webkit-gradient(linear,right top,left top,rgba(255,255,255,0),#fff);
			background: -o-linear-gradient(right top,left top,rgba(255,255,255,0),#fff);
			background: -ms-linear-gradient(right top,left top,rgba(255,255,255,0),#fff);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$IEfromColor,endColorstr=$IEtoColor,GradientType=$IEgradientType )
		 }

		.slider.horizontal.atEnd:after {
			background: -moz-linear-gradient(right top,left top,#fff,rgba(255,255,255,0));
			background: -webkit-gradient(linear,right top,left top,from(#fff),to(rgba(255,255,255,0)));
			background: -webkit-gradient(linear,right top,left top,#fff,rgba(255,255,255,0));
			background: -o-linear-gradient(right top,left top,#fff,rgba(255,255,255,0));
			background: -ms-linear-gradient(right top,left top,#fff,rgba(255,255,255,0));
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$IEfromColor,endColorstr=$IEtoColor,GradientType=$IEgradientType );
			left: 100%;
			margin-left: -50px
		 }

.imageSelector DIV.slideshow {
	height: 75px;
	width: 75px;
	padding: 0 10px;
	float: left
 }

	.imageSelector DIV.slideshow>DIV IMG {width: 75px;max-height:75px}

.imageSelector DIV.nextPrevNav {
	width: auto;
	margin: 0;
	padding: 0 10px;
	float: left
 }

	.imageSelector DIV.nextPrevNav>a {
		margin-top: 0;
		margin-right: 10px;
		padding: 0 5px;
		border: solid 2px #ccc
	 }

		.imageSelector DIV.nextPrevNav>a.disabled {background-color: #e5e8e8}

.imageSelector DIV.slideshowCounter {float: left}

#carousel.slideshow {height: 100px}

	#carousel.slideshow.multisliding .container>DIV {width: 120px;padding:0 10px}

		#carousel.slideshow.multisliding .container>DIV.currentNav IMG {border: 2px solid #0096d6}

.nextPrevNav.top {margin-top: auto;margin-bottom:-51px}

	.nextPrevNav.top>A {margin-top: 10px}

.nextPrevNav.multisliding {
	width: 100%;
	height: 120px;
	margin-top: -120px
 }

	.nextPrevNav.multisliding>A {
		height: 100%;
		margin-top: 0;
		background-color: white
	 }

		.nextPrevNav.multisliding>A:hover {background-color: white}

#productcarousel IMG {height: 160px;max-width:220px}

#productcarousel DIV {text-align: center}

#productcarousel.slideshow {
	height: 320px;
	width: 280px;
	margin: auto
 }

#productcarousel UL {
	text-align: justify;
	list-style-type: disc;
	list-style-position: inside
 }

	#productcarousel UL LI {font-size: 12px;line-height:12px}

#productcarousel H4 {text-align: justify;margin-top:10px}

#productcarousel P.s {color: #767676}

#productcarousel P,#productcarousel A {margin-bottom: 10px}

#productcarouselNav {
	height: 220px;
	width: 320px;
	margin: -220px auto auto auto
 }

.nextPrevNav.top {margin-top: auto;margin-bottom:-51px}

	.nextPrevNav.top>A {margin-top: 10px}

#socialdrawer {width: 100%}

	#socialdrawer>DIV {
		-moz-transition-property: top;
		-o-transition-property: top;
		-webkit-transition-property: top;
		-ms-transition-property: top;
		transition-property: top;
		-moz-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		-ms-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-moz-transition-timing-function: ease-in-out;
		-o-transition-timing-function: ease-in-out;
		-webkit-transition-timing-function: ease-in-out;
		-ms-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		-moz-transition-delay: 0s;
		-o-transition-delay: 0s;
		-webkit-transition-delay: 0s;
		-ms-transition-delay: 0s;
		transition-delay: 0s;
		z-index: 150;
		width: 100%
	 }

		#socialdrawer>DIV:after {
			content: " ";
			display: block;
			visibility: hidden;
			height: 0;
			clear: both
		 }

		#socialdrawer>DIV .button.collapsed,#socialdrawer>DIV .pagination A.collapsed,.pagination #socialdrawer>DIV A.collapsed,#socialdrawer>DIV .field.quantity .collapsed.remove,.field.quantity #socialdrawer>DIV .collapsed.remove,#socialdrawer>DIV .button.expanded,#socialdrawer>DIV .pagination A.expanded,.pagination #socialdrawer>DIV A.expanded,#socialdrawer>DIV .field.quantity .expanded.remove,.field.quantity #socialdrawer>DIV .expanded.remove {
			padding-left: 48px;
			padding-right: 0;
			border-radius: 0;
			background-image: url("/directplus/m/personal/system/common_img/drawer-icon.gif");
			background-color: transparent;
			background-repeat: no-repeat;
			background-position: center
		 }

		#socialdrawer>DIV .button.collapsed:before,#socialdrawer>DIV .pagination A.collapsed:before,.pagination #socialdrawer>DIV A.collapsed:before,#socialdrawer>DIV .field.quantity .collapsed.remove:before,.field.quantity #socialdrawer>DIV .collapsed.remove:before,#socialdrawer>DIV .button.expanded:before,#socialdrawer>DIV .pagination A.expanded:before,.pagination #socialdrawer>DIV A.expanded:before,#socialdrawer>DIV .field.quantity .expanded.remove:before,.field.quantity #socialdrawer>DIV .expanded.remove:before {border-left: none}

		#socialdrawer>DIV #socialDrawerServices {
			padding: 10px 0;
			background-color: #eee;
			color: black;
			width: 100%
		 }

			#socialdrawer>DIV #socialDrawerServices.collapsed {padding: 0}

			#socialdrawer>DIV #socialDrawerServices>DIV {
				display: inline-block;
				vertical-align: bottom;
				text-align: center;
				margin: 0;
				padding: 0
			 }

				#socialdrawer>DIV #socialDrawerServices>DIV .share {
					float: none;
					margin: 0 0 10px 0;
					padding-top: 2px;
					padding-bottom: 2px
				 }

				#socialdrawer>DIV #socialDrawerServices>DIV.facebook .fb_edge_comment_widget {display: none !important}

				#socialdrawer>DIV #socialDrawerServices>DIV.facebook #fb-root>DIV {display: none}

#content UL.tabs {
	margin-top: 30px;
	margin-right: 0;
	padding-bottom: 10px;
	border-bottom: solid 1px #ccc;
	white-space: nowrap;
	position: relative
 }

	#content UL.tabs>LI {
		display: inline;
		margin: 0 10px;
		font-weight: bold
	 }

		#content UL.tabs>LI>A {
			border: none;
			padding: 0 0 8px 0;
			font-size: 16px;
			line-height: 22px;
			color: #767676
		 }

			#content UL.tabs>LI>A.expanded,#content UL.tabs>LI>A.collapsed {background-image: none}

			#content UL.tabs>LI>A.expanded,#content UL.tabs>LI>A.default {color: #000;border-bottom:4px solid #0096d6}

			#content UL.tabs>LI>A:hover {color: #000;text-decoration:none}

	#content UL.tabs.secondary {
		margin-bottom: 10px;
		border-bottom: 1px solid #000;
		padding: 10px 0
	 }

	#content UL.tabs.secondary+.tab.expanded {border-bottom: none}

		#content UL.tabs.secondary+.tab.expanded.links {border-bottom: solid 1px #ccc}

	#content UL.tabs.secondary>LI {
		cursor: pointer;
		padding: 0;
		margin: 0
	 }

		#content UL.tabs.secondary>LI>A {
			font-size: 14px;
			line-height: 20px;
			padding: 10px 15px;
			color: #5a5a5a
		 }

			#content UL.tabs.secondary>LI>A.expanded,#content UL.tabs.secondary>LI>A.default {
				border: 1px solid;
				border-color: #000 #000 #fff #000;
				border-bottom: 4px solid #fff;
				-moz-border-radius: 0 5px 0 0;
				-o-border-radius: 0 5px 0 0;
				-webkit-border-radius: 0 5px 0 0;
				-ms-border-radius: 0 5px 0 0;
				border-radius: 0 5px 0 0;
				color: #000;
				cursor: auto
			 }

	#content UL.tabs.tertiary {border: none}

		#content UL.tabs.tertiary>LI {margin: 1px}

			#content UL.tabs.tertiary>LI>A {
				font-size: 16px;
				line-height: 26px;
				padding: 0 5px;
				border: solid 2px #e5e8e8;
				background-color: #fff
			 }

				#content UL.tabs.tertiary>LI>A.expanded {
					background-color: #0096d6;
					border-color: #0096d6;
					color: #fff
				 }

	#content UL.tabs:after {
		content: " ";
		display: block;
		visibility: hidden;
		height: 0;
		clear: both
	 }

#content .tab.expanded {border-bottom: 2px solid #0096d6}

	#content .tab.expanded>*:first-child,#content .tab.expanded+UL.links>LI:first-child {border-top: none}

SPAN.checkbox,SPAN.radio {
	display: inline-block;
	width: 17px;
	height: 17px;
	max-width: 17px;
	padding: 0;
	margin: 1px 1px -1px 1px;
	background: url("/ie/en/m/images/i/m/hpe/checkbox-default.gif") 0 0 no-repeat
 }

SPAN.checkbox.checked,SPAN.checked.radio {background: url("/directplus/m/personal/system/common_img/checkbox-selected.gif") 0 0 no-repeat}

SPAN.checkbox.disabled,SPAN.disabled.radio {background: url("/directplus/m/personal/system/common_img/checkbox-disabled.gif") 0 0 no-repeat}

SPAN.radio {background: url("/directplus/m/personal/system/common_img/radio-default.gif") 0 0 no-repeat}

	SPAN.radio.checked {background: url("/directplus/m/personal/system/common_img/radio-selected.gif") 0 0 no-repeat}

	SPAN.radio.disabled {background: url("/directplus/m/personal/system/common_img/radio-disabled.gif") 0 0 no-repeat}

SPAN.radio+LABEL,SPAN.checkbox+LABEL,SPAN.radio+LABEL {display: inline}

DIV.olMap {height: 1px}

#content #localareaSearchFields #displayedAddress {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0
 }

#content #localareaSearchFields #displayedAddress+.autoSuggest.expanded {
	margin-top: -10px;
	border-bottom: 2px solid #5a5a5a;
	border-left: 2px solid #5a5a5a;
	border-right: 2px solid #5a5a5a;
	padding: 0 5px 0 5px
 }

	#content #localareaSearchFields #displayedAddress+.autoSuggest.expanded ul.links {
		border: none;
		margin: 0;
		overflow: visible
	 }

		#content #localareaSearchFields #displayedAddress+.autoSuggest.expanded ul.links>li {margin: 0 -5px 0 -5px}

			#content #localareaSearchFields #displayedAddress+.autoSuggest.expanded ul.links>li A SPAN {font-size: 16px}

#content #localareaSearchFields.expanded #displayedAddress {width: 88%;margin-left:20px}

#content #localareaSearchFields.expanded #displayedAddress+.autoSuggest.expanded {width: 88%;margin-left:20px}

#content #localareaSearchFields INPUT#range {
	padding: 4px 5px 4px 5px;
	width: 32px;
	border: solid 2px #ccc;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	margin: 0 5px
 }

	#content #localareaSearchFields INPUT#range:focus {border-color: #5a5a5a}

	#content #localareaSearchFields INPUT#range.highlight {border-color: #5a5a5a}

	#content #localareaSearchFields INPUT#range.invalid {color: red;border-color:red}

	#content #localareaSearchFields INPUT#range:disabled {background-color: #e5e8e8;color:#b9b8bb}

#content #localareaSearchFields INPUT#range+LABEL {display: inline;width:auto}

#content #location UL.links {border-bottom: solid 1px #CCC}

#content UL.links>LI>A.expanded+#location.expanded {border-top: 1px solid #ccc}

#content #searchByProductFields>UL.links {border-bottom: solid 1px #ccc}

#content #storeLocatorSearchTypesContainer {margin-left: -10px}

	#content #storeLocatorSearchTypesContainer>UL.expanded>LI>DIV.expanded>INPUT.text,#content #storeLocatorSearchTypesContainer>UL.expanded>LI>DIV.expanded>INPUT.query,#content #storeLocatorSearchTypesContainer>UL.expanded>LI>DIV.expanded>INPUT.search,#content #storeLocatorSearchTypesContainer>UL.expanded>LI>DIV.expanded>DIV.select {margin-left: 20px;width:88%}

	#content #storeLocatorSearchTypesContainer>UL.expanded>LI>DIV.expanded>.select,#content #storeLocatorSearchTypesContainer>UL.expanded>LI>DIV.expanded>INPUT.text,#content #storeLocatorSearchTypesContainer>UL.expanded>LI>DIV.expanded>INPUT.query,#content #storeLocatorSearchTypesContainer>UL.expanded>LI>DIV.expanded>INPUT.search {margin-top: 10px;margin-bottom:10px}

#content #partnerNames UL>LI>A.expanded.details,#content #partnerNames UL>LI>A.collapsed.details {color: #0096d6}

#content #partnerNames #moreStores.expanded LI {padding-left: 0}

	#content #partnerNames #moreStores.expanded LI>SPAN.checkbox,#content #partnerNames #moreStores.expanded LI>SPAN.radio {margin-left: 20px}

DL {padding: 5px 0}

	DL DT {
		font-weight: bold;
		font-size: 12px;
		line-height: 20px
	 }

	DL DD {padding-left: 10px}

.c-selector {
	color: #d7410b;
	font-size: 14px;
	line-height: 18px
 }

PRE.prettyprint {
	overflow-x: scroll;
	word-wrap: break-word;
	background-color: #e5e8e8
 }

BODY {
	background-color: #fff;
	color: #000;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	-webkit-text-size-adjust: none;
	position: relative;
	font-family: hpsimplified,arial,helvetica;
	font-size: 14px;
	line-height: 16px
 }

	BODY * {
		font-size: 14px;
		line-height: 16px;
		font-family: hpsimplified,arial,helvetica
	 }

	BODY>IMG {visibility: hidden}

.invisible {display: none !important}

#header {
	height: 40px;
	padding-top: 10px;
	margin-bottom: 10px
 }

	#header .logo {
		background: transparent url("/directplus/m/personal/system/common_img/logo.gif") no-repeat scroll center center;
		float: left;
		margin: 0 10px 0 10px;
		color: transparent;
		text-indent: -9999px;
		width: 40px;
		height: 40px
	 }

	#header .ccll {
		color: #000;
		white-space: nowrap;
		padding-left: 3px
	 }

		#header .ccll:hover {text-decoration: none}

	#header FORM.search {
		height: 32px;
		margin: 0;
		text-align: right;
		padding: 7px 0;
		position: relative;
		float: right;
		width: 70%;
		max-width: 70%
	 }

		#header FORM.search INPUT[type="text"] {
			height: 19px;
			position: absolute;
			right: 0;
			padding: 4px 5px 4px 5px;
			width: 97%;
			border: solid 2px #ccc;
			font-size: 14px;
			line-height: 14px
		 }

			#header FORM.search INPUT[type="text"]:focus {border-color: #5a5a5a}

			#header FORM.search INPUT[type="text"].highlight {border-color: #5a5a5a}

			#header FORM.search INPUT[type="text"].invalid {color: red;border-color:red}

			#header FORM.search INPUT[type="text"]:disabled {background-color: #e5e8e8;color:#b9b8bb}

		#header FORM.search INPUT.button,#header FORM.search .field.quantity INPUT.remove,.field.quantity #header FORM.search INPUT.remove {
			position: relative;
			top: 7px;
			right: 0
		 }

		#header FORM.search .autocomplete,#header FORM.search .autoSuggest {
			background-color: #fff;
			overflow: hidden;
			position: absolute;
			top: 35px;
			z-index: 1000;
			right: 0;
			text-align: left;
			width: 97%;
			margin: 0;
			padding: 0 7px
		 }

		#header FORM.search .autocomplete.collapsed,#header FORM.search .autoSuggest.collapsed {height: 0;opacity:0}

		#header FORM.search .autocomplete.expanded,#header FORM.search .autoSuggest.expanded {height: auto;opacity:1}

		#header FORM.search .autocomplete A,#header FORM.search .autoSuggest A {padding-right: 24px}

		#header FORM.search .autocomplete LI,#header FORM.search .autoSuggest LI {
			font-size: 16px;
			line-height: 16px;
			height: 42px;
			vertical-align: middle
		 }

		#header FORM.search .autocomplete UL.links,#header FORM.search .autoSuggest UL.links {
			padding: 0;
			margin: 0 -7px;
			overflow: visible;
			border-left: solid 2px #5a5a5a;
			border-right: solid 2px #5a5a5a;
			border-bottom: solid 2px #5a5a5a;
			width: auto
		 }

		#header FORM.search .autocomplete UL.links LI,#header FORM.search .autoSuggest UL.links LI {padding: 0}

	#header.buttonCount1 FORM.search {width: 55%;margin:0 15px 0 20px}

	#header.buttonCount2 FORM.search {margin: 0 10px 0 0}

	#header .tools {
		float: right;
		margin: 7px 7px;
		position: relative;
		z-index: 100
	 }

		#header .tools .button,#header .tools .pagination A,.pagination #header .tools A,#header .tools .field.quantity .remove,.field.quantity #header .tools .remove {
			float: left;
			height: 30px;
			min-width: 30px;
			text-align: left;
			color: transparent;
			text-indent: -9999px;
			padding: 0
		 }

		#header .tools #homeBtn,#header .tools #connectBtn {display: none}

		#header .tools #cartBtn {background: transparent url("/directplus/m/personal/system/common_img/cart.gif") no-repeat scroll center center;width:35px}

#footer {clear: both;padding-bottom:62px}

	#footer .ccll A,#footer UL.links A {color: #000;white-space:nowrap}

	#footer .ccll A:hover,#footer UL.links A:hover {text-decoration: none}

	#footer P {display: block;padding:2px 0}

	#footer .tools {
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		padding: 24px 0;
		text-align: center
	 }

		#footer .tools A.button,#footer .tools .pagination A,.pagination #footer .tools A,#footer .tools .field.quantity A.remove,.field.quantity #footer .tools A.remove {
			margin: 2px;
			min-width: 100px;
			height: 36px;
			padding: 0 10px
		 }

	#footer .ccll {padding: 12px 15px}

		#footer .ccll A IMG {padding: 0 5px 0 0;vertical-align:baseline}

	#footer UL.links {padding: 0;text-align:right}

		#footer UL.links LI {
			border-right: solid 1px #000;
			display: inline;
			list-style: none
		 }

			#footer UL.links LI:last-child,#footer UL.links LI.desktopUrl {border-right: none;display:block}

			#footer UL.links LI:nth-last-child(2) {border-right: none}

			#footer UL.links LI A {padding: 0 10px 0 5px}

	#footer #copyright {
		clear: both;
		padding: 0 10px;
		text-align: right
	 }

#page {width: 100%}

#content {clear: both}

.loading {
	background: transparent url("/directplus/m/personal/system/common_img/loading.gif") center center no-repeat;
	cursor: default;
	color: transparent;
	text-indent: -9999px
 }

#loading {
	cursor: default;
	display: none;
	text-align: center
 }

	#loading SPAN {
		background: transparent url("/directplus/m/personal/system/common_img/loading.gif") left center no-repeat;
		padding-left: 25px;
		weight: auto
	 }

H1,H1 * {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold
 }

#content>H1 {padding: 10px}

.section H1 {padding: 10px 0}

H2,H2 * {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold
 }

#content>H2 {padding: 10px}

.section H2 {padding: 10px 0}

H3,H3 * {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold
 }

#content>H3 {padding: 10px}

.section H3 {padding: 10px 0}

H4,H4 * {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold
 }

#content>H4 {padding: 10px}

.section H4 {padding: 10px 0}

H5,H5 * {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold
 }

#content>H5 {padding: 10px}

.section H5 {padding: 10px 0}

H6,H6 * {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold
 }

#content>H6 {padding: 10px}

.section H6 {padding: 10px 0}

#content H4.featured {
	padding-bottom: 0;
	padding-top: 16px;
	font-size: 14px;
	line-height: 18px
 }

STRONG {font-weight: bolder}

A {color: #007dba}

	A:hover {text-decoration: underline}

	A:visited {color: #822980}

	A:disabled {color: #b9b8bb}

#content>A.details {
	padding-left: 10px;
	padding-bottom: 20px;
	display: block;
	font-size: 14px;
	line-height: 16px
 }

#header UL.links,#content UL.links {
	border-bottom: solid 1px #ccc;
	overflow: hidden;
	width: 100%
 }

#header UL.links.related,#content UL.links.related {border-bottom: none}

#header UL.links.related>LI,#content UL.links.related>LI {border-top: none;list-style:none}

#header UL.links.related>LI>A,#content UL.links.related>LI>A {background-position: left;padding:10px 30px}

#header UL.links.related>LI.section A.summary,#content UL.links.related>LI.section A.summary {background-position: 99% center;padding:10px 0}

#header UL.links.related>LI>DIV.expanded,#content UL.links.related>LI>DIV.expanded {border-top: none}

#header UL.links.related>LI>DIV.expanded>*,#header UL.links.related>LI>DIV.expanded>.meta,#content UL.links.related>LI>DIV.expanded>*,#content UL.links.related>LI>DIV.expanded>.meta {padding-left: 0}

#header UL.links.related>LI>DIV.expanded>A.button,#header .pagination UL.links.related>LI>DIV.expanded>A,.pagination #header UL.links.related>LI>DIV.expanded>A,#header .field.quantity UL.links.related>LI>DIV.expanded>A.remove,.field.quantity #header UL.links.related>LI>DIV.expanded>A.remove,#header UL.links.related>LI>DIV.expanded INPUT,#content UL.links.related>LI>DIV.expanded>A.button,#content .pagination UL.links.related>LI>DIV.expanded>A,.pagination #content UL.links.related>LI>DIV.expanded>A,#content .field.quantity UL.links.related>LI>DIV.expanded>A.remove,.field.quantity #content UL.links.related>LI>DIV.expanded>A.remove,#content UL.links.related>LI>DIV.expanded INPUT {padding-left: 15px}

#header UL.links>LI,#content UL.links>LI {border-top: solid 1px #ccc}

#header UL.links>LI>A,#content UL.links>LI>A {
	background-image: url("/directplus/m/personal/system/common_img/arrow-right-gray.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 99% center;
	display: block;
	text-decoration: none;
	font-size: 14px;
	line-height: 23px
 }

#header UL.links>LI>A.expanded,#header UL.links>LI>A.collapsed,#content UL.links>LI>A.expanded,#content UL.links>LI>A.collapsed {font-weight: bold}

#header UL.links>LI>A.expanded,#content UL.links>LI>A.expanded {background-image: url("/directplus/m/personal/system/common_img/minus.gif")}

#header UL.links>LI>A.collapsed,#content UL.links>LI>A.collapsed {background-image: url("/directplus/m/personal/system/common_img/plus.gif")}

#header UL.links>LI>A>.meta,#content UL.links>LI>A>.meta {display: block;max-height:none !important}

#header UL.links>LI>A.expanded>.meta,#content UL.links>LI>A.expanded>.meta {padding-left: 0}

#header UL.links.basic,#content UL.links.basic {border: none}

#header UL.links.basic>LI,#content UL.links.basic>LI {border: none}

#header UL.links.basic>LI>A,#content UL.links.basic>LI>A {
	background-image: none;
	font-size: 14px;
	line-height: 24px;
	padding: 0 10px
 }

#header UL.links>LI>INPUT,#header UL.links>LI LABEL,#content UL.links>LI>INPUT,#content UL.links>LI LABEL {
	display: inline-block;
	line-height: 32px;
	width: auto
 }

#header UL.links>LI>INPUT,#content UL.links>LI>INPUT {margin: 9px 5px 0 20px}

#header UL.links>LI.selected,#content UL.links>LI.selected {background-color: #0096d6;color:#fff}

UL.filters {
	clear: both;
	left: 0;
	list-style: none outside none;
	text-align: left;
	padding: 10px
 }

	UL.filters>LI {line-height: 32px}

		UL.filters>LI A {
			font-weight: bolder;
			float: right;
			color: #0096d6;
			text-decoration: none;
			margin: 5px 5px 0 5px
		 }

			UL.filters>LI A:first-letter {text-transform: uppercase}

		UL.filters>LI INPUT,UL.filters>LI FORM.query INPUT.text,FORM.query UL.filters>LI INPUT.text,UL.filters>LI FORM.query INPUT.query,FORM.query UL.filters>LI INPUT.query,UL.filters>LI FORM.query INPUT.search,FORM.query UL.filters>LI INPUT.search {
			float: right;
			margin-left: 10px;
			border: solid 1px green
		 }

		UL.filters>LI DIV {
			display: inline-block;
			width: 90%;
			margin-right: -50px;
			padding: 2px 0 0 0
		 }

			UL.filters>LI DIV LABEL {width: auto;display:inline}

			UL.filters>LI DIV SELECT {
				width: auto;
				display: inline;
				margin-right: 15px
			 }

UL.links {margin-top: 1px;margin-bottom:1px}

	UL.links>LI>A {padding: 10px 10px 10px 10px}

		UL.links>LI>A.expanded,UL.links>LI>A.collapsed {color: #000;padding-right:30px}

		UL.links>LI>A>IMG {padding-right: 5px}

	UL.links>LI.section>A.summary {padding: 0}

		UL.links>LI.section>A.summary:after {background: none}

#header UL.links UL.links,#content UL.links UL.links {border-bottom: none}

#header UL.links UL.links>LI>A,#content UL.links UL.links>LI>A {padding: 10px 10px 10px 20px}

#header UL.links UL.links>LI>A.expanded,#header UL.links UL.links>LI>A.collapsed,#content UL.links UL.links>LI>A.expanded,#content UL.links UL.links>LI>A.collapsed {color: #767676;padding-right:30px}

#header UL.links UL.links>LI>A>IMG,#content UL.links UL.links>LI>A>IMG {padding-right: 5px}

#header UL.links UL.links>LI.section>A.summary,#content UL.links UL.links>LI.section>A.summary {padding: 0}

#header UL.links UL.links>LI.section>A.summary:after,#content UL.links UL.links>LI.section>A.summary:after {background: none}

#header UL.links UL.links UL.links,#content UL.links UL.links UL.links {border-bottom: none}

#header UL.links UL.links UL.links>LI>A,#content UL.links UL.links UL.links>LI>A {padding: 10px 10px 10px 30px}

#header UL.links UL.links UL.links>LI>A.expanded,#header UL.links UL.links UL.links>LI>A.collapsed,#content UL.links UL.links UL.links>LI>A.expanded,#content UL.links UL.links UL.links>LI>A.collapsed {color: #767676;padding-right:30px}

#header UL.links UL.links UL.links>LI>A>IMG,#content UL.links UL.links UL.links>LI>A>IMG {padding-right: 5px}

#header UL.links UL.links UL.links>LI.section>A.summary,#content UL.links UL.links UL.links>LI.section>A.summary {padding: 0}

#header UL.links UL.links UL.links>LI.section>A.summary:after,#content UL.links UL.links UL.links>LI.section>A.summary:after {background: none}

#content #search-results UL.links LI.supplies,#content #search-results UL.links LI.manuals,#content #search-results UL.links LI.downloads,#content #search-results UL.links LI.support {background-position: 10px center;background-repeat:no-repeat}

#content #search-results UL.links LI.supplies>A,#content #search-results UL.links LI.manuals>A,#content #search-results UL.links LI.downloads>A,#content #search-results UL.links LI.support>A {padding-left: 36px}

#content #search-results UL.links LI.supplies {background-image: url("/directplus/m/personal/system/common_img/supplies.gif")}

#content #search-results UL.links LI.manuals {background-image: url("/directplus/m/personal/system/common_img/manuals.gif")}

#content #search-results UL.links LI.downloads {background-image: url("/directplus/m/personal/system/common_img/downloads.gif")}

#content #search-results UL.links LI.support {background-image: url("/directplus/m/personal/system/common_img/support.gif")}

.expanded>*,.expanded>.meta {padding-left: 10px}

.expanded>.autoSuggest.expanded {padding-left: 10px}

.expanded .radio,.expanded .checkbox,.expanded INPUT,.expanded FORM.query INPUT.text,FORM.query .expanded INPUT.text,.expanded FORM.query INPUT.query,FORM.query .expanded INPUT.query,.expanded FORM.query INPUT.search,FORM.query .expanded INPUT.search,.expanded INPUT[type="text"],.expanded FORM.query INPUT[type="text"].text,FORM.query .expanded INPUT[type="text"].text,.expanded FORM.query INPUT[type="text"].query,FORM.query .expanded INPUT[type="text"].query,.expanded FORM.query INPUT[type="text"].search,FORM.query .expanded INPUT[type="text"].search {margin-left: 10px}

.expanded .radio+LABEL,.expanded .checkbox+LABEL,.expanded INPUT+LABEL,.expanded FORM.query INPUT.text+LABEL,FORM.query .expanded INPUT.text+LABEL,.expanded FORM.query INPUT.query+LABEL,FORM.query .expanded INPUT.query+LABEL,.expanded FORM.query INPUT.search+LABEL,FORM.query .expanded INPUT.search+LABEL,.expanded INPUT[type="text"]+LABEL {padding-left: 5px}

.expanded .radio.invisible+LABEL,.expanded .checkbox.invisible+LABEL,.expanded INPUT.invisible+LABEL,.expanded INPUT[type="text"].invisible+LABEL {padding-left: 10px}

.expanded>INPUT,FORM.query .expanded>INPUT.text,FORM.query .expanded>INPUT.query,FORM.query .expanded>INPUT.search {padding-left: 10px}

.expanded>INPUT.text,.expanded>INPUT.query,.expanded>INPUT.search,FORM.query .expanded>INPUT.text {padding-left: 5px}

.expanded>.radio,.expanded>.checkbox {padding-left: 0}

.expanded>.section {padding-left: 20px}

.expanded>.expanded,.expanded>.collapsed {padding-left: 0}

.expanded>UL.links {padding-left: 0}

UL.links.expanded LI {padding-left: 0}

	UL.links.expanded LI.section,UL.links.expanded LI>.section {padding-left: 20px}

#content .expanded .expanded>*,#content .expanded .expanded>.meta {padding-left: 20px}

#content .expanded .expanded>.autoSuggest.expanded {padding-left: 20px}

#content .expanded .expanded .radio,#content .expanded .expanded .checkbox,#content .expanded .expanded INPUT,#content .expanded .expanded INPUT[type="text"] {margin-left: 20px}

#content .expanded .expanded .radio+LABEL,#content .expanded .expanded .checkbox+LABEL,#content .expanded .expanded INPUT+LABEL,#content .expanded .expanded INPUT[type="text"]+LABEL {padding-left: 5px}

#content .expanded .expanded .radio.invisible+LABEL,#content .expanded .expanded .checkbox.invisible+LABEL,#content .expanded .expanded INPUT.invisible+LABEL,#content .expanded .expanded INPUT[type="text"].invisible+LABEL {padding-left: 20px}

#content .expanded .expanded>INPUT {padding-left: 10px}

	#content .expanded .expanded>INPUT.text,#content .expanded .expanded>INPUT.query,#content .expanded .expanded>INPUT.search {padding-left: 5px}

#content .expanded .expanded>.radio,#content .expanded .expanded>.checkbox {padding-left: 0}

#content .expanded .expanded>.section {padding-left: 30px}

#content .expanded .expanded>.expanded,#content .expanded .expanded>.collapsed {padding-left: 0}

#content .expanded .expanded>UL.links {padding-left: 0}

#content .expanded UL.links.expanded LI {padding-left: 0}

	#content .expanded UL.links.expanded LI.section,#content .expanded UL.links.expanded LI>.section {padding-left: 30px}

#content .expanded .expanded .expanded>*,#content .expanded .expanded .expanded>.meta {padding-left: 30px}

#content .expanded .expanded .expanded>.autoSuggest.expanded {padding-left: 30px}

#content .expanded .expanded .expanded .radio,#content .expanded .expanded .expanded .checkbox,#content .expanded .expanded .expanded INPUT,#content .expanded .expanded .expanded INPUT[type="text"] {margin-left: 30px}

#content .expanded .expanded .expanded .radio+LABEL,#content .expanded .expanded .expanded .checkbox+LABEL,#content .expanded .expanded .expanded INPUT+LABEL,#content .expanded .expanded .expanded INPUT[type="text"]+LABEL {padding-left: 5px}

#content .expanded .expanded .expanded .radio.invisible+LABEL,#content .expanded .expanded .expanded .checkbox.invisible+LABEL,#content .expanded .expanded .expanded INPUT.invisible+LABEL,#content .expanded .expanded .expanded INPUT[type="text"].invisible+LABEL {padding-left: 30px}

#content .expanded .expanded .expanded>INPUT {padding-left: 10px}

	#content .expanded .expanded .expanded>INPUT.text,#content .expanded .expanded .expanded>INPUT.query,#content .expanded .expanded .expanded>INPUT.search {padding-left: 5px}

#content .expanded .expanded .expanded>.radio,#content .expanded .expanded .expanded>.checkbox {padding-left: 0}

#content .expanded .expanded .expanded>.section {padding-left: 40px}

#content .expanded .expanded .expanded>.expanded,#content .expanded .expanded .expanded>.collapsed {padding-left: 0}

#content .expanded .expanded .expanded>UL.links {padding-left: 0}

#content .expanded .expanded UL.links.expanded LI {padding-left: 0}

	#content .expanded .expanded UL.links.expanded LI.section,#content .expanded .expanded UL.links.expanded LI>.section {padding-left: 40px}

INPUT.text,INPUT.query,INPUT.search,FORM.query INPUT.text,TEXTAREA,SELECT {
	padding: 4px 5px 4px 5px;
	width: 95%;
	border: solid 2px #ccc;
	font-size: 18px;
	line-height: 18px;
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0
 }

INPUT.text:focus,INPUT.query:focus,INPUT.search:focus,FORM.query INPUT.text:focus,TEXTAREA:focus,SELECT:focus {border-color: #5a5a5a}

INPUT.text.highlight,INPUT.highlight.query,INPUT.highlight.search,FORM.query INPUT.highlight.text,TEXTAREA.highlight,SELECT.highlight {border-color: #5a5a5a}

INPUT.text.invalid,INPUT.invalid.query,INPUT.invalid.search,FORM.query INPUT.invalid.text,TEXTAREA.invalid,SELECT.invalid {color: red;border-color:red}

INPUT.text:disabled,INPUT.query:disabled,INPUT.search:disabled,FORM.query INPUT.text:disabled,TEXTAREA:disabled,SELECT:disabled {background-color: #e5e8e8;color:#b9b8bb}

INPUT.text+LABEL,INPUT.query+LABEL,INPUT.search+LABEL,FORM.query INPUT.text+LABEL,INPUT.checkbox+LABEL,FORM.query INPUT.checkbox.text+LABEL,FORM.query INPUT.checkbox.query+LABEL,FORM.query INPUT.checkbox.search+LABEL,INPUT.query+LABEL,FORM.query INPUT.query+LABEL,TEXTAREA+LABEL,SELECT+LABEL,.select+LABEL {margin-top: 30px}

INPUT.text,INPUT.query,INPUT.search,FORM.query INPUT.text {height: 18px;line-height:18px}

INPUT.checkbox,FORM.query INPUT.checkbox.text,FORM.query INPUT.checkbox.query,FORM.query INPUT.checkbox.search {background-color: #0096d6;color:#fff}

INPUT[type="submit"],FORM.query INPUT[type="submit"].text,FORM.query INPUT[type="submit"].query,FORM.query INPUT[type="submit"].search {-webkit-appearance: none}

LABEL.query,LABEL.search,INPUT.button.query,.field.quantity INPUT.query.remove,#header FORM.search INPUT.query.button,#header FORM.search .field.quantity INPUT.query.remove,.field.quantity #header FORM.search INPUT.query.remove,FORM.query INPUT.query.button,#header FORM.search INPUT.button,#header FORM.search .field.quantity INPUT.remove,.field.quantity #header FORM.search INPUT.remove,INPUT.button.search,FORM.query INPUT.button,FORM.query .field.quantity INPUT.remove,.field.quantity FORM.query INPUT.remove,.field.quantity INPUT.search.remove {
	background: transparent url("/directplus/m/personal/system/common_img/search.gif") no-repeat scroll center center;
	cursor: pointer;
	height: 28px;
	width: 28px;
	min-width: 28px;
	overflow: hidden;
	color: transparent;
	text-indent: -9999px;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	margin: -4px 0 0 -29px
 }

LABEL.query.before,LABEL.search.before,INPUT.button.query.before,.field.quantity INPUT.query.before.remove,#header FORM.search INPUT.query.before.button,#header FORM.search .field.quantity INPUT.query.before.remove,.field.quantity #header FORM.search INPUT.query.before.remove,#header FORM.search INPUT.before.button,#header FORM.search .field.quantity INPUT.before.remove,.field.quantity #header FORM.search INPUT.before.remove,INPUT.button.search.before,FORM.query INPUT.before.button,FORM.query .field.quantity INPUT.before.remove,.field.quantity FORM.query INPUT.before.remove,.field.quantity INPUT.search.before.remove {
	float: left;
	left: 95%;
	margin-top: 0;
	margin-bottom: -28px;
	margin-left: -15px;
	position: relative
 }

LABEL.query:hover,LABEL.search:hover,INPUT.button.query:hover,.field.quantity INPUT.query.remove:hover,#header FORM.search INPUT.query.button:hover,#header FORM.search .field.quantity INPUT.query.remove:hover,.field.quantity #header FORM.search INPUT.query.remove:hover,#header FORM.search INPUT.button:hover,#header FORM.search .field.quantity INPUT.remove:hover,.field.quantity #header FORM.search INPUT.remove:hover,INPUT.button.search:hover,FORM.query INPUT.button:hover,FORM.query .field.quantity INPUT.remove:hover,.field.quantity FORM.query INPUT.remove:hover,.field.quantity INPUT.search.remove:hover {background-color: transparent}

FORM.query INPUT.query,FORM.query INPUT.search,FORM.query INPUT.text {margin-right: -7px}

FORM.query INPUT[type="text"].query,FORM.query INPUT[type="text"].search,FORM.query INPUT[type="text"].text {width: 90%}

SELECT {background-color: #fff;color:#0096d6}

	SELECT.invalid {color: red}

OPTION {
	border-top: solid 1px #ccc;
	border-right: solid 1px #5a5a5a;
	padding: 2px 5px;
	font-size: 16px;
	line-height: 16px;
	color: #000
 }

	OPTION:first-child {border-top: none}

	OPTION:hover,.select UL.links LI A:hover,.autoSuggest UL.links LI A:hover {background-color: #069;color:#fff}

.field {clear: both;width:95%}

	.field INPUT,.field FORM.query INPUT.text,FORM.query .field INPUT.text,.field FORM.query INPUT.query,FORM.query .field INPUT.query,.field FORM.query INPUT.search,FORM.query .field INPUT.search,.field LABEL,.field SELECT {
		clear: none;
		float: left;
		width: auto
	 }

.autoSuggest {width: 95%}

#content .select UL.links,#header .autoSuggest UL.links,#content .autoSuggest UL.links {
	border-left: solid 1px #5a5a5a;
	border-right: solid 1px #5a5a5a;
	border-bottom-color: #5a5a5a
 }

.autoSuggest {padding-right: 2px}

	.autoSuggest.expanded {margin-bottom: 10px}

LABEL {
	clear: left;
	display: block;
	width: 95%
 }

	LABEL.required.meta {color: #5a5a5a}

	LABEL.required:after,LABEL SPAN.required {
		color: #d7410b;
		content: "*";
		font-size: 16px;
		line-height: 18px;
		font-weight: bold;
		padding: 0 2px;
		vertical-align: middle
	 }

DIV.invalid {padding: 10px 15px}

.message {
	padding: 10px;
	margin: 10px;
	background-color: #f2f2f2
 }

	.message.error,DIV.invalid {background-color: #f7d7d7;color:red}

	.message P {font-weight: bold;text-align:center}

		.message P:first-letter {text-transform: uppercase}

DIV#buyNowContainer {
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #ccc
 }

.xs,.xs * {font-size: 10px;line-height:12px}

.s,.s * {font-size: 12px;line-height:14px}

.m,.m * {font-size: 14px;line-height:16px}

.l,.l * {font-size: 16px;line-height:18px}

.xl,.xl * {font-size: 18px;line-height:20px}

IMG.xs {width: 32px;max-height:32px}

IMG.s,.gallery>A>IMG {width: 66px;max-height:46px}

IMG.m {width: 96px;max-height:72px}

IMG.l,.gallery>DIV>IMG {width: 300px;max-height:170px}

IMG.xl {width: 320px;max-height:240px}

IMG.center {display: block;margin:auto}

.gallery {
	margin: auto;
	padding: 2px;
	text-align: center;
	height: 170px
 }

	.gallery.slideshowNav {height: auto}

.gallery#detailProductImages>DIV>IMG {width: 180px;max-height:135px}

.gallery>A>IMG {margin: 0 2px;border:2px solid #e5e8e8}

.gallery>A.current>IMG {border-color: #767676}

.studio P,.studio H4,.studio H5,.studio H6 {width: 80%;padding-left:10%}

.studio H4,.studio H5,.studio H6 {padding-bottom: 5px}

.studio.slideshow {
	margin: auto;
	padding: 2px;
	text-align: center;
	height: 160px;
 }

.studio>DIV {text-align: center}

	.studio>DIV P {
		width: 80%;
		padding-left: 10%;
		margin-bottom: 2px;
		text-align: justify
	 }

	.studio>DIV>IMG {
		height: 170px;
		max-width: 300px;
		padding-bottom: 10px
	 }

.studio.slideshowNav {height: 40px}

.studio+DIV {text-align: center;margin:10px auto}

	.studio+DIV>A {
		display: inline-block;
		width: 35px;
		height: 35px;
		background: transparent url("/directplus/m/personal/system/common_img/inactive-circle.jpg") no-repeat center center
	 }

		.studio+DIV>A.current {background: transparent url("/directplus/m/personal/system/common_img/active-circle.jpg") no-repeat center center}

.section {
	clear: both;
	padding: 10px;
	position: relative
 }

	.section:after {
		content: " ";
		display: block;
		visibility: hidden;
		height: 0;
		clear: both
	 }

	.section.collapsed {padding: 0}

	.section.related {padding: 10px 0 10px 10px}

		.section.related A.summary:after {background-position: left 30px}

	.section DIV.thumb {
		float: left;
		margin: 2px 10px 2px 0;
		min-height: 32px
	 }

		.section DIV.thumb IMG {display: block;margin:2px auto 10px}

		.section DIV.thumb>LABEL {
			font-size: 14px;
			line-height: 32px;
			font-weight: bold;
			color: #767676;
			padding: 0 5px 0 5px;
			margin: 0;
			width: auto;
			z-index: 100;
			position: relative;
			display: inline
		 }

		.section DIV.thumb>INPUT[type="checkbox"],.section DIV.thumb>SPAN.checkbox,.section DIV.thumb>SPAN.radio {z-index: 200;position:relative}

	.section>H3>IMG {padding-right: 5px}

	.section.featured {padding: 20px 10px}

		.section.featured H5 {padding: 0 10px}

			.section.featured H5 A {font-size: 14px;line-height:18px}

		.section.featured P {
			font-size: 14px;
			line-height: 18px;
			margin: 0
		 }

		.section.featured DIV.thumb {padding: 0 15px 0 0;margin:0}

			.section.featured DIV.thumb IMG {
				height: 58px;
				width: 58px;
				margin: 0
			 }

		.section.featured.secondary {background-color: #0096d6;color:white}

			.section.featured.secondary H3,.section.featured.secondary A {color: white;padding-top:0}

			.section.featured.secondary P {padding-left: 85px}

			.section.featured.secondary A:hover {text-decoration: none}

			.section.featured.secondary LI {border-top: none}

			.section.featured.secondary DIV.thumb IMG {height: auto;width:auto}

			.section.featured.secondary .section H3 {padding-bottom: 0}

			.section.featured.secondary .secondary {padding-right: 0}

		.section.featured.tertiary {padding: 10px}

			.section.featured.tertiary>UL,.section.featured.tertiary>P,.section.featured.tertiary>H5 {padding-left: 48px}

			.section.featured.tertiary A {text-decoration: none}

			.section.featured.tertiary UL {list-style-type: disc;list-style-position:outside}

			.section.featured.tertiary .thumb IMG {width: 32px;height:32px}

			.section.featured.tertiary .thumb.inline {min-height: 20px}

				.section.featured.tertiary .thumb.inline>SPAN {
					font-size: 22px;
					line-height: 20px;
					padding-left: 20px
				 }

	.section.video>DIV {
		text-align: center;
		overflow: hidden;
		position: relative;
		z-index: 100
	 }

		.section.video>DIV.collapsed *,.section.video>DIV.collapsed>DIV * {max-height: none !important}

		.section.video>DIV>.thumb {
			display: inline-block;
			position: relative;
			margin: auto
		 }

			.section.video>DIV>.thumb>.play {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: url("/directplus/m/personal/system/common_img/play.png") no-repeat center center
			 }

		.section.video>DIV.expanded {border-top: none}

			.section.video>DIV.expanded .thumb,.section.video>DIV.expanded OBJECT {padding-left: 0 !important}

	.section.video H3,.section.video H3 *,.section.document H3,.section.document H3 * {color: #007dba}

	.section.video>DIV.description,.section.document>DIV.description {
		text-align: inherit;
		z-index: 0;
		padding-bottom: 5px
	 }

	.section .meta {
		padding: 0 10px 0 0;
		clear: both;
		color: #767676
	 }

		.section .meta SPAN:last-child {white-space: nowrap}

		.section .meta IMG {float: left;margin:0 10px 0 0}

	.section.right {text-align: right}

	.section P {margin: 0 0 10px 0}

	.section A {position: relative;z-index:1}

		.section A.summary {
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			padding: 0;
			z-index: 1;
			color: transparent;
			text-indent: -9999px
		 }

	.section DIV.icon {line-height: 22px}

		.section DIV.icon SPAN {color: #767676;margin-left:2px}

	.section UL.links {
		z-index: 100;
		position: relative;
		list-style-type: none
	 }

	.section OL {list-style-type: decimal;list-style-position:inside}

		.section OL>LI {clear: both}

#products DIV.thumb ~ *,#search-results DIV.thumb ~ * {margin-left: 116px !important}

#products .section>H3>LABEL,#search-results .section>H3>LABEL {clear: none}

DIV.section.center {text-align: center}

DIV.dynamicBrightcoveVideo {text-align: center}

LI.section {
	clear: both;
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #ccc
 }

	LI.section:after {
		content: " ";
		display: block;
		visibility: hidden;
		height: 0;
		clear: both
	 }

	LI.section:first-child {border-top: 1px solid #ccc}

	LI.section UL {list-style-type: disc;list-style-position:inside}

		LI.section UL LI,LI.section UL LI:first-child {border: none;padding:2px}

UL LI>.section {border-bottom: 1px solid #ccc}

UL LI:first-child>.section {border-top: 1px solid #ccc}

UL.links>LI>.section {border-bottom: none}

UL.links>LI:first-child>.section {border-top: none}

UL.links>LI.section {border-bottom: none}

.field.quantity {width: auto}

	.field.quantity FIELDSET {
		display: block;
		height: 36px;
		line-height: 36px;
		float: right
	 }

		.field.quantity FIELDSET INPUT {
			background-color: #fff;
			border: 0 solid;
			width: 30px;
			height: 36px;
			line-height: 36px;
			padding: 0;
			text-align: right;
			-webkit-appearance: none
		 }

		.field.quantity FIELDSET LABEL {
			height: 36px;
			line-height: 36px;
			margin: 0 10px
		 }

	.field.quantity .remove {float: left}

	.field.quantity .increase,.field.quantity .decrease {
		color: transparent;
		text-indent: -9999px;
		float: right;
		height: 36px;
		width: 36px;
		background-position: center center;
		background-repeat: no-repeat
	 }

	.field.quantity .increase {background-image: url("/directplus/m/personal/system/common_img/plus.gif")}

	.field.quantity .decrease {background-image: url("/directplus/m/personal/system/common_img/minus.gif")}

DIV.rating-container.right,SPAN.rating-container.right {float: right}

DIV.rating-container.inline,SPAN.rating-container.inline {display: inline-block}

DIV.rating-container DIV.rating,DIV.rating-container SPAN.rating,SPAN.rating-container DIV.rating,SPAN.rating-container SPAN.rating {
	display: inline-block;
	height: 11px;
	width: 55px;
	background: url("/directplus/m/personal/system/common_img/star-gray.gif") 0 0 repeat-x
 }

DIV.rating-container DIV.rating DIV,DIV.rating-container DIV.rating SPAN,DIV.rating-container SPAN.rating DIV,DIV.rating-container SPAN.rating SPAN,SPAN.rating-container DIV.rating DIV,SPAN.rating-container DIV.rating SPAN,SPAN.rating-container SPAN.rating DIV,SPAN.rating-container SPAN.rating SPAN {height: 100%;background:url("/directplus/m/personal/system/common_img/star-blue.gif") 0 0 repeat-x}

STRONG {font-weight: bolder}

A.share {
	display: inline-block;
	margin: 0;
	padding: 10px 5px 10px 23px;
	color: #767676;
	background: transparent url("/directplus/m/personal/system/common_img/share.gif") no-repeat scroll 5px center;
	background-color: #fff;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	-moz-border-radius: 0 4px 0 4px;
	-o-border-radius: 0 4px 0 4px;
	-webkit-border-radius: 0 4px 0 4px;
	-ms-border-radius: 0 4px 0 4px;
	border-radius: 0 4px 0 4px;
	float: right;
	margin-left: 100%
 }

	A.share:first-letter {text-transform: uppercase}

	A.share:hover {text-decoration: underline}

A.share+* {clear: both}

TABLE {
	width: 100%;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	color: #000
 }

	TABLE THEAD TH {
		text-align: center;
		font-weight: bold;
		font-size: 18px;
		line-height: 20px;
		padding: 10px;
		border-left: solid 1px #ccc
	 }

		TABLE THEAD TH:first-child {border-left: none}

	TABLE TD {
		padding: 10px;
		border-left: solid 1px #ccc;
		width: 50%
	 }

		TABLE TD.widerow {
			background-color: #e5e8e8;
			color: #767676;
			height: 24px;
			width: 100%;
			padding: 0 10px;
			border-left: none
		 }

			TABLE TD.widerow.center {text-align: center}

			TABLE TD.widerow EM {line-height: 24px}

		TABLE TD:first-child {border-left: none}

		TABLE TD EM {font-weight: bold;display:block}

	TABLE TFOOT {border-top: solid 1px #ccc}

		TABLE TFOOT TD {text-align: center}

UL.links TABLE * {font-size: 16px;line-height:18px}

UL.links TABLE TD {
	vertical-align: top;
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc
 }

	UL.links TABLE TD:first-child {border-left: none}

DL.info {border: 1px solid #000;border-bottom:0}

	DL.info DT {
		font-size: 16px;
		line-height: 18px;
		padding: 10px 10px 0 10px
	 }

		DL.info DT:first-letter {text-transform: uppercase}

	DL.info DD {
		font-size: 16px;
		line-height: 18px;
		border-bottom: 1px solid #000;
		padding: 0 10px 10px 10px
	 }

.addthis_service_icon {display: inline-block !important}

.price {
	font-size: 14px;
	line-height: 16px;
	padding: 5px 0 0 0;
	color: #d7410b
 }

	.price>SPAN:first-child {color: #000}

	.price>SPAN SPAN {
		font-size: 18px;
		line-height: 20px;
		font-weight: bold;
		color: #d7410b
	 }

#search-results .price span {color: #000}

HR {border: none;border-bottom:1px solid #ccc}

#toBePublished {background-image: url(http://www8.hp.com/ie/en/m/images/i/footer/flag.gif)}

DIV.query INPUT.text,DIV.query INPUT.query,DIV.query INPUT.search {width: 90%}

SUP,SUB {font-size: 10px;line-height:12px}

SUP {vertical-align: super}

SUB {vertical-align: sub}

SPAN.iconfont {
	font-family: hpeicons;
	color: #0096d6;
	vertical-align: bottom
 }

.thumb .iconfont {font-size: 32px;line-height:32px}

.bullet {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 30px
 }

	.bullet.section {padding-left: 86px}

.dialog-container {
	position: absolute;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	z-index: 900;
	background: #000;
	background: rgba(0,0,0,0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)"
 }

.dialog {
	text-align: center;
	vertical-align: middle;
	background-color: white;
	margin: 25% auto;
	padding: 5px;
	z-index: 910;
	position: absolute;
	top: 25%
 }

	.dialog.modal {position: relative}

.dialog#welcomeMessage {height: 80px;margin:25 15%}

DIV.section.collapsed A.collapsed {visibility: hidden}

DIV.section.expanded A.collapsed {visibility: visible}

#security DIV:first-child {text-align: center}

	#security DIV:first-child IMG {max-width: 100px}

#security .colspan2 {
	background-color: #F5B842;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 80px
 }

	#security .colspan2 IMG {max-width: 90%;max-height:200px}

SPAN.rating-container SPAN.rating SPAN {display: inline-block}

SPAN.rating-container.right SPAN.rating {float: right}

.collapsed SPAN.rating-container {max-height: auto !important;width:20%}

	.collapsed SPAN.rating-container SPAN.rating {max-height: 100% !important}

		.collapsed SPAN.rating-container SPAN.rating SPAN {display: inline-block;max-height:100% !important}

.expanded SPAN.rating-container {
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
	width: 20%
 }

	.expanded SPAN.rating-container SPAN.rating {margin: 0 0 5px 0;padding:0 0 2px 0}

		.expanded SPAN.rating-container SPAN.rating SPAN {margin: 0 0 5px 0;padding:0 0 2px 0}

.breadcrumbs {padding: 10px 5px;color:#767676}

	.breadcrumbs>A {color: #767676;padding:5px}

		.breadcrumbs>A:hover {color: #767676;text-decoration:underline}

UL.tab.expanded>LI.section {margin-left: -10px}

UL.tab.expanded>LI>DIV.section.video,UL.tab.expanded>LI>DIV.section.document {padding-left: 10px}

UL.tab .section>H3 {padding: 3px 0}

#privacy {background-color: #f2f2f2}

#inacr,#inacr_notice,#inacr *,#inacr_notice * {font-family: 'Times New Roman',Times,serif;font-size:14px}

#inacr {
	background-color: black;
	color: white;
	padding: 10px
 }

	#inacr A {
		color: white;
		padding: 0 10px;
		text-decoration: none
	 }

#inacr_notice {
	background-color: white;
	color: black;
	margin-top: 10px
 }

	#inacr_notice.collapsed {margin-top: 0}

	#inacr_notice H1 {
		font-size: 18px;
		padding: 10px;
		text-align: center
	 }

		#inacr_notice H1:first-child {background-color: black;color:white}

	#inacr_notice H2 {text-align: center}

		#inacr_notice H2:first-child {background-color: black;color:white}

	#inacr_notice A {color: #007dba;padding:0}

	#inacr_notice P {margin: 10px}

	#inacr_notice UL {list-style-type: disc}

		#inacr_notice UL LI {margin: 0 20px 0 30px}

		#inacr_notice UL UL {list-style-type: circle}

	#inacr_notice TABLE {
		border: 0;
		margin: 10px auto;
		width: 80%
	 }

		#inacr_notice TABLE TD:first-child {width: 60%}

	#inacr_notice BLOCKQUOTE {padding-left: 30px}

DIV.counter {
	padding: 15px;
	text-align: center;
	color: #0096d6;
	font-weight: bold
 }

	DIV.counter>SPAN {
		font-size: 45px;
		line-height: 48px;
		display: inline-block;
		height: 100%;
		vertical-align: top;
		padding: 0 3px
	 }

		DIV.counter>SPAN>SPAN {
			display: block;
			font-size: 14px;
			line-height: 18px;
			font-weight: normal;
			color: #000;
			text-align: left
		 }

.cols2.compare,.compare.three-column,.compare.cols3 {border-top: 1px solid #ccc}

.cols2.compare>DIV,.compare.three-column>DIV,.compare.cols3>DIV {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 22px;
	min-width: 160px
 }

.cols2.compare>DIV .price,.compare.three-column>DIV .price,.compare.cols3>DIV .price {padding-top: 0}

.cols2.compare>DIV .price P,.compare.three-column>DIV .price P,.compare.cols3>DIV .price P {font-size: 18px;line-height:18px}

.cols2.compare>DIV .price,.compare.three-column>DIV .price,.compare.cols3>DIV .price,.cols2.compare>DIV .button,.compare.three-column>DIV .button,.compare.cols3>DIV .button,.cols2.compare>DIV .pagination A,.pagination .cols2.compare>DIV A,.compare.three-column>DIV .pagination A,.pagination .compare.three-column>DIV A,.compare.cols3>DIV .pagination A,.pagination .compare.cols3>DIV A,.cols2.compare>DIV .field.quantity .remove,.field.quantity .cols2.compare>DIV .remove,.compare.three-column>DIV .field.quantity .remove,.field.quantity .compare.three-column>DIV .remove,.compare.cols3>DIV .field.quantity .remove,.field.quantity .compare.cols3>DIV .remove,.cols2.compare>DIV H3,.compare.three-column>DIV H3,.compare.cols3>DIV H3,.cols2.compare>DIV P,.compare.three-column>DIV P,.compare.cols3>DIV P {margin-bottom: 22px}

.cols2.compare>DIV IMG,.compare.three-column>DIV IMG,.compare.cols3>DIV IMG {
	height: 96px;
	max-width: 120px;
	padding-bottom: 22px
 }

.cols2.compare .fixheight,.compare.three-column .fixheight,.compare.cols3 .fixheight {height: 110px}

.section A.summary:after {
	content: " ";
	display: block;
	padding: 0;
	background: url("/directplus/m/personal/system/common_img/arrow-right-gray.gif") left center no-repeat;
	border-left: none;
	margin: 0;
	width: 15px;
	height: 100%;
	float: right
 }

.section A.summary.expanded:after,.section A.summary.collapsed:after {width: 18px;margin-right:10px}

.section A.summary.collapsed:after {background: url("/directplus/m/personal/system/common_img/plus.gif") left 20px no-repeat}

.section A.summary.expanded:after {background: url("/directplus/m/personal/system/common_img/minus.gif") left 20px no-repeat}

.section P {padding-right: 7px;margin-right:10px}

.section.featured A.summary:after {content: none}

.section .icon P {padding-right: 0;margin-right:0}

LI.section {padding: 10px 30px 10px 10px}

/*
Date: 3/25/2014 5:06:31 PM
Non-published images:
/webdav/17%20Ireland-English%20web%20-%20Mobile/Building%20Blocks/System/00%20Shared/Content/CSS/system/styles/hps-fontface-core.css
*/


/* 製品画像(2015/11/12) ============== */
.mainImage {
	width: 100%;
	text-align: center;
}
.mainImage img {
	width: 90%;
}
.itemImage {
	width: 100%;
	background: #f2f2f2;
}
.itemImage p {
	padding: 0 0 2.5% 2.5%;
	font-size: 0.7rem;
	line-height: 1;
}
.slick-list {
	padding: 2.5% 2.5% 0;
}
.itemSlider {
	width: 100%;
}
.slick-slider {
	margin: 0;
}
.itemSlider a.swipe {
	width: 30%;
	height: 30%;
}
.slick-slide {
	margin: 0.5%;
}
.slick-slide img {
	width: 100%;
}
.slick-prev {
	left: 1%;
	z-index: 10;
}
.slick-next {
	right: 1%;
}
.slick-prev::before, .slick-next::before {
	opacity: 0.3;
	color: #000;
	font-size: 1.5rem;
}
/* ================================== */


/* Instagram (2016/02/12) ============== */
body {
	position: static;
}
.photoGallery {
	width: 90%;
	margin: 0 auto 2rem;
}
.photoGallery h2 {
	margin-bottom: 1rem;
	color: #0096d6;
	font-size: 1.125rem;/* 18px */
	text-align: center;
}
.photoGallery img {
	width: 100%;
}
.photoGallery .buttonLink {
	cursor: pointer;
}
.photoGallery .photoInfo {
	display: table;
	width: 100%;
}
.photoGallery .photoInfo li {
	display: table-cell;
	vertical-align: middle;
}
.photoGallery .photoInfo li:last-child {
	text-align: right;
}
.photoGallery a.detailBtn {
	display: inline-block;
	padding: 0.5em 1em;
	color: #fff;
	background: #0096D6;
	border-radius: 0 5px 0 5px;
}
.photoGallery a.detailBtn:hover {
	text-decoration: none;
	background: #003366;
}


/* modal window ----------------- */
#modalOverlay {
	z-index: 20;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba( 0,0,0, 0.75 );
}
#modalContents .modalWrap {
	box-sizing: border-box;
	overflow: auto;
	width: 90%;
	max-height: 90%;
	margin: 0 auto;
	padding: 5%;
	background: #fff;
	position: fixed;
	display: none;
	z-index: 21;
}
#modalContents .modalWrap .closeBtn {
	margin-bottom: 0.5rem;
	text-align: right;
}
#modalContents .modalWrap .closeBtn img {
	width: 1rem;
}
#modalContents .modalWrap h3 {
	min-width: 200px;
	margin-bottom: 0.5rem;
	padding: 0.2em 0 0.2em 0.5em;
	color: #0096D6;
	font-size: 1rem;
	line-height: 1;
	background: none;
	border-left: 6px solid #0096D6;
}
#modalContents .modalWrap h4 {
	margin-bottom: 1rem;
}
#modalContents .modalWrap .photo {
	margin-bottom: 1rem;
}
#modalContents .modalWrap .author {
	display: table;
	width: 100%;
	margin-bottom: 0.5rem;
}
#modalContents .modalWrap .author li {
	display: table-cell;
	vertical-align: middle;
}
#modalContents .modalWrap .author li a {
	font-size: 1rem;
}
#modalContents .modalWrap .author li:first-child {
	width: 20%;
	padding-right: 5%;
}
#modalContents .modalWrap p {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ccc;
}
#modalContents .modalWrap .productImage {
	display: table;
	table-layout: fixed;
	margin-bottom: 1rem;
}
#modalContents .modalWrap .productImage li {
	display: table-cell;
	text-align: center;
}
#modalContents .modalWrap .productImage li img {
	width: 90%;
}
#modalContents .modalWrap .productInfo {
	display: table;
	width: 100%;
}
#modalContents .modalWrap .productInfo li {
	display: table-cell;
	vertical-align: middle;
}
#modalContents .modalWrap .productInfo li:last-child {
	text-align: right;
}

@media screen and (min-width: 480px) {
	#modalContents .modalWrap .innerWrap {
		overflow: hidden;
	}
	#modalContents .modalWrap .photo {
		float: left;
		width: 50%;
	}
	#modalContents .modalWrap .detailWrap {
		float: right;
		width: 45%;
	}
	#modalContents .modalWrap .productInfo li:first-child {
		display: none;
	}
}


/* slider ----------------- */
.nocontent .photoGallery {
}
.nocontent .photoGallery .photoInfo {
	display: none;
}
.nocontent .photoGallery .bx-wrapper .bx-viewport {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0;
}
.nocontent .photoGallery .bx-wrapper .bx-prev {
    background: url(/directplus/m/personal/system/common_img/arrow_prev.png) no-repeat left 50%;
	background-size: 1rem;
}
.nocontent .photoGallery .bx-wrapper .bx-next {
    background: url(/directplus/m/personal/system/common_img/arrow_next.png) no-repeat right 50%;
	background-size: 1rem;
}
.nocontent .photoGallery .bx-wrapper .bx-controls-direction a {
	z-index: 9;
}
.nocontent .photoGallery .photoBox {
	position: relative;
	overflow: hidden;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	z-index: 1;
}
.nocontent .photoGallery .photoBox img {
	position: absolute;
	float: left;
}
.nocontent .photoGallery .photoAll {
	margin-top: 1rem;
	text-align: center;
}
.nocontent .photoGallery .photoIcon {
	background: url(/directplus/m/personal/system/common_img/icon_camera.png) no-repeat left 50%;
	background-size: 1rem;
	padding-right: 1.2rem;
}

/* ================================== */