/*
   style.css
   
   
   Created by Patrik Wilhelmsson on 2009-10-07.
   Copyright 2009 Media Tech Design. All rights reserved.
*/


/* 1. Structure ///////////////////////////////////////////*/
body		{ background: #FFF; } 
#wrapper	{ width: 811px; margin: 30px auto;}
#header		{ margin-bottom: 5px;}
#tabs		{ text-align: center; height: 45px; padding: 0; display: none;}
.sublevel { width: 439px; margin: 0 auto;}
#tabs .ui-tabs-panel { padding-top: 0;}
#tabs.ui-tabs .ui-tabs-nav    { padding-left: 84px;}
#tabs.ui-tabs .ui-tabs-nav li { margin:0 6px 0 6px;}
#tabs ul.level1 li a 			{background: #FFF url(../images/menu-l1.png) no-repeat; text-indent: -9999px; width: 100px; padding-left: 0; padding-right: 0;}

#tabs ul.level1 li a#mt1		{ background-position: 0 0; width: 34px;}
#tabs ul.level1 li a#mt2		{ background-position: -42px 0; width: 41px;}
#tabs ul.level1 li a#mt3		{ background-position: -92px 0; width: 72px;}
#tabs ul.level1 li a#mt4		{ background-position: -172px 0; width: 93px;}
#tabs ul.level1 li a#mt5		{ background-position: -273px 0; width: 127px;}
#tabs ul.level1 li a#mt6		{ background-position: -408px 0; width: 128px;}
#tabs ul.level1 li a#mt7		{ background-position: -693px 0; width: 77px;}
#tabs ul.level1 li a#mt8		{ background-position: -544px 0; width: 76px;}
#tabs ul.level1 li a#mt9		{ background-position: -628px 0; width: 57px;}
#tabs ul.level1 li a#mt10		{ background-position: -777px 0; width: 83px;}

#tabs-1,
#tabs-2	{ /*width: 440px;*/ margin: 4px auto;}
#content	{ padding-top: 30px;}
#footer		{ padding-top: 11px; clear: left;}
p 			{margin: 0px 0px 15px;}


/*	2. Headings ////////////////////////////////////////////*/
h1	{	font-size:	1em; text-transform: uppercase; font-weight: bold; margin: 0px 0 2px 0;}
h2	{	font-size:	1em; }
h3	{	font-size:	1em; }

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

/*	4. Lists ///////////////////////////////////////////////*/
	
.sublevel li			{ float: left; position: relative; display: block; margin: 0 10px 0 10px;}
.sublevel li a			{ background: #FFF url(../images/menu-l2.png) no-repeat; text-indent: -9999px; display: block;}
.sublevel li a.mArmband	{ background-position: 0 0; width: 60px;}
.sublevel li a.mHalsband	{ background-position: -60px 0; width: 67px;}
.sublevel li a.mOrhangen	{ background-position: -127px 0; width: 71px;}
.sublevel li a.mRingar	{ background-position: -198px 0; width: 48px;}
.sublevel li a.mHerr	{ background-position: -246px 0; width: 93px;}

/*	5. Forms ///////////////////////////////////////////////*/
input				{ border: 1px solid #000; font-size: 1em; padding: 3px; }
input.news_inp		{width: 194px; margin-right: 10px;}
input.news_submit 	{background: #666; border: none; color: #FFF; width: 60px;}
textarea			{ border: 1px solid #000; font-size: 1em; width: 200px;}
#add2chart #antal	{width: 40px; text-align: right; margin-right: 5px; margin-top: 3px;}
#add2chart .submit	{background: #666; border: none; color: #FFF; width: 60px;}
div.kundvagn .submit	{background: #666; border: none; color: #FFF;}
label{width: 100px; display: block; float: left; text-align: right; margin-right: 10px;}
#kassa div	{ margin-bottom: 10px;}
#kassa input	{float: left;}
#kassa .submit	{background: #666; border: none; color: #FFF;}
#kassa .legend	{font-size: 1em; font-weight: bold; border-bottom: 1px solid #666; margin-bottom: 5px; width: 333px;}
#kassa input.checkbox	{border: none;}
#kassa fieldset	{margin-bottom: 10px;}
#validationmsg	{display: none; background: #fff6bf url(/images/exclamation.png) 15px center no-repeat;text-align: left; padding: 5px 20px 5px 45px; margin-bottom: 10px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; color: #444;}
#validationmsg h4{font-size:1em; text-transform: uppercase; font-weight: bold;}
#validationmsg li{list-style: disc inside;}
.errmsg			{display: none;}
.notvalid		{border-color: #FF0000;}

/* 6. Links ////////////////////////////////////////////////*/
a:link      {color:#000; text-decoration:none;}
a:visited   {color:#000; text-decoration:none;}
a:hover     {color:#000; text-decoration:none;}
a:active    {color:#000; text-decoration:none;}


/*	7. Various Tags & Classes //////////////////////////////*/
div.products	{float: left; width: 196px; margin: 0 8px 30px 0; text-align: center;}
div.prodwrap	{/*width: 140px; height: 140px;*/}
div.noright		{margin-right: 0;}
div.kundvagn	{clear: right;}
div.kundvagn table		{width: 100%;}
div.kundvagn table td,
div.kundvagn table th	{font-size: 1em; padding-left: 5px;}
div.kundvagn table th	{background: #666; color: #FFF;}
td.total	{font-weight: bold;}
tr.row1	{background: #e7e7e7;}
tr.row0	{background: #FFF;}
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 	{float: right;display: block;}
.alignleft 		{float: left;display: block;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix 		{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix 		{display: block;}

#fakturawrap		{ display: none;}
#pagination		{ text-align: center; font-weight: bold; font-size: 15px;}