﻿#pfLeft {min-height:537px; width: 170px; float: left; /*background: #3d3d3d;*/ border-top: solid 1px #4e4e4e; padding: 15px 20px 20px 20px; }
#pfLeft p { margin: 0px 0px 20px 0px; }
#pfLeft select { width: 170px; border: solid 1px #999; background: #666; margin-bottom: 10px; color: #fff; font-size: 11px; }
#pfLeft h2 { color: #959595; font-weight: normal; margin: -5px 0px 8px 0px; font-size: 18px; text-transform: uppercase; font-family: Verdana; }
#pfLeft #imageContainer { /*background: url('../images/rpt_grid_3d.gif');*/ padding: 8px 16px; display: none; width: 137px; height: 137px; }
 
#pfContainer { background-image:url('../images/bkg_pf_2.gif'); background-repeat:repeat-y; display:inline-block; padding-bottom:20px;}
 
#bottomContent { min-height:570px; margin-left:5px; margin-right:5px; width:429px; float:left; background: #3d3d3d; border-top: solid 1px #4e4e4e; padding: 0 10px 0px 10px;  }
#bottomContent h2 { width:400px; border:1px solid #3D3D3D; color: #959595; font-weight: normal; margin: 10px 0px 8px 0px; font-size: 18px; text-transform: uppercase; font-family: Verdana; }
#bottomContent a { float: left; width: 103px; height: 125px; ppadding: 4px 4px 4px 4px; background:#464646; bbackground: url('../images/rpt_grid_3d.gif'); color: #FFF; overflow: hidden; text-transform: uppercase; margin: 2px; white-space: nowrap; }
#bottomContent a:hover, #pfLeft #bottomContent a.selected { bbackground: #EC008C; cursor:pointer; }
#bottomContent a img {padding:10px 10px 5px 10px; }
#bottomContent div.fProductName {  text-align:center; height:30px;}
#bottomContent div.fProductName a {  text-align:center;  height:30px;}
#bottomContent span#PagingBC { padding:0px; float: right; margin: 10px 0px 0 0; visibility:visible; border:1px solid #3D3D3D;  width:100px; height:30px;}
#bottomContent span#PagingBC a { color: #fff; margin: 0px 0px;  height:30px; width:15px;background:#3D3D3D;}
#bottomContent span#PagingBC a.selected, #bottomContent span#PagingBC a:hover { color: #EC008C; }
#bottomContent span#PagingBC span.sep { color: #696969;  }
#bottomContent span#PagingBC img { margin: 0; padding:0; }

#searchResults { min-height:570px; float: right; width: 278px; /*background: #3D3D3D;*/ border-top: solid 1px #4e4e4e;}
#searchResults h2 { margin: 10px 0px 0px 10px; font-weight: normal; color: #959595; font-size: 18px;text-transform: uppercase; font-family: Verdana; }

#searchResults span#displayText { margin: 10px 0px 0px 10px; float: left; }
#searchResults span#pagingText { float: right; margin: 10px 20px 0px 0px; visibility:visible; }
#searchResults span#pagingText a { color: #fff; margin: 0px 0px; }
#searchResults span#pagingText a.selected, #searchResults span#pagingText a:hover { color: #EC008C; }
#searchResults span#pagingText span.sep { color: #696969; }
#searchResults span#pagingText img { margin-bottom: -2px; }

#searchResults div.Product {height:120px; float: right; width: 100px; cursor: pointer;  padding: 5px 10px; background: #464646; border-top: solid 1px #4e4e4e; clear: left; color: #FFF; overflow: hidden; text-transform: uppercase; margin-bottom:5px; /*margin:0px 0px 5px 15px;*/}
#searchResults div.Product:hover, div.sfhover { /*background: #444;*/ }
#searchResults div.Product div.pImage { padding: 4px 10px; /*background: url('../images/rpt_grid_3d.gif');*/ float: left; }
#searchResults div.Product h3 { color: #ffffff; font-size: 9px; font-weight: normal; text-transform: uppercase; margin: 8px 0px 10px 7px; text-align:center; overflow: hidden;}

