html, body{ width: 100%; padding: 0; height: auto; background-color: white; margin: 0; } a { text-decoration: none; } .disclaimer{ height: 60px; position: fixed; left: 0; bottom: 0; margin-left: 1px; margin-right: 1px; margin-bottom: 0px; padding: 5px; text-align: center; background-color: #BBBBBB; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; border: solid 4px #EEEEEE; border-bottom: none; z-index: 10; } #searchResult { overflow: hidden; text-align: center; } .search{ width: 90%; position: fixed; top: 0; left: 0; padding: 5px; background-color: #BBBBBB; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border: solid 4px #EEEEEE; border-top: none; z-index: 101; } .search, .disclaimer { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; } .togglePages{ padding: 0; position: absolute; bottom: -19px; left: 40%; width: 22%; height: 15px; background-color: #666; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; -webkit-box-shadow: #dadada -1px 0 4px; box-shadow: #dadada -1px 0 4px; cursor: pointer; z-index: 100; text-align: center; } .toggleIcon{ display: inline-block; width: 14px; height: 14px; background: url(../images/trgUp.png) 50% no-repeat; } .searchInput{ padding: 3px; float: left; width: 100%; border-radius: 3px; border-style: none; height: 22px; line-height: 18px; vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box; } .searchButton{ background: url("../images/search_app.png") -38px -38px no-repeat; width: 24px; height: 24px; overflow: hidden; position: absolute; right: 30px; top: 9px; margin-left: -2px; cursor: pointer; } .subSearch{ margin: 0; float: left; } #subSearchInput{ width: 100%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px; padding-right: 26px; } #subSearchFilter{ width: 100%; float: left; display: none; } .searchResult{ width: 98%; padding: 3px; background-color:#123456; } .imgContainer{ display: inline-block; padding: 3px; margin: 3px; text-align: center; overflow: hidden; font-size: small; font-family: Verdana,Arial,Helvetica,sans-serif; border: 1px solid #666; border-radius: 5px; -webkit-box-shadow: #dadada -1px 0 4px; -webkit-border-radius: 5px; box-shadow: #666 -1px 0 4px; vertical-align: top; } .resultFooter{ float: left; margin: 5px; padding: 3px; width: 100%; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; font-size: x-large; text-align: center; } #branding{ position: absolute; top: 0; left: 0; z-index: 2; } .filterContainer{ float: left; margin: 2px; padding: 2px; font-size: 14px; } .filterSelect{ border-style:none; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; border-top-right-radius: 15px; margin-top: 2px; width: 100%; } span{ font-family: Verdana,Arial,Helvetica,sans-serif; color: #666; } [draggable] { -webkit-user-select: none; user-select: none; } .toggleFilters{ margin: 0; padding: 0; background-position: center; background-image: url(../images/down.png); position: absolute; top: 11px; right: 6px; width: 20px; height: 20px; cursor: pointer; } .colors_line { float: left; margin: 4px; margin-right: 0; clear: left; } .custom { opacity: 0; position: absolute; left: -10000px; } .filter_button.button.color { display: inline-block; width: 15px; height: 15px; border: 1px solid #EBEBEB; padding: 0; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; } .filter_button.button.color:hover { border: 1px solid rgb(128,128,128); cursor: pointer; } input[type="radio"]:checked + .filter_button.button.color { border: 1px solid rgb(255,255,255); box-shadow: 0 0 0px 1px #000; -webkit-box-shadow: 0 0 0px 1px #000; } #allcolor { background: white url('../images/search_app.png') -43px -144px no-repeat; } #colored { background: white url('../images/search_app.png') -43px -244px no-repeat; } #grayed { background: white url('../images/search_app.png') -45px -343px no-repeat; } #black{ background-color:#ffffff; } #blue{ background-color:#0000FF; } #brown{ background-color:rgba(139, 82, 16, 1); } #gray{ background-color:#999999; } #green{ background-color:#00CC00; } #orange{ background-color:#FB940B; } #pink{ background-color:#FF98BF; } #purple{ background-color:#762CA7; } #red{ background-color:#CC0000; } #teal{ background-color:#03C0C6; } #white{ background-color:#000000; } #yellow{ background-color:#FFFF00; } .selectBox-dropdown, .selectBox-options li a { line-height: 1.3 !important; font-size: 13px; } .pager_button { padding: 3px 5px; font-size: 16px; color: black; display: inline-block; } .pager_button.active { border-radius: 3px; -webkit-border-radius: 3px; background-color: gray; color: white; } /* Planete Sankore Changes */ .searchButton{ right: 10px; } #subSearchInput{ padding-right: 5px; } .imgContainer img { width: 100px; }