/*



  165           500           330
15  150



*/
* {
	margin: 0;
	padding: 0; 
}

html{
	height:100%;	
}

body {
	text-align: center; 
	min-width: 1000px; /* Some browsers actually understand this */
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#CCCCCC;
	height:100%;


}

img{border:0px none;}

#wrapper {
	text-align: left; 
	position:relative; /* to be able to position footer*/
	margin:0 auto; /* center, not in IE5 */
	width: 995px; 
	background-color:#FFFFFF;	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}


#top {
	
	height: 251px;
/*  	background:url(images/top_sho.jpg) bottom no-repeat;  */
	margin: 0;
	border: 0px none;
	width: 995px; 
}



/* ----------------------------------------------------------------------- main-nav ----------------------------------------------------- */
#mainNav {
	border: 0px none;
	width: 100%;
	font-family: Verdana, sans-serif;
	height:30px;
	width: 995px; 

}
/*
#mainNav p {
	display: inline;
	}

#mainNav ul, #mainNav li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #339;
	font-weight: bold;
	}
	*/
	

/* ----------------------------------------------------------------------- CONTENT ----------------------------------------------------- */
/* these should be included dependeing on layout */
#navPane { 
	width: 160px;
	float: left; 
	margin-right: 5px;
	background-color:#FFFFFF;
}
#navPaneHem { 
	width: 10px;
	float: left; 
	margin-right: 5px;
	background-color:#FFFFFF;
}
#mainContent { 
	width: 485px;
	float: left; 
	margin-right: 5px;
        margin-bottom: 30px;
			margin-left: 15px;
	background-color:#FFFFFF;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 120%;
}
#mainContentHem {
	width: 645px;
	float: left; 
	margin-right: 5px;
        margin-bottom: 30px;
	background-color:#FFFFFF;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 120%;
}
#modulePane { 
	width: 320px;
	float: left; 
/*	padding-left: 150px; */
	background-color:#FFFFFF; 
        margin-bottom: 30px;
        margin-left: 5px;
}


/* ----------------------------------------------------------------------- Shoppingcart ---------------------------------------------------- */
/* Ett snabbt hack bara, snyggas till*/
#shoppingCart{
    width: 329px;
}

#shoppingCart TD{
    border-bottom: 1px solid #AAAAAA;
}

#shoppingCart .tableCaption{
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    background-color: #CCCCCC;
}

#shoppingCart .header{
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-bottom: 0px none;
}




/* ----------------------------------------------------------------------- FOOTER ----------------------------------------------------- */

#footer { 
	position:absolute;  /* sems to work in ff with it removed? nope bozo!*/
	width:990px;
	bottom:0; /* stick to bottom */
	background-color:#919191;
	clear: both;
	height:26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	line-height:26px; /* getting the text really in the vertical middle */
	padding-left:5px;	
	vertical-align:middle;
}

/* ------------------------------------------------------ GENERAL ELEMENTS -------------------------------------- */
    H1{
        font-size: 17px;
        font-family: Arial;
        font-weight: bold;
    }
    H2{
        font-size: 12px;
        font-family: Verdana;
        font-weight: bold;
    }
    H3{
        font-size: 9px;
        font-family: Verdana;
        font-weight: bold;
    }
    H4{
        font-size: 9px;
        font-family: Verdana;
    }


/* ----------------------------------------------------- DYNAMICDRIVE MENU -------------------------------------------- */
.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(images/list.gif) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(images/closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

textarea{
    width:250px;
}






/* ---------------------------------------------------------- banner ---------------------------------------------------- */
#retegoBanner, #retegoBanner a, #retegoBanner a:hover, #retegoBanner a:active, #retegoBanner a:visited, #retegoBanner a:link {
    font-size:10px;
    font-face: Arial, Helvetica, Sans;
    text-decoration: none;
    color: #666666;
}