/*---------------------
General
---------------------*/
A						{font-weight:normal; color:#0088cc; text-decoration:none; font-family:Verdana, Arial, Helvetica;}
A:hover					{text-decoration:underline;}
h1, h2, h3				{font:bold 15px/1.3 Verdana, Arial, Helvetica; color:#111; letter-spacing:0.02em;}
h1						{font-size:18px; padding:0; margin:0 0 10px 0;}
h2						{font-size:14px; padding:0; margin:10px 0 2px 0;}
h3						{font-size:12px; padding:0; margin:10px 0 2px 0;}
P						{padding:0 0 10px 0; margin:0;}
img, table				{border: 0;}
html 					{margin:0; padding:0; FONT-SIZE:small;} 
body 					{background:url(../gfx/bg.jpg) left top repeat-x #fff; margin:0 0 20px 0; padding:0 0 20px 0; COLOR:#111; font:normal 11px/1.5 Verdana, Arial, Helvetica; font-size:90%; text-align:center; }

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

#Head 							{width:970px; height:115px; margin:0; padding:0; position:relative; background:url(../gfx/header-bg.jpg) top left no-repeat;}
#Head #logo						{position:absolute; left:25px; top:6px;}

#Head .quicknav ul				{position:absolute; right:25px; top:0px; margin:0; padding:0; list-style:none;}
#Head .quicknav ul li.left		{background:url(../gfx/quicknav-bg-left.gif) no-repeat top left; width:10px; height:30px; margin:0; padding:0; display:block; float:left; overflow:hidden;}
#Head .quicknav ul li.right		{background:url(../gfx/quicknav-bg-right.gif) no-repeat top left; width:10px; height:30px; margin:0; padding:0; display:block; float:left; overflow:hidden;}
#Head .quicknav ul li			{display:inline; float:left; margin:0; padding:0 15px 0 0; background:url(../gfx/quicknav-bg-mid.gif) top left repeat-x;}
#Head .quicknav ul li.last		{padding-right:0px;}
#Head .quicknav ul li a			{text-decoration:none; display:inline; font:normal 11px/30px Verdana, Arial, Helvetica !important; color:#111;}
#Head .quicknav ul li a:hover	{cursor:pointer; text-decoration:underline;}

#Head .nav							{position:absolute; left:250px; top:62px; height:25px; width:720px; margin:0; padding:0; overflow:hidden;}
#Head .nav ul						{list-style:none; margin:0; padding:0; width:720px; overflow:hidden; float:left;}
#Head .nav ul li					{float:left; padding:0 12px 0 0; margin:0; display:inline;}
#Head .nav ul li a					{font:normal 13px/25px Verdana, Arial, Helvetica !important; color:#333 !important; text-transform:none; padding:0; margin:0; text-decoration:none;}
#Head .nav ul li a .nav-left		{width:10px; height:25px; display: block; float:left;}
#Head .nav ul li a .nav-mid			{height:25px; display:block; float:left; padding:0;}
#Head .nav ul li a .nav-right		{width:10px; height:25px; display: block; float:left;}
#Head .nav ul li a:hover			{cursor:pointer; text-decoration:none; color:#FFF !important;}
#Head .nav ul li a:hover .nav-left	{background:url(../gfx/nav-on-left.gif) no-repeat top left; width:10px;	height:25px; display: block; float:left;}
#Head .nav ul li a:hover .nav-mid	{background:url(../gfx/nav-on-mid.gif) repeat-x top left; height:25px; display:block; float:left; padding:0;}
#Head .nav ul li a:hover .nav-right	{background:url(../gfx/nav-on-right.gif) no-repeat top left; width:10px; height:25px; display: block; float:left;}
#Head .nav ul li a.on				{color:#FFF !important; text-decoration:none; padding:0;}
#Head .nav ul li a.on:hover			{color:#FFF !important; text-decoration:none;}
#Head .nav ul li a.on .nav-left		{background:url(../gfx/nav-on-left.gif) no-repeat top left; width:10px;	height:25px; display: block; float:left;}
#Head .nav ul li a.on .nav-mid		{background:url(../gfx/nav-on-mid.gif) repeat-x top left; height:25px; display:block; float:left; padding:0;}
#Head .nav ul li a.on .nav-right	{background:url(../gfx/nav-on-right.gif) no-repeat top left; width:10px; height:25px; display: block; float:left;}

/*---------------------
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; position:relative;}

.BoxContainer				{background:url(../gfx/boxfooter.gif) bottom left no-repeat; margin:0; padding:0 0 55px 0; display:block; overflow:hidden;}
.BoxContainer .inner		{background:url(../gfx/boxbody.gif) top left repeat-y; margin:0; padding:0;}
.BoxContainer .body			{background:url(../gfx/boxheader.gif) top left no-repeat; margin:0; padding:0; overflow:hidden;}
.BoxContainer .content		{margin:0; padding:11px 5px 0px 5px; min-height:460px; _height:460px;}

.ContentLeft				{width:190px; margin:0; padding:10px 19px 0 15px; float:left; overflow:hidden; border-right:1px solid #e6e6e6;}
.ContentRight				{width:700px; margin:0; padding:10px 15px 0 20px; float:left; overflow:hidden;}
.ContentRight .main			{width:430px; margin:0; padding:0 20px 0 0; float:left; overflow:hidden;}
.ContentRight .column		{width:250px; margin:0; padding:0; float:left; overflow:hidden;}

.startFlash					{width:940px; height:320px; margin:0; padding:0 10px; float:left; overflow:hidden;}

#ProductList				{width:960px; height:220px; margin:5px 0 0 0; padding:0; float:left; background:url(/gfx/productlist-bg.jpg) top left repeat-x; clear:left;}
#ProductList h3				{font:normal 14px/30px Verdana, Arial, Helvetica; color:#b90e1d; padding:0 0 0 10px; margin:0; text-transform:none; display:block;}
#ProductList .products		{width:960px; height:190px; margin:0; padding:0; overflow:hidden; position:relative;}

#Puffs						{width:940px; height:210px; margin:0; padding:10px 10px 0 10px; overflow:hidden; clear:left;}
#Puffs .left				{width:450px; height:190px; margin:0 10px 0 0; padding:10px 10px 10px 10px; float:left; background:url(../gfx/puffs-bg-left.jpg) bottom left no-repeat; overflow:hidden;}
#Puffs .left h1				{font-size:16px; color:#000000; margin:0 0 10px 0; padding:0; font-weight:normal;}

#Puffs .right					{width:225px; height:150px; margin:0 10px 0 0; padding:0; float:left; background:url(../gfx/puffs-bg-right.jpg) top left no-repeat; overflow:hidden;}
#Puffs .right.last				{margin-right:0px;}
#Puffs .right h3				{font-size:14px; line-height:30px; color:#FFF; margin:0; padding:0 0 0 10px; font-weight:normal;}
#Puffs .right .content			{width:225px; height:120px; margin:0; padding:0; overflow:hidden;}
#Puffs .right .content .image	{float:left; margin:0; padding:0; text-align:center;}
#Puffs .right .content .text	{margin:0; padding:10px; overflow:hidden;}

/*---------------------
Left menu
---------------------*/ 
#LeftMenu 							{width:190px; margin:0; padding:0; overflow:hidden;}
#LeftMenu .rub						{font:bold 14px Verdana, Arial, Helvetica; color:#333; padding:0 0 10px 8px; margin:0; text-transform:none;}

#LeftMenu ul.menu					{width:190px; margin:0; padding:0; list-style:none; float:left; overflow:hidden;}
#LeftMenu ul.menu li				{margin:0; padding:0 0 1px 0;}
#LeftMenu ul.menu li a				{width:182px; padding:0 0 0 8px; margin:0; font:normal 12px/27px Verdana, Arial, Helvetica; color:#333; text-decoration:none; display:block;}
#LeftMenu ul.menu li a:hover,
#LeftMenu ul.menu li.on a			{color:#FFFFFF; background:url(../gfx/leftmenu-on-bg.gif) top left no-repeat;}
#LeftMenu ul.menu li.on-childs a	{color:#FFFFFF; background:url(../gfx/leftmenu-on-childs-bg.gif) top left no-repeat; padding-top:3px; line-height:24px;}´

#LeftMenu ul.menu li.on a:hover,
#LeftMenu ul.menu li.on-childs a:hover	{text-decoration:none;}

#LeftMenu ul.submenu				{margin:0; padding:0px 0 5px 0px; list-style:none; background:url(../gfx/leftmenu-on-childs-footer-bg.gif) bottom left no-repeat #93141a;}
#LeftMenu ul.submenu li				{margin:0; padding:0 5px 1px 5px;}
#LeftMenu ul.submenu li a			{font:normal 11px/25px Verdana, Arial, Helvetica !important; color:#ffffff !important; padding:0px 5px !important; margin:0; background:none !important;}
#LeftMenu ul.submenu li a:hover,
#LeftMenu ul.submenu li.on a		{background:url(../gfx/leftmenu-on-bg-white.gif) top left no-repeat !important; margin:0; padding:0px 5px !important; color:#333 !important;}
#LeftMenu ul.submenu li.on a:hover	{text-decoration:none;}

/*---------------------
Footer layout
---------------------*/
#Footer					{width:970px; margin:0; padding:0 5px; float:left; position:relative; overflow:hidden;}
#Footer .left			{float:left; overflow:hidden; margin:0; padding:0 0 0 40px; text-align:left;}
#Footer .left.first		{padding-left:0px;}
#Footer p a				{color:#333; display:block; line-height:20px; font-size:10px; font-family:Verdana, Arial, Helvetica;}
#Footer p a strong		{color:#333;}


/*---------------------
Slideshow layout
---------------------*/
.startFlash							{width:940px; height:320px; margin:0; padding:0 10px; float:left; overflow:hidden; position:relative;}

#slideshow							{width:940px; height:320px; overflow:hidden; padding:0; margin:0; list-style:none;}
#slideshow .slide					{width:940px; height:320px; overflow:hidden; position:relative;}
#slideshow .slide img				{position:absolute; top:0; left:0; z-index:1;}
#slideshow .slide .text				{position:absolute; bottom:0; left:0; z-index:2; background:url(/gfx/slideshow-bg.png) bottom left no-repeat; padding:10px; width:940px; color:#FFF;}
#slideshow .slide h2				{font:26px Arial, Sans-serif; font-weight:bold; color:#FFF; padding:0; margin:0;}
#slideshow .slide p					{font:normal 12px titillium, Arial, Sans-serif; color:#FFF; padding:5px 0 0 0; margin:0;}
#slideshow .slide p a				{color:#FFF; text-decoration:none; display:block;}
#slideshow .slide h1 a				{color:#FFF; text-decoration:none; display:block; font-weight:bold;}

.startFlash .corners-top			{position:absolute; top:0; left:10px; z-index:1000; height:4px; width:940px !important;}
.startFlash .corners-bottom			{position:absolute; bottom:0; left:10px; z-index:1000; height:4px; width:940px !important;}

.startFlash #slideshow-controls		{z-index:1000; position:absolute; top:10px; right:20px; display:none; margin:0; padding:0; width:32px; height:32px; overflow:hidden;}
.startFlash #slideshow-controls	img	{border:0; cursor:pointer;}

/*---------------------
Productslideshow layout
---------------------*/
.products ul#productslide						{list-style:none; margin:0; padding:0; width:890px; height:190px; position:absolute; top:0; left:37px;}
.products ul#productslide li					{margin:0; padding:0; width:890px; height:190px; padding-top:15px; float:left; background-color:transparent !important;}
.products ul#productslide li .product			{width:178px; height:190px; float:left; position:relative;}
.products ul#productslide li .product .img		{width:178px; height:100px; text-align:center; overflow:hidden; line-height:100px; vertical-align:middle; background:none; position:absolute; top:0; left:0;}
.products ul#productslide li .product .info		{width:178px; height:50px; text-align:center; background:none; position:absolute; top:120px; left:0;}
.products ul#productslide li .product h3		{margin:0; padding:0; width:178px; text-align:center; font-size:12px; line-height:14px; font-weight:bold; color:#000; background:none;}
.products ul#productslide li .product p			{margin:0; padding:5px 0 0 0; width:178px; height:12px; text-align:center; font-size:12px; line-height:12px; overflow:hidden; background:none; color:#d9081d;}

.products #productslide-right	{position:absolute; top:75px; right:10px;}
.products #productslide-left	{position:absolute; top:75px; left:10px;}