body { margin-top: 0px; background: url("../images/bg.jpg") center repeat-y #192259; }

body, td, th, textarea, input, option, select { font-family: Arial; font-size: 11px; }

a { text-decoration: none; color: #28368E; }

img { border: 0; }

a:hover { color: #666; text-decoration: underline; }

ul { list-style: none; padding: 0; margin: 0; }

table { border-collapse: collapse; }

.shadow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/shadow.png); z-index: 10; display: none; }

/* Bekräfta lagt kundvagnen */

#confirm_cart { position: absolute; z-index: 123456789; left: 50%; width: 351px; height: 60px; margin-left: -175px; display: none; text-align: center; }

/* STRUKTUR */

div#site { position: relative; width: 980px; margin: 10px auto; background: #FFF; }

div.top { float: left; width: 980px; height: 47px; overflow: hidden; background: url(../images/bg_top.png) top left repeat-x; }
div.left { position: relative; z-index: 100; width: 200px; float: left; padding-bottom: 5px; }
div.main { position: relative; float: left; width: 780px; }
div.main.full { width: 980px; }
div.footer { float: left; width: 100%; background: #272727; margin-bottom: 30px; } 


/* top */
div.top div.logo { float: left; width: 200px; height: 42px; background: url(../images/bg_top_logo.png) top left repeat-x; }
div.top div.logo img { margin: 8px 0 0 20px; }

div.top div.menu { float: left; height: 42px; }
div.top div.menu li { float: left; border-left: 1px solid #535353; height: 42px; overflow: hidden; }
div.top div.menu li.last { border-right: 1px solid #535353;  }
div.top div.menu li a { float: left; padding: 10px; color: #3a3a3a; padding: 11px 15px; font-size: 17px; text-transform: uppercase; }
div.top div.menu li.active a, div.top div.menu li a:hover { color: #FFF; text-decoration: none; }

div.top div.cart { float: right; background: url(../images/bg_top_cart.png) top left repeat-x; height: 42px; width: 350px; color: #adadad; }
div.top div.cart .space { float: left; padding: 8px 0 0 36px; background: url(../images/bg_cart.png) 10px 14px no-repeat; }

div.top div.cart td.first { width: 140px; }

div.top div.cart span { font-weight: bold; color: #FFF; }

/* left */
.left .space { float:left; padding-left: 5px; }

.left h3 { float: left; background: url(../images/bg_h3.png) top left repeat-x; width: 100%; margin: 0; height: 42px; overflow: hidden; }
.left h3 span { float: left; padding: 7px 0 0 10px; color: #FFF; }

.left .menu { float: left; background: url(../images/bg_leftmenu.png) top center repeat-y #535353; width: 195px; padding: 5px 0 10px 0; position: relative; z-index: 10; }

.left .menu ul { float: left; width: 100%; }

.left .menu li { border-bottom: 1px solid #535353; float: left; width: 100%; clear: left; }
.left .menu li a { font-size: 13px; color: #FFF; padding: 6px 0; width: 195px; float: left; clear: left; }
.left .menu li a span { padding-left: 10px; }
.left .menu li a:hover { text-decoration: none; }
.left .menu li.active { background: url(../images/bg_menu_racer.gif) right top repeat-y #FFF; }
.left .menu li.active li { background: #FFF; border: 0; width: auto; }
.left .menu li.active a { color: #ba1812; }
.left .menu li.active li a, .left .menu li li a { border: 0; padding: 1px 0 1px 5px; }
.left .menu li.active li a { font-size: 11px; color: #707070; text-decoration: none; } 
.left .menu li li a { width: auto; }
.left .menu li li.active a { color: #ba1812; }
.left .menu li li a span { padding-left: 0; }

.left .menu ul ul { padding: 0 0 10px 20px; }

div.left div.search { float: left; position: relative; padding: 0; background: #FFF; }
div.left div.searchholder { position: absolute; float: left; left: 0; top: -7px; z-index: -1; width: 195px; height: 300px; overflow: hidden; }
div.left div.searchholder div.holder { position: absolute; float: left; z-index: 100; left: -100px; width: 300px; height: 400px; overflow: hidden; }
div.left div.searchholder div.holder div.form { position: absolute; float: left; z-index: 100; height: 77px; width: 300px; background: url(../images/bg_search.png) top no-repeat; }
div.left div.searchholder div.holder div.advanced { position: absolute; top: -22px; left: 10px; z-index: 80; width: 273px; height: 120px; background: url(../images/bg_ad_search.png) bottom left no-repeat transparent; }
div.left div.searchholder div.holder div.advanced a.t_adv { position: absolute; z-index: 100; bottom: 2px; right: 10px; }

div.left div.searchholder div.holder div.advanced a.t_adv img.off { display: none; }

div.left div.searchholder div.holder div.advanced table { margin: 10px; }
div.left div.searchholder div.holder div.advanced td { padding: 0 5px 10px 0; color: #FFF; }
div.left div.searchholder div.holder div.advanced td select { width: 120px; }
div.left div.searchholder div.holder div.advanced option { color: #333; }

div.left div.searchholder div.holder div.form input#query { float: left; margin: 34px 0 0 24px; width: 220px; background: none; border: 0; font-size: 16px; }

div.left div.searchholder div.holder div.form input.submit { float: left; margin: 34px 0 0 10px; }

div.left .login, div.left .login a { background: #e8e9ea; color: #4D5961; }
div.left .login div { padding: 10px; }

div.left .login .error { color: red; background: url(../images/icon_error.gif) left top no-repeat; padding: 0 0 10px 16px; display: none; }

div.left .login label { display: block; font-weight: bold; padding-bottom: 2px; }
div.left .login input.text { margin-bottom: 5px; width: 140px; }
div.left .login ul { margin-top: 10px; }
div.left .login li { padding-bottom: 3px; }

/* main */
div.main .cart { position: absolute; z-index: 100; top: -5px; right: 0; width: 350px; background: url(../images/bg_cart_top.png) top left repeat-x; display: none; }
div.main .cart td { color: #606060; padding: 6px; }
div.main .cart td.total { color: #000; }
div.main .cart td.summa { font-size: 16px; }
div.main .cart .cart_space { background: #aaaaaa; width: 350px; float: left; }
div.main .cart .list { margin: 10px; width: 330px; }

div.main .cart .list tr.even td.first { background: url(../images/bg_cart_even_left.png) left repeat-y #dadbdc; }
div.main .cart .list tr.even td { background: #dadbdc; }
div.main .cart .list tr.even td.last { background: url(../images/bg_cart_even_right.png) right repeat-y #dadbdc; }

div.main .cart .list tr.odd td.first { background: url(../images/bg_cart_odd_left.png) left repeat-y #e8e9ea; }
div.main .cart .list tr.odd td { background: #e8e9ea; }
div.main .cart .list tr.odd td.last { background: url(../images/bg_cart_odd_right.png) right repeat-y #e8e9ea; }

div.main .cart .list tr.first td { background: url(../images/top_innercart.png) center top no-repeat; }
div.main .cart .list tr.first td.first { background: url(../images/top_innercart.png) left top no-repeat; }
div.main .cart .list tr.first td.last { background: url(../images/top_innercart.png) right top no-repeat; }

div.main .cart .list tr.last td { background: url(../images/bottom_innercart.png) center bottom no-repeat; }
div.main .cart .list tr.last td.first { background: url(../images/bottom_innercart.png) left bottom no-repeat; }
div.main .cart .list tr.last td.last { background: url(../images/bottom_innercart.png) right bottom no-repeat; }

div.main .cart .list tr.lastp td { border-bottom: 1px solid #dadbdc; }


div.main .cart .foot { float: left; width: 100%; height: 30px; background: url(../images/bg_cart_bottom.png) bottom left no-repeat transparent; }
div.main .cart .foot .left { float: left; padding: 0 0 14px 10px; }
div.main .cart .foot .left a  { float: left; }
div.main .cart .foot .right { float: right; padding: 0 10px 10px 0; }
div.main .cart form{ float: left; }

div.main .space { float: left; margin: 0 5px; width: 770px; }

div.main.full .space { float: left; margin: 0; width: 780px;}

div.main.bg .space { background: url(../images/bg_mainspace.png) top left repeat-x #FFF; }

div.main.product .space { background: url(../images/bg_product.jpg) left top repeat-x; margin: 0 5px; width: 770px; }

/* Breadcrumb */
div.main .breadcrumb { color: #999; font-size: 7pt; margin: 3px 0 7px 0; }
div.main .breadcrumb li { float: left; padding-right: 5px; }

div.main .center { float: left; width: 750px; margin: 10px; position: relative; z-index: 10; padding-bottom: 20px; }
div.main .center.focus { margin-top: -50px; }
div.main .center.nofocus { margin-top: -120px; }
div.main.full .center { float: left; width: 770px; margin: 0px 5px; padding-bottom: 0px; }


/* Märken */
div.brands { float: left; width: 100%; height: 109px; background: url(../images/bg_brands.png) top left no-repeat #eeeeee; }
div.brands table { width: 100%; height: 109px; }
div.brands td { text-align: center; } 

/* Footer */
div.footer .menu { float: left; margin: 15px; width: 170px; }
div.footer .sitemap { float: left; width: 760px; padding-top: 15px; }

div.footer .menu ul, div.footer .menu div { padding: 0px 0 15px 4px; color: #999999; }
div.footer .menu li { padding: 1px 0; }
div.footer .menu a { color: #999999; font-size: 8pt; text-decoration: underline; }
div.footer .menu div { padding-bottom: 0; }

div.footer .sitemap th { vertical-align: top; padding:  0 0 20px 0; }
div.footer .sitemap th h3 { text-align: right; font-size: 18px; width: 70px; padding: 5px; margin-top: 3px; }
div.footer .sitemap th h3.racer { background: #ba1812; }
div.footer .sitemap th h3.mtb { background: #806f58; }
div.footer .sitemap th h3.clothes { background: #efb914; }
div.footer .sitemap th h3.acc { background: #217e3e; }

div.footer .sitemap td { padding:  0 0 20px 10px; vertical-align: top; }
div.footer .sitemap li { float: left; padding: 0 5px 1px 0; }

div.footer .sitemap li a { color: #737373; text-decoration: underline; }
div.footer .sitemap li a.head { color: #d9d9d9; }

div.footer h3 { color: #ebebeb; margin: 0; }


/* HEADERS */

h1, h2 { color: #4d4d4d; font-size: 38px; }

h3 { font-size: 24px; }

h1 { font-weight: bold; margin-top: 10px; margin-bottom: 10px; }

h2 { font-size: 38px;  margin: 10px 0 10px 10px; color: #999999; }

h4 { font-size: 20px; margin-top: 20px; margin-bottom: 0px; color: #999999; }

/* FORM */

.inputstyle { font-size: 11px; border: 1px solid #CCCCCC; padding: 2px; background: url("../images/bg_form.gif") repeat-x #FFF; }	

.button { font-family: Arial, verdana; font-size: 10px; color: #333333; text-transform: uppercase; }

#search_query { margin-left: 10px; }


/* STARTPAGE */
div#startpage { float: left; }
div#startpage .big { float: left; height: 360px; margin-bottom: 5px; }
div#startpage .boxes { float: left; width: 1000px; }
div#startpage .boxes .box { float: left; margin-right: 5px; position: relative; width: 320px; }
div#startpage .boxes .box.last { margin-right: 0; }
div#startpage .boxes .box .head { position: absolute; bottom: 10px; left: 0; background: #000; padding: 7px 20px 7px 10px; color: #FFF; text-transform: uppercase; font-size: 16px; }


/* PRODUKTER */

div#listProducts { padding-bottom: 20px; width: 750px; }

div#listProducts .loading { position: absolute; float: left; text-align: center; background: url(../images/shadow.png); z-index: 500000; display: none; }
div#listProducts .loading img { margin-top: 100px; }
div#listProducts .loading h4 { font-size: 18px; color: #606060; margin-top: 4px; }

div#listProducts .headers { float: left; width: 100%; border-bottom: 1px solid #cfd1d3; margin-bottom: 10px; }

div#listProducts h1 { float: left; text-transform: uppercase; }
div#listProducts h2 { float: left; text-transform: uppercase; }

div#listProducts .filter div { float: left; }

div#listProducts .filter span { font-size: 12px; float: left; color: #777777; padding: 5px 8px 0 0; }

div#listProducts .filter ul { float: left; }

div#listProducts .filter li { float: left; background: url(../images/bg_filter.png) top left repeat-x; height: 24px; overflow: hidden; }
div#listProducts .filter li.first { background: url(../images/bg_filter_first.png) left top no-repeat; }
div#listProducts .filter li.last { background: url(../images/bg_filter_last.png) right top no-repeat; }
div#listProducts .filter li.on { background: url(../images/bg_filter_on.png) top left repeat-x; }

div#listProducts .filter li.first.on { background: url(../images/bg_filter_on_first.png) left top no-repeat; }
div#listProducts .filter li.last.on { background: url(../images/bg_filter_on_last.png) right top no-repeat; }

div#listProducts .filter li a { float: left; padding: 4px 10px; color: #878787; text-decoration: none; font-size: 13px; }
div#listProducts .filter li.on a { color: #FFF; }

div#listProducts .filter .amount { padding-left: 40px; width: 200px; }
div#listProducts .filter .amount ul { position: absolute; margin-left: 30px; width: 130px; z-index: 60; background: url(../images/bg_filter_amount_top.png) top center no-repeat; padding: 4px 0; }
div#listProducts .filter .amount li { display: none; float: none; font-size: 13px; height: 16px; background: #e8e9ea; }
div#listProducts .filter .amount li.option, div#listProducts .filter .amount li.active { cursor: pointer; }
div#listProducts .filter .amount li span { padding: 0px 10px; }
div#listProducts .filter .amount li.option span { padding: 4px 10px; }
div#listProducts .filter .amount li.active { background: url(../images/arrow_select.gif) 116px center no-repeat #e8e9ea; display: block; }
div#listProducts .filter .amount li.last {  background: url(../images/bg_filter_amount_bottom.png) top center no-repeat; height: 4px; display: block; }

div#listProducts table { width: 100%; margin-top: 14px; float: left; }

div#listProducts .pagination { float: right; }
div#listProducts .pagination table { width: auto; }
div#listProducts .pagination ul { margin: 0 4px; }
div#listProducts .pagination li { float: left; padding: 0 3px 3px 3px; }
div#listProducts .pagination a { color: #878787; font-size: 13px; font-weight: bold; }
div#listProducts .pagination a.active { color: #000; }

div#listProducts .search { float: left; border: 1px solid #CCC; padding: 10px; background: #f2f2f2; }
div#listProducts .search table { margin: 0; }
div#listProducts .search td { padding-right: 10px; }
div#listProducts .search td td { padding-right: 2px; }
div#listProducts .search label { display: block; font-weight: bold; padding-bottom: 2px; }
div#listProducts .search input.text {}
div#listProducts .search input.price { width: 40px; }


/* FOKUS PRODUKT */
.main_product { height: 300px; position: relative; }
.main_product.nofocus { background: url(../images/bg_mainspace.png) top left repeat-x #FFF; height: 475px; }
.main_product .img_holder { position: absolute; border: 3px solid #d5dde0; top: 30px; left: 20px; background: #FFF; width: 400px; height: 300px; overflow: hidden; }
.main_product .img_holder table { width: 100%; height: 100%; }
.main_product .img_holder td { text-align: center; }
.main_product img.focus { position: absolute; left: 0; top: 0; }
.main_product .info { position: absolute; right: 0; top: 156px; color: #FFF; height: 42px; width: 320px; overflow: hidden; background: url(../images/bg_focus_header.png) left top no-repeat; }
.main_product.nofocus .info { top: 100px; }

.main_product .ingress { position: absolute; right: 0; top: 216px; color: #6C7D88; width: 300px; overflow: hidden; font-size: 12px; line-height: 20px; }
.main_product.nofocus .ingress { top: 160px; }

.main_product .info div { float: left; height: 42px; overflow: hidden; }
.main_product .info div div { height: auto; background: none; padding-top: 8px; }
.main_product .info .header { float: left; border-right: 1px solid #98140f; padding: 0 15px 0 16px; font-size: 22px; }
.main_product .info .price { float: left; padding: 0 20px 0 15px; }
.main_product .info .price div { padding-top: 14px; }
.main_product .info .arrow { float: right; padding: 16px 10px 0 0; }


/* BILD LISTA */
.image-list td { text-align: center; border: 1px solid #eceded; border-width: 1px 1px 0 0; vertical-align: top; width: 25%; }
.image-list td.last { border-right: 0; }
.image-list td span { display: block; font-weight: bold; color: #606060; font-size: 11px; }
.image-list td .box { position: relative; width: 100%; }
.image-list td .thumb { overflow: hidden; }
.image-list td a { color: #999999; text-decoration: none; }
.image-list td .price { padding: 0 10px 10px 10px; }
.image-list .cross { position: absolute; z-index: 50; top: -5px; right: -5px; width: 7px; height: 7px; background: url(../images/cross.gif) top left no-repeat; overflow: hidden; }


/* LISTA */
.list td, .list th { padding: 6px 10px; color: #606060; }
.list tr.odd td { background: #e8e9ea; }
.list tr.even td { background: #ffffff; }
.list th { text-align: left; }
.list a { color: #606060; text-decoration: none; }
.list .name { font-weight: bold; }
.list .name a:hover { color: #ba1812; }
.list .brand { font-style: italic; color: #999999; }
.list .button { width: 63px; }
.list .r { text-align: right; }


/* Artikel */

div#article .ingress { font-weight: bold; padding-bottom: 14px; }

/* PRODUCTS */

div#product { float: left; color: #6c7d88; margin: 0px 0 20px 10px; }
div#product img.questions { position: absolute; top: 10px; right: -10px; }

div#product .breadcrumb { padding-bottom: 20px; font-size: 11px; color: #6c7d88; }
div#product .breadcrumb .first { font-weight: bold; }
div#product .breadcrumb a { color: #6c7d88; text-decoration: underline; }

div#product h1 { float: left; margin: 0; color: #6c7d88; text-transform: uppercase; font-size: 18px; clear: both; }
div#product h1 span { display: block; font-size: 36px; }
div#product h2 { float: left; margin: 0; text-transform: uppercase; color: #6c7d88; }
div#product h3 { display: block; font-size: 13px; margin: 0; color: #6c7d88; } 
div#product .info { float: left; width: 300px; overflow: hidden; margin-right: 20px; color: #4d5961; background: url(../images/bg_product_info_racer.png) left top repeat-y; }
div#product .info .space { float: left; background: none; margin: 10px 0 0 20px; width: 280px; }
div#product .image { float: right; width: 420px; overflow: hidden; }
div#product .slideshow { position: relative; width: 400px; height: 300px; border: 3px solid #d5dde0; overflow: hidden; }
div#product .slideshow div.img { position: absolute; top: 0; width: 400px; height: 300px; background: #FFF; }
div#product .slideshow div.img a { margin: 0 auto; }
div#product .images { padding-top: 5px; }
div#product .images div { float: left; border: 1px solid #d5dde0; width: 100px; height: 70px; margin-right: 5px; text-align: center; }

div#product .productNo { display: block; margin-top: 20px; }
div#product .productNo span { float: left; }

div#product span.data { white-space: nowrap; }

div#product span.head { font-weight: bold; padding-right: 5px; }
div#product .price .data { font-size: 24px; color: #4d5961; }
div#product .price .data .discount { color: red; }

/* Köpformulär */
div#product .form { margin-top: 20px; }
div#product .form td { padding-bottom: 10px; }
div#product .form .amount { width: 40px; }

div#product .image-list { width: 100%; }

div#product h4 { width: 100%; float: left; background: #ba1812; color: #FFF; font-size: 22px; margin-top: 20px; }
div#product h4 span { float: left; padding: 7px 0 5px 10px; text-transform: uppercase; }


/* Formulär */
input.text { border: 1px solid #999; padding: 2px; }
textarea { border: 1px solid #999; padding: 2px; }


/* REGISTER */
#register { padding-bottom: 30px; }
#register label { font-weight: bold; display: block; padding: 6px 0 3px 0; }
#register label.checkbox { display: inline; font-weight: normal; padding-left: 3px; }
#register label.error { color: red; }
#register .text { width: 240px; }
#register .firstname, #register .lastname, #register .username, #register .password, #register .phone, #register .regnr { width: 118px; }
#register .zipcode { width: 60px; }
#register .city { width: 175px; }
#register td { border-bottom: 1px solid #CCC; padding: 10px; }
#register td.form { border: 0; padding: 0 10px 20px 10px; }
#register td.email table { margin-top: 6px; }
#register td.email table td { padding-right: 0; }
#register td td, #register tr.last td { border: 0; padding: 0 5px 0 0; }
#register tr.last td { padding: 10px 0 0 10px; }


/* CHECKOUT */
#checkout { width: 100%; }
#checkout .list { width: 100%; }
#checkout .amount { width: 24px;}
#checkout h2 { clear: both; font-size: 20px; margin-left: 0; padding-top: 10px; border-top: 1px solid #E8E9EA; }
#checkout .minihead { color: #000; font-weight: bold; }

#checkout .login_trigger, #checkout .register_trigger { font-size: 13px; font-weight: bold; display: block; clear: both; line-height: 24px; }

#checkout .register, #checkout .login { display: none; float: left; clear: both; border: 1px solid #CCC; background: #e5e5e5; padding: 5px; margin: 10px 0; }
#checkout .register div.error, #checkout .login div.error { display: none; padding-bottom: 3px; color: red; }
#checkout .register input.address, #checkout .register input.email { width: 259px; }
#checkout .register input.zipcode { width: 60px; }
#checkout .register input.city { width: 189px; }
#checkout .register input.error { border: 1px solid red; }

#checkout .msg { width: 400px; height: 80px; }

#checkout .submit { float: right; }


.checkout_line { width: 100%; height: 42px; background: #eaeaea; }
.checkout_line .option { float: left; padding: 10px 20px 0 10px; }


/* Payment - login */

div#login .error { color: red; background: url(../images/icon_error.gif) left top no-repeat; padding: 0 0 10px 16px; display: none; }

div#login label { display: block; font-weight: bold; padding-bottom: 2px; }
div#login input.text { margin-bottom: 5px; width: 140px; }
div#login ul { margin-top: 10px; }
div#login li { padding-bottom: 3px; }

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.5;
		opacity: 0.5;
		filter: alpha(opacity = 50);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomWindow
{
	border: 3px solid #d5dde0;
	background-color: #FFF;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
	text-decoration: none;
	border: 1px solid #CCC;
	background-color: white;
	padding: 8px;
	text-align:center;
	background-image: url(../images/zoomloader.gif);
	background-repeat: no-repeat;
	background-position: 43px 30px;
	width:90px;
	height:43px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;
}


/* Galleri */
#gallery .thumbnailbox { float: left; margin: 0 10px 10px 0; width: 150px; height: 120px; overflow: hidden; border: 1px solid #CCC; }