body {
behavior:url("csshover2.htc");
font-size: 100%;
background:#808080;
}

#wrap {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#container
{
  width: 100%;
  height :100%;
  margin: 1px auto;
  background: #fff url(sidetest3.jpg) repeat-x left top;
  border: 2px solid #000;
  line-height: 130%;
  font-size: 12px;
  font-family: Arial, Verdana, tahoma, Sans-Serif;
}

#menu{
  width:185px;
  padding-bottom:2em;
}

#menu a {
font-size:12px;
display:block;
border-bottom: 1px dashed #99aad2;
border-left: 1px solid #99aad2;
border-right: 1px solid #99aad2;
white-space:no wrap;
margin:0;
padding:.25em;
}

#menu a{
color:#4506d4;
background:#f3f5fa;
text-decoration:none;
}

#menu a:hover{
color:#ed3922;
background:#FFF;
}

#menu a:active{
color:#ed3922;
background:#FFF;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

/* Following specific to IE */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* Styling for Expand */

#menu a.expand, #menu a.expand:visited{
background:#FFF url("expand3.gif") no-repeat right;
}

#menu a.expand:hover{
color:#ed3922;
background:#FFF;
}

#menu a.expand:active{
color:#060;
background:#ccc;
}

#top
{
background-color: transparent;
height:162px;
margin: 0 0 -3px 0;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
position:absolute; top:155px;
float: left;
width: 185px;
margin: 0 0 0 0;
padding:30px 0 0 8px;
background-color:transparent;

}

#content
{
margin-left: 200px;
background: #fff url(thinside.gif) no-repeat left top;
padding:2px 25px 25px 25px ;
}

#footer
{
width: 98%;
padding: .5em;
background: #fff url(sidetest3.jpg) repeat-x left top;
border: 2px solid #000;
margin: 2px 0 0 2px;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

a {
color: #4506d4;
font-size: 12px;

background-color:transparent;
text-decoration: none;
}

a:hover {color:#ed3922;
}

h1 {
font-size: 28px;
font-weight:bold;
color: #E91B00;
line-height:1em;
}

h2 {
font-size: 22px;
font-weight:bold;
line-height:1.1em;
color: #774488;
}

h3 {
font-size: 18px;
font-weight:bold;
line-height:1.2em;
color: #800000;
}

h4 {
font-size: 15px;
font-weight:bold;
line-height:1.2em;
color: #000000;
}

h5 {
font-size: 13px;
font-weight:bold;
line-height:1.2em;
color: #e92525;
}

.subhead  {
font-size: 15px;
font-weight:bold;
color: #330099;
}

#header-right { position: absolute;
right:40px;
top : 40px;
color:red;
padding: 5px;
width: 158px;
border: solid 1px #774488;
}

#king-left {
float: left;
padding: 5px;
}

#pic-left {
float: left;
padding: 1px;
}

#picindex-right {
float: right;
padding: 10px;
margin-top:5px;
margin-right:5px;
background-color: #f6f4f4;
}

#picflag-right {
float: right;
padding: 2px;
margin-top:5px;
margin-right:60px;
background-color: #f6f4f4;
border: solid 1px #000000;
}

#pic-right-column {

float: right;
width: 200px;
padding: 1px;
margin-top:5px;
margin-right:1px;
background-color: #f6f4f4;
border: solid 1px #000000;
}

#pic-rightcccc {
float: right;
padding: 10px;
margin-top:5px;
margin-right:15px;
background-color: #f6f4f4;
border: solid 1px #000000;
}
	
#pict-right { position:relative;
float: right;
padding: 10px;
margin-top:20px;
margin-right:5px;
margin-right:5px;
background-color: #f6f4f4;
}

.red{
color:red;
font-weight:bold;
}

.green{
color:#306c34; font-weight:bold
}

table#sample {
width: 90%;
border: solid #CCCCCC 1px;
border-collapse:collapse;
}

table#sample td{  
border: solid #CCCCCF 1px;
align:center;
padding-top: .5em;
padding-bottom: .5em;
padding-right: 1em;
padding-left: 1em;
font-size: 12px;
}

table#buy {
width: 90%;
border: solid #99aad2 1.5px;
border-collapse:collapse;
background-color: #EFF7FF;
}

table#buy td{ 
border: solid #CCCCCF 1px;
padding-top: .25em;
padding-bottom: .25em;
padding-right: .5em;
padding-left: .5em;
text-align:left; 
background-color:solid #f3f5fa;
}


