/*---------------MY  DOCUMENT ------------------*/

#all .document {width: 760px; margin: 0px auto; padding: 0px; display: block;}
#all .document .left{width: 160px; padding: 10px 0px 10px 0px; margin: 0px; float: left; display: block; overflow:hidden;}

/*////////////////MENU ACCORDION////////////////*/

#all .document .left .menu_title {font: bold 14px/12px "Trebuchet MS", Arial;  width: 155px; height:26px; margin: 0px; padding: 8px 0px 0px 5px; float: left; display:block;   background: url(imgs/menutitle.jpg) repeat-x 0px 0px; }
      
#all .document .left .mymenu {width: 160px; float:left; background: #f3f3f3; overflow:hidden; display:block;}


#all .document .left .menu_categories {width: 155px; height: 25px; border-bottom: 1px dotted #828282; font: bold 12px/11px "Trebuchet MS", Arial;  margin:0px; padding:5px 0px 0px 5px; cursor:pointer; text-decoration: none; color: #7c7b7b; overflow:hidden; cursor:pointer;}
#all .document .left .menu_categories_on {width: 155px; height: 25px; color: #21b1e0; border-bottom: 1px dotted #828282; font: bold 12px/11px "Trebuchet MS", Arial;  margin:0px; padding:5px 0px 0px 5px; cursor:pointer; text-decoration: none; overflow:hidden; cursor:pointer;}


#all .document .left .menu_subcategories {width: 140px; color:#989495; text-decoration:none; background: url(imgs/menubullet.jpg) no-repeat 0px 5px; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 8px;  overflow:hidden; cursor:pointer;}
#all .document .left .menu_subcategories_on {width: 140px; color:#cc252d; text-decoration:none; background: url(imgs/menubullet.jpg) no-repeat 0px 5px; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 8px; overflow:hidden; cursor:pointer;}

#all .document .left .menu_ssub {width: 130px;  overflow: hidden; font: normal 11px/12px "Arial"; padding: 0px 0px 0px 20px; height:auto; margin: 5px 0px 5px 0px; overflow:hidden;}
#all .document .left .menu_ssub a{width: 130px;  text-decoration:none; color:#6e6e6e; padding: 0px; overflow:hidden;}
#all .document .left .menu_ssub a:hover{width: 130px;  color:#000; text-decoration:underline; padding: 0px; margin: 0px; overflow:hidden;}

#all .document .left .shadow {float: left; width: 160px; margin: 0px; padding: 0px; background: url(imgs/shadow.jpg) no-repeat left top; height:10px; display:block;}
#all .document .left .menuimage {width: 160px; height: 130px; float: left; display:block; padding: 0px; margin: 0px;}
#all .document .left .menuimage img{width: 160px; height: 130px;  margin: 0px auto;}


/*////////////////MENU////////////////*/
#all .document .left .menu_categories a {width: 155px; font: bold 12px/11px "Trebuchet MS", Arial; color: #7c7b7b; padding: 8px 0px 2px 0px; height: 20px; margin: 0px; display:block; text-decoration:none;}
#all .document .left .menu_categories a:hover {text-decoration: none; color: #21b1e0;}
#all .document .left .menu_subcategories  ul {margin: 0px; padding: 0px;}
#all .document .left .menu_subcategories li {list-style-type: none; width: 155px; padding: 2px 0px 0px 5px; margin: 0px; float: left; }
#all .document .left .menu_subcategories li .link {float: left; width: 155px; display:block; padding: 0px; margin: 0px;}
#all .document .left .menu_subcategories li .link a {font: bold 11px/11px "Trebuchet MS", Arial; color:#989495; text-decoration:none; background: url(../imgs/menubullet.jpg) no-repeat 0px 5px; padding: 0px 0px 0px 10px;}
#all .document .left .menu_subcategories li .link a:hover{color:#cc252d; text-decoration:none; background: url(../imgs/menubullet.jpg) no-repeat 0px 5px; padding: 0px 0px 0px 10px; height: 22px;}
#all .document .left .menu_subcategories li .menu_ssub {width: 145px; padding: 5px 0px 5px 10px; float: left;margin: 0px; }
#all .document .left .menu_subcategories li .menu_ssub ul{padding:0px; margin: 0px;}
#all .document .left .menu_subcategories li .menu_ssub li {width: 145px; padding:0px 0px 0px 0px; float: left; margin : 0px 0px 3px 0px; font: normal 11px/12px "Arial";}
#all .document .left .menu_subcategories li .menu_ssub li a{font: normal 11px/12px "Arial"; margin: 0px; padding: 0px; display:block; text-decoration:none; color:#6e6e6e;}
#all .document .left .menu_subcategories li .menu_ssub li a:hover{font: normal 11px/12px "Arial"; margin: 0px; padding: 0px; display:block; color:#000;}



