/* 
    Document   : main
    Created on : 14.09.2009, 17:13:51
    Author     : visual-craft
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

img.banner_c_img, .product-description-bottom img {
    behavior: url(../css/iepngfix.htc);
}

* {
  padding:0;
  margin:0;
}

img{
-ms-interpolation-mode: bicubic;
}

root { 
  display: block;
}
html, body {
  font:12px/1.55em helvetica;
  color:#555555;
  text-align:left;
  width:100%;
  height:100%;
}
.left { 
  float:left;
}
.right { 
  float:right;
}
.clear { 
  clear:both;
}
#container {
  width:1030px; /*1004*/
  margin:0 auto;
}
#header {
  height:332px;
  margin-top:0px;
  position:relative;
}

#logo {
  margin-top:22px;
}

.auxMenu {
  margin-top:5px;
}

a{
 text-decoration:none;
 color:#25408F;
}

a:hover{
 color:#EAAC21;
}

a.subcategory{
  margin-left:20px;
}


#header .auxMenu a {
  display:block;
  text-transform:uppercase;
  color:#25408F;
  font:bold 0.97em/1.55em Arial;
  text-decoration:none;
  background:url('../images/link_marker.png') 0 50% no-repeat;
  padding-left:15px;
}
#header .auxMenu .rg a {
  margin-left:5px;
}
#header .auxMenu a#basket {
  background:url('../images/basket.png') 0 50% no-repeat;
  padding-left:20px;
  margin-left:0;
}
#header .auxMenu a:hover, #header .auxMenu a.active {
  color:#EAAC21;
}
#header .auxMenu .left {
  margin-left:16px;
}
#header .banner {
  margin-top:15px;
}
#header .banner img {
  display:none;
  border: none;
}
#header .navigation {
  position:absolute;
  bottom:0;
  left:20px;
}
#header .navigation a {
  text-decoration:none;
  font:bold 15px Helvetica;
  color:#25408F;
  text-transform:uppercase;
  background:url('../images/menuSeparator.png') 100% 50% no-repeat;
  padding-right:14px;
  margin-right:6px;
}
#header .navigation a#last {
  padding:0;
  margin:0;
  background:none;
}
#header .navigation a.active, #header .navigation a:hover {
  color:#EAAC21;
}
.footer {
  color:#949494;
  padding:25px 7px 20px 30px;
  font:11px Helvetica;
  text-transform:uppercase;
}
.footer a {
  color:#949494;
  text-decoration:none;
  padding-right:13px;
  margin-right:8px;
  background:url('../images/footMenuSeparator.png') 100% 50% no-repeat;
}
.footer a#lastx {
  padding:0;
  margin:0;
  background:none;
}
.footer a:hover,.footer a.active {
  text-decoration:underline;
}

