/* 
  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;}
ol.listinstructions li {list-style-type: decimal; margin-bottom: 10px !important;}

/* MAIN TITLES */
h1#coversmaintitle {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#maintitlebn233 {background: url(covers/BN-233-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlebn234 {background: url(covers/BN-234-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlebn261 {background: url(covers/BN-261-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlebn262 {background: url(covers/BN-262-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}

/* SECONDARY TITLES */
h2#coverssecondtitle {background: url(titles/h2-covers-title.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 0 0; padding: 0 0 0 0;}
h1#maintitleinstallation {background: url(titles/h1-installation.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlewarranty {background: url(titles/h1-warranty.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlesizechart {background: url(titles/h1-sizechart.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}

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

#bn233 {background: url(thumbs/bn233.jpg) no-repeat;}
#bn234 {background: url(thumbs/bn234.jpg) no-repeat;}
#bn261 {background: url(thumbs/bn261.jpg) no-repeat;}
#bn262 {background: url(thumbs/bn262.jpg) no-repeat;}


#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 .badge {background: url(features/badge.gif) left no-repeat;}
#columnone .fifty {background: url(features/50.gif) left no-repeat;}
#columnone .onehundred {background: url(features/100.gif) left no-repeat;}
#columnone .onefifty {background: url(features/150.gif) left no-repeat;}
#columnone .twofifty {background: url(features/250.gif) left no-repeat;}

#columntwo ol {margin: 10px 0 0 0; padding: 0 0 0 0;}
#columntwo ol li {list-style-type: upper-alpha; margin: 0 0 8px 25px; padding: 0 0 0 0;}

/* SIZE CHART */

#sizecharttop {width: 544px; background: url(chart-bg-bottom.gif) bottom no-repeat; overflow: hidden;}
#sizechartbottom {width: 544px; background: url(chart-bg-top.gif) top no-repeat; overflow: hidden;}

dl { display: block; width: 155px; margin: 0 0 15px 0; padding: 0 0 0 0; overflow: hidden; font-size: 11px !important;}
dt { float: left; width: 135px; border-bottom: 1px solid #424242; margin: 0 0 0 0; padding: 4px 0 4px 0; font-weight: bold;}
dd { float: left; width: 20px; border-bottom: 1px solid #424242; margin: 0 0 0 0; padding: 4px 0 4px 0;}

#sizeone, #sizetwo, #sizethree {display: block; width: 175px; float: left; margin-top: 13px;}
#sizeone h3, #sizetwo h3, #sizethree h3 {display: block; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 14px; color: #ee3123; height: auto !important;}
#sizeone {margin-left: 15px;}
#sizetwo {margin: 13px 2px 0 2px;}

/* COVER TABLE 
.coversgrid ul {margin: 0 0 0 0; padding: 0 0 0 0; clear: both; border-bottom: 1px solid #555; overflow: hidden;}
.coversgrid li {display: block; float: left; list-style-type: none; padding: 6px 0 6px 0;}

li.covermodel  {width: 55px;}
li.coversize  {width: 45px;}
li.covertype  {width: 85px;}
li.coverapp  {width: 145px;}
li.coverdesc  {width: 214px;} */