#searchResults div.ProductRight {height:120px; float: left; width: 100px; cursor: pointer;  padding: 5px 10px; background: #464646; border-top: solid 1px #4e4e4e; clear: right; color: #FFF; overflow: hidden; text-transform: uppercase; margin-right:5px; margin-left:10px; /*margin:0px 10px 5px 5px;*/}
#searchResults div.ProductRight:hover, div.sfhover { /*background: #444;*/ }
#searchResults div.ProductRight div.pImage { padding: 4px 10px; /*background: url('../images/rpt_grid_3d.gif');*/ float: left; }
#searchResults div.ProductRight h3 { color: #ffffff; font-size: 9px; font-weight: normal; text-transform: uppercase; margin: 8px 0px 10px 7px; text-align:center; overflow: hidden;}


.forwardIconDiv { text-align:right; width:200px; float:right; padding-top:15px;}


/*
#pfLeft { width: 270px; float: left; background: #3d3d3d; border-top: solid 1px #4e4e4e; padding: 20px; }
#pfLeft p { margin: 0px 0px 20px 0px; }
#pfLeft select { width: 270px; border: solid 1px #999; background: #666; margin-bottom: 10px; color: #fff; font-size: 11px; }

#pfLeft #imageContainer { background: url('../images/rpt_grid_3d.gif'); padding: 8px 16px; display: none; width: 237px; height: 237px; }

#pfLeft #bottomContent {  }
#pfLeft #bottomContent h2 { color: #959595; font-weight: normal; margin: 10px 0px 8px 0px; font-size: 18px; text-transform: uppercase; font-family: Verdana; }
#pfLeft #bottomContent a { float: left; width: 123px; height: 15px; padding: 0px 4px; background: #464646; color: #FFF; overflow: hidden; text-transform: uppercase; margin: 2px; white-space: nowrap; }
#pfLeft #bottomContent a:hover, #pfLeft #bottomContent a.selected { background: #EC008C; }

#searchResults { float: right; width: 630px; background: #3D3D3D; border-top: solid 1px #4e4e4e; }
#searchResults h2 { margin: 20px 0px 0px 20px; font-weight: normal; color: #959595; font-size: 18px; }
#searchResults span#displayText { margin: 10px 0px 5px 20px; float: left; }
#searchResults span#pagingText { float: right; margin: 10px 20px 5px 0px; }
#searchResults span#pagingText a { color: #fff; margin: 0px 3px; }
#searchResults span#pagingText a.selected, #searchResults span#pagingText a:hover { color: #EC008C; }
#searchResults span#pagingText span.sep { color: #696969; }
#searchResults span#pagingText img { margin-bottom: -2px; }
#searchResults div.Product { width: 590px; padding: 5px 20px; overflow: hidden; cursor: pointer; border-top: solid 1px #4e4e4e; clear: both; }
#searchResults div.Product:hover, div.sfhover { background: #444; }
#searchResults div.Product div.pImage { padding: 4px 10px; background: url('../images/rpt_grid_3d.gif'); float: left; }
#searchResults div.Product h3 { color: #EC008C; font-size: 11px; font-weight: normal; text-transform: uppercase; float: left; margin: 10px 0px 0px 21px; }
#searchResults div.Product p { float: left; margin: 10px 0px 0px 21px; width: 466px; }

.forwardIconDiv { text-align:right; width:200px; float:right; padding-top:15px;}
*/


.searchResultsContainer { display:inline-table; width:100px; border:solid 0px #ff6600; padding:0; margin:0;}
.leftcolumn { width: 150px; border: 1px solid red; float: left}
.rightcolumn { width: 150px; border: 1px solid red; float: right}
.clear { clear: both;}
