/*

Base style sheet for www.woody.se
Unique styles for pages and widgets can be found in the pages style sheet.

*/




/* =LAYOUT
----------------------------------------------------------------------------------------------------*/

body	{ text-align: center; background: #0675cc url(images/body-topbg.jpg) repeat-x; }

#container	{ margin: 0px auto; width: 1000px; text-align: left; }


/* =HEAD */

#head 	{ position: relative; height: 97px; overflow: hidden; }

#head-logo	{ float: left; }


#head-links	{ position: absolute; top: 49px; right: 250px; width: 250px; }
#head-links ul	{ float: right; list-style-type: none; }
#head-links li	{ float: left; margin-left: 20px; }
#head-links a	{ font-size: 11px; color: #fff; text-decoration: none; }
#head-links a:hover	{ text-decoration: underline; }

#head-search	{ position: absolute; top: 45px; right: 20px; width: 195px; }
#head-search div	{ float: left; margin-right: 5px; width: 169px; height: 21px; background: url(images/head-utils-searchbg.gif) top left no-repeat; }
#head-search .searchfield	{ margin: 3px 0px 0px 37px; width: 121px; border: 0px; background: #fff; color: #666; }
#head-search .searchbutton	{ float: left; width: 21px; height: 21px; cursor: pointer; }

#head-login { position: absolute; top: 10px; right: 20px; width: 395px;}
#head-login div { float: right; margin: right; color: #fff; }
#head-login ul { list-style-type: none; }
#head-login div li { color: #fff; float: left; height: 23px; }
#head-login div li a { padding-left: 25px; color: #fff;}
#head-login div li.login { width: 78px; padding-top: 7px; background: url(images/my-pages-login.png) top left no-repeat; }
#head-login div li.logout { width: 78px; padding-top: 7px; background: url(images/my-pages-logout.png) top left no-repeat; }
#head-login div li.my-page { width: 117px; padding-top: 7px; background: url(images/my-pages-link.png) top left no-repeat; }

#head-current-user { position: absolute; top: 75px; right: 20px; width: 450px;}
#head-current-user div { float: right; margin: right; color: #fff; padding: 2px 3px 0px 0px; }
#head-current-user span { color: #fff;}


/* =MENU */

#menu	{ height: 38px; background: url(images/menu-bg.gif) top center no-repeat; overflow: hidden; }
#menu, 
#menu * { font-size: 12px; }
#menu ul	{ list-style-type: none; padding: 6px 0px 0px 1px; }
#menu li	{ float: left; height: 32px; border-right: 1px solid #003c98; }

#menu li a	{ display: block; float: left; outline: none; padding-top: 8px; height: 24px; text-align: center; font-size: 12px; color: #fff; text-decoration: none; background-image: url(images/menu-item-bg.gif); background-position: top left; background-repeat: no-repeat; }
#menu li a:hover	{ background-position: bottom left; }

#menu li.current	{  }
#menu li.current a	{ background-position: bottom left; }

#menu li.first	{ border-left: 0px; }
#menu li.first a	{ background-image: url(images/menu-item-first-bg.gif); }
#menu li.first.current a	{ background-position: bottom left; }
	
#menu li.last	{ border-right: 0px; padding-left: 1px; background: url(images/menu-item-bg.gif) top left no-repeat; }
#menu li.last a	{ background-image: url(images/menu-item-last-bg.gif); background-position: top right; }
#menu li.last a:hover	{ margin-left: -1px; background-position: bottom right; border-left: 1px solid #000843; }
#menu li.last.current	{ background-image: url(images/menu-item-last-bg.gif); background-position: bottom right; }

#menu li.start a	{ width: 78px; }
#menu li.nyheter a	{ width: 86px; }
#menu li.produkter a	{ width: 98px; }
#menu li.woodyservice a	{ width: 130px; }
#menu li.hemdesign a	{ width: 120px; }
#menu li.yrkesproffs a	{ width: 115px; }
#menu li.hemmaproffs a	{ width: 122px; }
#menu li.guidetips a	{ width: 140px; }
#menu li.miljo a	{ width: 75px; }
#menu li.omoss a	{ width: 82px; }
#menu li.kontakt a	{ width: 82px; }

/*
#menu li.start a	{ width: 105px; }
#menu li.nyheter a	{ width: 115px; }
#menu li.produkter a	{ width: 140px; }
#menu li.woodyservice a	{ width: 150px; }
#menu li.hemdesign a	{ width: 150px; }
#menu li.yrkesproffs a	{ width: 150px; }
#menu li.hemmaproffs a	{ width: 150px; }
#menu li.guidetips a	{ width: 140px; }
#menu li.miljo a	{ width: 110px; }
#menu li.omoss a	{ width: 115px; }
#menu li.kontakt a	{ width: 115px; }
*/


/* =CONTENT */

#content	{ padding-bottom: 10px; min-height: 400px; background: #fff url(images/content-topbg.gif) repeat-x; }
#content-left	{ float: left; width: 195px; }
#content-main	{ float: left; margin: 0px 35px; width: 485px; }
#content-right	{ float: left; width: 223px; }

#breadcrumbs	{ margin: 5px 0px 15px 0px; color: #999; }
#breadcrumbs *	{ color: #999; }


/* =CONTENT-LEFT */

#content-left-menu, #content-left-menu *	{ font-size: 11px; }
#content-left-menu	{ padding-bottom: 15px; background: #fff; }
#content-left-menu div.header	{ padding: 11px 0px 0px 18px; height: 22px; background: url(images/content-left-menu-header-bg.gif); color: #fff; }
#content-left-menu div.header a {color:#fff;text-decoration:none;}
#content-left-menu a	{ color: #004fa4; }
#content-left-menu ul	{ list-style-type: none; }
#content-left-menu ul.level1	{ border-bottom: 1px solid #e3e3e3; }
#content-left-menu ul.level1 li a	{ padding-left: 18px; width: 177px; }
#content-left-menu ul.level2 li a	{ padding-top: 6px; padding-left: 36px; width: 159px; background: #f0f0f0; }
#content-left-menu ul.level3 li a	{ padding-top: 6px; padding-left: 54px; width: 141px; background: #f0f0f0; }
#content-left-menu ul.level4 li a	{ padding-top: 6px; padding-left: 72px; width: 123px; background: #f0f0f0; }
#content-left-menu li a	{ display: block; padding-top: 8px; padding-bottom: 8px; text-decoration: none; }
#content-left-menu li a:hover	{ background: #f0f0f0; }
#content-left-menu li.toptemplate	{ border-top: 1px solid #e3e3e3; }
#content-left-menu li.expandedtoptemplate	{ background: #f0f0f0; }
#content-left-menu li.current a	{ font-weight: bold; }
#content-left-menu li.current ul li a	{ font-weight: normal; }


/* Banners */

#content-left-banners	{ margin-top: 20px; text-align: right; }
#content-left-banners ul	{ list-style-type: none; }
#content-left-banners li	{ margin-top: 10px; }


/* =CONTENT-MAIN */

#content-main div.addregion	{ margin-top: 25px; }


/* =CONTENT-RIGHT */

#content-right-boxes	{  }
.content-right-box	{ margin-bottom: 20px; background: #f0f0f0 url(images/content-right/box-topbg.gif) left top no-repeat; }
.content-right-box .header	{ padding: 8px 0px 0px 12px; height: 22px; font-weight: bold; }
.content-right-box .content	{ padding-bottom: 1px; background: url(images/content-right/box-botbg.gif) bottom left no-repeat; }
.content-right-box .content p	{ margin: 10px 12px; line-height: 16px; }
#content-right-boxes a	{ text-decoration: underline; }
#content-right-boxes a:hover	{ text-decoration: none; }

.content-right-banner	{ margin-bottom: 20px; }


/* =FOOT */

#foot	{ padding: 110px 30px 20px 30px; background: url(images/foot-bg.gif) left top no-repeat; color: #fff; }
#foot * { color: #fff; }
#foot p	{ margin: 0px; }
#foot ul    { list-style-type: none; }
#foot li    { float: left; margin-right: 25px; }


/* =STOREFINDER */

#storefinder-compact	{ position: relative; height: 60px; }
#storefinder-compact .label	{ position: absolute; top: 9px; left: 20px; padding: 13px 0px 0px 55px; width: 130px; height: 38px; background: url(images/storefinder-map-small.gif) left top no-repeat; }
#storefinder-compact .list 	{ position: absolute; top: 21px; left: 220px; }
#storefinder-compact .list .storelist	{ width: 300px; }
#storefinder-compact .link	{ position: absolute; top: 10px; left: 520px; margin: 9px 0px 0px 17px; padding: 4px 0px 6px 15px; border-left: 1px solid #709fcc; }
#storefinder-compact .link a	{ color: #004fa4; }

#storefinder-window	{ position: absolute; display: none; width: 1000px; height: 330px; background: url(images/storefinder/window-bg.gif) center top; z-index: 999; text-align: left; }
#storefinder-window .content	{ position: absolute; left: 375px; top: 100px; width: 450px; }
#storefinder-window .lists	{ position: absolute; left: 375px; top: 200px; }
#storefinder-window .lists .select	{ float: left; margin-right: 20px; width: 170px; }
#storefinder-window .lists .select-wide	{ float: left; margin-right: 20px; width: 290px; }
#storefinder-window h6	{ font-size: 14px; }
#storefinder-window .close	{ position: absolute; right: 0px; top: 0px; cursor: pointer; }

#overlay { position: absolute; left: 0px; top: 0px; display: none; width: 100%; z-index: 998; background-image: url(images/overlay.png); }
* html #overlay{
	position: absolute; 
	left: 0px; 
	top: 0px; 
	display: none; 
	width: 100%; 
	z-index: 998; 
	background-color: #333;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}




/* =EDITOR/TEXT
----------------------------------------------------------------------------------------------------*/

#content-main h1, h1 *    { margin-bottom: 15px; font-family: Arial; font-size: 25px; }
h2, h2 *    { margin: 20px 0px 15px 0px; font-family: Arial; font-size: 15px; }
h3, h3 *    { margin: 20px 0px -12px 0px; font-size: 11px; }

*	{ font-family: Verdana; font-size: 11px; color: #333; }
a:link, a:visited	{ text-decoration: none; }
a:hover	{ text-decoration: underline; }

p	{ margin: 15px 0px; line-height: 16px; }
#content-main p a	{ text-decoration: underline; }
#content-main p a:hover	{ text-decoration: none; }

#content-main ul	{ margin-left: 20px; }
#content-main ul li	{ margin: 10px 0px; }

img.leftfloat	{ float: left; margin: 0px 15px 10px 0px; }
img.rightfloat	{ float: right; margin: 0px 0px 10px 15px; }


#ResultArea a:link, #ResultArea a:visited	{ text-decoration: underline; }
#ResultArea a:hover	{ text-decoration: none; }

/* =UTILITIES
----------------------------------------------------------------------------------------------------*/

.clear 	{ display: block; clear: both; overflow: hidden; height: 0px; visibility: hidden; }
*:focus	{ outline: 0px; }