/*////////////LEFT FORUM///////////*/

#all .document .left .leftforum{width: 156px; margin: 0px auto; display:block; padding: 0px 0px 0px 4px;}

/*////////////SEARCH TITLES LEFT//////////*/
#all .document .left .searchtitles {width: 150px; height: 178px; margin: 5px 0px 10px 0px; background: url(imgs/searchfor.jpg) no-repeat left top; padding: 40px 5px 0px 5px; float: left; display: block;}
#all .document .left .searchtitles .search {width: 150px; height: 178px; display:block; float: left; margin: 0px; padding: 0px;}
#all .document .left .searchtitles .search h1{width: 150px; height:20px; font: bold 11px/20px Arial; color: #6d6d6d; float:left; display:block; margin: 5px 0px 0px 0px; padding: 0px;}
#all .document .left .searchtitles .search input {clear:both;width: 148px; height: 20px; float: left; display:block; margin: 0px; padding: 0px; border: 1px solid #b7b9ba; font: normal 11px/20px Arial; color: #6d6d6d; }
#all .document .left .searchtitles .search select {clear:both;width: 148px; height: 20px; float: left; display:block; margin: 0px; padding: 0px; border: 1px solid #b7b9ba; font: normal 11px/20px Arial; color: #6d6d6d; }
#all .document .left .searchtitles .search span {float: left; display:block; width: 150px; height: 10px; margin: 10px 0px 5px 0px; padding: 0px;}
#all .document .left .searchtitles .search span input {clear:both; border: 0px; float:left; display: block; margin:0px; padding:0px;}

#all .document .main {width: 580px;  margin: 0px; float: right; display: block; padding: 10px 5px 10px 15px;}


/*////////////////TEXTS////////////////*/

#all .document .main .path {width: 575px; padding: 0px 0px 0px 5px; margin:0px; height: 25px; font: normal 10px/25px Arial; color: #969798; display:block; float: left;}
#all .document .main .path a {font: normal 10px/25px Arial; color: #969798; text-decoration:none; margin: 0px 4px 0px 4px;}
#all .document .main .path a:hover {font: normal 10px/25px Arial; color: #969798; text-decoration:underline;}
#all .document .main .maintitle {width: 575px; margin: 0px; padding: 10px 0px 0px 5px;  display:block; background:url(imgs/maintitle.jpg) no-repeat left top; font: bold 14px/14px "Arial"; color: #6b6b6b; float: left;}
#all .document .main .maintxt {width: 570px; background: #ffffff;  padding: 5px;  margin: 0px; display:block; float: left; font: normal 12px/16px "Trebuchet MS", Arial; color: #494949;}
#all .document .main .maintxt a {font: normal 12px/16px "Trebuchet MS", Arial; color: #12acdf; text-decoration:underline;}
#all .document .main .maintxt a:hover {font: normal 12px/16px "Trebuchet MS", Arial; color: #12acdf; text-decoration:none;}
#all .document .main .maintxt img {border:1px solid #53b4df!important; margin: 5px; display:block;}
#all .document .main .maintxt strong {color: #12acdf;}


/*//////////////////NEWS//////////////////*/

