/* 
  Stylesheet for Binetto.com - Copyright 2007 - All Rights Reserved
  Styled by 9Ball Design - www.9balldesign.com - It's your karma. Contact us if you're interested in borrowing something
 */

h1 span, h2 span {display: none;}

/* MAIN TITLES */
h1#locksmaintitle {background: url(titles/h1-main-bg.jpg) no-repeat; width: 544px; height: 200px; margin: 0 0 10px 0; padding: 0 0 0 0; border-bottom: 1px solid #424242;}
h1#lockcomparisontitle {background: url(titles/h1-comparison.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#lockwarrantytitle {background: url(titles/h1-warranty.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlelockT1 {background: url(locks/T1-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlelockT2 {background: url(locks/T2-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlelockT3 {background: url(locks/T3-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlelockG1 {background: url(locks/G1-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlelockG2 {background: url(locks/G2-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlelockS1 {background: url(locks/S1-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlelockS2 {background: url(locks/S2-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}

/* SECONDARY TITLES */
h2#titaniumtitle {background: url(titles/h2-titanium.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 0 0; padding: 0 0 0 0;}
h2#platinumtitle {background: url(titles/h2-platinum.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 0 0; padding: 0 0 0 0;}
h2#silvertitle {background: url(titles/h2-silver.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 0 0; padding: 0 0 0 0;}
h2#goldtitle {background: url(titles/h2-gold.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 0 0; padding: 0 0 0 0;}
h2#overview {background: url(titles/h2-overview.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h2#relateditemstitle {background: url(titles/h2-related.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 15px 0; padding: 0 0 0 0;}

