﻿html {width:100%;}
#main-bg {background: url("../Img/Layout/bg-main-t.png") no-repeat center 276px; min-width: 1044px; width: 100%;}
#main-frame {background: url("../Img/Layout/bg-head.png") no-repeat; margin: 18px auto 0; width: 1005px; }
#main-body {background-color:white; width: 1005px; }
#main-header{height:100%; padding:3px 24px 4px;}

#pgLabel {text-align:center; color: White;}
.header-row1, .header-row2{font-size:12px;}
.header-row1{height:203px;}
.header-row1Sm{height:120px;}
.header-row2{clear:both; overflow:hidden;}

.logoSm{ position:absolute; margin-top: 0px;}
.logo{ position:absolute; margin-top: 30px; margin-left: -20px;}
.logo h1{height:0; overflow:hidden; position:relative; text-indent:-9999px;}
.btns-holder{float:right; position:relative; width:670px;}
.shoppingcart{ float:left; position:relative; line-height: 18px; margin-top: 7px; }
.cartlabel{    FONT-WEIGHT: bolder;     COLOR: black}
.cartvalue{    COLOR: darkslategray;    FONT-FAMILY: Arial, Verdana, Tahoma; padding-left:2px; padding-right:2px;}
.cartlink a{ padding-left:5px; font-size: 12px; text-decoration:underline;}
.h3color { text-decoration: underline; display: inline-block; width: 700px; text-align: right;}
.h3color b{font-size: 16px;}

#secondary-menu{float:right; position:relative; width:670px; height:30px; margin-top:0px;}
.social-links{float:right; width:236px; margin: 5px;}
.social-links li{color:#666; float:right; line-height:2; padding-right:6px; list-style: none;}
.social-links li img{float:left; height:21px; padding-right:6px; width:21px;}
.signin-fbook{margin: 24px 0; text-align: center;}
.signin-fbook #fb_login_image{margin:48px auto;}
.btn-sign-in, .btn-connect a{color:#444; font-family:Museo300,verdana,arial,sans-serif; line-height:25px;}
.btn-sign-in{ background:url(../Img/Layout/btn-signin.png) no-repeat; float:right; height:23px; margin:4px 12px 0 3px; text-indent:9px; width:57px;}
.btn-sign-in-fbook{background:url(../Img/Layout/btn-signin-fbook.png) no-repeat; display: inline-block; float:right; margin:4px 0 0 12px; height:23px; text-indent:10px; width:112px; }
.btn-register{ background:url(../Img/Layout/btn-register.png) no-repeat; float:right; margin:-12px 0 0; position:relative; }
.btn-my-profile a{ float:right; margin:-12px 0 0; position:relative;}
.btn-register a,
.btn-my-profile a{ color:#fff; cursor:pointer; display:block; font-family:Museo300,verdana,arial,sans-serif; font-size:14px; height:41px; line-height:41px; text-indent:30px; width:133px; }
.btn-my-profile a{ background:url(../Img/Layout/btn-register.png) no-repeat; }
.btn-sign-in:hover, .btn-connect a:hover, .btn-register a:hover, .btn-my-profile a:hover{text-decoration:none; background:url(../Img/Layout/btn-register.png) no-repeat; }
.btns-holder .log-msg{ float:right; line-height:18px; padding:7px 10px 0 0; }
.btns-holder .log-msg a{font-size: 12px; text-decoration:underline;}

#main-content-header {background: url("../Img/Layout/bodyheader.png") no-repeat; margin-left:15px; min-height:40px; width:975px; }
#main-content-header h1 {padding-left:15px; line-height:18px; padding-top: 10px; color: white; font-size:18px; float:left;}
#main-content-sidenav{ display: inline-block; border-left: 1px solid grey; border-right: 1px solid grey; margin-left:15px; width:973px; background: transparent url(../Img/Layout/bg-contentwrapper.png) repeat-y left top; }
#main-content{ display: inline-block; border-left: 1px solid grey; border-right: 1px solid grey; margin-left:15px; width:973px;  }
#main-banner{ display:block; float: right; /*border: 1px solid black*/; margin-top: 10px;}

#featuredarea-frame{ margin:0 -24px; overflow:hidden; position:relative; width:1023px; }
.link-prev span, .link-next span, .prev-dis span, .next-dis span{ margin-top:12px; text-indent:-9999px; width:24px; }
.prev-dis span{ background:url(../Img/Layout/bg-link-prev-dis.png) no-repeat right; float:left; height:223px; }
.next-dis span{ background:url(../Img/Layout/bg-link-next-dis.png) no-repeat; float:left; height:223px; margin-left: -1px;}
.featuredarea{ float:left; height:250px; width:975px; }
.featuredarea-btm{ background:#fff url(../Img/Layout/bg-gallery-b.png) no-repeat 0 0; border-top:1px solid #444; margin-bottom:10px; height:24px; position:relative; text-align:center; }
.featuredarea #inset {display: block; position:relative; float: left;  width: 973px;  height:250px; background-color: whitesmoke; margin: 0px;}

.main-body-top {display:block; float:left; width:973px; height:690px; margin: 0px;}
.main-video-wrapper {display:block; float:left; width:791px; height: 315px; border:0px solid black;}
.main-video-embed {display:block; float:left; width: 413px; height: 310px; background-color: #D0D0D0;  padding: 6px; margin-left: 7px; margin-right:0px; border:0px solid black;margin-top: 0px;}
.main-video-list {display:block; float:left; padding:0px; width:354px; height: 322px; background-color: #D0D0D0; border:0px solid black;}
.main-classified-list {display:block; float:left; width:425px; height: 355px; background-color: whitesmoke;  padding: 0px; margin-left: 7px; margin-right:0px; border:0px solid black;}
.main-site-news {display:block; float:left; padding:0px; width:354px; height: 355px; background-color: whitesmoke; border:0px solid black;}
.main-skyscraper-ad {display:block; float:right; margin:0 px; padding: 0px 10px 0px 10px; border:0px solid black; }

.main-body-middle {display:block; float:left; width:973px; margin: 0px;}
.main-marketplace-ad {border: 0pt solid; float: left; background-color: white; margin-left:7px; margin-right:7px; margin-bottom:7px; width: 160px; height: 675px; text-align: center;}
.main-product-review {display:block; float:left; width:330px; padding:5px; background-color: #D0D0D0; margin-left:7px; height: 630px; border:0px solid black;}
.main-photo-list {display:block; background-color:whitesmoke; float:right; width:435px; height: 630px; padding: 5px;  margin-right:7px; border:0px solid black;}

.main-body-bottom {display:block; float:left; width:973px; margin-top: 10px;height: 265px;}
.main-article-list {display:block; float:left; padding:5px; width:739px; background-color: whitesmoke; border: 0px solid black; margin: 0px;}
.main-catalog-req {display:block; float:right; padding:5px; width:207px; height: 253px; border: 0px solid black; margin: 0px 7px 0px 0px; background-color: #D0D0D0;}


/*************
Side Navigation
**************/
#menu { display:block; min-height: 750px; width: 180px; padding-right: 1px; /*margin-right: 15px;*/ float: left; background:#383838; }
#menu ul { list-style-type: none;  width: 175px; padding-left: 0px; margin: 0px;}
#menu ul li a { width: 175px; height: 26px; padding-left: 5px; display: block; line-height: 26px; color: #fff; text-transform: uppercase; text-decoration: none; border-top: 1px solid #575757; border-bottom: 1px solid #121212; background: transparent url(../Img/Layout/bg-repeatx.png) repeat-x 0 -121px; overflow: hidden;}
#menu ul li a:hover { border-right: 1 solid black; color: #b31a1a; font-weight: bold; padding-left: 5px; background-position: 0 -149px; overflow: hidden; } 
#menu li.activecat  {  padding-left: 0px; border-right: 1 solid black; font-weight: bold; }

#menu li.activecatX  { display:block;  width: 175px; height: 26px; padding-left: 5px;  line-height: 26px; color: #fff; font-weight:bold; text-transform:uppercase; text-decoration: none; border-top: 1px solid #575757;  background: transparent url(../Img/Layout/bg-repeatx.png) repeat-x 0 -241px; overflow: hidden; margin-left: 0px;}

#menu li.activecat a  { border-right: 1 solid black; color: #fff; font-weight: bold; padding-left: 5px; background-position: 0 -241px; overflow: hidden; }
#menu li.activesubcat a, #menu li.activesubcat a:hover { border-right: 1 solid black;  color: black; padding-left: 10px; width: 170px; background-position: 0 -149px; overflow: hidden; }

#menu li.activesubcatX { display:block;  width: 170px; height: 26px; padding-left: 10px;  line-height: 26px; color: #d16210; font-weight:bold; text-decoration: none; text-transform:uppercase; border-top: 1px solid #575757;  background: transparent url(../Img/Layout/bg-repeatx.png) repeat-x 0 -149px; overflow: hidden; margin-left: 0px;}

#menu li.activesubcat2 { width: 175px; padding-left: 5px; height: 26px; overflow: hidden; }
#menu li.activesubcat2 a, #menu li.activesubcat2 a:hover {  text-transform: none;  border-right: 1 solid black;  color: black; padding-left: 5px; width: 175px; background-position: 0 -149px; overflow: hidden; }


/* #menu li.activesubcat2X { width: 175px; padding-left: 5px;  overflow: hidden; } */
#menu li.activesubcat2X {display:block;  width: 170px; height: 26px; padding-left: 5px;  line-height: 26px; color: #d16210; font-weight:bold; text-decoration: none; border-top: 1px solid #575757;  background: transparent url(../Img/Layout/bg-repeatx.png) repeat-x 0 -149px; overflow: hidden;margin-left: 5px;}

#menu .menu-spacer {display:block;  width: 175px; line-height: 26px; padding-left: 5px; border-top: 1px solid #575757; border-bottom: 1px solid #121212; background: transparent url(../Img/Layout/bg-repeatx.png) repeat-x 0 -121px; overflow: hidden;}

#menu #menu-shimano a { background: url("../Img/Layout/bg-repeatx.png") repeat-x scroll 0 -50px transparent; height: 33px; line-height: 33px; }
#menu #menu-shimano a:hover { background-position: 0 -83px; }
#menu #menu-shimano a img { margin-top:6px; }

#menu a.icon { height: 33px; line-height: 33px; background: transparent url(../Img/Layout/bg-repeatx.png) repeat-x 0 -50px; }
#menu a.icon:hover { background-position: 0 -83px; }
/* #menu a.icon:hover, #menu li.activecat a.icon { background-position: 0 -83px; } */

#menu a.icon span { width: 30px; height: 25px; margin: 4px 5px 0 0; display: block; float: left; background: transparent url(../Img/Layout/bg-sprites.png) no-repeat -985px -17px; }


li#menu-new a.icon span { background-position: -985px -17px; }
li#menu-top a.icon span { background-position: -985px -42px; }
li#menu-sale a.icon span { background-position: -985px -67px; }
li#menu-finder a.icon span { background-position: -985px -92px; }
li#menu-brand a.icon span { background-position: -985px -117px; }
li#menu-video a.icon span { background-position: -985px -142px; }
li#menu-list a.icon span { background-position: -985px -242px; }
li#menu-promos a.icon span { background-position: -985px -267px; }

li#menu-new a.icon:hover span { background-position: -1015px -17px; }
li#menu-top a.icon:hover span { background-position: -1015px -42px; }
li#menu-sale a.icon:hover span { background-position: -1015px -67px; }
li#menu-finder a.icon:hover span { background-position: -1015px -92px; }
li#menu-brand a.icon:hover span { background-position: -1015px -117px; }
li#menu-video a.icon:hover span { background-position: -1015px -142px; }
li#menu-list a.icon:hover span { background-position: -1015px -242px; }
li#menu-promos a.icon:hover span { background-position: -1015px -267px; }


li#menu-brand a.icon:hover span { background-position: -1015px -117px; }


.rightCol{float:right; padding-right:30px; padding-top:13px;}


/* Footer */
#pg-footer{ clear:both; }
.foot-top {background:#383838; margin:0 auto; height:30px; width:975px; padding:12px 0 24px; }
.foot-top a{color:#fff; font-size:11px;}
.foot-top h2{ clear:both; color:#fff; padding:12px 16px 12px; }
.foot-top .columns{ overflow:hidden;}
.foot-top  a.head{ color:#682; font-family:Museo300,verdana,arial,sans-serif; font-size:15px; line-height:1.5; }
.foot-top .col{ float:left; min-height:84px; padding:0 24px; text-indent:15px; width:142px; }
.foot-top .col1{ border-right:1px solid #000; } 
.foot-top .col2{ border-left:1px solid #666; border-right:1px solid #000; }
.foot-top .col3{ border-left:1px solid #666; border-right:1px solid #000; }
.foot-top .col4{ border-left:1px solid #666; border-right:1px solid #000; }
.foot-top .col5{ border-left:1px solid #666; }
.foot-b{ background:url(../Img/Layout/bg-footcols-b.png) no-repeat; height:84px; overflow:hidden; margin:0 auto; width:975px;}

#main-footer{ background: url("../Img/Layout/bg-footer.png") no-repeat; margin: auto; width: 1005px;  height:20px;} 
.foot-btm{ margin: 18px auto 0; width: 1005px;}

.logo-holder{ border-right:1px solid white; float:left; height: 97px; margin-right:36px; padding-right:36px; }
.logo-holder img{ height: 97px; width:175px; }
.copyright{    FONT-SIZE: 12px;    COLOR: white;    FONT-FAMILY: arial;    TEXT-DECORATION: none; }
.copyright a{    FONT-SIZE: 12px;    COLOR: white;    FONT-FAMILY: arial;    TEXT-DECORATION: none; }

ul.foot-nav{ padding: 0px; margin:3px 0; overflow:hidden; width:600px; }


ul.foot-nav li{ border-right:1px solid white; float:left; line-height:1.2; margin-right:9px; padding-right:9px; list-style:none; }
.foot-nav .last{ border:none; }
.foot-nav li a {color:White;}
.links-holder{ float: left; width:460px;}

.ClassifiedListItemSm { height: 100px; overflow: hidden; width: 405px;  margin: 5px; padding:3px;}
.ClassifiedListTitle{ font-weight:bold;}
.ClassifiedListTextSm { float: left; width: 300px; overflow: hidden;}
.ClassifiedTNImage { margin-top: 2px;}
.ClassifiedImage { width: 100px; height: 90px; margin-left: 2px; margin-right: 1px; float: left;}