#all .document .main .maintxt .news {float: left; display: block; margin: 0px; padding: 10px 5px 10px 5px; width: 560px;}
#all .document .main .maintxt .news ul {padding: 0px;display: block;float: left;  margin: 0px;}
#all .document .main .maintxt .news ul li{ text-align:left;width: 550px; float: left; padding: 5px; margin:0px 0px 5px 0px; display: block; list-style-type:none;font: normal 11px/14px "Trebuchet MS", Arial;  color:#363636;  border-bottom: 1px dotted #dedede;}
#all .document .main .maintxt .news ul li a {font: bold 12px/14px "Trebuchet MS", Arial; color: #12acdf; text-decoration:underline; }
#all .document .main .maintxt .news ul li a:hover{font: bold 12px/14px "Trebuchet MS", Arial; color: #12acdf; text-decoration:none;}
#all .document .main .maintxt .news ul li img {display:block; width:90px;float:left; border: 1px solid #12acdf; margin: 0px 5px 0px 0px; padding: 0px;}
#all .document .main .maintxt .news ul li .more {margin:5px 0px; display:block;clear:both;float:left;padding:0px; background: url(imgs/more.jpg) no-repeat 75px 4px;width: 85px; color: #898989; }
#all .document .main .maintxt .news ul li .more a {color: #898989; text-decoration:none; margin: 3px 0px 5px 0px; padding:0px; font: bold 10px/11px "Verdana";}
#all .document .main .maintxt .news ul li .more a:hover{color: #4c4b4b; text-decoration:none; margin: 3px 0px 5px 0px; padding:0px; font: bold 10px/11px "Verdana";}
#all .document .main .maintxt .news ul li p{margin:0px; padding:0px}

/*/////////////////TABS////////////////*/
.hidden { display: none; }
#all .document .main .maintxt div.product-tabs {clear: both; margin:25px 0px 10px 0px; padding: 0px; background:#f5f3f3; width:570px;}
#all .document .main .maintxt div.product-tabs ul.tabs {font: normal 12px/15px "Trebuchet MS", Arial; color:#000; background: url(imgs/tabsbgr.jpg) repeat-x left top; height: 25px; padding: 0px; margin: 0px; border-bottom: 1px dotted #646464;}
#all .document .main .maintxt div.product-tabs ul.tabs li {float: left; display:block; margin: 0px; border-right: 1px solid #cdcdcd;  list-style-type: none;}
#all .document .main .maintxt div.product-tabs ul.tabs li a {font: bold 11px/25px Arial; color: #3d4950; text-decoration:none;  height: 25px; padding: 0px 5px 0px 5px;}
#all .document .main .maintxt div.product-tabs ul.tabs li a:hover, #all .document .main .maintxt div.product-tabs ul.tabs li.active a {  background: url(imgs/tab_over.jpg) repeat-x left top; color: #fff; float: left;}

#all .document .main .maintxt div.product-tabs div.plinths {margin: 0px 0px 0px 0px; padding:0px; position: relative; z-index: 100; width: 570px;}
#all .document .main .maintxt div.product-tabs div.plinth {clear: both;margin:0px ; color:#2e3033;font: normal 12px/15px "Trebuchet MS", Arial;}
/*/////////////////EXPAND TITLES////////////////*/

#all .document .main .maintxt div.product-tabs .plinth .wrapper {width:570px; margin: 0px; padding:0px; display:block;  }
#all .document .main .maintxt div.product-tabs .plinth .wrapper .title {font: bold 12px/25px "Trebuchet MS", Arial; color: #12acdf; background: url(imgs/bullet1.jpg) no-repeat 2px 6px; height: 25px; border-bottom: 1px dotted #cfcfcf; width: 550px; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 20px; display:block; overflow:hidden; cursor:pointer;}
#all .document .main .maintxt div.product-tabs .plinth .wrapper .text{width: 560px; margin: 0px; padding: 5px; display:block; font: normal 12px/16px "Trebuchet MS", Arial; color: #494949;}
#all .document .main .maintxt div.product-tabs .plinth .wrapper .text img {border:1px solid #53b4df;  margin: 0px 5px 0px 5px; float: left;}
#all .document .main .maintxt div.product-tabs .plinth .wrapper .text strong {color: #12acdf;}
#all .document .main .maintxt div.product-tabs .plinth .wrapper .text ul {margin:0px; padding:0px;display:block;width: 560px;}
#all .document .main .maintxt div.product-tabs .plinth .wrapper .text li {list-style-type:none;width: 500px; background: url(imgs/more.jpg) no-repeat 0px 4px; display:block;margin:0px; padding:0px 0px 0px 10px; float:left;}



/*/////////////////IMAGE GALLERY////////////////*/
#all .document .main .maintxt div.product-tabs .plinth .wrapper .image_gallery{width: 550px; margin: 0px auto; padding: 10px; display:block; float: left;}
#all .document .main .maintxt div.product-tabs .plinth .wrapper .image_gallery ul {padding: 0px; margin: 0px;}
#all .document .main .maintxt div.product-tabs .plinth .wrapper .image_gallery li{padding:0px; margin: 0px 10px 10px 5px; border:1px solid #12acdf; width: 120px; height:90px; float: left; display:block; list-style-type:none;}
#all .document .main .maintxt div.product-tabs .plinth .wrapper .image_gallery li img { width: 120px; height:90px; float: left;}

