@charset "utf-8";

 

.IE6span { display: none }

.ext { target-name: new; target-new: window; target-position: above }

body {
  margin: 0px 12px 25px 12px;   /* bottom margin is defined by fixed_footer height:24px */
  padding: 0;
 
  background-color: #DDD;
}
#pagewrap {             /* min-width is defined either by header-logotext.width=820px + 15px shadow = 835px, */
 /* min-width: 768px;    
   max-width: 980px; */
  margin: auto;
  padding: 0;
  background-color: #DDD;   /* has to be the same as body background-color: for rounded corners of header, */
/*  background-color: transparent;                   /* !NY! */
}                           /* menu, controls, info, content */

/* //////////////////////////////////////////////////////////////// ad */
#ad {display: none;}

/* //////////////////////////////////////////////////////////////// header */
#headerwrap { /* Wraps header-logo-min and header-logo.
                 Its purposes are to define max-width and vertical margins for these two divs. */
  /* max-width: 1020px; */
  margin: 0 auto;
  padding: 0;
  border-width: 12px 0;
  border-style: solid;
  border-color: #DDD;
/*  border-color: transparent;                       /* !NY! */
}
#header_min {
  display: none;
  position: relative;
  height: 22px;
  margin: 0  auto 0 auto;
  padding: 0 0 0 32px;
  border-top-left-radius:     20px;
  border-bottom-right-radius: 15px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomright: 15px;
  background-image: url(../images/hdr_min_bg.jpg);
  background-position: left top;
  background-color: #EEF;
  color: #003;
  font: bold 18px "Times New Roman", Times, Georgia, serif;
  letter-spacing :1px;
  white-space: nowrap;
}
#header_full {
  position: relative;
  height: 150px;
  margin: 0 auto;
  padding: 0;
  background-image: url(../images/hdr_full.png);
  background-position: left top;
}
#header_html {
  position: absolute; right: 0; top: 0;
  width: 820px;
  height: 115px;
  margin: 0;
  padding: 0;
  background-image: url(../images/hdr_html.png);
  background-color: #EEF;
  overflow: hidden;
}
img.hdr_shadow5 {position:absolute; border:0; width:820px; height:115px; opacity:0.05; filter:alpha(opacity=05)}
img.hdr_shadow1 {position:absolute; border:0; width:820px; height:115px; opacity:0.1;  filter:alpha(opacity=10)}

#header_txt_Title {
  position: absolute; left: 48px; top: 4px;
  margin: 0;
  padding: 0;
  color: #003;
  font: italic bold 45px "Times New Roman", Times, serif;
  letter-spacing: 0;
  white-space: nowrap;
}
h2#header_txt_description {
  position: absolute; left: 15px; top: 57px;
  margin: 0;
  padding: 0;
  color: #003;
  font: bold 14px Arial, Helvetica, Verdana, sans-serif;
  letter-spacing: 0;
  text-align: left;
  white-space:nowrap;
}
#header_txt_tel {
  position: absolute; left: 508px; top: 114px;
  margin: 0;
  padding: 0;
  color: #000033;
  font: bold 24px "Times New Roman", Times, serif;
  letter-spacing: 0;
  text-align: left;
  white-space: nowrap;
}

