/* HTML TAG STYLES */

body {
  margin: 0;
  padding: 0;
}
p, td, th {
	font-family: Verdana, Tahoma, Arial;
	font-size: x-small;
	color: #000000;
}
img {
	border: 0;
}
th {
	color: #000000;
}
h1, h2, h3 {
	color: #000000
}
hr {
	height: 1px;
	color: #4D4B94;
}
a:link { color: #000000; }
a:visited { color: #000000; }
a:active { color: #000000; }
a:hover { color: #000000; }

/* LAYOUT */

#layout {
  border-collapse: collapse;
  height: 100%;
  width: 100%;
}

#layout #col1 {
  vertical-align: top;
  width: 145px;
}
#layout #col3 { 
  vertical-align: top;
  width: 57px;
}
#layout #col2 { 
  vertical-align: top;
}

#header {
  padding: 0;
  margin: 0;
  
  background-image: url(../287/images/bg_header.jpg);
  background-repeat: no-repeat;
  background-color: #4D4B94;
  
    height: 75px;
  
  font-size: medium;
}

#lefttrim {
  
  background-image: url(../287/images/bg_lefttrim.jpg);
  
  background-color: #4D4B94;
  padding: 5px;
  font-size: 10pt;
  vertical-align: top;
}
#lefttrim .spacer { 
  width: 145px; 
  height: 20px; 
  
  height: 20px; 
  
}

#content_top {
	
	background-color: #FFFFFF;
  
  width: 100%;
}

.breadcrumb { 
  font-size: 10px;  
}

#content {
  padding: 30px 15px;
  
  width: 100%;
}

#righttrim {
  
  background-image: url(../287/images/bg_righttrim.jpg);
  background-repeat: no-repeat;
  background-color: #4D4B94;
  padding: 5px;
  vertical-align: top;
}
#righttrim .spacer { width: 57px; height: 20px; }

#footer {
  
  background-image: url(../287/images/bg_footer.jpg);
  background-repeat: no-repeat;
  background-color: #4D4B94;
  color: #FFFFFF;
  height: 40px;
  padding: 5px;
}

/* FOOTER STYLES */

#footer * {
	color: #FFFFFF;
	font-size: 11px;
  margin: 0;
  vertical-align: top;
}
#footer a:link,
#footer a:visited,
#footer a:active,
#footer a:hover 
{
	color: #FFFFFF;
}

#footerleft {
  float: left;
  padding-left: 155px;
  width: 200px;
}
#footerleft a { text-decoration: none; }

#footerright {
  float: right;
  padding-right: 67px;
  text-align: right;
  width: 175px;
}
#footerright a { text-decoration: none; }

#footercentre {
  margin-left: 205px;
  margin-right: 180px;
  text-align: center;
}

/* LEFT TRIM MENU BAR */

ul.nav { 
  line-height: 1.2em;
  
  line-height: 16px; 
  
  padding-right: 6px;
  width: 145px;
  }
ul.nav img { 
  float: right; 
  margin-top: 5px;
}
ul.nav, ul.nav ul, ul.nav li { margin: 0; padding: 0; text-align: left; }
ul.nav li {
  display: block;
  list-style-type: none;
  margin-bottom: 5px;
  position: relative;
  }
ul.nav li li { padding-left: 5px; margin-bottom: 0; }
ul.nav ul {
  background-color: #4D4B94;
  border: solid 1px #ffffff;
  display: none;
  left: 145px;
  line-height: 1.1em;
  padding: 2px 2px 3px 0;
  position: absolute;
  top: -3px;
  width: 180px;
  }
ul.nav li li {
  margin-bottom: 2px;
}
ul.nav ul ul { 
  left: 173px;
}

ul.nav a:link, ul.nav a:visited, ul.nav a:hover, ul.nav a:active {
  color: #ffffff; 
}
ul.nav ul a:link, ul.nav ul a:visited, ul.nav ul a:hover, ul.nav ul a:active {
  color: #FFFFFF; 
}
ul.nav a {
  font-weight: bold;
  text-decoration: none;
  width: 130px;
  }

ul.nav li, ul.nav li a {

  text-align: left;

}

ul.nav li a {
  padding: 0;

}

ul.nav li li a {
  text-align: left;
  padding: 0;
}

