body { background:url(../images/bg2.jpg) repeat-y top center #959595; text-align:center; margin:0; padding:0; }
ul { list-style:none; padding:0; margin:0; }

/*STRUCTURE*/
#site { position:relative; width:950px; background:#fff; margin:0px auto; text-align:left; } /*Sidans vidd, placering och backgrund*/
#top { background:url(../images/bg_top1.jpg) no-repeat; #000; width:100%; height:150px; }
#content { float:left; padding:10px 0 10px 0; } /*Sätter marginaler från topp och botten*/
#left { display:none; }
#center { float:left; width:600px; overflow:hidden; }
#right { float:left; width:320px; margin:0 0px 0 0px; overflow-x:hidden; }
#bottom { clear:both; background:url(../images/bg_bottom.png) repeat-x; }

/*No-right*/
.full #center { float:left; width:920px; overflow:hidden; }
.full #right { display:none; }

/**/
#top .space { padding:19px 0px 0px 21px; }
#left .space {  }
#center .space { float: left; padding-left:22px; }
#right .space { padding-left:20px; }
#bottom .space {  }
#bottom a { color:#777; }

/*GENERAL*/
/*Typsnitt och länkar för hela sidan*/
body, td, th, label, input, textarea { font-family:verdana, arial, helvetica; font-size:11px; line-height:15px; color:#666; }
a, a:hover { color:#777; }
a:hover { text-decoration:underline; }
a.readmore, a.readmore:hover, a.readmore:visited {  }
a.button, a.button:hover, a.button:visited { background:#ff00ff; color:#fff; padding:5px 10px; line-height:25px; }
.ingress { font-family:arial; font-size:15px; padding:0 0 0 0; margin:0 0 20px 0; line-height:20px; }
a.link { background:url(../images/arrow.gif) no-repeat center left; padding-left:10px; line-height:25px; color:#777; }

.box { background:url(../images/bg_box.png) repeat-x bottom #ff3636; margin-top:10px; padding:10px; color:#fff; vertical-align: top; }

/*Rubriker*/
h1 { font-family:arial; font-size:17px; text-transform:uppercase; color:#e02d2d; margin:0px 0 5px 0; font-weight:bold; line-height:22px; } /*Överst på varje sida*/
h1.button { margin-bottom: 10px; }
h2 { font-family:arial; font-size:16px; color:#e02d2d; margin:0 0 10px 0; } 
h3 { font-family:arial; font-size:14px; margin:0; } 
h4 { font-family:arial; font-size:11px; margin:0; padding-left:10px; background:#636363; line-height:30px; color:#fff; text-transform:uppercase; } /*Rubriker i left och right*/
h5 { font-family:arial; font-size:13px; margin:0; color:#e02d2d; text-transform:uppercase; }
.box h3 { font-family:arial; font-size:15px; margin:0px 0px 5px 0px; color:#fff; line-height: 16px; }
#right h4 { background:none; color:#e02d2d; padding:0px; font-size:13px; }

.startpage h1 { font-size: 20px; line-height: 24px; }

.red { color:#e02d2d; } 

/*Tabell-listor*/
table.list { border:0; padding:0; border-collapse:collapse; width: 100%; }
table.list th { text-align:left; background: url(../images/bg_menu_on.png) top left repeat-x; padding:5px 10px; color:#000; font-size:10px; text-transform:uppercase; border-bottom:solid 1px #951818; color: #FFF;}
table.list td { padding: 5px 10px; border-bottom:solid 1px #d6d6d6; }

/*li-listor*/
#headandlist li, #headerlist li { border-bottom:solid 1px #e3e3e3; padding:5px 0; }
#headandlist li.odd, #headerlist li.odd {  }
#headandlist li.even, #headerlist li.even {  }
#headandlist li.first, #headerlist li.first {  }
#headandlist li.last, #headerlist li.last {  }
#headandlist li .date, #headerlist li .date {  }

/*Formulär - Sätt storlek på template*/
form { margin:0; padding:0; }
label { display:block; }
input { margin:0; padding:0; background:#ddd; border:solid 2px #e3e3e3; font-size:11px; }
input.button { background:#000; border:solid 1px #cc02cc; color:#fff; font-weight: bold; cursor:pointer; }

input.quantity-buy { width:35px; }

/*Breadcrumbs*/ 
.breadcrumb { display:none; border-bottom:solid 1px #e3e3e3; padding:10px 0; color:#e3e3e3; margin:0 0 10px 0; width:100%; font-size:10px; }
.breadcrumb span { float:left; }
.breadcrumb ul { float:left; }
.breadcrumb li { float:left; border-right:solid 1px #e3e3e3; }
.breadcrumb li.first { padding-left:5px; }
.breadcrumb li.last { border:0; }
.breadcrumb li a, .center .breadcrumb li a:hover, .center .breadcrumb li a:visited { color:#919191; padding:0px 8px; }
.breadcrumb li.first a, .center .breadcrumb li.first a:hover, .center .breadcrumb li.first a:visited { padding-left:0; }
.breadcrumb li.last a, .center .breadcrumb li.last a:hover, .center .breadcrumb li.last a:visited { color:#e02d2d; text-decoration:underline; }

/*Pagination*/
.pagination { width:100%; margin:20px 0; }
.pagination span { display:block; width:100%; text-align:center; padding:0 0 10px 0; }
.pagination td { padding:0 2px; }
.pagination td.c { width:100%; text-align:center; padding:0 10px; }
.pagination a.button, .pagination a.button:hover, .pagination a.button:visited { padding:1px 4px; font-weight:bold; text-decoration:none; }

/*Bilder*/
img { border:0; }
div.thumbnail { border:solid 1px #e3e3e3; padding:2px; }
div.thumbnail img { display:block; border:0; padding:0; margin:0; }

/* Länk-knapp */

.link-button { float: right; border: 1px solid #CCC; background: #eaeaea; padding: 3px 6px; color: #666; text-decoration: none; font-weight: bold; }

/************************************************************************************************************************************************/

/*TOP*/
.logo { float:left; }
.toplinks { float:right; }
.toplinks li { float:left; padding-right:10px; }
.toplinks li a, .toplinks li a:hover, .toplinks li a:visited {  }

/*MENUS*/
/*Mainmenu*/
.menu { float:right; margin:-31px 0 10px 0; position:relative; }
.menu li { float:left; margin-left:2px; font-family:arial; }
.menu li.first { border-left:0px; }
.menu li.last { }
.menu li a, .menu li a:hover, .menu li a:visited { float:left; background:url(../images/bg_menu_off.png) repeat-x; padding:8px 10px; color:#777777; font-weight:bold; text-decoration:none; text-transform:uppercase; }
.menu li a:hover { background:url(../images/bg_menu_on.png) repeat-x; color:#fff; }
.menu li.active a, .menu li.active a:hover, .menu li.active a:visited, .menu li.foldout a, .menu li.foldout a:hover, .menu li.foldout a:visited { background:url(../images/bg_menu_on.png) repeat-x; color:#fff; }
.menu li.active, .menu li.foldout { background:url(../images/bg_menu_on_arrow.png) no-repeat center bottom; padding-bottom:6px; }

.menu li ul { display:none; clear:both; position:absolute; top:36px; margin:0; z-index: 100; }
.menu li.foldout ul li { display:block; border:0px; width:150px; clear:both; background:none; padding-bottom:0;}
.menu li.foldout ul li a, .menu li.foldout ul li a:hover, .menu li.foldout ul li a:visited, .menu li.active ul li a, .menu li.active ul li a:hover, .menu li.active ul li a:visited { width:150px; padding:5px 10px;  background:url(../images/bg_menu_on.png) repeat-x; color:#fff; }
.menu li.foldout ul li a, .menu li.foldout ul li a:hover, .menu li.foldout ul li a:visited { color:#fec6c6; }
.menu li.foldout ul li a:hover { color:#fff; padding:5px 10px;}
.menu li.last ul { right:20px; }

/*CENTER*/

/*RIGHT*/

#right td { padding: 6px 0; }
#right td.header { padding-bottom: 0; }
#right td.header h2 { margin-bottom: 4px; }

/*BOTTOM*/

/************************************************************************************************************************************************/

/*ARTIKLAR*/
/*Article_one*/
#article_one { float: left; width:100%; padding-bottom:30px; }
#article_one h1 { }
#article_one .article-info { display:none; margin-bottom:25px; padding:10px; background:#e3e3e3; }
#article_one .article-info .date {  }
#article_one .article-info .update {  }
#article_one .article-info .author {  }
#article_one .articleimage { margin:0; display:block; }
#article_one .default { margin:15px 0; }
#article_one .left { float:left; margin:5px 5px 5px 0; }
#article_one .right { float:right; margin:5px 0 15px 5px; }
#article_one td .articleimage { margin:0; }
#article_one td .left { margin-right:15px; }
#article_one td .right { margin-left:15px; }
#article_one .IMAGETEXT { font-style:italic; display:block; margin:4px 0 15px 0; }
#article_one ul { list-style:disc; padding:0 0 0 15px; }
#article_one ol { list-style:decimal; padding:0 0 0 35px; }
#article_one li { padding:0 0 5px 0px; }

/*Headandlist*/
#headandlist { width:100%; margin:25px 0 0 0; }
#headandlist li { }
#headandlist li a { padding:0 0 0 0; }

/*KATEGORILISTOR*/
/*Standard*/
#standard { width:100%; }
#standard table {  }
#standard td { vertical-align: top; padding: 15px 0; }
#standard td.a { padding-right: 15px;}
#standard tr.first td { padding-top: 0; }
#standard tr.last td {  }
#standard tr.odd td {  }
#standard tr.even td {  }
#standard h3 { padding-bottom: 4px; }
#standard span.date { display: none; }
#standard a.readmore { display: block;  }

/*Headlist*/
#headerlist { width:100%; }

/*Maskiner...*/
#maskiner {  }
#maskiner h2, #maskin h2, #personal h2 { background:url(../images/bg_menu_on.png) repeat-x; color:#fff; line-height:30px; padding-left:10px; font-size:11px; text-transform:uppercase; }
#maskiner label {  }
#maskiner .category { display:block; line-height:20px; }
#maskiner img { border:2px solid #ccc; padding:5px; }
#maskiner h3 { font-size:12px; line-height:20px; color:#e02d2d; }
#maskiner .description { display:block; }
#maskiner .price { display:block; font-size:17px; line-height:20px; font-family:arial; }
#maskiner .salesman { display:block; }
#maskiner a.link { background:url(../images/arrow.gif) no-repeat center left; padding-left:10px; line-height:25px; color:#777; }

.maskiner table {  }
.maskiner td { vertical-align:top; background:url(../images/bg_td.png) repeat-x bottom; border-bottom:solid 1px #e3e3e3; }
.maskiner td.a { padding:5px; width:130px; }
.maskiner td.b { padding:5px; }
.maskiner td.c { padding:5px; text-align:right; width:80px; }


/* Maskin "flash" */
.machine_box { position: absolute; top: 0; left: 0; display: none; }
.machine_box a { text-decoration: none; color: #FFF; }
#mac_1 { display: block; }

/* Logo "flash" */
.logo_holder { position: relative; width:200px; height:40px; }
.logo_box { position: absolute; top: 0; left: 0; display: none; width: 200px; text-align: center; }
#logo_1 { display: block; }


/* Maskin */

#maskin h1 { float: left; }
#maskin .imageholder { position: relative; width: 430px; height: 360px; float: left; overflow: hidden; border: 1px solid #EAEAEA; background: #f7f7f7; margin-top: 6px; }
#maskin .imageholder .image { position: absolute; top: 0; left: 0; }
#maskin .thumbholder { float: left; padding-left: 10px; margin-top: 6px; }
#maskin .thumbholder .thumb { border: 1px solid #EAEAEA; margin-bottom: 4px; width: 125px; overflow: hidden; }
#maskin .thumbholder .active { border: 1px solid #636363; }
#maskin .image { }

#maskin .info { margin-top: 20px; }
#maskin .info td, #maskin .info th { padding: 3px 0; vertical-align: top; }
#maskin .info th { font-weight: bold; text-align: left; padding-right: 16px;  }		 
#maskin .description { padding-top: 10px; }
#maskin .seller { padding-top: 20px; display: none; }
#maskin h2 { margin-top: 20px; }


.personal #right { display: none; }
.personal #center { width: 900px; }

#personal table {  }
#personal td td { background:url(../images/bg_td.png) repeat-x bottom; border-bottom:solid 1px #e3e3e3; }


/* Formulär */
.form { float: left; padding-right: 100px; }
.form td { padding: 2px 10px 2px 0; }
.form label { display: inline; }
.form input.text, .form textarea.text, .form select.text { border: 1px solid #CCC; background: #eaeaea; padding: 2px; width: 160px; }
.form span { padding-left: 6px; color: #CC0000; }
.form input.button { border: 1px solid #CCC; background: #eaeaea; padding: 2px; color: #666; margin-top: 4px;}

.form .error { padding-left: 10px; color: #CC0000; }
.form .error li { padding: 2px 0 2px 10px; }



.sale_support #content ul { list-style: disc; margin: 10px 20px; }
.sale_support #content ul ul { list-style: circle; }