/* //////////////////////////////////////////////////////////////// corner, patch, ctl */
.corner_r15_lu {
  position: absolute; left: 0; top: 0;
  width:  15px;
  height: 15px;
  margin: 0;
  background-image: url(../images/corner_r15_lu.gif);
}
.corner_r15_rd {
  position: absolute; right: 0; bottom: 0;
  width:  15px;
  height: 15px;
  margin: 0;
  background-image: url(../images/corner_r15_rd.gif);
}
.corner_r32_lu {
  position: absolute; left: 0; top: 0;
  width:  32px;
  height: 32px;
  margin: 0;
  background-image: url(../images/corner_r32_lu.png);
}
.corner_r32_rd {
  position: absolute; right: 0; bottom: 0;
  width:  32px;
  height: 32px;
  margin: 0;
  background-image: url(../images/corner_r32_rd.png);
}
.corner_r64_lu {
  position: absolute; left: 0; top: 0;
  width:  64px;
  height: 64px;
  margin: 0;
  background-image: url(../images/corner_r64_lu.png);
}
.corner_r64_rd {
  position: absolute; right: 0; bottom: 0;
  width:  64px;
  height: 64px;
  margin: 0;
  background-image: url(../images/corner_r64_rd.png);
}
.corner_r96_lu {
  position: absolute; left: 0; top: 0;
  width:  96px;
  height: 96px;
  margin: 0;
  background-image: url(../images/corner_r96_lu.png);
}
.corner_r96_rd {
  position: absolute; right: 0; bottom: 0;
  width:  96px;
  height: 96px;
  margin: 0;
  background-image: url(../images/corner_r96_rd.png);
}
#header_leftpatch {
  position: absolute; left: -67px; top: 0;   /* - its width */
  width:  67px;   /* to hide header_html when max-width=768 */
  height:125px;   /* header_html width 115 + header_leftpatch shadow 9 */
  margin: 0;
  padding: 0;
  background-color: #DDD;
}
div.ctl_restore {
  position: absolute; right: 2px; top: 2px;
  width:  12px;
  height: 13px;
  margin: 0;
  padding: 0;
  background-image: url(../images/ctl_restore_bg.gif);
}
div.ctl_restore:hover {
  background-image: url(../images/ctl_restore_bg_hl.gif);
}
img.ctl_restore { width: 12px; height: 13px; border: 0 }

/* //////////////////////////////////////////////////////////////// menu */
#menu_main {
  position: relative;
  height: 62px;
  margin: 0;
  padding: 0;
  border: 0;

  white-space: nowrap;
}
.menu_rem { padding: 0; color: #000; font: 14px Verdana, Arial, Helvetica, sans-serif }

#menu_main table {
  height: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}
#menu_main td {
  margin: 0;
  padding: 16px;
  border-right: 1px solid #999;
}
#menu_main td:hover {
  /* background-image: url(../images/menu_bg_dark.gif);
  background-position: left center;
  background-repeat: repeat-x; */
}
#menu_main a { text-decoration: none; outline: none;
  display: block;
  margin: 0;
  padding: 12px;
  color: #000;
  font: bold 22px Arial, Helvetica, Verdana, sans-serif;
  text-shadow: 1px 0px 1px #FFF;
}
#menu_main a:hover  { color: #FFF; text-shadow: 1px 1px 1px #000; }
#menu_main a:active { color: #FCC; text-shadow: 1px 1px 1px #000; }

.menu_main_max {}
.menu_main_min  { display: none }

#menu_sub {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.breadcrumb {
  height: 46px;
  padding: 10px;
  border-bottom: 1px solid #999;
  border-bottom-left-radius:  5px 15px;
  border-bottom-right-radius: 5px 15px;
 -webkit-border-top-left-radius:  1px 10px;
 -webkit-border-top-right-radius: 1px 10px;
 -webkit-border-bottom-left-radius:  2px 10px;
 -webkit-border-bottom-right-radius: 2px 10px;
  -moz-border-radius-bottomleft:   8px;
  -moz-border-radius-bottomright: 11px;
  background-color: #FFF;
  color: #000;
  font: 14px Arial, Helvetica, Verdana, sans-serif;;
  white-space: nowrap;
}
.breadcrumb a { text-decoration: underline; outline: none; color: #66F;
                font: 14px Arial, Helvetica, Verdana, sans-serif; }
