/*
	CSS for new skruvcentralen.se
	Author:		Tomas Lindahl
	Date:		20070828
	Version:	1.0
*/

/* Overal properties */
* {
	margin: 0;
	padding: 0;
}
/* Body properties */
body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: white;
    background: url("../images/structure/body_bg.jpg") top center;
    text-align: center;
}
html, body {
	height: 100%;
    width: 100%;
}

/* Text and typographical properties*/
p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 1.6em 0;
}
h1 {
	font-size: 1.8em;
	color: #9cce2e;
	font-weight: normal;
	margin: 0 0 0.6em 0;
}
h2 {
	font-size: 1.4em;
	color: #9cce2e;
	font-weight: 600;
	margin: 0 0 0.6em 0;
}
h3 {
	font-size: 1.2em;
	color: #9cce2e;
	font-weight: 600;
	margin: 0;
}
img{
    border: 0;
}
div#right_inner ul.content_list {
	margin: 0 0 0 15px;
		width: 400px;
}
div#right_inner ul.content_list li {
	font-size: 1.3em;
	margin: 0 0 1em 0;
	list-style-type: normal;
}
div#right_inner a {
	color: white;
}
div#right_inner table.products a {
	color: #535353;
}
#wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -222px auto;
    width: 100%;
    background: url("../images/structure/middle_bg.png") center top repeat-y;
}
    #top{
        width: 100%;
        height: 219px;
        background: url("../images/structure/top_bg.jpg") repeat-x;
    }
        #top_inner{
            width: 890px;
            height: 219px;
            background: url("../images/structure/top_inner_bg.jpg") no-repeat;
            margin: 0px auto;
            text-align: left;
        }
            #logo{
                margin: 50px 0px 0px 50px;
            }
    #middle{
        width: 890px;
        margin: 0px auto;
        position: relative;
    }
        #left{
            width: 190px;
            float: left;
            margin-left: 10px;
            text-align: left;
        }
            #menu{
                padding: 10px 20px 20px 20px;
            }
                #menu ul li{
                    list-style: none;
                    background: url("../images/bullet.png") left center no-repeat;
                    padding: 0px 0px 0px 15px;
                    margin: 10px 0;
                }
                    #menu ul li a{
                        font: 14px Arial;
                        color: #FFF;
                    }
					
					#menu ul li.submenu1{
						list-style: none;
						background: none;
						padding: 0px 0px 0px 25px;
						margin: 10px 0;
					}
        #right{
            width: 690px;
            float: left;
        }
            #right_inner{
				padding: 10px 1px 10px 10px;
                text-align: left;
            }
				div.content_padding {
					padding: 15px;
					padding-top: 0;
				}
                #right_inner p{
                    
                }
                #screws2{
                    margin: -20px 0px 20px 200px;
                    position: relative;
                }
    #push{
        height: 222px;
    }
    #bottom{
        width: 100%;
        height: 222px;
        background: #4d4d4d url("../images/structure/bottom_bg.jpg") repeat-x;
    }
        #bottom_inner{
            width: 890px;
            margin: 0 auto;
            padding: 0px 0px 0px 30px;
            text-align: left;
        }
            #bottom_inner td{
                font: 12px Verdana;
                vertical-align: top;
            }
            #bottom_inner td a{
                font: 12px Verdana;
                color: #fff;
            }
#menu ul li a.active {
	font-weight: 600;
}

/* Table properties */
div#right_inner table.products {
	position :relative;
	width: 550px;
	font-size: 1.2em;
	color: #333333;
}
div#right_inner table.products tr {
	background-color: #CCCCCC;
}
div#right_inner table.products tr td {
	text-align: center;
	border-bottom: solid 1px #898989;
	padding: 10px;
	border-right: solid 1px #898989;
	text-align: left; 
}

div#right_inner table.products tr td img {
	border: none;
}

div#right_inner table.products tr td a {
	display: block;
 	background: url("../images/structure/pdficon_small.gif") no-repeat;
	padding: 5px 0 10px 30px;
}
div#right_inner table.products tr td.tableheader {
	font-weight: 600;	
	padding: 0 0 0 10px;
}
div#right_inner table.products tr.tableHeaderRow td {
	border: none;
}
div#right_inner table.products tr.tableHeaderRow {
	height: 30px;
	background: url("../images/structure/tableheader.gif") repeat-x;
	color: white;
}
div#right_inner table.products tr.altRow {
	background-color: #999999;
	background: url("../images/structure/tdbackground.gif") repeat-x bottom #eeeeee;
}
div.pdfBox {
	width: 150px;
	float: right;
} 

/*
 * Makes floating objects take up space. Fix from http://www.csscreator.com/attributes/containedfloat.php
 */
.floatcontainer:after
{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility:hidden;
}

.floatcontainer
{
	display: inline-block;
}

/* Hides from IE Mac \*/
* html .floatcontainer
{
	height: 1%;
}

.floatcontainer
{
    display:block;
}
/* End Hack */