/*
BROWSE PAGE CSS FOR SMALLPARTS.COM
scope: Browse Pages ONLY
for QA: jaricks@amazon.com
*/

/* Browse Layout */
#columnsContainer {clear:both; padding-top:0;}
#browseContainer {padding-bottom:20px;}
.searchContainer {clear:both; padding:0 0 20px;}
#refinementsColumn {width:272px; float:left; background:#FAFAFA url(../common/bg-refinementBin.gif) repeat-y 263px 0; margin-right:10px; border-bottom:1px solid #dcdcdc;} /*Remove border, width 262px when images ready*/
#resultsColumn {width:512px; float:left; background:#fff;}
#nodeDescriptionContainer h1 {font:normal 1.5em/normal Arial, Helvetica, sans-serif; color:#000;}

/* Breadcrumbs */
#breadCrumbs {display:block; width:100%; padding:10px 0 0 5px; margin:0; font-size:1.1em;}
#breadCrumbs li {display:inline; list-style:none; margin-right:3px; font-weight:700;}
#breadCrumbs li a, #breadCrumbs li span {font-weight:300; padding-left:7px; background:url(../buttons/abnRefinements-sprite.gif) no-repeat 0 .4em; overflow:hidden;}
#breadCrumbs li:first-child a {background:none; padding-left:none !important;}
#breadCrumbs li span {font-weight:700 !important; color:#666;}

/* Refinements */
#searchRefinements h2 {display:block; background:#fff; border-bottom:1px solid #cbcaca; margin:0; padding:23px 5px 8px 10px; font:700 1.2em/normal Arial, Helvetica, sans-serif; color:#000;}
#refinementSummary {background:#EDEDEE url(../common/bg-refinementBin.gif) repeat-y 100% 0; margin:0; border-bottom:1px solid #cbcaca; border-top:1px solid #ebebed; padding:5px 10px 5px; color:#686868;}
.summaryTitle {font:700 1.2em/normal Arial, Helvetica, sans-serif; padding-bottom:5px; display:block;}
#refinementSummary ul {margin:0; padding:0;}
#refinementSummary ul > li a {font-weight:700; font-style:normal; font-size:1.1em;}
#refinementSummary ul ul li a {font-weight:300; font-size:.85em; padding-left:8px;}
#refinementSummary ul ul {padding:3px 0 0 7px; font-family:Verdana, Geneva, sans-serif;}
#refinementSummary ul li {margin:0; padding:0 0 2px; list-style:none;}