.breadcrumb a:hover  { color: #F66 }
.breadcrumb a:active { color: #F00 }

#menu_bottom_border {       /* it is between #controls+#info divs and content */
  height: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #DDD;
/*  background-color: transparent;                     /* !NY! */
}

/* //////////////////////////////////////////////////////////////// controls */
.controls_max { display: none }
.info_max     { display: none }
.controls_min img, .controls_max img { position: relative; top: 2px; left:0; border: 0; width: 29px; height: 13px }
.info_min     img, .info_max     img { position: relative; top: 2px; left:0; border: 0; width: 7px;  height: 13px }

.controls, .info, .controls_title {
  display: none;
  height: 20px;
  margin: 0;
  padding: 0 0 0 6px;
  border-bottom: 1px solid #999;
  border-bottom-left-radius:  3px 15px;
  border-bottom-right-radius: 3px 15px;
 -webkit-border-top-left-radius:  15px;
 -webkit-border-top-right-radius: 15px;
 -webkit-border-bottom-left-radius:  2px 15px;
 -webkit-border-bottom-right-radius: 2px 15px;
  -moz-border-radius-bottomleft:  8px;
  -moz-border-radius-bottomright: 11px;
  background-color: #F6F6FF;
  color: #000;
  font: normal 14px Arial, Helvetica, Verdana, sans-serif;
  white-space: nowrap;
  overflow: hidden;
}
.controls_title { display: none }
.info { background-color: #EFE }
.controls a, .info a { text-decoration: underline; outline: none; color: #66F }
.controls a:hover, .info a:hover { color: #F66 }
.info u { text-decoration: none; color: #666 }

.ctl_radio {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 170%;
}
.ctl_radio a { padding: 0 3px; color: #000; font-size: 14px; text-decoration: none }
.ctl_radio img { border: 0; width: 14px; height: 13px; vertical-align: -1px }
.ctl_radio:hover    {background-color: #9CF }
.ctl_radio a:hover   {background-color: #FF9 }
#ctl_maxwidth_980 a { background-image: url(../images/ctl_radio_current.gif);
                      background-position: 3px 1px;
                      background-repeat: no-repeat;
}
#ctl_hcorners_s a { background-image: url(../images/ctl_radio_current.gif);
                    background-position: 3px 1px;
                    background-repeat: no-repeat;
}
.hcorners_m     { display: none }
.hcorners_l   { display: none }
.hcorners_xl  { display: none }
.hcorners_xxl { display: none }

.ctl_mode_good a { background-image: url(../images/ctl_radio_current.gif);
                   background-position: 3px 1px;
                   background-repeat: no-repeat }
.mode_better { display: none }

#ctl_font_arial a,
#ctl_fstyle_n a,
#ctl_fsize_14 a,
#ctl_lheight_13 a { background-image: url(../images/ctl_radio_current.gif);
                    background-position: 3px 1px;
                    background-repeat: no-repeat; }

.ctl_xfooter_max a { background-image: url(../images/ctl_radio_current.gif);
                     background-position: 3px 1px;
                     background-repeat: no-repeat }
.xfooter_min { display: none }

/* //////////////////////////////////////////////////////////////// fixed_footer */
.fixed_footer_min { display: none }
#fixed_footer {
   bottom:0px;
  clear: both;
/* width: 767px;   /* this is = (#pagewrap min-width:768px) - 1 */
  height: 66px;
  margin: 0;
  padding: 16px; 
  border: 1px solid #369;
  border-left: 0;
  border-top-right-radius:  128px 1px;
  border-bottom-right-radius: 8px 12px;
 -webkit-border-top-right-radius: 3px 12px;
 -webkit-border-bottom-right-radius:  12px;
  -moz-border-radius-bottomright: 11px;
  background-color: #DEF;
  color: black;
  vertical-align: bottom;
  white-space: nowrap;
}

#ctl_palette_contrast a,      #ctl_palette_soft a     { text-decoration: none;
  margin: 0;
  padding: 0 6px;
  background-color: #000;
  color: #FFF;
  font: bold 14px Arial, Helvetica, Verdana, sans-serif;
  letter-spacing: 2px;
  line-height: 1.9;
}
#ctl_palette_contrast a:hover, #ctl_palette_soft a:hover { text-decoration: underline overline;
  background-color: #FFF; color: #000 }
#ctl_palette_contrast { display: none }

#ctl_mobile a { text-decoration: none;
  padding: 0 2px;
  background-color:#00F;
  color: #FFF;
  font: bold 14px Arial, Helvetica, Verdana, sans-serif; letter-spacing: 1px;
}
#ctl_mobile a:hover { text-decoration: underline overline; background-color:#FFF; color: #00F }

.bottom_menu_nav {
  padding: 0 12px;
  color: black;
  font: bold 22px Verdana, Arial, Helvetica, sans-serif;
 }
.bottom_menu_nav a       { padding: 0 12px;color: black; text-decoration: none }
.bottom_menu_nav a:hover { color: red }

#bottom_menu {
  padding: 0 16px;
  color: #999;
  font: 14px Arial, Helvetica, Verdana, sans-serif;
 }
#bottom_menu a       { color: black; text-decoration: none }
#bottom_menu a:hover { color: red }

#ff_refer, #ff_facebook {
  display: inline-block;
  zoom: 1;            /* for IE6, IE7: to display as inline-block */
  *display: inline;   /* for IE6, IE7: to display as inline-block */
  margin: 0 8px;
  padding: 0;
  border: 0;
  color: #F33;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.0;
  vertical-align: text-top;
  white-space: nowrap;
}
/*!!!#ff_facebook { position: relative; top: -2px }  /* -1px for IE */
#ff_facebook_cover {                            /* for Opera and IE */
  position: absolute; left: 0; top: 0;
  width: 225px;
  height: 24px;
  background-color: #DEF;
  opacity:0; filter:alpha(opacity=0);
}

