﻿body 
{
	margin: 8px 8px 8px 8px;
}

body, td, th, div, input, textarea, span
{
	font-family: "Trebuchet MS","lucida sans unicode","lucida sans",arial,verdana,sans-serif;
	font-size:10pt;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;	
	line-height:1.22em;
}
img.alphaPNG, div.alphaPNG, td.alphaPNG { behavior: url(/iepngfix.htc) }
ul
{
	margin: 0px auto;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
ul.installmentOption li
{
	float: left;
}
ul.list
{
	margin-left: 20px;
	list-style-type: square;
	list-style-position: outside;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5
{
	font-family: "Segoe UI", Arial, Verdana, helvetica, sans-serif;
	line-height: 1.2em;
}
h1, .h1
{
	font-size:16pt;
	margin-top: 5px;
	margin-bottom: 8px;
}
h2, .h2
{
	font-size:14pt;
	line-height: 14pt;
	margin-top: 5px;
	margin-bottom: 6px;
}
h3, .h3
{
	font-size:13pt;
	line-height: 12pt;
	color: #0066cc;
	margin-top: 16px;
	margin-bottom: 6px;
}
h4, .h4
{
	font-size:11pt;
	line-height: 12pt;
	color: #0066cc;
	margin-top: 12px;
	margin-bottom: 6px;
}
h5, .h5
{
	font-size:10pt;
	line-height: 12pt;
	color: #808080;
	margin-top: 12px;
	margin-bottom: 6px;
}
a.stageStep, .stageStep, .stageStepActive
{
	white-space: nowrap; 
	padding: 10px 8px 0px 8px;
	font-family: "Segoe UI", Arial, Verdana, helvetica, sans-serif;
	font-size:11pt;
}
.stageStep
{
	color: #808080;
}
a.stageStep, a.stageStep:visited
{
	padding: 0px 0px 0px 0px;
	text-decoration: underline;
	color: #0066cc;
}
a.stageStep:hover
{
	color: #0046a0;
}
.stageStepActive
{
	color: black;
	font-weight: bold;
}
.b
{
	font-weight: bold;
}

.blk
{
	color: black;
}

.red
{
	color: red;
}

.blu
{
	color: #0066cc;
}

.block
{
	display:block;
}

.tm0
{
	margin-top: 0px;
}

.pr8
{
	padding-right: 8px;
}

.ra
{
	text-align: right;
}

.ca
{
	text-align: center;
}

.tip
{
	font-size: 8pt;
	margin-bottom: 4px; 
	color:gray;
}

.tiptext
{
	text-align:center; 
	font-size: 8pt;
	padding-bottom:8px; 
	color:gray;
}

.smallTip
{
	font-size: x-small;
}

a.f8, .f8
{
	font-size:8pt;
}

a.f10, .f10
{
	font-size:10pt;
}

a.f12, .f12
{
	font-size:12pt;
}

td.productListInfo
{
	padding-top: 2px;
	font-size: 8pt;
	font-weight: normal;
	color: gray;
	line-height: 12pt;
}

.productListPrice
{
}

.productPriceNot
{
	color: red;
	text-decoration: line-through;
	font-size: 11pt;
}

.productPrice
{
	font-family: "Segoe UI", Arial, Verdana, helvetica, sans-serif;
	font-size: 11pt;
	color: #A02020;
	font-weight: bold;
}

.fancyPrice, .fancyPriceBlue, .fancyListPrice
{
	font-family: "Segoe UI", Arial, Verdana, helvetica, sans-serif;
	font-size: 11pt;
	color: #A02020;
	font-weight: bold;
}

.fancyPriceBlue
{
	color: blue;
}

.fancyListPrice 
{
	font-weight: normal;
	font-size: 11pt;
	color: black;
}

.fancyPrice span.cent, .fancyPriceBlue span.cent, .fancyListPrice span.cent
{
    font-size: 8pt;
    font-weight: normal;
    position: relative;
    margin: 0px;
    padding: 0px;
    top: -1px;
}

.fancyPriceBlue span.cent
{
	color: blue;
}

.fancyPrice span.crs, .fancyPriceBlue span.crs, .fancyListPrice span.crs
{
	font-weight: bold;
	font-size: 10pt;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -1px;
}

.productPriceOriginal
{
	font-size: 8pt;
	color: #A08080;
	font-weight: normal;
}

.stockOk
{
	font-size:8pt;
	color:#20a020;
	font-weight:bold;
}

.stockRHRN
{
	font-size:8pt;
	color:#ff8020;
	font-weight:bold;
}

.stockNone
{
}

.small
{
	font-size: x-small;
}

a.productName
{
	font-size: 10pt;
	text-decoration: none;
}
a.productName:hover
{
	text-decoration: underline;
	color:#6060ff;
}

.productName
{
	font-family: "Segoe UI", Arial, Verdana, helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	color: #404080;
}

.productDetailsName
{
	font-family: "Segoe UI", Arial, Verdana, helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #404080;
}

.propertiesContainer
{
	margin-left: 32px;
}

.propertyTable
{
	width: 100%;
	border: none;
}

.propRow, .propRowAlt {
}

.addressWindow {
	vertical-align: top; 
	width: 250px; 
	padding: 8px 4px 8px 4px; 
	background-color: #f0f0f0; 
	border: dotted 1px silver; 
	text-align: center;
}

.selectedAddress 
{
	border: solid 3px #cd0000;
	padding: 6px 2px 6px 2px; 
	background-color: #fff0f0;
}

.vcenter {
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
}

.hcenter {
	text-align: center;
}

.nowrap {
	white-space: nowrap;
}

.ldb {
	border-left: dotted 1px #a0a0ff;
}

.bdb {
	border-bottom: dotted 1px #a0a0ff;
}

.ldk {
	border-left: dotted 1px gray;
}

.bdk {
	border-bottom: dotted 1px gray;
}

.grayed {
	color: gray;
}

.propRowAlt {
	background-color: #f8f8ff;
}

.propRowAlt:hover, .propRow:hover {
	background-color: #ffffa0;
}

.propertyName {
	text-align: right;
	font-size: 8pt;
	font-weight: bold;
	padding-right: 4px;
	vertical-align: top;
	padding-top: 3px;
	white-space: nowrap;
}

.propertyValue {
	text-align: left;
	font-size: 8pt;
	vertical-align: top;
	padding-top: 3px;
}

.propertyCaption {
	font-family: "Segoe UI", Arial, Verdana, helvetica, sans-serif;
	font-size:11pt;
	line-height: 12pt;
	color: #0066cc;
	margin-top: 12px;
	margin-bottom: 6px;
	border-bottom: dotted 1px #0066cc;
}

td.productListImage {
	vertical-align: bottom;
}

a.ptRoot {
	color: #404080;
	padding: 2px 8px 2px 16px;
	display: block;
	background-color: transparent;
	text-decoration: none;
	white-space: normal;
}
a.ptRoot:hover { text-decoration: underline; }
a.ptSelected { font-weight: bold; padding-bottom: 6px; }
a.ptChild {
	background: url(/images/arrow-s.gif) no-repeat left center;
	padding-left: 12px;
	font-weight: normal;
	font-size: 8pt;
	margin: 2px 0px 2px 24px;
	text-decoration: none;
	white-space: normal;
	display: block;
}
a.ptChild:hover { text-decoration: underline; }
a.ptSelectedChild { font-weight: bold; color: #ff8000; }
a.ptSelectedChild:hover { color: #ff6000; }

.clear-float {
	clear:both; 
	line-height:0; 
	font-size:0; 
	height:0;
}

div.filterIndent8 { padding-left: 8px; }
div.filterIndent16 { padding-left: 16px; }
a.filterClear {
	background: url(/images/rarrow-s.gif) no-repeat center left;
	padding-left: 8px;
}
div.filterCaption {
	font-size:10pt;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #df8000;
}
.filterItem {
	padding-left: 16px;
	font-size: 16pt;
	font-weight: normal;
	text-decoration: none;
}
.filterItemSelected {
	font-weight: bold;
	color: black;
}

a.ptSubItem, div.ptSubItem {
	font-size: 8pt;
	padding-left: 4px;
	font-weight: normal;
	text-decoration:none;
}
a.ptSubItemSelected, div.ptSubItemSelected {
	font-weight: bold;
	background: url(/images/arrow-s.gif) no-repeat center left;
	padding-left: 10px;
}
a.ptAll {
	background: url(/images/rarrow-s.gif) no-repeat center left;
	margin-left: 6px;
	padding-left: 10px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}
a.ptAll:hover {
	text-decoration: underline;
}
a.ptSubItem:hover {
	text-decoration:underline;
}
div.ptSubSubItems {
	padding-left: 8px;
	padding-bottom: 4px;
}
a.ptSubSubItem {
	font-size: 8pt;
}
div.formContent { padding: 8px 16px 8px 16px; }
div.boxContent { padding: 3px 6px 3px 6px; }
div.filterItem {
	font-size:8pt;
	font-weight: normal;
	padding-left:6px;
	text-decoration: none;
}
.filterCount {
	font-weight: normal;
	color: gray;
	font-size:8pt;
}
div.ptSelM { background: url(/images/deptsel-bg.gif) repeat-y; }
div.ptSelT { background: url(/images/deptsel-t.gif) no-repeat left top; }
div.ptSelB { background: url(/images/deptsel-b.gif) no-repeat left bottom; padding-top: 4px; padding-bottom: 4px; }

hr.dotted_blue {
	margin-top: 8px;
	margin-bottom: 8px;
	height:1px;
	border-bottom: dotted 1px #a0a0ff;
}

div.separator {
	margin: 36px 0px 8px 0px;
	height: 1px;
	border-bottom: dashed 1px #c0c0ff;
}

.deptPath {
	font-size:8pt;
}

.hidden {
	visibility: hidden;
	display: none;
}

.showInline {
	visibility: visible;
	display: inline;
}

.formContainer {
	width: 500px;
}
.formWnd {
	padding: 8px 8px 8px 8px;
}
.formLabel, .stepLabel {
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	padding-right: 8px;
	vertical-align: top;
	padding-top: 4px;
	white-space: nowrap;
}
.formLabel {
	font-weight: normal;
}
.formTextLine {
	padding-top: 4px;
}
.stepLabel {
	font-family: "Segoe UI", Verdana, Arial, helvetica, sans-serif;
	font-size:11pt;
	line-height: 12pt;
	color: #0066cc;
	margin-top: 12px;
	margin-bottom: 6px;
	text-align: left;
	white-space: normal;
	color: #0066cc;
}
.formLine {
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 6px;
}
.formEditor {
	vertical-align: middle;
	padding-bottom: 6px;
}
.fullLine {
	padding-left: 24px;
}
.searchTB {
	font-size: 10pt;
	border: 0px;
	border: none;
}
.formControl {
	font-size: 10pt;
}
.formControlBig {
	font-size: 12pt;
}
.formError {
	font-size: 10pt;
	color: red;
	font-weight: bold;
}
.formCaption {
	font-weight: bold;
	font-size: 12pt;
	color: #6060A0;
	padding-left: 4px;
	border-bottom: dotted 1px silver;
	margin-bottom: 8px;
	margin-top: 12px;
}
.formButtonLine {
	text-align: center;
	background-color: #f4f4f4;
	padding: 3px 3px 3px 3px;
	border: dotted 1px silver;
}
.errorBox {
	border: dotted 1px silver;
	background-color: #fff4f4;
	background: #fff4f4 url(/images/errorref.png) no-repeat 6px 6px;
	padding: 3px 3px 3px 45px;
	font-weight: normal;
	font-size: 10pt;
	color: red;
	display:block;
}
.errorBar {
	border: dotted 1px silver;
	background-color: #fff4f4;
	background: #fff4f4 url(/images/iconerror.png) no-repeat 6px center;
	padding: 3px 3px 3px 35px;
	font-weight: bold;
	font-size: 10pt;
	color: #a00000;
	display:block;
}
.infoBar {
	border: dotted 1px silver;
	background-color: #f4f4ff;
	background: #f4f4ff url(/images/iconinfo.png) no-repeat 6px center;
	padding: 3px 3px 3px 35px;
	font-weight: bold;
	font-size: 10pt;
	color: #0000a0;
	display:block;
}

div.infoBarIn {
	padding-left: 10px; 
	padding-top: 7px;
	font-size: 8pt;
	line-height: 1em;
	margin:0px;
}

div.menuInner {
	background: url(/images/main_rt.png) no-repeat right top; 
	padding-left: 10px; 
	padding-top: 7px;
	color: white;
}

a.menu {
	color: #000;
	text-decoration: none;
}

a.menu:visited {
	color: #000;
}

a.menu:hover {
	color: #808080;
	text-decoration: underline;
}

a {
	text-decoration: none;
	color: #003399;
}

a:visited {
	color: #003399;
}

a:hover {
	text-decoration: underline;
	color: #0033b9;
}

a.disabled {
	text-decoration: none;
	color: #808080;
}

a.disabled:hover {
	text-decoration: none;
}

a.disabled:visited {
}

a.butRed80, a.butNavy80, a.butBlack80, a.butSilver80, a.butGreen80, a.butBlue80, a.butPurple80,
	a.butRed100, a.butNavy100, a.butBlack100, a.butSilver100, a.butGreen100, a.butBlue100, a.butPurple100
{
	background-image: url(/images/buts.png);
	overflow: hidden;
	height: 22px;
	display: block;
	cursor: pointer;
	padding-top: 2px;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none !important;
	outline-style: none;
	outline-color: invert;
	outline-width: medium;
}

a.butRed80, a.butNavy80, a.butBlack80, a.butSilver80, a.butGreen80, a.butBlue80, a.butPurple80 {
	width: 80px;
}

a.butRed80 { background-position: 0px 0px; color: white; }
a.butRed80:visited { color: white; }
a.butRed80:hover { background-position: -180px 0px; color: #600000; }
a.butBlack80 { background-position: 0px -24px; color: white; }
a.butBlack80:visited { color: white; }
a.butBlack80:hover { background-position: -180px -24px; }
a.butNavy80 { background-position: 0px -48px; color: white; }
a.butNavy80:visited { color: white; }
a.butNavy80:hover { background-position: -180px -48px; }
a.butSilver80 { background-position: 0px -72px; color: black; }
a.butSilver80:visited { color: black; }
a.butSilver80:hover { background-position: -180px -72px; color: #404040; }
a.butGreen80 { background-position: 0px -96px; color: white; }
a.butGreen80:visited { color: white; }
a.butGreen80:hover { background-position: -180px -96px; }
a.butBlue80 { background-position: 0px -120px; color: #000040; }
a.butBlue80:visited { color: #000040; }
a.butBlue80:hover { background-position: -180px -120px; }
a.butPurple80 { background-position: 0px -144px; color: white; }
a.butPurple80:visited { color: white; }
a.butPurple80:hover { background-position: -180px -144px; }

a.butRed100, a.butNavy100, a.butBlack100, a.butSilver100, a.butGreen100, a.butBlue100, a.butPurple100 {
	width: 100px;
}

a.butRed100 { background-position: -80px 0px; color: white; }
a.butRed100:hover { background-position: -260px 0px; color: #600000; }
a.butBlack100 { background-position: -80px -24px; color: white; }
a.butBlack100:hover { background-position: -260px -24px; }
a.butNavy100 { background-position: -80px -48px; color: white; }
a.butNavy100:hover { background-position: -260px -48px; }
a.butSilver100 { background-position: -80px -72px; color: black; }
a.butSilver100:hover { background-position: -260px -72px; }
a.butGreen100 { background-position: -80px -96px; color: white; }
a.butGreen100:hover { background-position: -260px -96px; }
a.butBlue100 { background-position: -80px -120px; color: #000040; }
a.butBlue100:hover { background-position: -260px -120px; }
a.butPurple100 { background-position: -80px -144px; color: white; }
a.butPurple100:hover { background-position: -260px -144px; }

div.box_white_t { background: url(/images/wnd/gp.gif) repeat-x left top; }
div.box_white_r { background: url(/images/wnd/gp.gif) repeat-y right top; }
div.box_white_l { background: url(/images/wnd/gp.gif) repeat-y left top; }
div.box_white_b { background: url(/images/wnd/gp.gif) repeat-x left bottom; }
div.box_white_tl { background: url(/images/wnd/wgtl.gif) no-repeat left top; }
div.box_white_tr { background: url(/images/wnd/wgtr.gif) no-repeat right top; }
div.box_white_bl { background: url(/images/wnd/wgbl.gif) no-repeat left bottom; }
div.box_white_br { background: url(/images/wnd/wgbr.gif) no-repeat right bottom; }
div.box_white_c { background-color: #ffffff; }

div.box_blue_t { background: url(/images/wnd/gp.gif) repeat-x left top; }
div.box_blue_r { background: url(/images/wnd/gp.gif) repeat-y right top; }
div.box_blue_l { background: url(/images/wnd/gp.gif) repeat-y left top; }
div.box_blue_b { background: url(/images/wnd/gp.gif) repeat-x left bottom; }
div.box_blue_tl { background: url(/images/wnd/bwgtl.gif) no-repeat left top; }
div.box_blue_tr { background: url(/images/wnd/bwgtr.gif) no-repeat right top; }
div.box_blue_bl { background: url(/images/wnd/bwgbl.gif) no-repeat left bottom; }
div.box_blue_br { background: url(/images/wnd/bwgbr.gif) no-repeat right bottom; }
div.box_blue_c { background-color: #f5f5ff; }

.whatIs {
	border: dotted 1px red;
	padding-left: 2px;
	padding-right: 2px;
	cursor: default;
}

div.whatIsDetailsLink {
	text-align: right;
	padding-top: 4px;
	padding-right: 4px;
}

a.whatIsDetailsLink {
	font-size: 8pt;
}

.whatIsBox {
	position: absolute;
	display: none;
	visibility: hidden;
	border: solid 2px #f0a000;
	overflow: auto;
	background-color: #f9f9f9;
}

.whatIsContent {
	font-size: 8pt;
	padding: 4px 4px 4px 4px;
}

.whatIsBoxCaption {
	font-family: "Segoe UI", Verdana, Arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #f0a000;
	color: #ffffff;
	padding: 2px 2px 3px 2px;
}

.textCounterValid, .textCounterInvalid
{
	font-size:8pt;
	display: block;
	text-align: center;
	width: 40px;
	border: dotted 1px gray;
}

.textCounterValid
{
	background-color: #f0fff0;
}

.textCounterInvalid
{
	background-color: #fff0f0;
}

.clickToSee
{
	font-size: xx-small;
	text-align: center;
}

.grycell
{
	font-size: x-small;
	background-color: #f0f0f0;
	text-align: center;
	vertical-align: middle;
}

.normalRow
{
}

.activeRowCell
{
	background-color: white;
	font-size: x-small;
	font-weight: bold;
	text-align:center;
}

.expandDownButton li.cornerButton { position:relative; width:30px; height:30px; left:-15px; top:-16px; overflow: visible; padding:0px; }
.expandDownButton li.cornerButton a { background:url(/images/butxd.png) no-repeat left top; margin:0px; width: 30px; height: 30px; text-decoration:none; }
.expandDownButton li.cornerButton a img { width: 30px; height: 30px; margin:0px; }
.expandDownButton li.cornerButton a:hover { background:url(/images/butxdh.png) no-repeat left top; width: 73px; height: 30px; text-decoration:none; }
.expandDownButton li.cornerButton a:hover img { width: 73px; height: 30px; }

.collapseUpButton li.cornerButton { position:relative; width:30px; height:30px; left:-15px; top:-16px; }
.collapseUpButton li.cornerButton a { background:url(/images/butcu.png) no-repeat left top; width: 30px; height: 30px; text-decoration:none; }
.collapseUpButton li.cornerButton a img { width: 30px; height: 30px; }
.collapseUpButton li.cornerButton a:hover { background:url(/images/butcuh.png) no-repeat left top; width: 67px; height: 30px; text-decoration:none; }
.collapseUpButton li.cornerButton a:hover img { width: 67px; height: 30px; }

.colHeader
{
	padding: 4px 6px 4px 4px;
	font-weight: bold;
	background-color: #f0f0f0;
	background: url(/images/colhdr_bg.gif) repeat-x;
	border-left: solid 1px white;
}

.firstCol
{
	border-left: none;
}

.col
{
	white-space: nowrap;
	padding: 2px 6px 2px 4px;
}

span.pagerItem, a.pagerItem, span.pagerItemSelected, span.pagerItemDisabled
{
	font-size: 10pt;
	color: #000080;
}

a.pagerItem
{
	padding: 1px 4px 1px 4px;
}

a.pagerItem:hover
{
	background-color: #fefec0;
	color: maroon;
	text-decoration: underline;
}

span.pagerItemSelected
{
	font-size: 11pt;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	color: #000;
}

span.pagerItemDisabled
{
	color: gray;
}

.pagerText
{
	font-size: 10pt;
}

.compItem
{
    float: left; 
    width: 110px; 
    height: 40px; 
    border: dotted 1px #fff;
    margin: 0px 4px;
    cursor: default;
    background: url(/images/spacer.gif);
}

.compItemHover
{
    background-color: #eee;
    border: solid 1px #4169e1;
}

.compItem .basketText
{
	font-size:8pt;
    float: left; 
    height: 40px; 
    overflow: hidden;
}

#compOneMore, .infoTip
{
	border: solid 1px #4169e1;
	background:#fffee0 url(/images/iconinfo.png) no-repeat 3px 3px;
	padding: 2px 2px 2px 28px;
	height:28px; 
	width:150px;
	font-size:8pt;
	white-space: normal;
}

.infoTip
{
	height: auto;
	width: auto;
}

.basketItem, .basketItemHover
{
	font-size:8pt;
	text-align: left;
	cursor: default;
	border-bottom:dotted 1px #afe0ff; 
	padding:5px 5px 5px 5px; 
	margin-bottom:2px;
}

.basketItemHover
{
	background-color: #fff0e0;
	border-bottom:solid 1px #afe0ff;
}

#osd
{
	top:0px; 
	left:0px; 
	width:214px; 
	height:77px; 
	overflow:hidden;
	display:none;
	padding: 8px 8px 4px 4px;
}

#osdText
{
	color:#fff; 
	font-family: "Segoe UI", Arial, Verdana, helvetica, sans-serif;
	font-weight:bold;
	font-size:12pt;
	width: 130px;
}

.osdBlack { behavior: url(/iepngfix.htc); background:url(/images/osd-bg-black.png) no-repeat; }
.osdRed { behavior: url(/iepngfix.htc); background:url(/images/osd-bg-red.png) no-repeat; }
.osd-icon-basket, .osd-icon-stop, .osd-icon-compare
{
	behavior: url(/iepngfix.htc);
	width:48px;
	height:48px;
}
.osd-icon-none { }
.osd-icon-basket { background:url(/images/osd-basket.png) no-repeat left center; padding-left: 64px; }
.osd-icon-stop { background:url(/images/osd-stop.png) no-repeat left center; padding-left: 64px; }
.osd-icon-compare { background:url(/images/osd-compare.png) no-repeat left center; padding-left: 64px; }

#basketCounter
{
	font-size:9pt; 
	font-weight: bold;
	text-align:center;
	padding-top: 8px;
	color: #fff;
	position:absolute; 
	top:116px; 
	right:97px; 
	width:29px; 
	height:29px; 
	background:url(/images/basket-full-icon.png) no-repeat;
}

.trn { padding-top:4px; }
.trnc { padding-left:24px; }