/*////////////PRODUCT IN DOCUMENT ADD//////////*/

#all .document .main .prod_add {width:570px; margin: 0px; padding: 0px 0px 0px 0px; display: block; float: left; background:#fff; }
#all .document .main .prod_add h3 {color: #494949; font: bold 14px/14px "Trebuchet MS", Arial; margin: 10px 0px 0px 0px; padding: 0px; display:block; float: left; width: 570px;}
#all .document .main .prod_add .price {color: #494949; font: bold 14px/14px "Trebuchet MS", Arial; margin: 0px; padding: 5px 0px 0px 0px; display:block; float: left;}
#all .document .main .prod_add .sprice {color: #12acdf; font: bold 14px/14px "Trebuchet MS", Arial; margin: 0px; padding: 5px 0px 0px 10px; display:block; float: left;}
#all .document .main .prod_add .strike {color: #494949; font: bold 14px/14px "Trebuchet MS", Arial; margin: 0px; padding: 5px 0px 0px 0px; display:block; float: left; text-decoration:line-through;}
#all .document .main .prod_add .buttons {float: left; width: 570px;  margin: 10px 0px 0px 0px; padding:0px; display:block;}
#all .document .main .prod_add .buttons input {margin: 0px auto; }

/*////////////PRODUCT ACCESORIES//////////*/
#all .document .main .prod_acc {width:560px; margin: 0px; padding: 0px; display: block; float: left; border-bottom: 2px solid #d0d0d0;}
#all .document .main .prod_acc h3 {color: #494949; font: bold 12px/14px "Trebuchet MS", Arial; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 10px; display:block; float: left; width: 550px;}
#all .document .main .prod_acc .buttons {float: left; width: 565px;  padding: 9px 0px 0px 5px; margin: 10px 0px 0px 0px;  background:#fff url(imgs/acc_bgr.jpg) repeat-x left top; }
#all .document .main .prod_acc .price {color: #494949; font: bold 12px/14px "Trebuchet MS", Arial; margin: 0px; padding: 0px 0px 0px 10px; display:block; float: left; width: 550px;}
#all .document .main .prod_acc .sprice {color: #12acdf; font: bold 12px/14px "Trebuchet MS", Arial; margin: 0px; padding: 0px 0px 0px 10px; display:block; float: left; width: 550px;}
#all .document .main .prod_acc .strike {color: #494949; font: bold 12px/14px "Trebuchet MS", Arial; margin: 0px; padding: 0px 0px 0px 10px; display:block; float: left; width: 550px; text-decoration:line-through;}

/*////////////////OFFERS//////////////*/

#all .document .main .offertitle {width: 560px; height: 37px; background: url(imgs/bgr_title.jpg) repeat-x 0px 0px; font: bold 15px/37px "Trebuchet MS", Arial; padding: 0px 0px 0px 20px; float: left; display:block; color: #929293; margin: 10px 0px 0px 0px;}


/*///////ACCESSORIES///////*/

/*/////////////////EXPAND TITLES////////////////*/

#all .document .main .maintxt .wrapper {width:570px; margin: 0px; padding:0px; display:block; float: left; }
#all .document .main .maintxt .wrapper .title {font: bold 12px/25px "Trebuchet MS", Arial; color: #12acdf; background: url(imgs/bullet1.jpg) no-repeat 2px 6px; height: 25px; border-bottom: 1px dotted #cfcfcf; width: 550px; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 20px; display:block; overflow:hidden;}
#all .document .main .maintxt .wrapper .text{width: 560px; margin: 0px; padding: 5px; display:block; font: normal 12px/16px "Trebuchet MS", Arial; color: #494949;}
#all .document .main .maintxt .wrapper .text img {border:1px solid #53b4df;  margin: 0px 5px 0px 5px; }
#all .document .main .maintxt .wrapper .text strong {color: #12acdf;}



