/*---------------- CSS för hemsida 20, Haga Cykel, Påbörjad 2007-02-25 -----------*/

/*------------------------- BODY OCH TOPPBANNER ----------------------------------*/

.body{
}

.container{
width:950px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
border:1px #CCCCCC solid;
background-color:#FFFFFF;
}

.topbanner{
height:133px;
}

/*-------------------------------- PRODUKTLISTNING ------------------------------*/
.prod_ruta{
height:185px;
width:170px;
float:left;
text-align:center;
border: #2c4386 2px solid;
margin-top:10px;
margin-left:1px;
margin-right:1px;
}


.prod_content{
height:143px;
width: 150px;
text-align:center;
}

.prod_namn{
padding-top:3px;
height:20px;
text-align:center;
}

.prod_lasMer{
padding-top:3px;
height:17px;
text-align:center;
background-color: #2c4386;
}

.produktGrupp{
height:190px;
padding-top:3px;
float:left;
}

.produktGruppGrey{
width:170px;
height:30px;
float:left;
margin-top:80px;
background-color:#a4aabc;
}

/*-------------------------------- ARTIKELLISTNING -----------------------------*/

.art_ruta{
height:330px;
width:690px;
float:left;
text-align:center;
border: #2c4386 2px solid;
margin-top:10px;
}



/*-------------------------------- MENYN ---------------------------------------*/
	/*Håller hela menyn*/
.meny{
margin-right:10px;
height:500px;
position:relative;
float:left;
}

	/*Håller varje menyalternativ*/
.menuOption{
clear:both;
}

	/*Platta till produkterna under resp kategori*/
.prodMenu{
clear:both;
width:154px;
margin-top:-1px;
margin-left:14px;
padding:3px;
background-color:#a4aabc;
border:#a4aabc 1px solid;
border-top:none;
text-align:left;
}

	/*Håller hörnbilderna*/
.cornerContainer{
float:left;
margin-bottom:1px;
}

	/*Innehållet, bg till text i knapparna*/
.stretch{
float:left;
height:36px;
background-color:#2c4386;
border-bottom:#a4aabc 1px solid;
border-top:#a4aabc 1px solid;
}

/*------------------------- NYHETER ----------------------------------*/

	/*Håller nyheterna*/
.nyheterContainer{
float:right;
width:180px;
}

	/*Innehållet, bg till text i knapparna*/
.nyheterStretch{
float:left;
padding-left:4px;
background-color:#a6abba;
border-bottom:#a4aabc 1px solid;
border-top:#a4aabc 1px solid;
}

	/*Håller hörnbilderna*/
.nyheterCornerContainerUpper{
float:left;
}
.nyheterCornerContainerLower{
float:left;
margin-bottom:1px;
}


/*------------------------- GENERELLA ----------------------------------*/

	/*Håller hela innehållsdelen*/
.main{
width:950px;
padding-top:10px;
padding-bottom:120px;
background-color:#FFFFFF;
}

	/*Innehållet, bg till den gråa bannern*/
.stretchBanner{
float:left;
height:36px;
background-color:#a6abba;
border-bottom:#a4aabc 1px solid;
border-top:#a4aabc 1px solid;
}


	/*Håller bottombanner*/
.bottombanner{
margin-left:auto;
margin-right:auto;
height:30px;
width:950px;
background-color:#a4aabc;
border:1px #CCCCCC solid;
text-align:center;
/*background-image:url(bottombanner.gif);*/
}

.erbjudandeContainer{
float:left;
width:520px;
}

.erbjudandeTable{
float:left;
}