div#example0 {
  display: block;
  position: absolute;
  background-color:lightyellow;
  border:1px dotted #000;
  padding: 2px;
  width: 15em;
  left:70px;
  top:100px;
}

div#example1 {
  display: block;
  position: absolute;
  background-color:lightyellow;
  border:1px dotted #000;
  padding: 2px;
  width: 20em;
  left:70px;
  top:120px;
}

p, li
{
  font: normal 14px verdana, arial, sans-serif;
  letter-spacing: normal;
  color: #616D7E;
  line-height: 1.5em;
}

img#logo {
  padding: 4px 0 2px 4px;
}

span#price{
  margin: 10px 0 0 0px;
  font-size: medium;
}

.poopoo  {
width: 11em;

  }


/* Tooltips (dynamic styles) */
a:link, a:visited {
  position: relative;
}

.tipoff{
   visibility: hidden;
}
.tooltip {
  background-color:lightyellow;
  border: 1px solid;
  display: block;
  font-size: smaller;
  left: 0;
  padding: 1px;
  position: absolute;
  text-decoration: none;
  top: 1.7em;
  width: 15em;
  margin-left:15px;
}

p#newwin{}

.front {
  display:block;
  margin: 15px 0 0 20px;
  text-decoration: none;
  font-family: bold verdana, sans-serif;
  font-size: 1.3em;
  color: #003366;
}

.front img {
  border: 0px;
  vertical-align: middle;
}

.frontrm {
  display:block;
  margin: -50px 0 20px 40px;
  padding-top: 5px;
  font-size: 13px;
}

.rm {
  font-size: 13px;
}



span#ctlPerson span {
    padding: -5px 0 0 10px;
    font-size:14px;
    font-weight: bold;
}



h1
{
    font-family: verdana, sans-serif;
    font-size: 1em;
    color: #003366;
    margin:10px 0px 0px 10px;
}

h2
{
    color: black;
    font-size:1.1em;
    text-align:left;
    margin-left: 30px
}


h3
{
    font: bold 15px verdana, arial, sans-serif;
    color: #003366;
    border-bottom: 1px dotted #bbb;
    margin: 25px 0 5px 10px;
}

h4
{
    font-family: verdana, sans-serif;
    font-size: 16px;
    color: #333333;
    padding-left: 5px;
    margin:0em 0em 0em .11em;
}

h5
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #660000;
    padding-left: 16px;
    margin:0px 0em 0em 30px;
}


p#bluebox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
    margin:0em 5px 0em 0;
}

.sbar {
    float:right;
    margin-top: 30px;
    margin-right: 15px;
}




.sbarbuy {
    float:right;
    margin-top: 70px;
    margin-right: 15px;
}




.sbar h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #660000;
    text-align: left;
    margin: 0 0 0 15px;
}

.sbar h5
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #660000;
    text-align: right;
    padding: 0 10px 0 0;
    margin:0px 0em 0em 30px;
}

.sbartxt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    padding: 1px 4px 5px 4px;
    margin:0em 0em 0em .11em;
    letter-spacing: 0;
    text-align:left;
    padding-left: 5px;
}   


.sbarlink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    display: block;
    padding: 7px 0 0 8px;
    background-image: url(../img/maximize.gif);
    background-position: 2px 9px;
    background-repeat: no-repeat;
    text-indent: 10px;
}

.style1 {
    font: bold 15px verdana, arial, sans-serif;
    color: #940;
    border-bottom: 1px dotted #bbb;
    margin: 0px 0 8px 0;
}

.style2 {
    font: bold 15px verdana, arial, sans-serif;
    color: #003366;
    border-bottom: 1px dotted #bbb;
    margin: 25px 0 8px 20px;
}

.contextimage
{
    float: right;
    margin-left: 10px;
    background-color: #fff;
    padding: 4px;
    border: #bbc 1px solid;
}

#tagline
{
    color: #777;
    font-weight: bold;
    font-size: 0.8em;
}

p#slink
{
    margin: 20px 0 0 0;
    color: #777;
    font-weight: normal;
    font-size: 0.8em;
    background-image: url(/img/search.gif);
    background-position: left;
    background-repeat: no-repeat;
    text-indent: 30px;
}

p#test
{
    width: 500px;
    margin-left: 20px;
}


/* About Section */

ul.about li
  {
    margin: 10px 0 0 25px;
    padding: 0 0 0 10px;
    list-style-image: url(/img/file.gif);
    letter-spacing: normal;
  }
  
ul.about li a
  {
    font-weight: bold;
    font-size: 14px;
    color: #333333;
  }
  
ul.about span.more
  {
    font-size: 12px;
    color: #444;
    display: block;
    margin: 5px 0 0 20px;
    padding-right: 120px;
  }
/* About Section */



/* forces a vertical scrollbar*/
html
{
min-height: 100%;
margin-bottom: 1px;
}

body {
    margin: 0;
    padding: 0;
    font-family: verdana, sans-serif;
    background:#DAD9D6 url(/img/bggrad.gif) repeat-y 50% 0;
   /* overflow-x:hidden; is a warning, OK in css3*/
    position: static;
    text-align: left;
    left: 30%;
}

            /*** Image is 180px wide, and 20px high ***/

pre {
   margin-left: 20px;
   color: #616D7E;
   font: normal 13px verdana, arial, sans-serif;
   float:left;
}

a {color: #000;}

span#price {
   display: block;
   font-weight: bolder;
}


/*******************************************************************************
                       Positioning rules
*******************************************************************************/


div#leftbox {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
position: absolute;
left: 10px;
width: 30px;
color: #ee8;
padding-top: 10px;
}

