body   { color: #505050; font-size: 12px; font-family: Arial; line-height: 14px; background-color: white; margin: 0; padding: 0; width: 100%; height: 100%; }
#sitecontainer      { background-image: url("../special_images/bg.jpg"); background-repeat: repeat-x; background-position: center 0 }
#shadowcontainer   { width: 878px }
#innercontainershadr       { background-image: url(../special_images/bg_shadow_plain_right.png); background-repeat: repeat-y; background-position: right 0 }
#innercontainershadl        { background-image: url(../special_images/bg_shadow_plain_left.png); background-repeat: repeat-y; background-position: left 0 }
#shake              { background-color: white; background-image: url("../special_images/shake_csi2.jpg"); background-repeat: no-repeat; text-align: left; width: 864px; height: 700px }
#shakeproduct { background-color: white; background-image: url("../special_images/shake_csi2.jpg"); background-repeat: no-repeat; text-align: left; width: 864px; height: 625px }
#shakeproductlong { background-color: white; background-image: url("../special_images/shake_csi2.jpg"); background-repeat: no-repeat; text-align: left; width: 864px; height: 675px }
#logobox       { background-image: url("../special_images/csi_logo_shadow_small.png"); background-repeat: no-repeat; background-position: 50px 0; height: 90px }
.sloganbox  { background-image: url("../special_images/new_innovation_etc.png"); background-repeat: no-repeat; background-position: 170px 12px; position: relative; left: 50px; width: 700px; height: 90px }
#menubox          { padding-bottom: 10px; padding-left: 50px; height: 12px }
#maincontent  { position: relative; left: 50px; width: 780px; height: 500px }
#onemain  { width: 170px; height: 50px; float: left }
.whiteback { background-image: url("../special_images/bg-35pc.png"); background-repeat: no-repeat; background-position: 0 12px; padding-top: 12px }
#twomain { background-repeat: no-repeat; background-position: 0 12px; padding-top: 12px; position: relative; width: 600px; height: 155px; float: left }
#twomaincontact { position: relative; width: 400px; height: 600px; float: right }
#textbox  { background-image: url("../special_images/bg-35pc.png"); background-repeat: no-repeat; background-position: 0 0; position: relative; top: 8px; left: 170px; width: 600px; height: 400px; clear: both }
#textboxcontact { background-image: url("../special_images/bg-35pc.png"); background-repeat: no-repeat; background-position: 0 0; position: relative; top: 8px; left: 170px; width: 600px; height: 400px; float: right; clear: both }
#productbox   { background-image: url("../special_images/bg-35pc.png"); background-repeat: no-repeat; background-position: 0 0; text-align: left; position: relative; top: 8px; width: 600px; height: 475px; float: left }
.productheader  { position: relative; width: 600px; height: 20px; clear: right }
#producttext { position: relative; top: 30px; left: 20px; width: 600px }
#productpic { margin-right: 20px; left: 20px; width: 200px; height: 500px; float: left }
#csibox   { text-align: left; margin-top: 30px; margin-right: 12px; position: relative; width: 200px; float: right }
.csiboxtop  { background-image: url("../special_images/prodbox-top.png"); background-repeat: no-repeat; background-position: center top; position: inherit; height: 13px }
#csiboxmid    { background-image: url("../special_images/prodbox-cross.png"); background-repeat: repeat-y; background-position: center top; position: relative; top: 7px; height: 270px }
.csiboxblend270 { background-image: url("../special_images/prodbox-blend270.png"); background-repeat: no-repeat; background-position: center; position: relative; height: 270px }
.csiboxbottom  { background-image: url("../special_images/prodbox-bottom.png"); background-repeat: no-repeat; background-position: center top; position: relative; height: 19px }
.products        { color: #313131; font-size: 11px; font-family: Arial; line-height: 12px; text-align: left; position: relative }
ul { color: #3b3b3b; font-size: 10px; font-family: Arial; line-height: 12px; list-style-type: disc; margin-top: -8px; margin-left: 22px; padding-left: 10px; position: relative; top: 9px; left: 20px }
.listheaders { color: #333; font-size: 11px; font-family: Arial; margin-top: -7px; margin-left: 2px; position: relative; top: 9px; left: 24px }
.midproducts-space { margin-top: 1px }
#footer          { background-image: url("../special_images/footerbg2.png"); background-repeat: repeat-x; position: relative; top: 15px; bottom: 0; left: 0; width: 864px; height: 65px }
#footerproducts  { background-image: url("../special_images/footerbg2.png"); background-repeat: repeat-x; text-align: center; position: relative; top: -65px; bottom: 0; left: 0; width: 864px; height: 65px }
/* Changed positioning to relative. Now the box sits relative to its containing box, div#shake  */
.footertext { color: white; font-size: 11px; font-family: Arial, sans-serif; line-height: 14px; text-align: center; vertical-align: middle; padding:8px 0; }/* Added padding top and bottom so there's space between the text and the top and bottom edges of the footer image box. Padding puts space between the element and its containing box.*/
.indent   { color: #232323; font-size: 12px; font-family: Arial, helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; margin-right: 190px }
.indent130 { color: #232323; font-size: 12px; font-family: Arial, helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; margin-right: 130px }
.indent145 { color: #232323; font-size: 12px; font-family: Arial, helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; margin-right: 145px }
.products     { color: #313131; font-size: 11px; font-family: Arial; line-height: 16px; text-align: left; list-style-type: disc; padding-right: 20px; padding-left: 30px }
#footertype { color: white; font-size: 11px; font-family: Arial; line-height: 12px; text-align: center; list-style-type: disc; margin-top: 20px }
.footer    { background-image: url(../special_images/footerbg2.png); background-repeat: repeat-x; top: 580px; width: 864px; height: 65px }
.spaceafter { padding-bottom: 10px }
.clear   { background-image: url(../special_images/innovation_etc.png); background-repeat: no-repeat; background-position: 0 26px }
.logo  { background-image: url(../special_images/csi_logo_shadow.png); background-repeat: no-repeat; background-position: 0 12px }
.buttontype   { text-align: left; padding-top: 130px; padding-right: 10px }
.leftmenuclass { padding-top: 8px }
#leftmenubox1     { width: 180px; float: left }
#leftmenubox2     { width: 350px; float: left }
#leftmenubox-pic { width: 100px; float: right; clear: both }
#leftbutton1    { background-image: url(../special_images/brand_owner.png); background-repeat: no-repeat; background-position: 0 15px; width: 135px; float: left }
#leftbutton1 a { position: relative; top: 0; right: 20px; left: 0; width: 120px; height: 130px; float: left }
.brandtext { visibility: hidden }
#leftbutton2      { background-image: url("../special_images/retailer_pic.png"); background-repeat: no-repeat; background-position: 0 15px; width: 135px; float: left }
#leftbutton2 a { position: relative; top: 0; right: 20px; left: 0; width: 120px; height: 130px; float: left }
.retailtext { visibility: hidden }
#leftbutton3    { background-image: url(../special_images/packagers.png); background-repeat: no-repeat; background-position: 0 15px; width: 135px; float: left }
#leftbutton3 a { position: relative; top: 0; right: 20px; left: 0; width: 120px; height: 130px; float: left }
.packagetext { visibility: hidden }
#leftbutton4       { background-image: url(../images/libraries.png); background-repeat: no-repeat; background-position: 0 15px; width: 135px; float: left }
#leftbutton4 a { position: relative; top: 0; right: 20px; left: 0; width: 120px; height: 130px; float: left }
.distributortext { visibility: hidden }
spanmainmenu { }
.p-form { }/* Added new class in order to be able to position the form higher in the form container box in IE7 (so there's room for the Submit button). Even though nothing is done HERE (empty declaration), the IE stylesheet contains the conditional fix. */
.submit-button { }/* Added new class in order to be able to position the Submit button above the bottom of the  form container box. */
.newsimage {  }/* Added new class in order to be able to style image above the bottom of the container box in IE7. Even though nothing is done HERE (empty declaration), the IE stylesheet contains the conditional fix. */
.formstyle  { color: navy; font-size: 10px; font-family: Arial; background-color: #e6e6fa; width: 125px; height: 1.5em }/* This styles the input box font size, as well as the color, height and width of the input box itself */