body { margin: 0; padding: 0; font-family: 'Arial'; font-size: 12px; color: #686868; background: #ffffff; }
table, td { margin: 0; padding: 0; font-size: 12px; border-collapse: collapse; vertical-align: top; }
img { border: 0; }
h1, h2, h3, h4, h5, h6, h7, p { padding: 0 0 10px 0; margin: 0; }
ul, ol, li { padding: 0; margin: 0; list-style: none; }
form { padding: 0; margin: 0; }
select, input, textarea, option { padding: 0; margin: 0; font-size: 12px; font-family: 'Arial'; color: #555555; outline: none; }
a { color: #008aba; cursor: pointer; outline: none; }
a:hover { color: #7b7b7b; }
div.br { height: 1px; overflow: hidden; clear: both; }
/*********************************************/
table.page { margin: 0 auto; background: url('images/a0.jpg') repeat-y 0 0; }
td.a11 { background: url('images/a11.jpg') no-repeat 0 0; padding: 40px; text-align: center; font-size: 11px; }
td.a2 { background: #4d9bb6 url('images/a2.jpg') no-repeat 0 0; vertical-align: middle; height: 45px; color: #2e2e2e; text-transform: uppercase; font-size: 12px; padding: 0 15px; }
td.a2 ul li { float: left; border-right: 1px solid #73b0c5; font-weight: bold; }
td.a2 strong { color: #000000; display: block; margin: 0 20px; }
td.a2 a { color: #ffffff; text-decoration: none; margin: 0 20px; }
td.a2 a:hover { color: #2e2e2e; }
td.a1 { background: url('images/a1.jpg') no-repeat 0 0; height: 118px; padding: 0 10px; position: relative; }
td.a1 td.a1a { vertical-align: middle; height: 118px; }
td.a1 td.a1b { color: #2e6f86; font-size: 14px; text-align: right; padding: 0 10px; vertical-align: middle; }
td.a1 td.a1b a { color: #2e6f86; text-decoration: none; }
td.a1 td.a1b a:hover { color: #49a21e; }
td.a1 div { position: relative; height: 118px; }
td.a1 div.sales { position: absolute; right: 0; top: 0; height:40px;}
td.a3 { background: url('images/a3.jpg') no-repeat 0 0; height: 281px; position: relative; }
td.a3 div.a3 { position: relative; width: 998px; height: 281px; }
td.a3 div.a3b { position: absolute; left: 44px; top: 26px; color: #3d90ac; font-size: 36px; line-height: 36px; }
td.a3 div.a3b strong { font-weight: normal; color: #2e6f86; font-size: 48px; display: block; line-height: 46px; }
td.a3 div.a3a { position: absolute; left: 230px; top: 200px; }
td.a3 a.more { display: block; width: 298px; height: 43px; background: url('images/b-more.png') no-repeat 0 0; }
td.a3 a.more:hover { background: url('images/b-more.png') no-repeat 0 -43px; }
td.a3 a.more b { display: none; }
td.a9 { background: #ffffff url('images/a9.jpg') no-repeat 0 0; padding: 40px 15px 0 15px; }
td.a9 td { font-size: 11px; }
td.a8 { background: #c3c1c1 url('images/a8.jpg') no-repeat 0 0; height: 43px; padding: 0 20px; }
td.a8 td { color: #8e8e8e; height: 43px; vertical-align: middle; font-size: 15px; }
td.a8 a { color: #8e8e8e; text-decoration: none; }
td.a8 a:hover { color: #000000; }
td.a10 { background: #539ab4 url('images/a10.jpg') no-repeat 0 0; height: 46px; vertical-align: middle; text-align: center; font-size: 11px; }
td.a10 a { color: #ffffff; margin: 0 5px; }
td.a10 a:hover { color: #2e2e2e; }
td.a13 { background: url('images/a13.jpg') no-repeat 0 0; padding: 0 45px 15px 45px; font-size: 13px; }
table.p13 td { vertical-align: middle; font-size: 13px; }
table.p13 h2 { vertical-align: middle; font-size: 26px; color: #2e6f86; font-weight: normal; }
table.p13 h3 { vertical-align: middle; font-size: 18px; color: #686868; font-weight: normal; }
table.p13 h4 { vertical-align: middle; font-size: 14px; color: #4092ae; font-weight: bold; }
ul.li { padding: 5px 0 10px 0; }
ul.li li { padding: 0 0 5px 23px; background: url('images/li.gif') no-repeat 4px 2px; }
p.li { padding: 0 0 5px 23px; background: url('images/li.gif') no-repeat 4px 2px; margin: -5px 0 0 0; }
p.xi { padding: 4px 0 7px 23px; }
table.form td { vertical-align: middle; padding: 6px 10px 6px 0; }
table.form td.x { vertical-align: top; }
table.form em { color: #ff0000; font-style: normal; font-family: 'Tahoma'; }
table.form strong.p { color: #fb1200; font-size: 14px; }
input.itext { background: #efefef; border: 1px solid #c9c9c9; padding: 2px 3px; width: 300px; height: 22px; }
select.iselect { background: #efefef; border: 1px solid #c9c9c9; padding: 2px 3px; width: 300px; height: 22px; }
select.iselect option { padding: 2px 3px; }
textarea.itextarea { background: #efefef; border: 1px solid #c9c9c9; padding: 1px 3px; width: 300px; }
input.isubmit { background: #9e9e9e; border: 1px solid #9e9e9e; color: #ffffff; padding: 2px 10px; font-weight: bold; }
.blue { color: #2e6f86; }
.green { color: #53ba2c; }
td.a4 { background: url('images/a4.jpg') no-repeat 0 0;   padding-bottom:10px;}
td.a5 { background: url('images/a5.jpg') no-repeat 0 0;   padding-bottom:10px;}
td.a6 { background: url('images/a6.jpg') no-repeat 0 0;   padding-bottom:10px; }
td.a7 { background: url('images/a7.jpg') no-repeat 0 0;  padding-bottom:10px;}


td.a4 div.au { padding: 22px 10px 0 18px; }
td.a5 div.au { padding: 22px 10px 0 10px; }
td.a6 div.au { padding: 22px 10px 0 10px; }
td.a7 div.au { padding: 22px 20px 0 10px; }
div.au h3 { color: #2e6f86; font-size: 24px; line-height: 18px; letter-spacing: -1px; }
div.au h3 span { font-size: 13px; font-weight: normal; letter-spacing: normal; }
div.au small { color: #333333; }
div.au h4 { color: #36a6cc; font-size: 14px; font-weight: normal; }
table.prs td { vertical-align: bottom; }
table.prs td.pr { color: #2e6f86; font-size: 18px; vertical-align: top; text-align: right; }
table.prs td.pr span { font-size: 12px; font-weight: normal; } 
div.new { background: url('images/new.png') no-repeat 100% 0; }
div.xeon { background: url('images/xeon.png') no-repeat 95% 20px; }
td.a7 div.xeon { background: url('images/xeon.png') no-repeat 90% 20px; }
div.o1 { }
div.o2 {  }
div.o3 {   }
div.o4 {   }
ul.li2 { padding: 0 0 7px 0; }
ul.li2 li { padding: 0 0 3px 14px; background: url('images/li2.gif') no-repeat 4px 5px; }
a.more2 { display: block; width: 133px; height: 25px; background: url('images/b-details.png') no-repeat 0 0; }
a.more2:hover { background: url('images/b-details.png') no-repeat 0 -25px; }
a.more2 b { display: none; }

table.orders td { vertical-align: middle; padding: 4px 0; }
.final { color: #70cd40; font-size: 24px; font-weight: normal; }
.error_message { color: red;}