HTML
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 100%;
    PADDING-TOP: 0px;
    HEIGHT: 100%;
    BACKGROUND-COLOR: transparent
}
!BODY
!{
 !   padding:0px; FONT-SIZE: 0.8em;
  !  BACKGROUND-IMAGE: url('none');
   ! MARGIN: 0px;
    !COLOR: black;
    !BACKGROUND-REPEAT: repeat;
    !FONT-FAMILY: verdana, arial, sans-serif;
    !BACKGROUND-COLOR: transparent
!}

body{
margin:0;
padding:0;
line-height: 1.5em;
FONT-FAMILY: verdana, arial, sans-serif;
BACKGROUND-COLOR: transparent
}
#bakgrund
{
    border:0px none black; LEFT: 0px;
    MARGIN: 0px;
    WIDTH: 1200px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 100%;
    BACKGROUND-COLOR: transparent; 
}
.link
{
    FONT-SIZE: 20px;
    COLOR: #191970;
    POSITION: relative;
    TOP: 5px;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
#rubriker
{
    LEFT: 5px;
    WIDTH: 0px;
    FONT-FAMILY: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    POSITION: absolute;
    TOP: 87px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
#textruta
{
    BORDER-RIGHT: #DCDCDC 2px solid;
    BORDER-TOP: #DCDCDC 0px solid;
    LEFT: 221px;
    MARGIN-BOTTOM: 0px;
    BORDER-LEFT: #DCDCDC 2px solid;
    WIDTH: 100%;
    TEXT-INDENT: 0px;
    BORDER-BOTTOM: #DCDCDC 50px solid;
    POSITION: absolute;
    TOP: 87px;
    HEIGHT: 0px;
    BACKGROUND-COLOR: #F5F5F5
}
#venster
{
    BORDER-TOP: #F5F5F5 30px;
    WIDTH: 220px;
    BORDER-BOTTOM: #F5F5F5 20px;
    POSITION: absolute;
    TOP: 87px;
    HEIGHT: 1000px;
    BACKGROUND-COLOR: #DCDCDC
}
#toppen
{
    WIDTH:100%;
    POSITION: absolute;
      TOP: 0px;
    HEIGHT: 50px;
    BACKGROUND-COLOR: transparent
}
.fet
{
    FONT-SIZE: x-small;
    WIDTH: 700px;
    COLOR: #191970;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
.h1
{
    FONT-SIZE: large;
    LEFT: 14px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #191970;
    FONT-FAMILY: 'Verdana';
    POSITION: relative;
    TOP: 0px;
    BACKGROUND-COLOR: transparent
}
.h2
{
    FONT-SIZE: medium;
    LEFT: 12px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #191970;
    FONT-FAMILY: 'Verdana';
    POSITION: relative;
    TOP: 0px;
    BACKGROUND-COLOR: transparent
}
.infotext
{
    FONT-SIZE: xx-small;
    COLOR: #191970;
    TOP: 0px;
    TEXT-DECORATION: none
}
.storrubrik
{
    FONT-SIZE: large;
    LEFT: 25px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #191970;
    FONT-FAMILY: 'Arial Black';
    POSITION: relative;
    TOP: 0px;
    BACKGROUND-COLOR: transparent
}
.link2
{
    LEFT: 0px;
    COLOR: #191970;
    POSITION: relative;
    TOP: 0pt;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
#produktblad
{
    LEFT: 30px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 0px;
    BACKGROUND-COLOR: transparent
}
#kontaktinfo
{
    LEFT: 10px;
    POSITION: absolute;
    TOP: 490px;
    TEXT-DECORATION: none
}
.inforubrik
{
    MARGIN-TOP: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    LEFT: 0px;
    MARGIN-BOTTOM: 5px;
    WIDTH: 296px;
    COLOR: #191970;
    POSITION: relative;
    HEIGHT: 0px;
    TEXT-DECORATION: none;
    TEXT-ALIGN: center
}
.info
{
    FONT-SIZE: 9px;
    COLOR: black;
    TEXT-INDENT: 0px;
    TEXT-DECORATION: none
}
#logga
{
    BORDER-RIGHT: black thick;
    BORDER-TOP: black thick;
    MARGIN-TOP: 0px;
    LEFT:0%;
    BORDER-LEFT: black thick;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: black thick;
    POSITION: absolute;
    TOP: 0%;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
#allaprodukter
{
    LEFT: 0px;
    POSITION: relative;
    TOP: 0px;
    BACKGROUND-COLOR: transparent
}
.produktbild
{
    BORDER-RIGHT: black thin;
    BORDER-TOP: black thin;
    MARGIN-TOP: 0px;
    LEFT: 25px;
    BORDER-LEFT: black thin;
    BORDER-BOTTOM: black thin;
    POSITION: relative;
    TOP: 0px;
    HEIGHT: 0px;
    BACKGROUND-COLOR: transparent
}
.text
{
    FONT-SIZE: x-small;
    LEFT: 50px;
    WIDTH: 450px;
    POSITION: relative;
    TOP: 0px;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: left
}
.produktnamn
{
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 10px;
    COLOR: #191970;
    TOP: 10px;
    BACKGROUND-COLOR: transparent
}
.produktext
{
    FONT-SIZE: xx-small;
    LEFT: 0px;
    WIDTH: 100%;
    POSITION: relative;
    TOP: 0px;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: left
}
.produktlink
{
    MARGIN-TOP: 25px;
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: red;
    MARGIN-RIGHT: 8px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.infotext2
{
    FONT-SIZE: xx-small;
    LEFT: 0px;
    COLOR: #191970;
    POSITION: relative;
    TOP: 15px
}
#x1
{
    BORDER-RIGHT: #191970 thin solid;
    BORDER-TOP: #191970 thin solid;
    MARGIN-TOP: 10px;
    LEFT: 30px;
    BORDER-LEFT: #191970 thin solid;
    WIDTH: 598px;
    MARGIN-RIGHT: 10px;
    BORDER-BOTTOM: #191970 thin solid;
    POSITION: relative;
    TOP: 0px;
    BACKGROUND-COLOR: #DCDCDC
}
#a
{
    MARGIN-TOP: 0px;
    LEFT: 30px;
    PADDING-BOTTOM: 0px;
    WIDTH: 610px;
    POSITION: relative;
    BACKGROUND-COLOR: transparent
}
.text2
{
    BORDER-RIGHT: black thin;
    BORDER-TOP: black thin;
    FONT-SIZE: x-small;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: black thin;
    WIDTH: 650px;
    BORDER-BOTTOM: black thin;
    POSITION: relative;
    TOP: 0px;
    HEIGHT: 0px
}
#b
{
    MARGIN-TOP: 20px;
    LEFT: 0px;
    MARGIN-LEFT: 0px;
    WIDTH: 627px;
    POSITION: relative;
    HEIGHT: 0px;
    BACKGROUND-COLOR: transparent
}
#c
{
    BORDER-RIGHT: #191970 thin;
    BORDER-TOP: #191970 thin;
    MARGIN-TOP: 0px;
    LEFT: 0px;
    MARGIN-LEFT: 30px;
    BORDER-LEFT: #191970 thin;
    BORDER-BOTTOM: #191970 thin;
    TOP: 0px;
    BACKGROUND-COLOR: transparent
}
#d
{
    MARGIN-TOP: 20px;
    LEFT: 0px;
    MARGIN-LEFT: 0px;
    WIDTH: 627px;
    POSITION: relative;
    HEIGHT: 0px;
    BACKGROUND-COLOR: transparent
}
#e
{
    BORDER-RIGHT: #191970 thin;
    BORDER-TOP: #191970 thin;
    MARGIN-TOP: 0px;
    LEFT: 0px;
    MARGIN-LEFT: 30px;
    BORDER-LEFT: #191970 thin;
    BORDER-BOTTOM: #191970 thin;
    TOP: 0px;
    BACKGROUND-COLOR: transparent
}
.produktbild2
{
    LEFT: 25px;
    POSITION: relative;
    HEIGHT: 370px
}
.produktbild3
{
    LEFT: 25px;
    HEIGHT: 290px
}
.produktbild4
{
    LEFT: 25px;
    HEIGHT: 180px
}
#streck
{
    LEFT: 0px;
    WIDTH: 570px;
    POSITION: absolute;
    TOP: 74px;
    HEIGHT: 8px;
    BACKGROUND-COLOR: #DCDCDC
}
#streck2
{
    WIDTH: 555px;
    POSITION: absolute;
    TOP: 67px;
    HEIGHT: 5px;
    BACKGROUND-COLOR: #8B0000
}
#streck3
{
    LEFT: 641px;
    WIDTH: 259px;
    POSITION: absolute;
    TOP: 12px;
    HEIGHT: 8px;
    BACKGROUND-COLOR: #DCDCDC
}
#streck4
{
    LEFT: 655px;
    WIDTH: 245px;
    POSITION: absolute;
    TOP: 22px;
    HEIGHT: 5px;
    BACKGROUND-COLOR: #8B0000
}
#rubrik1
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
#h1
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
#rubrik2
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid;
    TEXT-DECORATION: none
}
#h2
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid;
    TEXT-DECORATION: none
}

#rubrik3
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid;
    TEXT-DECORATION: none
}
#rubrik4
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid;
    TEXT-DECORATION: none
}
.meny
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 15px;
    TEXT-TRANSFORM: uppercase;
    WIDTH: 170px;
    COLOR: #191970;
    TEXT-DECORATION: none
}
A.meny:link
{
    COLOR: #191970
}
A.meny:visited
{
    COLOR: #191970
}
.meny2
{
    FONT-SIZE: 12px;
    WIDTH: 170px;
    COLOR: #191970;
    TEXT-DECORATION: none
}
A.meny2:link
{
    COLOR: #191970
}
A.meny2:visited
{
    COLOR: #191970
}
#rubrik5
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid;
    BACKGROUND-COLOR: transparent
}
#rubrik6
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid;
    BACKGROUND-COLOR: transparent
}
#rubrik7
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid;
    BACKGROUND-COLOR: transparent
}
#rubrik8
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid;
    BACKGROUND-COLOR: transparent
}
#rubrik9
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid;
    BACKGROUND-COLOR: transparent
}
#rubrik10
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid;
    BACKGROUND-COLOR: transparent
}
#rubrik11
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid;
    BACKGROUND-COLOR: transparent
}
#rubrik12
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid;
    BACKGROUND-COLOR: transparent
}
#rubrik14
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid
}
#rubrik15
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid
}
#rubrik16
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid
}
.meny3
{
    FONT-SIZE: 10px;
    WIDTH: 170px;
    TEXT-INDENT: 0px;
    TEXT-DECORATION: none
}
A.meny3:link
{
    COLOR: #191970
}
A.meny3:visited
{
    COLOR: #191970
}
#rubrik13
{
    BORDER-RIGHT: white thin solid;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: white thin solid;
    BORDER-BOTTOM: white thin solid;
    BACKGROUND-COLOR: transparent
}
.x1
{
    BORDER-RIGHT: black thin;
    BORDER-TOP: black thin;
    BORDER-LEFT: black thin;
    BORDER-BOTTOM: black thick;
    BACKGROUND-COLOR: #00008B
}
#linklist
{
    BORDER-RIGHT: #DCDCDC thin;
    BORDER-TOP: #DCDCDC thin;
    MARGIN-TOP: 50px;
    LEFT: 27px;
    OVERFLOW: visible;
    BORDER-LEFT: #DCDCDC thin;
    WIDTH: 592px;
    BORDER-BOTTOM: #DCDCDC thin;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 1200px;
    BACKGROUND-COLOR: transparent
}
#lista1
{
    BORDER-RIGHT: #DCDCDC thin;
    BORDER-TOP: #DCDCDC thin;
    MARGIN-TOP: 20px;
    LEFT: 0px;
    MARGIN-BOTTOM: 15px;
    BORDER-LEFT: #DCDCDC thin;
    WIDTH: 627px;
    BORDER-BOTTOM: #DCDCDC thin;
    POSITION: relative;
    TOP: 0%;
    BACKGROUND-COLOR: transparent
}
#lista2
{
    BORDER-RIGHT: #DCDCDC thin solid;
    BORDER-TOP: #DCDCDC thin solid;
    MARGIN-TOP: 20px;
    LEFT: 30px;
    BORDER-LEFT: #DCDCDC thin solid;
    WIDTH: 598px;
    BORDER-BOTTOM: #DCDCDC thin solid;
    POSITION: relative;
    BACKGROUND-COLOR: transparent
}
.x2
{
    MARGIN-TOP: 0px;
    BACKGROUND-COLOR: White
}
#streck5
{
    LEFT: 0px;
    WIDTH: 630px;
    POSITION: absolute;
    TOP: 32px;
    HEIGHT: 4px;
    BACKGROUND-COLOR: #8B0000
}
#streck6
{
    LEFT: 0px;
    WIDTH: 630px;
    POSITION: absolute;
    TOP: 42px;
    HEIGHT: 8px;
    BACKGROUND-COLOR: #DCDCDC
}
#streck7
{
    LEFT: 0px;
    WIDTH: 510px;
    POSITION: relative;
    TOP: 10px;
    HEIGHT: 4px;
    BACKGROUND-COLOR: #8B0000;
    TEXT-ALIGN: left
}
#x2
{
    MARGIN-TOP: 20px;
    LEFT: 500px;
    POSITION: relative
}
.tabellrubbe
{
    FONT-WEIGHT: bolder;
    TEXT-TRANSFORM: uppercase;
    COLOR: #191970;
    TEXT-DECORATION: none
}
#flagga
{
    LEFT: 5px;
    POSITION: absolute;
    TOP: 20px
    WIDTH: 33;
    HEIGHT: 24px;
}
#bild
{
    POSITION: absolute;
    TOP: 809px
}
.storrubrik2
{
    FONT-SIZE: large;
    LEFT: 30px;
    COLOR: #191970;
    FONT-FAMILY: 'Arial Black';
    POSITION: relative
}
.rubrikstartsid
{
    FONT-SIZE: medium;
    LEFT: 0px;
    WIDTH: 330px;
    COLOR: black;
    FONT-FAMILY: 'Arial Black';
    POSITION: relative;
    BACKGROUND-COLOR: transparent
}
.textstart
{
    FONT-SIZE: x-small;
    WIDTH: 290px;
    COLOR: black;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
.notis
{
    BORDER-RIGHT: black thin;
    BORDER-TOP: black thin;
    MARGIN-TOP: 0px;
    FONT-SIZE: small;
    LEFT: 0px;
    BORDER-LEFT: black thin;
    COLOR: red;
    BORDER-BOTTOM: black thin;
    FONT-FAMILY: 'Arial Black';
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
#streck8
{
    WIDTH: 580px;
    HEIGHT: 3px;
    BACKGROUND-COLOR: #8B0000
}
.produktbildstart
{
    BACKGROUND-COLOR: transparent
}

.smarubbar
{
    MARGIN-TOP: 25px;
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #191970;
    MARGIN-RIGHT: 8px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

.pdfrubbar
{
    MARGIN-TOP: 25px;
    FONT-WEIGHT: bold;
    FONT-SIZE: small;
    COLOR: #191970;
    MARGIN-RIGHT: 8px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

/*URL: http://www.dynamicdrive.com/style/ */

#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 220px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 220px; /*Width of left column*/
margin-left: -100%;
background: #F5F5F5;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 0px 0;
padding: 0px;
width: 220px;
border: 0px solid #9A9A9A;
border-bottom-width: 0px;
}

.glossymenu li a{
background: url(Media/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 210px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(Media/glossybackred.gif);
}





    
#glowingtabs{
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
float:left;
width:100%;
font-size:80%;
line-height:normal;
border-bottom: 4px solid #7e9fff; /*Add border strip to bottom of menu*/
}

#glowingtabs ul{
list-style-type: none;
margin:0;
margin-top:5px;
margin-left: 212px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#glowingtabs li{
display:inline;
margin:0;
padding:0;
}

#glowingtabs a{
float:left;
background:url(Media/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#glowingtabs a span{
float:left;
display:block;
background:url(Media/glowtab.gif) no-repeat right top;
padding: 4px 12px 2px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
color: black;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}



p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('Media/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('Media/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.somediv{
width: 350px;
clear: left;
border: 1px solid gray;
}

.somediv .floatbox{
float: left;
width: 100px;
}

* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv p{
margin-top: 0;
margin-left: 100%;
}

div.example {
/*Whatever you want goes here*/
}

.left {
float: left;
}

.right {
float: right;
}