/* -------------------- GLOBAL DIVS / SPANS -------------------- */

BODY {
	FONT-SIZE: 12pt;
	MARGIN: 0px;
	FONT-FAMILY: helvetica, sans-serif;
	background-color: #87AEC5;
	background-image: url(BannerTileBackground.gif);
	background-repeat: repeat-x;
}
#copyright {
	z-index: 6; FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 20px; width: 300px; POSITION: absolute; bottom: 5px;
}
#bottom {
	z-index: 6; FONT-SIZE: 9pt; FONT-FAMILY: helvetica, sans-serif; right: 20px; width: 760px; POSITION: absolute; bottom: 30px; text-align: right;
}
#ticker {
	z-index: 6; color: #0E3293; FONT-SIZE: 9pt; FONT-FAMILY: helvetica, sans-serif; POSITION: relative; text-align: left; top: 3px; left: 0px;
}
#line {
	z-index: 6; FONT-SIZE: 0pt; COLOR: #999999; FONT-FAMILY: helvetica, sans-serif; width: 760px; height: 3px; POSITION: relative; border-top: 1px solid #999999;
}

/* ---------------------------------------------------- COMMENTS HERE BY WDF, 11/26/04 ----------------------------------------------------------------- */
/* #textbox is the main layer/div that contains all other Divs. It's dynamic (despite using ABSOLUTE positioning) position is determined as follows: */
/* Since its WIDTH is set to 800px, a -400px LEFT-MARGIN effectively defines the NEW left edge of the layer at the 400px center line mark */
/* Then, a LEFT position of 50% tells this new left margin (hence the middle of the layer) to occur 50% (halfway) within the width of the browser window */

#textbox {
        z-index: 4; BACKGROUND: #ffffff; left: 50%; margin-left: -400px; WIDTH: 800px; POSITION: absolute; TOP: 10px; FONT-SIZE: 9pt; FONT-FAMILY: helvetica, sans-serif;
}


#menu1 {
	z-index: 7; BACKGROUND: #ffffff; LEFT: 20px; POSITION: absolute; TOP: 100px; FONT-SIZE: 8pt; width: 480px;
}
#menu2 {
	z-index: 5; BACKGROUND: #ffffff; right: 20px; POSITION: absolute; TOP: 40px; FONT-SIZE: 8pt; width: 400px; text-align: right;
}
a {
	z-index: 7; FONT-SIZE: 9pt; COLOR: #333333; TEXT-DECORATION: none; FONT-FAMILY: helvetica, sans-serif; letter-spacing: -1px;
}
a:hover {
	z-index: 8; FONT-SIZE: 9pt; COLOR: #999999; TEXT-DECORATION: none; FONT-FAMILY: helvetica, sans-serif; letter-spacing: -1px;
}
img {
	border:0px none;
}

table { 
	FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif;
}
#search { z-index: 6; FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; width: 400px; right: 50px; POSITION: absolute; top: 92px; text-align: right; }
#searchbutton { z-index: 6; FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; POSITION: absolute; top: -2px; right: -30px; text-align: right; }
#colourbox1 {  FONT-SIZE: 1pt; width: 100px; left: 0px; background: #FE7D19; height: 11px; top:0px; position: absolute; }
#colourbox2 {  FONT-SIZE: 1pt; width: 100px; left: 100px; background: #C5D028; height: 11px; top:0px; position: absolute; }
#colourbox3 {  FONT-SIZE: 1pt; width: 100px; left: 200px; background: #0E3293; height: 11px; top:0px; position: absolute; }
#colourbox4 {  FONT-SIZE: 1pt; width: 100px; left: 300px; background: #F95167; height: 11px; top:0px; position: absolute; }
#colourbox5 {  FONT-SIZE: 1pt; width: 100px; left: 400px; background: #9EA4A6; height: 11px; top:0px; position: absolute; }
#colourbox6 {  FONT-SIZE: 1pt; width: 100px; left: 500px; background: #3C7F1B; height: 11px; top:0px; position: absolute; }
#colourbox7 {  FONT-SIZE: 1pt; width: 100px; left: 600px; background: #48B9C6; height: 11px; top:0px; position: absolute; }
#colourbox8 {  FONT-SIZE: 1pt; width: 100px; left: 700px; background: #AE86C0; height: 11px; top:0px; position: absolute; }
.subhead { font-size: 25pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; line-height: 26px;}
.prodhead { font-size: 16pt; COLOR: #666666; FONT-FAMILY: helvetica, sans-serif; line-height: 20px;}

/* -------------------- INDEX Page DIVS / SPANS -------------------- */

#mainimage {
	z-index: 6; LEFT: 20px; POSITION: absolute; TOP: 30px;
}

