/* specific-styles03.css 
 * Här stylas element som är unika för en mall.
 * 
 * UPDATES:
 * 2008-07-07 CA
 * 	Lagt upp filen på servern
 */

/* - - - LAYOUT - - - */

#wrapper
{
	margin: 0px auto;
	width: 1010px;
	height: auto;	
}

#header 
{
	background-image: url(../images/header-bg2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 1000px;
	min-height: 650px;
	margin: 0px auto;
}

#logo
{
	margin: 15px 0 0 50px;
}

/* - - - NAVIGATION - - - */
#nav
{	
	height: 84px;
	margin: 0px 50px 0 0;
	float: right;
}

#nav ul
{
  margin: 0;
  padding: 0;
  display: block;
}

#nav ul li
{
	background-image: url(../images/nav-divider.jpg);
	background-position: right top;
	background-repeat: no-repeat;	
	display: inline;
	float: left;
	text-align: left;
    list-style: none;
    margin-top: 0em;
    padding: 0pt 18px;	
}

#nav ul li#current, #nav ul li.current,
#nav ul li#current-last
{
	padding: 0 2px 0 0;
}

#nav ul li a
{
	display: block;
    font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 80px;
	text-align: left;
    margin-top: 0em;
    padding: 0;
}

#nav a,
#nav a:link,
#nav a:visited
{
    display: inline;
    color: #fff;
    font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
	padding: 0px;
}

#nav a:hover,
#nav a:active
{
    color: #f8b529;
	text-decoration: none;
}

#nav ul li#current a, #nav ul li.current a,
#nav ul li#current-last 
{
	color: #f8b529;
	line-height: 80px;
	background-image: url(../images/nav-current-bg.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;	
	padding: 35px 18px;
}

#nav ul li#current-last 
{
	padding: 0 18px 0 0;
}

#nav ul li#current-last a, 
#nav ul li.last 
{
	background-image: url(../images/login.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	color: #f8b529;
	padding-left: 18px;
	margin-left: 15px;
}

/* - - - SUB-NAVIGATION - - - */

#subnav
{
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

#subnav ul
{
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}

#subnav ul li, 
#subnav ul li#current,
#subnav ul li.current,
#subnav ul li#current-last 
{
	padding: 0;
	margin: 0;
}

/* - - - Dölj underliggande listor, visa bara vid #current/.current - - - */
#subnav ul li ul,
#subnav ul li ul li ul
{
		display: none;	
}

#subnav ul li#current ul li ul,
#subnav ul li.current ul li ul,
#subnav ul li#current-last ul li ul
{
		display: none;
}

#subnav ul li#current ul,
#subnav ul li.current ul,
#subnav ul li.current ul li#current ul, 
#subnav ul li.current ul li.current ul, 
#subnav ul li#current ul li#current ul, 
#subnav ul li#current-last ul
{
	display: block;
}

/* - - - Styling av elementen - - - */

#subnav ul li
{
	background-image: url(../images/subnav-divider.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;	
	width: 100%;
	float: left;
	text-align: left;
    list-style: none;
}

#subnav ul li a
{
	display: block;
    font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	line-height: 30px;
	text-align: left;
    margin-left: 1.7em;
    padding: 0;
	width: 100%;
}

#subnav ul li a:hover,
#subnav ul li ul li a:hover,
#subnav ul li ul li ul li a:hover
{
	text-decoration: none;
	color: #11b08e;	
}

#subnav ul li#current, #subnav ul li.current,
#subnav ul li#current-last
{
	padding-bottom: 5px;
}

#subnav ul li#current a, #subnav ul li.current a,
#subnav ul li#current-last a
{
	color: #11b08e;	
}

/* - - - Nivå 2 - - - */
#subnav ul li#current ul,
#subnav ul li.current ul,
#subnav ul li#current-last ul
{
  margin: 0;
  padding: 0;
}

#subnav ul li#current ul li,
#subnav ul li.current ul li,
#subnav ul li#current-last ul li
{
	background-image: none;
}

#subnav ul li#current ul li a,
#subnav ul li.current ul li a,
#subnav ul li#current-last ul li a
{
	background-image: url(../images/subnav-li-li-bg.jpg);
	background-position: left center;
	background-repeat: no-repeat;	
    margin-top: 0em;
	margin-left: 2.7em;
	padding-left: 8px;
	color: #3d3d3d;
	font-size: 11px;
	line-height: 1.6em;
}

#subnav ul li#current ul li a:hover,
#subnav ul li.current ul li a:hover,
#subnav ul li#current-last ul li a:hover
{
	text-decoration: underline;
}

#subnav ul li ul li#current,
#subnav ul li ul li.current,
#subnav ul li ul li#current-last
{
	background-image: none;
	padding: 0;
}	

#subnav ul li ul li#current a,
#subnav ul li ul li.current a,
#subnav ul li ul li#current-last a
{
	text-decoration: underline;
}	
/* - - - Nivå 3 - - - */

#subnav ul li#current ul li#current ul li a,
#subnav ul li#current ul li.current ul li a,
#subnav ul li.current ul li#current ul li a,
#subnav ul li.current ul li.current ul li a,
#subnav ul li#current-last ul li#current ul li a,
#subnav ul li#current-last ul li.current ul li a,
#subnav ul li#current-last ul li#current-last ul li a
{
    margin-top: 0em;
	margin-left: 4em;
}

/* - - - end NAVIGATION - - - */

#main 
{
	height: auto;
	width: 939px;
	margin: 0 auto 25px;	
}

#main-img
{
	margin: 10px 20px;
	min-height: 245px;
}

/* - - - Layout for start-page - - - */
#main-img-start
{
	background-image: url(../images/main-img-bg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	margin: 10px 20px;
	padding-bottom: 10px;
}

#start-content
{
	margin: 20px 0 0 20px;
}

#puff1, #puff2, #puff3
{
	width: 220px;
	float: left;
	margin-right: 10px;
}

#puff1
{
	margin-left: 20px;
}

#puff3
{
	border-right: 1px solid #efefef;
	padding-right: 10px;
}

.puff-img
{
	
}

.puff-text
{
	padding: 15px;
	float: left;
}

/* - - - end Layout for start-page - - - */

#left-content
{
	width: 200px;
	height: auto;
	margin: 20px 0 0 30px;
	float: left;
}

#main-content
{
	margin: 20px 0 0 20px;
	width: 630px;
	float: left;
}

#footer
{
	background-image: url(../images/footer-bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;		
	height: 86px;
	margin: 0px auto;
}

#footer p
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #fff;
	margin: 0px auto 0pt;
	padding: 30px;
	width: 899px;
}

#HLlogo
{
	background-image: url(../images/HL-logo.jpg);
	background-position: top left;
	background-repeat: no-repeat;		
	display: block;
    height: 20px;
	width: 95px;
	margin: -13px 0px 0pt 780px; 
	padding: 0;
}

/* - - - MODULES - - - */

#search, #search-fake
{
	margin: -55px 0px 0px 670px;   
}

#news, #news-start
{
	background-image: url(../images/news-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;		
	min-height: 220px;
	width: 160px;
	float: left;
	margin: 0 0;
	padding: 20px;
}

#news-start
{
	margin: 0 0 0 2px;
}

#news dt, #news dd
{
	color: #333;
	margin: 0;
	padding: 0;
}

#news h3, #news-start h3
{
	margin: 12px 0pt 4px;
}

#news ul, #news-start ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#news ul li, #news-start ul li
{
	margin-top: 0px;
	margin-left: 0px;
}

#singel-news
{
    margin: 24px;
	width: auto;
}

#dealer_map
{
	float:left;
}

#county_list
{
	float:left;
	margin-left: 20px;
}

#county_list ul li
{
	list-style: none;
}