 /* CSS Document */

/* --  Body attributies  --*/
form{  margin: 0; }
td{ vertical-align: top; }
table{
  border-collapse: collapse;.ip-data table th input
}
.clear{
  clear: both;
  overflow: hidden;
}
body{
  margin: 0 0 0 0;
  text-align: center;
  background: url(/images/body_bg.png) repeat 0 0 ;
}
.preloader{
  display: none;
}
/* -- Link color  --*/
a {
  color: #555; 
  text-decoration: none;
}
a:hover {
  color: #ACE82A;
  text-decoration: underline;
}
a img{
  border: 0px;
}
div, p, td, th{
  font: normal 12px  Helvetica,Arial,Verdana,sans-serif;
}
div#page{
  margin: 0 auto;
  width: 1000px;
  text-align: left;
 overflow:hidden;
}
/*-- Page size --*/
#page{
  width: 928px;
  margin: 0 auto;
  text-align: left;

}
/*-- Header --*/
.lr-links{
  text-align: right;
  color: #ffffff;
  font-size: 11px;
  position: absolute;
  top: 63px;
  left: 50%;
  width: 480px;
}
.lr-links span.lr-line{
  padding: 0 4px;
}
.lr-links a{
  color: #FFFFFF;
    font: 11px Helvetica,Arial,Verdana,sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
.lr-links a:hover{
  text-decoration: none;
  color:#ACE82A;
}
.header{
  background:  url("/Apex/img/header/header-bg-2.png")   0 0 repeat-x;
  height: 125px;
}
.header a.logo {
    background: url("/Apex/img/header/top-banner-blank-01.gif") no-repeat scroll 0 0 transparent;
    display: block;
    margin-top: 33px;
}
/*-- .header .banner{
  float: right;
  font: normal 12px  Helvetica,Arial,Verdana,sans-serif;
  color: #09488f;
  text-align: right;
  padding-top: 13px;
  margin-right: 10px;
  _margin-right: 5px;
}
.header span.call-number{
  font-size: 16px;
  font-weight: 500;
  font-family: 'MyriadPro-Semibold', Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px; font-weight: bold;
}
.header .hours{
  font: normal 9px  Helvetica,Arial,Verdana,sans-serif;
  color: #508fc4;
} --*/

/*-- Top nav --*/
.top-nav-back{
  background: url(/Apex/img/header/top-nav-bg-05.gif) repeat-x 0 0;
 height:50px;
 overflow:hidden;
}
.top-nav{
 padding-top:12px;
  overflow: hidden;
}
.top-nav ul{
  list-style: none;
  padding: 0; margin: 0;
}
.top-nav ul li{
  float: left;

}
.top-nav ul li a{
  display: block;
  color: #ffffff;
  font-family: Helvetica,Arial, verdana, sans-serif;
  font-size: 16px;
 font-weight:bold;
  text-decoration: none;
  padding: 5px 25px 16px;
  margin: 0;
text-transform:capitalize;
}
.top-nav ul li a:hover{
  text-decoration: none;
  color: #fff;
  background: url(/Apex/img/header/top-nav-active-01.png) no-repeat 50% 100% ;

}
 .tn-left-links{
 
  color: #ffffff;
  font-family:  Helvetica,Arial,Verdana,sans-serif;
  font-size: 11px;
  margin: 9px  0px 8px;
}
  .tn-left-links a{
  color: #ffffff;
  font-family:  Helvetica,Arial,Verdana,sans-serif;
  font-size: 11px;
  text-decoration: none;
 
}
  .tn-left-links a:hover{
  text-decoration: none;
color:#ACE82A;
}
  .tn-left-links img{
  vertical-align: top;
}

.top-nav .tn-line{
  padding: 0 13px;
   
}
a.shopping-cart-button{
    padding: 5px 30px 0 0;
  display: inline-block;
   background: url(/Apex/img/header/shopping-cart-02.gif) no-repeat 100% 0;
}

/*-- Content part --*/
#content-part{
   background: url(/images/content_bg.png ) repeat-y 50% 0 transparent;
  clear: both;
  width: 100%;
}
#content-part #page{
   background-color:#fff;
   padding: 25px 0;
}
/*-- Left nav --*/
.left-nav{
  float: left;
  width: 200px;

 margin-left:  25px;
}
.left-nav .zagluha{
  background-color: #fff;
  overflow: hidden;
}
.left-nav .box h3{
  margin: 0;
  background: #fff url(/Apex/img/left-nav/products-box-title-05.gif) no-repeat 0 0;  
  font: bold 14px Helvetica, Arial, Verdana, sans-serif;
  padding:  8px 10px ;
  color: #fff;
  text-transform: capitalize;
}
.left-nav .products h3{
 
}
.left-nav .box ul{
  list-style: none;
  margin: 0 0 15px;
  padding: 10px  10px 2px;
 display: block;
 border:1px solid #e6e6e6;
 border-top:none;
 background-color: #f9f9f9;  
 
}
.left-nav .box li{
  padding-bottom: 7px;
}
.left-nav .box li a{
  color: #58595b;
  font: normal 14px  Helvetica,Arial,Verdana,sans-serif;
  text-decoration: none;
  display: block;
text-transform:capitalize;
}
.left-nav .box li a:hover{
  text-decoration: none;
font-weight:bold;
}
.left-nav .login form{
  display: block;
  padding: 10px 0 0 12px;
border:1px solid #e6e6e6;
border-top:none;
margin-bottom:15px;
background-color: #f9f9f9;  
}
.left-nav .login h4{
  font-size: 13px;
  margin: 0;
  padding: 0 0 3px  ;
  color: #58595b;
}
.left-nav .login input{
  width: 170px;
  margin-bottom: 8px;
}
.left-nav .login input.login-button{
  width: 62px;
  height: 20px;
  border: 0;
  background: url(/Apex/img/left-nav/login-button-05.gif) no-repeat 0 0;  
border:none!important;
margin-bottom:7px;
}
.left-nav .login ul{
  padding-left: 0px;
  padding-top: 0px;
margin-bottom:0;
border:none;
background:none;
}
.left-nav .login ul a{
  font-size:11px;
}
/*-- Content block --*/
.content-block{ 
  float: left; 
  width: 727px;
  margin: 0px  0px 0 24px;
  overflow: hidden;
  padding-bottom: 12px;
}
/*-- Footer --*/
.footer{
 background: url(/Apex/img/footer/footer-bg-02.gif) repeat-x 0 0;
 height:70px;
 overflow:hidden;
}
 