#ff_facebook_IE {               /* IE */
  display: none;
  position: absolute; right: 8px; bottom: 8px;
  margin: 0;
  padding: 16px;
  border: 2px solid #036;
  background-color:#FFE;
  color: #036;
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  opacity:0.85; filter:alpha(opacity=85);
  cursor: pointer;    /* otherwise IE7 does not display is as a hand */
}
#ff_facebook:focus #ff_facebook_IE,
#ff_facebook:hover #ff_facebook_IE { display: block }

#ff_facebook_full {               /* other than IE */
  display: none;
  position: absolute; right: 128px; bottom: 8px;
  width: 500px;
  height: 240px;
  margin: 0;
  padding: 8px;
  border: 2px solid #369;
  border-top-left-radius: 8px;
  border-top-right-radius: 240px 24px;
  border-bottom-left-radius: 256px 64px;    /* for Opera only (its shape differs from other non-IE browsers) */
 -webkit-border-bottom-left-radius: 500px 64px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 240px 24px;
  -moz-border-radius-bottomleft: 500px 64px;
  background-color:#FFE;
  color: #000;
  font: normal 14px Verdana, Arial, Helvetica, sans-serif;
  overflow: hidden;
  opacity:0.95; filter:alpha(opacity=95);
}
#ff_facebook_full a { color: #44C }
#ff_facebook_full_pin a, #ff_facebook_full_unpin a { color: #F33 }
#ff_facebook_full_unpin { display: none }

#ff_facebook:focus #ff_facebook_full,
#ff_facebook:hover #ff_facebook_full,
#ff_facebook_full:target { display: block }
#ff_facebook_full:target #ff_facebook_full_unpin { display: inline }
#ff_facebook_full:target #ff_facebook_full_pin   { display: none }

#facebook-like-recommend-buttons {        /* on the front tpage */
  width: 520px;
  margin: 0;
  padding: 16px;
  border: 2px solid #369;
  border-top-left-radius: 250px 24px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 250px 24px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 250px 24px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 250px 24px;
  -moz-border-radius-bottomleft: 8px;
  background-color: #F0F8FF;
  color: #000;
  font: normal 14px Verdana, Arial, Helvetica, sans-serif;
  overflow: hidden;
}
#fb_no_border { display: none; text-align: right }
#facebook-like-recommend-buttons:target { border: 24px solid red }
#facebook-like-recommend-buttons:target #fb_no_border { display: block }

