body {
   font-family:arial;
   font-size:11px;
   padding:0;
   margin:0;
   background:black url('../gfx/site_bg.jpg') no-repeat 50% 0;
}

a {
   color:#4829a7;
}
a:hover {
   color:#6f40ff;
}

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,
a#button {
   padding:3px 15px 6px 15px;
   text-decoration:none;
   display:block;
   margin-top:1em;
   width:auto !important;
   white-space:nowrap;
   float:left;
   line-height:1;
   background:url('../gfx/button_bg_black.png') repeat-x;
   color:white;
   border:1px solid #30223a;
}
a.button:hover {
   color:white;
}
a.button:active {
   padding:4px 14px 5px 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.png') repeat-x;
   color:white;
   border:1px solid #30223a;
}
.button_white {
   background:url('../gfx/button_bg_white.gif') repeat-x;
   color:black;
   border:1px solid #666;
}
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;
}

/* Special stlyes for groups of checks and radios */
.formfield .checkradioset {
  width:49%;
  float:right;
}
.formfield input.checkradio {
  width:auto;
  float:left;
  border: 0;
  margin:0 5px 0 0;
  clear:left;
}
.formfield label.checkradio {
  width:auto;
  float:none;
  display:block;
  margin-bottom:0;
  margin-left:20px;
  padding-top:0;
  *padding-top:3px; /* IE7 doesn't allow tight height of radios & checks, thus an extra push from the labels is necessary */
}
   
/*   
.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 {
}
table.table_striped tr.odd {
   background:#e7e7e7;
}
table.table_striped td {
   padding:5px;
}


/* Generic page styles */
.site_container {
   width:930px;
   margin:0 auto;
   position:relative;
}

.header {
   position:relative;
   height:96px;
}

.logo_image {
   display:block;
   position:absolute;
   top:10px;
   left:0;
}
.shoppingcart_tiny {
   position:absolute;
   top:45px;
   right:0;
   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 {
   position:absolute;
   top:9px;
   right:0;
   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;
}
.topmenu {
   position:absolute;
   right: 90px;
   top: 13px;
}
.topmenu a {
   color:white;
   text-decoration:none;
   font-size:13px;
   margin:0 5px;
}

ul.mainmenu {
   background:url('../gfx/mainmenu.png');
   overflow:hidden;
   line-height:1;
   list-style:none;
   margin:0;
   padding:0;
   border:1px solid #32253c;
   border-width:0 1px;
   font-size:14px;
}
ul.mainmenu li {
   padding:0;
   margin:0;
   float:left;
   position:relative;
}
ul.mainmenu li a {
   display:block;
   text-decoration:none;
   color:white;
   display:block;
   padding:12px 20px 12px;
}
ul.mainmenu li a:hover {
}
ul.mainmenu li.active {
   background:url('../gfx/mainmenu_active_body.png') no-repeat;
}
ul.mainmenu li.active > a {
   background:url('../gfx/mainmenu_active_cap.png') no-repeat 100% 0;
}

.content {
   position:relative;
}

/* generic non-home page styles */
.page_container {
   border:1px solid black;
   border-top:0;
}

.breadcrumbs {
   background:url('../gfx/breadcrumbs.png') repeat-x;
   padding:6px 15px 5px 15px;
   color:white;
   font-weight:bold;
   border:1px solid #353535;
   border-bottom:0;
}
.breadcrumbs a {
   font-weight:normal;
   color:#bfbfbf;
}

.content_page {
   border:1px solid #353535;
   border-top:0;
   background:url('../gfx/sidemenu.png') no-repeat 0 100% #202020;
   overflow:hidden; /* floatstretch */
}
.subnavigation {
   float:left;
   width:171px;
   padding:19px 15px 15px 24px;
   min-height:772px;
   _height:772px;
}
.subnavigation h2 {
   color:#b9b9b9;
   margin:0 0 1em 0;
}
.subnav_items,
.subnav_items li {
   margin:0;
   padding:0;
   list-style:none;
}

.subnav_items li {
   background:url('../gfx/submenu_sep.png') no-repeat 50% 0;
}
.subnav_items a {
   display:block;
   padding:7px 0 8px 14px;
   color:white;
   text-decoration:none;
}
.subnav_items li.active a {
   background:url('../gfx/submenu_arrow_active.png') no-repeat 0 10px;
}
.subnav_items li.active .subnav_children a {
   background:none;
}
.subnav_children {
   margin-bottom:5px;
}
.subnav_children a {
   background:none;
   padding:0 0 5px 25px;
}
.subnav_children a.active {
   background:url('../gfx/submenu_arrow_active.png') 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/content.png') repeat-x #ececec;
   float:left;
   width:716px;
   min-height:806px;
   _height:806px;
}
.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 25px;
   background:url('../gfx/content_leftcol.png') no-repeat;
   width:355px;
   border-right:1px solid #e4e4e4;
   float:left;
   min-height:771px;
   _height:771px;
}
.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 {
   float:left;
   width:309px;
   border-left:1px solid #fff;
   min-height:806px;
   _height:806px;
}
.text_rightcol h2 {
   padding:20px 15px 0 15px;
   margin:0;
}

.text_leftcol_wide {
   width:665px;
}
.text_rightcol_content {
   padding:15px;
}


.trc_image img {
   margin:15px;
   display:block;
   width:277px;
}

.extracontent {
   clear:both;
   border-top:1px solid #dadada;
   overflow:hidden;
}
.extra_block {
   padding:20px 25px 15px;
   width:308px;
   float:left;
}

.footer {
   border:1px solid black;
   color:#515151;
   font-family:tahoma;
   font-size:12px;
   margin-top:1em;
}
.footer_socialmedia {
   border:1px solid #262626;
   height:38px;
   background:url('../gfx/footer_header.png');
   position:relative;
}
.footer_socialmedia .facebook_like {
   position: absolute;
   top: 7px;
   left: 18px;
}
.footer_socialmedia .sm_icons {
   position:absolute;
   top:9px;
   right:15px;
   color:white;
   font-size:11px;
   font-weight:bold;
}
.footer_socialmedia .sm_icons .sm_label {
   position:relative;
   top:-5px;
   margin-right:10px;
}
.footer_socialmedia .sm_icons a {
   margin:0 0 0 5px;
}
.footer_socialmedia .sm_icons img {
}


#social_media {
    float:right;
}

.footer_supermenu {
   border:1px solid #262626;
   /*border-width:0 1px;*/
   border-width:1px 1px 0; /**/
   padding:10px 0 10px 20px;
   overflow:hidden;
   font-size:11px;
}
.footer_supermenu .linkblock {
   float:left;
   width:150px;
}
.footer_supermenu .linkblock h3 {
   margin:0 0 1em 0;
   font-size:14px;
   color:#785891;
   font-weight:normal;
}
.footer_supermenu .linkblock ul,
.footer_supermenu .linkblock li {
   list-style:none;
   margin:0;
   padding:0;
}
.footer_supermenu .linkblock a {
   color:#515151;
   text-decoration:none;
}



.footer_byline {
   border:1px solid #262626;
   padding:10px 20px;
}
.footer_byline a {
   color:#785891;
   text-decoration:none;
   margin:0 10px;
}
.poweredby {
   position:absolute;
   bottom:-20px;
   right:0;
   font-size:10px;
}
.poweredby, .poweredby a {
   color:#515151;
}