form { margin: 0px; }
body { margin: 0px; width: 100%; height: 100%;  color: #000000; background-color: #ffffff; }
body, table, div { font-family: "Segoe UI", Arial, Tahoma; font-size: 9pt; }

.site_nav  > ul > li.site_sel_text { color: #1ba5c7; }

a { cursor: pointer; color: #000000; text-decoration: none; }
a:hover  { color: #1ba5c7; text-decoration: underline; }
.no_decoration a, .no_decoration a:hover { color: #000000; text-decoration: none; }
.decoration a, .decoration a:hover { color: #0066cc; text-decoration: underline; }

.LI_ArrowBlack { background-image: url(/images/layout/bullet.arrow.black.gif); padding-top: 2px; padding-bottom: 2px; background-position: left 4px; background-repeat: no-repeat; padding-left: 14px; }
.LI_ArrowWhite { background-image: url(/images/layout/bullet.arrow.white.gif); padding-top: 2px; padding-bottom: 2px; background-position: left 4px; background-repeat: no-repeat; padding-left: 14px; }

.Banner1 { width: 896px; height: 265px; margin-left: auto; margin-right: auto; }

.BoxStyle1 { margin: 0px auto 0px auto; width: 896px; height: auto;}
.BoxStyle1 .middle { width: 100%; height: auto; background-image: url(/images/layout/box.style.1.middle.jpg); background-repeat: repeat-y; background-position: center center;}
.BoxStyle1 .top { width: 100%; height: auto; background-image: url(/images/layout/box.style.1.top.jpg); background-repeat: no-repeat; background-position: center top;}
.BoxStyle1 .bottom { width: 100%; height: auto; background-image: url(/images/layout/box.style.1.bottom.jpg); background-repeat: no-repeat; background-position: center bottom;}

.InfoBox .content { display:inline; position: relative; float: left; width: 274px; height: auto; margin: 12px; text-align: left; }
.InfoBox .content .list { margin: 8px 5px 8px 5px; }

.BoxStyle2 { width: 896px; height: 174px; display: block; background-image: url(/images/layout/box.style.2.jpg); background-repeat: no-repeat; }

.MyBoxes { margin: 0px auto 0px auto; }
.MyBoxes .content { display:inline; position: relative; float: left; width: 274px; height: 150px; margin: 12px 12px 0px 12px; text-align: left; }

.title { font-size: 14pt; }
.subtitle { font-size: 13pt; }
.underline { border-bottom: 2px #555555 solid; margin: 0px 0px 5px 0px; }

.BoxStyle4 { width: 100%; height: auto; }
.BoxStyle4 .Corner1 { width: 100%; height: auto; background-image: url(/images/layout/title.left.gif); background-repeat: no-repeat; background-position: left top;}
.BoxStyle4 .Corner2 { width: 100%; height: auto; background-image: url(/images/layout/title.right.gif); background-repeat: no-repeat; background-position: right top;}
.BoxStyle4 .Corner3 { width: 100%; height: auto; background-image: url(/images/layout/content.left.corner.gif); background-repeat: no-repeat; background-position: left bottom; }
.BoxStyle4 .Corner4 { width: 100%; height: auto; background-image: url(/images/layout/content.right.corner.gif); background-repeat: no-repeat; background-position: right bottom; }
.BoxStyle4 .Top { width: 100%; height: 26px; background-image: url(/images/layout/title.bg.gif); background-repeat: repeat-x;}
.BoxStyle4 .Bottom { width: 100%; height: auto; background-image: url(/images/layout/content.bottom.gif); background-repeat: repeat-x; background-position: left bottom; }
.BoxStyle4 .Left { width: 100%; height: auto; background-image: url(/images/layout/content.sides.gif); background-repeat: repeat-y; background-position: left top; }
.BoxStyle4 .Right { width: 100%; height: auto; background-image: url(/images/layout/content.sides.gif); background-repeat: repeat-y; background-position: right top; }
.BoxStyle4 .Top .Content { color: #FFFFFF; font-weight: bold; text-align: left; padding-left: 8px; padding-right: 8px; line-height: 26px; }

.BoxStyle4 .Main2 { padding: 0px; }
.BoxStyle4 .Main2 .padding { line-height: 10pt; padding: 0px 8px 3px 8px; }
.BoxStyle4 .Main2 .Content { position: relative; text-align: left; }
.BoxStyle4 .Main2 .Content .list  { text-align: left; padding: 3px 0px 3px 0px; } 
.BoxStyle4 .Main2 .selection { position: relative; background-repeat: repeat-x; background-position: left top; cursor: pointer; font-weight: bold; text-align: left; padding: 0px 8px 0px 8px; height: 20px; line-height: 20px; }
.BoxStyle4 .Main2 .special { position: relative; background-repeat: repeat-x; background-position: left bottom; font-weight: bold; text-align: center; padding: 5px 8px 5px 8px; border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; background-image: url(/images/layout/selbg.gif); }

.BoxStyle4 .Main { padding: 0px 1px 4px 1px; }
.BoxStyle4 .Main .Content { position: relative; text-align: left; padding: 5px 5px 5px 5px; }

.BoxStyle4 .up { border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; border-top: 1px #FFFFFF solid; background-image: url(/images/layout/sel.up.gif); color: #000000; }
.BoxStyle4 .down { border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; background-image: url(/images/layout/sel.down.gif); color: #000000; }

.BoxStyle5 { margin: 0px auto 0px auto; width: 896px; height: auto;}
.BoxStyle5 .middle { width: 100%; height: auto; background-image: url(/images/layout/box.style.5.middle.jpg); background-repeat: repeat-y; background-position: center center;}
.BoxStyle5 .top { width: 100%; height: auto; background-image: url(/images/layout/box.style.5.top.jpg); background-repeat: no-repeat; background-position: center top;}
.BoxStyle5 .bottom { width: 100%; height: auto; background-image: url(/images/layout/box.style.5.bottom.jpg); background-repeat: no-repeat; background-position: center bottom;}

.BoxStyle6 { margin: 0px auto 0px auto; width: 896px; height: auto;}
.BoxStyle6 .middle { width: 100%; height: auto; background-image: url(/images/layout/box.style.6.middle.jpg); background-repeat: repeat-y; background-position: center center;}
.BoxStyle6 .top { width: 100%; height: auto; background-image: url(/images/layout/box.style.6.top.jpg); background-repeat: no-repeat; background-position: center top;}
.BoxStyle6 .bottom { width: 100%; height: auto; background-image: url(/images/layout/box.style.6.bottom.jpg); background-repeat: no-repeat; background-position: center bottom;}

.BoxStyle7 { margin: 0px auto 0px auto; width: 896px; height: auto;}
.BoxStyle7 .middle { width: 100%; height: auto; background-image: url(/images/layout/box.style.7.middle.jpg); background-repeat: repeat-y; background-position: center center;}
.BoxStyle7 .top { width: 100%; height: auto; background-image: url(/images/layout/box.style.7.top.jpg); background-repeat: no-repeat; background-position: center top;}
.BoxStyle7 .bottom { width: 100%; height: auto; background-image: url(/images/layout/box.style.7.bottom.jpg); background-repeat: no-repeat; background-position: center bottom;}

.BoxStyle8 { margin: 0px auto 0px auto; width: 896px; height: auto;}
.BoxStyle8 .middle { width: 100%; height: auto; background-image: url(/images/layout/box.style.8.middle.jpg); background-repeat: repeat-y; background-position: center center;}
.BoxStyle8 .top { width: 100%; height: auto; background-image: url(/images/layout/box.style.8.top.jpg); background-repeat: no-repeat; background-position: center top;}
.BoxStyle8 .bottom { width: 100%; height: auto; background-image: url(/images/layout/box.style.8.bottom.jpg); background-repeat: no-repeat; background-position: center bottom;}

.BoxStyle10 { float: left; position: relative; background-color: #FFFFFF; }
.BoxStyle10 .Corners { position: absolute; width: 5px; height: 12px; display: block; background-image: url(/images/layout/box.style.3.corners.gif); background-repeat: no-repeat; }
.BoxStyle10 .Horizontal { position: absolute; width: 100%; height: 12px; display: block; background-image: url(/images/layout/box.style.3.hor.gif); background-repeat: repeat-x; }
.BoxStyle10 .Vertical { position: absolute; width: 5px; height: 100%; display: block; background-image: url(/images/layout/box.style.3.vert.gif); background-repeat: repeat-y; }

.BoxStyle10 .Corner1 { background-position: 0px 0px; }
.BoxStyle10 .Corner2 { background-position: -5px 0px; }
.BoxStyle10 .Corner3 { background-position: 0px -12px; }
.BoxStyle10 .Corner4 { background-position: -5px -12px; }
.BoxStyle10 .Top { background-position: 0px 0px; }
.BoxStyle10 .Bottom { background-position: 0px -12px; }
.BoxStyle10 .Left { background-position: 0px 0px; }
.BoxStyle10 .Right { background-position: -5px 0px; }

.BoxStyle10 ul { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; list-style: none; list-style-position: outside; margin: 0px; padding: 0px; }
.BoxStyle10 li { float: left; }
.BoxStyle10 li.img { position: absolute; left: 4px; top: 12px }
.BoxStyle10 li.description { position: absolute; left: 64px; right: 4px; top: 8px; bottom: 0px; }
.BoxStyle10 li.price { position: absolute; right: 4px; bottom: 2px;  }

.BoxStyle12 { margin: 0px auto 0px auto; width: 896px; height: auto;}
.BoxStyle12 .middle { width: 100%; height: auto; background-image: url(/images/layout/box.style.12.middle.jpg); background-repeat: repeat-y; background-position: center center;}
.BoxStyle12 .top { width: 100%; height: auto; background-image: url(/images/layout/box.style.12.top.jpg); background-repeat: no-repeat; background-position: center top;}
.BoxStyle12 .bottom { width: 100%; height: auto; background-image: url(/images/layout/box.style.12.bottom.jpg); background-repeat: no-repeat; background-position: center bottom;}

.BoxStyle13 { margin: 0px auto 0px auto; width: 896px; height: auto;}
.BoxStyle13 .middle { width: 100%; height: auto; background-image: url(/images/layout/box.style.13.middle.jpg); background-repeat: repeat-y; background-position: center center;}
.BoxStyle13 .top { width: 100%; height: auto; background-image: url(/images/layout/box.style.13.top.jpg); background-repeat: no-repeat; background-position: center top;}
.BoxStyle13 .bottom { width: 100%; height: auto; background-image: url(/images/layout/box.style.13.bottom.jpg); background-repeat: no-repeat; background-position: center bottom;}

.BoxStyle14 { margin: 0px auto 0px auto; width: 896px; height: auto;}
.BoxStyle14 .middle { width: 100%; height: auto; background-image: url(/images/layout/box.style.14.middle.jpg); background-repeat: repeat-y; background-position: center center;}
.BoxStyle14 .top { width: 100%; height: auto; background-image: url(/images/layout/box.style.14.top.jpg); background-repeat: no-repeat; background-position: center top;}
.BoxStyle14 .bottom { width: 100%; height: auto; background-image: url(/images/layout/box.style.14.bottom.jpg); background-repeat: no-repeat; background-position: center bottom;}

.Tab { background-image: url(/images/layout/tab.bg.gif); background-repeat: repeat-x;}
.Tab .Left { width: 100%; height: 100%; background-image: url(/images/layout/tab.left.gif); background-repeat: no-repeat; background-position: left top;}
.Tab .Right { width: 100%; height: 100%; background-image: url(/images/layout/tab.right.gif); background-repeat: no-repeat; background-position: right top;}
.Tab .text { color: #FFFFFF; font-weight: Bold; text-align: center; padding-left: 10px; padding-right: 10px; line-height: 26px; }

.TabSel { background-image: url(/images/layout/tab.sel.bg.gif); background-repeat: repeat-x;}
.TabSel .Left { width: 100%; height: 100%; background-image: url(/images/layout/tab.sel.left.gif); background-repeat: no-repeat; background-position: left top;}
.TabSel .Right { width: 100%; height: 100%; background-image: url(/images/layout/tab.sel.right.gif); background-repeat: no-repeat; background-position: right top;}
.TabSel .text { color: #000000; font-weight: Bold; text-align: center; padding-left: 10px; padding-right: 10px; line-height: 26px; }

.Table1 { width: 939px; border: 1px solid #E4E5E6; background-color: #FFFFFF; padding: 10px 0 10px; }
.Table1 a:link { color: #000000; }
.Table1 a:visited { color: #000000; }

.Table2 { width: 941px; border-left: 1px solid #E4E5E6; border-right: 1px solid #E4E5E6; border-bottom: 1px solid #E4E5E6; background-color: #FFFFFF }
.Table2 .Content { padding-left: 25px; padding-right: 25px; padding-top: 10px; padding-bottom: 15px; text-align: left; }
.Table2 a:link { color: #000000; }
.Table2 a:visited { color: #000000; }

.ODNT .content { width: 870px; display:inline; position: relative; float: left; height: auto; margin: 12px; text-align: left; }
.ODNT .left { width: 274px; }
.ODNT .right { width: 572px; }
.ODNT .right1 { width: 344px; }
.ODNT .right2 { width: 204px; }
.ODNT .content .list { margin: 8px 5px 8px 5px; }
.ODNT .content .title { color: #f38822; padding-bottom: 5px; text-transform: capitalize; }
.ODNT .content .subtitle { color: #555555; padding-bottom: 5px; text-transform: capitalize; }
.ODNT .content .halfleft { float: left; }
.ODNT .content .halfright { float: left; }
.ODNT .content .halfitem { width: 250px; white-space: nowrap; overflow: hidden; }

.bullets { color: #f38822; float: left; margin: 0px 5px 0px 3px; }
.textbullets { float: left; position: relative; left: 0px; right: 0px; }
.yellow { color: #f38822; }

.ODNT .table { display: inline; margin: 0px 0px 0px 6px; }
.ODNT .table .img { display: block; margin: 3px 12px 0px 0px; width:89px; height:57px; }
.ODNT .Icon_VistaReady, .ODNT .Icon_VistaOnly { position: absolute; right: 0px; top: 8px; }
.ODNT .Icon_Win7Ready, .ODNT .Icon_Win7Only { position: absolute; right: 80px; top: 11px; }

.ODNT .head { border: 1px #CCCCCC solid; background-image: url(/images/layout/sel.down.gif); }
.ODNT .seperation { padding: 0px; background: #CCCCCC; height: 2px }

#tooltip{ position: absolute; width: 200px; height: auto; border: 1px solid #CCCCCC; background-color: #FFFFFF; visibility: hidden; z-index: 100; }
.tooltiptitle{ border-bottom: 1px solid #CCCCCC; margin: 3px; text-align: left; font-weight: bold; }
.tooltiptext{ text-align: left; margin: 3px; }

.AlignLeft { text-align: left; }
.AlignRight { text-align: right; }
.AlighCenter { text-align: center; }

.Table1 { border-left: 1px #ececec solid; border-right: 1px #ececec solid; background-color: #FFFFFF; }

.br {clear: both; font-size: 0pt; line-height: 6px; height: 6px;}
.clearbr {clear: both; font-size: 0pt; line-height: 0px; height: 0px;}

table.popular { margin: 0; padding: 0 }
table.popular th { font-weight: normal; padding: 3px 5px 3px 0; vertical-align: top; width: 1px }
table.popular td { padding: 3px 0 }