/* 
  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#boxesmaintitle {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#maintitlesh26 {background: url(boxes/SH26-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlesh29 {background: url(boxes/SH29-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlesh33 {background: url(boxes/SH33-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlesh37 {background: url(boxes/SH37-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlesh40 {background: url(boxes/SH40-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlesh40ca {background: url(boxes/SH40-CA-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlesh42 {background: url(boxes/SH42-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlesh42S {background: url(boxes/SH42S-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlesh43 {background: url(boxes/SH43-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlesh45 {background: url(boxes/SH45-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlesh46 {background: url(boxes/SH46-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlesh50 {background: url(boxes/SH50-Main-Title.gif) no-repeat; width: 272px; height: 100px; margin: 0 0 10px 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#maintitleattachment {background: url(titles/h1-attachment.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#maintitlewhy {background: url(titles/h1-why.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}

/* KIT TITLES */
h1#titleaprilia {background: url(kits/h1-aprilia.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#titlebmw {background: url(kits/h1-bmw.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#titledaelim {background: url(kits/h1-daelim.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#titlederbi {background: url(kits/h1-derbi.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#titlegilera {background: url(kits/h1-gilera.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#titlehonda {background: url(kits/h1-honda.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#titlehyosung {background: url(kits/h1-hyosung.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#titlekawasaki {background: url(kits/h1-kawasaki.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#titlektm {background: url(kits/h1-ktm.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#titlekymco {background: url(kits/h1-kymco.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#titlepeugeot {background: url(kits/h1-peugeot.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#titlepiaggio {background: url(kits/h1-piaggio.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#titlesuzuki {background: url(kits/h1-suzuki.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#titlesym {background: url(kits/h1-sym.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#titleyamaha {background: url(kits/h1-yamaha.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}

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

#sh26thumb {background: url(thumbs/sh26.jpg) no-repeat;}
#sh29thumb {background: url(thumbs/sh29.jpg) no-repeat;}
#sh33thumb {background: url(thumbs/sh33.jpg) no-repeat;}
#sh37thumb {background: url(thumbs/sh37.jpg) no-repeat;}
#sh40thumb {background: url(thumbs/sh40.jpg) no-repeat;}
#sh40cargothumb {background: url(thumbs/sh40cargo.jpg) no-repeat;}
#sh42thumb {background: url(thumbs/sh42.jpg) no-repeat;}
#sh42Sthumb {background: url(thumbs/sh42side.jpg) no-repeat;}
#sh43Sthumb {background: url(thumbs/sh43side.jpg) no-repeat;}
#sh45thumb {background: url(thumbs/sh45.jpg) no-repeat;}
#sh46thumb {background: url(thumbs/sh46.jpg) no-repeat;}
#sh50thumb {background: url(thumbs/sh50.jpg) no-repeat;}

/* MAIN 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, #columntwo em {font-size: 10px; line-height: normal;}
#columnone .red, #columntwo .red, dt .red, .red {color: #ee3123;}
#columnone h2, #columntwo 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 .color {background: url(features/color.gif) left no-repeat;}
#columnone .onehelmetoneglove {background: url(features/1-Glove-1-Helmet.gif) left no-repeat;}
#columnone .onehelmet {background: url(features/1-Helmet.gif) left no-repeat;}
#columnone .onehelmetonejet {background: url(features/1-Helmet-1-Jet.gif) left no-repeat;}
#columnone .twohelmets {background: url(features/2-Helmets.gif) left no-repeat;}
#columnone .lock {background: url(features/lock.gif) left no-repeat;}
#columnone .backrest {background: url(features/backrest.gif) left no-repeat;}
#columnone .light {background: url(features/light.gif) left no-repeat;}
#columnone .strap {background: url(features/strap.gif) left no-repeat;}

#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;}
#specchartbottom p {margin: 0 0 10px 10px;}

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: 120px; border-bottom: 1px solid #424242; margin: 0 0 0 0; padding: 4px 0 4px 0; font-weight: bold;}
dd { float: left; width: 130px; border-bottom: 1px solid #424242; margin: 0 0 0 0; padding: 4px 0 4px 0; text-align: right;}

/* MOUNTING KITS GRID */
#attachmentgrid {width: 544px; height: 787px; background: url(kit-attachment-chart.jpg) no-repeat; overflow: hidden; position: relative; margin: 15px 0 15px 0;}
#attachmentgrid #textone {display: block; width: 240px; float: left; margin: 15px 0 0 15px;}
#attachmentgrid #texttwo {display: block; width: 240px; float: right; margin: 15px 15px 0 0;}
#attachmentgrid #textone p, #attachmentgrid #texttwo p {color: #373737; font-size: 11px; line-height: 16px;}
#attachmentgrid p strong {color: #ee3123;}

/* MOUNTING KITS CHARTS */
#nav {clear: both; overflow: hidden;}
#nav a, #nav a:active, #nav a:visited {color:#ee3123; text-decoration:underline;}
#nav a:hover {color:#ee3123; text-decoration:none;}
#nav a.selected, #nav a.selected:active, #nav a.selected:visited {background: #fff; color:#121212; text-decoration:none;}

.mountcharttop {width: 544px; background: url(chart-bg-bottom.gif) bottom no-repeat; overflow: hidden;}
.mountchartbottom {width: 544px; background: url(chart-bg-top.gif) top no-repeat; overflow: hidden; padding-bottom: 8px;}
.mountcharttop #nav {clear: both; overflow: hidden; margin: 0 0 0 15px;}
.mountcharttop #nav p {margin: 15px 0 15px 0;}
.hiddencontent .mountchartbottom {display: block; width: 544px; background: url(chart-bg-top.gif) top no-repeat; overflow: hidden; padding-bottom: 12px;}

#nav ul {width: 120px; margin: 0 8px 0 0; padding: 0 0 0 0; float: left;}
#nav li {margin: 0 0 4px 15px;}

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

.mountcharttop dt strong, .mountcharttop dd strong { font-size: 12px !important;}

.list {display: block; margin-top: 13px;}
.list h3 {display: block; margin: 0 0 10px 0; padding: 0 0 0 0; font-size: 14px; color: #ee3123;}
.list {margin-left: 15px;}

#modelmountcharttop {width: 544px; background: url(chart-bg-bottom.gif) bottom no-repeat; overflow: hidden;}
#modelmountchartbottom {width: 544px; background: url(chart-bg-top.gif) top no-repeat; overflow: hidden; padding-bottom: 8px;}
#modelmountcharttop p {font-size: 10px; line-height: normal; margin-top: 10px;}

#modelmountcharttop dl { display: block; width: 510px; margin: 0 0 0 0; padding: 0 0 0 0; overflow: hidden !important; font-size: 11px !important;}
#modelmountcharttop dt { float: left; width: 200px; border-bottom: 1px solid #424242; margin: 0 0 0 0; padding: 4px 0 4px 0; font-weight: bold; overflow: hidden !important;}
#modelmountcharttop dd { float: left; width: 90px; border-bottom: 1px solid #424242; margin: 0 0 0 0; padding: 4px 0 4px 0; overflow: hidden !important; text-align: left;}

#modelmountcharttop dt strong, #modelmountcharttop dd strong { font-size: 12px !important; color: #ee3123;}
#modelmountcharttop dd.msrp {text-align: right !important; width: 40px !important;}