.home-content { 
  width:670px;
  padding-left:20px;
  color:#555555;
  font:16px/2em Helvetica;
  margin-top:30px;
  line-height: normal;
}
.home-content a {
  font:12px Helvetica;
  color:#25408F;
  text-transform:uppercase;
  text-decoration:none;
}
.right-banners {
  position:relative;
  top:-4px;
}
.top-pad { padding-top:30px; }
#scnd {
  margin-bottom:25px;
}
#categories .item {
  width:248px;
}
#categories .item .head {
  height:25px;
  background:url('../images/homeH2_bg.png') 0 0 no-repeat;
  margin-bottom:5px;
}
#categories .item .head h2 {
  color:#FFFFFF;
  font:bold 15px Helvetica;
  margin-left:14px;
  padding-top:5px;
}
#categories .item #personal-up {
  background:url('../images/personal_up.png') 0 0 no-repeat;
  padding-top:104px;
}
#categories .item #mediacal-up {
  background:url('../images/mediacal_up.png') 0 0 no-repeat;
  padding-top:104px;
}
#categories .item #financial-up {
  background:url('../images/financial_up.png') 0 0 no-repeat;
  padding-top:104px;
}
#categories .item #fun-up {
  background:url('../images/fun_up.png') 0 0 no-repeat;
  padding-top:104px;
}
#categories .item .description {
  background:url('../images/description-repeat.png') repeat-y;
}
#categories .item .description .down-bg {
  background:url('../images/description-bottom.png') 0 100% no-repeat;
  padding:0 12px 10px;
  line-height:18px;
  min-height:150px;
  height:auto !important;
  height:150px;
}
#categories .item .description .down-bg a {
  display:block;
  width:100px;
  color:#0000ff;
  text-transform:uppercase;
  padding-top:6px;
  text-decoration:none;
}
#categories .item .description .down-bg a:hover{
  text-decoration:underline;
}
#categories .item {
  float:left;
  margin-right:12px;
}
#categories .item.last {
  margin-right:0;
}
#why_carebinders { margin-top:30px; }
#why_carebinders .colum-left {
  float: left;
  width:251px;
  padding-left:15px;
  position:relative;
}
#why_carebinders .colum-left .head {
  background:url('../images/why_carebinders_h2.png') no-repeat;
  height:25px;
}
#why_carebinders .colum-left .head h2 {
  color:#FFFFFF;
  font:bold 15px Helvetica;
  padding:4px 0 0 12px;
}
#why_carebinders .colum-left .wh_car_list {
  background:url('../images/wh_car_list.png') repeat-y;
  width:250px;
  margin-top:6px;
}
#why_carebinders .colum-left .wh_car_up {
  background:url('../images/wh_car_up.png') 0 0 no-repeat;
}
#why_carebinders .colum-left .wh_car_dw {
  background:url('../images/wh_car_dw.png') 0 100% no-repeat;
  padding:15px 15px 11px;
  margin-bottom:6px;
}
#why_carebinders .colum-left .wh_car_dw a {
  color:#555555;
  text-decoration:none;
  background:url('../images/wh_car_marker.png') 0 0px no-repeat;
  padding-left:8px;
  line-height:12px;
  display:block;
  margin-bottom:4px;
}
#why_carebinders .colum-left #order-box-version {
  position:relative;
  display:block;

  top:0;
  z-index:200;
}
#why_carebinders .colum-left a {
  position:relative;
  display:block;
  top:-11px;
  z-index:100;
}
#why_carebinders .colum-left .wh_car_list a {
  top:0px;
  text-decoration:underline;
}



#why_carebinders .colum-left a:hover {
  color:#3F6497;
  background-position:0 100%;
}
#why_carebinders .content {
  float: right;
  width:716px;
  padding-right:30px;
}
#why_carebinders .content h3 {
  color:#25408F;
  font-size:14px;
  margin-bottom:6px;
}
#why_carebinders .content ul, #why_carebinders .content ol {
  margin-left:30px;
}
.col-right {
  float:right;
  width:251px;
  padding-left:17px;
}
.col-right .head {
  background:url('../images/why_carebinders_h2.png') no-repeat;
  height:25px;
  padding-left:10px;
  margin-bottom:6px;
}
.col-right .head h4 {
  color:#FFFFFF;
  font:normal 12px Arial;
  padding:5px 0 0 15px;
  background:url('../images/shop-cart-bg.png') 0 70% no-repeat;
}
.col-right .head .checkout {
  color:#FFFFFF;
  font:bold 12px Arial;
  display:block;
  background:url('../images/checkout.png') no-repeat;
  width:63px;
  line-height:17px;
  text-decoration:none;
  text-align:center;
  float:right;
  margin-top:4px;
  margin-right:4px;
}
.col-right .board-rp {
  background:url('../images/board-rp.png') repeat-y;
  width:250px;
}
.col-right .board-top {
  background:url('../images/board-top.png') 0 0 no-repeat;
  position:relative;
}
.col-right .board-bot {
  background:url('../images/board-bot.png') 0 100% no-repeat;
  padding:15px;
}
.col-right .board-bot strong {
  text-transform:uppercase;
  display:block;
}
.col-right .board-bot ul {
  margin-left:14px;
}
.col-right .order-left-separator {
  padding:13px 0;
}
.col-main {
  float:left;
  width:735px;
  padding-right:19px;
  padding-top:3px;
}
.col-main h2 {
  color:#284181;
  font:bold 15px Helvetica;
  margin-bottom:10px;
}

