/******************************************************
*******************************************************
**** Stylesheet for www.hammerglass.se             ****
**** Copyright 2007, AddEmotion                    ****
*******************************************************
******************************************************/


/******************************************************
**** Layout Foundation                             ****
******************************************************/

html, body
{
	/* BEGIN - RÖR INTE */
	height: 100%;
	margin: 0 auto;
	padding: 0;
	border: none;
	text-align: center;
	/* END - RÖR INTE */
}
body
{
	background-color:#666666;
	background-image:url(/images/bilder/ruta.gif);
}

body#noBG
{
   background-color:#eeeeee;
	background-image:none; 
    margin: 8px;
}

body,td,th,div
{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color:#333333;
}
a
{
    text-decoration: none;
    color: Black;
}
a:hover
{
    text-decoration: underline;
}
/*
a.rrr
{
    text-decoration: none;
    color: #000000;
}
a.rrr:hover
{
    text-decoration: underline;
}
*/

#container
{
	border: 0px;
	padding: 0px;
	text-align: center;
	margin: 0 auto;
	height: 100%;
}
#wrapper
{
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	border: 0px;
	background-color: #FFFFFF;
	text-align: left;
}
#contentBody 
{
	width:780px;
    position:relative;
    top:0px;
    left:0px;
}
#spacer_left
{
	width: 30px;
	height: 500px;
	float: left;
	background-color:White;
}
#contentArea
{
	padding: 10px 0px 0px 0px;
	background-color:White;
}

#clicker
{
    width: 220px;
    height: 64px;
    /*
    background-color: blue;
    */
    cursor: hand;
    cursor: pointer;
    position:absolute;
    left:0px;
    top:0px;   
}
/******************************************************
**** PageHeader - Top Menu                         ****
******************************************************/
#adminMenu
{
    position:absolute;
    background-color:#e0e0e0;
    top:4px;
    left:25px;
    width:425px;
    padding-left:6px;
    padding-right:6px;
    text-align:left;
    z-index:99999;
}
/******************************************************
**** PageHeader - Top Menu                         ****
******************************************************/
#PageHeader
{
	width:780px;
	height:110px;
	
    background:url(/images/navigering/menyhem.jpg) left no-repeat;
	     
    text-align: left;
	padding:0px;
    position: relative;
    left:0px;
    top:0px;
    z-index:9999;
}
#PageHeaderUlSpacer
{
	width: 28px;
	height: 10px;
	float:left;
}
#PageHeader ul
{
	width: 727px;
	margin: 70px 0px 5px 0px;
	padding-left: 0px;
	list-style-type: none;
	text-align: left;
    border-top:3px solid black;
	float:left;
}

#PageHeader ul li
{
	/* background-color: Gray;
	padding-top: 1px; */
	height: 15px;
	/* border: solid 1px white;
    border-top: 0px; */
	border-right: 1px solid black;
    /* text-align: left; */
    text-align: center;
	float:left;
    /*width: 74px;*/
    padding: 0 14px;
    
}



#PageHeader ul li.first
{
    border-left: 1px solid white;
    padding-left:0px;
}

#PageHeader ul li.last
{
    border-right: 1px solid white;
    padding-right:0px;
}

#PageHeader ul a /* länkar i huvudnavigeringen */
{
	display: block;
	font-weight: bold;
	color: Black;
	text-decoration: none;
	font-size: 11px;
	/* letter-spacing: -1px; */
	font-family: Arial;
}
#PageHeader ul a:hover,
#PageHeader ul a.selected
{
	color: #ff4000;
}

/*
#tmProdukter { width:73px; padding-left:1px; }
#tmInbrottsskydd { width:96px; padding-left: 8px;}
#tmVandalskydd { width:84px; padding-left: 8px;}
#tmReferenser { width:77px; padding-left: 8px;}
#tmGlasSkolan { width:82px; padding-left: 8px;}
#tmForetaget { width:69px; padding-left: 8px;}
#tmKontakt { width:54px; padding-left: 8px;}
#tmAFLogin { width:78px; padding-left: 8px;}
*/

.ColoredBlock, .ColoredBlock div
{
    background-color:#808080;
    color:white;
}
.ColoredBlock div
{
    margin-top:10px;
    padding-right:10px;
}

#flags
{
    position:absolute;
    right: 25px;
    top:40px;
}

ul.defaultList
{
    padding:0;
    margin:0;
    margin-left:16px;
}

ul.defaultList li,
ul.defaultSubList li
{
	list-style-type: none;
    list-style-image: url( /images/safeCoat/common/bulletRed.gif ); 
    /*padding:0px; 
    padding-left:14px;*/    
}


ul.defaultList li a,
ul.defaultSubList li a
{
    font-size: 10px;
}

ul.faqList
{
    padding:0;
    margin: 0;
}

ul.faqList li
{
	list-style-type: none;
    height:28px;
    padding:0px;
    margin:0px;     
}

ul.faqList li a
{
    font-size: 14px;
    line-height:20px;
}

.bigHeading, .bigHeadingWhite
{
    font-family:  Georgia;
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
    color: #343434;
    vertical-align:top;
    padding: 0;
    margin:0;
}

.bigHeadingWhite
{
    color: #ffffff;
}

.subHeading
{
    line-height: 24px;
    color: #343434;
    vertical-align:top;
    padding: 0;
    margin:0;
}

#divProductThumbs
{
    position:absolute; 
    top:0px; 
    right:20px;
    width:242px; 
    /*background-color:green;
    width:808px;*/
}

#divProductThumbs a
{
    color: red;
    text-decoration: none;   
}

.catBox
{
    cursor:hand; 
    cursor:pointer; 
    margin:0 0 22px 4px;
    float:left;
    text-align:center;
    font-size:15px;
    height:98px;
    line-height:18px;
    font-weight:bold;
}

#prodTable
{
    padding-top:0px;
}

#rightTxt
{
    width:280px;
    top:150px;
}

.downloadDiv
{
    float:left;
    padding:0px;
    margin:0px;
    width:220px;
    height:auto;
}