/* //////////////////////////////////////////////////////////////// bottom */
#clear1 {
  clear: both;
  height: 1px;
  background-color: #369;
}
#footer {
  padding: 0 8px;
  border-bottom: 1px solid #369;
  background-color: #EEE;
  color: #666;
  font: normal 14px Verdana, Arial, Helvetica, sans-serif;
  text-align: justify;
   
  height: 60px;
}
#footer_location  {
  border-bottom: 1px solid #999;
  padding: 0 16px;
  color: #333;
  height: 60px;
}
#footer a {
  padding: 0 16px;
  color: #666;
  text-decoration: none;
}
a#footer_copy {
  padding: 0 16px 0 0;
  color: #000;
  font: normal 16px "Times New Roman", Times, serif;
  text-decoration: none;
}

/* //////////////////////////////////////////////////////////////// content */
#content {
  width: 90%;
  margin: 0 auto;
  border: 1px solid transparent;
  border-top-left-radius:   16px 96px;  /* 40px 96px*/
  border-top-right-radius: 128px 16px;  /*128px 40px*/
  -moz-border-radius-topleft:   16px 96px;
  -moz-border-radius-topright: 128px 16px;
  background-color: #FFF;
  color: #003;
  font: normal 16px Arial, Helvetica, Verdana, sans-serif;
}

