﻿html body {padding:0px; margin:0px; font-family: Arial; font-size: 12px;}
img{border: 0px;}
a{color: #005298;}
a.none{ text-decoration: none;}
#main{width:1000px; padding:0px; margin: 0px auto 0px auto; text-align: center;}
#wrap{padding:10px 0px 0px 0px;text-align: left; width:986px;margin: 0px auto 0px auto;}
.lpane{float: left; width: 746px;margin-right:10px;}
.rpane{float: left;width:228px;font-size: 11px;}

/* Headers */
h1{font-size: 24px;padding:0px;margin: 5px 0px 5px 0px;}
h2{padding-top: 0px; margin: 0px 0px 12px 0px; font-size: 16px;}
h3{font-family: Arial, Helvetica, sans-serif;font-size: 16px;padding:0px 0px 10px 0px;margin: 0px;}
h3:hover{cursor: pointer; text-decoration: underline;}
/* Headers */

.toppane_bg{width: 745px;color: #20436b;font-size: 13px; padding-bottom: 5px;}
.toppane_wrap{background-color:#ebebeb; padding: 4px 10px 4px 9px;}
/* DAP Panel With NEW */
/*.toppane_imgbg{background: url(../img/87/daphomebg.jpg) no-repeat; width: 709px; height: 260px; padding: 15px 0px 0px 18px;} */
/*.toppane_imgbg{background: url(../img/87/dap_new_window.png) no-repeat; width: 709px; height: 260px; padding: 15px 0px 0px 18px;}*/
.toppane_imgbg{background: url(../img/87/dappanel.jpg) no-repeat; width: 709px; height: 260px; padding: 15px 0px 0px 18px;}


/* DAP Panel Without NEW 
.toppane_imgbg{background: url(../img/87/daplang_window.png) no-repeat; width: 709px; height: 260px; padding: 15px 0px 0px 18px;}*/
    /* without languages / NEW:    .toppane_imgbg{background: url(../img/87/dap_window.png) no-repeat; width: 709px; height: 260px; padding: 15px 0px 0px 18px;}*/


.dap_panel_left{width: 410px; color: #ebebeb; height: 208px;}
.dap_panel_right{width: 265px;float: left; text-align: center;}
.introducing{color: #ffc502; font-size: 18px; font-weight: bold; padding-bottom: 12px;}
.introducing a{color: #ffc502;}
.newhp{background-color: #ffc502; color: #0057bc;}
.cnetstars{background-color: White;padding: 1px; width: 75px; float: left; margin-right: 6px;}
.editorpick{width: 48px; float: left; margin-right: 6px;}
.top10{background-color: White;padding: 1px; width: 42px; float: left;}
.whatsnew{font-weight: bold; margin: 0px 0px 3px 0px; padding-left: 1px; font-size :13px;}

/*bottom part */
.bot{width: 730px; padding:20px 0px 10px 10px;margin-right:8px;}
.bot1{width: 345px; height:135px; padding: 10px 0px 0px 5px; font-size: 12px; font-family: Arial;}
.bot1_over{background-color:#EBEBEB;width: 345px; height:135px; padding:10px 0px 0px 5px; font-size: 12px; font-family: Arial;}
.bot2{width: 335px; height:135px; padding:10px 0px 0px 18px; font-size: 12px; font-family: Arial;}
.bot2_over{background-color:#EBEBEB;width: 335px; height:135px; padding:10px 0px 0px 18px; font-size: 12px; font-family: Arial;}
.bot3{float: left;border-right: 1px solid #E7E3E7;margin:0px 10px 0px 10px;height:300px;}
.botimg{float: left; padding-right: 10px; width: 28px;}
.bottxt{float: left; line-height: 16px; width: 265px;}
/*bottom part */

.googlesearch{margin-top: 30px; width: 370px;margin-left:auto;margin-right:auto;}
.google_wrap{background-color:#ebebeb; padding-left: 5px; padding-right: 5px;}
.google_wrap2{background: #F9F9F9;border-left: 1px solid #C9C9C9;border-right: 1px solid #C9C9C9;padding: 18px 7px 10px 40px;}

/*general*/
.clearall{clear: both;}
.floatleft{float: left;}
.floatright{float: right;}
.font12{font-size:12px;}
.font13{font-size:13px;}
hr.gray{color: #c9c9c9; height: 1px;}
ul.alignleft{margin: 0px; padding-bottom: 10px; padding-left: 15px; padding-right: 0px;}
ul.alignleft li{padding-bottom: 4px;}
ul.alignleft li a{text-decoration: none; color: #ebebeb !important;}
ul.alignleft li a:hover{text-decoration: underline;}
/*general*/

/* colors for corners */
.bg_white{background: white;}
/* colors for corners */

/* Buttons */
/*.dwlbtn {background: url(../img/87/download_btn_hp.png) no-repeat; width: 110px; height:21px;padding: 4px 0px 0px 23px;font-weight:bold;font-size:13px;margin-top:7px; margin-right: 17px; text-align:left;} */
.dwlbtn {background: url(../img/87/dlbtnhome.jpg) no-repeat; width: 109px; height:21px;padding: 4px 0px 0px 23px;font-weight:bold;font-size:13px;margin-right:17px;text-align:left;margin-top:7px; margin-right: 17px;}
.dwlbtn a, .dwlbtn_va a, .dwldapbtn a{color:#ffffff;text-decoration:none;}
.buybtn {background: url(../img/87/buybtnhome.jpg) no-repeat;padding: 4px 0px 0px 30px;width: 103px; height:21px;font-weight:bold;font-size:13px;margin-top:7px;margin-right: 17px;text-align:left;}
.buybtn a, .buydapbtn a{color:#ffffff;text-decoration:none;}
/* Buttons */

/* colors */
.offwhite{color: #ebebeb !important;}
/* colors */

/* sale pop up */
#boxDrag,.boxDrag{ position: fixed; z-index: 5; top: 20%; left: 30%; width: 458px;padding: 0px 0px 0px 0px; border: 2px solid #a60b0c;background-color: #FFFFFF; margin: 0px auto 0px auto;}
.box {padding: 0px;width: 438px;}
* html #boxDrag {position: absolute; margin: 0px auto 0px auto;}
.saleheader{height: 62px; background: url(../img/87/splashheader.jpg) no-repeat;padding: 2px 2px 0px 1px;}
.salebody{padding: 10px 0px 0px 15px; font-size: 30px; font-weight: bold; background: url(../img/87/splashxmasbg.jpg) repeat-x;}
.salebody .weekend{padding: 5px 0px 15px 0px;}
.salebody .supersale{padding-bottom: 30px;}
.salebody .boxes{padding: 0px 0px 20px 0px;}
.salebody .splashclose{margin-right: 70px; padding: 4px 0px 0px 4px;}
.salebody .deals{font-size: 18px;padding-bottom: 30px;}
#close a{color: #DD0000;text-decoration: none; font-size: 12px;}
#overlay{background-color: gray;
position: absolute;left: 0px;top: 0px;width: 100%; height: 1180px;
/* Set both opacity and filter, for MSIE and firefox compatability */
opacity: .55;filter: alpha(opacity=55);
/* z-index sets the layer order, so that the overlay rests on top. Bear in mind that the popup dialogue needs to be even higher! */
z-index:2
}
#close a.red{ color: #d8002e;}
#salewin a{color: #196cea;}
/* sale pop up */