body {
   font-family:arial;
   font-size:11px;
   padding:0;
   margin:0;
   background:black;
}

a {
   color:#4829a7;
}
a:hover {
   color:#6f40ff;
}
.trc_dark a {
   color:#A681FF;
}
.trc_dark a:hover {
   color:#d8c8ff;
}


a img {
   border:none;
}
img {
   -ms-interpolation-mode:bicubic;
}
h2 {
   font-weight:normal;
   color:#737373;
   font-family:tahoma;
   font-size:22px;
}
th {
   text-align:left;
}
/* I truly don't understand why IFRAME is an *inline* element by default. -WJ */
iframe {
   display:block;
   border:0;
}

/* generic utility styles */
.shoehorn {
   line-height:1px;
   font-size:1px;
   clear:both;
   height:1px;
}
.error_message, .info_message {
   padding:10px;
   border:1px solid #d20000;
   color:#d20000;
   margin:10px 0;
}
.error_message h3, .info_message h3 {
   font-size:13px;
   margin:0 0 10px 0;
}
.info_message {
   border:1px solid #1b00bf;
   color:#1b00bf;
}



/* Generic form styles */
input, select, textarea {
   font-family:arial;
   font-size:11px;
   border:1px solid #999;
}
textarea {
   padding:5px;
}
input.submitbutton {
   padding:2px 10px;
   border:0;
   margin-top:1em;
   width:auto !important;
}

/* fixing styles for FILE inputs, which perform badly in narrow situations
   because IE and FFX have personal vendettas against allowing them to be styled.
*/
.text_rightcol input.fileinput {
   /* FFX and everyone else: move to next line. FFX won't adjust visual width, which is a shame. WebKit (safari & chrome) will, so they're okish. */
   width:186px !important;
   /* IE7 and 6. Not tested for IE8, whish is still in beta as of [31 Dec 2008] and not officially suported */
   *width:143px !important;
}

a.button {
   padding:3px 15px;
   text-decoration:none;
   display:block;
   margin-top:1em;
   width:auto !important;
   white-space:nowrap;
}
a.button:hover {
   color:white;
}
a.button:active {
   padding:4px 14px 2px 16px;
   text-decoration:none;
   display:block;
}
.button_right {
   float:right !important;
   margin-left:5px;
}
/* The two button styles used throughout the site */
.button_black {
   background:url('../gfx/button_bg_black.gif') repeat-x;
   color:white;
}
.button_white {
   background:url('../gfx/button_bg_white.gif') repeat-x;
   color:black;
}
a.button_mini {
   background:url('../gfx/but_mini.gif') no-repeat;
   color:white;
   text-decoration:none;
   text-align:center;
   display:block;
   width:71px;
   padding:1px 0 2px 0;
}

form {
   margin:0;
}
.formfield {
   float:left;
   width: 100%;
   margin-bottom:5px;
}
.formfield label {
   width:45%;
   float:left;
   padding-top:2px;
}
.formfield input,
.formfield textarea,
.formfield select {
   width:50%;
   float:right;
}
.formfield select {
   width:51%;
}
.formfield textarea {
   padding:3px 0;
   height:80px;
}
.formfield input.inputfile {
   *width:51%;
}
.formtext {
   margin-bottom:5px;
}
.formfield input.checkradio {
   width:auto;
   float:left;
   margin-left:20px;
   border: 0;
}
.formfield label.checkradio {
   width:auto;
   float:none;
   position:relative;
   top:2px;
}
.formfield .fixed_fieldvalue {
   width:50%;
   float:right;
   padding-top:2px;
}

table.table_striped {
   width:100%;
}
table.table_striped tr.even {
   background:#e2deeb;
}
table.table_striped tr.odd {
   background:#efefef;
}
table.table_striped td {
   padding:5px;
}
.trc_dark table.table_striped tr.odd {
   background:#69539e;
}




/* Generic page styles */
.hh_photo {
   display:block;
}

.site_container {
   width:930px;
   margin:0 auto;
   position:relative;
}
.poweredby {
   position:absolute;
   bottom:-4px;
   right:13px;
   font-size:10px;
}
.poweredby, .poweredby a {
   color:#BFBFBF;
}
.site_graphic {
   position:absolute;
   top:0;
   display:block;
}
.side_left {
   left:-37px;
   top:7px;
}
.side_right {
   right:-33px;
   top:7px;
}
.side_bottom {
   position: relative;
   margin-bottom:-36px;
}

