/*
 *----------------------------------------------------------------------
 * Jonas Åkerlund
 * Copyright Sector 5 AB 2008
 * ---------------------------------------------------------------------
*/

@import "default.css";
@import "templates.css";
@import "primary-nav.css";
@import "secondary-nav.css";
@import "galleria.css";

/*--------------------------------------------------------------------*/
/* Common typography */
/*--------------------------------------------------------------------*/

body {
	background:#000000 url(../images/bg-repeat.gif) left top repeat-x;
	height: 100%;
}

html {
	height: 100%;	
}

body, table, td, input, textarea, select, fieldset, legend { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #040404;
}

h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: bold;}

h1 { font-size: 3em; line-height: 1.2em;}
h2 { font-size: 3.2em; line-height: 1.2em;}
h3, h4, h5, h6 {font-size: 1.2em; line-height: normal; font-family: Verdana, Arial, sans-serif;}

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

ul { list-style-type: none;}

p { line-height: 1.4em;}

input, textarea { font-size: 1.1em; padding: 1px 2px;}


/*--------------------------------------------------------------------*/
/* Common layout */
/*--------------------------------------------------------------------*/

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.black,
.black a{ color: #040404; }
.white,
.white a{ color: #ffffff; }

hr {
	border-color:#eeeeee;
	border-style:solid;
	border-width:1px 0 0;
	color:#FFFFFF;
	height:0;
	padding-bottom:0.8em;
}

#print-logo { display: none;}

#top {
	width: 962px;
	margin: 0 auto;
}

#wrapper {
	width: 962px;
	margin: 0 auto;
	position: relative;
	background: #fff;
	padding-bottom: 30px;
}

#header {
	height: 151px;
	position: relative;
	width: 962px;
	background: url(../images/header-bg.gif) left top no-repeat;
}

#header-image {
	width: 352px;
	height: 80px;
	left: -54px;
	top: 12px;
	position: absolute;
	z-index: 99;
}

#header-content {
	position: absolute;
	right: 20px;
	top: 10px;
	height: 105px;
	text-transform: uppercase;
}

#header-content a {
	color: #b2b3b6;
	background: url(../images/header-divider.gif) left top no-repeat;
	padding-left: 5px;
	font-size: 1.1em;
}

#header-content a#rss {
	background: url(../images/icon-rss.gif) left 3px no-repeat;
	padding-left: 12px;	
}

#header-content input {
	background: #fff url(../images/header-search.gif) left top no-repeat;
	border: none;
	width: 109px;
	height: 15px;
	float: left;
	padding: 3px 0 0 3px;
	color: #040404;
	margin: 0 5px 0 10px;
}

a#header-search-btn {
	float: left;
	background-image: url(../images/header-search-btn.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 19px;
	height: 18px;
	overflow: hidden;
	text-indent: -10000px;
	display: block;
	padding: 0;
}

a#header-search-btn:hover { background-position: left bottom; }

#header-content p { float: right; }

#header-logo { float: right; margin-top: 10px; }
#header-logo a { background: transparent; }

#template {
	width: 922px;
	padding: 20px 20px 40px 20px;
}

#product-entrances {
	width: 922px;
	height: 248px;
	position: absolute;
	left: 20px;
	top: 0px;
	z-index: 97;
	background: url(../images/product-hover-bg.png) left top no-repeat;
}

* html #product-entrances {
	background: url(../images/product-hover-bg.gif) left top no-repeat;
	width: 0;
	height: 0;
	overflow: hidden;
}

*:first-child+html #product-entrances {
	width: 0;
	height: 0;
	overflow: hidden;
}


#product-entrances .product {
	float: left;
	margin-left: 1px;
	color: #fff;
	padding: 20px 0 0 20px;
	height: 228px;
	cursor: pointer;
}

#product-entrances a {
	text-decoration: none;
	display: block;
	height: 228px;
	color: transparent;
	padding: 20px 0 0 20px;
	margin: -20px 0 0 -20px;
}

