/*@import url("css/template.css");
@import url("css/form.css"); 
@import url("css/infobox.css"); 
@import url("css/contentbox.css");
@import url("css/popup.css");
@import url("css/calender.css");  
@import url("css/errors_messages.css");*/


  @import url("css/contentbox.css"); 

@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-family:"Century Gothic",Arial,Verdana; font-size:12px; color:#040000;}  

@font-face {
 font-family:"Century Gothic";
 src: url(fonts/Gothic.ttf) format("truetype");
 font-weight:normal;
}

img{border-style: none;}
a,img{ border:none; outline:none;}
h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px;}
h1{ color:#949494; font-size:18px; font-weight:normal; font-family:"Century Gothic",Arial,Verdana;}

.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right}
.pdl4{ padding-left:4px;}

/* Main part */
#wrappar{ margin:0px; padding:0px;  min-height: 750px;}
#container{ margin:0 auto; width:995px;}

/* Header */
#header{ padding:7px 0 7px 0px; float:left;}

/* Menu */                
.menu-box{
 //width:786px; 
 //float: left;
 //padding:20px 0 0 59px;
 //float:right;
 }
.menu-l-img{ background:url(../../images/menu-l-img.jpg) top left repeat-x; width:7px; height:28px; float:left;}
.menu-r-img{ background:url(../../images/menu-r-img.jpg) top left repeat-x; width:7px; height:28px; float:right;}
/*.menu-bg{ width:514px; float: left; background:url(../../images/menu-bg.jpg) top left no-repeat; height:28px;}*/
.menu-bg {
    background: url("../../images/menu-bg.jpg") no-repeat scroll left top transparent;
    float: left;
    height: 28px;
  /*  width: 786px;      */
}
.menu-bg ul{ margin:0px; padding:0px;}
.menu-bg ul li{ margin:0px; padding:0px; list-style:none; float:left; display:inline; background:url(../../images/separator.jpg) top right no-repeat; height:28px;}
.menu-bg ul li a{ font-family:"Century Gothic",Arial,Verdana; font-size:11px; color:#727272; padding:0 18px 0 18px; line-height:28px; text-decoration:none; display:block;}
.menu-bg ul li a:hover{background:url(../../images/menu-h.jpg) top left repeat-x;}
.menu-bg ul li a.active{background:url(../../images/menu-h.jpg) top left repeat-x;}
.menu-bg ul li.img-n{ background-image:none!important} 

.home-b{ background:url(../../images/home-b.jpg) top left no-repeat!important;  height:28px; float:left;}
.home-b a:hover{ background:url(../../images/home-b-h.jpg) top left no-repeat!important; height:28px; float:left;}
.home-b a.active{ background:url(../../images/home-b-h.jpg) top left no-repeat!important;  height:28px; float:left;}

.download-b{ background:url(../../images/download-b.jpg) top left no-repeat!important; width:113px; height:28px; float:left; text-transform:uppercase;}
.download-b a:hover{ background:url(../../images/download-b-h.jpg) top left no-repeat!important; width:80px; height:28px; float:left; text-transform:uppercase;}
.download-b a.active{ background:url(../../images/download-b-h.jpg) top left no-repeat!important; width:113px; height:28px; float:left;}


.banner{  float:right; width:195px;}
.banner img{ color:#e1e1e1;}

/* Left Navigation */

.search-bg{ background:url(../../images/search-bg.jpg) top left no-repeat; width:175px; height:22px; float:left; margin:0px 0 0px 0px; padding-bottom:0px; }
.search-bg .input{ background:none; border:none; height:20px; line-height:20px; float:left; margin-left:8px; color:#949494; width:139px; *+float:none; *+position:relative; *+bottom:5px;}
.search-btn{ position:relative; left:0px; *+left:-3px; left:0px\0/;}

.search-bg-left{ background:url(../../images/search-bg.jpg) top left no-repeat; width:178px; height:22px; float:left; margin:5px 0 0px 0px; padding-bottom:20px;}
.search-bg-left .input2{ background:none; float:left; border:none; height:20px; line-height:20px; margin-left:8px; color:#949494; width:139px; *+float:none!important; *+margin-bottom:5px;  }
.search-btn2{ position:relative; left:10px; *+left:5px; *+bottom:2px; left:8px\0/;}



.left-navi{ float:left; width:190px; padding-left:4px;}
.left-navi h1{ color:#949494; font-size:18px; font-weight:normal; font-family:"Century Gothic",Arial,Verdana; text-transform:uppercase;}
.left-navi ul{ margin:0px; padding:0px;}
.left-navi ul li{ margin:0px; padding:0 0 0 8px; list-style:none; float:left; background:url(../../images/navi-bullet.jpg) top left no-repeat; background-position:0 14px; line-height:28px; width:200px;}
.left-navi ul li a{ font-family:Arial, Helvetica, sans-serif; color:#949494; font-size:16px; text-decoration:none;}
.left-navi ul li a:hover{color:#252525;font-weight:bold;}

/* Inner  pages */

/* Product page */


.product{ float:left; width:980px;}
.product h1{color:#949494; font-size:18px; font-weight:normal; font-family:"Century Gothic",Arial,Verdana; margin-bottom:17px;margin-top:-20px; }
.product ul{ margin:0px; padding:0px;}
.product ul li{ padding:0px; margin-top:-14px; list-style:none; width:187px; margin-right:9px;padding-bottom:0px; float:left; min-height:365px;}
.product ul li p{ padding:0; margin:0px; position:relative; bottom:10px; font-family:"Century Gothic",Arial,Verdana; color:#949494; font-size:12px; line-height:14px;}
.product ul li a img{ padding:0; margin:0 0 0px 0px; border:#e3e3e3 solid 1px;}


.view-option{ padding:0px 0 0 10px;/* background-color:#f0f0f0;*/ float:left; display:block; width:345px;}
.view-option a{ font-family:"Century Gothic"; color:#949494; font-size:14px; text-decoration:none;}
.view-option a:hover{ color:#252525;}

/* Product Info */

.product-gallery{ width:429px; float:left; padding-left:5px;}
.product-info-text{ width:623px; float:left; padding-left:20px; font-family:"Century Gothic",Arial,Verdana; line-height:20px; font-size:13px; color:#5f5f5f;}
.product-info-text h1{color:#5f5f5f; font-size:32px; font-weight:normal; font-family:"Century Gothic",Arial,Verdana; padding-bottom:0px; padding-top:8px;/* *+padding-top:3px;*/ line-height:35px;}
.product-info-text p{ padding:10px 0 10px 0px; margin:0px;}
.product-info-text p span{ color:#000;}
.product-info-text p img{ padding:0px; margin:0 8px 0 0px; float:left; border:#e1e1e1 solid 1px;}
.product-info-text ul{ margin:0px; padding:5px 0 5px 0px; float:left;}
.product-info-text ul li{ margin:0px; padding:0 0 0 12px; list-style:none; float:left; background:url(../../images/info-bullet.jpg) top left no-repeat; background-position:0 11px; line-height:24px; width:500px;}

.back-pro{ color:#248fb7; font-size: 10px;  font-weight : bold; float:right; text-decoration:none; position:relative; top:20px;  font-family: Verdana, Arial, sans-serif; }
.play-video{ color:#248fb7; font-size: 10px;  font-weight : bold; right:55px; text-decoration:none; position:relative; top:20px;  font-family: Verdana, Arial, sans-serif; }   
.back-pro:hover{ color:#000000;}
.line{ border-top: solid 1px #d7d7d7; margin:10px 0px;}

/* About us */
.about-text{ float:left; width:536px;}
.text p{ padding:20px  0 0 0px; margin:0px;}
.text p img{ padding:0px  0 0 0px; margin:0 15px 15px 0px;}
.text p a{ text-decoration:none; color:#949494;}
.text p a:hover{ text-decoration:underline; color:#040000;}
.text p strong{ color:#040000; font-size:13px; font-weight:normal; font-family:"Century Gothic",Arial,Verdana;} 
.text p b{ color:#949494; font-size:14px; font-weight:bold; font-family:"Century Gothic",Arial,Verdana;} 
.text span{ color:#040000; font-size:18px; font-weight:normal; font-family:"Century Gothic",Arial,Verdana;} 
.text h2{ color:#707070; font-size:36px; font-weight:normal; text-transform:uppercase; font-family:"Century Gothic",Arial,Verdana; line-height:35px; margin-bottom:15px;} 
.text h2 span{ color:#e1e1e1; font-size:36px; text-transform:lowercase;} 
.text h3{ color:#777777; font-size:24px; font-weight:normal;font-family:"Century Gothic",Arial,Verdana;} 
.text ul{ margin:0px; padding:5px 0 5px 0px; clear:both;}
.text ul li{ margin:0px; padding:0 0 0 12px; list-style:none; float:left; background:url(../../images/info-bullet.jpg) top left no-repeat; background-position:0 11px; line-height:24px; width:980px;}
.maintenance{ position:relative; bottom:90px;}
.space{ position:relative; bottom:40px;}
.line-height{ line-height:24px; padding:0px!important; font-size:13px;}
.btm-text{ width:980px; float:left; text-align:center; line-height:20px; padding:20px 0px; font-size:10px; color:#111111;}

.back{ float:right; width:450px; text-align:right; font-size:10px; color:#d1d1d1; padding-top:15px;} 
.back a{color:#949494; text-decoration:underline; font-size:10px;}
.back a:hover{color:#000; text-decoration:none;}
.toy-text{ color:#3e3e3e;}
/* Contact Us */
.contact-text{ color:#949494;}
.contact-form{ float:left; margin-top:25px;}
.contact-form span{ padding-right:10px; color:#949494; font-size:14px;} 
.input{ width:161px; padding:0 5px;  height:17px; line-height:17px; border:#cccccc solid 1px; margin:0px 0 0 0px; color:#949494; font-size:11px;}
.textarea{ width:245px; padding:5px; height:140px; line-height:17px; border:#cccccc solid 1px; margin:0px 0 0 0px; margin-top:5px; color:#949494; font-size:11px;}
.secu{ position:relative; top:8px;}
.search-txt{ color:#949494;}
.col-header-txt {font-size:16px; color:#949494;}
/* Footer 
#footer{ width:980px; position:relative; float:left; padding:20px 0 0px 0px;  margin-left:130px;} */
#footer{margin:0 auto; width:1040px; } 
.footer-menu{  border-right: 1px solid #898989;
    float: left;
    margin-right: 0;
    min-height: 150px;
    padding: 0 0 0 20px;
    width: 155px;}
.footer-menu h1{ font-family:Arial, Helvetica, sans-serif; color:#636363; font-size:17px; margin:0px; padding:0px; font-weight:normal;}
.footer-menu img{ padding:0 0 0 0px; margin:0 7px 0 0px;}
.footer-menu p{ padding:0px; margin:0px;} 
.footer-menu p span{ font-size:10px;color:#949494; float:left; padding-top:15px; width:230px; text-align:left; font-family:Arial, Helvetica, sans-serif; } 
.footer-menu ul{ margin:0px; padding:0 0 10px; float:left;}
.footer-menu ul li{ margin:0px; padding:0 0 0px 0px; float:left; display:inline; min-width:100px; line-height:14px;}
.footer-menu ul li a{ color:#949494; text-decoration:none; line-height:14px; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.footer-menu ul li a:hover{ color:#252525;}
.footer-menu.bdr{ border-right:#e3e3e3 solid 0px!important;}
.footer-menu.mr{ margin-right:0px!important;}
.ftr-menu{ width:120px; margin-top:20px;}
.ftr-menu2{ width:160px;  margin-top:20px;}
.ftr-menu3{ width:300px; margin-right:100px;  margin-top:20px;}
.ftr-menu-icon{ width:195px; text-align:center;}

.footer-icon{  margin: 0 auto; padding-top:40px; margin-right:25px}
.t-icon{ background:url(../../images/f-icon.jpg) top left no-repeat; width:31px; height:30px; float:left; margin-right:7px; }
.t-icon:hover{ background:url(../../images/f-icon-h.jpg) top left no-repeat; width:31px; height:30px; float:left; }
.f-icon{ background:url(../../images/t-icon.jpg) top left no-repeat; width:31px; height:30px; float:left; margin-right:7px;}
.f-icon:hover{ background:url(../../images/t-icon-h.jpg) top left no-repeat; width:31px; height:30px; float:left; }
.p-icon{ background:url(../../images/p-icon.jpg) top left no-repeat; width:31px; height:30px; float:left; }
.p-icon:hover{ background:url(../../images/p-icon-h.jpg) top left no-repeat; width:31px; height:30px; float:left; }
.i-icon{ background:url(../../images/i-icon.jpg) top left no-repeat; width:31px; height:30px; float:left; margin-left:5px;}
.i-icon:hover{ background:url(../../images/i-icon-h.jpg) top left no-repeat; width:31px; height:30px; float:left; }

#goto_text_top{
width:33px;
height:12px;
border:2px solid #DBDBDB;
color: #949494;
text-decoration: none;
font-weight:bold;
font-family:"Century Gothic",Arial,Verdana;
font-size:10px;
}  

#goto_text{
width:33px;
height:12px;
border:2px solid #DBDBDB;
color: #949494;
text-decoration: none;
font-weight:bold;
font-family:"Century Gothic",Arial,Verdana;
font-size:10px;
}  


.pageResults{
color: #949494;
text-decoration: none;
font-weight:bold;
font-family:"Century Gothic",Arial,Verdana;
font-size:10px;

}
.pageResults:hover{
color: #949494;
text-decoration: underline;
font-weight:bold;
font-family:"Century Gothic",Arial,Verdana;
font-size:10px;
}

.pagingtitle{
color: #949494;
text-decoration: none;
font-weight:bold;
font-family:"Century Gothic",Arial,Verdana;
font-size:12px;
}



/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #FF0000; color:#FFFFFF; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/*Product Info 2*/
.view-main-box{ width:980px; float:left;}
.view-box{ float:left; width:956px; *+width:955px; height:32px;  padding-top:9px; border-bottom:#c5c5c5 solid 1px; border-top:#c5c5c5 solid 1px;}
.product-info2{ float:left; padding:20px 0 20px 0px; }  
.product-info2 table tr td{ padding: 3px 0 0 0px;}
.by-link{ color:#5F5F5F; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.by-link a{  color:#248fb7; font-weight:bold; text-decoration:none;}
.by-link a:hover{ color:#0da0d7;}
.righ-spce{ margin-right:10px!important;}

.sort-by{
float:left;
width:235px;
padding-top:2px;

}
.sort-by select{border:#e4e4e4 solid 1px; width:180px; height:20px; line-height:20px;}

.manufacturer-select table tr td{ padding:2px 0px 10px 0px;}
.manufacturer-select select{
	border:#c5c5c5 solid 1px; width:162px!important; color:#949494; 
	
}
.highslide{ position:relative;}
.zoom-img{ background:url(images/zoom-img.jpg) left top no-repeat; width:108px; height:26px; display:block; position:absolute; bottom:0px; right:3px; bottom:7px;}

.changeBigImage img {
    border: 1px solid #949494;
    padding: 2px;
}
TD.headerNavigationBreadcrumb {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #248fb7;
  font-weight : bold;
  text-decoration: none;
line-height:24px;
}
A.headerNavigation { 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #248fb7;
  font-weight : bold;
  text-decoration: none; 
}
.footer_vr{
float:left;
}
.collection{
 font-family: Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  line-height:12px;
}
td.collection{
height:15px;
}
.dashline{
height:3px;
}
td.downloadlinks{
 height:15px;
}
.downloadlinks {
font-family: Arial, sans-serif;
  font-size: 10px;
  color: #248fb7;
  font-weight:bold;
  text-decoration: none; 
   
}
.downloadlinks12px {
font-family: Arial, sans-serif;
  font-size: 12px;
  color: #248fb7;
  font-weight:bold;
  text-decoration: none; 
 
}

.zipheader{
width:140px;
 font-family: Arial, sans-serif;
  font-size: 11px;
  color: #949494;
  font-weight:bolder;
  text-decoration: none;
  line-height:12px;
  text-align: center; 
}


.zipheaderbold{
width:120px;
 font-family: Arial, sans-serif;
  font-size: 13px;
  color: #040000;
  font-weight:bolder;
  text-decoration: none;
  line-height:13px; 
}

.ziphr{
width:100%;
color:#000000;
}
.hrdash {
   line-height: 5px;
   background-image:url(images/dash.jpg);
   background-repeat: repeat-x;
 
 }

 .zipp2headers {
font-family: Arial, sans-serif;
  font-size: 11px;
  color: #949494;
  font-weight:bold;
  text-decoration: none; 
   
}

select{
    width: 180px;
    text-overflow: ellipsis;
}
.contentBoxContents{
 color:gray;

 
}
.contentBoxContents a{
  text-decoration:none;
   color:gray; 
}
.round-button {
    display:block;
    width:90px;
    height:25px;
    line-height:25px;
    border: 2px solid #f5f5f5;
    border-radius: 8px;
    color:#727272;
    text-align:center;
    text-decoration:none;
    background: #f5f5f5;
    font-size:11px;
    //font-weight:bold;
}
.round-button:hover {
    background: #d1d1d1;
}
.scrollup {
  width: 40px;
  height: 40px;
  opacity: 0.8;
  position: fixed;
  bottom: 50px;
  right: 100px;
  display: none;
  text-indent: -9999px;
  background: url('images/icon-top.png') no-repeat;
}
.product_image:hover{
box-shadow: 5px 5px 5px #c8c3c3;
}