#index1 { z-index: 6; padding: 10px 0px 0px 10px; FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 20px; top: 130px; width: 373px; height: 290px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 363px; height: 280px;}
#index2 { z-index: 6; padding: 10px 10px 0px 10px; FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 20px; top: 434px; width: 373px; height: 470px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 353px; height: 460px;}
#index3 { z-index: 6; padding: 10px 10px 0px 0px; FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; right: 20px; top: 130px; width: 373px; height: 125px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 363px; height: 115px;}
#index4 { z-index: 6; padding: 10px 10px 0px 10px; FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; right: 20px; top: 264px; width: 373px; height: 380px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 353px; height: 370px;}
#index5 { z-index: 6; padding: 10px 10px 0px 10px; FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; right: 20px; top: 654px; width: 373px; height: 250px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 353px; height: 240px;}


#ind1txt { z-index: 6; FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 190px; top: 10px; POSITION: absolute; line-height: 15px; width: 170px; }

#ind3txt { z-index: 6; FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 155px; top: 10px; POSITION: absolute; line-height: 15px; width: 250px; }

#bar { z-index: 6; FONT-SIZE: 1pt; COLOR: #999999; FONT-FAMILY: helvetica, sans-serif; width: 150px; height: 0px; POSITION: relative; border-bottom: 1px solid #999999; margin-top: 10px; margin-bottom: 2px; }

#content {
      z-index: 3; BACKGROUND: #ffffff; WIDTH: 800px; POSITION: absolute; TOP: 0px; HEIGHT: 725px; FONT-SIZE: 10pt; FONT-FAMILY: helvetica, sans-serif;
}

/* -------------------- PRODUCT Page DIVS / SPANS -------------------- */

#smallbar { z-index: 6; FONT-SIZE: 1pt; COLOR: #999999; FONT-FAMILY: helvetica, sans-serif; width: 136px; height: 0px; POSITION: relative; border-bottom: 1px solid #999999; margin-top: 10px; margin-bottom: 5px; }

#pcontent {
      z-index: 3; BACKGROUND: #ffffff; WIDTH: 800px; POSITION: absolute; TOP: 0px; HEIGHT: 1130px; FONT-SIZE: 9pt; FONT-FAMILY: helvetica, sans-serif;
}
#pcontentmes {
      z-index: 3; BACKGROUND: #ffffff; WIDTH: 800px; POSITION: absolute; TOP: 0px; HEIGHT: 900px; FONT-SIZE: 9pt; FONT-FAMILY: helvetica, sans-serif;
}
#prod1 {
      z-index: 6; padding: 10px 0px 0px 10px; font-size: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 176px; top: 130px; width: 602px; height: 690px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 592px; height: 680px;
}
#prodchk {
      z-index: 6; padding: 10px 0px 0px 10px; font-size: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 176px; top: 130px; width: 602px; height: 800px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 592px; height: 680px;
}
#prod1info {
      z-index: 5; FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; width: 360px; POSITION: relative; line-height: 15px;
}
#pcontentvar {
      z-index: 3; BACKGROUND: #ffffff; WIDTH: 800px; HEIGHT: 900px; POSITION: absolute; TOP: 0px; FONT-SIZE: 9pt; FONT-FAMILY: helvetica, sans-serif;
}
#prod1var {
      z-index: 6; text-align: left; margin-bottom: 92px; padding: 10px 0px 0px 10px; FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 176px; top: 130px; width: 602px; position: relative; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 592px;
}
#pcontentnop {
      z-index: 3; BACKGROUND: #ffffff; WIDTH: 800px; POSITION: absolute; TOP: 0px; HEIGHT: 850px; FONT-SIZE: 9pt; FONT-FAMILY: helvetica, sans-serif;
}
#prod1nop {
      z-index: 6; padding: 10px 0px 0px 10px; FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 176px; top: 130px; width: 602px; height: 480px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 592px; height: 630px;
}
#sidemenu {
      z-index: 6; BACKGROUND: #ffffff; left: 20px; WIDTH: 136px; POSITION: absolute; TOP: 130px; FONT-SIZE: 9pt; FONT-FAMILY: helvetica, sans-serif;
}
#sidemenuitems {
      z-index: 4; BACKGROUND: #999999; color: #333333; left: 0pc; WIDTH: 136px; POSITION: relative; TOP: 0px; FONT-SIZE: 9pt; FONT-FAMILY: helvetica, sans-serif;
}
#sidemenuitemsnop {
      z-index: 4; padding: 10px 10px 10px 10px; text-align: left; BACKGROUND: #999999; left: 0px; WIDTH: 136px; POSITION: relative; TOP: 0px; FONT-SIZE: 12pt; FONT-FAMILY: helvetica, sans-serif; voice-family: "\"}\""; /voice-family: inherit; width: 116px;
}
.sidemessage { 
	FONT-SIZE: 12pt; FONT-FAMILY: helvetica, sans-serif; color: #ffffff;
}
#sidemenuitems a {
	z-index: 7; FONT-SIZE: 9pt; COLOR: #ffffff; TEXT-DECORATION: none; FONT-FAMILY: helvetica, sans-serif; letter-spacing: -1px;
}
#sidemenuitems a:hover {
	z-index: 8; FONT-SIZE: 9pt; COLOR: #333333; TEXT-DECORATION: none; FONT-FAMILY: helvetica, sans-serif; letter-spacing: -1px;
}
#sscspecials {
      z-index: 3; margin-bottom: 5px; margin-top: 5px; BACKGROUND: #0E3293; color: #ffffff; WIDTH: 136px; POSITION: relative; HEIGHT: 25px; FONT-SIZE: 11pt; FONT-FAMILY: helvetica, sans-serif; text-align: center; line-height: 25px;
}