/* Results Header and Nav */
#nodeDescriptionContainer {padding:10px 0 0; margin:0; font-size:1.1em;}
#nodeDescriptionContainer p {font:normal 1em/170% Arial, Helvetica, sans-serif; padding-bottom:0;}
#nodeDescriptionContainer h1 {padding-top:0; margin-top:0;}
/* results title */
.resultsNavigation {clear:both; padding:8px 0 30px; border-top:1px solid #7B7B7B; text-align:right; overflow:auto; margin:0;}
.resultsNavigation p {width:30%; font-weight:700; float:left; text-align:left; padding:0; margin:0; font-size:1.2em; color:#000;}
.resultsNavigation p span {display:block;}
/* Pagination */
.navigationWrap {float:right; width:auto; text-align:left; font:normal 1em/normal Verdana, Geneva, sans-serif;}
.resultsNavigation select {margin-left:3px; font:normal 1em/normal Verdana, Geneva, sans-serif;}
.resultPagination {float:right; margin:0; padding:0 0 0 1em; width:auto;}
.resultPagination li {float:left; list-style:none; margin-right:5px;}
.resultPagination li.paginationNext {margin-right:0 !important; padding:2px 0 0 5px;}
.resultPagination li.paginationPrevious {padding:2px 5px 0 0;}
.resultPagination li a, .resultPagination li span.currentPage {display:block; padding:0 4px; height:14px; line-height:14px; border:1px solid #D6BFAA; text-align:center;}
.resultPagination li span.currentPage {background:#679E05; color:#fff; border-color:#679E05;}
.resultPagination li a:hover {text-decoration:none; border-color:#663300;}
.resultPagination li.paginationNext a, .resultPagination li.paginationPrevious a {border:0; width:auto; display:inline; padding:0;}
.resultPagination li.paginationNext a span {background:url(../buttons/abnRefinements-sprite.gif) no-repeat 2.7em .4em; padding-right:7px; display:inline-block;}
.resultPagination li.paginationPrevious a span {background:url(../buttons/abnRefinements-sprite.gif) no-repeat 0 -32px; padding-left:7px; display:inline-block;}
.resultPagination li a:hover span {cursor:pointer;} 
/* Results Lists */
.resultsList {clear:both; margin:0; padding:0 0 10px; font-size:1.1em;}
.resultsList li {list-style:none; padding:5px 0 3px; border-top:1px solid #dcdcdc; clear:both; float:left; width:99%;}
.resultsList li:first-child {padding:5px 0 3px; border-top:0;}
/* list image - with states possible */
.resultsList li a.resultState {float:left; width:68px; height:68px; overflow:hidden; display:block; position:relative; margin-right:10px;}
.resultsList li a.resultState span {display:block; position:absolute;}
.resultsList li a.saveTenPercent span {width:30px; height:30px; position:absolute; right:5px; bottom:5px; background:url(../buttons/abnRefinements-sprite.gif) no-repeat 0 -18px;}
/*.resultsList li a.resultState:hover span {width:68px; height:13px; left:0; bottom:0; background:url(abnRefinements-sprite.gif) no-repeat 0 -50px !important;}*/
.resultsList li a.resultState img {width:68px; border:0;}
.resultsList li p {padding:0; margin-left:78px;}
.resultsList li p span {color:#666; display:block; line-height:150%;}
.resultsList li p a.resultTitle {font:700 1em/normal Arial, Helvetica, sans-serif; padding:0; display:block;}

/* Refinements Column */
/* Column */
/* Wrapper Controls */
.refinementBin {margin:0 15px 20px 10px; clear:both; border-top:1px solid #666; font-family:Verdana, Geneva, sans-serif; clear:left; float:left; width:250px;;}
.refinementBin.firstBin {border:0; padding-top:10px;}
.refinementControls {border-top:1px solid #fff;}
.refinementControlsTitle {font:700 1.2em/normal Arial, Helvetica, sans-serif; color:#000; padding:3px 0 6px; display:inline; width:230px;}
.refinementControlsTitle a {font:normal .7em/normal Verdana, Geneva, sans-serif; color:#663300;}
.refinementToggle {float:right; margin:3px 0 0; display:block; width:12px; height:12px; background:url(../buttons/abnRefinements-sprite.gif) no-repeat 0 -82px; overflow:hidden;}
.visualPickerRefinementToggle {float:right; margin:3px 0 0; display:block; width:12px; height:12px; background:url(../buttons/abnRefinements-sprite.gif) no-repeat 0 -82px; overflow:hidden;}
.materialRefinementToggle {float:right; margin:3px 0 0; display:block; width:12px; height:12px; background:url(../buttons/abnRefinements-sprite.gif) no-repeat 0 -82px; overflow:hidden;}

.refinementControls .clearRefinementBin {clear:both; display:block; font:300 1em/170% Verdana, Geneva, sans-serif;}

/* Hiearchy Menu */
.hierarchicalMenu {list-style:none; margin:0; padding:5px 0 0;}
.hierarchicalMenu ul {margin:0; padding:0;}
.hierarchicalMenu li {padding:0 0 3px 5px; margin:0;}
.hierarchicalMenu > li:first-child {padding:0 0 3px;}
.hierarchicalMenu li a {padding:0;}
.hierarchicalMenu li i {display:inline-block; width:7px; height:6px; background:url(../buttons/abnRefinements-sprite.gif) no-repeat 0 -36px;}
.hierarchicalMenu li > span {padding-left:2px;}

/* Expanding Hiearchy */
.longRefinementValuesContainer {height:100px; padding:5px 0 5px 5px; margin:0; border-left:1px solid #E3E3E3; border-bottom:1px solid #fff; overflow-y:auto; background:#F5F5F5 url(../common/bg-longRefineList.gif) repeat-x 0 0;}
.longRefinementValuesContainer li {list-style:none; padding:0 0 3px;}
.longRefinementValuesContainer input {border:none;}
.currentSelections span {display:block; font-size:1em;}
.currentSelections span.currentSel {font:normal 1em/normal Verdana, Geneva, sans-serif;}
.refinementValuesContainer {clear:both; padding:5px 0; margin:0; list-style:none;}

/* Visual Picker */
.visualPicker .refinementValues ul {margin:0; padding:10px 0 0;}
.visualPicker .refinementValues ul li {float:left; clear:both; padding:0; margin:0; list-style:none; width:99%;}
.visualPicker .refinementValues ul li > * {float:left; width:50px; margin:0 15px 15px 0; font:normal .8em/normal Verdana, Geneva, sans-serif; text-align:center;}
.visualPicker .refinementValues ul li.lastRow > * {margin-bottom:0;}
.visualPicker .refinementValues ul li > .lastPicker {margin:0 0px 15px 0;}
.visualPicker .refinementValues ul li .imgCrop {width:48px; height:48px; overflow:hidden; float:left; display:inline-block; border:1px solid; border-color:#f2f2f2 #dcdcdc #949494; position:relative; background:url("../browse/categories/noImage.jpg") no-repeat 0 0;}
.visualPicker .refinementValues ul li a:hover * {cursor:pointer;}
.visualPicker .refinementValues ul li .imgCrop span {display:none;}
.visualPicker .refinementValues ul li .refinementTitle {display:inline-block; padding-top:5px; width:50px; text-align:center;}
.heirarchyLevelOne {padding:0 0 10px 5px;}

/* When they appear in a long list - possibility */
.visualPicker .longRefinementValuesContainer {padding-top:10px; height:220px; margin-top:5px;}
.visualPicker .longRefinementValuesContainer ul li {padding-left:10px;}
.visualPicker .longRefinementValuesContainer ul li > * {float:left; width:50px; margin:0 20px 16px 0;}
.visualPicker .longRefinementValuesContainer ul li > .lastPicker {margin:0 0px 16px 0;}

/* Category Pickers */
.vp1, .vp2, .vp3, .vp4, .vp5, .vp6, .vp7, .vp8, .vp9, .vp10, .vp11, .vp12, .vp13, .vp14, .vp15, .vp16, .vp17, .vp18, .vp19, .vp20, .vp21, .vp22, .vp23, .vp24, .vp25, .vp26, .vp27, .vp28, .vp29, .vp30, .vp31, .vp32, .vp33, .vp34, .vp35, .vp36 {position:relative !important;}
.vp1 {margin:0 0 0 0;}
.vp2 {margin:0 0 0 -48px;}
.vp3 {margin:0 0 0 -95px;}
.vp4 {margin:0 0 0 -144px;}
.vp5 {margin:0 0 0 -192px}
.vp6 {margin:0 0 0 -240px;}
.vp7 {margin:-48px 0 0;}
.vp8 {margin:-48px 0 0 -48px;}
.vp9 {margin:-48px 0 0 -95px;}
.vp10 {margin:-48px 0 0 -144px;}
.vp11 {margin:-48px 0 0 -192px}
.vp12 {margin:-48px 0 0 -240px;}
.vp13 {margin:-95px 0 0;}
.vp14 {margin:-95px 0 0 -48px;}
.vp15 {margin:-95px 0 0 -95px;}
.vp16 {margin:-95px 0 0 -144px;}
.vp17 {margin:-95px 0 0 -192px}
.vp18 {margin:-95px 0 0 -240px;}
.vp19 {margin:-144px 0 0;}
.vp20 {margin:-144px 0 0 -48px;}
.vp21 {margin:-144px 0 0 -95px;}
.vp22 {margin:-144px 0 0 -144px;}
.vp23 {margin:-144px 0 0 -192px}
.vp24 {margin:-144px 0 0 -240px;}
.vp25 {margin:-192px 0 0;}
.vp26 {margin:-192px 0 0 -48px;}
.vp27 {margin:-192px 0 0 -95px;}
.vp28 {margin:-192px 0 0 -144px;}
.vp29 {margin:-192px 0 0 -192px}
.vp30 {margin:-192px 0 0 -240px;}
.vp31 {margin:-240px 0 0;}
.vp32 {margin:-240px 0 0 -48px;}
.vp33 {margin:-240px 0 0 -95px;}
.vp34 {margin:-240px 0 0 -144px;}
.vp35 {margin:-240px 0 0 -192px}
.vp36 {margin:-240px 0 0 -240px;}

/* States */
.visualPicker .refinementValues ul li .visualPickerDisabled .refinementTitle {color:#ccc;}
.visualPicker .refinementValues ul li .visualPickerDisabled .imgCrop {border-color:#f2f2f2 #eeeded #dcdcdc;}
.visualPicker .refinementValues ul li .visualPickerDisabled .imgCrop span {display:block; width:48px; height:48px; background:#fff; filter:alpha(opacity=60); opacity:.60; position:absolute; top:0; left:0;}
.visualPicker a.visualPickerEnabled:hover {color:#A8825E; text-decoration:none;}
.visualPicker a.visualPickerDisabled:hover {cursor:default;}
.visualPicker a.visualPickerEnabled:hover .imgCrop {border-color:#ccc #dcdcdc #dcdcdc;}
/* picked */
.visualPicker ul li .pickerSel .imgCrop {border:1px solid #000;}
.visualPicker ul li .pickerSel .imgCrop span {border:1px solid #000; width:46px; height:46px; display:block; position:absolute; top:0; left:0;}
.visualPicker ul li .pickerSel .refinementTitle {color:#000; font-weight:700;}

/* Refinement Filters */
.refinementFilter {margin:10px 0;}

/* Radio and Check button / label combinations */
.radioCheck {display:block; padding:4px 0 0 23px; font:300 1em/normal Verdana, Geneva, sans-serif; clear:both; position:relative;}
.radioCheck input {width:15px; height:15px; position:absolute; top:0; left:0;}
label.labelSelected {font-weight:700;}
.radioCheck em {font-style:normal; font-weight:700;}

/* Pseudo Radio/Check Titles */
.refinementValuesContainer li {margin:0 0 3px 3px;} /*Only appears when there are "checkboxes"*/
a.checkTrigger {display:inline-block; padding-left:17px; clear:left; background:url(../buttons/abnRefinements-sprite.gif) no-repeat 0 -207px; overflow:hidden;}
.selectedValue a.checkTrigger {background-position:0 -239px; color:#000;}

/* collapse states */
/* .collapsedRefinement .hierarchicalMenu li a {display:none;} */
.collapsedRefinement .longRefinementValuesContainer {height:auto; overflow:visible; background:none; border:0;}
.collapsedRefinement .refinementFilter {display:none;}
.collapsedRefinement .refinementToggle, .collapsedRefinement .visualPickerRefinementToggle, .collapsedRefinement .materialRefinementToggle {background-position:-14px -82px;}
.refinementToggle:hover, .visualPickerRefinementToggle:hover, .materialRefinementToggle:hover {cursor:pointer !important;}
.visualPicker.collapsedRefinement .refinementValues ul li {float:left; width:auto; margin:0; clear:none;}

/* POPOVER CODE */
/* Content */
.ap_content {text-align:left;}
.dfList li {list-style:none; padding:10px 0; border-bottom:1px solid #dcdcdc; clear:both;}
.dfList li.endLi {border:0;}
.dfList h3 {font:700 1.3em/normal Arial, Helvetica, sans-serif; color:#333;}
.dfList h4 {font:700 1em/normal Arial, Helvetica, sans-serif; color:#333;}
.dfList p em {font-weight:700; font-style:normal;}
.imgList p, .imgList h3, .imgList h4 {margin-left:68px;}
.imgList li .vpWrap {float:left;}
p.related {font-style:italic;}
.dfList h4 {font:bold 1em/normal Arial, Helvetica, sans-serif; color:#666;}

/* Table */
.popTable {padding:0; width:99.9%; font-size:.85em;}
.popTable td, .popTable th {text-align:middle; border:1px solid #ccc; border-collapse:collapse; padding:5px; vertical-align:top;}
.popTable th {font-weight:700; color:#333;}
.popTable thead th {background:#CAD4B9; border:solid #DCE3D0; border-width:0 0 1px;}
.popTable tbody tr:first-child td {background:#fff url(../common/pop-bg-grad.gif) no-repeat -200px 0;}
.popTable tbody th {background:#E0E8D2; border:none;}
.popTable tbody tr:first-child th {background:#E0E8D2 url(../common/pop-bg-grad.gif) no-repeat -400px 0;}
.popTable caption {text-align:left; font-weight:700; color:#333; padding:0 0 5px; font-size:1.15em;}
.popTable th + th, .popTable td {text-align:center;}

/* Visual Picker */
.dfList li .imgWrap {display:block; width:52px; height:52px; background:url(../common/pop-bg-vp.gif) no-repeat 0 0; text-align:center; float:left; margin:0 0 15px;}
.dfList li .imgCrop {width:48px; height:48px; display:block; margin:0 auto 4px; border:0; overflow:hidden; position:relative;}
.dfList li .imgCrop img {float:left;}

/* Individual Drives */
.phillipsSlotted img {margin:0;}
.hex img {margin:0 0 0 -48px;}

/* Print Formatting */
.printHdr {display:none;}