/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight:normal;
  font-size:12px; 
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

a {text-decoration:none;}
p {font-size:14px; line-height:18px;color:#222222;margin-bottom: 10px;}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

span,img,div,a,h1,h2,h3,p { behavior: url(javascript/iepngfix.htc) }

html, body {font-family: arial, helvetica, sans-serif;font-size: 0.84em; background:url(/images/shared/gui/background.jpg) 50% 0% repeat-x #000; color:#28313c;}

h1 {color: #C70C1A; font-size: 24px; font-weight: bold; padding: 25px 0 10px 0;}
h3 {color: #C50C19; font-size: 14px; font-weight: bold; padding: 5px 0 5px 0;}
p.textbox { margin: 0 0 20px 0; padding: 15px; font-size:14px; line-height: 22px; border-top: 1px solid lightgrey; border-bottom: 1px solid lightgrey; background: url("/images/shared/gui/textbox-bgr.jpg") repeat-x scroll left bottom transparent;}

.float-left {float:left}

tr.content { }

div#wheels {
  margin: 0;
}

div#wheels ul {
    margin: 0;
    padding: 0;
}

div#wheels ul li {
    float: left;
    display: block;
    width: 160px;
    height:160px;
    margin: 5px;
}

div#wheels ul li a {
    color: #FFF;
    width:160px;
    display: block;
    padding: 135px 0 10px 0;
}

div#wheels ul li a span{
    text-align: center;  
    font-size:12px;       
    color: #FFF;
    width:160px;
    display: block;  
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    padding: 1px 0 3px 0;
    background-color: rgba(0,0,0,0.7);

}

div#wheels ul li a:visited {
    color: #FFF;
}

div#right {float:left; border: 2 px solid red; width:200px;height:200px}