.footer .copyright{
  padding-top: 31px;
  padding-left: 25px;
  text-align: center;
  font: normal 11px  Helvetica,Arial,Verdana,sans-serif;
  color:#ffffff;
display:inline-block;
}
.footer .copyright a{
 color:#ffffff;
text-decoration:none
}
.footer .copyright a:hover{
text-decoration:none;
color:#ACE82A;
}
 
.footer .socialmedia {
 float:right;
margin:23px 25px 0 0;

}
.footer .socialmedia a{
text-decoration:none;
display:inline-block;
width:24px;
height:24px;
margin-left:10px;
}
.footer .socialmedia a:hover{
  opacity: 0.8; 
  filter: alpha(opacity = 80);
  -moz-opacity: 0.8;
}
.footer .socialmedia .facebook{
   background: url(/Apex/img/footer/facebook.png) no-repeat 50%  50%;
}
.footer .socialmedia .twitter{
   background: url(/Apex/img/footer/twitter.png) no-repeat 50%  50%;
}
/*-- Content page padding --*/
.content_page_padding{
    padding: 0;
    margin: 0;
}
/*-- Product page styles --*/
.mpi-block{
    float: left; 
  overflow: hidden;
}
 

.flow-image{
  margin-bottom: 7px;
  display: none;
}
.page_title, .page-title{
  color: #4a4b4c;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 7px;
}
.page_title, .box_title{
  color: #4a4b4c;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 9px;
}
.box_title a{
  color: #4a4b4c;
}
div.page_title.additional{
  padding-top: 10px;
}
.product-image{
  display: block;
  margin-bottom: 10px;
}
.product-image a{}
.product-image img{
  border: 0;
}

/* as fabry     */
 