/* THUMBNAIL GRID */
.locksgrid {margin-bottom: 10px; overflow: hidden;}
.locksproduct {float: left; display: block; width: 136px; height: 122px;}
.locksproduct a {display: block; width: 120px; height: 120px; border: 1px solid #555;}
.locksproduct a span {display: none;}

#thumbt1 {background: url(thumbs/t1.jpg) no-repeat;}
#thumbt2 {background: url(thumbs/t2.jpg) no-repeat;}
#thumbt3 {background: url(thumbs/t3.jpg) no-repeat;}
#thumbp1 {background: url(thumbs/p1.jpg) no-repeat;}
#thumbs1 {background: url(thumbs/s1.jpg) no-repeat;}
#thumbs2 {background: url(thumbs/s2.jpg) no-repeat;}
#thumbg1 {background: url(thumbs/g1.jpg) no-repeat;}
#thumbg2 {background: url(thumbs/g2.jpg) no-repeat;}

/* PRODUCT PAGE */
#columnone {display: block; width: 272px; float: left;}
#columntwo {display: block; width: 272px; float: right;}

#columnone p {margin-right: 20px; line-height: 20px;}
#columnone em {font-size: 10px; line-height: normal;}
#columnone .red {color: #ee3123;}
#columnone h2 {font-size: 12px; font-weight: bold; color: #ee3123; border-bottom: 1px solid #555; margin:10px 0 10px 0; padding-bottom: 4px; width: 90%;}
#columnone h2 strong {color: #fff;}
#productgallerythumbs h2 {font-size: 12px; font-weight: bold; color: #ee3123; border-bottom: 1px solid #555; margin:10px 0 10px 0; padding-bottom: 4px;}
#productgallerythumbs img {border: 1px solid #ee3123; margin: 2px;}

#columnone .feature {display: block; width: 260px; height: 24px; margin-bottom: 10px;}
#columnone .feature span {display: block; padding: 5px 0 0 30px;}

#columnone .scooter {background: url(features/scooter.gif) left no-repeat;}
#columnone .motorcycle {background: url(features/motorcycle.gif) left no-repeat;}
#columnone .bolt {background: url(features/bolt.gif) left no-repeat;}
#columnone .pad {background: url(features/pad.gif) left no-repeat;}
#columnone .triple {background: url(features/triple.gif) left no-repeat;}
#columnone .key {background: url(features/key.gif) left no-repeat;}

#columnone ul {margin: 10px 0 0 0; padding: 0 0 0 0;}
#columnone li {margin: 0 0 8px 15px; padding: 0 0 0 0;}

#speccharttop {width: 272px; background: url(spec-chart-bg-bottom.gif) bottom no-repeat; overflow: hidden; margin-top: 8px;}
#specchartbottom {width: 272px; background: url(spec-chart-bg-top.gif) top no-repeat; overflow: hidden;}
#speccharttop h2 {display: block; margin: 10px 0 5px 10px; padding: 0 0 0 0; font-size: 14px; color: #ee3123; height: auto !important; border: none !important;}

dl { display: block; width: 250px; margin: 0 0 15px 10px; padding: 0 0 0 0; overflow: hidden; font-size: 11px !important;}
dt { float: left; width: 150px; border-bottom: 1px solid #424242; margin: 0 0 0 0; padding: 4px 0 4px 0; font-weight: bold;}
dd { float: left; width: 100px; border-bottom: 1px solid #424242; margin: 0 0 0 0; padding: 4px 0 4px 0; text-align: right;}

dd span {display: none;}
dd#t1shield {background: url(ratings/t1-shield.gif) 0 4px no-repeat; height: 14px;}
dd#t2shield {background: url(ratings/t2-shield.gif) 0 4px no-repeat; height: 14px;}
dd#t3shield {background: url(ratings/t3-shield.gif) 0 4px no-repeat; height: 14px;}
dd#g1shield {background: url(ratings/g1-shield.gif) 0 4px no-repeat; height: 14px;}
dd#g2shield {background: url(ratings/g2-shield.gif) 0 4px no-repeat; height: 14px;}
dd#s1shield {background: url(ratings/s1-shield.gif) 0 4px no-repeat; height: 14px;}
dd#s2shield {background: url(ratings/s2-shield.gif) 0 4px no-repeat; height: 14px;}

/* LOCK COMPARISON TABLE */

#comptabletop {width: 544px; background: url(chart-bg-bottom.gif) bottom no-repeat; padding: 0 0 10px 0; overflow: hidden;}
#comptablebottom {width: 544px; background: url(chart-bg-top.gif) top no-repeat; overflow: hidden;}
.lockgrid {margin: 12px 0 12px 0; overflow: hidden;}
.lockgrid li span {display: none;}

.lockgrid ul {display: block; width: 510px; margin: 0 0 0 17px; padding: 0 0 0 0; clear: both; border-bottom: 1px solid #555; overflow: hidden;}
.lockgrid li {display: block; float: left; list-style-type: none; line-height: normal !important; margin: 0 0 0 0 !important; padding: 6px 0 6px 0; text-align: left;}
.lockgrid li strong {color: #ee3123;}
.lockgrid li a {text-decoration: underline;}
.lockgrid li a:hover {text-decoration: none;}

li.lockone {width: 45px;}
li.locktwo {width: 65px;}
li.lockthree {width: 85px;}
li.lockfour {width: 130px;}
li.lockfive {width: 60px;}
li.locksix {width: 60px;}
li.lockseven {width: 60px; text-align: right;}

li#t1shield {background: url(comparison/t1-shield.gif) 0 7px no-repeat; height: 14px;}
li#t2shield {background: url(comparison/t2-shield.gif) 0 7px no-repeat; height: 14px;}
li#t3shield {background: url(comparison/t3-shield.gif) 0 7px no-repeat; height: 14px;}
li#g1shield {background: url(comparison/g1-shield.gif) 0 7px no-repeat; height: 14px;}
li#g2shield {background: url(comparison/g2-shield.gif) 0 7px no-repeat; height: 14px;}
li#s1shield {background: url(comparison/s1-shield.gif) 0 7px no-repeat; height: 14px;}
li#s2shield {background: url(comparison/s2-shield.gif) 0 7px no-repeat; height: 14px;}