/*
//  main.css
//	Main css for d-tec.se
//
//  Created by  on 2010-03-22.
//  Copyright (c) 2010 MIN marknadsbyrå AB. All rights reserved.
*/

/* 1. Structure ///////////////////////////////////////////*/
html 			{ overflow-y: scroll !important; }
body			{ background: #FFF url(../images/bg.png) repeat-x; margin: 0; font: 75%/1.5 Arial, Verdana, sans-serif; color: #010101;} 
#header 		{ height: 98px;}
#search-box 	{ background: transparent url(../images/search-box-bg.png) no-repeat right top;  color: #FFF; font-size: 0.85em; text-align: right; height: 80px;}
#lang-chooser	{ padding-top: 22px; padding-bottom: 5px; padding-right: 20px; font-size: 10px; font-weight: bold;}
#search-form	{ position: relative;}
#leagal-stuff 	{ background: #FFF url(../images/fotter-bg.png) no-repeat; margin-top: 15px; padding: 20px 0; font-size: 0.85em; color: #5f5f5f;}
#fb	{ opacity: 1; }
#fb:hover { opacity: 0.85; }
#fb:active { opacity: 1; }
.divider 		{ background: #FFF url(../images/fotter-bg.png) no-repeat; height: 30px; clear: both;}
.sidebar		{ color: #5a5a5a; font-size: 11px;}
p 				{ margin: 0px 0px 15px;}
#content		{ margin-top: 15px; margin-bottom: 20px;}
#dealers #content{ background: #FFF url(../images/dealers_bg.jpg) no-repeat; min-height: 490px;}
.relative		{ position: relative;}

#front-template { background: #FFF url(../images/bg-front.png) repeat-x;}
#front-template #header { height: 397px; position: absolute; top:0px; left: 0;}
#front-template #front-puff { height: 254px; margin-top: 11px;}
#front-template .front-puff { background: transparent url(../images/front-puff.png) no-repeat; height: 236px; width: 307px; margin-right: 3px;}
#front-template #content	{ margin-top: 0px;}
.front-puff-pad { padding: 4px 3px 0 4px; position: relative;} 
.front-puff-head { /*height: 29px;*/ color:#FFFFFF; font-size:14px; line-height:29px; padding-left:17px;}
.front-puff-overlay { background: transparent url(../images/frontbox-overlay.png) no-repeat; width: 300px; height: 94px; position: absolute; bottom:0px; left: 4px;}
.front-puff-text 	{ font-size: 24px; color: #FFF; padding:17px; line-height: 26px; height: 50px; overflow: hidden;}
.front-puff-button { position: absolute; right: 6px; bottom: 17px;}
.front-puff-button img { display: block;}
#flashContainer {}
#frontFlash { height: 432px;}

.product-item { background: #FFF url(../images/product-item.png) no-repeat; height: 254px; margin-bottom: 10px; color: #5a5a5a; position: relative; padding-top: 4px;}
.product-item-large {background: #FFF url(../images/product-item-large.png) no-repeat; height: 351px; margin-bottom: 10px; position: relative; padding-top: 6px; }
.product-desc { position: absolute; bottom: 12px; left: 12px; color: #5a5a5a;}
.product-item h1 { font-weight: normal; color: #5a5a5a; margin-bottom: 0;}
.product-item p { font-size: 11px; margin-bottom: 3px;}
.product-item-info { position: absolute; width: 276px; padding: 0 12px; bottom: 22px; left: 0;}
.product-item a.fancy { background: transparent url(../images/fancy-link-product.png) no-repeat; font-size: 11px;}

.dealer_country_list { position: relative;}
#vertical-div { background: transparent url(../images/vertical-div.png) no-repeat left top; position: absolute; height: 100%; right: -18px; width: 8px;}
.dealer_country_list div { margin-bottom: 4px;}
.dealer_list { /*background: transparent url(../images/vertical-div.png) no-repeat left center;*/} 
.dealer-box	{ padding-left: 8px; background: transparent url(../images/dealer-div.png) no-repeat right bottom; margin-bottom: 17px;}
.dealer-box div { padding-bottom: 15px;}
.dealer-box div img	{display: block;}
.sidebox { background: transparent url(../images/sidebox.png) no-repeat; /*height: 296px;*/}
.sidebox-content { padding: 12px 12px 0 12px; color: #4f4f4f; font-size: 11px;}
.sidebox-content p { margin-bottom: 10px;}

.anvmilj-item 		{ background: #FFF url(../images/anvmilj_box.png) no-repeat; height: 280px; position: relative; margin-bottom: 30px;}
.anvmilj-img 		{ text-align: right; margin-right: 1px;}
.anvmilj-img img	{ display: block; float: right;}
.anvmilj-info		{ width: 340px; padding-left: 20px; position: absolute; top: 0; left: 0;}
.anvmilj-info h2 	{ font-size: 24px; color: #4f4f4f; margin-top: 0; padding-top: 15px; font-weight: normal;}
.anvmilj-info p	 	{ color: #4f4f4f}
.anvmilj-bottom		{ background: transparent url(../images/anvmilj_bottom.png) no-repeat; height: 17px; position: relative; left: 0; bottom: 3px;}

#footer .foot-puff		{ background: #FFF url(../images/botten-box.png) no-repeat; height: 224px; width: 466px; margin-right: 4px;}
.footpuff-img			{ text-align: right; margin-right: 6px; margin-top: 10px;}
.footpuff-img img		{ display: block; float: right;}
.footpuff-info			{ width: 245px; padding-left: 20px; position: absolute; top: 0; left: 0;}
.footpuff-info h2 		{ font-size: 24px; color: #4f4f4f; margin-top: 0; padding-top: 25px; font-weight: normal; margin-bottom: 10px; line-height: 28px;}
.footpuff-info p	 	{ color: #4f4f4f; font-size: 11px;}
a.box-button 			{ display: block; text-align: center; color: #FFF; line-height: 32px; font-size: 14px; width: 167px; height: 32px; position: absolute; background: #c2c1c1 url(../images/box-button.png) no-repeat; right: 8px; bottom: 15px;}
a.box-button:hover 		{ background-position: 0 -32px; text-decoration: none; color: #FFF;}
a.box-button:visited 	{ color: #FFF;}

/* 2. Menu ////////////////////////////////////////////////*/
.lang-sv a.menu-item { background: transparent url(../images/menu-mash-sv.png) no-repeat 0 -54px;}
.lang-en a.menu-item { background: transparent url(../images/menu-mash-en.png) no-repeat 0 -54px;}
#menu { height: 71px;}
#front-template #menu { height: 45px; position: absolute; top: 397px;}
#menu a.menu-item { display: block; height: 45px; text-indent: -9999px;}
#menu a.item1	{ background-position: 0 -54px;}
#menu a.item2	{ background-position: -140px -54px;}
#menu a.item3	{ background-position: -280px -54px;}
#menu a.item4	{ background-position: -420px -54px;}
#menu a.item5	{ background-position: -560px -54px;}
#menu a#current-item.item1 { background-position: 0 0px;}
#menu a#current-item.item2 { background-position: -140px 0px;}
#menu a#current-item.item3 { background-position: -280px 0px;}
#menu a#current-item.item4 { background-position: -420px 0px;}
#menu a#current-item.item5 { background-position: -560px 0px;}
.submenu	{ font-size: 11px;}
#menu a:focus { outline: none;}

/*	2. Headings ////////////////////////////////////////////*/
h1	{	font-size:	2em; margin-top: 0; }
h1 + em { margin-top: -20px; display: block; margin-bottom: 16px;}
h2	{	font-size:	14px; }
.sidebar > h2 { margin-top: -5px;}
h3	{	font-size:	1.1em; }
h2 + ul { margin-top: -10px; display: block;}

/*	3. Images //////////////////////////////////////////////*/
img 		{ border: 0; }
img.center	{ display: block;	margin-left: auto;	margin-right: auto;}
img.left	{ float:left; margin: 2px 10px 5px 0px;}
img.right 	{ float:right; margin: 2px 0px 5px 10px;}
img.alignment{ vertical-align: middle;}


/*	4. Lists ///////////////////////////////////////////////*/
ul 		{margin: 5px 0px 15px;padding-left: 13px;}
ul li 	{margin: 0px;}
ol 		{margin: 5px 0px 15px;padding-left: 20px;}
ul li 	{margin: 0px;}

/*	5. Forms ///////////////////////////////////////////////*/
form			{ padding: 0; margin: 0;}
fieldset		{ border: none;}
#s 				{ position: absolute; height: 14px; right: 60px; background: transparent url(../images/search-bg.png) repeat-x left top; border: none;  padding-top: 4px; padding-bottom: 4px; padding-left: 10px; width: 204px;}
#search-button 	{ position: absolute; right: 20px;}
form div		{ padding-bottom: 5px;}
/*label			{ display: block; float}*/

/* 6. Links ////////////////////////////////////////////////*/
a	        {color:#c10202; text-decoration:none;}
a:visited   {color:#c10202; text-decoration:none;}
a:hover     {color:#c10202; text-decoration:underline;}
a:active    {color:#c10202; text-decoration:underline; outline: none;}
#lang-chooser a 		{color: #006E89;}
#lang-chooser a:visited {color: #006E89;}
#lang-chooser a:hover 	{color: #006E89;}
a.fancy 		{ display: block; padding-left: 30px; background: transparent url(../images/fancy-link.png) no-repeat; color: #7d7d7d; line-height: 27px; font-size: 11px;}
a.fancy:hover,
a.active		{ color: #5a5a5a; background-position: 0 -27px;}
#menu .submenu a 	{ color: #7d7d7d;}
#leagal-stuff a 	{ color: #5F5F5F;}
.front-puff-text a 			 {color: #FFF;}
.front-puff-text a:visited   {color:#FFF; text-decoration:none;}
.front-puff-text a:hover     {color:#FFF; text-decoration:underline;}

/* Gallery ////////////////////////////////////////////////*/
.the_gallery { background:#FFF url(../images/gallery_m.png) 0 0 no-repeat; height: 77px; position: relative; width: 602px; padding-left: 12px; padding-top: 10px;}
.gl			 { background:#FFF url(../images/gallery_l.png) 0 0 no-repeat; position: absolute; width: 6px; height: 70px; top: 0; left: 0;}
.gr			 { background:#FFF url(../images/gallery_r.png) 0 0 no-repeat; position: absolute; width: 6px; height: 70px; top: 0; right: 0;}
.the_gallery img {border: 1px solid #bdbdbd;}

/*	7. Various Tags & Classes //////////////////////////////*/
acronym, abbr	{	cursor: help;}
strong, b		{font-weight: bold;}
.left 			{float: left;}
.center 		{text-align: center;}
.right 			{float: right;}
.hide 			{text-indent: -9999px;}
.hidden 		{clear: both;display: none;}
.alignright 	{ text-align: right;}
.aligncenter 	{ text-align: center;}
.newsmeta		{ color: #4f4f4f; font-size: 11px;}
.news_devider	{ height: 1px; background-color: #7d7d7d; margin: 15px 0;}
#newsbox		{ position: relative;}
#newsbox dl		{ margin: 0; }
#newsbox dt		{ color: #FFF; font-size: 11px; line-height: 1em;}
#newsbox dd		{ margin: 0; line-height: 1em;}
#newsbox dd + dt{ margin-top: 5px;}
#newsbox dd	a	{ color: #FFF; font-size: 14px; font-weight: bold;}
#newsbox 
.front-puff-button {bottom: 6px;}
.newsbox_h		{ height: 4px; background:transparent url(../images/newsbox_h.png) 0 0 no-repeat;}
.newsbox_c		{ padding: 5px 10px; background:transparent url(../images/newsbox_c.png) 0 0 repeat-y;}
.newsbox_f		{ height: 4px; background:transparent url(../images/newsbox_f.png) 0 0 no-repeat;}

/* 8. Admin /////////////////////////////////////////////*/
#admin .file_tbl { width: 100%;}
#admin .file_tbl td { border-bottom: 1px solid #CCC; padding: 2px;}
#admin .file_tbl th { text-align: left; padding: 2px;}
#admin .icon		{ width: 16px;}
#admin #content		{ padding-bottom: 20px;}
#admin .foot-puff	{ display: none;}
.handle				{ cursor: hand;}