.scf-block {
    display: block;
    margin-left: 470px;
    overflow: hidden;
    width: 246px;
}
.scf-block h2 {
    background: url("/Apex/img/product/ip-h2-02.gif") no-repeat scroll 0 0 transparent;
    color: white;
    font-size: 16px;
     
    margin: 0 0;
    padding: 10px 0 8px;
    text-align: center;
    text-transform: uppercase;
}
.scf-block > div, .scf-block #Ok {
    background-color: #f9f9f9;
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 0 1px;
    overflow: hidden;
 
}
.scf-block .ip-buttons #Ok {
    display: block !important;
  border-bottom-width: 1px;
}
.scf-block div.add-price {
    color: #626366;
    font-size: 18px;
    padding: 2px 0px 0px 25px;
    text-align: right;
font-weight:bold;
}
.scf-block div.add-price * {
}
.scf-block div.add-price .j_price {
 
    border: medium none;
    color: #77BD01;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 0 1px;
    position: relative;
    top: -1px;
    width: 82px;
}
span#each_final_price {
    font-weight: bold;
    margin-right: 12px;
}
.add-price span.each {
    color: #aaa;
    display: block;
   font-weight;normal;
    font-size: 10px;
    margin-right: 12px;
}
.add-price span.each input {
    background: none repeat scroll 0 0 #FFFFE1;
    border: 0 none;
    color: #888888;
    font-size: 9px;
    margin-bottom: 0;
    padding: 0;
}

.instant-price {
	background-color:#00a4d6;
	padding:4px 7px 3px 7px;
	vertical-align:middle;
	width:auto;
}
.instant-price {
}
.instant-price input {
	background:#fff url(/Apex/img/product/input_bg_01.gif) no-repeat 0 0;
	border:0;
	color:#e93b95;
	font-size:18px;
	font-weight:bold;
	padding-right:3px;
	text-align:right;
	width:100px;
}
.instant-price table {
	width:232px;
}
.instant-price table td {
	text-align:right;
}
.instant-price table th {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
}
.ip-buttons { 
   background-color:#f9f9f9  ;
	margin-bottom:10px;
	margin-top:0px;
 
	 border: 0 none !important;
	 border-bottom:1px solid #e6e6e6;
}
.ip-buttons td {
	text-align:right;
}
.ip-buttons th {
	text-align:left;
	width:100px;
}
.ip-buttons th img {
	border:0;
	margin-left:1px;
	margin-right:0px;
}
.ip-buttons th, .ip-buttons td {
	padding:0 0 0px 0;
	text-align:right;
}
.scf-block div.ip-buttons div#Ok span{
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 8px 0 0;
    text-align: center;
padding-top:12px;
}
.scf-block div.ip-buttons div#Ok span img{
    padding: 0 3px 4px  0;
    vertical-align: middle;
}
.add-to-cart{
  display:block;
  background: url(/Apex/img/product/add-to-cart-bg-05.gif) no-repeat 0 0;
  width:224px;
  height:52px;
  margin: 0 auto ;
 cursor: pointer;
}
 
.ip-buttons-add {
	background:#ffffe1 url(/Apex/img/product/it-buttons-add-02.gif) no-repeat 0 0;
	height:5px;
	margin-bottom:4px;
	overflow:hidden;
}
.ip-data {
	background-color:#fff;
	border:1px solid #bdbdbd;
	border-width:0 1px 0 1px;
	padding:5px 18px 0 8px;
	text-align:left;
}
.ip-data h3 {
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:5px 0 5px 0px;
       color:#4a4b4c;
}
.ip-data table {
	margin:0 5px 10px 0px;
	text-align:left;
}
/*.ip-data table .help-popup {
    padding: 4px;
}*/
.ip-data table td {
	font-size:12px;
	padding-left:5px;
}
.ip-data table td img {
 	position:relative;
}
.ip-data table th {
	text-align:left;
}
.ip-data table th input {
    width: 205px;
margin-top:2px;
 margin-bottom: 1px;

}
.ip-data table th select {
margin-top:2px;
	width: 209px;
}
.ip-data table th, .ip-data table td {
	padding-bottom:4px;
	vertical-align:middle;
}
.ip-data b{
margin-left:22px;
}

