@import url("../vam/appearance/vamstylesheet.css");
div {
max-width:100%;
}
img.right, img.left {
max-width:52%;
}
img.left {
float:left;
margin-right:12px;
}
img.right {
float:right;
margin-left:12px;
}
.clear {
clear:both;
}
.block {
display:block;
}
div.clear {
height:1px;
line-height:1px;
margin:0;
overflow:hidden;
}
form, h1, blockquote p {
margin:0;
padding:0;
}
h1 {
font-size:19px;
margin:0 0 20px 0;
}
h2, h3 {
font-size:15px;
margin:12px 0 7px 0;
}
h3 {
font-size:13px;
}
h4, h5, h6 {
font-size:12px;
margin:10px 0 5px 0;
}
img, abbr, acronym {
border:none;
}
ol, ul, li {
font-size:12px;
line-height:147%;
margin:0 0 10px 0;
padding:0;
}
li {
margin:0.1em 0 0 0;
list-style-position:outside;
}
p {
line-height:1.4em;
margin:1em 0;
}
td, th {
text-align:left;
vertical-align:top;
}
p, pre, td, th, input {
font-size:12px;
}
strong, b, .b, em {
font-weight:bold;
}
blockquote {
margin:1em 0 0 0;
padding:0;
}
em {
font-style:normal;
}
a:link, a:active, a:visited {
color:#000099; 
text-decoration:underline;
}
a:visited {
color:#000099;
}
a:hover {
text-decoration:none;
color:#024;
}
img {
max-width:100%;
}
.hide {
display:none;
}
.small {
font-size:10px;
}
.price {
color:#164685;
font-weight:bold;
}
table {
width: 100%;
}
.new_price span {
color:#b51f1e;
}
#camp .vat {
color:#000;
font-weight:normal;
font-size:10px;
margin-left:5px;
}
#main {
float:right;
width:715px;
min-height:400px;
max-width:73%;
}
#main.nosidebar {
width:762px !important;
max-width:100% !important;
}
body {
border: none;
margin: 0;
padding: 0;
background: white;
color: #333333;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}
#wrap1, #top {
margin: 0;
background:transparent url(../images/st1x42.gif) top left repeat-x
}
#wrap2 {
}
#wrap3 {
margin:0;
min-width:600px;
}
#wrap4 {
background:#fff url(shadow00.gif) top left repeat-x;
border:1px solid #666;
border-width:0 1px 1px 1px;
padding-top:1px;
}
#content {
position:relative;
margin: 0;
padding: 15px 15px 15px 15px;
max-width:98%;
width:960px;
}
#top {
height:42px;
}
#menu {
clear:both;
border-bottom:1px solid #666;
background:transparent url(../images/st1x42.gif) top left repeat-x;
background-position:100% -10px;
height:26px;
}
#menu li {
font-size:11px;
}
#menu ul, ul.nobullets, .jsMenu ul {
margin:0;
padding:0;
list-style:none;
}
form, .nomarg {
margin:0;
padding:0;
}
.nomarg li {
margin:4px 0;
padding:0;
}
.pad {
padding:10px;
}
.padbottom {
padding: 0 0 20px 0;
}
.padtop {
padding-top: 10px;
}
.padleft {
padding-left: 10px;
}
.padright {
padding-right: 10px;
}
.padbottom_big {
padding-bottom: 20px;
}
.padtop_big {
padding-top: 20px;
}
.padleft_big {
padding-left: 20px;
}
.padright_big {
padding-right: 20px;
}
ul, ol {
margin-left:20px;
}
ol { 
margin-left:25px;
}
ul.pad {
padding:12px 0 0 2px;
}
.grey {
color:#888;
}
.right, #footer span, .col2, .col2-lines {
float:right;
}
#footer {
clear:both;
margin-top:20px;
color:#444;
}
#footer p {
font-size:10px;
margin:0;
}
#footer a {
color:#444;
}
#footer img {
margin-bottom:-3px;
}
#sub {
background:#efefef url(subnav00.gif) bottom left;
font-size:10px;
line-height:14px;
margin-bottom:1px;
}
#sub a {
color:#333;
display:block;
min-width:48px;
float:left;
text-decoration:none;
background:transparent url(tabright.gif) top right no-repeat;
margin:-1px 6px 0 0;
}
#sub a span {
display:block;
height:14px;
background:transparent url(tableft0.gif) top left no-repeat;
padding:0px 12px 0px 12px;
}
#sub a.sel, #sub a:hover {
background-position:100% -36px;
border-bottom:1px solid #fff;
}
#sub .sel span, #sub span:hover {
background-position:0 -36px;
}
#subx {
background:transparent url(subx0000.gif) bottom right no-repeat;
height:14px;
padding:5px 10px 0 10px;
}
#side {
float:left;
width:200px;
max-width:27%;
margin:0;
}
#side .pad {
padding:5px 0;
}
#side h2, #side h3 {
clear:both;
font-size:12px;
line-height:147%;
margin:10px 0 5px 0;
padding:0 5px;
}
#side h2 {
background: #f5f4ec; 
border-bottom: 1px solid #EBEBEB;
}
#side p + h2 {
margin-top:20px;
}
#side h3, #side h4 {
font-size:11px;
margin:0 0 10px 0;
}
#side h2 a, #side h3 a {
display:block;
color:#222;
text-decoration:none;
}
#side p, #side li, #side dt, #side dd {
font-size:11px;
}
#side p {
margin: 0 0 10px 0;
padding:0 5px;
}
#side li li {
font-size:11px;
}
#side dd {
margin:2px 0px 8px 0px;
}
#smenu {
margin-bottom:20px;
}
#smenu ul {
margin:0;
}
#smenu h2 {
margin:0;
padding:0;
border:1px solid #bbb;
border-width:1px 0;
background:#fbfbfb url(smenu100.gif);
}
#smenu li {
background:#eef0f2;
list-style-type:none;
margin:0;
border-top:1px solid #fff;
border-bottom:1px solid #bec9d1;
}
#smenu a {
text-decoration:none;
display:block;
color:#3f526b;
padding:1px 5px;
}
#smenu li li a {
padding-left:15px;
}
#smenu li li li a {
padding-left:25px;
}
#smenu li li li li a {
padding-left:30px;
}
#smenu li a:hover {
background:#fff url(smarrow0.gif) left center no-repeat;
}
#smenu li li {
background:#f5f7f9;
}
#smenu .x2 li {
border-bottom:none;
}
#smenu li.x1 {
font-weight:bold !important;
background:#f5f7f9 url(smarrow0.gif) left center no-repeat;
}
#smenu li.x1-level3 {
background:#f5f7f9 url(smarrow2.gif) left center no-repeat;
font-weight:bold;
}
.big {
font-size:12px;
font-weight:bold;
}
.bigger {
font-size:13px;
}
.small, .note {
font-size:10px;
}
h1 + .small {
margin-top:2px;
}
#content .vat {
font-size:10px;
font-weight:normal;
color:#333;
}
h1 span {
color:#ccc;
}
.section {
clear:both;
margin-top:20px;
border-top:1px solid #ccc;
}
.section h1 {
margin:10px 0;
}
.spaced {
margin-left:5px;
}
.pagenav {
float:right;
font-size:10px;
text-align:center;
margin:0;
}
.pagenav span {
display:block;
font-weight:bold;
font-size:11px;
}
.col1, .col1-lines, .col2, .col2-lines {
width:48%;
margin-top:10px;
}
.col1, .col1-lines {
clear:both;
float:left;
}
.col1 h2, .col2 h2, .col1 h3, .col2 h3, .col1-lines h2, .col2-lines h2, .col1-lines h3, .col2-lines h3 {
margin-top:10px;
font-size:13px;
}
.col1-lines, .col2-lines {
border-top:1px solid #ccc;
padding-top:10px;
}
table {
border-collapse:collapse;
}
#main.nosidebar table {
width:100%;
}
table.auto {
width:auto;
margin-top:12px;
}
.grid td {
border-collapse:collapse;
padding:2px 5px;
border:1px solid #aaa;
}
.grid th {
background:#31688e;
padding:2px 5px;
color:#fff;
}
.form td, .form th {
background:#f3f3f3;
padding:5px;
border-collapse:collapse;
border:1px solid #fff;
}
.form th {
background:#eee;
}
h2.blue {
background:#31688e;
color:#fff;
font-size:11px;
padding:3px 5px;
margin:0;
}
.green {
color:#181;
}
dt {
margin:0;
}
dd + dt, h1 + ul {
margin-top:15px;
}
dd {
margin:5px 0 5px 10px;
}
dl.list dt {
font-weight:bold;
display:inline;
float:left;
clear:left;
margin:0;
padding:0.2em 1em 0.2em 0;
}
dl.list dd {
padding:0.2em 0;
}
blockquote {
background:#fff url(q1000001.gif) top left no-repeat;
margin:15px 0 0 0;
padding-left:27px;
}
blockquote p {
background:#fff url(q2000001.gif) bottom right no-repeat;
padding:5px 27px 0 0;
margin:0;
}
blockquote#education p {
width: 320px;
background:#fff url(q2000001.gif) bottom right no-repeat;
}
blockquote.gfx {
margin:0;
padding:0;
width:300px;
height:65px;
overflow:hidden;
background:transparent;
}
blockquote.gfx p {
background:#f3f3f3;
padding:0;
}
p.heshesaid {
font-size:10px;
margin:0 0 10px 0;
padding:0 33px 0 0;
text-align:right;
}
#menu li {
width:13%;
height:26px;
margin:0;
padding:0;
float:left;
}
#menu a {
display:block;
width:100%;
line-height:26px;
border-left:1px solid #7e7e7e;
height:26px;
background:transparent url(../images/st1x42.gif) top left repeat-x;
background-position:100% -10px;
text-align:center;
color:#000;
text-decoration:none;
}
#menu a span {
display:block;
width:100%;
height:26px;
border-left:1px solid #fff;
}
#menu a:hover, #menu a.selected {
cursor:pointer;
background-color:#ddd;
background-position:100% -15px;
}
.hide, .handheld, .projection, #sub span {
display:none;
}
li#home, li#buy {
width:11%;
}
li#myopera span {
border-right:1px solid #7e7e7e;
}
.jsMenu {
position:absolute;
display:none;
padding:1px;
background-color:#fff;
border:1px solid #555;
}
.jsMenu li {
border-bottom:1px solid #fff;
font-family: Verdana, Arial, sans-serif;
font-size:10px;
margin:0px;
}
.jsMenu li.separator {
line-height:1px;
height:1px;
background-color:#fff;
padding:0px;
margin:0px;
}
.jsMenu li a {
display:block;
text-decoration:none;
color:#000;
border:1px solid #ccc;
padding:1px 2px 2px 6px;
}
.jsMenu a:hover {
background:#efefef;
}
#logo {
color:#900;
font-size:22px;
padding-left: 15px;
}
#srch {
float:right;
width:308px;
height:30px;
text-align:right;
background:transparent url(top30000.png) top left no-repeat;
}
#srch form {
padding-top:3px;
}
#srchbox {
width:143px;
font-size:10px;
margin-bottom:4px;
}
#crtloglng 
{
clear:right;
float:right;
width:550px;
text-align:right;
padding-top:12px;
margin: 0 5px 0 0;
}
#slogan, #lang, #quote {
clear:right;
float:right;
}
#quote {
margin-top: 10px;
width:370px;
margin-left:30px;
}
#lang {
width:300px;
text-align:right;
padding-top:12px;
}
#lang img {
margin:0 0 -6px 7px;
}
.icon {
margin:0 5px -4px 0;
}
#camp {
background:transparent url(camp0000.gif) bottom left repeat-x;
padding-bottom:10px;
}
#camp h1 {
margin:2px 0 4px 0;
}
#camp img.right {
border-left:28px solid #fff;
}
ul.col {
margin-top:-4px;
margin-bottom:4px;
width:140px;
float:left;
}
.btn {
clear:left;
}
#col2 {
clear:both;
background:#fff url(col20000.gif) top right;
padding-bottom:10px;
border-bottom:1px solid #aaa;
}
.c1 {
width:505px;
max-width:67%;
float:left;
background:#fff;
}
.c2 {
width:252px;
max-width:33%;
float:right;
}
.c2 img {
margin:0 7px;
}
.c2 div {
clear:both;
margin:7px 0;
border-top:1px solid #aaa;
}
#col2 h2 {
margin:0;
background:#eee url(h2grey00.png) top left;
line-height:26px;
font-size:12px;
padding-left:7px;
}
#col2 p, #col2 h3 {
padding:1em 7px 0 7px;
font-size:11px;
margin:0;
}
.col175 {
width:175px;
}
.col70p {
width:70%;
}
.boxes {
clear:both;
margin-top:1px;
border:1px solid #aaa;
padding-bottom:9px;
background:#fff url(boxes000.gif);
width:758px;
}
.boxes h2 {
margin:0;
font-size:12px;
padding:3px 5px;
background-color:#d9d9d9;
border-bottom:1px solid #aaa;
}
.bx {
width:252px;
float:left;
}
.bx + .bx {
margin-left:1px;
}
.bx p {
margin:5px;
}
.lang li {
padding:4px 0;
min-height:45px;
}
.lang li img {
margin:3px 8px 0 0;
}
.lang li p, .buttons {
margin:0 0 0 56px;
}
p.header {
background:#f3f3f3;
padding:1px 0 1px 5px;
margin-bottom:5px;
}
.greyheader {
background:#f2f2f2;
font-size:13px;
padding:2px 5px;
}
p.sub {
padding-left:5px;
margin:0;
}
.topresult {
background:#f4f4f1;
padding:3px 6px;
}
kbd, code {
background:#eee;
padding:0 2px;
}
.border1{
border: 1px solid black;
}
.grayCells {
background: #F5F7F9;
}
#content ul.checklist li {
list-style-type:none;
list-style-image: url(checklis.gif);
list-style-position: outside;
padding:1px 0 2px 2px;
}
.red {
color:#c00;
}
.darkred {
color:#900;
}
.code
{
border:1px solid #777;
background-color:#f3f3f3;
max-width:100%;
overflow:auto;
}
.date {
color: #aa0000;
}
.sep {
color: #aaa;
}
dl.news {
padding-right: 20px;
margin: 0;
clear: left;
border-bottom: 1px dashed #ddd;
}
dl.firstNews {
margin-top: 10px;
}
dl.lastNews {
border-bottom: none;
}
dl.news dt {
color: #aa0000;
display: block;
float: left;
margin: 0 10px 0 5px;
border:1px solid #fff; 
}
dl.news dd {
margin-left: 60px;
margin-right: 10px;
}
#campaign {
background:transparent url(camp0000.gif) bottom left repeat-x;
padding-bottom:10px;
min-height:225px;
}
#betainfo {
width:330px;
height:37px;
background:#eee url(betainfo.gif) top left no-repeat;
}
#betainfo p {
font-size:10px;
font-family:verdana,arial,sans-serif;
padding:3px 0 0 35px;
width:auto;
}
#pf img.left {
margin-top:1em;
}
#pf h3 {
font-size:140%;
margin-top:1em;
margin-bottom:1em;
}
#pf h4 {
background-color:#efefef;
}
#pf p, #pf h3, #pf h4, #pf ul {
margin-left:140px;
}
#pf p {
text-align:justify;
}
.resources {
margin:0;
}
.resources img {
margin:0 6px -4px 0;
}
.resources dt {
margin:10px 0 0 0;
}
.resources dd {
margin:1px 0;
padding-left:20px;
font-size:11px;
}
.section2 {
clear:both;
border-top:1px solid #ddd;
margin-top:10px;
}
.homemedia {
margin-top:11px;
}
.homemedia h2 {
margin:9px 0 0 0;
}
.homemedia h3 {
margin:18px 0 0 0;
font-size:12px;
}
.homemedia p {
margin:5px 0 10px 0;
}
#productsheet h2 {
margin:15px 0 -10px 0;
padding:3px 5px;
background:#e5e5df;
font-size:13px;
}
#productsheet h3 {
font-size:12px;
background:#eee;
padding:0 5px;
}
#productsheet ul {
margin:0;
}
#productsheet li {
border:1px solid #ddd;
margin:1px;
font-size:11px;
padding:0 5px;
list-style:none;
}
.deploy {
padding:3px 5px;
background:#f6f6f6;
}
.tagline {
margin:0;
font-style:italic;
color:#555;
}
h1, h2, h3, h4, h5, h6, p { position: relative;}
a.mnuctx {
color: #aaaaaa !important;
text-decoration: none;
}
a.mnuctxlst {
color: #aaaaaa;
font-weight: bold;
}
a.mnulft:hover, a.pgftr:hover, a.unob:hover, a:hover, a.mnuctx:hover {
color: #0000FF;
text-decoration: underline;
}
a.mnutop {
color: #000099;
text-decoration: none;
}
a.mnutop:hover {
color: #0000FF;
text-decoration: underline;
}
a.pgftr {
color: #666666;
text-decoration: none;
}
a.unob {
color: #000000;
text-decoration: none;
}
table.dta {
margin-top:12px;
border-collapse: separate ;
border-spacing: 2px ;
}
td.dta {
margin: 0;
border: 1px solid #EBEBEB;
padding: 3px 3px 3px 3px;
background: #FBFAF7;
color: #000000;
}
td.dtablankbg {
border: none;
background: #FFF;
color: #000000;
}
td.dtacolhd, td.dtarowhd {
margin: 0;
border: 1px solid #EBEBEB;
padding: 0 3px 0 3px;
background: #f5f4ec;
color: #000000;
text-align: Left;
}
td.dtaftr {
margin: 0;
border: 0;
padding: 0 3px 0 3px;
background: #FFFFFF;
color: #000000;
font-size: 70%;
}
.CartListHead
{
background-color: #eae8dd;
border-bottom: #ebebeb;
border-left: #ebebeb 1px solid;
color: black;
font-size: 11px;
font-weight: bold;
line-height: 20pt;
padding-left: 5px
}
.CartListItem
{
background: #FBFAF7;
border-bottom: #ebebeb;
border-left: #ebebeb 1px solid;
color: black;
font-size: 11px;
padding-left: 5px
}
.CartListItemAlt
{
background: #FBFAF7;
border-bottom: #ebebeb;
border-left: #ebebeb 1px solid;
color: black;
font-size: 11px;
padding-left: 5px
}
.CartListFooter
{
background-color: #eae8dd;
line-height: 10pt
}
#lmnu {
margin: 0;
padding:0;
border: 0;
}
#lmnu ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
border-top: 1px solid #EBEBEB;
border-bottom: 1px solid #EBEBEB;
}
#lmnu li {
display: block;
margin:0;
padding: 0;
border: 0;
}
#lmnu li a {
display: block;
padding: 0px 0px 0px 16px;
border: 0;
margin: 0;
background: #FBFAF7;
}
#lmnu .navi a {
border-left: 1px solid #EBEBEB;
border-right: 1px solid #EBEBEB;
}
#lmnu .navi a:hover {
background: #F0EEE4 url(../images/lbhover.gif) repeat-y;
border-left: 1px solid #EBEBEB;
border-right: 1px solid #EBEBEB;
}
#lmnu .navi a:active {
border-left: 1px solid #EBEBEB;
border-right: 1px solid #EBEBEB;
}
#lmnu #subat a {
background: url(arrow.gif) no-repeat 10px 5px;padding-left:18px;
border-left: 1px solid #EBEBEB;
border-right: 1px solid #EBEBEB;
border-top: 1px solid #EBEBEB;
border-bottom: 1px solid #EBEBEB;
color:#000000;
}
#lmnu a, a:link, a:visited {
text-decoration: none;
border: none;
}
#lmnu a:hover, a:active {
text-decoration: none;
border: none;
}