body, p, li, td {
           font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
          color: #333;
}

body {
    background: white;
       padding: 0;
        margin: 0;
}

form { margin: 0; padding: 0 }
img { border: none }

h4 {
          font: bold 12px/17px Verdana, Arial, Helvetica, sans-serif;
         color: #333;
 margin-bottom: 0;
}

cite { font-style: normal }

/* =[ GLOBAL HYPERLINK SETUP ]=============================================== */
a { font-weight: bold; }
a:link, a:visited, a:active {
    color: #600;
    text-decoration: none;
}
a:hover {
    color: #999;
}

/* =[ BREADCRUMB HYPERLINK SETUP ]=========================================== */
a.localnavlinks, a.localnavlinks:visited { color: white; text-decoration: none }

div#header { background: url(../images/topnav_bkg.gif) repeat-x }
p.firstParagraph { margin-top: 0 }
p.first { margin-top: 0 }
p.last { border-bottom: solid 1px #999; margin-bottom: 0 }
a.more {
      display: block;
   text-align: right;
}

div#main-wrapper {
        width: 940px;
       margin: 20px auto 20px auto;
      padding: 10px;
   text-align: left;
}

form#product-overviews {
   text-align: center;
}

table.overview { width: 100% }

dl {
    /*border: solid 1px #e1e1c2;*/
}

dt {
         padding: 3px;
     font-weight: bold;
           color: #333;
}

dd {
     padding-top: 10px;
  padding-bottom: 10px;
}

dd.mac {
     margin-left: 0;
    padding-left: 75px;
      background: url(/images/macicon.gif) 10px center no-repeat;
}

dd.pc {
     margin-left: 0;
    padding-left: 75px;
      background: url(/images/windowsicon.gif) 10px center no-repeat;
}

.bodycopynewsletter		{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; line-height: 16px; font-weight: normal; }
.linksnewsletter		{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #660000; font-size: 12px; line-height: 16px; font-weight: bold; text-decoration: none }

/* -[ DEMOS ]-------------------------------------------------------------------------------------------------- */
div#demos-title {
      background: #cccc99 url(/images/green_edge_1.gif) right top no-repeat;
          height: 15px;
   margin-bottom: 5px;
}

table#demos { width: 100% }
table#demos th {
         padding: 0;
      background: #cccc99;
   border-bottom: 5px solid white;
          height: 15px;
     line-height: 0;
}

table#demos th.play {
      text-align: right;
     border-left: 5px solid white
}
table#demos td {
      background: #e0e0c2;
   border-bottom: 5px solid white;
}

table#demos td.desc { vertical-align: top }
table#demos td.demoBtn {
           width: 36px;
     border-left: 5px solid white;
}

div.darkBar {
      background: #cccc99 url(/images/green_edge_1.gif) right top no-repeat;
          height: 15px;
   margin-bottom: 5px;
}

div.lightBar {
      background: url(/images/featurette_edge.gif) right bottom no-repeat;
         padding: 8px;
}

div.specialTitleBar {
    border-left: solid 7px #cccc99;
     background: white;
   padding-left: 3px;
}

div.specialTitleBar div {
   padding-left: 8px;
    font-weight: bold;
     background: #e0e0c2 url(/images/featurette_edge.gif) right bottom no-repeat;
}

div.specialContainer {
     background: #e0e0c2 url(/images/featurette_edge.gif) right bottom no-repeat;
  margin-bottom: 12px;
}

div.specialContainer h3 {
      font-size: 100%;
    font-weight: bold;
        padding: 0 0 0 8px;
         margin: 0;
     background: #cccc99 url(/images/green_edge_1.gif) right bottom no-repeat;
}

div.specialContainer div {
     border-top: solid 3px white;
        padding: 8px 8px 16px 8px;
}

/* -[ ILIO BLURB ]--------------------------------------------------------------------------------------------- */
div#ilio-logo {
      background: #e0e0c2 url(/images/catalog_ILIO_logo_list.gif) 2px center no-repeat;
    padding-left: 160px;
}

/* -[ VIENNA BLURB ]------------------------------------------------------------------------------------------- */
div#vienna-blurb, div#blurb {
      margin-top: 4px;
     border-left: solid 7px #cccc99;
    padding-left: 3px;
      background: white;
}