#product-entrances a:hover { text-decoration: none; }

.p-hover { background: url(../images/product-bg-repeat.gif) left top repeat-x; }

#product-entrances .product img {
	width: 168px;
	height: 111px;
}

#product-entrances span { color: #fff ; display: block; margin-bottom: .3em; font-size: 1.1em; padding-left: 18px; }
#product-entrances span.header { font-size: 1.4em; font-weight: bold; margin-top: 5px;}
#product-entrances span.more { 
	background: url(../images/product-readmore.gif) 18px 3px no-repeat;
	padding-left: 29px;
	color: #c99c3c;
	margin-top: 5px;
}


#product-entrances #p-1 {width: 202px; margin-left: 0;}
#product-entrances #p-2 {width: 209px; }
#product-entrances #p-3 {width: 210px; }
#product-entrances #p-4 {width: 218px; }

#presentation { 
	padding-bottom: 20px;
}

#primary, #secondary {
	float: left;
	width: 454px;
}

.entrance h2, .gradient-box h2, #product-search h2 { font-size: 1.7em;}

#footer {
	padding: 10px 20px 20px 20px;
	background: url(../images/footer-bg.gif) left top repeat-x;
	width: 882px;
	margin: 0 20px;
}

#footer ul { list-style-type: none;	}
#footer li {
	display: inline;
	padding-right: 5px;
	background: url(../images/footer-divider.gif) left top no-repeat;
	padding-left: 7px;
}

#footer li.first,
#footer ul.right li { background: transparent; padding-left: 0; }

#footer img { float: left; margin-top: -2px; padding-right: 8px;}

.gradient-box {
	float: left;
	width: 219px;
	padding-top: 3px;
	background: url(../images/entrance-top.gif) left top no-repeat;
}

.gradient-box .wrap { background: url(../images/entrance-mid.gif) left top repeat-y; }
.gradient-box .container { background: url(../images/entrance-bottom.gif) left bottom no-repeat; }

.gradient-box .content {
	padding: 12px 16px 0 16px;
}

.gradient-box.first {
	margin-left: 0;	
}

.gradient-box p {
	font-size: 1.1em;
	position: relative; /* Fix dissappearing text in ie6 */
}

.newslist.gradient-box .content {
	height: 383px;
}

.newslist h2 {
	border-bottom: 1px solid #eeeeee;	
	padding-bottom: 5px;
}

.newslist p { font-size: 1.2em; }

.newslist ul img {
	float: left;
	padding: 5px 8px 3px 0;
}

.newslist ul li {
	margin: 12px 0 0 0;
}

.newslist span.date {
	color: #c4942f;
	font-size: .9em;
}

.newslist span.date a { color: #c4942f; }

#secondary {
	margin-left: 14px;	
}

#product-search {
	background: url(../images/search-bg.gif) left top no-repeat;
	height: 85px;
	padding: 18px 0 0 18px;
}

#product-search h2 { padding-bottom: 4px;}

#product-search p {
	font-size: 1.1em;	
}

#product-search #search-info {
	margin-top: 5px;
}

#product-search input {
	width: 317px;
	height: 17px;
	padding: 5px 5px 0 4px;
	border: none;
	background: url(../images/search-input.gif) left top no-repeat;
	float: left;
}

#product-search input.initalvalue {
	color: #666;
}

.search-button a {
	float: left;
	display: block;
	background-image: url(../images/search-button.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 25px;
	width: 82px;
	overflow: hidden;
	text-indent: -10000px;
	margin-top: -1px;
}

.search-button a:hover {
	background-position: left bottom;
}

/*--------------------------------------------------------------------*/
/* Entrance types */
/*--------------------------------------------------------------------*/
.entrance {
	width: 219px;
	float: left;
	height: 103px;
	margin: 15px 0 0 15px;
}

.entrance.tall { height: 217px; }

#related .entrance {
	margin: 0 0 15px 0;	
}

