@charset "utf-8";
/* CSS Document */

/* 

----- # The document structure # ----
1. Custom classes for individual pages
2. Structure elements for basic page layout
3. Style definition for html-elements
4. Clear elements and link-coloring

*/

/* ####################### CUSTOM CLASSES - START ####################### */

/* ### SHOWITEMLIST ### */

.list-category-head {
	padding:2px;
	font-weight:bold;
	background:#DCDCDC;
	margin:16px 0 2px 0;
}
.list-category-head th {
	padding:2px;
}
#searchresult {
	padding:6px 0 6px 0;
	background:#f2f2f2;
	font-weight:bold;
	font-size:16px;
	margin:25px 0 0 0;
}
#searchresult span {
	background:#d2d2d2;
	padding:6px 6px;
	margin-right:10px;
}
#adv-search {
	margin:4px 0 8px 4px;
}

#link-decoration a:link {
	text-decoration:none;
}
#link-decoration a:visited {
	text-decoration:none;
}
#link-decoration a:hover {
	text-decoration:none;
}
#link-decoration a:active {
	text-decoration:none;
}

/* ### SHOWITEM ### */

.productname-header {
	background:url(../images/header_product.gif) no-repeat;
	padding:7px 0 6px 9px;
	font-weight:bold;
	margin-bottom:5px;
}
.stock-text {
	color:#505050;
}
.payment-insurance {
	padding:16px 0 0 0;
	margin-bottom:8px;
}
.payment-insurance p {
	margin:0 0 7px 45px;
	font-weight:bold;
}
.payment-insurance-inner {
	background:#e1e1e1;
	border:1px solid #a3a3a3;
}
.payment-insurance-inner td {
	text-align:center;
	height:42px;
}
.readmore {
	background:#d2d2d2;
	width:80px;
}
.smalltext {
	font-size:10px;
}


#shipping-tables td {
	padding:2px;
}

/* ### BLUEBOX ### */

.box {
	background:url(/images/box_blue_top.gif) left top no-repeat;
	padding-top:10px;
	width:218px;
}
.box-outer {
	background:url(/images/box_blue_bottom.gif) bottom left no-repeat;
	padding-bottom:10px;
}
.box-inner {
	padding:0 10px 0 10px;
	border-left:1px solid #89a2bf;
	border-right:1px solid #89a2bf;
	background:#d7e5f6;
}


/* ### LOGINBOX ### */

.loginbox {
	border:1px solid #96aec9;
	padding:6px 0 0 6px;
	margin-bottom:12px;
}
.loginbox-outer {}
.loginbox-inner { padding:5px 4px 4px 0; }

/* ### SPOTBOX ### */

.spotbox {
	border:1px solid #96aec9;
	margin-bottom:12px;
}	
.spotbox-outer { }
.spotbox-inner {
	padding:4px 85px 4px 4px; 
	text-align:center;
}

/* ### PRODUCTBOX - Små lådor på produktsidan ### */

.productbox { 
	width:214px;
	margin-bottom:12px;
}
.productbox-outer { 
	border-bottom:1px solid #BEBEBE;
	border-left:1px solid #BEBEBE;
	border-right:1px solid #BEBEBE;
}
.productbox-inner {
	padding:3px;
}
.boxheader-item {
	background:url(../images/boxheader_item.gif) no-repeat;
}
.boxheader-stock {
	background:url(../images/boxheader_stock.gif) no-repeat;
}
.boxheader-payment {
	background:url(../images/boxheader_payment.gif) no-repeat;
}
.boxheader-insurance {
	background:url(../images/boxheader_insurance.gif) no-repeat;
}

/* ### DEFAULT ### */

.intranetbox {
	border:1px solid #b48282;
	background:#b4b4b4;
}
.infobox {
	background:url(../images/infobox_top.gif) no-repeat;
	padding-top:15px;
}
.infobox-out {
	background:url(../images/infobox_bottom.gif) bottom no-repeat;
	padding-bottom:20px;
}
.infobox-in {
	background:url(../images/infobox_bakground.gif);
	padding:0 18px;
}

/* ### SENDLOGIN ### */

.formbox {
	background:#f0f0f0;
	padding:10px;
	width:300px;
	border:1px solid #CCC;
}

/* ### placeOrder.asp ### */

.checkout_btn {
	background:url(/images/button_tocheckout_step2.gif) no-repeat;
	width:135px;
	height:38px;
	border:0;
	cursor:pointer;
}


/* ####################### CUSTOM CLASSES - END ####################### */

/* ####################### STRUCTURE ELEMENTS, BASIC LAYOUT - START ####################### */

#wrap {
	width:945px;
}

#logo {
	padding:3px 9px 9px 16px;
	width:168px;
}
#blank-cell {
	height:46px;
	width:14px;
}
#cart {
	padding-right:18px;
	padding-bottom:5px;
	text-align:right;
}
#cart-drop-down {
	width:480px;
	font-size:11px;
}
#cart-change-button {
	background:url(../images/button_cart_big.gif) no-repeat;
	width:182px;
	height:24px;
	text-align:center;
}
.cart-button {
	background:url(../images/button_cart_small.gif) no-repeat;
	width:87px;
	height:23px;
	text-align:center;
}
.button-padding {
	padding:0 0 4px 0;
}
#top-nav-corner {
	height:27px;
	background:url(../images/topnav_corner.gif) no-repeat;
	width:14px;
}
#top-nav {
	background:url(../images/topnav_bakground.gif) repeat-x; 
	height:26px; 
	border-right:1px solid #3c3c3c; 
	border-bottom:1px solid #b4b4b4; 
	padding-right:5px;
	text-align:right;
}

