/* 	----------------------------------
	TEMPLATE FOR JOOMLA
	NAME: BEJOKEN
	CREATOR: MÅRTEN EIDMANN
	DATE:2007-02-20
-------------------------------------- */
/* 	----------------------------------
	Modified by:
	David Åberg (UDK)
	DATE:2008-09-01
-------------------------------------- */

html, body {
	background:#F1F1F1;
	margin:0;
	padding:0;
	font: 11px/14px Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	color:#000;
}
form { margin: 0; }
/* ---------------- LAYOUT BELOW ------------- */

/* ------------------- LINKS ------------------ */
a:link {
	color:#333;
	text-decoration:none;
}
a:visited{
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#999;
	text-decoration:none;
}
a:active {
	color:#333;
	text-decoration:none;
}

#site_container {
	position:relative;	
	margin:0 auto;
	width:900px;	
	padding:0;
}
#inner_site_container{
	float:left;
	margin-top:20px;
	width:900px;
	background:#E7E7E7 url('../images/shadow_right.gif') top right repeat-y;
}
#top {
float:left;
	position:relative;
	background:#E7E7E7 url('../images/top_nav.jpg') top right no-repeat;
	height: 80px;
	width: 900px;
	text-align:left;
	margin:0 0 10px 0;
	padding:0;	
}
#content {
	float:left;
	top:0px;
	left:0px;
	width:890px;
	min-height:600px;
	margin:0;
	padding:0 0 20px 0;
}
#left {
	float:left;
	margin:0;	
	padding:0px 0 80px 30px;
	text-align:left;
	width:210px;
	min-width:210px;
	text-overflow:clip;
	position:relative;
	overflow:hidden;
	float:left;
	border-right:1px solid #D3D3D3;
}
#left-inner {
	width:209px;
	margin:0;
	padding:0;
	text-align:left;
}
#main {
	clear:right;
	margin:10px 0 0 0;
	width:628px;/*drar bort 2px pga borders*/
	float:left;
	padding:10px 0 10px 20px;
	position:relative;
	text-align:left;	
	z-index:500;
}
#main-inner {
	width:100%;	
	float:left;
	margin:20px 0 0 0;
	padding:0 0 60px 0;
	text-align:left;
}
.clear-both {
	clear:both;
	height:10px;
	margin:0;
	padding:0;
}
#footer {
float:left;
	width:900px;
	height:60px;
	margin:0 0 0 0;
	padding:20px 0 0 0;
	font-size:1em;
	line-height:15px;
	color:#333;
	text-indent:300px;
	background:#F1F1F1 url('../images/bottom.gif') -44px top no-repeat;
}
.moduletable-footer {
height:18px;
vertical-align:top;
}
.moduletable{float:left; margin:0px; padding:0px; width:100%; overflow:hidden;}
.moduletable td{padding:2px;}
.moduletable td label{float:left; width:100%; margin-top:3px;}
td.head_line{border-bottom:1px solid #D3D3D3; padding:5px 0 3px 0; font-weight:bold; font-size:10pt; width:100%;}
.moduletable tr td a.link{float:left; font-size:12px; color:#082e68;background:transparent url('../images/arrow_blue.png') top right no-repeat; padding-left:4px; padding-right:13px; line-height:auto;}
/*login box in the bottom of left column*/
.login{float:left; width:209px; overflow:hidden;}
/*9bbede link color */
#login{float:left; overflow:hidden;}
.text{float:left; padding-left:4px;}
/* ------------------ HEADINGS ----------------------- */
h1, .contentheading {
	font:bold 1.4em/1.2em Arial, Helvetica, sans-serif;
	
}
h2 {
	font:bold 1.3em Arial, Helvetica, sans-serif;
	color:#666;
}
h3 {
	font:bold 1.3em/1.3em Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	color:#666;
}
#product_list h3 {
position:relative;
top:-10px;
display:block;
height:12px;
}
#product_list h3 a {
	font-family: Arial, Helvetica, sans-serif;
}
.detaljer a {
	font: bold italic 1.1em/1.1em Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
}