#wrap {
    max-width: 100%;
}
#wrap img{
    max-width: 100%;
    height:auto;
}
#container {
    height: auto !important;
}

#standalone-newsletter,
#standalone-live-chat,
#standalone-badges,
#standalone-social {
  display:none;
}
#menu-bar {
  display:none;
}


@media only screen and (max-width: 50em) {
  #top {
    height:auto;
  }
  #leftnav {
    float:none;
    position:absolute;
    width:100%;
    margin:0;
    padding:0;
    width:100%;
    overflow:hidden;
    top: 7.5rem;
    left: 0;
    max-height:0;
    transition: .4s linear;
    background-color:#fff;
  }
  #menu {
    padding: 0;
    overflow: hidden;
    width:100%;
  }
  #menu ul {
    background-color:#fff;
  }
  #menu-bar {
    display:block;
    padding:.5rem;
    text-align:right;
    font-weight:bold;
    background-color: #C4D8DB;
    margin: .5rem;
    font-size:1.3rem;
  }

  #content {
    margin-left:0;
    background:none;
    height: auto !important;
  }
  #footer {
    margin:0;
    padding:0;
    width:98%;
    padding:1%;
  }

  #sidebar-newsletter,
  #sidebar-live-chat,
  #sidebar-badges,
  #sidebar-social {
    display:none;
  }

  #standalone-newsletter,
  #standalone-live-chat,
  #standalone-badges,
  #standalone-social {
    display:block;
    text-align:center;
    margin-bottom:.5rem;
    float:none;
  }
  #standalone-badges img {
    display:block;
    margin-bottom:.5rem;
  }

  table {
    width: 100%;
  }
  table td {
    display: block;
    overflow:hidden;
  }
  table[summary="samples"],
  table[summary="samples2"] {
    float:left;
    width:50%;
  }
  table[summary="samples"] {
    padding-right:1%;
  }
  table[summary="samples2"] {
      float:right;
      border-left:1px dashed #aaa;
      padding-left:1%;
  }
  table[summary="samples"] td,
  table[summary="samples2"] td {
    padding-bottom:.8rem;
    border-bottom:1px dashed #aaa;
    margin-bottom:.8rem;
    padding-left:.5rem;
    padding-right:.5rem;
    display:block;
    height: 165px;
  }
  table[summary="samples"] td:last-of-type,
  table[summary="samples2"] td:last-of-type {
    border:none;
  }
  .clear {
    clear:both;
  }
  #menu a {
    display: block;
    padding: .5rem;
    font-size: .9rem;
  }

  #menu a.expand, #menu a.expand:visited {
    background-position-x: 95%;
  }
    div#menu li a {
      padding: .5rem 1rem;
      font-size:1.1rem;
  }
    div#menu li b {
      padding: .5rem;
      font-size:1.3rem;
  }

  div#menu li ul {
      display: block;
      position: relative;
      top: 0;
      left: 0;
  }
  div#menu li ul li a {
      padding-left: 1.5rem;
  }
  div#menu li ul li a:before {
      content: "-";
      padding-right: .5rem
  }
  #menu a.expand, #menu a.expand:visited {
      background: none;
  }
  .hide-on-mobile {
    display: none;
  }
  table#sample,
  table#sample tr,
  table#sample td,
  table#sample tbody {
      border:none;
      outline:none;

      width: 100%;
      text-align: center;

      padding:0 !important;
      margin:0 !important;

      display:block;
  }
  table#sample td {
    height:auto;
    margin-bottom:.5rem !important;
  }
  table#sample iframe {
    max-width:100%;
  }
  h1 {
    clear: both;    
  }
  h1 br {
    display: none;
  }
  #ca_price_block {
    margin-top: 20px !important;
  }
  div {
    max-width:100%;
  }
  table#sample.greeting-samples td {
    border-bottom: 1px solid #999;
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
  }
  #pict-right {
    float:none;
    background:none;
    margin:0;
  }
  div.tool div.tip, div.tool div.tip1, div.tool div.tip2 {
    display:none !important;
  }
  .ca_oblock {
    display: block;
    margin: .25rem 0;
    width:100%;
  }

  .mat_radio {
    display: block;
    text-align: center;
    float: none !important;
    margin: .5rem auto !important;
  }
  .mat_radio input {
    display:inline;
  }

  .mat_block{
    display: block;
    float: none !important;
    margin: .5rem auto 1rem;
    text-align:center;
  }
  br + br + .mat_radio {
    margin-top: -2rem !important;
  }
}