@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; font-family:Arial, Helvetica, sans-serif; }
strong { font-weight:bold; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height:1.125em; /* 16×1.125=18 */ color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; list-style:none; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0 }
body { background-image: url(../im/sitebg-sub.jpg); background-repeat: repeat-x; font-family:Arial, Helvetica, sans-serif; }
body.home { background-image: url(../im/sitebg.jpg);}
p, li { font-size:0.75em; }
#nav li { font-size:1em; }
h2, p { margin:0 0 1em 0; }
h1 { font-size: 1.125em; font-weight: bold; color:#005BA3; margin:0 0 1em 0; }
h2 { font-size: 1.125em; font-weight: bold; color:#00AEEF; }
h3 { font-size: 1.125em; font-weight: bold; color:#005BA3; } 
h4 { font-size: 0.9em; font-weight: bold; color:#000; margin:1em 0 0 0; } 
a { color:#005BA3; }


#wrapper { margin: 0 auto; width: 56.875em; }
#basket { background-image: url(../im/logo.jpg); background-repeat: no-repeat; text-align: right; height: 95px; background-position: 30px 23px; }
#basket p { padding: 33px 0 0 0; color:#005BA3; font-size:0.75em; }
#basket a { color: #005BA3; }
#nav { background-image: url(../im/bg-nav.jpg); background-repeat: repeat-x; height: 32px; border-bottom:1px solid #fff; background-color: #1AA5EA; }
#nav ul { float:left; }
#nav a.account { float:right; background:none; color:#fff; text-decoration:none; font-weight:bold; font-size: 0.75em; line-height:32px; padding:0 0.5em 0 0; }


.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none;z-index:99;font-family:Arial,Helvetica,sans-serif;}
.sf-menu{line-height:32px;}
.sf-menu ul{position:absolute;top:-999em;width:10em;}
.sf-menu>ul{position:absolute;}
.sf-menu ul li{width:100%;}
.sf-menu li .chevron{font-weight:bold;color:#8dc63f;}
.sf-menu li:hover{visibility:inherit;}
.sf-menu li{float:left;position:relative;}
.sf-menu a{display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0px;top:32px;width:150px;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:150px;top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:10em;top:0;}
.sf-menu{float:left;margin-bottom:0;}
.sf-menu a{display:block; padding:0 1.5em 0 1.5em; margin:0; color:#fff; text-decoration:none; position:relative; float:left; font-size: 0.75em; background-image: url(../im/bg-nav-divider.jpg); background-repeat: no-repeat; background-position: right top; font-weight: bold;}
.sf-menu a:hover{color:#005BA3;}
.sf-menu a,.sf-menu a:visited{color:#fff;}
.sf-menu li{ display:block; float:left; padding:0; margin:0; position:relative; display:block; float:left; height:23px; width:auto; }
.sf-menu li li{ text-align:left; height:auto; border:none; background-color:#1AA5EA; line-height:1em; border-top: 1px solid #fff; }
.sf-menu li li:hover{}
.sf-menu li:hover a{color:#005BA3; }
.sf-menu li:hover li a{color:#fff; width:100%;}
.sf-menu li li:hover a{ color:#005BA3; }
.sf-menu li li:hover li a{ color:#fff; }
.sf-menu li li li:hover a{ color:#005BA3; }
.sf-menu li li a{padding:7px 10px 7px 10px; background:none;}
.sf-menu li li.indent a{padding-left:15px;font-weight:normal;}
.sf-menu li li li{background:#1AA5EA;font-weight:normal; border-top:none;border-bottom: 1px solid #fff;}
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active,.sf-menu li.active a{outline:0;}
.sf-menu li.active li a{color:#fff;}
.sf-menu li li a.sf-with-ul{min-width:1px;}
.sf-menu li li a .sf-sub-indicator{position:absolute;display:block;right:.75em;top:.55em;width:10px;height:15px;text-indent:-999em;overflow:hidden;background:url('../images/arrows-ffffff.png') no-repeat -10px -100px;background-position:-10px 0;}
a>.sf-sub-indicator{top:.3em;background-position:0 -105px;}
a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator{background-position:-10px -105px;color:#7b7c7e;}
.sf-menu ul .sf-sub-indicator{background-position:-10px 0;}
.sf-menu ul a>.sf-sub-indicator{background-position:0 0;}
.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator{background-position:-10px 0;}
.sf-shadow ul{background:url('../images/shadow.png') no-repeat bottom right;padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px;}
.sf-shadow ul.sf-shadow-off{background:transparent;}










#homepanel { position: relative; background-image:url(../im/hpbanner_new.jpg); height: 374px; width: 910px; }
#homepanel #image1 { background-image: url(../im/hpbanner_main.jpg); height: 374px; width: 910px; position: absolute; }
#homepanel #newstockbutton { position:absolute; left: 805px; top: 253px; }
#homepanel.sub #newstockbutton { position:absolute; left: 815px; top: 5px; float: none; margin:0; }
#homepanel #newstockpanel { height: 374px; width: 910px; position: absolute; }
#homepanel #storebutton { position:absolute; left: 818px; top: 280px; display: none; }
#homepanel #hpthumbs { width: 270px; margin: 15px 0 0 320px; float:left; }
#homepanel #hpthumbs img { margin: 0 10px 10px 0; cursor: pointer; }
#homepanel #descriptions { float:left; width:300px; margin:15px 0 0 0; position:relative; }
#homepanel #descriptions a { color:#FFD24F; }
#homepanel #descriptions p { font-size: 0.75em; color:#fff; margin:0 0 1em 0; }
#homepanel #descriptions p.title, #homepanel #descriptions p.price { color:#FFD24F; font-size:1em; font-weight:bold; margin:0 0 1em 0; }
#homepanel #descriptions p.pcode { margin:0 0 0.5em 0; }
#homepanel #descriptions p.price { font-size: 1.2em; }
#homepanel #descriptions div { display:none; position:absolute; top:0; left:0; }
#mybike { margin: 1.3em; position: absolute; width: 257px; height: 309px; }
#maincontent #mybike { margin:0 2em 0 0; position:relative; padding: 0 2em 0 0; width: 348px; height: auto; border-right: 1px dotted #A7A9AC; float: left; }
#mybike label { display:block; font-size:0.9em; color:#fff; margin:0.625em 0 0.32em 0; }
#maincontent #mybike label { color:#000; font-size:inherit; }
#mybike select { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; width:257px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#mybike #findparts, #mybike #go { color: #00AEEF; background:none; border:none; border-bottom:1px dotted #A7A9AC; cursor:pointer; font-size:0.85em; color:#fff; margin:5px 0 5px 0; width:100%; text-align:right; padding: 0 0 5px 0; }

#mybike #go { width: 20px; margin:0; border:none; padding:0; font-size:0.75em; font-weight: bold; }
#mybike #findparts:hover, #mybike #go:hover { color: #FFD24F; }
#mybike #findparts { font-weight: bold; border: none; font-size: 1em; width: 257px; }
#homepanel #mybike #findparts { color:#fff; }
#mybike h2 { color: #FFD24F; display:block; float:left; padding: 4px 7px 0 0; font-size: 0.75em; }
#mybike p { font-size:0.85em; margin:0; }
#maincontent #mybike p, #maincontent #mybike #lblStatus { font-size:0.75em; }
#mybike #searchtext, #searchform #searchtext  { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; border:none; background-color:#404042; background-color:#fff; background-image:url(../im/bg-searchbox.jpg); background-repeat:no-repeat; width:129px; height:18px; padding:2px 0 0 35px; }
#mybike #lstParts { height: 187px; width: 348px; border:1px dotted #A7A9AC; margin:1em 0 0 0; font-size:0.75em; padding: 0.5em; }

#searchform #searchtext {background-image:url(../im/bg-searchbox-blue.jpg); }
#homepanel.sub { background-image: url(../im/hpbanner_sub.jpg); background-position: left bottom; background-color: #005AA6; background-repeat: no-repeat; height: 113px; }
#homepanel.sub div { float: left; margin: 20px 0 0 20px; }
#searchform { margin: 0px; }
#searchform h2, #homepanel h2 { font-size:1em; font-weight:bold; }
#searchform label { font-weight:bold; color:#fff; font-size: 0.9em; float: left; display: inline; }
#searchform label.narrow { width:7em; }
#searchform select, #searchform input { width:10em; }
#searchform #Go { width:auto; background:none; border:none; color:#00AEEF; font-size:0.8em; font-weight:bold; cursor:pointer; }
#searchform p { height:2em; }
a.help { color: #FFD24F; display: block; width: 100%; padding: 0 0 5px 0; border-bottom: 1px dotted #A7A9AC; background-image: url(../im/icon-qmark-yellow.png); background-repeat: no-repeat; background-position: right center; text-decoration: none; }
a.help2 { color: #FFD24F; display: block; width: 100%; padding: 0 0 5px 0; background-image: url(../im/icon-qmark-yellow.png); background-repeat: no-repeat; background-position: right center; text-decoration: none; position: absolute; }
#footer { font-size: 0.9em; padding: 15px; border-top:1px dotted #A7A9AC; border-bottom:1px dotted #A7A9AC; }
#footer ul { float:left; }
#footer li { display:inline; line-height:1; }
#footer li a { color:#A7A9AC; text-decoration:none; padding:0 1em; border-right:1px solid #A7A9AC; }
#footer li a.last { border:none; }
#footer a.twitter { display:block; float: right; }
#manlogos { padding:8px 0 0 18px; }
#manlogos a { display:block; float:left; padding:0.6em; color:#A7A9AC; text-decoration:none; }
#maincontent { padding: 1em; width: 54.875em; }
.col1home, .col2home, .col3home { float:left; }
.col1home { width:16.8em; border-right: 1px dotted #414042; margin:0 1em 0 0; padding:0 1em 0 0; }
.col1home h2 a { color:#005BA3; text-decoration:none; background-image:url(../im/but-see-more.png); background-repeat:no-repeat; background-position:right top; display:block; }
.products { position:relative; overflow:hidden; width: 16.8em; height:350px; }

div.products div.items { /* this cannot be too large */ width:20000em; position:absolute; }
div.products div.items div.productgroup { float:left; }
.product { border-bottom:1px dotted #A7A9AC; padding: 0 0 1em 0; margin: 0 0 1em 0; width: 16.8em; }
#relateditems .product { border:none; }
.productlist .product { float:left; margin:0 32px 10px 0; }
#relateditems .product { float:left; border:none; margin:0; }
.productlist .product.third, #relateditems .product.third { margin:0 0 10px 0; border-right:none; }
.product.last { border-bottom:none; }
.product .desc { float:left; width: 140px; }
.product .price { background-image:url(../im/bg-red-top.jpg); width:91px; background-color: #EB1C24; background-repeat:no-repeat; }
#relateditems .product .price { background-image:url(../im/bg-blue-top.jpg); background-color:#005aa4; }

.product .price p { margin:0; padding:10px; color:#fff; font-size: 1.2em; font-weight:bold; }
.product .price p a { color:#fff; font-size:0.6em; }
.product h3 { font-size:0.9em; font-weight: bold; height: 2em; margin: 0 0 0.5em 0; }

#preview { text-align:center; margin:0 0 1em 0; } 
#thumbs { text-align:center; margin: 0 0 0.5em 0; }
#thumbs img { width:80px; height:auto; margin:0 0.5em; cursor:pointer; }
.col1home .product img { float:left; }
.col2home { width:22.375em; border-right: 1px dotted #414042; margin:0 1em 0 0; padding:0 1em 0 0; }
.col2home h2 { color:#00AEEF; }
.col2home a { color:#005BA3; }
.col3home { width:11.56em; }
.col3home h2 { color:#58595B; }
.col3home a { color:#58595B; }
.col3home #livechat a { color:#008CC1; font-weight:bold; text-decoration:none; display:block; padding:0em; font-size:0.6875em; }
#livechat { width: 181px; margin: 0 0 1em 0; /* background-image:url(../im/bg-livechat-bot.jpg); background-position: left bottom; background-repeat:no-repeat; background-color:#8DDAF8; */ }
.tooltip { position: absolute; top: 0; left: 0; z-index: 3; display: none; }
#yousearched { margin: 1em 0; padding: 1em 0; border-top: 1px dotted #A7A9AC; border-bottom: 1px dotted #A7A9AC; }
#yousearchedproduct { margin: 0 0 1em 0; padding: 0 0 1em 0; border-bottom: 1px solid #005BA3; }
.pagelist { float:right; width:15em; text-align:right; }
.pagelist.bottom { width:100%; border-top:1px dotted #A7A9AC; padding: 1em 0; margin: 1em 0 0 0; }
.productcol { float: left; width: 16.8em; }
.productcol.col1, .productcol.col2 { margin: 0 0 1em 0; }
.productcol.col2 { padding:0 1em; margin:0 1em; border-right:1px dotted #A7A9AC; border-left:1px dotted #A7A9AC; }
#productsheader h2,#productsheader p { float:left; margin:0; }
#yousearched .pagelist p { float:none; }
#productsheader h2 { font-size:1em; margin:0 1em 0 0; }
#productsheader #apply { color:#00AEEF; background:none; border:none; cursor:pointer; }
#productsheader p { color:#005BA3;}
.productlist { background-image: url(../im/bg-vert-dot.gif); background-repeat: repeat-y; }
#producttitle { border-bottom:1px dotted #A7A9AC; margin: 0 0 1em 0; padding: 0 0 1em 0; }
#producttitle h1 { color:#005BA3; font-size:1em; font-weight: bold; }
#producttitle div.price { background-image: url(../im/prodprice-left.gif); background-repeat: no-repeat; background-color: #ED1C24; color: #fff; font-weight: bold; margin: 0.5em 0 0 0; height:36px; float: left; }
#producttitle p { float:left; font-size: 1.125em; padding:9px; }
#productimages { border-right:1px dotted #A7A9AC; width: 20.25em; float: left; margin: 0 1em 0 0; padding: 0 1em 0 0; }
#producttext { float:left; width: 423px;}
#producttext h2 { font-size:0.8125em; margin:0; }
#producttext ul { list-style-type:disc; margin:0 0 1em 1em; }
#relateditems h2 { color:#005BA3; padding:5px; border-top: 2.5px solid #005BA3; border-bottom: 2.5px solid #005BA3; font-size:1em; margin:1em 0; }

.simple_overlay {	display:none;	z-index:10000;	background-color:#333;	width:675px;		min-height:15;	border:1px solid #666;	-moz-box-shadow:0 0 90px 5px #000;	-webkit-box-shadow: 0 0 90px #000;	}
.simple_overlay .close {	background-image:url(../im/close.png);	position:absolute;	right:-15px;	top:-15px;	cursor:pointer;	height:35px;	width:35px;}
.progress {     position:absolute;     top:45%;     left:50%;     display:none; } 
 #thumbs a.active img {     outline:1px solid #000;     z-index:9999;     position:relative; }
.progress {	position:absolute;	top:45%;	left:50%;	display:none;}
.imright { float: right; }
.flleft { float:left; }
.flright { float:right; }

.green h1,.green h2,.green #productsheader h2,.green #maincontent a { color:#8DC63F;}
.green #productsheader p, .green #productsheader a { color:#008752;}
.green #yousearchedproduct { border-bottom-color:#8DC63F;}
.green #maincontent p { width:700px; }
.green #homepanel.sub { background-image:url(../im/hpbanner_sub-green.jpg); }
.green #homepanel h2 { color:#D7Df23; }

.pink h1,.pink h2,.pink #productsheader h2,.pink #maincontent a { color:#E64097;}
.pink #productsheader p, .pink #productsheader a { color:#A21984;}
.pink #yousearchedproduct { border-bottom-color:#A21984;}
.pink #maincontent p { width:700px; }
.pink #homepanel.sub { background-image:url(../im/hpbanner_sub-pink.jpg); }
.pink #homepanel h2 { color:#E64097; }

.pink #maincontent  .flright { float:right;  }
.textpage #homepanel h2 { color:#fff; }
.textpage #maincontent p { width:540px; }
.dottop, #mybike p.dottop { border-top:1px dotted #A7A9AC; margin:1em 0 0 0; padding:1em 0 0 0; }
.backtomybike { float: right; font-size: 0.9em; font-weight: bold; padding: 1.5em 0 0 0; text-decoration: none; }
.relateditems { position:relative; width: 50em; height:10em; overflow:hidden; float: left; }
.relateditems .items { width:2000em; position:absolute; }

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse { background:url(../im/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 7px; cursor:pointer; font-size:1px; 
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../im/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}