table.front-wrapper { width: 963px; height: 300px }
table.front-wrapper td { width: 50%; height: 50%;  }
table.front-col { width: 475px; height: 100%; }
table.front-col a, table.front-col a:visited { color:#C50C19; font-weight: bold;}
table.front-col tr.header td{ height:26px; padding: 3px 0 0 5px; background-color: #A90A15; color: #FFF; border: 1px solid grey; }

table.front-col tr.content td{ vertical-align: top; padding: 10px; border: 1px solid grey; background: url('/images/shared/gui/frontbox-bgr.jpg'  ) repeat-x left bottom transparent;}
table.front-col tr.content td ul{list-style-type: circle; list-style-position: inside;}
table.front-col tr.content td p { font-size: 12px;}
table.front-col tr.spacing td{ height:4px; padding: 0; }


table.front-col tr.narrow {height:26px;}
table.front-col tr.narrow td.spacing { width:4px; height:26px; padding: 0; background: none; border-top:none; border-bottom: none;}
table.front-col tr.narrow td { width:50%; vertical-align: top;}



#content { background: url('/images/shared/gui/bg-pagecontent.jpg') no-repeat scroll 0 0 transparent; float: left; padding-bottom: 5px; width: 982px; min-height: 600px; }

#pagecontent {float: right; padding-right: 25px; width: 699px; }
#frontpagecontent { padding: 12px; width: 957px;}
#quicklinks { height: 12px; text-align: center; font-size: 10px; background-color: #FFF; float:left; width: 100%; }
#quicklinks a { font-size: 10px; }
#footer {margin-left:-1px;}

#container {position:relative;margin:0px auto 10px auto; width: 982px;border-top:1px solid #004180;}

#header  {float:left;width:982px; padding:0 0 0 0; height:90px; background-color: transparent;}

#header a.logo {float:left; overflow: hidden; padding:0px 0 0px 13px; margin:0px; width:200px; height:103px;}
#header a.logo {display: block; height: 103px; text-indent: -999em; width: 200px;background: url(/images/logo.png) no-repeat;}

#header h2#strapline {float:right;padding:40px 0 12px 10px;margin-bottom:10px;border-bottom:1px solid #4773a9;width:741px;color:#ffffff;font-size:1.35em;font-weight:bold;}

.hide {position:absolute;left:-9999px;top:0px;z-index:20;}

/* main nav*/
#header ul.nav {float:right; margin: 0 40px 0 0;}
#header ul.nav li {float:left; display:block;}
#header ul.nav li a {background-image: url('/images/bg-top-nav.png');height:38px;display:block;background-position:0px 0px;text-indent:-9999px}

#header ul.nav li a {width:82px;}
#header ul.nav li a:hover {background-position:-0px 82px;}
#header ul.nav li a.selected, #header ul.nav li a.branch {background-position:-0px 38px;}

#header ul.nav li.hidden a {width:0;background-position:-66px 46px;}

#header ul.nav li.falgar a {width:85px;background-position:-66px 46px;}
#header ul.nav li.falgar a:hover {background-position:-66px 92px;}
#header ul.nav li.falgar a.selected {background-position:-66px 0px;}
#header ul.nav li.tillbehor a {width:83px;background-position:-151px 46px;}
#header ul.nav li.tillbehor a:hover {background-position:-151px 92px;}
#header ul.nav li.tillbehor a.selected {background-position:-151px 0px;}
#header ul.nav li.varumarken a {width:96px;background-position:-234px 46px;}
#header ul.nav li.varumarken a:hover {background-position:-234px 92px;}
#header ul.nav li.varumarken a.selected {background-position:-234px 0px;}
#header ul.nav li.foretaget a {width:100px;background-position:-330px 46px;}
#header ul.nav li.foretaget a:hover {background-position:-330px 92px;}
#header ul.nav li.foretaget a.selected {background-position:-330px 0px;}
#header ul.nav li.galleri a {width:74px;background-position:-430px 46px;}
#header ul.nav li.galleri a:hover {background-position:-430px 92px;}
#header ul.nav li.galleri a.selected {background-position:-430px 0px;}
#header ul.nav li.ladda-hem a {width:98px;background-position:-504px 46px;}
#header ul.nav li.ladda-hem a:hover {background-position:-504px 92px;}
#header ul.nav li.ladda-hem a.selected {background-position:-504px 0px;}
#header ul.nav li.bestall a {width:97px;background-position:-602px 46px;}
#header ul.nav li.bestall a:hover {background-position:-602px 92px;}
#header ul.nav li.bestall a.selected {background-position:-602px 0px;}

/* Extra main nav*/
#header ul.extranav {float:right; margin: 0 40px 0 0;}
#header ul.extranav li {float:left; display:block;}
#header ul.extranav li a {background-image: url('/images/bg-top-nav-extra.png');height:38px;display:block;background-position:0px 0px;text-indent:-9999px}

#header ul.extranav li a {width:82px;}
#header ul.extranav li a:hover {background-position:-0px 82px;}
#header ul.extranav li a.selected, #header ul.nav li a.branch {background-position:-0px 38px;}


#header ul.extranav li.xfalgar a {width:85px;background-position:-66px 46px;}
#header ul.extranav li.xfalgar a:hover {background-position:-66px 92px;}
#header ul.extranav li.xfalgar a.selected {background-position:-66px 0px;}
#header ul.extranav li.xnews a {width:83px;background-position:-151px 46px;}
#header ul.extranav li.xnews a:hover {background-position:-151px 92px;}
#header ul.extranav li.xnews a.selected {background-position:-151px 0px;}
#header ul.extranav li.xpress a {width:74px;background-position:-234px 46px;}
#header ul.extranav li.xpress a:hover {background-position:-234px 92px;}
#header ul.extranav li.xpress a.selected {background-position:-234px 0px;}
#header ul.extranav li.xkatalog a {width:82px;background-position:-308px 46px;}
#header ul.extranav li.xkatalog a:hover {background-position:-308px 92px;}
#header ul.extranav li.xkatalog  a.selected {background-position:-308px 0px;}
#header ul.extranav li.xdisplay a {width:98px;background-position:-390px 46px;}
#header ul.extranav li.xdisplay a:hover {background-position:-390px 92px;}
#header ul.extranav li.xdisplay a.selected {background-position:-390px 0px;}
#header ul.extranav li.xclothes a {width:113px;background-position:-489px 46px;}
#header ul.extranav li.xclothes a:hover {background-position:-489px 92px;}
#header ul.extranav li.xclothes a.selected {background-position:-489px 0px;}
#header ul.extranav li.xwebshop a {width:98px;background-position:-602px 46px;}
#header ul.extranav li.xwebshop a:hover {background-position:-602px 92px;}
#header ul.extranav li.xwebshop a.selected {background-position:-602px 0px;}

#top-tools {width:600px; height:50px; padding: 0,0,0,200}
#subnav {float: left; padding: 59px 0 0 27px; width: 228px;}
#subnav ul.lv1 {border-top: 1px solid lightgrey; margin: 0;padding: 0;width: 214px;}
#subnav ul.lv1 li { line-height: 14px;padding: 0;width: 214px; }
#subnav ul.lv1 li a.selected { color: #C70C1A; background-position: -214px 0; }
#subnav ul.lv1 li a {background: url("/images/bg-subnav-lv1.gif") no-repeat scroll 0 0 transparent;border-bottom: 1px solid lightgrey;color: #8293A6;display: block;font-size: 1.1em;font-weight: bold;padding: 6px 0 6px 25px;text-decoration: none;width: 189px; }

#subnav ul.lv2 {border-top: 1px solid lightgrey; margin: 0;padding: 0 0 0 10px ;width: 204px;}
#subnav ul.lv2 li { line-height: 14px;padding: 0;width: 204px; }
#subnav ul.lv2 li a.selected { color: #C70C1A; background-position: -214px 0; }
#subnav ul.lv2 li a {background: url("/images/bg-subnav-lv1.gif") no-repeat scroll 0 0 transparent;border-bottom: 1px solid lightgrey;color: #8293A6;display: block;font-size: 1.1em;font-weight: normal;padding: 6px 0 6px 25px;text-decoration: none;width: 179px; }

#wheelagent { margin: 0 6px 6px 6px; }

ul.wheel-guide li, ul.wheel-guide-wide li {  list-style-type:none;}
ul.wheel-guide li a { color: #C50C19; padding:  0 30px 4px 0; width:    190px; display:  block;}
ul.wheel-guide-wide li a { padding:  0 30px 4px 0; width:    340px; display:  block;}
ul.wheel-guide li a:hover, ul.wheel-guide-wide li a:hover { background:   #333 url( /images/shared/gui/wheel-guide-hover-arrow.gif ) no-repeat center right; color:    #fff; }

div.wheel-guide { background-color: #000; float: left; width: 240px; height:    200px; text-align:  right; border:    1px solid silver; margin:    5px 12px 15px 0; padding:  5px 5px 5px 5px; display:   inline; zoom: 1;}

div.wheel-guide:hover { background-color:  #212121; }
div.wheel-guide h3 { text-align:  left; color:    silver; margin-bottom:  6px; }
div.wheel-guide a { padding:   3px 0; margin:    0;}
div.wheel-guide img { float:     left; margin:    0; display: inline; }
div.wheel-guide p { margin:    0; font-size:  12px; width:    70px; height:    16px; float:    right; display:  inline;}

div.car-brand
{
  float:    left;
  width:    230px;
}
div.wheel-guide table.sizes { background-color: transparent; width:    0px; width:    80px; float:    right; display:  inline; }
div.wheel-guide table.sizes td { padding:  0; background-color: transparent; font-size:  12px; color:    #FFF; }

div.wheel-guide table.sizes td.col-dim { width:    60px;}

div.wheel-guide table.sizes td.col-icon { width:    10px;}

div.wheel-guide img.stock-icon{ float:   right; margin:  4px 0px 0px 5px; display: inline;}





































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */