/* 
  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
 */

body {margin: 0; padding: 0; background: #2f2f2e url(bg.gif) top repeat-x; font: 12px arial, sans serif, helvetica; color: #e9e9e9;}

/* MISC. */
a {color: #ee3123; text-decoration: none;}
a:hover {text-decoration: underline;}
li {list-style-type: square;}
p {margin: 0 0 15px 0; line-height: 18px;}
#homebody p {margin: 0 0 15px 0; line-height: 16px;}
h2 {margin: 15px auto;}

/* CONTAINER */
#container {width: 756px; margin: 0 auto;}

/* HEADER */
#header {width: 756px; height: 167px; background: url(header.gif) no-repeat;}

#header h1 {margin: 0 0 0 0; padding: 0 0 0 0;}
#header h1 a {display: block; width: 300px; height: 134px;}
#header h1 a span {display: none;}

#mainav ul {margin: 0 0 0 0; padding: 0 0 0 0; width: 756px; height: 33px;}
#mainav li {list-style-type: none; float: left;}
#mainav li a {display: block; height: 33px;}
#mainav li a span {display: none;}

a#hncatalog {width: 93px;}
a#hnabout {width: 137px;}
a#hndownloads {width: 118px;}
a#hnnews {width: 77px;}
a#hnfeedback {width: 102px;}
a#hnbuy {width: 135px;}
a#hncontact {width: 94px;}

a#hncatalog:hover {background: url(headernav/catalog.gif) no-repeat;}
a#hnabout:hover {background: url(headernav/about.gif) no-repeat;}
a#hndownloads:hover {background: url(headernav/downloads.gif) no-repeat;}
a#hnnews:hover {background: url(headernav/news.gif) no-repeat;}
a#hnfeedback:hover {background: url(headernav/feedback.gif) no-repeat;}
a#hnbuy:hover {background: url(headernav/buy.gif) no-repeat;}
a#hncontact:hover {background: url(headernav/contact.gif) no-repeat;}

#dropmenudiv {position:absolute; border:1px solid #464646; border-bottom-width: 0; font:normal 12px arial; line-height:18px; z-index:100; background: #464646;}
#dropmenudiv a {width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid #464646; padding: 2px 0; text-decoration: none; color: #ee3123;}
#dropmenudiv a:hover {background: #575757 url(white-arrow.gif) right no-repeat; color: #fff;}

/* HOME */
#homebody {display: block; margin-top: 4px; clear: both; overflow: hidden; font-size: 11px;}
#binettocolumn {display: block; width: 568px; height: 330px; background: url(home/binettocolumn-bg.gif) no-repeat; float: left;}
#shadcolumn {display: block; width: 188px; height: 334px; background: url(home/homecolumn-shad-bg.gif) no-repeat; float: left;}
/* #boxcolumn {display: block; width: 188px; height: 330px; background: url(home/homecolumn-box-bg.gif) no-repeat; float: left;}
#covercolumn {display: block; width: 190px; height: 330px; background: url(home/homecolumn-cover-bg.gif) no-repeat; float: left;}
#batterycolumn {display: block; width: 190px; height: 330px; background: url(home/homecolumn-battery-bg.gif) no-repeat; float: left;}
#lockcolumn {display: block; width: 188px; height: 334px; background: url(home/homecolumn-lock-bg.gif) no-repeat; float: left;} */

#homebody h2 {margin: 0 0 0 0;}
#homebody h2 a {display: block; width: 188px; height: 167px;}
#homebody h2 a span {display: none;}

#homebody p {margin: 10px 0 10px 0; padding-right: 15px;}
#homebody #binettocolumn p {padding-left: 15px;}
#homebody #shadcolumn p {padding-left: 18px;}
/*#homebody #boxcolumn p {padding-left: 15px;}
#homebody #covercolumn p, #homebody #batterycolumn p, #homebody #lockcolumn p {padding-left: 18px;} */

#homebody p a {background: url(red-arrow.gif) 0 4px no-repeat; padding: 0 0 0 10px;}

#homesplit {display: block; clear: both; margin-bottom: 3px;}
#homesplit a {display: block; width: 756px; height: 107px; background: url(home/webBikeWorld.jpg) no-repeat;}
#homesplit a span {display: none;}

#homerowtwo {display: block; clear: both; overflow: hidden; font-size: 11px;}

#aboutcolumn {width: 378px; height: 277px; float: left; background: url(home/homerowtwo-about-bg.gif) no-repeat;}
#newscolumn {width: 378px; height: 277px; float: left; background: url(home/homerowtwo-news-bg.gif) no-repeat;}

#aboutcolumn h3 {display: none;}
#aboutcolumn p {padding: 0 15px 0 15px;}

#homedealers {width: 240px; padding: 19px 0 0 17px;}
#homedealers h3 {display: block; width: 177px; height: 13px; background: url(home/title-dealers-retailers.gif) no-repeat; margin: 0 0 0 0;}
#homedealers h3 span {display: none;}
#homedealers ul {margin: 0 0 0 0; padding: 0 0 0 0;}
#homedealers li {list-style-type: none; margin-bottom: 4px;}
#homedealers li a {background: url(red-arrow.gif) 0 4px no-repeat; padding: 0 0 0 10px;}

#homenews {padding: 10px 0 0 17px;}
#homenews h3 {display: block; width: 208px; height: 13px; background: url(home/title-news-updates.gif) no-repeat; margin: 0 0 0 0;}
#homenews h3 span {display: none;}
.newsitem {margin: 10px 0 0 0;}
.newsitem p {margin: 0 0 0 0 !important;}

/* SLIDESHOW */
.jqGSContainer{width:568px;}
.jqGSContainer .jqGSImgContainer{}
.jqGSContainer .jqGSImgContainer ul {padding:0;margin:0;position:relative;list-style:none;}
.jqGSContainer .jqGSImgContainer ul li {padding:0;margin:0;position:relative;margin-top:0;margin-bottom:0px;}

.jqGSContainer {}
.jqGSContainer ul {padding:0 0 0 0;margin:0 0 0 0;}
.jqGSContainer ul li {padding:0 0 0 0;margin:0 0 0 0;list-style-type: none;float: left;}

.jqGSContainer .jqGSPagination {padding:10px 0 0 15px;}
.jqGSContainer .jqGSPagination ul {padding:0 0 0 0;margin:0 0 0 0;}
.jqGSContainer .jqGSPagination ul li {padding:0 0 0 0;margin:0 0 0 0;list-style-type: none;float:left;padding-right:1px;text-align:center;padding-bottom:1px;}
.jqGSContainer .jqGSPagination ul li a {padding:2px 0px;background:#212120;text-decoration:none;display:block;width:20px;font:11px arial; margin-right: 3px;}
.jqGSContainer .jqGSPagination ul li a:hover {background:#212120;color:#fff;text-decoration: underline;}
.jqGSContainer .jqGSPagination ul li a.selected {background: #212120;color:#fff;text-decoration: underline;}

/* SECONDARY CONTAINER */
#secondarycontainer {width: 756px; background: url(background/middle.gif) repeat-y;}
#secondarymiddle {width: 756px; background: url(background/top.gif) top no-repeat; overflow: hidden;}
#secondarybottom {width: 756px; height: 22px; background: url(background/bottom.gif) bottom no-repeat; clear: both;}

/* SECONDARY LEFT COLUMN */
#leftcolumn {width: 188px; float: left; text-align: left;}

#leftcolumn h2 {width: 188px; height: 48px; margin: 0 0 0 0;}
#leftcolumn h2 span {display: none;}

h2#leftnavcatalog {background: url(leftnav/h2-catalog-bg.gif) no-repeat;}
h2#leftnavabout {background: url(leftnav/h2-about-bg.gif) no-repeat;}
h2#leftnavdealers {background: url(leftnav/h2-dealers-bg.gif) no-repeat;}

#leftnavfinddealer a {display: block; width: 188px; height: 67px; background: url(leftnav/find-dealer.gif) no-repeat;}
#leftnavfinddealer a span {display: none;}

#leftcolumn ul {width: 178px; margin: 0 0 0 4px; padding: 0 0 0 0;}
#leftcolumn li {padding: 6px 0 6px 8px; border-bottom: 1px solid #424242; list-style-type: none;}
#leftcolumn li a {display: block; background: url(red-arrow.gif) 0 4px no-repeat; padding-left: 10px;}

#leftcolumn ul#subnav li {padding: 6px 0 6px 15px !important; border-bottom: 1px solid #424242; list-style-type: none;}
#leftcolumn ul#subnav li a {display: block; color: #c1c1c1; background: url(gray-arrow.gif) 0 4px no-repeat; padding-left: 10px;}

#downloadcatalog {width: 188px; height: 98px; background: url(leftnav/download-catalog.gif) no-repeat; margin-top: 5px;}
#downloadcatalog p {margin: 0 0 0 0;}
#downloadcatalog a {display: block; width: 188px; height: 98px;}
#downloadcatalog a span {display: none;}

#keyreplacement {width: 188px; height: 74px; background: url(leftnav/key-replacement.gif) no-repeat; margin-top: 5px;}
#keyreplacement p {margin: 0 0 0 0;}
#keyreplacement a {display: block; width: 188px; height: 98px;}
#keyreplacement a span {display: none;}


/* SECONDARY RIGHT COLUMN */
#rightcolumn {width: 568px; float: left; text-align: left;}
#rightcolumncontent {padding: 12px 12px 0 12px;}

#rightcolumn li {margin-bottom: 4px;}
#rightcolumn h2 {font-size: 16px; color: #ee3123;}

/* BREADCRUMBS */
#breadcrumbs {font-size: 10px; color: #717171; background: url(bread-bg.gif) 0 4px no-repeat; padding: 0 0 5px 10px; border-bottom: 1px solid #424242; margin-bottom: 10px;}
#breadcrumbs a {font-size: 10px;}
#breadcrumbs strong {color: #717171;}

/* SECONDARY PAGE TITLES */
h1#catalogmaintitle {background: url(titles/h1-catalog-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#shadmaintitle {background: url(titles/h1-shad-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#catalogmaintitle span, h1#shadmaintitle span {display: none;}

h1#maintitleaboutbinetto {background: url(titles/h1-about-binetto.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleoutabout {background: url(titles/h1-out-about.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleoutaboutprevious {background: url(titles/h1-previous-events.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleaboutshad {background: url(titles/h1-about-shad.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlenews {background: url(titles/h1-news.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleheadline {background: url(titles/h1-news-headline.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlearchive {background: url(titles/h1-news-archive.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlenewsletter {background: url(titles/h1-newsletter.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleindustrynews {background: url(titles/h1-news-industry.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlecontact {background: url(titles/h1-contact.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitledealers {background: url(titles/h1-dealers.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitledealersapply {background: url(titles/h1-dealer-apply.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitledealertest {background: url(titles/h1-dealer-testimonials.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitledealersinfo {background: url(titles/h1-dealer-info.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlewhere {background: url(titles/h1-where.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleonline {background: url(titles/h1-online-dealers.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlefinddealer {background: url(titles/h1-find-dealer.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlebinettoweb {background: url(titles/h1-binetto-web.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlefeedback {background: url(titles/h1-feedback.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitletestimonial {background: url(titles/h1-testimonial.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitleinstall {background: url(titles/h1-manuals.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#maintitlepdfcatalog {background: url(titles/h1-catalog.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitledealerdownload {background: url(titles/h1-dealer-downloads.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitledownloads {background: url(titles/h1-downloads.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}
h1#maintitlereviews {background: url(titles/h1-reviews.gif) no-repeat; width: 544px; height: 31px; margin: 0 0 10px 0; padding: 0 0 0 0;}

#rightcolumn h1 span {display: none;}

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

#catboxes {background: url(thumbs/boxes.jpg) no-repeat;}
#catbatteries {background: url(thumbs/batteries.jpg) no-repeat;}
#catcovers {background: url(thumbs/covers.jpg) no-repeat;}
#catlocks {background: url(thumbs/locks.jpg) no-repeat;}
#catshadcases {background: url(thumbs/shad-motorcases.jpg) no-repeat;}

/* NEWS PAGE */
#newspage h1 {font-size: 16px; color: #ee3123;}
#newsarchivetop, .newsarchivetop {width: 544px; background: url(chart-bg-bottom.gif) bottom no-repeat; overflow: hidden; margin-bottom: 15px;}
#newsarchivebottom, .newsarchivebottom {width: 544px; background: url(chart-bg-top.gif) top no-repeat; overflow: hidden;}

#newsarchivetop ul, .newsarchivetop ul {margin: 7px 15px 15px 0; padding: 0 0 0 0;}
#newsarchivetop li, .newsarchivetop li {margin: 0 0 0 15px; padding: 8px 0 8px 0; border-bottom: 1px dashed #ccc; list-style-type: none;}

#newsarchives h2, .newsarchives h2 {border-top: 1px dashed #ccc; padding-top: 15px;}

/* CONTACT INFORMATION */
ul.contactlist {margin: 0 0 15px 0; padding: 0 0 0 0;}
ul.contactlist li {list-style-type: none;}

/* TESTIMONIALS */
.testimonial {border-top: 1px dashed #ccc; padding-top: 15px;}
.testimonial strong {color: #ee3123;}

/* DEALER LOCATIONS */
#zipbox {display: block; float: right; width: 150px; height: 100px; background: url(zip-search-box.gif) no-repeat;}
#zipbox span {display: block; padding: 40px 10px 0 8px;}

#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;}

.dealercharttop {width: 544px; background: url(chart-bg-bottom.gif) bottom no-repeat; overflow: hidden;}
.dealerchartbottom {width: 544px; background: url(chart-bg-top.gif) top no-repeat; overflow: hidden; padding-bottom: 8px;}
.dealercharttop #nav {clear: both; overflow: hidden; margin: 0 0 0 15px;}
.dealercharttop #nav p {margin: 15px 0 15px 0;}
.hiddencontent .dealerchartbottom {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;}

.hiddencontent {padding:12px 0 12px 0; display:none; margin-bottom: 10px; overflow: hidden;}
.hiddencontent .dealercharttop h2 {font-size: 16px; color: #ee3123; margin: 15px 0 15px 15px;}
.hiddencontent ul {width: 160px; height: 95px; margin: 0 5px 0 15px; padding: 8px 0 8px 0; float: left; border-top: 1px solid #424242;}
.hiddencontent li {margin: 0 0 4px 0; list-style-type: none; font-size: 11px;}

.onlineretailer {display: block; float: left; width: 175px; text-align: center; margin: 0 3px 15px 3px;}
.onlineretailer img {margin-bottom: 8px;}

/* DOWNLOAD PDF LINK */
.printpdf {display: block; width: 115px; height: 34px; float: right; background: url(pdficon_small.gif) no-repeat; margin: 0 5px 10px 15px;}
.printpdf a {display: block; font-size: 11px; padding: 10px 0 0 32px;}

/* DEALER INFORMATION PAGE */
#dealerposter {display: block; float: right; width: 120px; height: 174px; background: url(dealer/poster-bg.png) top no-repeat; text-align: center;}
#dealerposter span {display: block; padding-top: 164px;}
#dealerpopdisplay {display: block; width: 544px; height: 376px; background: url(dealer/pop-displays.png) no-repeat;}
#dealerpackagedisplay {display: block; width: 544px; height: 185px; background: url(dealer/packaging.png) no-repeat;}

/* DOWNLOADS PAGE */
#downloads h2 {color: #fff !important;}

/* FOOTER */
#footer {background: url(footer.gif) top no-repeat; height: 70px; width: 756px;}
#footercopy {font-size: 10px; color: #a0a0a0; padding: 10px 0 0 3px; float: left;}
#footerlinks {font-size: 10px; color: #a0a0a0; padding: 10px 3px 0 0; text-align: right; float: right;}
#footerlinks a {font-size: 10px; color: #a0a0a0; text-decoration: none;}
#footerlinks a:hover {text-decoration: underline;}

#footer a#hncatalog:hover {background: url(headernav/catalog.gif) 0 3px no-repeat;}
#footer a#hnabout:hover {background: url(headernav/about.gif) 0 3px no-repeat;}
#footer a#hndownloads:hover {background: url(headernav/downloads.gif) 0 3px no-repeat;}
#footer a#hnnews:hover {background: url(headernav/news.gif) 0 3px no-repeat;}
#footer a#hnfeedback:hover {background: url(headernav/feedback.gif) 0 3px no-repeat;}
#footer a#hnbuy:hover {background: url(headernav/buy.gif) 0 3px no-repeat;}
#footer a#hncontact:hover {background: url(headernav/contact.gif) 0 3px no-repeat;}

/* GALLERY */

#productgallery {display: block; width: 272px; height: 272px; background: url(image-gallery-bg.gif) no-repeat;}
#productgallery img {margin: 20px 0 0 11px;}