.mpi-block {
	min-height:700px;
 }
.page_title, .page-title, .display-categories {
	color:#4a4b4c;
	font-size:18px;
	font-weight:bold;
	margin:0px 0 5px 0;
}
.price-comment {
	color:#667667;
	font-size:10px;
	margin-bottom:9px;
	padding-left:7px;
}
.product-image {
	display:block;
	margin-bottom:10px;
}
.product-image a {
	cursor:pointer;
}
.product-image img {
	border:0;
}


table td.help-popup {
    vertical-align: bottom;
}

table td.help-popup {
     padding-bottom: 5px \0/IE9; 
}


@media screen and (-webkit-min-device-pixel-ratio:0){
table td.help-popup {
     padding-bottom: 10px; 
}
 }
 
 
 /*
 div.help-popup{
  width: 400px;
  position: absolute;
  z-index: 30000;
  top: 10px;
  left: 10px; 
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  opacity: 0.9; 
  filter: alpha(opacity = 90);
  -moz-opacity: 0.9;
}
 */
div.help-popup {
	background:none;
	border:0;
	display:block;
	filter:alpha(opacity = 90);
	left:10px;
	margin:15px 0 0 -85px;
	moz-opacity:0.9;
	opacity:0.9;
	overflow:hidden;
	padding:0;
	position:absolute;
	text-align:left;
	top:10px;
	width:500px;
	z-index:100;
}
div.help-popup div.intr {
	background:#fff;
	border:1px solid #aaa;
	padding:8px;
}
html:first-child .add-price .j_price {
	background:#ffffe1;
	margin-top:2px;
}
html:first-child .add-price span.each {
	position:relative;
	top:-1px;
}

 a.add-to-cart:hover {	
	text-decoration:none;
	cursor:pointer;
  opacity: 0.8; 
  filter: alpha(opacity = 80);
  -moz-opacity: 0.8;
}




/*   Shipping block */

.em-ship-block{
  width: 246px;
  float: right;
  overflow: hidden; 
  
}
.em-ship-block form{
  display: block;
  margin-bottom: 10px;
  float: left;
}
.em-ship-block form.ship-rates-form{
  margin-top: 0;
}
input.em-sp-input{
  width: 137px;
  border: 1px solid #888;
  float: left;
  margin: 0px 5px 0 0;
}

a.email-quote-button:visited, a.shipping-quote-button:visited{
  color: #fff;
}
a.email-quote-button{
  background: url(/Apex/img/product/email-quote.gif) no-repeat 0 0;
}
a.shipping-quote-button{
  background: url(/Apex/img/product/shipping-quote.gif) no-repeat 0 0;
}

a.shipping-quote-button , a.email-quote-button {
  display: block;
  width: 97px;
  height: 18px;
  float: left;
  color: #fff; 
  text-indent:-10000px;
  font-size:0;
 cursor:pointer;
}
a.shipping-quote-button:hover , a.email-quote-button:hover,  .help-popup a:hover {
  opacity: 0.8; 
  filter: alpha(opacity = 80);
  -moz-opacity: 0.8;
}

.em-ship-block .ship-rates{
  width: 245px; 
  margin: 0; padding: 0;
}
.em-ship-block .ship-rates table{
  width: 240px;
}
.email-send-message{
  padding: 3px 0 5px 3px;
  font-weight: bold;
  color: #988;
font-size:11px
}


