﻿html,body 
{ 
font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
color: #000000;
}

body {
font-size:13px; 
background: #c9cccb;
 margin: 5px 0px 0px; 
 padding:0px; line-height:20px;
}

#container {
	border: #cccccc 1px solid;  
	background-color:#FFF;
	MARGIN: 0px auto 200px;  
	width: 1020px;  
	text-align: left;

}

#headerWrapper
{
 height:98px;
 border-bottom:1px solid #ccc; padding:0px; margin:0px;
}

#barBelowNav
{
 height:30px;
 padding:8px 10px 2px 20px;background-color: #444; color:#fff;
}

#topnav
{
 min-height:36px; 
background-color: #444; color:#fff;
 
}

 #topnav UL {	
 padding: 0px;	
 FONT-WEIGHT: bold;	
 FLOAT: left;	
 MARGIN: 0px;	
 WIDTH: 100%;	
 LIST-STYLE-TYPE: none;	
}
 
 #topnav UL LI {	
 PADDING: 8px 16px 2px 16px; 
 
 cursor:pointer; 
 FLOAT: left;	
 MARGIN: 0px;	
 HEIGHT: 27px;
 vertical-align:middle;  
 text-align:center;
 
 }
 
  #topnav UL LI#lastItem {	
  border-right: 0px groove #ccc;
 }
 
 
 #topnav A {	
 PADDING-RIGHT: 0px;	
 PADDING-LEFT: 0px;	
 FONT-WEIGHT: bold;	
 FONT-SIZE: 12px;	
 PADDING-BOTTOM: 0px;	
 OVERFLOW: hidden;	
 CURSOR: pointer;	
 COLOR: #ffffff;	
 PADDING-TOP: 28px;	
 TEXT-ALIGN: center;	
 TEXT-DECORATION: none
 }
 
 #topnav UL LI a:hover, #topnav UL LI.current
{
  color:#ccc; 
}
 
#logo
{
 border:4px solid #ccc; 
 padding:10px; 
 margin:4px;  
 float:left; 
 background-color:#999; 
 
}
 #logo h1{color:#fff; text-align:center;}
 
#topLoginPan
{
 border:0px solid #ccc; 
 margin:6px; 
 width:680px; display:inline-block;  position:relative;
 float:right; 
 font-size:12px; 
 overflow:visible;
 text-align:right;
 line-height:24px;
}
#topLoginPan a
{
font-weight:700; color:#333; text-decoration:none;
}
#topLoginPan a:hover
{
  color:#444;
}

.top-shoppingcart-link
{
 clear: none; display:inline; margin: 0px 10px 0 0px;
}
#searchpan
{
 width:400px; 
}
.searchBox
{
 width:70%;
padding:8px 15px;
border:1px solid #999;
margin:0px;
}
 
.searchBox:focus {
background-color:#FFF;

}

.btnSearch {
 position:relative;
padding:8px 15px;
left:-3px;
border:1px solid #207cca;
background-color:#336699;
color:#fafafa;

}


.btnSearch:hover  {
color:#cccccc;
}

#wrapper
{
 width:100%; 
 
}

#leftPan{
float: left;	
width: 165px;	
padding: 10px; 
 
}

#rightPan
{
float: right;	
width: 240px; 	
padding: 10px; 
margin:0px; 
 
}

#rightPan UL
{
 padding: 0px;	
 MARGIN: 0px;	
 LIST-STYLE-TYPE: none;
}

#leftPan UL
{
 padding: 0px;	
 FLOAT: left;	
 MARGIN: 0px;	
 LIST-STYLE-TYPE: none; width:100%;
}
#rightPan h2{ margin-bottom:0px; font-size:12px; padding:10px}

#rightPan UL LI , #leftPan UL LI
{
 cursor:pointer; 
 MARGIN: 0px 0px 0px 0px;	
 padding: 4px 2px;
 vertical-align:middle;  
 border-bottom:1px dotted #ccc; 
}

#rightPan UL LI A, #leftPan UL LI A
{
 text-decoration:none;
  color:#333; font-size:13px; font-weight:bold;
}

 #rightPan UL LI a:hover, #leftPan UL LI a:hover
{
 text-decoration:none;
  color:#336699; 
}