#related .entrance .rte p { margin: 0; }

.entrance.first {
	margin-left: 0;
}

.entrance p {
	font-size: 1.1em;
}

.entrance .rte {
	padding: 12px 18px;
}

.entrance.cite .rte { padding-right: 0;}

.entrance.cite h2,
.entrance.cite h2 a{
	color: #666666;
	margin: 0 0 3px 0;
}

.entrance.cite blockquote img {
	float: left;
	padding: 5px 5px 0 0;
}

.entrance.cite .rte blockquote p {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.1em;
}

.entrance.cite p.author, #related .entrance.cite p.author {
	float: right;
	font-size: 1em;
}

p.author span { color: #999999; }

.entrance.story {
	height: auto;
	border-top: 1px solid #eeeeee;
	margin-top: 0;
	margin-bottom: 15px;
	padding-top: 15px;
}

.entrance.story.firstrow { border-top: none; padding: 0; }
.entrance.story .image { padding-bottom: 11px; }
.entrance.story .rte h2 { font-size: 1.2em; font-family: Verdana, Arial, sans-serif; }
.entrance.story .rte { padding: 0 15px 0 0;}
.entrance.story .rte p { margin-top: .3em; }
.entrance.story .rte a { color: #1a84a2; }

.entrance.show .rte { padding: 0; margin-top: 5px; }
.entrance.show img { padding: 2px; background: #676767; }
.entrance.show { height: auto; }

/*--------------------------------------------------------------------*/
/* Article like template layout */
/*--------------------------------------------------------------------*/
#area-title {
	background: url(../images/area-title-bg.gif) left top no-repeat;
	height: 50px;
	padding: 10px 0 0 15px;
	margin-bottom: 20px;
}

#area-title h1 {color: #fff;}

#main {
	width: 688px;	
	float: left;
	padding-left: 15px;
}

#primary-content {
	width: 454px;
	padding-right: 15px;
	float: left;
}

#intro { padding-bottom: 20px;}

#intro img {float: left; }
#intro h2 { font-size: 1.8em; }
#intro p { font-size: 1.2em; }

#intro .intro-text {
	clear: both;
	background: url(../images/intro-bg.gif) left top no-repeat;
	height: 59px;
	color: #fff;
	padding: 8px 16px;
}

#entrances {
	clear: both;
	padding-top: 30px;	
}

#entrances .entrance { height: 103px; }
#entrances .entrance.tall { height: 217px; }

#entrances .entrance.big {
	width: 454px;
	height: 217px;
	position: relative;
}

#entrances .entrance.inside {
	clear: both;
	width: 300px;
}

#entrances .first,
#entrances .third,
#entrances.combo2 .second{
	width: 219px;
	float: left;
}

#entrances.combo1 .second {
	width: 454px;
	float: left;
	padding-left: 15px;
}

#entrances.combo2 .second,
#entrances.combo2 .third {
	padding-left: 15px;	
}

#entrances.combo2 .second .gradient-box { margin: 0;}
#entrances.combo2 .second .gradient-box .content { height: 198px; }

#entrances .entrance { margin: 0 0 11px 0; }
#entrances .entrance.first { }

#related {
	width: 219px;
	float: left;
}

#related .rte p {
	font-size: 1.2em;
	margin-bottom: 1.3em;
}

.quote {
	border-top: 1px solid #eeeeee;
	padding-top: 15px;
}

.quote blockquote p,
.primary.rte blockquote p {
	font-size: 1.7em;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 3px;
}

