body
{
font-family:verdana; font-weight:normal;
width: 900px; /* SM - fix the width */
}

#maincontainer
{
visibility:hidden
}

img
{
border:0px;
}

#top
{
clear:both;
margin:auto auto;
white-space:nowrap;
overflow:hidden;
padding:0px;
}

#middle
{
margin:auto auto;
clear:both;
padding:0px;
}

#bottom
{
margin:auto auto;
clear:both;
padding:0px;
height:150px
}

#image1, #image2, #image3, #reasonstobuy, #image4, #image5, #image6, #image7
{
padding:0px;
margin:0px;
float:left;
}

/* SM - header text */
h1 { clear:both;
font-size:16px;
width: 750px;
}

#reasonstobuy
{
white-space:nowrap;
overflow: visible; /* SM - ensure text visible even if positioned incorrectly
This fixes a problem in IE7 where reasontobuy list is positioned well off to the right when overflow:hidden is used
changing to visible fixes the positioning problem! Which is odd */
font-size:10px;
margin-top: -40px; /* SM move up */
width: 160px;  /* SM - Fixed width and margin-left below to help fix layout in IE6 */
}

#reasonstobuy ul li
{
list-style-image:url(../images/tick.bmp);
font-weight:bold;
margin-left: -25px;    /* SM - margin-left and Fixed width above to help fix layout in IE6 */
}

#headerlinks
{
font-family:Verdana;
color:#DC3235;
font-weight:bold;
/*float:left;*/
margin: auto auto;
clear:both;
height:5%;
}

#headerlinks a
{
color:#DC3235;
font-size:16px;
text-decoration:none;
}

#bottomleft
{
position:absolute;
background-color:transparent;
white-space:normal;
font-family:verdana;
color:#FF0000;
font-weight:normal;
text-align:center;
font-size:12px;
/* SM was width:11%; */
width: 200px;
top: 20px;
}


#marqueediv
{
width:35%;
position:absolute;
white-space:normal;
font-weight:normal;
}

#viewsocks
{
border:0px;
position:absolute;
}


#footer
{
color:#808080;
font-family:Verdana;
font-size:12px;
width:100%;
margin:auto auto;
clear:both;
background-color:#FFFFFF;
text-align:center;
font-weight:normal;
}

#footer a
{
text-decoration:none;
color:#808080;
font-weight:normal;
}

#topleft
{
float:left;
margin-left:12%;
}

#topright
{
float:right;
margin-right:12%;
}

#main
{
margin: auto auto;
clear:both;
overflow:hidden;
margin-bottom:2%;
}

#title
{
position:absolute;
margin-top:5%;
margin-bottom:1%;
font-size:16px;
}

#forme, #gift2
{
text-align:center;
position:absolute;
color: #000000;
}

#gift2 a
{
text-decoration: none;
color: #000000;
}
#forme a
{
text-decoration: none;
color: #000000;
}

#monthly a
{
text-decoration:none;
color:#000000;
}
#bimonthly a
{
text-decoration:none;
color:#000000;
}
#quarterly a
{
text-decoration:none;
color:#000000;
}
#monthlygift a
{
text-decoration:none;
color:#000000;
}
#quarterlygift a
{
text-decoration:none;
color:#000000;
}