#nav-content-wrap {
	background-color:#FFF;
	border-bottom:1px solid #3c3c3c;
	border-left:1px solid #3c3c3c;
	border-right:1px solid #3c3c3c;
	min-height:650px;
}
#nav-content-wrap-outer {
	background:url(../images/bakground_navigation.gif) repeat-y;
}
.navigation {
	width:200px;
	border-top:1px solid #3c3c3c;
	padding-bottom:45px;
}
#ajaxbox {
position:fixed;
left:945px;
top:120px;
width:221px;
padding:15px;
}
#ajaxbox3 {
position:fixed;
left:400px;
top:120px;
width:400px;
padding:15px;
}
#search-box {
	width:200px;
	background:#c3c3c3;
}
#search-box-outer {
	padding:12px 0 12px 12px;
}
#search-box-inner {
}
#tree-menu {
	width:200px;
}
#tree-menu-inner {
	padding:16px 0 16px 9px;
}

#main-content {
	width:746px;
	height:500px;
}
#main-content-outer {
	padding:10px 5px 10px 10px;
}

#left-column {
	padding-right:10px;
}
#right-column {
	width:218px;
}

#leveranssok {
	border-top:1px solid #b48282;
	background-image:none;
	padding:2px 0 2px 12px;
}
#intranetsearch {
	border:1px solid #b48282;
	border-top:#926969;
	padding:12px 0 18px 12px;
	background:#b4b4b4 url(../images/intranet_notify.gif) bottom right no-repeat;
}
.intranet-searchfield {
	width:170px;
}

#footer {
	padding:2px;
	margin-bottom:35px;
	color:#FFF;
}

#tabmenu {
	color: #000;
	border-bottom: 1px solid #96aec9;
	margin: 12px 0px 6px 0px;
	padding: 0px 0 4px 0;
	z-index: 1;
	padding-left: 10px
}
#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
}
#tabmenu a, a.active {
	color: #000;
	background: #ecf2f9;
	border: 1px solid #cdd5de;
	border-bottom: 1px solid #96aec9;
	padding: 4px 7px 4px 7px;
	margin: 0;
	text-decoration: none;
}
#tabmenu a.active {
	background: #FFF;
	border: 1px solid #96aec9;
	border-bottom: 1px solid #FFF;
}
#tabmenu a:hover {
	color: #000;
	background: #dbe5f0;
}
#tabmenu a:visited {
	color: #000;
}
#tabmenu a.active:hover {
	background: #FFF;
	color: #000;
}

/* ####################### STRUCTURE ELEMENTS, BASIC LAYOUT - END ####################### */

/* ####################### STYLE DEFINITIONS, HTML ELEMENTS - START ####################### */

body {
	margin:0;
	padding:5px 0 0 10px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bakground_gradient.gif) top repeat-x #00487b;
}

img {
	border:0;
}
table {
	width:100%;
	border:0;
	border-collapse:collapse;
}
ul, li {
	margin:0;
	padding:0;
	list-style:none;
}
p {
	margin:0;
	padding:0;
}
h1 {
	padding:0;
	margin:6px 0 6px 0;
	font-size:18px;
}
h2 {
	padding:0;
	margin:6px 0 6px 0;
	font-size:16px;
}
h3 {
	padding:0;
	margin:4px 0 4px 0;
	font-size:14px;
}
h4 {
	padding:0;
	margin:0;
	font-size:11px;
	font-weight:bold;
	padding:23px 0 4px 5px;
}
form {
	display:inline;
	padding:0; margin:0;
}
input, select {
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#FFF url(../Images/boxbg.jpg) bottom repeat-x;
}
textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	overflow:auto;
}
/* ####################### STYLE DEFINITIONS, HTML ELEMENTS - END ####################### */

/* ####################### CLEAR ELEMENTS, LINK COLORING - START ####################### */

a:link { color:#000; text-decoration:underline; }
a:visited { color:#000; text-decoration:underline; }
a:hover { color:#000; text-decoration:none; }
a:active { color:#000; text-decoration:none; }

.navigation a:link { color:#000; text-decoration:none; }
.navigation a:visited { color:#000; text-decoration:none; }
.navigation a:hover { color:#000; text-decoration:none; }
.navigation a:active { color:#000; text-decoration:none; }

.ufree a:link { color:#000; text-decoration:none; }
.ufree a:visited { color:#000; text-decoration:none; }
.ufree a:hover { color:#000; text-decoration:underline; }
.ufree a:active { color:#000; text-decoration:none; }


span.clr {
	display: block;
	clear: both;
}
.clearer { clear: both; display: block; height: 1px; margin-bottom: -1px; font-size: 1px; line-height: 1px; }

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

.ic1 {
	padding: 3px 0px 3px 0px;
    border-bottom: solid 1px #d8d8d8;
	vertical-align: top;
}

.type0 {
	font-weight:bold;
	font-size:10px;
	padding: 3px 0px 3px 0px;
    border-bottom: solid 1px #d8d8d8;
	vertical-align: top;
}

.type1 {
	font-size:10px;
	padding: 3px 0px 3px 0px;
    border-bottom: solid 1px #d8d8d8;
	vertical-align: top;
}

.type2 {
	font-size:10px;
	padding: 3px 0px 3px 0px;
    border-bottom: solid 1px #d8d8d8;
	vertical-align: top;
}

/* ####################### CLEAR ELEMENTS, LINK COLORING - END ####################### */