a[href $=".pdf"] { padding-left: 20px; background:url("{$const.HTTP_ICON}/file_pdf.png") no-repeat center left; } a[href $=".docx"] { padding-left: 20px; background:url("{$const.HTTP_ICON}/file_docx.png") no-repeat center left; } #product-view { position: relative; } /* Product Images */ #image-container { float: left; } #image-container div.main-image { width: 330px; position: relative; margin: 10px; } #scroll-images { overflow: hidden; white-space: nowrap; height: 68px; width: 280px; float: left; border-bottom: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; padding: 5px 25px 5px 25px; } #image-container div.image-selector strong { display: block; margin: 10px 0 0 0; font-size: 14px; padding-bottom: 5px; } /* Product Pricing */ #product-view div.purchase-info div.social-networking { position: absolute; top: -35px; right: 10px; } #product-view div.purchase-info { width: 624px; padding: 10px; float: left; margin: 0 0 15px 5px; position: relative; border-left: 1px dotted #E8E8E8; } #product-view div.purchase-info div { padding: 3px 0 3px 0; clear: both; } #product-view div.purchase-info div.stars img { float: left; margin-right: 3px; } #product-view div.purchase-info div.cost { padding-top: 10px; font-size: 15px; font-weight: bold; } #product-view div.purchase-info ul.prices { font-size: 12px; } #product-view div.purchase-info ul.prices li { position: relative; margin-top: 10px; clear: both; padding: 5px 0 5px 0; } #product-view div.purchase-info ul.prices li.bottom { border-top: 1px solid #ccc; padding-top: 5px; } #product-view div.purchase-info ul.prices li span.title { float: left; width: 150px; } #product-view div.purchase-info ul.prices li strong { font-weight: bold; font-size: 13px; } #product-view div.purchase-info ul.prices li span.item { text-align: right; float: left; line-height: 1.5; } #product-view div.purchase-info .low-importance { font-size: 11px; } #product-view div.purchase-info input { text-align: center; padding: 1px; font-size: 12px; } /* Colors & Template Specifics */ #product-view div.purchase-info div.social-networking { position: relative; top: -25px; float: right; } #product-view div.purchase-info .low-importance { color: #666; } #product-view div.purchase-info ul.prices li strong { color: #424242; } #image-container div.image-selector strong { color: #424242; } #product-view div.purchase-info div.cost { color: #2E2E2E; } #product-view span.product_cost { font-size: 18px; } #product-view div.purchase-info ul.prices li { color: #6E6E6E; } #product-info strong.title { color: #424242; font-size: 12px; margin-bottom: 5px; display: block; font-weight: bold; color: #575757 }