.quote blockquote img,
.primary.rte blockquote img { padding-right: 4px; }
.quote p { font-size: 1.2em; }
.quote a { color: #1a84a2; }

/*--------------------------------------------------------------------*/
/* Primary rte */
/*--------------------------------------------------------------------*/
.rte.primary h2 {
	line-height: 1em;	
	margin-bottom: .3em;
}

.rte.primary p.ingress {
	font-weight: bold;
	margin-bottom: 15px;
}

.rte.primary h3 { padding-top: 10px;}

.rte.primary p {
	font-size: 1.2em;
	margin-bottom: 1.5em;
}

.rte.primary p.image-description { color: #666666; }

.rte.primary ul,
.rte.primary ol {
	width: 80%;
	margin-bottom: 20px;
}

.rte.primary ul { padding-left: 20px; list-style-type: disc;}
.rte.primary ol { padding-left: 25px; }

.rte.primary li { font-size: 1.2em; margin: 5px 0 0 0;}
.rte.primary li p,
.rte.primary table p { font-size: 1em; margin: 0;}

.rte.primary table { font-size: 1.2em; border-collapse: collapse; margin-bottom: 20px; }

.rte.primary td,
.rte.primary th { padding: 2px 8px; border: 1px solid #eeeeee;}

table.noborder td,
table.noborder th { border: none; }

/*--------------------------------------------------------------------*/
/* list (documents / articles ) */
/*--------------------------------------------------------------------*/

.list h3 {
	display: block;
	height: 20px;
	padding: 5px 0 0 20px;
	background: url(../images/related-list-bg.gif) left top no-repeat;
	margin-bottom: 3px;
}

.list ul li {
	border-top: 1px solid #f1f1f1;
	padding: 5px 0;
	font-size: 1.2em;
}

.list ul li a {
	padding-left: 20px;	
}

.list ul li.first { border: none; }

.list.documents ul li a {
	background: url(../images/icon-doc.gif) 20px top no-repeat;
	padding: 0 0 3px 40px;
}

.list.thumbs ul { padding-left: 20px; }

.list.thumbs ul li {
	border: none;
	float: left;
	width: 61px;
	margin: 0 20px 0px 0;
}

.list.thumbs ul li a { padding-left: 0; }

.list table { font-size: 1.2em; width: 100%;}

.list th { vertical-align: top; text-align: left; padding-left: 20px; }

.list th, .list td {
	border-top: 1px solid #f1f1f1; 
	padding-top: 3px;
	padding-bottom: 3px;
}

.list th .explain { font-weight: normal; font-style: italic; display: block; margin-top: 5px; }

.list tr.first th, 
.list tr.first td { border-top: none; } 


/*--------------------------------------------------------------------*/
/* Article footer and print/tip */
/*--------------------------------------------------------------------*/
#article-footer p,
#commands p { font-size: 1.2em; }

#article-footer {
	margin-top: 35px;	
}

p.updated { margin-top: 15px; }
p.updated span { color: #666666; }

#commands { margin-top: 20px; }

#commands p {
	margin-right: 10px;
}

#commands a {
	float: left;
	padding: 7px 7px 5px 0;
}

p#tip a {
	background: url(../images/icon-tip.gif) 7px 5px no-repeat;
	padding-left: 33px;
}

p#tip a.active { background: #f1f1f1 url(../images/icon-tip-active.gif) 7px 5px no-repeat; }

p#print a { 
	background: url(../images/icon-print.gif) left 5px no-repeat;
	padding-left: 21px;
}

#tip-a-friend {
	background: #f1f1f1;
	display: none;
	float: left;
	width: 454px;
}

#tip-a-friend p.first {
	padding-right: 16px;	
}

#tip-a-friend p { float: left; }

#tip-a-friend p#msg { padding: 15px 0 10px 0; float: none;}

#tip-a-friend input { width: 189px; margin-top: 3px;}

#tip-a-friend textarea {
	width: 402px;
	height: 72px;
	margin-top: 3px;
}

#tip-a-friend label { font-size: 1.2em;}

/* error message */
#tip-a-friend em {
	font-size: 1.1em;
	display: block;
	color: red;
	clear: both;
	padding-top: 2px;
}