/* ---------------- CONTENT --------------------- */
.contentpaneopen {
}
.contentheading {
	text-indent:0px;
}
.contentpaneopen .readon {
	text-indent:0px;
	display:block;
	font-style:italic;
	text-decoration:underline;
}

/* ---------------- MODULES & MENUS --------------------- */

/* --- TOPMENU --- */
#topmenu {
	padding-top:100px;
	padding-left:60px;
}
a.mainlevel-nav {
	padding-right:30px;
	font-weight:bold;
}
/* --- LEFT MENU --- */
a.mainlevel-paketlosningar {
	padding-left:10px;
	font:bold italic 1.3em/1.2em Arial, Helvetica, sans-serif;
	color:#818181;
}
a.mainlevel-paketlosningar:visited {
	padding-left:10px;
	font:bold italic 1.3em/1.2em Arial, Helvetica, sans-serif;
	color:#818181;
}
a.mainlevel-paketlosningar:hover {
	color:#999;
}
/* --- NYHETER --- */
.moduletable-nyheter {
	position:relative;
	top:23px !important;
	top:35px;
	left:-10px;
	border:1px solid #CCC;
	width:170px;
	padding-bottom:10px;
}
.moduletable-nyheter th {
	width:170px;
	padding:10px 0 10px 35px;
	background-color:#EFEFEF;
	border-bottom:1px solid #CCC;
	font:bold italic 1.4em Arial, Helvetica, sans-serif;
	color:#818181;
}
.moduletable-nyheter td {
	padding:5px 5px 5px 5px;
}
a.mainlevel-nyheter {
	background:url('../images/pil_red.gif') 0px 2px no-repeat;
	display:block;
	padding:0 0 5px 15px;
	border-bottom:1px solid #CCC;
	font:italic 1em/1.4em Arial, Helvetica, sans-serif;
	color:#818181;
}
a.mainlevel-nyheter:hover {
	color:#999;
}

/******************* Top Menu************************/

.moduletable-topnav {
	position:relative;
	top:53px !important;
	top:54px;
	left:240px;
    padding:0;
	margin:0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-family:
}
.moduletable-topnav td {
    width: auto;
}
.topnav {
	width:0px; 
}
a.topnav:link, a.topnav:visited {
	width				: auto;
	background			: #818181;
 	padding			    : 3px 6px 6px 6px;
	color				: #FFF;
    border-bottom   	: 1px solid #818181; 
    text-decoration		: none;
	line-height:25px;
	}
a.topnav:hover, a.topnav#current:hover {
 	width				: auto;
	background			: #E7E7E7;
	padding				: 3px 6px 6px 6px;
	color				: #4B4B4B;
	border-bottom		:  1px solid #E7E7E7 !important;
	text-decoration		: none;
	line-height:25px;
	}
a.topnav#current {
	width				: auto;
	background			: #83BAD8;
 	padding			: 3px 6px 6px 6px;
	color				: #3D3D3D;
	border-bottom:  1px solid #83BAD8 !important;
    text-decoration		: none;
	line-height:25px;
	}


/* --------------- WAITING DIVS ----------------------- */
.waitingdiv{
	background			: #83BAD8;
	padding				: 6px 200px 6px 200px;
	color				: black;
	font				: bold 1.3em/1.3em Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	position			: absolute;  
	text-align			: center;
	font-size			: 16px;
	z-index				: top;
	pixelTop			: 150;
	pixelLeft			: 60;
}

/* --------------- STOCK DIV ----------------------- */
.stockdiv{
	background			: #83BAD8;
	padding				: 6px 3px 6px 3px;
	color				: black;
	font				: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	position			: absolute;  
	text-align			: left;
	font-size			: 13px;
	z-index				: top;
	width				: 500px;
	height				: auto;
	visibility			: hidden;
	border-style		: solid;
	border-width		: 3px;
	border-color		: black;
}

/* --------------- COMPONENTS ----------------------- */

.componentheading {
font-weight:bold;
}

