/* ****************************************************************** index.css Overrides for product listing pages BathroomWall.co.uk http://www.bathroomwall.co.uk Site design copyright 2007 Bathroom Wall. All rights reserved. HTML & CSS by Matt Hobbs http://www.matthobbs.com Version 1.2.4 2008-11-22 ****************************************************************** */ /* IEPNGFIX */ img, div { behavior: url(/iepngfix/iepngfix.htc); } /* ***************************************** General Settings ***************************************** */ #mainWrapper #contentMainWrapper div.centerColumn { position: relative; padding: 0px; top: 0px; left: 0px; background: transparent; } #mainWrapper #contentMainWrapper div.centerColumn * { color: #000000; } *html #mainWrapper #contentMainWrapper div.centerColumn { background: none; } body { } h1 { display: none; } br { display: none; } span.no_products { position: relative; left: 50px; font-weight: bold; font-size: 20px; display: block; width: 340px; padding-top: 30px; } *html span.no_products { position: relative; left: -100px; } /* *** sub-category listing page *** */ #categoryDescription, #indexProductListCatDescription { display: block; position: absolute; left: 469px; top: 2px; height: 442px; /* 572px */ width: 178px; /* 328px */ padding-top: 80px; padding-left: 75px; padding-right: 75px; padding-bottom: 50px; overflow: hidden; font-weight: bold; font-size: 12px; color: #000000; } #categoryDescription div.tshirt_subinfo, #indexProductListCatDescription div.tshirt_subinfo { display: none; } #sub_categories_grid div.columnar_display { display: box; width: 400px; margin-left: 3px; } #sub_categories_grid div.columnar_display br { display: none; } #sub_categories_grid div.columnar_display div.categoryListBoxContents { display: block; float: left; width: 115px; height: 115px; overflow: hidden; } #sub_categories_grid div.columnar_display div.categoryListBoxContents span { display: none; } #sub_categories_grid div.columnar_display div.categoryListBoxContents a img { margin-left: 0px; } #sub_categories_grid div.columnar_display div.categoryListBoxContents a:hover img { margin-left: -115px; } /* *** product listing page *** */ table.tabTable { position: relative; display: block; width: 700px; top: 1px; left: 3px; overflow: hidden; color: #000000; clear: both; } #indexProductList table.tabTable tr { display: inline; width: 115px; height: 115px; overflow: hidden; /* float: left; */ } #indexProductList table.tabTable tr.productListing-rowheading { display: none; } table.tabTable td { position: relative; display: inline; clear: both; /* float: left; */ width: 115px; height: 115px; overflow: hidden; color: #000000; } td.productListing-data a { display: block; width: 115px; height: 115px; overflow: hidden; } td.productListing-data a img { margin-left: 0px; float: left; width: 230px; height: 115px; } td.productListing-data a:hover img { margin-left: -115px; } table.tabTable tr td.col_0 { /* image */ } table.tabTable tr td.col_1 { /* description */ display: none; } table.tabTable tr td.col_2 { /* price + more */ display: none; } /* Forcing workaround. Sigh. 6 columns per row*/ table.tabTable { height: 1940px; z-index: 1; margin-bottom: 40px; } table.tabTable tr { position: absolute; } /* HANDLES 250 ROWS MAX OF CATEGORY LANDING PAGE */ #indexProductList table.tabTable tr.row_1 { top: 0px; left: 0px;} #indexProductList table.tabTable tr.row_2 { top: 0px; left: 115px;} #indexProductList table.tabTable tr.row_3 { top: 0px; left: 230px;} #indexProductList table.tabTable tr.row_4 { top: 0px; left: 345px;} #indexProductList table.tabTable tr.row_5 { top: 0px; left: 460px;} #indexProductList table.tabTable tr.row_6 { top: 0px; left: 575px;} #indexProductList table.tabTable tr.row_7 { top: 115px; left: 0px;} #indexProductList table.tabTable tr.row_8 { top: 115px; left: 115px;} #indexProductList table.tabTable tr.row_9 { top: 115px; left: 230px;} #indexProductList table.tabTable tr.row_10 { top: 115px; left: 345px;} #indexProductList table.tabTable tr.row_11 { top: 115px; left: 460px;} #indexProductList table.tabTable tr.row_12 { top: 115px; left: 575px;} #indexProductList table.tabTable tr.row_13 { top: 230px; left: 0px;} #indexProductList table.tabTable tr.row_14 { top: 230px; left: 115px;} #indexProductList table.tabTable tr.row_15 { top: 230px; left: 230px;} #indexProductList table.tabTable tr.row_16 { top: 230px; left: 345px;} #indexProductList table.tabTable tr.row_17 { top: 230px; left: 460px;} #indexProductList table.tabTable tr.row_18 { top: 230px; left: 575px;} #indexProductList table.tabTable tr.row_19 { top: 345px; left: 0px;} #indexProductList table.tabTable tr.row_20 { top: 345px; left: 115px;} #indexProductList table.tabTable tr.row_21 { top: 345px; left: 230px;} #indexProductList table.tabTable tr.row_22 { top: 345px; left: 345px;} #indexProductList table.tabTable tr.row_23 { top: 345px; left: 460px;} #indexProductList table.tabTable tr.row_24 { top: 345px; left: 575px;} #indexProductList table.tabTable tr.row_25 { top: 460px; left: 0px;} #indexProductList table.tabTable tr.row_26 { top: 460px; left: 115px;} #indexProductList table.tabTable tr.row_27 { top: 460px; left: 230px;} #indexProductList table.tabTable tr.row_28 { top: 460px; left: 345px;} #indexProductList table.tabTable tr.row_29 { top: 460px; left: 460px;} #indexProductList table.tabTable tr.row_30 { top: 460px; left: 575px;} #indexProductList table.tabTable tr.row_31 { top: 575px; left: 0px;} #indexProductList table.tabTable tr.row_32 { top: 575px; left: 115px;} #indexProductList table.tabTable tr.row_33 { top: 575px; left: 230px;} #indexProductList table.tabTable tr.row_34 { top: 575px; left: 345px;} #indexProductList table.tabTable tr.row_35 { top: 575px; left: 460px;} #indexProductList table.tabTable tr.row_36 { top: 575px; left: 575px;} #indexProductList table.tabTable tr.row_37 { top: 690px; left: 0px;} #indexProductList table.tabTable tr.row_38 { top: 690px; left: 115px;} #indexProductList table.tabTable tr.row_39 { top: 690px; left: 230px;} #indexProductList table.tabTable tr.row_40 { top: 690px; left: 345px;} #indexProductList table.tabTable tr.row_41 { top: 690px; left: 460px;} #indexProductList table.tabTable tr.row_42 { top: 690px; left: 575px;} #indexProductList table.tabTable tr.row_43 { top: 805px; left: 0px;} #indexProductList table.tabTable tr.row_44 { top: 805px; left: 115px;} #indexProductList table.tabTable tr.row_45 { top: 805px; left: 230px;} #indexProductList table.tabTable tr.row_46 { top: 805px; left: 345px;} #indexProductList table.tabTable tr.row_47 { top: 805px; left: 460px;} #indexProductList table.tabTable tr.row_48 { top: 805px; left: 575px;} #indexProductList table.tabTable tr.row_49 { top: 920px; left: 0px;} #indexProductList table.tabTable tr.row_50 { top: 920px; left: 115px;} #indexProductList table.tabTable tr.row_51 { top: 920px; left: 230px;} #indexProductList table.tabTable tr.row_52 { top: 920px; left: 345px;} #indexProductList table.tabTable tr.row_53 { top: 920px; left: 460px;} #indexProductList table.tabTable tr.row_54 { top: 920px; left: 575px;} #indexProductList table.tabTable tr.row_55 { top: 1035px; left: 0px;} #indexProductList table.tabTable tr.row_56 { top: 1035px; left: 115px;} #indexProductList table.tabTable tr.row_57 { top: 1035px; left: 230px;} #indexProductList table.tabTable tr.row_58 { top: 1035px; left: 345px;} #indexProductList table.tabTable tr.row_59 { top: 1035px; left: 460px;} #indexProductList table.tabTable tr.row_60 { top: 1035px; left: 575px;} #indexProductList table.tabTable tr.row_61 { top: 1150px; left: 0px;} #indexProductList table.tabTable tr.row_62 { top: 1150px; left: 115px;} #indexProductList table.tabTable tr.row_63 { top: 1150px; left: 230px;} #indexProductList table.tabTable tr.row_64 { top: 1150px; left: 345px;} #indexProductList table.tabTable tr.row_65 { top: 1150px; left: 460px;} #indexProductList table.tabTable tr.row_66 { top: 1150px; left: 575px;} #indexProductList table.tabTable tr.row_67 { top: 1265px; left: 0px;} #indexProductList table.tabTable tr.row_68 { top: 1265px; left: 115px;} #indexProductList table.tabTable tr.row_69 { top: 1265px; left: 230px;} #indexProductList table.tabTable tr.row_70 { top: 1265px; left: 345px;} #indexProductList table.tabTable tr.row_71 { top: 1265px; left: 460px;} #indexProductList table.tabTable tr.row_72 { top: 1265px; left: 575px;} #indexProductList table.tabTable tr.row_73 { top: 1380px; left: 0px;} #indexProductList table.tabTable tr.row_74 { top: 1380px; left: 115px;} #indexProductList table.tabTable tr.row_75 { top: 1380px; left: 230px;} #indexProductList table.tabTable tr.row_76 { top: 1380px; left: 345px;} #indexProductList table.tabTable tr.row_77 { top: 1380px; left: 460px;} #indexProductList table.tabTable tr.row_78 { top: 1380px; left: 575px;} #indexProductList table.tabTable tr.row_79 { top: 1495px; left: 0px;} #indexProductList table.tabTable tr.row_80 { top: 1495px; left: 115px;} #indexProductList table.tabTable tr.row_81 { top: 1495px; left: 230px;} #indexProductList table.tabTable tr.row_82 { top: 1495px; left: 345px;} #indexProductList table.tabTable tr.row_83 { top: 1495px; left: 460px;} #indexProductList table.tabTable tr.row_84 { top: 1495px; left: 575px;} #indexProductList table.tabTable tr.row_85 { top: 1610px; left: 0px;} #indexProductList table.tabTable tr.row_86 { top: 1610px; left: 115px;} #indexProductList table.tabTable tr.row_87 { top: 1610px; left: 230px;} #indexProductList table.tabTable tr.row_88 { top: 1610px; left: 345px;} #indexProductList table.tabTable tr.row_89 { top: 1610px; left: 460px;} #indexProductList table.tabTable tr.row_90 { top: 1610px; left: 575px;} #indexProductList table.tabTable tr.row_91 { top: 1725px; left: 0px;} #indexProductList table.tabTable tr.row_92 { top: 1725px; left: 115px;} #indexProductList table.tabTable tr.row_93 { top: 1725px; left: 230px;} #indexProductList table.tabTable tr.row_94 { top: 1725px; left: 345px;} #indexProductList table.tabTable tr.row_95 { top: 1725px; left: 460px;} #indexProductList table.tabTable tr.row_96 { top: 1725px; left: 575px;} #indexProductList table.tabTable tr.row_97 { top: 1840px; left: 0px;} #indexProductList table.tabTable tr.row_98 { top: 1840px; left: 115px;} #indexProductList table.tabTable tr.row_99 { top: 1840px; left: 230px;} #indexProductList table.tabTable tr.row_100 { top: 1840px; left: 345px;} #indexProductList table.tabTable tr.row_101 { top: 1840px; left: 460px;} #indexProductList table.tabTable tr.row_102 { top: 1840px; left: 575px;} #indexProductList table.tabTable tr.row_103 { top: 1955px; left: 0px;} #indexProductList table.tabTable tr.row_104 { top: 1955px; left: 115px;} #indexProductList table.tabTable tr.row_105 { top: 1955px; left: 230px;} #indexProductList table.tabTable tr.row_106 { top: 1955px; left: 345px;} #indexProductList table.tabTable tr.row_107 { top: 1955px; left: 460px;} #indexProductList table.tabTable tr.row_108 { top: 1955px; left: 575px;} #indexProductList table.tabTable tr.row_109 { top: 2070px; left: 0px;} #indexProductList table.tabTable tr.row_110 { top: 2070px; left: 115px;} #indexProductList table.tabTable tr.row_111 { top: 2070px; left: 230px;} #indexProductList table.tabTable tr.row_112 { top: 2070px; left: 345px;} #indexProductList table.tabTable tr.row_113 { top: 2070px; left: 460px;} #indexProductList table.tabTable tr.row_114 { top: 2070px; left: 575px;} #indexProductList table.tabTable tr.row_115 { top: 2185px; left: 0px;} #indexProductList table.tabTable tr.row_116 { top: 2185px; left: 115px;} #indexProductList table.tabTable tr.row_117 { top: 2185px; left: 230px;} #indexProductList table.tabTable tr.row_118 { top: 2185px; left: 345px;} #indexProductList table.tabTable tr.row_119 { top: 2185px; left: 460px;} #indexProductList table.tabTable tr.row_120 { top: 2185px; left: 575px;} #indexProductList table.tabTable tr.row_121 { top: 2300px; left: 0px;} #indexProductList table.tabTable tr.row_122 { top: 2300px; left: 115px;} #indexProductList table.tabTable tr.row_123 { top: 2300px; left: 230px;} #indexProductList table.tabTable tr.row_124 { top: 2300px; left: 345px;} #indexProductList table.tabTable tr.row_125 { top: 2300px; left: 460px;} #indexProductList table.tabTable tr.row_126 { top: 2300px; left: 575px;} #indexProductList table.tabTable tr.row_127 { top: 2415px; left: 0px;} #indexProductList table.tabTable tr.row_128 { top: 2415px; left: 115px;} #indexProductList table.tabTable tr.row_129 { top: 2415px; left: 230px;} #indexProductList table.tabTable tr.row_130 { top: 2415px; left: 345px;} #indexProductList table.tabTable tr.row_131 { top: 2415px; left: 460px;} #indexProductList table.tabTable tr.row_132 { top: 2415px; left: 575px;} #indexProductList table.tabTable tr.row_133 { top: 2530px; left: 0px;} #indexProductList table.tabTable tr.row_134 { top: 2530px; left: 115px;} #indexProductList table.tabTable tr.row_135 { top: 2530px; left: 230px;} #indexProductList table.tabTable tr.row_136 { top: 2530px; left: 345px;} #indexProductList table.tabTable tr.row_137 { top: 2530px; left: 460px;} #indexProductList table.tabTable tr.row_138 { top: 2530px; left: 575px;} #indexProductList table.tabTable tr.row_139 { top: 2645px; left: 0px;} #indexProductList table.tabTable tr.row_140 { top: 2645px; left: 115px;} #indexProductList table.tabTable tr.row_141 { top: 2645px; left: 230px;} #indexProductList table.tabTable tr.row_142 { top: 2645px; left: 345px;} #indexProductList table.tabTable tr.row_143 { top: 2645px; left: 460px;} #indexProductList table.tabTable tr.row_144 { top: 2645px; left: 575px;} #indexProductList table.tabTable tr.row_145 { top: 2760px; left: 0px;} #indexProductList table.tabTable tr.row_146 { top: 2760px; left: 115px;} #indexProductList table.tabTable tr.row_147 { top: 2760px; left: 230px;} #indexProductList table.tabTable tr.row_148 { top: 2760px; left: 345px;} #indexProductList table.tabTable tr.row_149 { top: 2760px; left: 460px;} #indexProductList table.tabTable tr.row_150 { top: 2760px; left: 575px;} #indexProductList table.tabTable tr.row_151 { top: 2875px; left: 0px;} #indexProductList table.tabTable tr.row_152 { top: 2875px; left: 115px;} #indexProductList table.tabTable tr.row_153 { top: 2875px; left: 230px;} #indexProductList table.tabTable tr.row_154 { top: 2875px; left: 345px;} #indexProductList table.tabTable tr.row_155 { top: 2875px; left: 460px;} #indexProductList table.tabTable tr.row_156 { top: 2875px; left: 575px;} #indexProductList table.tabTable tr.row_157 { top: 2990px; left: 0px;} #indexProductList table.tabTable tr.row_158 { top: 2990px; left: 115px;} #indexProductList table.tabTable tr.row_159 { top: 2990px; left: 230px;} #indexProductList table.tabTable tr.row_160 { top: 2990px; left: 345px;} #indexProductList table.tabTable tr.row_161 { top: 2990px; left: 460px;} #indexProductList table.tabTable tr.row_162 { top: 2990px; left: 575px;} #indexProductList table.tabTable tr.row_163 { top: 3105px; left: 0px;} #indexProductList table.tabTable tr.row_164 { top: 3105px; left: 115px;} #indexProductList table.tabTable tr.row_165 { top: 3105px; left: 230px;} #indexProductList table.tabTable tr.row_166 { top: 3105px; left: 345px;} #indexProductList table.tabTable tr.row_167 { top: 3105px; left: 460px;} #indexProductList table.tabTable tr.row_168 { top: 3105px; left: 575px;} #indexProductList table.tabTable tr.row_169 { top: 3220px; left: 0px;} #indexProductList table.tabTable tr.row_170 { top: 3220px; left: 115px;} #indexProductList table.tabTable tr.row_171 { top: 3220px; left: 230px;} #indexProductList table.tabTable tr.row_172 { top: 3220px; left: 345px;} #indexProductList table.tabTable tr.row_173 { top: 3220px; left: 460px;} #indexProductList table.tabTable tr.row_174 { top: 3220px; left: 575px;} #indexProductList table.tabTable tr.row_175 { top: 3335px; left: 0px;} #indexProductList table.tabTable tr.row_176 { top: 3335px; left: 115px;} #indexProductList table.tabTable tr.row_177 { top: 3335px; left: 230px;} #indexProductList table.tabTable tr.row_178 { top: 3335px; left: 345px;} #indexProductList table.tabTable tr.row_179 { top: 3335px; left: 460px;} #indexProductList table.tabTable tr.row_180 { top: 3335px; left: 575px;} #indexProductList table.tabTable tr.row_181 { top: 3450px; left: 0px;} #indexProductList table.tabTable tr.row_182 { top: 3450px; left: 115px;} #indexProductList table.tabTable tr.row_183 { top: 3450px; left: 230px;} #indexProductList table.tabTable tr.row_184 { top: 3450px; left: 345px;} #indexProductList table.tabTable tr.row_185 { top: 3450px; left: 460px;} #indexProductList table.tabTable tr.row_186 { top: 3450px; left: 575px;} #indexProductList table.tabTable tr.row_187 { top: 3565px; left: 0px;} #indexProductList table.tabTable tr.row_188 { top: 3565px; left: 115px;} #indexProductList table.tabTable tr.row_189 { top: 3565px; left: 230px;} #indexProductList table.tabTable tr.row_190 { top: 3565px; left: 345px;} #indexProductList table.tabTable tr.row_191 { top: 3565px; left: 460px;} #indexProductList table.tabTable tr.row_192 { top: 3565px; left: 575px;} #indexProductList table.tabTable tr.row_193 { top: 3680px; left: 0px;} #indexProductList table.tabTable tr.row_194 { top: 3680px; left: 115px;} #indexProductList table.tabTable tr.row_195 { top: 3680px; left: 230px;} #indexProductList table.tabTable tr.row_196 { top: 3680px; left: 345px;} #indexProductList table.tabTable tr.row_197 { top: 3680px; left: 460px;} #indexProductList table.tabTable tr.row_198 { top: 3680px; left: 575px;} #indexProductList table.tabTable tr.row_199 { top: 3795px; left: 0px;} #indexProductList table.tabTable tr.row_200 { top: 3795px; left: 115px;} #indexProductList table.tabTable tr.row_201 { top: 3795px; left: 230px;} #indexProductList table.tabTable tr.row_202 { top: 3795px; left: 345px;} #indexProductList table.tabTable tr.row_203 { top: 3795px; left: 460px;} #indexProductList table.tabTable tr.row_204 { top: 3795px; left: 575px;} #indexProductList table.tabTable tr.row_205 { top: 3910px; left: 0px;} #indexProductList table.tabTable tr.row_206 { top: 3910px; left: 115px;} #indexProductList table.tabTable tr.row_207 { top: 3910px; left: 230px;} #indexProductList table.tabTable tr.row_208 { top: 3910px; left: 345px;} #indexProductList table.tabTable tr.row_209 { top: 3910px; left: 460px;} #indexProductList table.tabTable tr.row_210 { top: 3910px; left: 575px;} #indexProductList table.tabTable tr.row_211 { top: 4025px; left: 0px;} #indexProductList table.tabTable tr.row_212 { top: 4025px; left: 115px;} #indexProductList table.tabTable tr.row_213 { top: 4025px; left: 230px;} #indexProductList table.tabTable tr.row_214 { top: 4025px; left: 345px;} #indexProductList table.tabTable tr.row_215 { top: 4025px; left: 460px;} #indexProductList table.tabTable tr.row_216 { top: 4025px; left: 575px;} #indexProductList table.tabTable tr.row_217 { top: 4140px; left: 0px;} #indexProductList table.tabTable tr.row_218 { top: 4140px; left: 115px;} #indexProductList table.tabTable tr.row_219 { top: 4140px; left: 230px;} #indexProductList table.tabTable tr.row_220 { top: 4140px; left: 345px;} #indexProductList table.tabTable tr.row_221 { top: 4140px; left: 460px;} #indexProductList table.tabTable tr.row_222 { top: 4140px; left: 575px;} #indexProductList table.tabTable tr.row_223 { top: 4255px; left: 0px;} #indexProductList table.tabTable tr.row_224 { top: 4255px; left: 115px;} #indexProductList table.tabTable tr.row_225 { top: 4255px; left: 230px;} #indexProductList table.tabTable tr.row_226 { top: 4255px; left: 345px;} #indexProductList table.tabTable tr.row_227 { top: 4255px; left: 460px;} #indexProductList table.tabTable tr.row_228 { top: 4255px; left: 575px;} #indexProductList table.tabTable tr.row_229 { top: 4370px; left: 0px;} #indexProductList table.tabTable tr.row_230 { top: 4370px; left: 115px;} #indexProductList table.tabTable tr.row_231 { top: 4370px; left: 230px;} #indexProductList table.tabTable tr.row_232 { top: 4370px; left: 345px;} #indexProductList table.tabTable tr.row_233 { top: 4370px; left: 460px;} #indexProductList table.tabTable tr.row_234 { top: 4370px; left: 575px;} #indexProductList table.tabTable tr.row_235 { top: 4485px; left: 0px;} #indexProductList table.tabTable tr.row_236 { top: 4485px; left: 115px;} #indexProductList table.tabTable tr.row_237 { top: 4485px; left: 230px;} #indexProductList table.tabTable tr.row_238 { top: 4485px; left: 345px;} #indexProductList table.tabTable tr.row_239 { top: 4485px; left: 460px;} #indexProductList table.tabTable tr.row_240 { top: 4485px; left: 575px;} #indexProductList table.tabTable tr.row_241 { top: 4600px; left: 0px;} #indexProductList table.tabTable tr.row_242 { top: 4600px; left: 115px;} #indexProductList table.tabTable tr.row_243 { top: 4600px; left: 230px;} #indexProductList table.tabTable tr.row_244 { top: 4600px; left: 345px;} #indexProductList table.tabTable tr.row_245 { top: 4600px; left: 460px;} #indexProductList table.tabTable tr.row_246 { top: 4600px; left: 575px;} #indexProductList table.tabTable tr.row_247 { top: 4715px; left: 0px;} #indexProductList table.tabTable tr.row_248 { top: 4715px; left: 115px;} #indexProductList table.tabTable tr.row_249 { top: 4715px; left: 230px;} #indexProductList table.tabTable tr.row_250 { top: 4715px; left: 345px;} /* **** Hide sections **** */ #mainWrapper #contentMainWrapper #indexCategories #featuredProducts { display: none; } #mainWrapper #contentMainWrapper #indexCategories #specialsDefault { display: none; } /* ************** PRODUCT LISTING PAGERS *********** */ #productListHeading { display: none; } /* #indexProductListCatDescription { display: none; } */ #productsListingTopNumber { display: none; } #productsListingListingTopLinks { display: none; } #productsListingBottomNumber, #productsListingListingBottomLinks { padding-left: 10px; margin-top: -5px; padding-bottom: 10px; z-index: 2; } #productsListingBottomNumber *, #productsListingListingBottomLinks * { font-size: 12px; color: #E40202; }