html, body { height: 100%; width:100% }
body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#666666; padding-bottom:30px; }
div, object, embed { margin:0px; padding:0px; border:0px; }
img.png { }
img.border { border:1px solid #000000 }
.black_arrow
{ vertical-align:middle; margin-right:5px; padding-bottom:4px }
h1 { font-size:1.2em; padding:0px; margin:0px; }
h2 { font-size:1.0em; padding:0px; margin:0px; padding-top:4px; padding-bottom:4px; color:#333333 }
.error { font-weight:bold; color:#DD0000 }
.label { width:120px; margin-right:20px; float:left; text-align:right; padding-top:4px; }
label { font-weight:bold }
.input { float:left; margin-bottom:10px }
.input:after { clear:both; line-height:0px; font-size:0px }
input { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#444444; padding:3px; border:1px solid #444444 }
input[type='checkbox'] { border:0px }
input[type='radio'] { border:0px }
select { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#444444; padding:3px; border:1px solid #444444 }
.add_button { border:0px; padding:0px; border:0px; width:auto; height:auto; margin:0px }
.input_text { width:700px; padding-left:240px }
.clear { display:block; clear:both; font-size:0px; line-height:0px }
#bg_image { background-image:url( '../images/bg-bike.jpg' ); background-position:top left; background-repeat:no-repeat; z-index:1; width:455px; height:104px; poisition:absolute; left:20px; top:0px }
#container { width:100%; position:absolute; top:0px; left:0px; min-width:990px; z-index:2 }
* html #container { width: expression((this.parentNode.offsetWidth <= 990) ? "990px" : "100%"); }
#click { position:fixed; top:0; left:0; right:0px; bottom:0px; background-color:#000000; display:none; z-index:15; filter: alpha(opacity=25); /* ie */ -moz-opacity: .25; /* mozilla */ opacity: 0.25; /* safari */ khtml-opacity: 0.25; /* konquerer */ }
* html #click
{
position:absolute;
left: expression( ( ignoreMe = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) + 'px' );
top: expression( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
width:100%;
height:100%;
}
.popup { display:none; position: absolute; top:0px; left:0px; z-index:20; }
#header { width:100%; height:70px; text-align:right; position:absolute; top:0px; left:0px; }
#header .login { width:414px; height:23px; text-align:right; padding-right:53px; padding-top:8px; position:absolute; top:0px; right:0px; font-weight:bold; color:#ffffff; font-size:12px; background-image:url( '../images/login-background.png' ); background-position:top right; background-repeat:no-repeat; }
#header .login img { vertical-align:top; margin-left:8px }
#header .login a { color:#ffffff }
#header .country { width:360px; height:26px; text-align:right; padding-right:57px; padding-top:12px; position:absolute; top:31px; right:0px }
#left { width:196px; position:absolute; top:41px; left:26px; padding-left:20px; z-index:10; padding-bottom:30px }
#middle { width:100%; position:absolute; top:70px; left:0px; }
#menu { background-repeat:repeat-y; }
#menu .item { margin-left:10px; margin-right:7px; width:177px; background-color:#f5f5f5; border:1px solid #515151; margin-top:-1px; background-image:url( '../images/menu-w-bg.jpg' ); position:top left; background-repeat:no-repeat }
#menu .sub_item { margin-left:10px; margin-right:7px; width:177px; background-color:#e2ebff; border:1px solid #515151; margin-top:-1px; background-image:url( '../images/menu-g-bg.jpg' ); position:top left; background-repeat:no-repeat; }
#menu .selected_item { margin-left:10px; margin-right:7px; width:177px; background-color:#cbd3e6; border:1px solid #515151; margin-top:-1px; background-image:url( '../images/menu-b-bg.jpg' ); position:top left; background-repeat:no-repeat }
#menu a { text-decoration:none; font-weight:bold; color:#555555; }
#menu .name { float:left; width:140px; padding:5px; padding-left:10px; padding-right:10px; }
#menu .arrow { float:left; width:17px }
.countrybox { width:180px; max-height:300px; overflow-y:auto; overflow-x:hidden; border:1px solid #000000; color:#ffffff; font-weight:bold; background-color:#282828;filter: alpha(opacity=97); /* ie */ -moz-opacity: .97; /* mozilla */ opacity: 0.97; /* safari */ khtml-opacity: 0.97; /* konquerer */ }
* html .countrybox { overflow-y:scroll; height: expression( this.scrollHeight > 299 ? "300px" : "auto" ); /* sets max-height for IE */ }
.countrybox a { color:#ffffff; text-decoration:none }
.countrybox .item { width:180px; }
.countrybox .item_selected { width:180px; background-color:#4c4c4c }
.countrybox .flag { width:22px; padding-left:12px; padding-top:8px; float:left }
.countrybox .label { width:100px; padding:12px; padding-top:6px; padding-bottom:6px; float:left }
#toolbar { width:auto; padding-left:242px; padding-right:57px; }
#toolbar1 { width:auto; height:28px; background-image:url( '../images/toolbar1-background.jpg' ); background-position:top right; background-repeat: repeat-x; overflow:hidden }
/* html #toolbar1 { position:absolute; top:0; left:242; bottom:auto; right:auto; width:expression(document.body.clientWidth-242-53); }
*/
#toolbar1 .toolbar1_content { width:auto; background-position:top right; background-repeat:no-repeat; background-image:url( '../images/toolbar1-background-right.jpg' ); font-size:11px; }
#toolbar1 .toolbar1_content .toolbar1_label { padding:10px; padding-bottom:0px; padding-top:7px; float:right }
#toolbar1 .toolbar1_content .toolbar1_label a { color:#ffffff; font-weight:bold; text-decoration:none }
#toolbar1 .toolbar1_content .toolbar1_label a:visited { color:#ffffff; text-decoration:none }
#toolbar1 .toolbar1_content .toolbar1_label a:hover { color:#ffffff; text-decoration:underline }
#toolbar1 .toolbar1_content .toolbar1_separator { width:1px; min-width:1px; height:26px; min-height:26px; background-image:url( '../images/toolbar1-separator.gif' ); background-repeat:no-repeat; background-position:top left; float:right; }
#toolbar2 { width:auto; height:41px; background-image:url( '../images/toolbar2-background.jpg' ); background-position:top right; background-repeat: repeat-x; overflow:hidden }
/** html #toolbar2 { position:absolute; top:28; left:242; bottom:auto; right:auto; width:expression(document.body.clientWidth-242-53); } */
#toolbar2 .left { float:left; width:237px; height:39px; background-image:url( '../images/search-bg.jpg' ); background-position:top left; background-repeat:no-repeat; }
#toolbar2 .left input { margin-left:40px; margin-top:12px; width:140px; height:16px; padding:0px; border:1px solid #ffffff; font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif }
#toolbar2 .right { float:right }
#toolbar_right { position:absolute; top:70px; right:0px; height:78px; width:57px; background-image:url( '../images/toolbar-right.jpg' ); background-position:top left; background-repeat:no-repeat }
#toolbar_left { position:absolute; top:70px; left:0px; padding-left:20px; height:78px; width:57px; z-index:11; background-image:url( 'images/menu-bg.jpg' ); background-position:top left; background-repeat:repeat-y }
#toolbar_checkout { padding-bottom:5px; }
#checkout { width:auto; overflow:hidden; }
#checkout .content { float:right; padding-top:20px; height:40px }
#checkout .content img { margin-left:5px; vertical-align:middle }
/*
.basket { width:225px; border:1px solid #000000; border-top:none; font-size:0.9em; background-repeat:repeat-x; }
.basket .header { width:auto; padding:12px; padding-top:6px; padding-bottom:6px; background-image:url( '../images/basket-top-bg.jpg' ); background-position:bottom left; background-repeat:repeat-x; background-color:#000000; color:#ffffff; height:15px; border-bottom:1px solid #000000 }
.basket .footer { width:auto; background-image:url( '../images/basket-bottom-bg.jpg' ); background-position:top left; background-repeat:repeat-x; background-color:#000000; color:#ffffff; border-top:1px solid #000000 }
.basket .footer .content { float:left; width:auto; padding:12px; padding-top:6px; padding-bottom:6px; }
.basket .footer .image { float:right }
.basket form { margin:0px }
.basket input { width: 30px; height:12px; font-family:Arial, Helvetica, sans-serif; border:1px solid #000000; color:#666666; font-size:11px; padding:5px; padding-top:3px; z-index:20 }
.basket .items { width:225px; max-height:300px; overflow-x:hidden; overflow-y:auto; background-color:#282828; }
* html .basket .items { overflow-y:scroll; height: expression( this.scrollHeight > 299 ? "300px" : "auto" ); /* sets max-height for IE */ }
/*
.basket .item { width:auto; border-bottom:1px solid #646464; background-color:#282828; padding:12px; padding-top:6px; padding-bottom:6px; background-image:url( '../images/buybox-instock-bg.jpg' ); background-position:top left; background-repeat:no-repeat; z-index:20; color:#ffffff }
.basket .item .name { width:auto; padding-bottom:5px; border-bottom:1px solid #000000; margin-bottom:5px; z-index:20 }
.basket .footer a { color:#FF9900}
.basket .footer a:visited { color:#FF9900 }
.basket .footer a:hover { color:#FF9900 }
#content { padding-left:262px; padding-right:54px; width:auto; }
#content_left { width:auto; padding-right:195px }
*/
/* #content_right { width:177px; padding-left:18px; float:right; margin-left:-195px; display:inline } */
#content_right { width:177px; position:absolute; top:132px; right:54px }
/* infobox */
.infobox { width:auto; }
.infobox .header { width:auto; background-position:top left; background-repeat:repeat-x; overflow:hidden }
.infobox .header .left { width:28px; height:30px; background-position:top left; background-repeat:no-repeat; float:left }
/*.infobox .header .left_product { width:380px; height:30px; background-image:url( 'images/infobox-p-top-left.jpg' ); 'background-position:top left; background-repeat:no-repeat; float:left }*/
.infobox .header .middle { width:auto; height:30px; overflow:hidden; float:left; padding-right:18px; background-color:transparent }
.infobox .header .middle h1 { margin:0px; padding:0px; font-weight:bold; font-size:12px; line-height:normal; padding-top:9px; }
.infobox .header .tab { font-weight:bold; font-size:12px; line-height:normal; padding-top:9px; padding-left:9px; padding-right:9px; float:left }
.infobox .header .tab_selected
{ font-weight:bold; font-size:12px; line-height:normal; padding-top:8px; padding-left:8px; padding-right:8px; float:left; height:22px; background-color:#ffffff; border:1px solid #626262; border-bottom:none }
.infobox .header .right { margin-left:-18px; width:18px; height:30px; background-position:top right; background-repeat:no-repeat; float:right }
.sub_header { background-image:url( '../images/infobox-w-sub-header-bg.jpg' ); width:auto; background-position:top left; background-repeat:repeat-x; overflow:hidden }
.sub_header .left { background-image:url( '../images/infobox-w-sub-header-left.jpg' ); width:28px; height:26px; background-position:top left; background-repeat:no-repeat; float:left }
.sub_header .middle { width:auto; height:26px; overflow:hidden; float:left; padding-right:18px; background-image:url( '../images/infobox-w-sub-header-bg.jpg' ); }
.sub_header .middle h1 { margin:0px; padding:0px; font-weight:bold; font-size:12px; line-height:normal; padding-top:6px; }
.sub_header .right { background-image:url( '../images/infobox-w-sub-header-right.jpg' ); margin-left:-18px; width:18px; height:26px; background-position:top right; background-repeat:no-repeat; float:right }
.infobox .body { background-image:url( '../images/infobox-w-left-bg.jpg' ); width:auto; background-position:top left; background-repeat:repeat-y; }
.infobox .body .content { background-image:url( '../images/infobox-w-right-bg.jpg' ); background-position:top right; background-repeat:repeat-y; padding-top:20px; padding-bottom:20px; padding-left:28px; padding-right:28px; height:1%; overflow:hidden; position:relative; left:0; top:0 }
/* html .infobox .body .content { width:auto } */
.sub_body { background-image:url( '../images/infobox-w-left-bg.jpg' ); width:auto; background-position:top left; background-repeat:repeat-y; background-color:#ffffff}
.sub_body .right { background-image:url( '../images/infobox-w-right-bg.jpg' ); background-position:top right; background-repeat:repeat-y; padding-top:0px; padding-bottom:0px }
* html .sub_body .right { width:auto }
.sub_body .right .content { border-top: 1px solid #000000; padding-top:20px; padding-bottom:20px; padding-left:25px; padding-right:25px; }
.sub_body_g { background-image:url( '../images/infobox-g-left-bg.jpg' ); width:auto; background-position:top left; background-repeat:repeat-y; background-color:#fafafa}
.sub_body_g .right { background-image:url( '../images/infobox-g-right-bg.jpg' ); background-position:top right; background-repeat:repeat-y; padding-top:0px; padding-bottom:0px }
* html .sub_body_g .right { width:auto }
.sub_body_g .right .content { border-top: 1px solid #000000; padding-top:20px; padding-bottom:20px; padding-left:25px; padding-right:25px }
.customer_toolbar { background-image:url( '../images/infobox-g-left-bg.jpg' ); width:auto; background-position:top left; background-repeat:repeat-y; background-color:#fafafa}
.customer_toolbar .right { background-image:url( '../images/infobox-g-right-bg.jpg' ); background-position:top right; background-repeat:repeat-y; padding-top:0px; padding-bottom:0px }
* html .customer_toolbar .right { width:auto }
.customer_toolbar .right .content { border-bottom: 1px solid #000000; padding-top:20px; padding-bottom:20px; padding-left:25px; padding-right:25px; margin:0px; margin-left:3px; margin-right:3px }
* html .customer_toolbar .right .content { padding-top:10px }
.customer_toolbar .right .content .link { padding-right:20px; float:left }
/*
.sub_body_g a { color:#FFCC00 }
.sub_body_g a:visited { color:#FFCC00 }
.sub_body_g a:hover { color:#FFCC00 }
*/
.infobox .items { width:auto; background-image:url( '../images/infobox-w-right-bg.jpg' ); background-position:top right; background-repeat:repeat-y; padding-left:4px; padding-right:4px; padding-top:10px; padding-bottom:1px; }
.infobox .items .item { width:auto; border:none; border-top:1px solid #666666; background-image:url( '../images/infobox-item-bg.jpg' ); background-position:bottom; background-repeat:repeat-x; padding:25px; padding-top:10px; padding-bottom:10px}
.itembox_content { width:auto; border-top:1px solid #000000; padding-left:14px; padding-right:14px }
.itembox_bg { width:auto; background-image:url( '../images/itembox-bg.jpg' ); background-position:bottom center; background-repeat:repeat:repeat-x; }
.itembox_left { width:auto; background-image:url( '../images/infobox-w-left-bg.jpg' ); background-position:bottom left; background-repeat:repeat-y; }
.itembox_right { width:auto; background-image:url( '../images/infobox-w-right-bg.jpg' ); background-position:bottom right; background-repeat:repeat-y; }
.itembox_content .thumb { border:1px solid #000000; width:100px; float:left }
.itembox_content .thumb img { width:100px }
.itembox_content .info { padding-left:25px; width:auto; float:left; width:200px; }
.itembox_content .buy { width:280px; float:right; height:30px }
.infobox .items .item .thumb { border:1px solid #000000; width:100px; float:left }
.infobox .items .item .info { padding-left:25px; width:auto; float:left; padding-right:225px }
.infobox .items .item .buy { margin-left:-300px; width:300px; float:right }
.buybox { width:225px; /*border:1px solid #000000;*/ border:1px solid #646464; color:#ffffff; font-size:0.9em; background-repeat:repeat-x; max-height:300px; overflow-x:hidden; overflow-y:auto; }
* html .buybox { height: expression( this.scrollHeight > 299 ? "300px" : "auto" ); /* sets max-height for IE */ }
.buybox form { margin:0px }
.buybox input { width: 30px; height:12px; font-family:Arial, Helvetica, sans-serif; border:1px solid #000000; color:#000000; font-size:11px; padding:5px; padding-top:3px; z-index:20 }
.buybox .tag { width:auto; padding-bottom:0px; /*border-bottom:1px solid #888888;*/ border-top:1px solid #000000 margin-bottom:5px; z-index:20 }
/*.buybox .instock { width:auto; background-color:#098e22; padding:12px; padding-top:6px; padding-bottom:6px; background-image:url( '../images/buybox-instock-bg.jpg' ); background-position:top left; background-repeat:no-repeat; z-index:20; border-top: 1px solid #646464 } */
.buybox .instock { width:auto; background-color:#098e23; padding:12px; padding-top:6px; padding-bottom:6px; background-position:top left; background-repeat:no-repeat; z-index:20; border-top: 1px solid #646464 }
.infobox .body .product { background-image:url( '../images/infobox-w-right-bg.jpg' ); background-position:top right; background-repeat:repeat-y; padding-top:20px; padding-bottom:20px; width:auto; height:1%; overflow:hidden; position:relative; left:0; top:0 }
.infobox .body .product .left { padding-left:28px; float:left; width:auto; padding-right:250px }
.infobox .body .product .right { float:right; width:202px; margin-left:-250px; padding-right:28px; padding-left:20px }
.infobox .body .product .right .image_small { width:200px; border:1px solid #000000; }
.infobox .footer { width:auto; background-position:top left; background-repeat:repeat-x; }
.infobox .footer .left { width:18px; background-position:top left; background-repeat:no-repeat; float:left }
.infobox .footer .middle { float:right; }
.infobox .footer .right { width:18px; background-position:top right; background-repeat:no-repeat; float:right }
.infobox .footer_g { width:auto; background-image:url( '../images/infobox-g-bottom.jpg' ); background-position:top left; background-repeat:repeat-x }
.infobox .footer_g .left { width:18px; height:56px; background-image:url( '../images/infobox-g-bottom-left.jpg' ); background-position:top left; background-repeat:no-repeat; float:left }
.infobox .footer_g .middle { height:41px; padding-top:18px; float:right }
.infobox .footer_g .right { width:18px; height:56px; background-image:url( '../images/infobox-g-bottom-right.jpg' ); background-position:top right; background-repeat:no-repeat; float:right }
.infobox .footer_p { width:auto; background-image:url( '../images/infobox-p-bottom.jpg' ); background-position:top left; background-repeat:repeat-x }
.infobox .footer_p .left { width:28px; height:30px; background-image:url( '../images/infobox-p-bottom-left.jpg' ); background-position:top left; background-repeat:no-repeat; float:left }
.infobox .footer_p .right { width:380px; height:30px; background-image:url( '../images/infobox-p-bottom-right.jpg' ); background-position:top right; background-repeat:no-repeat; float:right }
.banner { width:auto; text-align:center; padding-bottom:20px; }
.banner img { border:1px solid #000000 }
.ad { width:auto; text-align:center }
/* infobox white */
.infobox_white { width:auto }
.infobox_white .header { background-image:url( '../images/infobox-w-top.jpg' ) }
.infobox_white .header .left { background-image:url( '../images/infobox-w-top-left.jpg' ) }
.infobox_white .header .middle { background-image:url( '../images/infobox-w-top.jpg' ) }
.infobox_white .header .right { background-image:url( '../images/infobox-w-top-right.jpg' ) }
.infobox_white .footer { background-image:url( '../images/infobox-w-bottom.jpg' ) }
.infobox_white .footer .left { height:60px; background-image:url( '../images/infobox-w-bottom-left.jpg' ) }
.infobox_white .footer .middle { padding-top:20px }
.infobox_white .footer .right { height:60px; background-image:url( '../images/infobox-w-bottom-right.jpg' ) }
/* infobox black */
.infobox_black { width:auto }
.infobox_black .header { background-image:url( '../images/infobox-b-top.jpg' ) }
.infobox_black .header .left { background-image:url( '../images/infobox-b-top-left.jpg' ) }
.infobox_black .header .middle { background-image:url( '../images/infobox-b-top.jpg' ) }
.infobox_black .header .middle h1 { color:#ffffff }
.infobox_black .header .right { background-image:url( '../images/infobox-b-top-right.jpg' ) }
.infobox_black .footer { background-image:url( '../images/infobox-b-bottom.jpg' ) }
.infobox_black .footer .left { height:73px; background-image:url( '../images/infobox-b-bottom-left.jpg' ) }
.infobox_black .footer .middle { padding-top:29px }
.infobox_black .footer .right { height:73px; background-image:url( '../images/infobox-b-bottom-right.jpg' ) }
#legal { width:auto; font-size:0.9em; text-align:center; width:auto }
.thumbnail_container { width:100%; height:100%; overflow:hidden; position:relative; top:0; left:0; }
.thumbnails { width:10000px; min-width:100%; position:relative; top:0; left:0; overflow:hidden; }
/*
.thumbnail { width:126px; margin-right:5px; height:auto; display:block; float:left; padding-top:5px }
.thumbnail .image { margin-left:12px; margin-right:12px; vertical-align:bottom; vertical-align:bottom; height:55px; width:100px; padding-top:10px; padding-bottom:10px; border: 1px solid #000000; background-color:#000000 }
.thumbnail .image img { width:100px; }
.thumbnail .text { color:#666666; text-align:center; padding-top:10px }
*/
.thumbnail { width:150px; margin-right:10px; height:auto; display:block; float:left; text-align:center }
.thumbnail .image { width:120px; height:83px; margin-bottom:5px; }
.thumbnail .text { color:#666666; width:150px }
.assistant { width:auto; height:1%; display:block; float:right }
.assistant .left { float:left; width:454px; border:1px solid #000000; padding:20px; margin:0px; min-height:85px; background-image:url( '../images/assistant-bg.jpg' ); background-repeat:repeat-x; background-position:bottom left; margin-right: 143px; margin-top: 18px; margin-bottom:5px; }
* html .assistant .left { height:85px }
.assistant .right { float:left; width:143px; margin-left:-144px; }
.assistant_toggle { padding-bottom:5px }
.filter { position:relative; padding:0px; padding-right:12px; /*float:left;*/ white-space:nowrap; display:-moz-inline-box; /* gecko*/ display:inline-block;/* opera and safari*/ overflow:auto; padding-bottom:10px; }
* html .filter {display:inline}/* ie6*/
*+html .filter {display:inline}/* ie7*/
.mini_thumbnail { width:54px; height:54px; border:1px solid #999999; padding:4px; float:left }
.mini_thumbnail img { border:0px; }
#media { width:100% }
#media_left { position:absolute; top:140px; left:0px; left:262px; right:377px; width:auto }
* html #media_left { position:absolute; top:140; left:262; bottom:auto; right:auto; width:expression((this.parentNode.offsetWidth <= 990) ? "351px" : document.body.clientWidth-262-377) }
#media .playlist_bg { border-top: 2px solid #000000;
border-bottom: 2px solid #000000; height:202px; background-image:url( '../images/media-playlist-bg.jpg' );
background-position:top left; background-repeat:repeat-x; background-color:#666666 }
#media .playlist { height:202px; border-left:2px solid #000000;
background-position:top left; background-repeat:no-repeat; overflow-y:scroll }
#media .right { width:313px; height:274px; margin-left:-323px; padding:5px; padding-bottom:10px; float:right;
background-image:url( '../images/media-main.jpg' ); background-position:top left; background-repeat:no-repeat }
#media_footer { width:100%; background-image:url( '../images/media-footer.jpg' );
background-position:top right; background-repeat:no-repeat; padding-top:20px; padding-bottom:30px }
#media .playlist .item { width:auto; color:#ffffff; border-bottom:1px solid #666666; padding:10px; font-size:0.9em }
#media .playlist .item_over { width:auto; background-color:#333333; color:#ffffff; border-bottom:1px solid #666666; padding:10px; font-size:0.9em }
#media a { color:#ffffff }
#media a:visited { color:#ffffff }
#media a:hover { color:#ffffff }
.address { }
.address .address_label { width:150px }
.address .address_value { width:200px }
#error_message { color:#990000 }
.error_message { color:#990000 }
.checkout_image { width:102px; padding-right:5px; margin-right:20px; float:left }
.thumb_png { background-position: center center; width:112px; height:79px; background-repeat:no-repeat; }
* html .thumb_png { behavior: url( 'styles/iepngfix.htc' ); }