/*////////////////// SEARCH ///////////////////*/
#all .document .thesearchtitle {width: 740px; margin: 20px 5px 10px 0px; padding: 0px 0px 0px 20px; height: 40px; display:block; background:url(imgs/maintitle.jpg) no-repeat left top; font: bold 14px/40px "Arial"; color: #6b6b6b; float: left;}
#all .document .search {width: 740px; margin: 0px auto; padding: 10px; display:block; } 
#all .document .search ul{margin: 0px; padding: 0px;}
#all .document .search li {width: 740px; margin: 0px 0px 10px 0px; padding: 0px; display:block; float: left; list-style-type:none; }
#all .document .search li .num{width: 20px; margin:0px; padding:0px; float:left; display:block; font: bold 12px/14px "Trebuchet MS", Arial; color:#494949;}

#all .document .search li .searchright {width: 720px; margin: 0px; padding: 0px; float: left; display:block;}
#all .document .search li .searchright .searchtitle {width: 720px; margin: 0px; padding: 0px; float:left; display:block; font: bold 12px/14px "Trebuchet MS", Arial; color:#494949;}
#all .document .search li .searchright .searchtitle a{font: normal 12px/14px "Trebuchet MS", Arial; color:#494949; text-decoration:underline;}
#all .document .search li .searchright .searchtitle a:hover{font: normal 12px/14px "Trebuchet MS", Arial; color:#494949; text-decoration:none;}
#all .document .search li .searchright .searchtext {width: 720px; margin: 0px; padding: 0px; float:left; display:block; font: normal 12px/14px "Trebuchet MS", Arial; color:#494949;}
#all .document .search li .searchright .searchtext br{margin:0px; padding:0px;}

#all .document .search li .searchright .searchtitle input {float:left; margin: 0px 5px 5px 0px; padding:0px; width: 75px;}
#all .document .search li .searchright .searchtitle br {margin:0px; padding:0px;}

#all .document .pagesearchtop {width: 750px; margin: 0px 0px 5px 0px; float:left; padding: 5px; display:block; border-bottom: 1px dotted #dedede;}
#all .document .pagesearchtop .p {width: 100px; margin: 0px; padding: 0px; height: 24px; float: left; display:block; text-align:left;}
#all .document .pagesearchtop .p a{text-decoration: underline; font: normal 11px/24px "Arial"; color: #999;}
#all .document .pagesearchtop .p a:hover{text-decoration: none; }


#all .document .pagesearchtop .p .pselect {color: #c50909; text-decoration:none; background:#dedede;}


#all .document .pagesearchtop .n {width: 100px; margin: 0px; padding: 0px; height: 24px; float: left; display:block; text-align:right;}
#all .document .pagesearchtop .n a{text-decoration: underline;font: normal 11px/24px "Arial"; color: #999; }
#all .document .pagesearchtop .n a:hover{text-decoration: none; }
#all .document .pagesearchtop .num {width: 550px; margin: 0px; padding: 0px; height: 24px; float: left; display:block; text-align:center; font: bold 11px/24px "Arial"; color: #999;}
/*#all .document .pagesearchtop .num a {font: bold 11px/24px "Arial"; color: #999; text-decoration:none; margin: 0px;  padding: 0px 3px 0px 3px;}*/
#all .document .pagesearchtop .num a{font: bold 11px/24px "Arial"; color: #000000; text-decoration:none; }

#all .document .pagesearchbottom {width: 750px; margin: 0px 0px 5px 0px; float:left; padding: 5px; display:block; border-top: 1px dotted #dedede;}
#all .document .pagesearchbottom .p {width: 100px; margin: 0px; padding: 0px; height: 24px; float: left; display:block; text-align:left;}
#all .document .pagesearchbottom .p a{text-decoration: underline; font: normal 11px/24px "Arial"; color: #999;}
#all .document .pagesearchbottom .p a:hover{text-decoration: none; }
#all .document .pagesearchbottom .n {width: 100px; margin: 0px; padding: 0px; height: 24px; float: left; display:block; text-align:right;}
#all .document .pagesearchbottom .n a{text-decoration: underline;font: normal 11px/24px "Arial"; color: #999; }
#all .document .pagesearchbottom .n a:hover{text-decoration: none; }
#all .document .pagesearchbottom .num {width: 550px; margin: 0px; padding: 0px; height: 24px; float: left; display:block; text-align:center; font: bold 11px/24px "Arial"; color: #999;}
/*#all .document .pagesearchbottom .num a {font: bold 11px/24px "Arial"; color: #999; text-decoration:none; margin: 0px;  padding: 0px 3px 0px 3px;}*/
#all .document .pagesearchbottom .num a  {font: bold 11px/24px "Arial"; color: #000000; text-decoration:none;}