/*---------------------
General
---------------------*/
A						{font-weight:normal; color:#df512b; text-decoration:none;}
A:hover					{text-decoration:underline;}
h1, h2, h3				{font:bold 15px/1.3 "Lucida Sans", "Lucida Grande", Sans-serif; color:#ffffff; letter-spacing:0.02em;}
h1						{font-size:24px; padding:0; margin:0 0 10px 0; text-transform:uppercase;}
h2						{font-size:17px; padding:0; margin:10px 0 2px 0;}
h3						{font-size:14px; padding:0; margin:10px 0 2px 0;}
h4						{font-size:14px; padding:0; margin:0 0 10px 0;}
P						{padding:0; margin:0;}
img, table				{border: 0;}
html 					{margin:0; padding:0; FONT-SIZE:small;}
body 					{background:url(../gfx/bg.jpg) repeat-x #494949; margin:0; padding:0; COLOR:#f2f2f2; font:normal 12px/1.5 "Lucida Sans", "Lucida Grande", Sans-serif; text-align:center;} 

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

#Head 							{width:980px; height:170px; margin:0; padding:0; position:relative; background:url(../gfx/header-bg.gif) top left no-repeat #000000;}
#Head #logo						{position:absolute; left:0px; top:0px;}

#Head ul#quick-nav				{position:absolute; right:20px; top:10px; margin:0; padding:0; list-style:none;}
#Head ul#quick-nav li			{display:inline; float:left; padding-left:10px; margin-left:10px; border-left: 1px solid #7f0500;}
#Head ul#quick-nav li.first		{border-left:0; margin-left:0;}
#Head ul#quick-nav li a			{font:bold 10px/11px Arial !important; color:#FFF !important; text-decoration:none; display:inline;}
#Head ul#quick-nav li a:hover	{cursor:pointer; color:#df512b !important;}

#Head .nav					{position:absolute; left:225px; bottom:1px; height:41px; width:755px; margin:0; padding:0; overflow:hidden;}
#Head .nav ul				{list-style:none; margin:0; padding:0;}
#Head .nav ul li			{float:left; padding:0; display:inline;}
#Head .nav ul li a			{font:bold 12px/41px Arial !important; color:#FFF !important; text-decoration:none; padding:0 16px 0 18px; margin:0; background:url(../gfx/nav-bg-line.gif) bottom left no-repeat; display:block;}
#Head .nav ul li a.first	{background:none; padding-left:5px;}
#Head .nav ul li a:hover	{cursor:pointer; color:#df512b !important;}
#Head .nav ul li.on			{background:url(../gfx/nav-on-bg.jpg) repeat-x;}
#Head .nav ul li.on a		{font:bold 12px/41px Arial !important; color:#df512b !important; text-decoration:none; padding:0 16px 0 18px; margin:0; background:url(../gfx/nav-bg-line.gif) bottom left no-repeat; display:block;}
#Head .nav ul li.on a.first	{background:none; padding-left:5px;}
#Head .nav ul li.on a:hover	{cursor:pointer;}

/*---------------------
Page layout
---------------------*/
#Content					{width:980px; margin:0; padding:0; float:left; min-height:530px; _height:530px; background:url(../gfx/content-bg.jpg) top left no-repeat #000;}
#flashContent				{width:980px; height:400px; margin:0; padding:0; float:left; overflow:hidden; background-color:#000000;}

.ContentLeft				{width:220px; margin:0; padding:0; float:left; overflow:hidden;}
.ContentRight				{width:760px; margin:0; padding:0; float:left; overflow:hidden;}

.ContentRight .inner		{width:710px; margin:0; padding:25px; float:left; overflow:hidden;}
.ContentRight .main			{width:510px; margin:0; padding:0; float:left; overflow:hidden;}
.ContentRight .column		{width:165px; margin:0; padding:0; float:right; overflow:hidden;}

#Puffs							{width:976px; margin:0; padding:0px 2px 0 2px; overflow:hidden; float:left; background:url(../gfx/content-start-bg2.gif) top left no-repeat;}
#Puffs .puffItem				{float:left; width:324px; height:172px; padding:0; margin:0 2px 0 0; background:url(../gfx/content-puffitem-bg.jpg) top left no-repeat;}
#Puffs .puffItem.last			{margin-right:0px;}
#Puffs .puffItem h3				{font-size:15px; line-height:40px; font-weight:bold; padding:0 15px; margin:0; height:39px; color:#FFF; text-transform:uppercase;}
#Puffs .puffItem .image			{height:133px; overflow:hidden; padding:0;}
#Puffs .puffItem .link			{margin:12px 10px 0 20px;}
#Puffs .puffItem .link-date		{margin:12px 0 0 20px; float:left; font-size:10px; width:63px; padding-left:15px; background:url(../gfx/puff-news-arrow.gif) left center no-repeat !important; color:#666; line-height:9px;}
#Puffs .puffItem .link-news		{margin:12px 10px 0 0; float:left; width:210px; line-height:9px;}
#Puffs .puffItem .link-rss		{margin:12px 10px 0 20px; float:left; width:280px; line-height:9px; border-top:1px solid #333; padding-top:10px;}
#Puffs .puffItem .link-rss a	{font-size:10px; font-weight:normal; color:#FFF; /*padding-left:15px; background:url(../gfx/puff-news-arrow.gif) left center no-repeat !important;*/ padding-left:15px; background:url(../gfx/puff-news-arrow.gif) left center no-repeat !important;}
#Puffs .puffItem .link-news a	{font-size:10px; font-weight:normal; color:#FFF; /*padding-left:15px; background:url(../gfx/puff-news-arrow.gif) left center no-repeat !important;*/}
#Puffs .puffItem .link a		{font-size:10px; font-weight:normal; color:#FFF; padding-left:15px; background:url(../gfx/puff-news-arrow.gif) left center no-repeat !important;}

/*---------------------
Left menu
---------------------*/
#LeftMenu 							{width:220px; margin:0; padding:0; overflow:hidden;}
#LeftMenu ul.puffs					{width:190px; margin:0; padding:0 15px; float:left; list-style:none;}
#LeftMenu ul.puffs li				{width:190px; margin:10px 0 0 0; overflow:hidden; display:block; float:left;}
 
#LeftMenu ul.menu					{width:200px; margin:0 0 5px 0; padding:0 10px; list-style:none; float:left; overflow:hidden;}
#LeftMenu ul.menu li				{margin:0; padding:7px 0; border-bottom:1px solid #222222;}
#LeftMenu ul.menu li a				{width:175px; padding-left:25px; font:bold 12px Arial; color:#FFF; text-decoration:none; background:url(../gfx/leftmenu-arrow.gif) left center no-repeat; display:block;}
#LeftMenu ul.menu li a:hover		{color:#df512b;}
#LeftMenu ul.menu li.on a			{color:#df512b; background:url(../gfx/leftmenu-arrow-on.gif) left center no-repeat;}
#LeftMenu ul.menu li.on-childs a	{color:#df512b; background:url(../gfx/leftmenu-arrow-on-childs.gif) left center no-repeat;}

#LeftMenu ul.submenu				{margin:0; padding:5px 0 2px 35px; list-style:none;}
#LeftMenu ul.submenu li				{margin:0; padding:0; border-bottom:none;}
#LeftMenu ul.submenu li a			{font:bold 11px arial !important; color:#fff !important; padding:5px 0; background:none !important; display:block;}
#LeftMenu ul.submenu li a:hover		{color:#df512b !important; text-decoration:none;}
#LeftMenu ul.submenu li.on a		{color:#df512b !important; text-decoration:none;}

#LeftMenu ul.submenu ul.submenu				{margin:0; padding:3px 0 3px 20px; list-style:none;}
#LeftMenu ul.submenu ul.submenu li			{margin:0; padding:0; border-bottom:none;}
#LeftMenu ul.submenu ul.submenu li a		{font:normal 11px arial !important; color:#fff !important; padding:5px 0; background:none !important; display:block;}
#LeftMenu ul.submenu ul.submenu li a:hover	{color:#df512b !important; text-decoration:none;}
#LeftMenu ul.submenu ul.submenu li.on a		{color:#df512b !important; text-decoration:none;}

/*---------------------
Footer layout
---------------------*/
#Footer						{width:980px; height:61px; margin:0; padding:0; float:left; background:url(../gfx/footer-bg.jpg) top left no-repeat; text-align:center;}
#Footer p					{font-size:11px; line-height:61px; color:#666666;}
#Footer a					{color:#888;}
#Footer a:hover				{color:#BBB;}

/* Menu */
ul#cart								{width:200px; margin:10px 0 10px 10px; padding:0; list-style:none; float:left; overflow:hidden; color:#FFF;}
ul#cart li							{margin:3px 0; padding:0; display:block;}
ul#cart li a						{width:125px; float:left; padding:0; font-weight:normal; font-size:10px; line-height:20px; color:#FFF; display:block; overflow:hidden; text-decoration:none;}
ul#cart li a:hover					{color:#DDD; text-decoration:underline;}
ul#cart li .price					{float:right; width:50px; line-height:20px; font-weight:normal; font-size:10px; line-height:20px; color:#FFF; text-align:right;}
ul#cart li .delete					{float:left; margin:7px 5px 0 10px; 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:170px; padding:0 0 0 30px; margin:0 0 7px 0; background:#000 url(/gfx/cart-header.gif) no-repeat; font-size:12px; line-height:25px; font-weight:bold; color:#FFF; overflow:hidden; border-bottom:1px solid #222; border-top:1px solid #333;}
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;}
ul#cart li.footer					{float:left; width:190px; padding:5px 0 10px 10px; margin:5px 0 0 0; font:normal 11px/1.7em arial, verdana, sans-serif; border-top:1px solid #222; border-bottom:1px solid #222; background-color:#111;}
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:#111; padding-right:2px;}
ul#cart li.footer p.right			{float:right; overflow:hidden;}
ul#cart li.footer p.right span.text	{background-color:#111; 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;}

/*---------------------
Brödsmulor
-----------------------*/
.breadcrumb				{margin-bottom:15px; padding-left:10px; height:30px; line-height:30px; background:url(/gfx/breadcrumb-bg.gif) no-repeat top left;}
.breadcrumb .seperator	{width:7px; height:30px; margin:0 5px; float:left; background:url(/gfx/breadcrumb-seperator.gif) no-repeat top left;}
.breadcrumb a			{float:left; color:#999; font-weight:normal; font-size:11px;}
.breadcrumb a:hover		{float:left; color:#666; text-decoration:none;}

/* Product listings */
ul#product-list						{width:710px; margin:10px 0 20px 0; padding:0; list-style:none; overflow:hidden; font:11px/1.7em helvetica, arial, verdana, sans-serif;}
ul#product-list li					{width:162px; margin:0 20px 45px 0; padding:0; display:block; float:left; background-color:#000;}
ul#product-list li.last				{margin:0 0 17px 2px;}
ul#product-list li a				{font: 11px/1.7em helvetica, arial, verdana, sans-serif; color:#333; text-decoration:underline;}
ul#product-list li a:hover			{font: 11px/1.7em helvetica, arial, verdana, sans-serif; color:#666; text-decoration:none;}
ul#product-list li .image			{width:160px; height:160px; float:left; overflow:hidden; border:1px solid #222; border-bottom:0;}
ul#product-list li .image img		{max-width:200px; max-height:200px;}

ul#product-list li .price			{width:160px; text-align:center; padding-bottom:5px; border:1px solid #222; border-top:0; color:#dfb400;}
ul#product-list li .info			{width:160px; text-align:center; padding-top:5px; font-weight:bold; color:#EEE; border:1px solid #222; border-bottom:0; border-top:0;}

ul#product-list li .more			{width:162px; margin-top:5px; height:20px; position:relative;}
ul#product-list li .more .btn-buy	{width:42px; height:20px; position:absolute; right:0; top:0; border:0; background:url(/gfx/kop.gif) no-repeat top right; cursor:pointer;}
ul#product-list li .more .btn-info	{width:150px; height:20px; position:absolute; left:0; top:0; border:0; background:url(/gfx/information.gif) no-repeat top left; cursor:pointer;}

/*-------------------
Övriga klasser mm
-------------------*/
.tbx	{COLOR:#333; font:normal 11px Arial, Verdana, Sans-serif; padding:1px 2px;}
.btn	{COLOR:#333; font:normal 11px Arial, Verdana, Sans-serif;}
.status	{color:#df512b;}

@media print
{
	.noprint	{ display: none; }
}