/* -------------------- PRODUCTS DIVS / SPANS -------------------- */

#largebar { 
	z-index: 6; FONT-SIZE: 1pt; color: #999999; FONT-FAMILY: helvetica, sans-serif; width: 582px; height: 15px; position: relative; border-top: 1px solid #999999; margin-top: 5px; margin-bottom: 5px;
}
#item1 { z-index: 6; padding: 10px 10px 0px 10px; FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 10px; top: 50px; width: 186px; height: 194px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 166px; height: 184px;}
#item2 { z-index: 6; padding: 10px 10px 0px 10px; FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 207px; top: 50px; width: 186px; height: 194px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 166px; height: 184px;}
#item3 { z-index: 6; padding: 10px 10px 0px 10px; FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 404px; top: 50px; width: 186px; height: 194px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 166px; height: 184px;}
#item4 { z-index: 6; padding: 10px 10px 0px 10px; FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 10px; top: 256px; width: 186px; height: 194px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 166px; height: 184px;}
#item5 { z-index: 6; padding: 10px 10px 0px 10px; FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 207px; top: 256px; width: 186px; height: 194px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 166px; height: 184px;}
#item6 { z-index: 6; padding: 10px 10px 0px 10px; FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 404px; top: 256px; width: 186px; height: 194px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 166px; height: 184px;}
#item7 { z-index: 6; padding: 10px 10px 0px 10px; FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 10px; top: 462px; width: 186px; height: 194px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 166px; height: 184px;}
#item8 { z-index: 6; padding: 10px 10px 0px 10px; FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 207px; top: 462px; width: 186px; height: 194px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 166px; height: 184px;}
#item9 { z-index: 6; padding: 10px 10px 0px 10px; FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 404px; top: 462px; width: 186px; height: 194px; POSITION: absolute; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 166px; height: 184px;}
#plinks { z-index: 6; font-size: 9pt; color: #0E3293; FONT-FAMILY: helvetica, sans-serif; right: 11px; text-align: right; top: 665px; position: absolute;}

@media all{

#prod1var {z-index: 6; text-align: left; margin-bottom: 190px; padding: 10px 0px 0px 10px; FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: helvetica, sans-serif; left: 176px; top: 130px; width: 602px; position: relative; border: 1px solid #999999; line-height: 15px; voice-family: "\"}\""; /voice-family: inherit; width: 592px;}

}
.prodborder
{
    BORDER-RIGHT: silver 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: silver 1px solid;
    BORDER-LEFT: silver 1px solid;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: silver 1px solid
}
.prodside
{
    PADDING-LEFT: 10px;
    BORDER-LEFT: #666666 1px solid;
    PADDING-TOP: 10px;
}
.bordertop
{
    BORDER-TOP: #666666 1px solid;
}
.itemname
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: helvetica, sans-serif;
}
.itemname
{
    FONT-SIZE: 9pt;
    FONT-FAMILY: helvetica, sans-serif;
}
#pcontent2 {
      z-index: 3; BACKGROUND: #ffffff; WIDTH: 800px; POSITION: absolute; TOP: 0px; HEIGHT: 1200px; FONT-SIZE: 9pt; FONT-FAMILY: helvetica, sans-serif;
}
.tableWhatsNew {
	background-color: #000000;
	height: 380px;
	width: 348px;

}
.imgWhatsNew {
	margin: 0px;
	padding: 0px;
}