/*-- Imail and shipping quote blocks --*/
.email-quote-block *, .shipping-quote-block * {
	vertical-align:top;
}
.email-quote-block .emq, .shipping-quote-block .sq {
	margin:5px 2px 0 4px;
	width:115px;
}
.email-quote-block img, .shipping-quote-block #ship_button {
	border:0;
	height:28px;
	margin-right:3px;
	width:112px;
}
.email-quote-block, .shipping-quote-block {
	margin-bottom:10px;
	text-align:right;
}
.ship-rates {
	border:0;
	margin:10px 0px 9px 0px;
	width:400px;
}
.ship-rates table {
	background-color:#ffb612;
	margin-left:1px;
	margin-top:1px;
	width:255px;
	color:white;
}
.ship-rates table .caption th, .ship-rates table .caption td {
	background-color:#ffb612;
	color:#fff;
	font-weight:bold;
}
.ship-rates table td {
	text-align:left;
	width:60px;
}
.ship-rates table th {
	text-align:left;
}
.ship-rates table th, .ship-rates table td {
	border:1px solid #ACE82A;
	color:#666;
	font-size:12px;
	padding:3px 4px;
	background-color:#FFF;
}
.ship-rates table th.weight {
	font-weight:bold;
	text-align:right;
}
.ship-rates tr.caption th, .ship-rates tr.caption td {
	background-color:#ACE82A;
	font-weight:bold;
}
form.ship-rates-form {
	display:block;
	margin-top:12px;
}




/*-- Content styles --*/
.title{
 
  font-size: 12px;
  color: #4a4b4c;
  font-weight: bold;
  margin-bottom: 10px;
}

.product_title_add_links{
 
}
.product_title_add_links a{
  color: #4a4b4c;
  font-weight: bold;
}
.page_subtitle{
 
    font-size: 12px;
    font-weight: normal;
    color: #4a4b4c;
    text-decoration: none;
}
.print_invoice_title{
 
    font-size: 16px;
    font-weight: bold;
    color: #4a4b4c;
    text-decoration: none;
}
.invoice_title{
    font-family: verdana, Geneva, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #222222;
    text-decoration: none;
    padding-bottom: 10px;
}
.table_caption, .std_text_bold{
 
    font-size: 12px;
    font-weight: bold;
    color: #4a4b4c;
    text-decoration: none;
    
}
/*-- ---------------------------------------------- Buttons ----------------------------------------------------------------------------- --*/
.graf_button_link{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #4a4b4c;
    text-decoration: none;
    margin:  0px;
    padding: 3px 7px ;
    border: 0px solid #777;
}
.graf_button_link_small{
   padding: 3px 7px ;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #4a4b4c;
    text-decoration: none;
     
}
a.graf_button_link:hover{
  text-decoration: none;
  color: #eee;
}

table td {
padding-top:1px;
padding-bottom:1px;
}

.button_like_image  , .button_like_image_small{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background-color: #4a4b4c;
 
    padding: 3px 7px;
    cursor: pointer;
}
 

.content-box{
  width: auto;
}
/*-- Mootabs code --*/
ul#tabs_buttons li.active{
  background: #ffffff  url(/Apex/img/product/li-active-add-01.gif) no-repeat 0 0;
}

ul#tabs_buttons li.active div{
  background: #ffffff url(/Apex/img/product/li-active-main-01.gif) no-repeat 100% 0;
  color: #fff;
}
.tabs-panes-box{
    border: 1px solid #e6e6e6 ;
}

#tabs_wrapper, .tabs-panes-box{
  width: 717px; /*-- Global mootabs block width. Percents doesn't work here. --*/
}
#tabs_panes {
    border: 0;
    overflow: auto;
    margin: 10px 14px 25px 14px; 
    width: 690px; /*-- Width of the container content. Important for IE --*/
}

.tabs_pane {
    padding-top: 10px; 
}

.sprint-layout #tabs_wrapper, .sprint-layout .tabs-panes-box{
  width: 450px; /*-- Global mootabs block width for sprint layout. Percents doesn't work here. --*/
}
.sprint-layout #tabs_panes {
    border: 0;
    overflow: auto;
    margin: 0 14px 10px 14px;
    _margin-top: 10px; 
    width: 410px; /*-- Width of the container content. Important for IE --*/
}
/*-- Mootabs code end --*/
 
 


/* inner table fix */
.ip-data table th table {
	margin:0 ;
}
.ip-data table td table td{
 
    padding-left: 0px;
}

.ip-data.inventory{
    color: #4A4B4C;
    font-size: 14px;
margin:0;
padding: 0 8px;
}
.ip-data.inventory b{
 margin:0;
}
 
.lr-links, .lr-links a, .footer .copyright, .footer .copyright a {
    color: #626366 !important;
}
  .lr-links a:hover,  .footer .copyright a:hover {
     color:#ACE82A!important;
}