/************************************

	CSS FOR JNORDSTROM
	-----------------
	Author: ShopSetup
	Year: 2007

 ***********************************/

body {margin: 0 auto; background: #fff; font-family: Arial, Helvetica, sans-serif;}


/* FONTS ********************************************************************************************/
h1 {font-size: 20px; color: #444; font-weight: normal; padding-bottom: 16px; line-height: 25px;}
h2 {font-size: 16px; color: #000; font-weight: normal; padding-bottom: 16px; line-height: 21px;}
p {font-size: 12px; color: #444; font-weight: normal; padding-bottom: 16px; line-height: 17px;}


/* LINKS ********************************************************************************************/
a {color: #444; text-decoration: none;}
a:visited {color: #444; text-decoration: none;}
a:hover {color: #444; text-decoration: underline;}


/* CLEAR ********************************************************************************************/
.clear {clear:both;}


/*
=Clearfix
*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1px;
}

.clearfix {
	display: block;
}




/* WRAPPER ********************************************************************************************/
#wrapper {width: 970px; height: auto; margin: 0 auto; background: #fff; text-align: left;}


/* HEADER ************************************************************************************************/
#header {position:relative; clear:both; width: 970px; height: 75px; }
	.logo {position: absolute; top: 10px; left: 20px;}
	.langChoose {position: relative; top: 3px; left: 815px;}
	.langSwe {position: relative; top: 3px; left: 815px;}
	.langEng {position: relative; top: 3px; left: 815px;}
	
/* HEADER MENU */
#header ul {position: absolute; right: 10px; bottom: 4px; margin: 0; padding: 0; list-style-type:none;}
	#header li {font-size: 11px; display:inline; margin-right: 10px; color: #444;}
	#header li.active {font-size: 11px; font-weight: bold; display:inline; margin-right: 10px; color: #444;}


/* VARUMARKESINFO ********************************************************************************************/
#brandinfoAbout {clear:both; width: 889px; height: 280px; padding: 40px 40px 0px 40px; margin: 0; background: #fff; border: 1px solid #ccc;}
	#brandinfoAbout img {float:right; position: relative;  margin-bottom: -40px; margin-top: -40px; margin-right: -40px;}
#brandinfoKontakt {clear:both; width: 889px; height: 273px; padding: 40px 40px 0px 40px; margin: 0; background: #fff; border: 1px solid #ccc;}
	#brandinfoKontakt img {float:right; position: relative; margin-bottom: -40px; margin-top: -40px; margin-right: -40px;}
#brandinfoTwo {clear:both; width: 889px; height: auto; padding: 40px 40px 0px 40px; margin: 0; background: #fff; border: 1px solid #ccc;}
	#brandinfoTwo img {float:right; position: relative; top: -40px; right: -40px;}
#brandinfo {clear:both; width: 889px; height: auto; padding: 40px 40px 40px 40px; margin: 0; background: #fff; border: 1px solid #ccc;}
	#brandinfo img {float:right;}
#brandinfoThree {clear:both; width: 889px; height: auto; padding: 40px 40px 40px 40px; margin: 0; background: #fff; border: 1px solid #ccc;}
	
	.brandinfotext {float:left; width: 400px;}
	.brandinfotext p.link {font-size: 11px; color: #666;}
	.brandinfotext a {color: #666; text-decoration: none; font-weight: bold;}
	.brandinfotext a:visited {color: #666; text-decoration: none; font-weight: bold;}
	.brandinfotext a:hover {color: #666; text-decoration: underline; font-weight: bold;}
	
#brandItem 
{
	width:195px; height:60px; float:left;
	margin: 0px 27px 30px 0px;
}
#EngbrandItem 
{
	width:100px; height:60px; float:left;
	margin: 0px 27px 30px 0px;
}
#EngbrandItem IMG { float:left; margin-right:10px;}
#brandItem IMG { float:left; margin-right:10px;}
	

/* VARUMARKESLOGOS ********************************************************************************************/
#brandlogos {clear:both; width: 970px; height: 60px; margin-top: 10px; background: #ccc;}


/* NYHETSSIDAN ********************************************************************************************/
.hogerCol {float:right; width: 300px; font-size: 12px; color: #444; }
	.hogerCol ul {padding-top: 0px;}
	.hogerCol li {background:url(../img/icon_doc.png) no-repeat left center; display:block; margin-bottom: 5px; padding:5px 0 5px 20px; font-size: 12px; color: #444; border-bottom: 1px solid #e8e8e8;}
	.hogerCol table.newslist {float:right; width: 300px; font-size: 12px; color: #444; }
	.brandinfotext img.nyhetsbild {padding-bottom: 20px;}
	.brandinfotext p.datum {font-size: 12px; font-weight: bold; color: #999;}

/* FÖRSTASIDAN *****************************************************************************************/
#firstpageContainer
{
	clear:both; width: 889px; height: 190px; padding: 40px 40px 40px 40px; margin: 0; margin-bottom:10px; border: 1px solid #ccc;
	background:  url(../img/kassa_bg.jpg) no-repeat top right;
	float: left;
}
	
/* KONTAKTSIDAN *****************************************************************************************/
.brandinfotext h2.kontaktrub {padding-bottom: 15px;}
.brandinfotext h2.kontaktrubTwo {padding-top: 15px; padding-bottom: 15px;}
#brandinfo_kontaktbg {background:url(../img/kontakt_bg.jpg) no-repeat #fff; clear:both; width: 889px; height: auto; padding: 40px 40px 40px 40px; margin: 0; border: 1px solid #ccc;}

	
/* TABELLER ********************************************************************************************/
table.kontaktsidan {font-size: 12px; color: #444; margin-bottom: 16px;}
table.kontaktsidan td {padding: 2px 0 2px 0;}	


/* BILDBANK *******************************************************************************************/

.bildbank {float:left; width: 300px;}
	.bildbank label {font-size: 12px; font-weight: bold; color: #444; float:left; width: 100px; margin-bottom: 10px;}
	.bildbank input {margin-bottom: 10px;}
	.bildbank input.loginbtn {padding-left: 98px;}
#loggain {padding: 20px 20px 20px 20px; background: #e8e8e8; border: 1px solid #ccc;}
#brandinfo_bg {background:url(../img/bildbank_bg.jpg) no-repeat #fff; clear:both; width: 889px; height: auto; padding: 40px 40px 40px 40px; margin: 0; border: 1px solid #ccc;}

	
/* BOTTENBLOCK ********************************************************************************************/
#bottomBlock {clear:both; width: 970px; margin-top: 10px; background: #fff;}
#bottomBlock h2 {font-size: 16px; color: #fff; font-weight: normal; line-height: 1px; margin-top: 5px; text-align: center; margin-left: -8px;}
#bottomBlock p {font-size: 11px; width: 300px; line-height: 14px; text-align: center; margin-left: -8px;}

	.blockBildbank {background:url(../img/block_bg_bildbank.jpg) no-repeat #fff; float: left; width: 292px; height: 152px; padding: 12px 10px 10px 15px; margin-right: 10px;}
	.blockNyheter {background:url(../img/block_bg_nyheter.jpg) no-repeat #fff; float: left; width: 292px; height: 152px; padding: 12px 10px 10px 15px; margin-right: 0px; font-size: 12px; line-height: 18px; color: #444;}
		.blockNyheter ul {padding-top: 5px;}
		.blockNyheter li {background:url(../img/icon_doc.png) no-repeat left center; display:block; margin-bottom: 5px; padding:0 0 0 20px; font-size: 12px; color: #444;}

	.blockJNord {background:url(../img/block_bg_jnord.jpg) no-repeat #fff; float: left; width: 291px; height: 152px; padding: 12px 10px 10px 15px; margin-right: 10px;}
	
	
/* FOOTER ********************************************************************************************/
#footer {clear:both; width: 950px; padding: 5px 5px 5px 5px; text-align: center;}
	#footer p {font-size: 11px; color: #999; padding-bottom: 0px;}
#footer_nobordertop {clear:both; width: 950px; padding: 5px 5px 5px 5px; text-align: center;}
	#footer_nobordertop p {font-size: 11px; color: #999; padding-bottom: 0px;}