.col-main .product-description {
  background:url('../images/product-description.png') repeat-y;
}
.col-main .product-description #download_icon {
  position:absolute;
  right:22px;
  -right:42px;
  top:-10px;
}
.col-main .product-description #cd_icon {
  position:absolute;
  right:12px;
  -right:32px;
  top:-23px;
}
.col-main .product-description .product-name-title, .col-main .product-description .products-description-title, .buy-box .price-title {
  color:#284181;
  font:bold 12px Helvetica;
  padding-right:10px;
}
.col-main .product-description .product-name {
  margin-bottom:2px;
}
.col-main .product-description .products-description {
  line-height:16px;
}
.col-main .product-description-top {
  background:url('../images/product-description-top.png') 0 0 no-repeat;
}
.col-main .product-description-bottom {
  background:url('../images/product-description-bottom.png') 0 100% no-repeat;
  padding:15px 145px 0px 12px;
  min-height:67px;
  position:relative;
}
.col-main .product-description-bottom#sys_req {
  padding:15px 15px 0;
  margin-bottom:16px;
}

.col-main .dwnl_time {
  padding:5px 10px 0px;
}
.col-main .dwnl_time ul {
  margin-left:17px;
}
.col-main .buy-box {
  padding-left:12px;
  width:540px;
  margin-bottom:16px;
}
.col-main .buy-box button {
  border:none;
  width:68px;
  height:22px;
  background:url('../images/buyit.png') 0 0 no-repeat;
  color:#FFF;
  font-weight:bold;
  cursor:pointer;
}
.col-main .buy-box button:hover {
  background-position:0 100%;
}
.cd-products {
  margin-top:18px;
}

.cd-products td {
  text-align:center;
  vertical-align:middle;
  padding:3px;
}
.cd-products .tt-title {
  background:#4F81BD !important;
  color:#FFF;
  font:normal 18px arial;
}

.cd-products .tt-title small {
  font-size:12px;
}

.cd-products .cd-items {
  height:31px;
  line-height:31px;
}
.cd-products tr.even {
  background:#D0D8E8;
}
.cd-products tr {
  background:#E9EDF4;
  font-size:18px;
}
.cd-products .cd-items .item-name {
  float:left;
  padding-left:115px;
  width:55px;
}
.cd-products .cd-items .item-name h5 {
  font:normal 12px Helvetica;
  padding-top:8px;
}
.cd-products .cd-items .item-quantity {
  float:left;
  width:130px;
  padding-right:10px;
}
.cd-products .cd-items .item-discount {
  float:left;
  padding-right:10px;
  width:130px;
}
.cd-products .cd-items .item-price, .cd-products .cd-items .item-qty {
  float:left;
  padding-right:10px;
  width:65px;
}
.cd-products  .item-qty input {
  width:35px;
}
.cd-products .item-buy input {
  border:none;
  width:68px;
  height:22px;
  background:url('../images/buyit.png') 0 0 no-repeat;
  color:#FFF;
  font-weight:bold;
  cursor:pointer;
}
.cd-products .item-buy input:hover {
  background-position:0 100%;
}
.truncate_more { float:left; }

.baner_caption {
    top: 108px;
    position: absolute;
    
    width: 1030px;
    height: 192px;
    z-index: 100;
}
#personal-up, #mediacal-up, #financial-up, #fun-up {
  position:relative;
}
#personal-up .a_more, #mediacal-up .a_more, #financial-up .a_more, #fun-up .a_more {
  position:absolute;
  width:100px;
  height:100px;
  left:67px;
  top:4px;
}
#personal-up .a_more span, #mediacal-up .a_more span, #financial-up .a_more span, #fun-up .a_more span {
  display:none;
}