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

.xref { width: 472px; font-family:Helvetica, Arial, sans-serif; position:relative; }
.xref h2 { margin:0px; }
.xref h3 { margin:20px 0px 5px; }
.xref a { text-decoration: none;  color:#fff; }
.xref a:hover { color:#fff;}
.xref .xrefTopPane { background: url(/images/xref/xref_bg.jpg) top left repeat-y #000; padding:15px 11px 15px; border:4px solid #000; position:relative; }
.xref .xrefTopResult { font-size:12px; color: #fff; font-weight:bold; }
.xref .chipDivSml{	font-size:9px; background-color:#fff; text-decoration: none; color: #000; height:47px; }
.xref .chipDivSml span { display:block;padding:5px; }

.xref .resultPane{ background:url(/images/xref/xref_bg_rnd.gif) top left no-repeat; float:left; width: 320px; height: 155px; padding: 17px 0px 15px 22px; position:relative; } /*height of .resultPanel 155 = height of pane 172 minus top padding 17*/


/*tom code modfied start*/
.xref .selDivChooser{
	border: #cccccc 1px solid;
	background-color:#000000;
	width: 305px;
	height: 50px;
	text-align: left;
	margin-bottom:2px;
	margin-top:-2px;
	padding-left:5px;
	padding-top:5px;
}
.xref .selDivOuter{ margin:0px 10px 0px 0px; padding:5px 0px 5px 10px; border-bottom:1px solid #E0E0E0; }
.xref .selectorDivSml{
	border: 1px;
	border-color: #999999;
	font-family:Arial,helvetica,sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#ffffff;
}

.xref .selectorDiv {
}


.xref .selectorDiv:hover{
	cursor: pointer;
	color: #ffffff;
}

.xref .popSelector{
	position:absolute;
	z-index:102;
	display:block;
	background-color:#000000;
	margin-left: 2px;
	margin-top: 0px;
}
.xref .sysSelector{
	width:312px; 
	height:403px; 
	overflow:auto;
}
/*tom code modified end*/

.xref .xrefPromo { float:left; margin-right:20px; text-align:right; }
.xref .xrefPromo.xrefPromoiphone { margin-right:15px; }
.xref .xrefPromo a { color:#fff; font-size:13px;}
.xref .xrefPromo .price {font-size:32px; }
.xref .xrefBtmPane { background:#666; color:#fff; clear:both; padding:15px;}
.xref .xrefBtmPane p.xrefDisclaim { clear:left; background:url(/images/xref/xref_disclaimer.gif) top left no-repeat; margin:80px 0px 0px 0px; padding:0px 70px 0px 30px; font-size:12px;}
.xref .xrefSlide { float: left; width:110px; }
.xref .xrefarrow { float: left; margin-top:50px;}

.xref .xrefSteps { clear:both; background:url(/images/xref/xref_bg_rnd2.gif) top left no-repeat; height:139px; width:312px; margin-top:13px; }
.xref .xrefSteps ul, .xref .xrefSteps ul li { margin:0px; padding:0px; width:302px; }
.xref .xrefSteps ul { float:left;}
.xref .xrefSteps ul li { border-bottom: 1px solid #646566; height:45px; list-style-type:none; background:url(/images/xref/xref_navarrow.gif) right center no-repeat; } 
.xref .xrefSteps ul li.last { border-bottom:0px;  }
.xref .xrefSteps ul li a { display:block; padding:6px 0px 0px 10px; color:#8F8F8C; font-size:18px; font-weight:bold; line-height:18px; }
.xref .xrefSteps ul li a span { display:block;color:#fff; font-size:12px;line-height:16px; }
.xref .xrefSteps ul li a:hover { color: #8F8F8C; }
.xref .xrefSteps ul li:hover { color: #fff;background:url(/images/xref/xref_navarrow_blue.gif) right center no-repeat; }
.xref .xrefPlastics { position:absolute; width:100px; top:300px; right:40px; z-index:100;color:#8F8F8C; }
.xref .xrefPlastics a { display:block; color:#8F8F8C; text-decoration:underline; }
.xref .xrefPlastics a:hover { color:#fff; }

/*GUIDE POP UP STYLES*/
.xref .xrefPopScreen { position:absolute; z-index:103; background-color:#ffffff; width:312px; border:4px solid #000; display:none;}
.xref .xrefPopMask { position:absolute; z-index:100; width:600px; height:600px; border:0px; display:none;}
.xref .xrefPopHdr { background:url(/images/xref/xref_bg_pophdr.jpg) top left repeat-x #000; }
.xref .xrefPopHdr h3.xrefPopHdrCopy { color:#fff; font-size:20px; text-align:center; margin:0px; height:35px; padding-top:10px; padding-right:50px;}
.xref .xrefPopHdr h4.xrefPopSel { color:#fff; font-size:12px; font-weight:normal; text-align:center; margin:0px; padding:2px 0px;} 
.xref .xrefPopNav { float:left; background: url(/images/xref/xref_pophdr_nav.png) top left no-repeat; color:#fff; height:30px; width:50px; line-height:30px; font-size:12px; margin:5px 0px 0px 8px;}
.xref .xrefPopNav a { padding-left:15px; }
.xref .xrefPopNav a:hover { color:#8f8f8c; }

/*COLOR PICK POP UP STYLES*/
.xref .xrefPopZoom { float:right; padding-right:8px; padding-top:5px; }
.xref .xrefColor { background:#383838; font-size:12px; margin-top: -5px; margin-left: -4px;  }
.xref .xrefPopScreen.xrefColor h3.xrefPopHdrCopy { padding-right:10px;}
.xref .xrefPopScreen.xrefColor .sysSelector { background-color:#2E2E2E; width:277px; float:left;}
.xref .xrefPopScreen.xrefColor .selDivOuter{ margin:0px 22px 0px 0px; padding:2px 0px 0px 0px; border-bottom:1px solid #646566; height:41px;}
.xref .xrefPopScreen.xrefColor .xrefColorSample { float:left; margin: 0px 6px 0px 0px; width:30px; height:39px; }
.xref .xrefPopScreen.xrefColor .xrefColorDesc { color:#8F8F8C; padding-top:2px;}
.xref .xrefPopScreen.xrefColor .xrefColorDesc span { display:block; font-size:16px; color:#fff; padding-top:5px;}
.xref .xrefColorSearch { color:#fff;  padding:5px; font-size:11px; }
.xref .xrefColorSearch label { display:block; }
.xref .xrefColorSearch .example { display:block; font-size:10px; } 
.xref .xrefField {width:160px; }

/*COMPARE POP UP STYLES*/
.xref .xrefCompare .sysSelector {overflow:visible; }
.xref .xrefCompare { background:#000; color:#fff;}
.xref .xrefCompareCont {float:left; }
.xref .xrefCompareSlide { width:156px; height:155px; }
.xref .xrefCompareSlideTxt { background-color:#fff; width: 156px; height:78px; color:#000; font-size:12px;}
.xref .xrefSlideTxttitle { font-size:14px; font-weight:bold; padding:5px 10px 0px;}
.xref .xrefSlideTxtColor {  font-weight:bold; padding:0px 10px 2px; }
.xref .xrefSlideTxtbreakdwn { color:#8F8F8C; font-size:8px; padding:0px 10px 2px; line-height:8px;}
.xref .xrefSlideTxtbreakdwn table td.value { padding-left:15px; }
.xref .xrefCompareDisc { float:left; text-align:center; font-size:10px; font-weight:bold; width:312px;}
.xref .xrefCompareDisc p { margin:30px 20px 0px; }

/*DETAIL POP UP STYLES*/
.xref .xrefDetail .sysSelector { height:469px; }
.xref .xrefDetail .xrefCompareSlide { width: 312px; height:312px; }
.xref .xrefDetail .xrefSlideTxttitle { font-size:20px; font-weight:bold; padding:10px 15px 0px;}
.xref .xrefDetail .xrefSlideTxtColor {  font-size:18px;font-weight:bold; padding:0px 15px 2px; }
.xref .xrefDetail .xrefSlideTxtbreakdwn { color:#8F8F8C; font-size:10px; padding:15px 15px 2px; font-weight:bold; line-height:normal;}
.xref .xrefDetail .xrefSlideTxtbreakdwn table { width:155px;font-size:11px; font-weight:bold; }
.xref .xrefClose { float:right; background:url(/images/xref/xref_close.gif) right center no-repeat; width:50px; margin:15px 15px 0px 0px; font-size:12px; line-height:15px;}
.xref .xrefClose a { display:block; color:#000; font-size:12px; font-weight:bold; }
.xref .xrefClose a:hover { color:#8f8f8f; }

/* INTRO SCREEN STYLES */
.xref .xrefIntro .xrefClrSamp { border:3px #ffffff solid; }
.xref .xrefIntro .xrefSteps li { position:relative; }
.xref .xrefIntro .xrefSteps li a { margin-left: 30px; }
.xref .xrefIntro .xrefSteps li.xrefNavOne { background:url(images/xref_nav_num1.png) left center no-repeat; }
.xref .xrefIntro .xrefSteps li.xrefNavTwo { background:url(images/xref_nav_num2.png) left center no-repeat; }
.xref .xrefIntro .xrefSteps li.xrefNavThree { background:url(images/xref_nav_num3.png) left center no-repeat; }
.xref .xrefIntro .xrefInfoBtn { position:absolute; top:10px; right:10px; }