/* //////////////////////////////////////////////////////////////// rightbar, leftbar */
.rightbar_ad {
  float: right;
  width: 184px;
  margin: 32px 4px 8px 14px;
  padding: 24px 8px 16px 8px;
  border: 1px solid #000;
  border-top-left-radius: 32px 128px;
  border-top-right-radius: 128px 48px;
  border-bottom-left-radius: 128px 16px;
  -moz-border-radius-topleft: 32px 128px;
  -moz-border-radius-topright: 128px 48px;
  -moz-border-radius-bottomleft:128px 16px;
  background-color: #036;
  color: #FFF;
  font: bold 28px Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.4;
  text-align: center;
  opacity:0.55; filter:alpha(opacity=55);
}
.rightbar_ad_fp { opacity:0.20; filter:alpha(opacity=20) }
.rightbar_ad:hover { color: #FFF; opacity:1.0; filter:alpha(opacity=100) }
.rightbar_ad u { font-size:14px; font-style:normal; text-decoration:none }
.rightbar_ad a       { color: #FFF; text-decoration: none;
 -webkit-transition: all 2.0s ease-out;
 -moz-transition:    all 2.0s ease-in-out;
 -moz-transition-duration: 2.0s;
 -o-transition:      all 2.0s ease-in-out;  
}
.rightbar_ad a:hover { color: #ADF }

.rightbar_tstm {
  float: right;
  width: 234px;
  margin: 45px 4px 8px 12px;
  padding: 9px;
  border: 1px solid #999;
  border-top-left-radius: 128px 12px;
  border-bottom-right-radius: 36px 128px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 128px 12px;
  -moz-border-radius-bottomright: 36px 128px;
  -moz-border-radius-bottomleft: 4px;
 
  background-color: #036;
  color: #FFF;
  font-size: 14px;
  text-align: justify;
  clear: right;
  line-height: 1.3;
}
/*.rightbar_tstm_fp { background-color: #036; color: #FFF } !!!del */
.rightbar_tstm:hover { background-color: #FFC; color: #000 }
.rightbar_tstm a,       .rightbar_tstm a:visited       { color: #CFF; text-decoration: none }
.rightbar_tstm:hover a, .rightbar_tstm:hover a:visited { color: #006; text-decoration: underline }

#leftbar {
  float: left;
  width: 184px;
  margin: 32px 12px 8px 4px;
  padding: 8px 0px 8px 16px;
  border: 1px solid #69C;
  border-top-left-radius: 16px 64px;
  border-bottom-right-radius: 96px 160px;
  -moz-border-radius-topleft: 16px 64px;
  -moz-border-radius-bottomright: 96px 160px;
  background-color: #F8F8FF;
  color: #036;
  text-align:left;
  opacity:0.4; filter:alpha(opacity=40);
}
#leftbar:hover {  opacity:1.0; filter:alpha(opacity=100) }
#leftbar a { color:#036; text-decoration: none; outline: none;
 -webkit-transition: all 2.0s ease-out;
 -moz-transition:    all 2.0s ease-in-out;
 -moz-transition-duration: 2.0s;
 -o-transition:      all 2.0s ease-in-out;  
 }
#leftbar a:hover  { color: #F00 }

/* //////////////////////////////////////////////////////////////// front_text - main content text */
#front_text           {
  margin: 16px;
  padding: 16px;
  border: 1px solid #468;
  border-radius: 16px;
  -moz-border-radius: 16px;
  border-top-left-radius:  32px 128px;
  border-top-right-radius: 128px 32px;
  -moz-border-radius-topleft:   32px 128px;
  -moz-border-radius-topright:  128px 32px;
  background-color: #FFF;
  background: #FFF;  /* fallback (Opera) */
  background: -webkit-gradient(linear, left center, right center,
    from(#F9F9F9), color-stop(0.05,#FFF), color-stop(0.95,#FFF), to(#F9F9F9));
  background: -moz-linear-gradient(0deg, #F9F9F9, #FFF 5%, #FFF 95%, #F9F9F9);
  line-height: 1.3;
  text-align: justify;
}
#front_text h1 {
  background: #ECF0FF;  /* fallback (Opera) */
  background: -webkit-gradient(linear, 10% top, 90% bottom, from(#FFF), color-stop(0.10,#ECF0FF),
    color-stop(0.25,#ECF0FF), color-stop(0.35,#FAFBFC), color-stop(0.90,#ECF0FF), to(#FFF));
  background: -moz-linear-gradient(0deg, #FFF, #ECF0FF 20%, #ECF0FF 25%, #FAFBFC 35%, #ECF0FF 75%, #FFF);
  color: #147; font-size: 1.75em; text-align: center }
h1#ft_inline { display: inline; background-image: none !important; background: none }
h2.ft_inline { display: inline; color: #147; font-size: 1.25em }
#front_text a { outline: none; color: #44C }
#front_text a:hover  { color: #F66 }

#industry {
  position: relative;
  margin: 0 210px;
  padding: 4px 0 4px 48px;
  border: 0;
  text-align: left;
}
#industry p { margin: 0.05em 0.65em; text-indent: -0.65em }
#industry p:nth-child(odd)  {background-color: #F9F9FF }
#industry p:nth-child(even) {background-color: #FFF }

.ctl_industry {
  position: absolute; left: -16px; top: 28px;
  padding: 4px;
  border: 1px solid #ABC;
  border-radius:     36px / 12px;
 -moz-border-radius: 36px / 12px;
  background-color: #DEF;
  background: #DEF;  /* fallback (Opera) */
  background: -moz-linear-gradient(top, #DEF, #FFF);
  background: -webkit-gradient(linear, left top, left bottom, from(#DEF), to(#FFF));
  color: #69C;
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
 -webkit-transform: rotate(-90deg);
 -moz-transform:    rotate(-90deg);
 -o-transform:      rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#DDEEFF', EndColorStr='#FFFFFF', GradientType=0)
          progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 -webkit-transition: all 0.6s ease-in-out;
 -moz-transition:    all 0.6s ease-in-out;
 -moz-transition-duration: 1s;
 -o-transition:      all 0.6s ease-in-out;
}
.ctl_industry:hover {
  border: 1px solid #CBA;
  border-radius:     26px 0px / 16px 0px;
 -moz-border-radius: 26px 0px / 16px 0px;
  background-color: #FED;
  color: #963;
 -webkit-transform: rotate(0deg);
 -moz-transform:    rotate(0deg);
 -o-transform:      rotate(0deg);
  filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#DDEEFF', EndColorStr='#FFFFFF', GradientType=0);
}
  /* !important is to override "#front_text a" defined in PHP if negative='yes': */
.ctl_industry a { color: #69C !important; text-decoration: none;
 -webkit-transition: all 1.8s ease-in-out;
 -o-transition:      all 1.8s ease-in-out;
 }
.ctl_industry a:hover { color: #F63 !important; text-decoration: none }
.industry_max, .industry_maxp { display: none }

.customer {
  display: inline-block;
  zoom: 1;            /* for IE6, IE7: to display as inline-block */
  *display: inline;   /* for IE6, IE7: to display as inline-block */
  margin: 4px;
  padding: 1px;
  border: 1px solid #CCC;
  border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #FFF;
  color: #336;
  font: bold 14px Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
a .customer:hover { border-color: #F00 }
.customer img { float: left; border: 0 }
.customer img { border: 0 }
.customer p { float: left; margin: 8px 2px;  }
.bg_blue { background-color: #FCFCFF;}

/* //////////////////////////////////////////////////////////////// coupons */
.coupon_list { list-style: disc outside none;
  font-size: 0.9em;
  line-height: 1.5 }
.coupon_list > li:nth-child(odd) {background-color: #EEF}

#co-hot-deals               { background-color: #FDD }
#co-featured-systems        { background-color: #DFD }
#co-electronics-accessories { background-color: #DDF }
#co-special-offers          { background-color: #333 }
#sb-hot-offers              { background-color: #C00 }
#sb-small-business-news     { background-color: #0C0 }
#sb-special-offers          { background-color: #000 }

#co-hot-deals,
#co-featured-systems,
#co-electronics-accessories,
#co-special-offers,
#sb-hot-offers,
#sb-small-business-news,
#sb-special-offers {
  margin: 16px 0;
  padding: 4px 8px;
  border-radius: 24px;
  border-top-left-radius: 4px;
  border-top-right-radius: 768px 56px;
  -moz-border-radius: 24px;
  -moz-border-radius-topleft:  4px;
  -moz-border-radius-topright: 768px 56px;
  text-align: center;
}
#sb-hot-offers          { border: 4px solid #F00 }
#sb-small-business-news { border: 4px solid #0F0 }
#sb-special-offers      { border: 4px solid #999 }

#co-hot-deals h3,
#co-featured-systems h3,
#co-electronics-accessories h3,
#co-special-offers h3,
#sb-hot-offers h3,
#sb-small-business-news h3,
#sb-special-offers h3 {
  margin: 12px;
  text-align: left;
}
#co-special-offers, #co-special-offers a,
#sb-hot-offers, #sb-hot-offers a,
#sb-small-business-news, #sb-small-business-news a,
#sb-special-offers, #sb-special-offers a { color: #FFF }

.coupon {
  display: inline-block;
  zoom: 1;            /* for IE6, IE7: to display as inline-block */
  *display: inline;   /* for IE6, IE7: to display as inline-block */
  margin: 4px;
  padding: 16px 2px 2px 2px;
  border: 1px solid #CCC;
  border-radius: 8px;
  -moz-border-radius: 8px;
  background-color: #FFF;
  color: #336;
  font: normal 14px Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
  vertical-align: middle;
}
.coupon:target { border: 8px solid #00F }
.coupon:hover { border-color: #F00 }
.coupon a { text-decoration: none; color: #339 !important }
.coupon a:hover { text-decoration: underline }

.coupon_menu { margin-left: 32px; font-size: 0.85em; line-height: 1.5; text-align: left }

/* //////////////////////////////////////////////////////////////// debug */
#debug {
  margin: 0px;
  padding: 8px 16px 16px 16px;
  border: 1px solid #999;
  border-radius: 11px 21px;
  -moz-border-radius: 11px 21px;
  border-top-left-radius:  32px 128px;
  border-top-right-radius: 128px 32px;
  -moz-border-radius-topleft:  32px 128px;
  -moz-border-radius-topright: 128px 32px;
  background-color: #FCFFFC;
  color: #000;
  font: normal 14px "Courier New", monospace;
  line-height: 1.3;
  text-align: left;
}
#debug:first-letter {
  font-family: fantasy;
  font-size: 200%;
  color: red;
}
#debug:first-line { text-decoration: overline underline;
  font-weight: bold;
  font-size: 140%;
}
#ul-debug { list-style: none; padding: 0; margin: 0 }
#ul-debug > li:nth-child(odd)  {background-color: #F7F7FF }
#ul-debug > li:nth-child(even) {background-color: #FCFFFC }

/* //////////////////////////////////////////////////////////////// end */