ul{
	margin:0;
	padding:0;
	list-style:none;
}
body {
	font-family: Trebuchet MS;
	font-size: 11px;
	margin: 0;
	color: #202020;
}
body.simple {
	background: #ffffff;
}
form {
	margin: 0;
	padding: 0;
}
input {
	margin: 0;
}
#container {
	width: 960px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-left: auto;
	margin-right: auto;
	background:#FFF;
}
.floatleft {float:left;}
.menuright {text-align:right;}
.menu {height:26px; position:relative; z-index:100;}
/* remove borders, padding and bullets from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;clear:left;display:block;float:right;position:relative;}
.menu ul ul {width:129px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:129px;position:relative;text-align:center;display:block;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none;width:129; height:24px;line-height:23px;font-size:14px;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:24px;left:0; width:129px;}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {height:auto; line-height:1em; padding:5px 0; width:129px;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.menu ul li.contact:hover > a {cursor:text;}

#footer {
	clear: both;
	padding: 1em;
	margin-top: 0px;
	background-color: #DFDFDF;
	text-align: center;
	font-size: xx-small;
	color: #FFF;
}
#footer p {
	margin: .5em 0;
}
#simpleheader {
	padding: 8px;
}
#simpleheader #logo {
	float:left;
	font-weight: bold;
}
#simpleheader #logo a{
	text-decoration: none;
}
#simpleheader #inventory {
	float: left;
	margin-left: 265px;
	text-align: left;
}
#simpleheader #logout {
	float: right;
}
.spacer{
	clear: both;
	overflow:hidden;
	height: 0;
}
/* ----------- Cookie Crumb, sits above pagecontent --------------- */
#crumbs{
	background: url(/images/shadow.png) 0 0 repeat-x #FBFBFB;
	padding-top: 2px;
	border-bottom: 1px solid #C9C9C9;
	height: 4.5em;
	overflow: hidden;
}
#crumbs .crumbTitle{
	white-space: nowrap;
	font-size: 1.5em;
	font-weight:bold;
	padding: 14px 0 0 0;
	margin: 0;
	float: left;
	width: 22%;
	text-align: center;
}
#crumbs ul{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	float: left;
}
#crumbs li{
	border-left: 1px solid #E2E2E2;
	float: left;
	padding: 1.2em 16px 2em 16px;

}
#crumbs li p {
	margin: 0;
}
#crumbs p.crumbStep{
	color: #1C7CAF;
	font-weight: bold;
}
/* ----------- Information box -------------------------- */
.info {
	border: 1px solid #cccccc;
	background: #FFFFCC;
	margin: 16px auto;
	padding: 16px;
	width: 75%;
}
.info h4.infoTitle {
	text-align: center;
	font-size: 12px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 8px;
}
.info .infoDetails {
	text-align: center;
}

.linkText
{
	font-size: 1.0em;
	color: #1C7CAF;	
}

.pagetitle{font-size:medium;}

#contentDivLeft{
	float:left;
	width:320px;
	padding-right:25px;
}
#contentDivLeft ul{
	margin:0 60px;
	width:270px;
	display:inline;
}
#contentDivLeft ul li.buttonline{
	height:43px;
}
.downarrow{
	height:43px;
	padding-top:6px;
	padding-left:143px;
}
#contentDivRight{
	display:inline-block;
	width:540px;
}
#contentDivRight .title{
	font-size:11pt;
	font-weight:600;
}
#contentbackground, #subcontentbackground{
	padding:30px;
}
.marketingDiv{
	background-color:#FFF;
	border:solid 1px #e0e6f4;
	height:300px;
	width:300px;
	m/argin-bottom:80px;
}
.reorderDiv
{
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 50px;
	padding-top: 60px;
	padding-bottom: 80px;
	width: 240px;
}

#sessionMsg{
	text-align:center;
}
#sessionMsg #txtCounter{
	border-style:none;
	width:40px;
	background-color:Transparent;
}

/*  ERROR MESSAGE */
.ErrorList
{
	font-size: .8em;
	font-weight:normal;
}
.ErrorHeader
{
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px;
	border: solid 1px #7499D0;
	color: #CC0000;
}