#backlinks {
position:relative;
font-size: 14px;
border-left: 0px ;
padding: 1px;
width: 99.8%;
}
div#backlinks a {
font-size: 12px;
font-family: verdana, arial, sans-serif;
text-decoration: none;
padding-right: 5px; /*adjust bullet image padding*/
padding-left: 5px; /*adjust bullet image padding*/
color: navy;
}
div#backlinks span {
font-size: 12px;
font-family: verdana, arial, sans-serif;
color: grey;
padding-left: 5px; }


div#rightbox {    /*** No side padding or borders, to avoid the IE5.x box model problem ***/
position: absolute;
right: 25px;     /*** IE5/mac will show a horizontal scrollbar if this is less than 16px, or other units are usedhttp://www.l-c-n.com/IE5tests/right_pos/ ***/
width: 25%;
color: #820;
padding-top: 10px;
}

#middlebox {
  margin:0 auto;
  width:748px;
  text-align: left;
  background: #FFFFFF;
 /* border-bottom: 1px solid #bbb; */
}

div#content {
    position:relative;        
    float: left;
    width: 520px;
    margin-left: 20px;
    padding-bottom: 15px;
}

a.closew {
color: grey;
font: normal 14px verdana, arial, sans-serif;
float: right;
margin: 10px 70px 0 0;
}


div#content p {
    margin-left: 20px;
}

div#feature1 {
    margin-bottom: 80px;
    border-top: 0px solid #BBB;
    padding-bottom: 15px;
}



div#feature {
    margin-top: 20px;
    border-top: 1px solid #BBB;
    margin-bottom: 100px;
}

.bullets {
   list-style-image: url(/img/check-blue.gif);
   margin-bottom: 50px;
   padding-left: 40px;
}


#content .inner {
    margin-left: 10px;
}

p#footer {
    margin: 10px 0 0 7%;
    font-size: 11px;
    padding: 0px;
    width: 55em;
    height: 15px;
    text-align: center;
    float: left;
}

div.CtlPanel
{
  background-image: url(/img/pen.gif);
  background-position: top right;
  background-repeat: no-repeat;
  float: left;
  width: 80px;
  height: 70px;
  margin: 25px 20px 0 20px;
  padding: 15px 5px 0px 5px;
  border: 2px dashed #FFEE44;
  background-color: #FFFFEE;
  text-align: center;
}

div.CtlPanel:hover {
  background-color: #FFFFCC;
}

div.CtlPanelWrap {
  margin: 20px;
  border: 1px solid #000044;
  padding: 10px 5px 10px 15px;
  width: auto;
  height: 150px;
}

div.CtlPanelWrap h4 {
  background: #FFF;
  margin: -20px 0 0 0;
  padding-right: 10px;
  font-size: 1.1em;
  text-align: center;
  border: 1px solid #000;
  width: 150px;

}




/* table */
table#buy
{
    width: 100%;
    font: normal 12px arial;
    margin: 20px 0 20px 25px;
    border-collapse: collapse;
}

table#buy th
{
    font-size: 13px;
    padding: 6px 0px 6px 2px;
    white-space: nowrap;
    text-align: left;
}

table#buy td
{
    margin: 0;
    padding: 2px;
}

table#buy tr.inner td, table#buy tr.inner th
{
    border-top: 1px solid #ccc;
}

td#tick
{
    width: 20px;
    background: transparent url(/img/check-blue.gif) no-repeat center;
}

td#pay
{
    width: 50px;
}
/* table */

/* ######### Chrome Menu ######### */

.chromestyle{
position:relative;
width: 100%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border-top: 1px solid #BBB;
border-bottom: 1px solid #BBB;
width: 100%;
background: url(../img/chromebg2.gif) center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
    color: #494949;
    padding: 4px 7px;
    margin: 0;
    border-right: 1px solid #B5E2FE;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.chromestyle ul li a:hover{
background: url(../img/chromebg2-over.gif);
}

/* ######### Chrome Menu ######### */


/* Oval Buttons */

a.ovalbutton{
text-align: center;
background: transparent url('/img/oval-blue-left.gif') no-repeat top left;
display: block;
float: right;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding: 0px 0 0px 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('/img/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
width: 100px;
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin-top: -70px;
margin-left: -5px;
}


/* Oval Buttons */




/* spiffy center*/

.spiffy {
    display:block;
    width: 500px;
}
.spiffyfg {
  width: 500px;
  background:#93DDF0;
}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#93DDF0;}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d0f0f8;
  border-right:1px solid #d0f0f8;
  background:#aee5f3}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f4fbfd;
  border-right:1px solid #f4fbfd;
  background:#a7e3f2}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #a7e3f2;
  border-right:1px solid #a7e3f2;}
.spiffy4{
  border-left:1px solid #d0f0f8;
  border-right:1px solid #d0f0f8}
.spiffy5{
  border-left:1px solid #aee5f3;
  border-right:1px solid #aee5f3}


/* spiffy sidebars*/

.sidebar{display:block;
 width: 160px;
 }
 .sidebarfg{
  background:#D1D1D1;
  width: 160px;
  }
.sidebar *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#D1D1D1}
.sidebar1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ebebeb;
  border-right:1px solid #ebebeb;
  background:#dcdcdc}
.sidebar2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fafafa;
  border-right:1px solid #fafafa;
  background:#d9d9d9}
.sidebar3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d9d9d9;
  border-right:1px solid #d9d9d9;}
.sidebar4{
  border-left:1px solid #ebebeb;
  border-right:1px solid #ebebeb}
.sidebar5{
  border-left:1px solid #dcdcdc;
  border-right:1px solid #dcdcdc}