ul.nav ul a {
  font-size: 11px;
  font-weight: normal;
  width: 100%;
}

ul.nav hr {
  color: #ffffff; 
  height: 1px;
  width: 138px;
  vertical-align: middle;
}


/* extra work required to support IE, blaaargh */
ul.nav ul.CSStoShow {
  display: block;
}


/* HORIZONTAL MENU */

#hmenu {
  background-color: #4D4B94;
  height: 30px;
  padding: 1px;
  font-size: medium;
}

#quicklinks_menu {
  float: right;
  padding-top: 2px;
  padding-right: 2px;
}

ul.hnav, ul.hnav li { margin: 0; padding: 0; }

  ul.hnav { margin-left: 0; }

ul.hnav { background-color: #4D4B94; }
ul.hnav img { border: 0; }
ul.hnav li {
  background: #4D4B94 url('../287/images/hmenu_button.jpg') no-repeat top left;
  float: left;
  height: 28px;
  list-style-type: none;
  position: relative;
  text-align: center;
  width: 100px;
  }
ul.hnav > li:hover {
  background-image: url('../287/images/hmenu_rollover.jpg');
  }
ul.hnav li img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  }
ul.hnav li a img {
  display: inline;
  position: static;
  vertical-align: middle;
  }

ul.hnav a {
  color: #fff; 
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 22px;
  margin-top: 6px;
  text-decoration: none;
  }
ul.hnav a:link, ul.hnav a:visited, ul.hnav a:hover, ul.hnav a:active { color: #fff; }

/* extra work required to support IE, blaaargh */
ul.hnav ul.CSStoShow {
  display: block;
  }
ul.hnav img.CSStoShow {
  display: block;
}

/* the rest */

.menucontainer {
	display: inline;
	padding-right: 6px;
	margin-bottom: 0.5em;
	width: 100%;
}
.menucontainer a:link {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}
.menucontainer a:visited {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}
.menucontainer a:active {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}
.menucontainer a:hover {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

#logo {
	width: 140px;
	text-align: center;
}

/* right side of header */

#rightlogo {
  top: 0; /* TODO */
  
    right: 0;
  
  position: absolute;
}

#quicklinks_header {
  top: 47px;
  right: 5px;
  position: absolute;
}

div.content {
  text-align: center;
  width: 600px;
}

div.content h3, div.content p {
  text-align: left;
  
}

.breadcrumb {
  padding: 0;
  margin: 0;
  text-align: 
  left; padding-left: 0px;
}

/* FORM STYLES */

#cartform, #tocheckoutform {
	display: inline;
	margin: 0;
	padding: 0;
}

#cartformwrapper {
	/*padding-bottom: 20px;*/
	white-space: nowrap;
}

#formtable {
	margin: 0 auto;
  width: 550px;

}

#formtable .tbox {
	width: 250 px;
}


#formtable .lta {
	width: 345 px;
	height: 75px;
}

#formtable .column1 {
	width: 300 px;
	text-align: left;

}
#formtable .column2 {
	width: auto;
	text-align: left;
  margin-left: 50px;

}
#formtable td {
	vertical-align: middle;
}
#formtable td p {
  padding: 1em;
}
/*#formtable*/ .button {
  margin-top: 1em;
}

.producttable {
	width: 100%;
}

/* GALLERY STYLES */

.gallerylist {
	height: 300px;
	overflow: auto;
	border: none;
}

.gallery_label {
  font-size: xx-small;
  margin: 0;
}

/* IFRAME PAGES */

#iframe {
  
    background-image: url(../287/images/bg_lefttrim.jpg);
    background-position: top left;
    
      background-repeat: repeat-y;
    
	background-color: #FFFFFF;
  border: 0;
  padding: 30px 0;
  text-align: center;
}

/* WORKER CLASSES */

.centeringtable {
	width: 97%;
	height: 80%;
}

.centeringrow {
	text-align: center;
	vertical-align: middle;
}

.cb { clear: both; }

.mb20 { margin-bottom: 20px; }

.errormessage { font-size: smaller; }

/* SLIDING MENUS */

.slider {
  overflow: hidden ;
  position: relative ;
  }

.slider * {
  border: 0;
  margin: 0 ;
  padding: 0 ;
  white-space: nowrap ;
}

.slider span {
  position: absolute ;
  top: 0 ;
  left: 0 ;
  }