/*
 * style.css
 * application: SKF Housing Select
 * version: 2004.11.03
 * author: Protyron Web Solutions
 * description: main stylesheet for the application
 * changed: 2009.04.28 Bjoern, height for td changed
 */

html { margin-bottom: 1px; }
body    {  
           font-family             :  Verdana,Arial,Helvetica;
           font-size               :  11px;
           color                   :  #333333;
	       text-decoration         :  none;
           margin-top              :  5px;
           margin-left             :  20px;
           margin-right            :  20px;
           background-color        :  #FFFFFF;
        }
body.header {   
           font-family             :  Verdana,Arial,Helvetica;
           font-size               :  11px;
           color                   :  #333333;
	       text-decoration         :  none;
	       margin-top              :  20px;
	       margin-left             :  20px;
	       margin-right            :  20px;
	       background-color        :  #eee;
	       background-image        :  url(../../images/common/popup_skf.gif);
	       background-repeat       :  no-repeat;
           }

b       {  
           font-family             :  Verdana,Arial,Helvetica;
           font-size               :  11px;
           color                   :  #333333;
           font-weight             :  bold;
           font-style              :  normal;
           text-decoration         :  none;
        }

p       {  
           font-family             :  Verdana,Arial,Helvetica;
           font-size               :  11px;
           color                   :  #333333;
           font-weight             :  normal;
           font-style              :  normal;
        }


hr      {  color                   :  #cfcfcf;}

table   {  
           font-family             :  Verdana,Arial,Helvetica;
           font-size               :  11px;
           color                   :  #333333;
           font-weight             :  normal;
           font-style              :  normal;
        }

td{height:15px;}
body#popup table tr  td{height: 15px}
.s      {  font                    :  11px verdana;
           color                   :  #333333;;
           font-weight             :  normal;
           font-style              :  normal;
        }

td.sb    {  font                    :  11px arial, helvetica, sans-serif;
           font-weight             :  bold;
           font-style              :  normal;
        }

.title    {  font                :  12px arial, helvetica,sans-serif;
           font-weight             :  bold;
           font-style              :  normal;
           color                   :  #0066CC;
	   
        }

td.bltitle    {  font                :  13px arial, helvetica,sans-serif;
           font-weight             :  bold;
           font-style              :  normal;
           color                   :  #000000;
	   
        }
td.red    {  font                  :  11px arial, helvetica, sans-serif;
           font-weight             :  bold;
           font-style              :  normal;
           background-color        :  #FF0000;
        }

td    {  font                    :  11px arial, helvetica,sans-serif;
           font-weight             :  normal;
           font-style              :  normal;
        }

td.P    {  font                    :  11px arial, helvetica,sans-serif;
           font-weight             :  normal;
           font-style              :  normal;
        }

td.B    {  font                    :  11px arial, helvetica,sans-serif;
           font-weight             :  bold;
           font-style              :  normal;
        }
td.Pdata    {  font                    :  11px arial, helvetica,sans-serif;
           font-weight             :  normal;
           font-style              :  normal;
        }

td.Bdata    {  font                    :  11px arial, helvetica,sans-serif;
           font-weight             :  bold;
           font-style              :  normal;
        }
	
	
a.bcb   {   font                    :  11px arial, helvetica, sans-serif;
            font-weight             :  bold;
            font-style              :  normal;
            text-decoration         :  none;
            color                   :  #3366CC;
            cursor                  :  pointer;
        }


a.bcb:link  {   font                :  11px arial, helvetica, sans-serif;
            font-weight             :  bold;
            font-style              :  normal;
            text-decoration         :  none;
            color                   :  #3366CC;
        }

a.bcb:visited{  font                    :  11px arial, helvetica, sans-serif;
            font-weight             :  bold;
            font-style              :  normal;
            text-decoration         :  none;
            color                   :  #3366CC;
         }
	 
a       {   font                    :  11px verdana;
            font-weight             :  normal;
            font-style              :  normal;
            text-decoration         :  none;
            color                   :  #3366CC;
            cursor                  :  pointer;
        }
a:link  {   font                    :  11px verdana;
            font-weight             :  normal;
            font-style              :  normal;
            text-decoration         :  none;
            color                   :  #3366CC;
        }

a:visited{  font                    :  11px verdana;
            font-weight             :  normal;
            font-style              :  normal;
            text-decoration         :  none;
            color                   :  #3366CC;

         }
a.small  {   font                   :  9px verdana;
            font-weight             :  normal;
            font-style              :  normal;
            text-decoration         :  none;
            color                   :  #3366CC;
            cursor                  :  pointer;
        }
a.small:link  {   font              :  9px verdana;
            font-weight             :  normal;
            font-style              :  normal;
            text-decoration         :  none;
            color                   :  #3366CC;
        }

a.small:visited{  font              :  9px verdana;
            font-weight             :  normal;
            font-style              :  normal;
            text-decoration         :  none;
            color                   :  #3366CC;
         }
	 
	 
.ptcell    {  
           background-color        :  #cfcfcf;
	       padding-left            : 10px;
	       padding-right           : 10px;
	       padding-bottom          : 0px;
        }

.redtext{
            color                   :  #FF0000;
	    }
	
a.bold       {
            font                    :  11px verdana;
            font-weight             :  bold;
            font-style              :  normal;
            text-decoration         :  none;
            color                   :  #3366CC;
            cursor                  :  pointer;
        }


a.bold:link  {
            font                    :  11px verdana;
            font-weight             :  bold;
            font-style              :  normal;
            text-decoration         :  none;
            color                   :  #3366CC;
        }

a.bold:visited{
            font                    :  11px verdana;
            font-weight             :  bold;
            font-style              :  normal;
            text-decoration         :  none;
            color                   :  #3366CC;
         }
a.decor{color: #333333; text-decoration: none;}
a.decor:visited{color: #333333;}
a.decor:hover{color: #ff0000;}

td.navigation{background-color: #F1F1F1;}
td.solidline{background-color: #9EBFE3;} 

.selectedText{color: #000000; background-color: #ffffff;}


td.solidline{background-color: #003399;}
td.value {width:120px;height:20px; background-color:#ffffff;}
td.redvalue{width:120px; vertical-align:top;}
td.redvaluesmall{width:60px; vertical-align:top}
.redvalue{ width:120px;height:18px; background-color:#ffffff;color: #FF0000; padding:2px 0}
.redvaluesmall {width:60px;height:18px; background-color:#ffffff;color: #FF0000; padding:2px 0}
a.redvalue {color: #FF0000;}
td.name{width:190px;}
td.unit{width:80px;}
span{height: 16px}
table.value{padding:0; margin:0}

#modelDescription {width: 450px;min-height: 100px;padding: 0px;}
.bordered{border:1px #000000 solid; }
body.first{margin:0; padding:0; background: url(../../images/design/header1300.gif) no-repeat}

div.text{position:absolute; top:60px; left:200px; border:0; font:  30px verdana;
 font-weight             :  bold;
            font-style              :  normal;
            text-decoration         :  none;
            color                   :  #3366CC;

}
div.index{position:absolute; top:100px; left:150px; border:0}
div.button {position:absolute; top:500px; left:300px; border:0}

td.underline{border-bottom:1px #000000 solid}
td.upline{border-top:1px #000000 solid}
td.leftCell{width:450px; height:600px}
td.smallTitle{font: 12px arial, helvetica,sans-serif;font-weight:  bold;font-style:  normal;}
.bigTitle{font: 16px arial, helvetica,sans-serif;font-weight:  bold;font-style:  normal;color:  #0066cc;}
td#productData td{text-align:left}