#passwordCentering table
{
	padding:15px;
	margin-left:auto;
	margin-right:auto;
}
.outerDiv .loginTextbox{
	font-size:8px;
}
.outerDiv .textboxpadding{
	margin-left:5px;
}
.outerDiv ul{
	list-style-type:none;
}
.outerDiv ul li{
	float:left;
	height:10px;
	line-height:10px;
	margin-top:5px;
}
.outerDiv ul li #welcome{
	margin:4px 5px 0 0;
}
.outerDiv table{
	line-height:7px;
}
#login form {
	padding: 0;
	margin: 8px 0 0 0;
}
#login .inputpair{
	display: block;
}
#login label {
	margin-right: 4px;
}
#login input {
	font-size: 10px;
	margin: 0;
}
#login p {
	margin: 4px 0 0 0;
}
#login p.loginHint {
	font-weight: normal;
	font-size: 10px;
}
.outerDiv {
  position: relative;
  padding: 0 11px;
  float:right;
  margin-right:20px;
  font-size:xx-small;
}
.ctbl, .ctbls
{
	background-image:url(../images/loginback.png);
	padding:0;
	margin:0;
	line-height:5px;
}
.ctbl
{
	height:100px;
}
.ctbl a
{
	color:#000;
	text-decoration:none;
}
.ctbls
{
	height:30px;
	width:200px;
}
div.cbl, div.cbr {
  height: 13px;
  width: 11px;
  position: absolute;
  bottom: 0;
}  
div.cbl { 
  background: url(../images/loginleft.png) no-repeat left bottom;
  left: 0;
}
div.cbr { 
  background: url(../images/loginright.png) no-repeat right bottom;
  right: 0;
}
div.ctl, div.ctr, div.ctls, div.ctrs {
  width: 11px;
  position: absolute;
  top: 0;
  background: url(../images/loginback.png);
}  
div.ctl { 
  height: 87px;
  left: 0;
}
div.ctr { 
  height: 87px;
  right: 0;
}
div.ctls { 
  height: 17px;
  left: 0;
}
div.ctrs { 
  height: 17px;
  right: 0;
}
a.button {
	/* Sliding right image */
	background: transparent url('../images/rightround.png') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 14px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 7px;
	padding-right: 6px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #000;
	white-space:nowrap;
}
a.button span {
	/* Background left image */ 
	background: transparent url('../images/leftround.png') no-repeat; 
	display: block;
	line-height: 6px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	padding: 4px 0 6px 6px;
} 
a.button:hover, a.button:visited {
	color:#000;
}
span.textbox {
	/* Sliding right image */
	background: transparent url('../images/rightround.png') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 14px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 6px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	color: #000000;
}
span.textbox span {
	/* Background left image */ 
	background: transparent url('../images/leftround.png') no-repeat; 
	display: block;
	line-height: 6px; /* CHANGE THIS VALUE ACCORDING TO TEXTBOX HEIGHT */
	padding: 1px 0 5px 6px;
}
.right{
	float:right;
}

#bodyLeft{
	width:230px;
	padding-right:10px;
	margin-bottom:80px;
}
#bodyRight{
	margin-left:250px;
}
.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:600px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;
 z-index:1;
 margin-left:20px; /* default, width of left corner */
 margin-bottom:.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../images/rounded-outline.png) no-repeat top right;
 /*_b/ackground-image:url(dialog2-blue.gif);*/
}

.dialog .content {
 position:relative;
/* zoom:1;*/
 _overflow-y:hidden;
 padding:15px 5px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:15px; /* top slice width */
 margin-left:-15px;
 height:100%;
 _height:127px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:15px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:15px; /* bottom corner width */
 margin-left:-15px;
 background-position:bottom left;
}

a.infobutton {
	/* Sliding right image */
	background:transparent url(../images/buttonright.png) no-repeat scroll top right; 
	display:block;
	float:left;
	height:40px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right:6px;
	padding-right:16px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration:none;
	margin-bottom:5px;
	margin-left:3px;
}
a.infobutton span {
	/* Background left image */ 
	background:transparent url(../images/buttoninfoleft.png) no-repeat; 
	display:block;
	line-height:40px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding-left:45px;
} 
a.infobutton:hover span{
	text-decoration:underline;
	cursor:pointer;
}
a.spherebutton {
	/* Sliding right image */
	background:transparent url(../images/buttonright.png) no-repeat scroll top right; 
	display:block;
	float:left;
	height:40px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right:6px;
	padding-right:16px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration:none;
	margin-bottom:5px;
}
a.spherebutton span {
	/* Background left image */ 
	background:transparent url(../images/buttonsphereleft.png) no-repeat; 
	display:block;
	line-height:40px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding-left:45px;
} 
a.spherebutton:hover span{
	text-decoration:underline;
	cursor:pointer;
}
a.blankbutton {
	/* Sliding right image */
	background:transparent url(../images/buttonright.png) no-repeat scroll top right; 
	display:block;
	float:left;
	height:40px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right:6px;
	padding-right:16px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration:none;
	margin-bottom:5px;
}
a.blankbutton span {
	/* Background left image */ 
	background:transparent url(../images/buttonleft.png) no-repeat; 
	display:block;
	line-height:40px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding-left:16px;
} 
a.blankbutton:hover span{
	text-decoration:underline;
	cursor:pointer;
}
a.homepagebuttons span{
	width:215px;
	font-size:12pt;
	font-weight:600;
	text-align:center;
}
.homepageicons{
	height:40px;
	padding-left:47px;
}

.siteTitle{
	font-size:16pt;font-weight:500;
}
.siteDesc{
	font-size:11pt;
}
.siteDescIndent{
	margin:5px 10px;
}
.redtext{
	color:Red;
}
#inventoryWarning{
	padding: 8px;
	background: #CCFFFF;
	text-align:center;
}
#inventoryWarning h3{
	background-color:#FFF;
	border:solid 1px Red;
	margin:0px 375px 3px;
	font-size:1.2em;
}
#inventoryWarning div{
	margin-left:8px;
	font-weight:bold;
	padding-top:5px;
}
.elementbox
{
	height:131px;
	width:315px;
	background:transparent url(../images/elementbackground.png) no-repeat;
	margin:0 5px 5px 0;
}
.elementbox table{
	padding:15px;
	height:131px;
	width:315px;
}
#elementsList li.elementli
{
    float:left;
    display:inline;
}
.elementAveryButtons
{
    visibility:hidden;
    height:0;
    line-height:0;
}