/* ---- CONTACT COMPONENT ---- */
/*removes extra padding from button in ie*/
.button_left_menu {
	/*height:18px;*/
	/*border:1px solid #999999;*/
	/*padding:0;
	line-height:10px;
	margin:0; */
	border:1px solid #999999;
	float:left;	
	height:19px;
	padding:0 2px 3px 2px;
	_padding:0 2px 0px 2px;
	margin-left:4px;
	margin-right:0px;
	background:#EFEFEF url('http://localhost/joomla/templates/goit/images/button.jpg') no-repeat;
	color:#000;
	text-indent:0px;
	outline:none;
	/*font:1em/1em normal Arial, Helvetica, sans-serif;*/
}

* html input { overflow: visible; }
html input{ overflow: visible; }
.input_left_menu {
/*
	float:left;
	font:1em/1em normal Arial, Helvetica, sans-serif;
	text-align:left;
	*/
	margin-left:2px;
	height:15px;
	float:left;
	color:#333;
	border:1px solid #999999;
	/*border:1px solid #cccccc;
	height:18px;
	line-height:30px;	
	padding:0;
	margin:0 5px 0 0;	*/
}
.hidden{float:left; height:0px; width:0px; margin:0px; padding:0px;}

.button {
	border:1px solid #999999;
	background:#EFEFEF url('http://localhost/joomla/templates/goit/images/button.jpg') no-repeat;
	color:#000;
	font-size:10px;
	font:Arial, Helvetica, sans-serif;
}
.inputbox {
	font:.8em normal Verdana, Helvetica, sans-serif;
	text-align:left;
	color:#333;
	border:1px solid #cccccc;
}

.inputbox[readonly] {
	color: #666666; 
	background: #e0e0e0; 
}
/*browse7.php shows all articles in a table*/
table.product_table{height:25px; width:100%; float:left;}
table.product_table tr td{vertical-align: center;}
table.product_table tr td div.form_addtocart{float:left; height:22px; overflow:hidden; line-height:22px;}
table.product_table tr td div.form_addtocart input{_margin-top:2px;}


/*advanced search*/
table.artno_search{float:left; width:100%;}
table.artno_search tr{vertical-align: top; width:auto;}
table.artno_search tr input{float:left; width:auto;}
.artno_search_left{width:150px;}
.artno_search_right span{height:14px; margin:0px; padding:0px; line-height:auto;}
span.artno_search_right_span{height:14px; margin:0 0 0 5px; padding:0px; line-height:auto;}
/*forgot password created by David*/
.reg_txt{float:left; width:100%; margin-bottom:20px;}
.contentpane_reg{float:left; width:100%;}


/* --------- SEPARATE CONTENT ITEMS STYLING -------- */

/* -------- DIVERSE ----------- */
img {
	padding:5px;
}
form img {
	padding:0;
}

.date {
margin:5px 20px 0 0; 
padding:0px;
float:right;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
}
/* -------- PATHWAY ----------- */
.path {
position:relative;
top:0px;
left:30px;
display:block;
}
.pathway {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.pathway img {
padding:0;
margin:0;
}

.title a:link, .title a:visited, .title a:hover, .title a:active {
font:1.3em/1.3em Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
}

#tree{float:left; overflow:hidden; margin-bottom:10px;}
a.treenode:link {
	color:#000;
	text-decoration:none;
}
a.treenode:visited{
	color:#000;
	text-decoration:none;
}
a.treenode:hover {
	color:#15557d;
	text-decoration:none;
}
a.treenode:active {
	color:#15557d;
	text-decoration:none;
}

/*
a.treenode:hover {
	width				: auto;
	background			: #E7E7E7;
 	color				: #000000;
	padding				: 1px 0px 0px 1px;}
*/
#current{
	width				: auto;
	/*background			: #83BAD8;*/
 	color				: #000000;
	font-weight:bold;
	text-decoration		: none;
	padding				: 1px 0px 0px 1px;
}
/*
#current:hover{
	width				: auto;
	background			: #83BAD8;
 	color				: #000000;
	text-decoration		: none;
	padding				: 1px 0px 0px 1px;}
*/