/*

    CSS Document



    Site: Klubblagret   
    URL: http://www.klubblagret.se
    Author: PS Kommunikation
    Version: 1.0
    Date: 2009.08.30

*/

/*
 *      HTML GENERAL
 *
 */

H1, H2, H3 {
    color:#F71200;
	font-family:Arial, Sans-Serif;    
	font-weight:bold;	
}
H1 {
    font-size:2.2em;
    line-height:1.1em;
    margin:0 0 0.8em 0;
}
H2 {
    font-size:1.6em;
    line-height:1.1em;
    margin:0 0 0.5em 0;
}
H3 {
    font-size:1.2em;
    font-weight:bold;
    margin:0 0 0 0;
}
P, TH, TD  {
    font-size:1.2em;
	line-height:1.5em;
    margin:0 0 1.5em 0;
    color:#333a32;
}

TABLE {
    border:solid 1px #afafaf;
    margin:1em 0 2em 0;
    padding:0;
    width:468px;
}
CAPTION {
    display:none;
}
TH {
    background:#91cc0e;
    color:#fff;
    font-family:Arial, Sans-Serif;
    font-size:1.2em;
    font-weight:bold;
    line-height:2.4em;
    margin:0;
    padding:0 0 0 10px;
    width:156px;     
}
TD {
    font-size:1.1em;
	line-height:1.3em;
    text-align:left;
    margin:0; 
    padding:8px 10px;
    width:156px;    
}
TD A {
    color:#333a32;  
}

IMG {
    border:none;
}
ABBR {
    border-bottom: dotted 1px;
    cursor: help;
}
EM {
    font-style:italic;
}
STRONG {
    font-weight:bold;
}
UL {
    font-size: 1.2em;
    list-style-type:square;
    margin:0 0 10px 25px;
}
UL LI {
    margin-bottom:0.5em;
}
OL {
    font-size: 1.2em;
    list-style-type: decimal;
    margin:0 0 10px 30px;
}
OL LI {
    margin-bottom:0.5em;
}
A {
    color:#588fe6;
    text-decoration:none;
}
A:HOVER {
    text-decoration:underline;
}
DIV#content FIELDSET {
    background:#efefef;
    border:none;   
    margin:15px 0;
    padding:10px;     
}
DIV#content LEGEND {
    color:#f71200; 
    font-weight:bold;
    line-height:1.2em;
    padding:0 1em 0 1em;
}
DIV#content FIELDSET P {
    margin:0.5em 0 0 0;
}
DIV#content LABEL {
    color:#afafaf;
    font-size:1.0em;
    margin:0;
    text-align:left;   
}
DIV#content INPUT {
	color:#333a32;  
	display:block;
	height:1.4em;    
    font-family:Arial, Sans-Serif;
    font-size:1.0em;
	padding:3px;
    width:350px;
}
DIV#content SELECT {
	color:#333a32;  
	display:block;
    font-family:Arial, Sans-Serif;
    font-size:1.0em;
	padding:3px;
    width:350px;
}
DIV#content TEXTAREA {
    color:#333a32;    
	display:block;    
    font-family:Arial, Sans-Serif;
	font-size:1.0em;
	height:7.5em;	
	padding:0.3em;
    width:350px;	
}
DIV#content INPUT.submit {
    background:#f71200;
    border:none;
    color:#fff;
    cursor:pointer;
    float:left;
    height:2em;    
    padding:0 1em 0 1em;
    margin:10px 0 0 0;
    text-align:center;
    width:90px;
    clear:both;
}

/*
 *      CLASSES
 *
 */
.phone {    
    background:url(../images/icon-phone.gif) center left no-repeat;
    line-height:1.6em;
    padding-left:20px;
}
.about {    
    background:url(../images/icon-about.gif) center left no-repeat;
    line-height:1.6em;    
    padding-left:15px;
}
.shipping {    
    background:url(../images/icon-shipping.gif) center left no-repeat;
    line-height:1.6em;    
    padding-left:15px;
}
.sitemap {    
    background:url(../images/icon-sitemap.gif) center left no-repeat;
    line-height:1.6em;    
    padding-left:20px;
}
.print {    
    background:url(../images/icon-print.gif) center left no-repeat;
    line-height:1.6em;    
    padding-left:20px;
}
.mail {    
    background:url(../images/icon-mail.gif) center left no-repeat;
    line-height:1.6em;      
    padding-left:20px;
}
.delivery {    
    background:url(../images/icon-delivery.gif) center left no-repeat;
    line-height:2.2em;      
    padding-left:25px;
}
.arrow-small {    
    background:url(../images/icon-arrow-small.gif) center left no-repeat;
    line-height:1.6em;      
    padding-left:15px;
}
.arrow-large {    
    background:url(../images/icon-arrow-large.gif) center right no-repeat;
    line-height:18px; 
    padding:3px 23px 3px 0px;
}
.arrow-large-left {    
    background:url(../images/icon-arrow-large-left.gif) center left no-repeat;
    line-height:18px; 
    padding:3px 0 3px 23px;
}
.float-left {
    float:left;
}
.float-right {
    float:right;
}
.margin-left-410px{
    margin:0 0 0 410px;
}