div#vinna-logo {
      background: #e0e0c2 url(/images/vienna/VSLweblogo2.gif) 2px center no-repeat;
    padding-left: 140px;
}

div#vienna-text, div#blurb-text {
      background: url(/images/featurette_edge.gif) right bottom no-repeat;
         padding: 8px;
}
						
.bodycopy				{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 10px; line-height: 14px; font-weight: normal; }

.bodycopygreen				{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #666633; font-size: 10px; line-height: 14px; font-weight: normal; }

.boldbodycopy			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 10px; line-height: 14px; font-weight: bold; }

.boldbodycopygreen			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #666633; font-size: 10px; line-height: 14px; font-weight: bold; }

.boldmisc				{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 09px; line-height: 14px; font-weight: bold; }

.boldbuttons			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 10px; line-height: 14px; font-weight: bold; }

.headlines				{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; line-height: 17px; font-weight: bold; }

.headlinesbig			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 14px; line-height: 17px; font-weight: bold; }
								
.subheads				{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; line-height: 14px; font-weight: bold; }

.links					{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #660000; font-size: 10px; line-height: 14px; font-weight: bold; text-decoration: none }

.linkssmall				{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #660000; font-size: 8px; line-height: 14px; font-weight: bold; text-decoration: none }

.links:hover			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 10px; line-height: 14px; font-weight: bold; text-decoration: none }

.linksdark, a.linksdark	{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 10px; line-height: 14px; font-weight: normal; text-decoration: none }

.linksdark, a.linksdark:hover		{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #660000; font-size: 10px; line-height: 14px; font-weight: normal; text-decoration: none }

.linksbolddark			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 10px; line-height: 14px; font-weight: bold; text-decoration: none }

.linksbolddark:hover	{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #660000; font-size: 10px; line-height: 14px; font-weight: bold; text-decoration: none }

.localnavlinks			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; line-height: 14px; font-weight: normal; text-decoration: none }

.localnavlinks:hover	{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCC99; font-size: 10px; line-height: 14px; font-weight: normal; text-decoration: none }

.featurettebody			{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 10px; line-height: 14px; font-weight: normal; margin-top: 8px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px }

.samplebody				{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 10px; line-height: 14px; font-weight: normal; margin-top: 0px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px }
.italicbodycopy { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 10px; line-height: 14px; font-weight: normal; ; font-style: italic}
.linksheadlines {
font-family: Verdana, Arial, Helvetica, sans-serif; color: #660000; font-size: 12px; line-height: 14px; font-weight: bold; text-decoration: none
}

/* =[ PRODUCT PURCHASE TABLE ]=============================================== */
table#feature-product {
          width: 95%;
     margin-top: 10px;
  margin-bottom: 20px;
}

table#feature-product td {
        padding: 0;
     text-align: left;
 vertical-align: top;
}
table#feature-product td.picture { width: 225px; text-align: right }
table#feature-product td.detail { width: 300px }
table#feature-product td.demo { padding-left: 100px }

/* =[ ADD TO CART ]========================================================== */
form.addToCart ul {
      list-style: none;
         padding: 0;
          margin: 0;
      text-align: right;
           width: 50%;
}

form.addToCart li {
    padding-left: 0;
  padding-bottom: 2px;
   margin-bottom: 2px;
       max-width: 300px;
      min-height: 13px;
}

form.addToCart li input {
           float: right;
}

/* =[ VIENNA LOGO ]========================================================== */
div.viennaLogo {
      margin-top: 50px;
   margin-bottom: 10px;
      text-align: center;
}

div.viennaLogo img {
           width: 400px;
          height: 87px;
}

/* =[ BROWN BAR ]============================================================ */
div.bbar {
      background: url(/images/product_left_spacer.gif) left top no-repeat
}

div.bbar div {
background-color: #E0E0C2;
     margin-left: 10px;
          height: 15px;
}

/* =[ FOOTER ]=============================================================== */
div#bottom-bar {
      background: #999;
           color: white;
     font-weight: bold;
      border-top: solid 1px white;
         padding: 10px;
      text-align: center;
}