html, body { height: 100%; border: 0; }
body { background: url(../img/bgs/goodie.jpg) repeat-x #153450; margin: 0px; padding: 0px; overflow-y: scroll; overflow-x: hidden; }
*:focus { outline: none; } /* Förhindrar att chrome lägger sin border runt t.ex. inputs */
div { border-radius: 5px; }
p, a, table { font-size: 10pt; padding: 0px; margin: 0px; color: #666;}
td, tr { padding: 0px; margin: 0px; border: 0px; }
h1, h2, h3, h4 { margin: 0px; padding: 0px; color: #666; }
#wrapper { position: relative; width: 1000px; min-height: 100%; margin: 0px auto; border-radius: 0px; } /* Kapslar in innehållet */
#wrapper .spacer { height: 40px; width: 100%; margin: 0px auto; padding: 0px; } /* Flyttar ner hela sidan under statusbar */
.clear { clear: both; } /* "Nollar" float */
.submit { float: right; height: 44px; width: auto; margin: 5px 10px; padding: 0px 10px; font-weight: bold; }
.submit { border-radius: 5px; background: #09D; color: #FFF; border: 1px solid #06F; border-bottom: 2px solid #069; cursor: pointer; }
.submit:hover { background: #09F; border-top: 2px solid #069; border-bottom: 0; }
a, img { border: 0; text-decoration: none; }

/* module_statusbar */
.module_statusbar { height: 35px; !important; width: 100%; position: fixed; left: 0; top: 0; z-index: 300; border-radius: 0px; } /*24*/
.sb_transparent { /*background: #333;*/background: url(../img/mod_shadow_20px.png) 100% repeat-x #369; opacity: 0.6; filter:alpha(opacity=90); }
.sb_container { border-bottom: 1px solid #777; box-shadow: 0px 2px 15px #000; }

.sb_menu { width: 960px; height: auto !important; min-height: 26px; margin: 0px auto; }
.sb_menu a, p { font-weight: bold; font-size: 9pt; text-decoration: none;  }
.sb_menu ul, li { list-style:none; float: left; margin: 1px;}

.sb_menuitem { position: relative; width: auto; height: 35px; border-radius: 0px; text-align: center; margin: 5px 2px; }
.sb_menuitem p { padding: 2px 8px; }
.sb_menuitem .arrow { font-family: Arial, Helvetica, sans-serif; }

.sb_navigation 	{ float: left; overflow: hidden;}
.sb_chassi	 	{ float: right; cursor: pointer; }
.sb_login 		{ float: left; }
.sb_moms 		{ float: right; }
.sb_cart 		{ float: right; }

.sb_chassi .item { float: left; background: url(../img/mod_shadow_20px.png) 100% repeat-x #900; /*background: #DD5B1B;*/ border-radius: 0px; height: 100%; }

.sb_cart p { color: #333; }
.sb_cart .checkout a, p { padding: 0px; margin: 0px; }

.sb_moms div { border-radius: 0px; float: left; height: 100%; }

/* statusbar dropdowns - varukorg */
.sb_menu .sb_cart span { display: none; } /* Döljer rutor */
.sb_menu .sb_cart:hover span { display: block; } /* Visar rutor */

.sb_menu .sb_cart .content { position: fixed; width: auto; height: auto; min-height: 40px; background: #FFF; top: 30px; text-align: left; box-shadow: 0px 5px 20px #333; }
.sb_menu .sb_cart .content { border: 1px solid #CCC; border-top: 0px; border-radius: 0px 5px 5px 5px; }
.sb_menu .sb_cart .order-art, .order-buy { float: left; }
.sb_menu .sb_cart .order-art { height: 24px; border-radius: 0px; }
.sb_menu .sb_cart .order-art:hover { border-bottom: 2px solid #999; }
.sb_menu .sb_cart .order-art p { font-weight: 100; }
.sb_menu .sb_cart .order-buy { background: url(../img/mod_shadow_20px.png) 100% repeat-x #060; /*background: #060;*/ border-radius: 0px; height: 24px; }
.sb_menu .sb_cart .order-buy:hover { border-bottom: 2px solid #333; }

/* Övrigt */
.copyright, .copyright a { text-align:center; margin-top: 20px; font-size: 12px; color: #999; padding: 0px; margin: 0px auto;}
.info { margin: 0; padding: 0; background: pink; float: left; line-height: 5PX;}

/* Typsnitt */
p, a, table, h1, h2, h3, h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

/* Grundinställningar moduler */
.module, .module-border { position: relative; width:980px; min-height: 40px; height: auto !important; margin: 0px auto; margin-top: 10px; }
.module-border { background-color: #FFF; border: 1px solid #CCC; box-shadow: 0px 2px 10px #666; border-radius: 5px; }
.module p, .module-border p { padding: 8px 20px; color: #333; }
.module table, .module-border table { position: relative; width: 100%; }

/* Minimerade moduler */
.slim { background-color: #EEE; min-height: 20px; border: 1px solid #999; box-shadow: 0px 5px 20px #000; }
.slim p, a { text-decoration: none; padding: 0; margin: 0; } /* Måste ha padding och margin 0 annars ballar Internet Explorer ur */

/* Titelraden i moduler */
.mtitle { width: auto; border-radius: 5px; }
.mtitle-content { height: 24px; background: url(../img/mod_shadow_20px.png) 100% repeat-x #369; border-radius: 3px; border: 1px solid #444; }
.mtitle p, .mtitle-content h1 { font-size: 9pt; padding: 3px 10px; float: left; color: #FFF; font-weight: bold; }
.mtitle a { font-size: 9pt; color: #FFF; text-decoration: none; }
.mtitle .right { float: right; margin-right: 10px; }
.mtitle .navi { width: auto; float: left; padding-left: 0px; margin-left: 20px; }
.mtitle .arrow { color: #006; font-family: Arial, Helvetica, sans-serif; }

/* Div i botten */
.bottom { margin-bottom: 20px; }
.bottom .copyright, .copyright a { text-align:center; margin-top: 20px; font-size: 12px; color: #999; padding: 0px; margin: 0px auto;}

/* Kolumner i moduler */
.column { float: left; width: 230px; height: auto; background-color: #EEE; margin-left: 10px; margin-top: 10px; border: 1px solid #999; box-shadow: 0px 0px 10px #333; } /* height: 190px; */
.column a, p { color: #666; font-size:9pt; margin: 0px; padding: 0px; font-weight: 100; }
.column img { padding: 0px; margin: 0px; width: 226px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.column img:hover { filter: none; -webkit-filter: none; -moz-filter: none; filter: none; }
.column .category { width: 100%; background: #333; border-radius: 3px 3px 0px 0px; height: 20px; }
.column .category:hover { background: #06C; box-shadow: inset 0 0 5px #333; -webkit-box-shadow: inset 0 0 5px #333; -moz-box-shadow: inset 0 0 5px #333; }
.column .category a { color: #FFF; margin: 0px; padding-top: 2px; padding-left: 5px; font-weight: bold; font-size:9pt; }
.column .item { float: left; text-align:center;  background-color: #FFF; margin: 2px; border: 1px solid #CCC; height: 18px; }
.column .item a { color: #666; font-size:9pt; padding: 4px; font-weight: 100; }
.column .showmore { position: absolute; right: 5px; top: 132px; }

/* Sidfoten */
.footer td { min-width: 230px; color: #FFF; border-top: 1px dotted #FFF; vertical-align:top; }
.footer .rubriker td { border: 0px; }
.footer h3, h4 { color: #FFF; }
.footer a { color: #FFF; }
.footer p { color: #FFF; margin: 5px 10px; padding: 0; }
.footer img { float: left; max-width: 95px; margin-left: 5px; }
.footer input { border-radius: 5px; margin: 10px; }

/* Animationen från köp till varukorgen */
.addToCart { border: 2px dotted gray; }

/* header */
#logotype { position: relative; height: auto !important; min-height: 40px; max-height: 150px; height: 80px; border-radius: 5px; box-shadow: 0px 0px 20px #000; background: #333; }
#logotype h1 { font-size: 50px; margin: 10px; text-shadow: 0px 2px 15px #000; color: #39C; }
#logotype img { margin: 0px; padding: 0px; }

/* Sökmodul */
.search { background: #FFF; }
#searchInfoTabs { width: auto !important; width: 100%; height: auto; margin: 0px 15px; }
#searchInfoTabs p { float: left; padding-left: 5px; font-weight: normal; }
#searchInfoTabs .searchTab { position: absolute; width: 100px; height: 23px; text-align: center; border-bottom: 0; }
#searchInfoTabs .searchTab { background: #CCC; border: 1px solid #AAA; border-radius: 5px 5px 0 0; box-shadow: 0px -3px 5px #BBB inset; cursor: pointer; }
#searchInfoTabs .active { background: #EEE; border: 1px solid #CCC; border-bottom: 0px; height: 25px; cursor: default; box-shadow: none; }
#searchInfoTabs #regnr { top: 9px; right: 20px; }
#searchInfoTabs #artnr { top: 9px; right: 125px; }
#searchInfoTabs #refnr { top: 9px; right: 230px; }
#searchInfoTabs .searchTab p { padding: 3px; float: none; color: #999; }
#searchInfoTabs .searchTab:hover p { color: #333; }
#searchInfoTabs .active p { color: #333; }
.module_search { width: auto !important; width: 100%; height: auto; background: #EEE; margin: 33px 10px; margin-bottom: 0; border: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.module_search_main { min-height: 95px; }
.module_search .searchContainer { float: left; height: 40px; width: 750px; margin: 10px 10px 0px 10px; border: 1px solid #CCC; background: #FFF; border-top: 3px solid #888; overflow: hidden; }
.module_search .selectbox { width: auto; min-width: 120px; max-width: 130px; background: url(../img/arrowdown.png) no-repeat right #FFF; }
.module_search .typ { width: 360px; max-width: 360px; }
.module_search #submitContainer { float: right; height: 40px; width: auto; margin: 10px; }
.module_search .searchContainer select { background: transparent; -webkit-appearance: none; }
.module_search .searchContainer .searchfield { background: none; float: left; height: 35px; width: 712px; margin: 2px 5px; font-size: 22px; border: 0px; }
.module_search .searchContainer .searchfield typ { width: 150px; }
.module_search .searchContainer .select { height: 40px; width: 145px; min-width: inherit; margin: 0px 5px; margin-right: 3px; font-size: 12px; }
.module_search .searchContainer .typ { min-width: 375px; width: 375px; }
.module_search .searchContainer img { width: 20px; margin: 10px 0px; }
.module_search #submitContainer .searchsubmit { float: right; height: 44px; width: 160px; margin: 0px; padding: 0px;  border-radius: 5px; background: #09F; color: #FFF; font-weight: bold; }
#module_search_result { width: auto; height: auto; background: url(../img/info.png) 10px 0px no-repeat; }
#module_search_result p { margin-left: 20px; }
#module_search_result .history { float: right; }
#module_search_result .history a { text-transform: uppercase; margin-left: 2px; color: #999; }

/* Sidmodul */
.sidmeny { background: #666; border: 1px solid #333; }
.sidmeny ul { margin: 5px 10px; }
.sidmeny li { margin-right: 3px; }
/*
.sidmeny li { margin-left: 1px; padding: 3px 10px; background: #EEE; border: 1px solid #666; border-radius: 5px; box-shadow: 0px 0px 5px #333; }
.sidmeny li:hover { background: #FFF; }
*/
.sidmeny li a { font-weight: bold; }


/* Marquee */
.marquee { background: #666; border: 1px solid #333; max-height: 35px; }
.marquee p { color: #FFF; white-space:nowrap; }

/* Mina sidor */
.mypages h2 { margin: 12px 20px; font-weight:100; color: #333; }
.mypages td a { color: #36F; }
.mypages { background: #EEE; position: relative; border: 1px solid #CCC; width: auto; height: auto; margin: 10px; min-height: 50px; }
.mypages td { text-align: left; border-bottom: 1px dotted #CCC; }
.mypages .prevOrder:hover { background: #DDD; }
.mypages .td-left { text-align: left; }
.mypages input { border-radius: 5px; border: 1px solid #CCC; height: 24px; width: auto; padding-left: 5px; }
.mypages .submit { background: #EEE; border: 1px solid #CCC; color: #CCC; height: 35px; margin: 10px; }
.mypages .submit:hover { background: #096; border: 1px solid #666; color: #FFF; }

/* Beställningsmodul */
.order { width: auto !important; width: 100%; padding: 0px; margin: 10px 0px; background: #FFF; border: 1px solid #999; box-shadow: 0px 5px 20px #333; min-height: 250px; height: auto !important; height: 250px; }
.order img, input { border: 0; }
.order td { text-align: center; border-bottom: 1px dotted #CCC; }
.order td a { color: #36F; padding: 10px; }
.order td span { font-size: 8pt; color: #999; }
.order .td-left { text-align: left; }
.order .td-left-30px { text-align: left; width: 30px; }
.order .td-left-30px input { margin-left: 20px; }
.order h3 { margin: 12px 20px; padding-right: 40px; font-weight: normal; color: #333; float: left; }
.order .steg { background: #EEE; position: relative; border: 1px solid #999; width: auto; height: auto; margin: 10px; min-height: 50px; }
.order .varukorg input { width: 18px; height: 18px; text-align: center; border: 1px solid #999; border-radius: 5px; padding: 2px; margin: 0px; }
.order .varukorg .td-left { text-align: left; }
.order .varukorg .plusminus { height: 18px; padding: 0px; cursor: pointer; color: #000; background: #EEE; }
.order .leverans .td-left { text-align: left; }
.order .leverans input, select { border-radius: 5px; border: 1px solid #CCC; height: 24px; width: auto; padding-left: 5px; }
.order .leverans select { width: 240px; background: transparent; -webkit-appearance: none; }
.order .leverans .selectbox { margin-left: 10px; width: 240px; background: url(../img/arrowdown.png) no-repeat right #FFF; }
.order .leverans td, .frakt td, .betalning td { text-align: left; }
.order .leverans #pnummer-loading { display: none; height: 15px; }
.order .leverans .plusminus { height: 18px; width: 18px; padding: 0px; cursor: pointer; color: #000; background: #EEE; border-color: #999; }
.order .bekrafta { border: 0px; background: none; /*background: #9CC; border: 1px solid #999; box-shadow: 0px 0px 3px #999 inset;*/ }
.order .komplettera { background: #9CC; border: 1px solid #666; }
.order .submit, .terms { float: right; height: 35px; width: auto; margin: 5px 10px; padding: 0px 10px; font-weight: normal; border-radius: 5px; cursor: pointer; }
.order .submit { background: #EEE; border: 1px solid #999; color: #333; }
.order .thin { height: 25px; }
.order .submit:hover { background: #096; border: 1px solid #666; color: #FFF; }
.order .terms { background: #9CC; color: #333; border: 1px solid #999; }
.order .terms p { padding: 9px; }

.kvitto h2 { font-weight: normal; padding: 8px 10px; color: #333; }
.kvitto a { font-weight: normal; padding: 0; color: #333; text-decoration: underline; }

/* Artikelmodul - ändrad 2013-06-20 */
.produktrad { position: relative; width: auto; height: auto !important; background-color: #FFF; margin: 10px; box-shadow: 0px 5px 20px #000; } /* 170 */
.generell { background-color: #333; border: 1px solid #555; } /* 170 */
.produktrad p, h1, h2, h3, h4, input { margin: 0px; margin-left: 10px; margin-right: 10px; }
.produktrad p, a { padding: 0px; font-size: 12px; color: #333; }
.produktrad a { color: #333; font-weight: normal; }
.produktinfo, .produktbild, .produktkopa { margin-top: 10px; margin-bottom: 10px; border: 1px solid #999; }
.produktbild { float: left; margin-left: 10px; width: 230px; height: 150px; text-align: center; }
.produktinfo { float: left; margin-left: 10px; width: 485px; min-height: 150px; height: auto !important; background: #EEE; }
.produktinfo h1 { font-size: 14px; color: #333; margin: 5px 10px; float: left; }
.produktinfo h1:first-letter { text-transform: capitalize; }
.produktinfo .regplat { margin: 5px 10px; float: right; height: 20px; width: 58px; background:url('../img/regplat.gif') #FFF no-repeat; background-size: 65px 20px; cursor: default; }
.produktinfo .regplat p { font-family: "Courier New", Courier, monospace; margin: 2px 12px; }
.produktkopa { float: right; margin-right: 10px; width: 200px; height: 150px; text-align: center; background: #EEE; }
.avgasbild { margin: 5px; }
.produktbild { background-color: #FFF; }
.produktbild img { width: auto; max-width: 200px; height: auto; max-height: 130px; margin-top: 10px; vertical-align: middle; }
.produktkopa td { height: 48px; }
.prisprivat { color: #06C; }
.prisforetag { color: #F03; }
.plusminus { width: 18px; height: 18px; text-align: center; border: 1px solid #999; border-radius: 5px; padding: 0px; margin: 0px; cursor: pointer; color: #000; }
.kopantal { width: 30px; height: 18px; text-align: center; border: 1px solid #999; border-radius: 5px; padding: 2px; margin: 0px; }
.kopknapp { height: auto; width: auto; margin: 5px; padding: 10px;  border-radius: 5px; background: #09C; color: #FFF; font-weight: bold; }
.kopknapp:hover { background: #09F; }
.showmore { text-align: center; }
.showmore input { padding: 4px; background: none; color: #FFF; font-size: 11pt; font-weight: bold; cursor: pointer; }

/* Selectbox för att sortera produkter efter pris, benämning osv. <div> är något kortare för att dölja selectboxens pil */
.title-artnr { background: url(../img/mod_shadow_20px.png) 24px repeat-x #369; }
#produkter-orderby { float: left; height: 18px; margin: 2px; margin-left: 20px; background: url(../img/arrowdown.png) no-repeat right #CCC; width: 115px; overflow: hidden; border: 1px solid #444; }
#produkter-orderby select { width: 133px; background: transparent; -webkit-appearance: none; border: 0px; color: #000; }
#produkter-vy { float: right; height: 18px; border: 1px solid #333; margin: 2px; margin-right: 20px; background: #FFF; width: 40px; }
#produkter-vy div { float: left; height: 100%; width: 20px; }
#produkter-vy img { height: 10px; padding: 3px 0px; }
#produkter-vy p { padding: 1px 5px; }
#produkter-vy .active { background: #333; border-radius: 0px; }
#produkter-vy .active a { font-weight: bold; color: #FFF; font-style: normal; padding: 1px; }

/* Inställningar för att visa produkterna i kolumnläge istället för rader */
.product-column { height: 300px; background: #FFF; border: 1px solid #333; box-shadow: 0px 5px 20px #000; }
.product-column p { margin: 0px 10px; padding: 0; }
.product-column h1 { font-size: 12px; color: #333; margin: 5px 10px; float: left; text-transform: capitalize; }
.td-half { width: 50% auto; }
.product-column img { width: auto; max-width: 200px; height: auto; max-height: 130px; margin-top: 10px;  }

/* Slidermodul */
.slider-title { position: absolute; max-width: 100%; width: auto; height: 20px; z-index: 2; right: 2px; }
.slider { position: relative; width:980px; min-height: 40px; height: auto !important; margin: 0px auto; margin-top: 10px; }
.slider { background-color: #FFF; border: 0px; box-shadow: 0px 2px 10px #333; border-radius: 0px; }
* {margin:0; padding:0}
#slideshow {position:relative; height:120px; border-radius: 0px; }
#slider { margin: 0px auto; position:relative; overflow:auto; width:980px; height:120px; border-radius: 0px; }
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; margin: 0px; width:980px; height:120px; }
.pagination { margin: 0px auto; position:relative; float: right; margin: 8px 5px; list-style:none; height:20px; }
.pagination li { float: left; cursor:pointer; height: 10px; width: 10px; background:#ccc; margin:0 5px 0 0; border: 1px solid #777; }
.pagination li:hover, li.current { background: #FFF; }

/* Tooltip */
.ui-tooltip { font-size: 12px; }

/* Colorbox */
#colorbox { border-radius: 0px; }

/* Fancybox */
.fb_siteinfo { width: 600px; background: #069; }
.fb_siteinfo p, a { color: #FFF; font-weight: normal; } /* Bilinformation - Om man klickar på sökt bil i sökrutan */
.fb_siteinfo table { width: 100%; }

.fb_bilinfo p { color: #000; font-weight: normal; } /* Bilinformation - Om man klickar på sökt bil i sökrutan */
.fb_bilinfo p { padding: 2px 5px; }

.fb-kvitto { text-align: center; background: #069; }
.fb-kvitto p, h1{ font-weight: normal; color: #333; }
.fb-kvitto .submit { height: 44px; width: auto; margin: 5px 10px; padding: 0px 10px; font-weight: bold; border-radius: 5px; background: #09D; color: #FFF; border: 1px solid #06F; border-bottom: 2px solid #069; cursor: pointer; }
.fb_loginbox { width: auto; height: auto; background: #069; }
.fb_loginbox a,p { color: #FFF; padding: 5px 10px; }
.fb_loginbox a { text-decoration: underline; float: right; }
.fb_loginbox input { width: 290px; height: 30px; padding: 0px 5px; border-radius: 5px; margin-right: 10px; }
.fb_loginbox .submit { width: 100px; float: right; margin-top: 10px; border: 0px; }
.fb_loginbox .passw { width: 130px; }

/* Kolumn fancybox */
.column-fb { width: 250px; height: auto !important; min-height: 50px; background-color: #EEE; margin: 0px; overflow: hidden; padding: 5px; }
.column-fb .item { float: left; text-align:center;  background-color: #FFF; margin: 2px; border: 1px solid #CCC; }
.column-fb .item a { color: #666; font-size:9pt; padding: 4px; font-weight: 100; }

/* Pagination*/

.mpagination { text-align: center; background: none; border: 0; box-shadow: none; margin-top: 15px; }
.mpagination p { font-weight: bold; color: #FFF; }

.page_navigation a, .alt_page_navigation a {
	text-align: center;
	padding:1px 5px;
	margin:2px;
	color:#FFF;
	text-decoration:none;
	background-color: #555;
	border: 1px solid #333; /*#DB5C04;*/
}
.active_page{
	background-color:white !important;
	color:black !important;
}

.previous_link { border-radius: 4px 0px 0px 4px;}
.next_link { border-radius: 0px 4px 4px 0px;}

#paging_container .no_more{
    /*background-color: white;
    color: gray;*/
    cursor: default;
}

.popup-jconfirm { width: 350px; margin: 0px auto; }
#jconfirm-box-bilmodell { margin-top: 5px; }