html {background:#302e2f url(../images/body-bg.gif) repeat-x;}
body { background:url(../images/outer-bg.jpg) no-repeat;margin:0 auto; padding:0; top:0px; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}

ul,li,h1, h2, h3, h4, h5, h6 {padding:0; margin:0;}
h1 { background:url(../images/background/bg_h1gradient.gif) repeat-x; height:44px; line-height:44px; font-size:2.0em; padding-left:46px; color:#fff; font-weight:normal; clear:both;}
h2 {color:#ff3333; font-size:1.9em; padding-bottom:5px; font-weight:normal;}
h3 {color:#ff3333; font-size:1.6em;padding-bottom:5px; font-weight:normal;margin:0;}
h4 {color:#ff3333; font-size:1.4em; font-weight:normal;}
h4 a {color:#ff3333; font-weight:normal; text-decoration:none;}
h4 a:hover, h4 a:focus {color:#ff3333;  font-weight:normal; text-decoration:underline;}
h5 {color:#ff3333; font-size:1.5em; font-weight:normal; } 
h6 {color:#ff3333; font-size:1.2em; font-weight:bold; border-bottom: 1px solid #cccccc; padding: 2px; margin: 8px auto; width:299px; }
p {padding:5px 0 10px 0; margin:0;}

.fl { float:left; }
.redtext { color: #ff3333; }
.zero { padding:0; margin:0; }
span.date {color:#b4b4b4; font-size:1.1em;}

.page {width:970px; margin:0 auto; padding-top:60px;}
.page .content { background-color:#fff; padding: 0; float:left; width:100%; padding-bottom:15px; }
.page .content .left { background: url(../images/background/bg_content.gif) no-repeat;  width:586px; float:left; padding: 32px 5px 0 46px; }
.page .content .left .column { padding-right:20px; width:280px; float:left; }
.page .content .left .lastcolumn { padding-right: 0px; }
.page .content .left .background { background:url(../images/background/bg_logo_gradient.gif) no-repeat; background-position: 280px 0; }
.page .content .right { float:left; width: 333px; margin: 0 auto; padding-top:32px;} 

.navbg {background:url(../images/nav-bg.png) no-repeat; height:143px; width:970px; z-index:30;position:relative}
* html .navbg {background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/nav-bg.png);}
.nav { clear:both; margin-top:-142px; height:143px; z-index:40;position:relative}
.nav img {padding:20px; border:none;}
.nav h2 {text-indent:-999em; float:left; display:none;}
.nav .logo {width:210px;float:left;position:relative;}

.nav ul.navlinks {padding:66px 0 0 0; font-size:1.4em; list-style:none;  float:left;width:760px;}
* html .nav ul.navlinks {padding:73px 0 0 0; }
.nav ul.navlinks li {display:block;float:left; min-width:50px;width:auto !important;width:50px; white-space:nowrap;text-align:center;padding:0 18px; height:43px; }
.nav ul.navlinks li a {color:#fff; text-decoration:none; text-transform:uppercase; display:block;position:relative; }
.nav ul.navlinks li a:hover, .nav ul.navlinks li a:focus {color:#e62b21;}
.nav ul.navlinks li a.on {color:#e62b21;  position:relative; height:43px; overflow:visible; background:url(../images/nav-arrow.gif) no-repeat center bottom; }

.nav ul.subnav {clear:both; margin:0; padding:0 39px; list-style:none; z-index:60; position:relative; }
.nav ul.subnav li {padding:0px ; font-size:1.1em; display:inline;}
.nav ul.subnav li a {color:#000; text-decoration:none; text-transform:uppercase;  padding:0 6px; border-left:1px solid black; display:inline;}
.nav ul.subnav li.first a {padding:0 8px 0 0; border:none;}
.nav ul.subnav li a:hover, .nav ul.navlinks li a:focus {color:#fff;}
.nav ul.subnav li a.on {color:#fff; }

.flasholder { margin-top:-25px; z-index:10; position:relative; float:left;}
.flasholderhome { margin-top:-25px; }
.flasholder .link { position:absolute; right: 35px; bottom: 20px; z-index:110; float:left; }
.home .content {background:#fff; overflow:hidden; margin-bottom:10px;  padding:10px 25px; float:left; width:920px}
.home .content .topnewsitem	{width:529px; float:left; margin-right:20px;}
.home .content .topnewsitem img {border:3px solid #bfbfbf; margin-right:20px;}
.home .content .newsextra {width:330px; float:left;}

.footer {background:url(../images/footer-bg.gif) no-repeat; height:143px; color:#222122; font-size:1.1em; padding:18px 20px 0 25px; clear:both;}
.footer .links {float:left; width:400px; padding:10px 0 0 0;}
.footer a {color:#ff3333; text-decoration:none; padding:0px 5px;}
.footer a.willogo {float:right;padding:0 76px 0 0;line-height:36px;display:block;width:105px;background:url(../images/wiliam-logo.gif) no-repeat right top;}

.content { margin-bottom:10px; }
.content p {font-size:1.2em;}
.content p span {color:#b4b4b4;}

.featurednews { clear:both; margin:0 auto; width:301px;}
.featurednews img { border: 1px solid #000000; } 
.fnbottom { background:url(../images/background/bg_newfeatured.gif) no-repeat; padding:10px; width:281px; height:31px; font-size:1.1em; color:#fff; margin:0 auto;}

.promonews { clear:both; margin:0 auto; width:299px; border-left: 1px solid #999999; border-top: 1px solid #999999; border-right: 1px solid #999999}
.promonews img { border: 0 } 
.pbottom { background:url(../images/background/bg_promo.gif) no-repeat; padding:10px; width:281px; height:31px; font-size:1.1em; color:#fff; margin:0 auto; text-align:right; line-height:5px;}
.pbottom a { background:url(../images/background/bg_promo_lm.gif) no-repeat; padding-left: 14px; background-position:left 2px; color:#fff; text-decoration:none;}
.pbottom a:hover { text-decoration:underline; color:#fff;}

/* brands page */
ul.brands { margin-top: 32px; } 
ul.brands a { color: #ff3333; text-decoration:none; }
ul.brands a:hover { color: #ff3333; text-decoration:underline; }
ul.brands li.last { border-right: 0; padding-right:0px; }
ul.brands li { list-style-type:none; height:97px; float:left; width: 286px;padding: 0 13px 0 18px; border-right: 1px solid #e7e7e7; font-size:1.1em; overflow:hidden; }
ul.brands li .img { float:left; width: 94px; }
ul.brands li .text { float:left; width:170px;height:97px; padding-left: 20px;background:url(../images/background/bg_logo_gradient.gif) no-repeat; background-position: 5px 0; } 

ul.aitems li { border: 0; width: 347px; padding:0 10px 0 0; height:115px; margin-bottom: 5px; } 
ul.aitems li .text { width: 233px; padding-left: 20px; } 
ul.aitems li .acname { font-size: 1.3em; color: #808080; line-height:1.5em; }
.aprice { font-size: 1.1em; color: #808080; line-height:1.5em; }
.aprice span { font-size: 1.1em; color: #000; font-weight:bold; }
.aleft .aprice { font-size: 1.2em; }

/* news */
h4.h4news { margin-top:10px; }
.news {  }
.news img { border: 1px solid #000000; } 
.newsbottom { background:url(../images/background/bg_news.gif) no-repeat; padding:10px; width:260px; height:30px; font-size:1.1em; color:#fff; margin:0 auto 10px auto;}

/* contact form */
.contact { clear:both; background:url(../images/background/bg_contactus.gif) no-repeat; width:554px; min-height:310px; height:auto !important; height:310px; padding:15px; } 
.contact table tr td.first { padding-right:18px; }
.contact table td { padding-bottom:10px; }
.contact label { font-size: 1.2em; } 
.contact span.required { color: #999999; font-size:1.2em; }
input.txt { width:260px; border: 1px solid #cccccc; height:22px; line-height:22px; } 
textarea.txt { width:544px; border: 1px solid #cccccc; height:98px; } 
.cu { width:305px;}
.cubottom { background:url(../images/background/bg_cubottom.gif) no-repeat; padding:5px 10px; width:285px; height:60px; font-size:1.1em; color:#fff; margin:0 auto;}

/* bikes landing */
.fbikes { clear:both; padding: 32px 20px 0 20px;  font-size:1.1em; }
.bikes { float:left; width: 289px;padding: 0 10px 0 10px; border-right: 1px solid #e7e7e7; min-height:282px; height:auto !important; height:282px; }
.bikes .thumb { text-align:center; margin-bottom:15px; }
.bikes .desc { float:left; height:97px;}
.bikes .desc .img { float:left; width: 94px; }
.bikes .desc .text { float:left; height:97px; width:170px; padding-left: 20px;background:url(../images/background/bg_logo_gradient.gif) no-repeat; background-position: 5px 0; } 
.bikes .desc .text h4 { margin-bottom: 3px; }
.fblast { border-right:0; }


/* bike landing */
.bikeselector { border-top: 1px solid #c7c7c6;border-left: 1px solid #c7c7c6;border-right: 1px solid #c7c7c6; float:left; width:927px; margin-top:20px;  }
.bstopbar { position:relative; float:left; width:100%; z-index:1; height:98px;margin-bottom:20px; }
.bstopbar ul { position: absolute; bottom: 8px; left:0; list-style:none; float:left;z-index:1000;}
.bstopbar ul li { background:url(../images/tab_logo.gif) no-repeat; height: 51px; width: 185px; float:left; margin-bottom: -8px; background-position: left 6px; margin-right:1px;z-index:1000; position:relative; text-align:center; padding-top:12px;}
.bstopbar ul li img { border:0; }
.bstopbar ul li.on { background:url(../images/tab_logo_on.gif) no-repeat; }
.bstopbar ul li.first { margin-left:-1px; }
.bstopbar ul li.last { margin-right:-1px; }
.bstopbar ul li a { display:block; position:relative; }
.bsgrey { height: 60px; width:887px; padding:15px 20px; float:left; background:url(../images/background/bg_bike_grey.gif) repeat-x; position:absolute; z-index:1; font-size:1.4em; color:#757573; }
.bsred { height: 8px; width:929px; float:left; background:url(../images/background/bg_bike_red.gif) repeat-x; position:absolute; z-index:1; bottom:0; left:-1px;}
* html .bsred { bottom: -6px; }
.bsbottom { width: 929px; background:url(../images/background/bg_bikeselectwhite_btm.gif) no-repeat; height:12px; float:left;} 

.bsfinder { padding: 0 15px 20px 20px; clear:both;  }
.bsfinder .brandinfo { float:left; width:346px; margin-right: 15px; }
.bsfinder .usefinder { font-size:1.1em; padding-right:15px; padding-top:20px; background:url(../images/red_arrow.gif) no-repeat; background-position:310px 33px; }

.bsfinder .finder {  width:531px; float:left; }
.bsfinder .bsftop { float:left;background:url(../images/background/bg_biketopselect.gif) no-repeat; height: 45px; width:531px; padding: 11px 0px; }
.bsfinder .bsftop .bsfc { float:left; width:250px; padding-left:13px;  }
.bsfinder .bsftop .bsfc span { float:left; height:45px; font-size:1.9em; color:#ff3333; margin-right:5px;  }

.bsfinder .bsfbody { background:url(../images/background/bg_bikeselect_rpt.gif) repeat-x; background-position: 0 bottom; background-color: #f0f0eb; float:right; min-height:201px; height: auto !important; height:201px; width:100%; width:531px;}
.bsfinder .bsfcolumn { float:left; min-height:201px; height: auto !important; height:201px; }
.bsfinder .bsfleft { border-left: 1px solid #a2a2a1; border-right:1px solid #999996; width: 264px; }
.bsfinder .bsfright { border-left: 1px solid #f4f4f1; border-right:1px solid #a2a2a1; width: 263px;}
.bsfinder .bsfbottom { background:url(../images/background/bg_bikeselectbtm.gif) no-repeat; width: 531px; height: 15px; float:right; }

.bsfinder ul.list { padding: 20px 0 0 40px; list-style-type:none; font-size:1.2em; }
.bsfinder ul.list li { margin-bottom: 5px; }
.bsfinder ul.list a { color: #000; text-decoration:none; }
.bsfinder ul.list a:hover { color: #000; text-decoration:underline; }
.bsfinder ul.list a.on { color: #ff3333; text-decoration:none; font-weight:bold; }

/* bike detail page */
.breadcrumb { background-color:#f2f2ed; font-size:1.5em;padding-left:46px; color:#ff3333; height:33px; padding-top:11px; } 
.breadcrumb a { color:#ff3333;  text-decoration:none; }
.breadcrumb a:hover { color:#ff3333; text-decoration:underline; }

.detailbike { padding: 20px 20px 0px 20px; float:left;}
.detailbike .img { min-height: 371px; height: auto !important; height: 371px; width:621px; background: url(../images/background/bg_bd_longgrad.gif) no-repeat; background-position:right; position:relative; float:left; text-align:center; }
.detailbike .img .icons { position:absolute; right:15px; top:15px; }
.detailbike .img .icons a { cursor:pointer; }
.detailbike .info { float:left; padding: 15px; width:279px; }
.detailbike .info .button { text-align:center; margin-top: 15px; }
.detailbike p span { font-size: 1.7em; color:#000;  } 

.bdtopbar { height:87px;}
.bdtopbar ul li { background:url(../images/tab.gif) no-repeat; height: 32px; margin-bottom: -8px; background-position: left 5px; padding-top:15px; font-size: 1.3em;}
.bdtopbar ul li a { color: #f33;text-decoration:none; }
.bdtopbar ul li a:hover { text-decoration:underline; }
.bdtopbar ul li.on { background:url(../images/tab_on.gif) no-repeat; }
.bdtopbar ul li.on a { color: #000;  text-decoration:none; }
.bdtopbar ul li.on a:hover { text-decoration:underline; }
.bdgrey { height: 49px; padding:15px 20px; background:url(../images/background/bg_bd_grey.gif) repeat-x; }
* html .bdred { bottom: -5px; }

.whole { width: 100%; }
.subtable { width: 440px; text-align:left; font-size:1.2em;}
.subtable th { color: #f33; border-top: 1px solid #f1f2ed; border-bottom: 1px solid #f1f2ed; padding: 4px 0; }
.subtable td.title { width: 100px; font-weight:bold;  }
.subtable td { vertical-align: top; }
.geotable { width: 880px; }

/* script/noscript stuff */
.showme { display: block; }
.scripthideme { display: none; }

/* special */
.special { margin-bottom: 20px; }
.filter { margin-bottom: 15px; font-size: 1.1em; color:#f33; position:relative; padding: 0 5px 20px 26px; }
.filter .links { float:left; }
.filter .drop { float:right; }
.filter a { color: #f33; text-decoration:none; }
.filter a:hover { color: #f33; text-decoration: underline; }
.filter a.on { color : #000; text-decoration: none; }
.filter a.on:hover { color: #000; text-decoration: underline; }
.text span.specialprice { font-size: 1.5em;  font-weight:bold; line-height:1.4em;}
.text span.price { font-size: 1.2em;  font-weight:bold; color:#777777;line-height:1.4em;}

.paging { clear:both; text-align:right; margin-right:20px; }
.apaging { margin: 0; }
.paging ul { list-style-type:none; float:right; font-size:1.1em; }
.paging ul li { float:left;  }
.paging ul li a { float:left; display:block; color: #d82a21; text-decoration:none; height: 16px;padding: 0 5px; line-height:16px; border:1px solid #e0e0e0; margin-right:1px; }
.paging ul li a:hover { display:block; color: #d82a21; text-decoration:underline;  }
.paging ul li a.on { font-weight:bold; background-color:#f4f4f4; color: #000; }

/* accessories listing */
.alist { padding: 25px 21px 25px 25px; float:left; width:924px; } 
.alistitem { width: 301px; float:left; padding-right:7px; } 
.alistitem h3 { padding: 0 0 10px 10px; }
.alistitem p { padding:0 10px; }
.alistitem ul { padding:10px; list-style-type:none; }

/* accessories navigation */
.anav { width: 185px; float:left; margin-right:25px;}
.anav p { padding:0; margin:0; line-height:31px; padding-left: 15px; }
.anavtop { background:url(../images/background/bg_accessory_tree_top.gif) no-repeat; width: 185px; min-height:35px; height:auto !important; height:35px; float:left; }
.anavbody { width: 183px; float:left; border-left:1px solid #f0f0f0; border-right: 1px solid #f0f0f0; font-size:1.4em; }
.anavbottom { background:url(../images/background/bg_accessory_tree_btm.gif) no-repeat; width: 185px; height:24px; float:left; }

.anav ul {list-style-type:none; font-weight:normal; background-color:#fdfdfc;} 
.anav a { color: #ff3333; text-decoration:none; display:block; padding: 3px 0px;border-bottom:1px solid #f0f0f0; }
.anav a:hover { color: #ff3333; text-decoration:underline; }
.anav a.on { color: #000; }
.anav a.red { background:url(../images/background/red_arrow.gif) no-repeat; background-position: 10px 8px; }
.anav a.black { background:url(../images/background/black_arrow.gif) no-repeat; background-position: 10px 8px; }
.anav ul ul { font-size: 0.9em; }
.anav ul ul ul li a { border: 0; }
.anav ul ul ul li a.last { border-bottom:1px solid #f0f0f0; }
.anav ul a.last { border: 0; }
.anav ul li.first { font-weight: bold; }
.anav ul li a { padding-left: 20px; }
.anav ul li ul li a { padding-left: 35px; }
.anav ul li ul li ul li a { padding-left: 50px; }

/* accessories bread crumb */
.abread { width: 100%; float:left; margin-bottom: 20px; }
.abread ul { list-style-type: none;  }
.abread li { float: left; margin-right:3px; }
.abread a { text-decoration: none; color: #f33;}
.abread a:hover { text-decoration: underline; }
.abread a.on { color:#000; }

/* accessories product listing */
.aproducts { float:left; width: 714px; }
.aproducts h2 { color: #000; font-weight: bold; }

.aleft { float:left; width: 270px; margin-right:35px; background:url(../images/background/bg_bd_longgrad.gif) no-repeat; background-position: right 0; min-height: 371px; height:auto !important; height: 371px; }
.aright { float:left; width: 409px; }
.aright { position: relative; }
/*
.aright ul { font-size: 1.2em; } 
.aright ul li { list-style:none; background:url(../images/body_arrow.gif) no-repeat; padding-left: 15px; background-position:left 6px; margin-bottom:5px; position:relative; }
*/
.aright .icons { position:absolute; left: 0; bottom: -60px; }

/* WYSIWYG styling */
.wysiwyg ul { font-size: 1.2em; } 
.wysiwyg ul li { list-style:none; background:url(../images/body_arrow.gif) no-repeat; padding-left: 15px; background-position:left 6px; margin-bottom:5px;  position:relative; }
.wysiwyg a { color: #f33; text-decoration:none; }
.wysiwyg a:hover { color: #f33; text-decoration:underline; }


.featuregallery {float:left; margin-left:20px;}
*html .featuregallery {margin-left:10px;}

/*   popup   */
#modalOverlay {background-color:#000; }

/* Container */
#modalContainer {height:440px; width:600px; left:50%; top:15%; margin-left:-300px; color:#3d3d3d; font-family:arial; float:left; position:relative;}
#modalContainer a.modalCloseImg {background:url(/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
* html #modalContainer a.modalCloseImg {background:url(/images/close.gif) no-repeat top right; height:1%; width:25px; height:25px; position:relative; top:8px; right:-8px; float:right;}

#basicModalContent { display:none; float:left;}
#basicModalContent .mainarea {float:left; width:598px;border-top:1px solid #a2a2a1;border-left:1px solid #a2a2a1;border-right:1px solid #a2a2a1;}
#basicModalContent h2 {font-size:1.2em; padding: 10px 0 10px 30px; font-weight: bold; color:#fff; background:#000 url(/images/popup-h2-bg.gif) repeat-x top left; border-bottom:1px solid #737272;}
#basicModalContent .h2footer {background:url(/images/h2-footer.gif) repeat-x top left; height:13px;clear:both; float:left; width:598px;}
#basicModalContent .galleryimage {text-align: center;width:598px; background-color:#000;}
#basicModalContent .caption {padding: 10px 30px 10px 30px; background-color:#ccc; color:#000; font-size:1.1em; float:left; width:538px;}

#basicModalContent .popuppaging {background:url(/images/paging-bg.png) no-repeat bottom left; height:13px; padding: 8px 30px 10px 30px; float:left; width:540px; border:0;}
* html #basicModalContent .popuppaging {background:url(/images/popup-paging-bg.gif) no-repeat bottom left; height:9px; margin:0;  padding: 8px 30px 1px 30px;}

#basicModalContent a.gallpaging {font-weight: normal; text-transform:uppercase; color:#000; text-decoration:none; margin:0; }
#basicModalContent a.previous { background:url(/images/left.gif) no-repeat top left; padding-left:25px; height:20px; padding-top:2px; float:left; }
#basicModalContent a.next { background:url(/images/right.gif) no-repeat top right; padding-right:25px; height:20px; padding-top:2px; float:right;}