.right_articles
{
 border:1px solid #ccc; padding:6px;
  border-top-width:0px; 
  margin:0px 0px 10px 0px;  
  
   
}

P{ margin:4px;}
.right_articles p
{
text-align:left; padding:0px;
}

#content
{
float: left; 
clear:none;   
width:790px;
border:1px #ccc solid; 
margin: 10px 10px 10px 10px;
padding:10px 10px 75px 10px; background-color:#ffffff;
 
}
#content ol li
{
 line-height:24px;
}
#content2
{
float: left; 
clear:none;   width:615px;
border:1px #ccc solid; 
margin: 10px 0px 10px 10px;
padding:10px;
width: 725px; background-color:#ffffff;
}


#breadCrumb
{
 padding:6px 2px 2px 10px; font-size:12px; font-weight:bold;
}

#footer
{
 border-top:1px #ccc solid; text-align:center; padding:3px; 
}

.clear{ height:10px; clear:both;}

th , .title{ background-color: #444; color:#fff; font-weight:700; padding:5px; text-align:left; padding:10px}

#content2 th
{
 color:#ffffff; background:#444; text-transform: uppercase; font-size:12px;
}

th a{ text-decoration:none;}
th a:hover{ color:#000;}


a {
COLOR: #444;
TEXT-DECORATION: none;
}
a:hover {
    color:#336699;
    
        }

H1 {	
PADDING-RIGHT: 0px;	
PADDING-LEFT: 0px;	
FONT-WEIGHT: bold;	
FONT-SIZE: 1.3em;	
PADDING-BOTTOM: 0px;	
MARGIN: 10px 10px 4px 0px;	
COLOR: #333333;	
PADDING-TOP: 0px;	

}

H2 {	
background-color: #444; 
color:#fff; 
font-weight:700; 
padding:5px;
font-size:14px; 
margin:0px 0px 5px 0px;
FONT-FAMILY: arial, sans-serif
}

H3 {	
PADDING-RIGHT: 0px;	
PADDING-LEFT: 0px;	
FONT-WEIGHT: bold;	
FONT-SIZE: 1.25em;	
PADDING-BOTTOM: 0px;	
MARGIN: 0px 10px 3px 0px;	
COLOR: #333333;	
PADDING-TOP: 0px;	
FONT-FAMILY: arial, sans-serif
}

H4 {	
PADDING-RIGHT: 0px;	
PADDING-LEFT: 0px;	
FONT-WEIGHT: bold;	
FONT-SIZE: 1.25em;	
PADDING-BOTTOM: 0px;	
MARGIN: 0px 10px 3px 0px;	
COLOR: #000000;	
PADDING-TOP: 0px;	
FONT-FAMILY: arial, sans-serif
}

H5 {	
PADDING-RIGHT: 0px;	
PADDING-LEFT: 0px;	
FONT-WEIGHT: normal;	
FONT-SIZE: 1.3em;	
PADDING-BOTTOM: 0px;	
MARGIN: 0px 10px 3px 0px;	
COLOR: #000000;	
PADDING-TOP: 0px;	
FONT-FAMILY: georgia, serif}

H6 {	
PADDING-RIGHT: 0px;	
PADDING-LEFT: 0px;	
FONT-WEIGHT: bold;	
FONT-SIZE: 1.3em;	
PADDING-BOTTOM: 0px;	
MARGIN: 0px 10px 3px 0px;	
COLOR: #000000;	
PADDING-TOP: 0px;	
FONT-FAMILY: georgia, serif;
}


#content2 h2
{
 background-color:#fff; color:#000;
  
}

#modalPage
{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 100%; background-color: #444;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalContainer
{
    position: absolute;
    width: 300px;
    left: 50%;
    top: 50%;
    z-index: 750;
}
.modal
{
    border: solid 1px #444; 
    background-color:#eee;
    position: relative;
    top: -150px;
    left: -150px;
    z-index: 1000;
    width: 200px;
    height: 20px;
    padding: 20px;
}

.btn ,.btn-big ,.BtnLarge
{
 background-color:#D5D4D2;
 padding:9px 20px 8px;
 font-weight:bold; 
 color:#444;
 FONT-FAMILY: arial, sans-serif; 
 text-transform:uppercase;
 cursor:pointer;
 
 border: 1px solid #ccc;
font: 700 12px/12px 'Lato',Helvetica,sans-serif;

border-radius: 2px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);

}

.BtnLarge{ width:190px; 
}

.btn:hover ,.btn-big:hover,.BtnLarge:hover 
{
	color:#336699;
 border-radius: 1px; border: 1px solid #336699;

}

.popupMsg{ font-size:11pt; font-weight:normal; padding:6px;}

.product-table
{
 border:1px dotted #ccc;
}

.product-table td
{
 border-bottom:1px dotted #ccc;
}


.product-table h3 a
{
   font-size:12px;
}
.product-table td a
{
 line-height:26px;
}
.product-table h3 a:hover, .product-table a
{
   text-decoration:none !important;
}
.product-table th a {
	color: #fff;
}
.Bandle-Link
{
 text-decoration:none; color: #336699; font-size:13px; margin: 20px 0 12px 0;
}

 
 .strike{text-decoration:line-through;}
 .red-text{ color: #F00;}
 
 

.hotProducts
{
 clear:none; float:left; border:1px dotted #ccc; background-color:#e3e3e3; width:160px; margin:2px 4px 2px 0px; padding:0px;
}

.Cert-Ul-li-A Li A
{
 font-weight:bold; COLOR: #e85c00;	
}

 
.logowraper {
 padding:5px 10px; width:200px;  
}
.logowraper a img {border-width: 0px;}
 
.product-details
{  
    list-style:none;
    padding-left: 0px; margin-left:4px;
}

.product-details li { padding: 5px 0;
}
    .product-details h2 { padding: 0px;
    }
.price-block{ display: inline-block; text-align:right; float:right; position:relative; padding-right:6px;

}
.price-block .stric{}

.testimonial {
    margin: 0;
    background: #F5F5F5;
    padding: 10px 50px;
	margin-left: 16px;
	margin-right: 16px;
    position: relative;
    font-family: Georgia, serif;
    color: #666;
    border-radius: 5px;
    font-style: italic;
    text-shadow: 0 1px 0 #ECFBFF;
    background-image: linear-gradient(#F5F5F5, #F5F5F5);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#F5F5F5));
    background-image: -webkit-linear-gradient(top, #F5F5F5, #F5F5F5);
    background-image:    -moz-linear-gradient(top, #F5F5F5, #F5F5F5);
    background-image:     -ms-linear-gradient(top, #F5F5F5, #F5F5F5);
    background-image:      -o-linear-gradient(top, #F5F5F5, #F5F5F5);
}

.testimonial:before, .testimonial:after {
    content: "\201C";
    position: absolute;
    font-size: 80px;
    line-height: 1;
    color: #999;
    font-style: normal;
}

.testimonial:before {
    top: 0;
    left: 10px;
}

.testimonial:after {
    content: "\201D";
    right: 10px;
    bottom: -0.5em;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #F5F5F5;
    margin: 0 0 0 25px;
}

.testimonial-author {
    margin: 0 0 0 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    text-align:left;
}

    .testimonial-author span {
        font-size: 12px;
        color: #666;
    }

.spacer10 {
 margin-top:10px;
}

.spacer15 {
 margin-top:15px;
}
.spacer20 {
 margin-top:20px;
}

.product-details-l, .product-details-r { display:inline-block;
}

.product-details li {
border-bottom: 1px dotted #3e5c74;
}

.product-details-l {
width: 220px; padding: 6px 0px;
}

.product-details-r {
font-weight:700;  
}

td a, p a {
     border-bottom: 1px dotted #336699;
}
td a:hover, p a:hover {
     border: 0px;
}

#mydiv {
    position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999; 
    background:#7f7f7f;
  background:rgba(0,0,0,0.5);
}
.ajax-loader {
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;     
}