/* CSS showroom */

/*SKALBAR BOX MODEL TEST*/
.box {
width:840px;
margin:auto;
color:black;
}

.box_header {
background-color:black;
background: transparent url(../grafik/box/top.png) no-repeat;
background-position:center;
width:840px;
height:22px;
margin:0px;
margin:auto;
}

.box_content {
background-color:white;
background: transparent url(../grafik/box/middle.png) repeat-y;
background-position:center;
width:840px;
margin:auto;
}

.box_bottom {
background: transparent url(../grafik/box/bottom.png) no-repeat;
background-position:center;
width:840px;
height:22px;
margin:0px;
margin:auto;
}


/* KLASSER FÖR VISNINGSRUMMETS PRODUKTVY */
/* KLASSER FÖR VISNINGSRUMMETS PRODUKTVY */
/* KLASSER FÖR VISNINGSRUMMETS PRODUKTVY */
/* KLASSER FÖR VISNINGSRUMMETS PRODUKTVY */

.showCont{
width:850px;
margin:auto;
}

.sh_prod{
float:left;
text-align:center;
width:270px;
height:300px;
}

.sh_prod .title {
text-align:left;
padding:3px;
width:270px;
font-family:verdana;
font-size:16px;
margin-left:10px;
font-weight:bold;
}

.sh_prod .summary{
text-align:left;
width:250px;
font-family:verdana;
padding:3px;
font-size:12px;
margin-left:10px;
}

.sh_prod .mainpicdiv {
background: url(../grafik/rambredd.jpg);
width:270px;
height:220px;
}

.sh_prod_small{
float:left;
text-align:center;
width:200px;
height:300px;
}

.sh_prod_small .summary{
text-align:left;
width:200px;
font-family:verdana;
padding:3px;
font-size:12px;
margin-left:10px;
}

.sh_prod_small .title {
text-align:left;
padding:3px;
width:270px;
font-family:verdana;
font-size:16px;
margin-left:10px;
font-weight:bold;
}


.smallpicdiv {
background: url(../grafik/ram_small_stor.jpg);
width:247px;
height:370px;
float:right;
text-align:center;
}

.smallpicdiv img {
margin-top:10px;
}

/* SLUT -> KLASSER FÖR VISNINGSRUMMETS PRODUKTVY <- SLUT*/
/* SLUT -> KLASSER FÖR VISNINGSRUMMETS PRODUKTVY <- SLUT*/
/* SLUT -> KLASSER FÖR VISNINGSRUMMETS PRODUKTVY <- SLUT*/
/* SLUT -> KLASSER FÖR VISNINGSRUMMETS PRODUKTVY <- SLUT*/


.largepicdiv {
background: url(../grafik/ram_stor.jpg);
width:458px;
height:370px;
float:right;
text-align:center;
}

.largepicdiv img {
margin-top:10px;
}
.altpic_div {
background: url(../grafik/ram_liten_bredd.jpg);
width:145px;
height:120px;
float:left;
text-align:center;
}

.altpic_div_small {
background: url(../grafik/ram_small_thumb.jpg);
width:85px;
height:120px;
float:left;
text-align:center;
}

.altpic_div_small img {
margin-top:10px;
}

.altpic_div img {
margin-top:10px;
}


.sh_prod_small .mainpicdivsmall {
background: url(../grafik/ramsmall.jpg);
width:152px;
height:223px;
margin:auto;
}

.sh_prod .mainpic {
margin-top:10px;
}

.sh_prod_small .mainpic {
margin-top:10px;
}

.sh_prod .moreinfo {
width:270px;
}

/*Rad för bilder container*/
.pic_row {
height:370px;
width:145px;
float:right;
}

.pic_row_small {
height:370px;
width:85px;
float:right;
}


/* Classer och ID till produktvisning */
.rubrik {
padding-left:5px;
margin-top:15px;
font-size:60px;
font-family:myriad pro;verdana;
/*text-transform:uppercase;*/
}
.underrubrik {
font-size:30px;
font-family:myriad pro;verdana;
}
.stycke {
padding-left:5px;
border-left:4px solid #303030;
margin-top:15px;
margin-bottom:15px;
width:600px;
font-size:16px;
font-family:myriad pro;verdana;
}

.titel {
font-size:19px;
font-weight:bold;
font-family:myriad pro;verdana;
}

.prodTable td {
padding:5px;
}

.prodTable .mark {
font-weight:bold;
}




#altpic {
width:400px;
float:left;
}

#pictures {
width:750px;
margin:auto;
}

#information {
clear:both;
width:720px;
margin:auto;
font-family:verdana;
font-size:12px;
}

/*KLASS FÖR BILD KOMMENTAR*/
.comment_pic{
background: transparent url(../grafik/tipsbubbla.gif) no-repeat;
background-position:center;
width:278px;
height:76px;
position:relative;
}

.comment_pic .text {
font-weight:bold;
}

/*CONTAINER FÖR VISNING AV TIPS RUTOR*/ 
.tipsbox {
width:400px;
clear:both;
margin:auto;
font-family:verdana;
font-size:13px;
margin-top:20px;
font-weight:bold;
color:rgb(68,68,68);
margin-bottom:40px;
}