/*---------------------
General
---------------------*/

A						{font-weight:normal; color:#0075a6; text-decoration:none; font-family:"Trebuchet MS", Arial;}
A:hover					{text-decoration:underline;}

h1						{font-size:180%; font-weight:bold; margin:0 0 10px 0; color:#000;}
h2						{font-size:120%; font-weight:bold; margin:10px 0 3px 0; color:#000;}
h3						{font-size:100%; font-weight:bold; margin:10px 0 3px 0; color:#000;}
P						{padding:0; margin:0;}
img, table				{border: 0;}
html 					{margin:0; padding:0; FONT-SIZE:small;} 
body 					{background:url(../gfx/bg.jpg) no-repeat top center #c1bdb4; margin:0; padding:0; COLOR:#444; font-family:"Trebuchet MS", Arial; font-size:100%; text-align:center; } 

/*---------------------
Body layout
---------------------*/
#Wrapper 					{width:970px; margin:0 auto; text-align:left;}

#Head 						{width:970px; height:132px; margin:0; padding:0; position:relative;}
#Head #logo					{position:absolute; left:16px; top:17px;}

#Head .quick-nav ul				{margin:0; padding:0; list-style:none; position:absolute; right:13px; top:15px; overflow:hidden; border-right:1px solid #999999;}
#Head .quick-nav ul li			{display:inline; float:left;padding-right:12px; margin-right:12px; border-right:1px solid #999999;}
#Head .quick-nav ul li.last		{border-right:0; padding-right:0;}
#Head .quick-nav ul li a		{font-weight:normal; font-size:12px !important; line-height:12px; text-decoration:none; display:inline; color:#595959;}
#Head .quick-nav ul li a:hover	{text-decoration:underline;}

#Head #lang ul 				{position:absolute; right:10px; top:50px; height:27px; margin:0; padding:0; list-style:none; display:block;}
#Head #lang ul li			{margin:0 0 0 10px; padding:0; display:inline; float:right; height:27px; width:24px;}

#Head #varukorgicon			{position:absolute; right:190px; top:43px; height:27px; margin:0; padding:0; }


#Head .nav							{position:absolute; height:40px; width:970px; left:0; top:92px; margin:0; padding:0; background:url(../gfx/nav-bg.gif) no-repeat top left; overflow:hidden;}
#Head .nav .searchBar				{width:135px; padding-top:8px; float:right; overflow:hidden;}
#Head .nav .searchBar .tbx			{background:url(/gfx/searchbar.png) no-repeat top left; padding:4px 15px 5px 22px; font:normal 11px arial, verdana, sans-serif; color:#333; width:90px; border:0;}
#Head .nav .searchBar .tbx-select	{background:url(/gfx/searchbar.png) no-repeat top left; padding:4px 15px 5px 22px; font:normal 11px arial, verdana, sans-serif; color:#999; width:90px; border:0;}

#Head .nav ul				{list-style:none; margin:0; padding:0; width:820px; overflow:hidden; float:left;}
#Head .nav ul li			{float:left; padding:0; display:inline;}
#Head .nav ul li.on			{background:url(../gfx/nav-bg-on.gif) repeat-x;}
#Head .nav ul li.on.first	{background:url(../gfx/nav-bg-on-first.gif) top left no-repeat;}
#Head .nav ul li a			{font:normal 12px/40px Arial; color:#434343 !important; text-decoration:none; padding:0 15px 0 13px; margin:0; background:url(../gfx/nav-bg-line.gif) bottom right no-repeat; display:block;}
#Head .nav ul li.off a		{font:normal 12px/40px Arial; color:#434343 !important; text-decoration:none; padding:0 14px 0 14px; margin:0; background:none; display:block;}
#Head .nav ul li.on a		{font:normal 12px/40px Arial; color:#FFFFFF !important; text-decoration:none; padding:0 14px 0 14px; margin:0; background:none; display:block;}
#Head .nav ul li.on.first a	{background:none; padding-right:13px;}
#Head .nav ul li a:hover, 
#Head .nav ul li.on a:hover,
#Head .nav ul li.off a:hover	{cursor:pointer; text-decoration:underline;}


/*---------------------
Page layout
---------------------*/
.clearfix:after 			{content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix 			{height: 1%;}

.Content					{width:970px; margin:0; padding:0; float:left; min-height:500px; _height:500px; background:url(../gfx/content-bg.gif) top left no-repeat #FFFFFF;}
.ContentShadow				{width:970px; height:20px; margin:0; padding:0; float:left; overflow:hidden;}
.ContentLeft				{width:200px; margin:0; padding:20px 0 0 15px; float:left; overflow:hidden;}
.ContentRight				{width:720px; margin:0; padding:20px 15px 20px 20px; float:left; overflow:hidden;}
.ContentRight .main			{width:450px; margin:0 20px 0 0; padding:0; float:left; overflow:hidden;}
.ContentRight .column		{width:250px; margin:0; padding:0; float:left; overflow:hidden;}

/*---------------------
Startpage layout
---------------------*/
#StartContent				{width:970px; height:380px; margin:0; padding:0; float:left; overflow:hidden;}

#Puffs						{width:970px; margin:0 0 10px 0; padding:0; overflow:hidden; clear:left;}
#Puffs .puffItem			{float:left; width:235px; height:210px; margin:0 10px 0 0; padding:0; overflow:hidden; background:url(../gfx/puff-bg.gif) top left no-repeat;}
#Puffs .puffItem.last		{margin-right:0;}
#Puffs .puffItem h3			{font-size:13px; line-height:32px; font-weight:normal; padding:0 0 0 10px; margin:0; height:32px; color:#333333;}
#Puffs .puffItem .image		{height:135px; overflow:hidden; padding:3px 0 0 0;}
#Puffs .puffItem .link 		{text-align:center; height:25px;}
#Puffs .puffItem .link a	{font-size:12px; line-height:20px; font-weight:bold; padding:0; margin:0;}
#Puffs .puffItem .footer	{height:15px; overflow:hidden;}

#ShopPuffs						{width:970px; margin:0 0 10px 0; padding:0; overflow:hidden; clear:left;}
#ShopPuffs .puffItem			{float:left; width:235px; height:210px; margin:0 10px 0 0; padding:0; overflow:hidden; background:url(../gfx/puff-bg.gif) top left no-repeat;}
#ShopPuffs .puffItem.last		{margin-right:0;}
#ShopPuffs .puffItem h3			{font-size:13px; line-height:32px; font-weight:normal; padding:0 0 0 10px; margin:0; height:32px; color:#333333;}
#ShopPuffs .puffItem .image		{height:160px; overflow:hidden; padding:3px 0 0 0;}
#ShopPuffs .puffItem .link 		{text-align:center; height:25px;}
#ShopPuffs .puffItem .link a	{font-size:12px; line-height:20px; font-weight:bold; padding:0; margin:0;}
#ShopPuffs .puffItem .footer	{height:15px; overflow:hidden;}

#ShopPuffs .puffItemFirst			{float:left; width:235px; height:210px; margin:0 10px 0 0; padding:0; overflow:hidden; background:url(../gfx/puff-bg.gif) top left no-repeat;}
#ShopPuffs .puffItemFirst.last		{margin-right:0;}
#ShopPuffs .puffItemFirst h3		{font-size:13px; line-height:32px; font-weight:normal; padding:0 0 0 10px; margin:0; height:32px; color:#333333;}
#ShopPuffs .puffItemFirst .image	{height:192px; overflow:hidden; padding:3px 0 0 0;}
#ShopPuffs .puffItemFirst .link 	{text-align:center; height:25px;}
#ShopPuffs .puffItemFirst .link a	{font-size:12px; line-height:20px; font-weight:bold; padding:0; margin:0;}
#ShopPuffs .puffItemFirst .footer	{height:15px; overflow:hidden;}

/*---------------------
Left menu
---------------------*/ 
#LeftMenu 							{width:200px; margin:0 0 10px 0; padding:0; overflow:hidden;}
#LeftMenu ul.puffs					{width:200px; margin:0; padding:0; float:left; list-style:none;}
#LeftMenu ul.puffs li				{width:200px; margin:0 0 10px 0; overflow:hidden; display:block; float:left;}

#LeftMenu ul.menu					{width:200px; margin:0 0 20px 0; padding:0; list-style:none; float:left; overflow:hidden;}
#LeftMenu ul.menu li				{margin:0; padding:0; border-bottom:1px solid #efefef;}
#LeftMenu ul.menu li a				{width:185px; padding:0 0 0 18px; margin:0; font:normal 12px/28px Arial; color:#0075a6; text-decoration:none; background:url(../gfx/leftmenu-arrow.gif) center left no-repeat; display:block;}
#LeftMenu ul.menu li a:hover		{text-decoration:underline;}
#LeftMenu ul.menu li.on a			{text-decoration:none; background-color:#f8f8f8 !important; font-weight:bold;}
#LeftMenu ul.menu li.on-childs a	{text-decoration:none; background-color:#f8f8f8 !important; font-weight:bold;}

#LeftMenu ul.submenu				{margin:0; padding:0 0 0 15px; list-style:none; background-color:#f8f8f8;}
#LeftMenu ul.submenu li				{margin:0; padding:0; border-bottom:none;}
#LeftMenu ul.submenu li a			{font:normal 11px Arial !important; color:#0075a6 !important; padding:5px 5px 5px 18px; background:url(../gfx/leftmenu-arrow.gif) left center no-repeat !important;}
#LeftMenu ul.submenu li a:hover		{text-decoration:underline;}
#LeftMenu ul.submenu li.on a		{font-weight:bold !important;}
#LeftMenu ul.submenu li.on a:hover	{text-decoration:none;}

#LeftMenu ul.submenu li ul.submenu li a				{font:normal 11px Arial !important; color:#0075a6 !important; padding:5px 5px 5px 18px; background:url(../gfx/leftmenu-arrow.gif) left center no-repeat !important;}
#LeftMenu ul.submenu li ul.submenu li a:hover		{text-decoration:underline;}
#LeftMenu ul.submenu li ul.submenu li.on a			{font-weight:bold !important;}
#LeftMenu ul.submenu li ul.submenu li.on a:hover	{text-decoration:none;}

/*---------------------
Footer layout
---------------------*/
#Footer						{width:970px; margin:0 0 20px 0; padding:6px 0 0 0; background:url(../gfx/footer-bg.gif) top left repeat-x; clear:left;}
#Footer .left				{float:left; padding:0; margin:0;}
#Footer .right				{float:right; padding:0; margin:0;}
#Footer p					{font-size:12px; color:#666666;}
#Footer p a					{font-weight:normal; color:#666666;}

/*---------------------
GDS
---------------------*/
.gds1 					{margin:0 0 20px 0; width:100%; border:1px solid #eee; border-bottom:none;}
.gds1 th				{text-align:left; font-size:110%; font-weight:bold; vertical-align: top; padding:7px 0 7px 6px; margin:0; background:#5b9cd0; color:#FFF;}
.gds1 th .small			{font-size:90%; font-weight:normal;}
.gds1 td				{text-align:left; font-size:90%; vertical-align: top; padding:5px 0 5px 6px; border-bottom:1px solid #eee;}
.gds1 td.namn 			{font-size:110%;}

.gds2 					{margin:0 0 20px 0; width:100%; border:1px solid #eee;}
.gds2 td				{text-align:left; vertical-align:top; background-color:#f8f8f8;}
.gds2 td.info			{padding:15px;}
.gds2 td.info h3		{font-size:110%; font-weight:bold; margin:0 0 3px 0;}
.gds2 td.bild 			{margin:0; padding:1px; width:180px;}

ul.inspiration-list				{margin:0; padding:10px; list-style:none; min-height:233px; _height:233px; width:215px;}
ul.inspiration-list li			{margin-bottom:10px; padding-left:5px;}
ul.inspiration-list li.header	{margin:5px 0 15px 0; width:160px;}
ul.inspiration-list li.header h2{margin:0; padding:0; color:#666666; font-size:15px; font-weight:normal;}
ul.inspiration-list li strong	{font-size:14px;}
ul.inspiration-list li a		{font-size:12px; color:#333;}
ul.inspiration-list li a:hover	{font-size:12px; color:#333;}

.ul-inspiration-list-sv	{background:url(/gfx/bg-gds-top.gif) top left no-repeat;}
.ul-inspiration-list-gb	{background:url(/gfx/bg-gds-top-en.gif) top left no-repeat;}

div.inspiration-bg			{background:url(/gfx/bg-gds-bg.gif) top left repeat-y;}
div.inspiration-bg .footer 	{background:url(/gfx/bg-gds-bottom.gif) top left no-repeat; margin:0; padding:0; height:7px; width:235px;}

ul#cart								{width:200px; margin:0px 0 10px 0px; padding:0; list-style:none; float:left; overflow:hidden; background-color:#0163a1; color:#fff;}
ul#cart li							{margin:0 10px 0 0; padding:0; display:block;  }
ul#cart li a						{width:135px; float:left; padding:0; font-weight:normal; font-size:10px; margin-left:3px; line-height:20px; color:#fff; background-color:#0163a1; display:block; overflow:hidden; text-decoration:none;}
ul#cart li a:hover					{color:#666; text-decoration:underline;}
ul#cart li .price					{float:right; width:45px;  line-height:20px; font-weight:normal; font-size:10px; color:#fff; background-color:#0163a1; text-align:right;}
ul#cart li .delete					{float:left; margin:7px 0 0 0; padding:0; height:7px; width:9px;  background:url(../gfx/cart-delete.gif) no-repeat; border:0; cursor:pointer; }
ul#cart li.header					{height:27px; width:190px; padding:0 0 0 10px; margin:0 0 0 0; background:url(../gfx/leftmenu-bg-header.gif) top left no-repeat #0163a1; font-size:12px; line-height:25px; font-weight:bold; color:#FFF; overflow:hidden; }
ul#cart li.header .reload			{}
ul#cart li.noitems					{font-weight:normal; font-size:10px; line-height:20px; color:#fff; padding:0 40px; text-align:center; background-color:#0163a1;}
ul#cart li.footer					{float:left; width:185px; padding:5px 5px 10px 10px; margin:0 0 0 0; font:normal 11px/1.7em arial, verdana, sans-serif;  background:url(../gfx/leftmenu-bg-footer.gif) bottom left no-repeat #0163a1;}
ul#cart li.footer div.footer-info	{background:url(/gfx/cart-dots.gif) bottom left repeat-x; height:18px; margin-bottom:2px; margin-right:5px;}
ul#cart li.footer p.left			{float:left; margin-right:3px; overflow:hidden;}
ul#cart li.footer p.left span.text	{background-color:#0163a1; padding-right:2px;}
ul#cart li.footer p.right			{float:right; overflow:hidden;}
ul#cart li.footer p.right span.text	{background-color:#0163a1; padding-left:2px;}
ul#cart li.footer a					{float:left; font:normal 11px/1.7em helvetica, arial, verdana, sans-serif; text-decoration:none; color:#FFF;}
ul#cart li.footer a:hover			{float:left; font:normal 11px/1.7em helvetica, arial, verdana, sans-serif; text-decoration:underline; color:#DDD;}

.cal_Theme1 .ajax__calendar_container	{background-color: #e2e2e2; border:solid 1px #cccccc; width:300px;}
.cal_Theme1 .ajax__calendar_header		{background-color: #ffffff; margin-bottom:4px;}
.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev {color: #004080; padding-top: 3px;}
.cal_Theme1 .ajax__calendar_body {background-color: #e9e9e9; border: solid 1px #cccccc;}
.cal_Theme1 .ajax__calendar_dayname {text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px; color:#000;}
.cal_Theme1 .ajax__calendar_day {text-align:center; color:#000;}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active {color: #004080; font-weight:bold; background-color: #ffffff;}
.cal_Theme1 .ajax__calendar_today {font-weight:bold; color:#000;}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {color: #000;}