.mainmenu {
   height:38px;
   background:url('../gfx/mainmenu_bg.gif') repeat-x;
}
.mainmenu a {
   float:left;
   padding:12px 14px;
   color:white;
   text-decoration:none;
}
.mainmenu a.active {
   background:url('../gfx/mainmenu_active.gif') repeat-x;
   text-decoration:underline;
}

.shoppingcart_tiny {
   position:absolute;
   top:45px;
   /*right:99px;*/
   right:9px;
   color:white;
   background:url('../gfx/langswitch_bg_off.gif') repeat-x;
   border:1px solid black;
   padding:2px 7px 5px 7px;
}
.shoppingcart_tiny img {
   position:relative;
   top:3px;
}
.shoppingcart_tiny a {
   color:white;
   text-decoration:none;
}
.language_switch {
   display: none;
   position:absolute;
   top:45px;
   right:9px;
   color:white;
   background:url('../gfx/langswitch_bg_off.gif') repeat-x;
   border:1px solid black;
   height:26px;
}
.language_switch a {
   float:left;
   padding:5px 7px;
}
.ls_current {
   background:url('../gfx/langswitch_bg_on.gif') repeat-x;
}

.logo_image {
   display:block;
}

.content {
   position:relative;
}

/* generic non-home page styles */
.breadcrumbs {
   background:url('../gfx/breadcrumbs_bg.gif') repeat-x;
   padding:6px 10px 7px 10px;
   color:white;
   font-weight:bold;
   border:none;
   border-width:0 1px;
}
.breadcrumbs a {
   font-weight:normal;
   color:#bfbfbf;
}

.content_page {
   border:1px solid black;
   background:#0a0a0a url('../gfx/page_bg.gif') repeat-x;
   min-height:430px;
   _height:430px;
}
.shoehorn_page {
   height:13px;
}
.subnavigation {
   float:left;
   width:172px;
   padding:19px 15px 15px 24px;
   margin-right:4px;
   margin-top:12px;
   background:url('../gfx/page_flowers.png') no-repeat 0 100%;
   border-right:1px solid #626262;
   min-height:371px;
   _height:371px;
}
.subnavigation h2 {
   color:#b9b9b9;
   margin:0 0 1em 0;
}
.subnav_items a {
   display:block;
   padding:7px 0 8px 10px;
   color:white;
   text-decoration:none;
   background:url('../gfx/submenu_sep.png') no-repeat 50% 0;
}
.subnav_items a.active {
   font-weight:bold;
   color:#b8a2fd;
}
.subnav_children {
   margin-bottom:5px;
}
.subnav_children a {
   background:none;
   padding:0 0 5px 25px;
}
.subnav_children a.active {
   background:url('../gfx/submenu_active_arrow.gif') no-repeat 11px 4px;
}

.nav_subcategory {
   font-weight:bold;
   margin:1.5em 0;
}
.nav_subcategory a.nav_subcat_item {
   font-weight:normal;
   display:block;
   padding:6px 0 0 25px;
}

.text {
   background:url('../gfx/page_text_bg.gif') repeat-x #d4d4d4;
   float:left;
   width:700px;
   min-height:235px;
   _height:235px;
   margin-top:12px;
}
.text h1, .text h2 {
   font-weight:normal;
   color:#545454;
   font-family:tahoma;
   font-size:22px;
   margin:0 0 1em 0;
}
.text_leftcol {
   padding:20px 25px 15px 15px;
   border-right:1px solid #dedede;
   width:351px;
   float:left;
   min-height:200px;
   _height:200px;
}
.text_leftcol h2 {
   font-size:17px;
}
.text_leftcol h3 {
   font-weight:normal;
   color:#545454;
   font-family:tahoma;
   font-size:15px;
   margin:1em 0;
}
.text_rightcol {
   padding:0px 15px 15px 15px;
   border-left:1px solid white;
   float:left;
   width:277px;
   min-height:220px;
   _height:220px;
}
.trc_dark {
   border-left:none;
   width:278px;
   background:#0a0a0a url('../gfx/page_bg.gif') repeat-x 0 -12px;
   color:#eee;
}
.trc_dark h2 {
   color:#eee;
}

.text_leftcol_wide {
   width:658px;
}