/* 
  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;}
#rightcolumn h2 {font-size: 16px; color: #ee3123;}

/* MAIN TITLES */
h1#batteriesmaintitle {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#batterymaintenancetitle {background: url(titles/h1-maintenance.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#batteryinstallationtitle {background: url(titles/h1-installation.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#batteryrecycletitle {background: url(titles/h1-recycle.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#batterywarrantytitle {background: url(titles/h1-warranty.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#batterycomparisontitle {background: url(titles/h1-comparison.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}

/* SECONDARY TITLES */
h2#batteriessecondtitle {background: url(titles/h2-models-title.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 0 0; padding: 0 0 0 0;}
h1#maintitleYTX4LBS {background: url(batteries/YTX4L-BS-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleYTX5LBS {background: url(batteries/YTX5L-BS-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleYTX7ABS {background: url(batteries/YTX7A-BS-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleYTX7LBS {background: url(batteries/YTX7L-BS-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleYTX9BS {background: url(batteries/YTX9-BS-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleYTX9LBS {background: url(batteries/YTX9L-BS-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleYTX12BS {background: url(batteries/YTX12-BS-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleYTX14BS {background: url(batteries/YTX14-BS-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleYTX20LBS {background: url(batteries/YTX20L-BS-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleYTZ10S {background: url(batteries/YTZ10S-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}

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

#YTX4LBS {background: url(thumbs/YTX4LBS.jpg) no-repeat;}
#YTX5LBS {background: url(thumbs/YTX5LBS.jpg) no-repeat;}
#YTX7ABS {background: url(thumbs/YTX7ABS.jpg) no-repeat;}
#YTX7LBS {background: url(thumbs/YTX7LBS.jpg) no-repeat;}
#YTX9BS {background: url(thumbs/YTX9BS.jpg) no-repeat;}
#YTX9LBS {background: url(thumbs/YTX9LBS.jpg) no-repeat;}
#YTX12BS {background: url(thumbs/YTX12BS.jpg) no-repeat;}
#YTX14BS {background: url(thumbs/YTX14BS.jpg) no-repeat;}
#YTX14AHBS {background: url(thumbs/YTX14AHBS.jpg) no-repeat;}
#YTX20LBS {background: url(thumbs/YTX20LBS.jpg) no-repeat;}
#YTZ10S {background: url(thumbs/YTZ10S.jpg) no-repeat;}
#YB16CLB {background: url(thumbs/YB16CLB.jpg) no-repeat;}

.batterygrid {margin-bottom: 10px; overflow: hidden;}
.batterygrid ul {margin: 0 0 0 0; padding: 0 0 0 0; clear: both; border-bottom: 1px solid #555; overflow: hidden;}
.batterygrid li {display: block; float: left; list-style-type: none; padding: 6px 0 6px 0; text-align: center;}

/* 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 .atv {background: url(features/atv.gif) left no-repeat;}
#columnone .jetski {background: url(features/jet-ski.gif) left no-repeat;}
#columnone .snowmobile {background: url(features/snowmobile.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: 200px; border-bottom: 1px solid #424242; margin: 0 0 0 0; padding: 4px 0 4px 0; font-weight: bold;}
dd { float: left; width: 50px; border-bottom: 1px solid #424242; margin: 0 0 0 0; padding: 4px 0 4px 0; text-align: right;}

#rightcolumn ol {margin: 10px 0 20px 0; padding: 0 0 0 0;}
#rightcolumn ol li {list-style-type: decimal; line-height: 18px; margin: 0 0 8px 25px; padding: 0 0 0 0;}

#largelist li {line-height: 18px; margin-bottom: 15px;}

/* BATTERY 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;}

.batterygrid ul {display: block; width: 510px; margin: 0 0 0 17px; padding: 0 0 0 0; clear: both; border-bottom: 1px solid #555; overflow: hidden;}
.batterygrid 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: center;}
.batterygrid li strong {color: #ee3123;}
.batterygrid li a {text-decoration: underline;}
.batterygrid li a:hover {text-decoration: none;}

li.batteryone {width: 75px; text-align: left;}
li.batterytwo {width: 35px;}
li.batterythree {width: 80px;}
li.batteryfour {width: 160px;}
li.batteryfive {width: 35px;}
li.batterysix {width: 35px;}
li.batteryseven {width: 35px;}
li.batteryeight {width: 55px;}

/* CHARGE BATTERY TABLE */

#batterychargegrid ul {display: block; width: 510px; margin: 0 0 0 17px; padding: 0 0 0 0; clear: both; border-bottom: 1px solid #555; overflow: hidden;}
#batterychargegrid 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;}
#batterychargegrid li strong {color: #ee3123;}
#batterychargegrid li a {text-decoration: underline;}
#batterychargegrid li a:hover {text-decoration: none;}

li.chargebatteryone {width: 65px;}
li.chargebatterytwo {width: 85px;}
li.chargebatterythree {width: 210px;}
li.chargebatteryfour {width: 140px; text-align: right !important;}

/* DOWNLOAD PDF LINK */
#recycle {display: block; width: 115px; height: 115px; float: right; background: url(recycle-bg.gif) no-repeat; margin: 0 5px 10px 15px; text-align: center;}
#recycle a {display: block; font-size: 11px; padding: 80px 7px 0 7px; color: #4d9932;}