/* HTML TAG STYLES */

body {
  margin: 0;
  padding: 0;
}
p, td, th, tn {
	font-family: Verdana, Tahoma, Arial;
	font-size: x-small;
	color: #333333;
  line-height: 1.5;
}
img {
	border: 0;
}
th {
	color: #FF0000;
  width: 100%;

}
tn {
	color: #fff;
  width: 100%;

}

h1, h2, h3 {
	color: #FF0000
}
hr {
	height: 1px;
	color: #ffffff;
}
a:link { color: #FF0000; }
a:visited { color: #FF0000; }
a:active { color: #FF0000; }
a:hover { color: #FF0000; }

/* 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 {
  
  background-position: topleft;
  
  
   padding: 0;
  margin: 0;
  
  background-image: url(../2886/images/bg_header.jpg);
  background-repeat: no-repeat;
  background-color: #A5248C;
  
    height: 100px;
  
  font-size: medium;
}

#lefttrim {
  
  background-image: url(../2886/images/bg_lefttrim.jpg);
  background-repeat: no-repeat;
  background-color: #A5248C;
  padding: 5px;
  font-size: 10pt;
  vertical-align: top;
}



#lefttrim .spacer { 
  width: 145px;

    
  width: 145px; 
   
  
  width: 145px; 
  height: 20px; 
  
  height: 50px; 
    




}

#content_top {  
	
  
	background-color: #ffffff;
  
  
    padding: 15px;
  
  width: 100%;
} 

.breadcrumb { 
  font-size: 10px;  
}

#content {
  padding: 30px 15px;
  
    padding-top: 20px;
  
    padding-bottom: 20px;
  
    padding-left: 70px;
  
    padding-right: 70px;
  
  width: 100%;
}

#righttrim {


  
  background-color: #;
  padding = 1px;
  vertical-align: top;
}
#righttrim .spacer { 

  
  width: 0px; height: 0px;
  }


#footer {
  
  background-image: url(../2886/images/bg_footer.jpg);
  background-repeat: no-repeat;
  background-color: #A5248C;
  color: #FFFFFF;
  height: 40px;
  
} 

/* FOOTER STYLES */

#footer * {
	color: #FFFFFF;
  font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
  line-height: 1;
  margin: 1px;

}
#footer a:link,
#footer a:visited,
#footer a:active,
#footer a:hover 
{
	color: #FFFFFF;
}

#footerleft {
	font-size: 9px;
  float: left;
  padding-left: 155px;
  width: 200px;


  
}
#footerleft a { text-decoration: none; }

#footerright {
	font-size: 9px;
  float: right;
  padding-right: 67px;
  text-align: right;
  width: 180px;
}
#footerright a { text-decoration: none; }

#footercentre {
	font-size: 11px;
  margin-left: 145px;
  margin-right: 180px;
  text-align: center;

    
  
}

/* LEFT TRIM MENU BAR */

ul.nav { 
  line-height: 1.2em;
  
  line-height: 25px; 
  
  padding-right: 6px;
  width: 145px;  

  
  } 

ul.nav img {
 float: right; 
  margin-top: 8.5px;

}
ul.nav, ul.nav ul, ul.nav li { margin: 0; padding: 0; text-align: left; }
ul.nav li {
  display:block;
  vertical-align:middle;
  list-style-type: none;
  margin-bottom: 5px;
  position: relative;
  }
ul.nav li li { padding-left: 5px; margin-bottom: 0; }
ul.nav ul {
  
    background-color: #000000;
  


  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:active {
  color: #FFFFFF; 

}

ul.nav a:hover{
  color: #CCCCCC; 
}
ul.nav ul a:link, ul.nav ul a:visited, ul.nav ul a:hover, ul.nav ul a:active {
  color: #ffffff; 
}

ul.nav ul a:hover {
  color: ; 
}
ul.nav a {


  font-weight: bold;
  font-weight: bold;
  text-decoration: none;
  width: 130px;
  }

ul.nav li, ul.nav li a {

  text-align: center;


}

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: url('../2886/images/hmenu_background.jpg') center left no-repeat;  
  background-color: #;  
  padding: 0px;
  font-size: medium;  
  height:30px;
}

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

div.container_hnav {
float:left;

width:100%;

height:30px;
padding:0;
}
ul.hnav, ul.hnav li { align: center; margin: auto; padding: 0;}


  ul.hnav { margin-left: 0;  
  }



ul.hnav { background-color: #; 


}
 
ul.hnav img { border: 0;}
ul.hnav li {  
  
    display:block;
    float:left;
      
  list-style-type: none;
  position: relative;
  text-align: center;
  width: 140;  
  padding:0px;
}
ul.hnav > li:hover {
 color: # ; 
 background-image: url('../2886/images/hmenu_rollover.jpg');
 background-position: center center;
 background-repeat: no-repeat;
 }
ul.hnav li img {  
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; 
  }
  
ul.hnav li.hnav_el span.a_nav{ 
	float:left;
	height:30px;	
	background-position: center center;
  background: url('../2886/images/hmenu_button.jpg') no-repeat top left;
}

ul.hnav li.hnav_el span.a_nav:hover{
 color: # ; 
 background-image: url('../2886/images/hmenu_rollover.jpg') no-repeat;
 background-position: center center;
 background-repeat: no-repeat;
}

ul.hnav li span a img {
  display: inline;
  position: fix;
  vertical-align: middle;
  height:30px;
  padding:0;
  }

ul.hnav a {  
  color: #000000 ;  
  display: block;
  font-size: 12px;
  font-weight:  ;
  height: 30px;
  margin: 0px;
  text-decoration: none;
  }
ul.hnav a:link, ul.hnav a:visited, ul.hnav a:active { color: # ; }

ul.hnav li span a { 
  padding-top:6px;
  width: 140; 
}

ul.hnav li span a:hover{  
 color: # ; 
 background-image: url('../2886/images/hmenu_rollover.jpg');
 background-position: top left; 
 background-repeat: no-repeat;
}

/* 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: left;
  width: 600px;
}

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

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

div.content form {
  text-align: left;
    width: 400 px;
    align : center;
  
}

div.description {
  text-align: left;
    width: 550px;
    align : center;
  
}

.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: 800px;
  horizontal-align; center;
}

/* GALLERY STYLES */

.gallerylist {
	height: 400px;
  /*width: 260px;*/
	/*overflow: auto;*/
	border: none;
  margin-right:15px;
}

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

/* IFRAME PAGES */

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

/* WORKER CLASSES */

.centeringtable {
	width: 400px;
	height: 200px;

}

.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 ;
  }