#tip-a-friend p.success { float: none; font-size: 1.2em; }

#tip-a-friend .content { padding: 18px 22px; }

#tip-a-friend .button a {
	height: 24px;
	width: 71px;
	display: block;
	float: right;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	margin-left: 5px;
}

#tip-a-friend #tip-close.button a { background-image: url(../images/tip-close-btn.gif); }
#tip-a-friend #tip-close.button a:hover { background-position: left bottom; }

#tip-a-friend #tip-send.button a { background-image: url(../images/tip-send-btn.gif); }
#tip-a-friend #tip-send.button a:hover { background-position: left bottom; }

/*--------------------------------------------------------------------*/
/* search results */
/*--------------------------------------------------------------------*/
#results {
	padding-top: 20px;	
}

#results a {
	color: #1a84a2;	
}

#results h2 {
	font-size: 1.4em;
	margin-bottom: 5px;
}

#area-matches {
	background: url(../images/search-matches-top.gif) left top no-repeat;
	padding-top: 3px;
	font-size: 1.1em;
}

#area-matches .wrap {
	background: url(../images/search-matches-mid.gif) left top repeat-y;
	padding-top: 10px;
}

#area-matches .container {
	background: url(../images/search-matches-bottom.gif) left bottom no-repeat;
	padding-bottom: 10px;
	
}

#area-matches .content {
	padding: 0 10px;
	position: relative;
}

#area-matches ul { margin-top: 3px;}

#area-matches ul li { 
	display: inline; 
	background: url(../images/search-matches-divider.gif) left top no-repeat;
	padding-left: 8px;
	padding-right: 2px;
}

#area-matches ul li.first { background: transparent; padding-left: 0; }

#area-matches ul li a {
	padding-bottom: 1px;
}

#area-matches ul li.active a {
	color: #040404;
	background: url(../images/dotted-border.gif) left bottom repeat-x;
}

#area-matches ul li.active a:hover { text-decoration:none; }

#list-matches {
	font-size: 1.2em;
	margin-top: 20px;
}	

#list-matches li { margin: 25px 0; }
#list-matches .image { float: left; }
#list-matches .image img { padding: 4px 9px 0 0; }

#list-matches .content {
	float: left;
	width: 380px;
}

#list-matches.product-hits ul {
	margin-top: -5px;
	margin-bottom: 25px;
}

#list-matches.product-hits li {
	margin: 15px 0;	
}

/*--------------------------------------------------------------------*/
/* #paging */
/*--------------------------------------------------------------------*/
#paging {
	text-align: center;
	width: 454px;
	margin: 0 auto;
	padding-top: 20px;
}

#paging ul {
	margin: 0 auto;
	display: table;
}

#paging ul li {
	background: url(../images/paging-left.gif) left top no-repeat;
	padding-left: 2px;
	height: 19px;
	float: left;
	margin-right: 2px;
}

#paging ul li span {
	background: url(../images/paging-mid.gif) left top repeat-x;	
	height: 19px;
	float: left;
}

#paging ul li a { 
	background: url(../images/paging-right.gif) right top no-repeat;
	height: 16px;
	float: left;
	padding: 3px 6px 0 4px;
}

#paging ul li#prev {
	background: url(../images/paging-prev.gif) left top no-repeat;
	padding-left: 19px;
	margin-right: 7px;
}

#paging ul li#next a {
	background: url(../images/paging-next.gif) right top no-repeat;
	padding-right: 23px;
}

#paging ul li#next { margin-left: 7px; }

#paging ul li.active { background-image: url(../images/paging-left-active.gif);	}
#paging ul li.active span { background-image: url(../images/paging-mid-active.gif);	}
#paging ul li.active a { background-image: url(../images/paging-right-active.gif);	color: #fff;}

del.container {clear:both; text-decoration:none;}
* html del.container {display:inline-block;}

*:first-child+html del.container {
	display: inline-block;
}