body {
margin: 0px;
font-family: Arial, Verdana, sans-serif;
font-size: 16px;
color: #222;
line-height: 150%;
text-align: left;
background-image: url(/images/bg_gradient.gif); background-repeat: repeat-x; background-color: #bad2a3;
}

A.menu:link { COLOR:  }
A.menu:active { COLOR: #9d0000; TEXT-DECORATION: none }
A.menu:visited { COLOR: #9d0000; TEXT-DECORATION: none }
A.menu:hover { COLOR: #FFCC00; TEXT-DECORATION: none }

.columnlist{}
.columnlist li{
  width: 190px;
  height: 35px; 
  padding-right: 10px;
  float: left;
}

.main{
  width: 950px; 
  background-color: #fff; 
  margin: auto; 
  text-align: center;
}
.header{
  width: 99%; 
  height:230px; 
  margin: auto; 
  background: #fff url("/images/header.jpg") no-repeat right top;
  margin-bottom: 5px;
  cursor: pointer;
  border: 1px solid white; 
  border-radius: 5px;
}
.header_logo{
  margin: 10px 26px 0px 0px;
  height: 56px; 
  width: 590px;
  float: right;
  background: transparent url("/images/logo.png") no-repeat right top;
}
.navbar{
  height: 30px; 
  width: 99%; 
  margin: 10px auto; 
  clear: both;
  display: visible;
  border-radius: 3px;
  border: 1px solid  #669933;
  background-color: #669933;
}

.navcover {
   clear: both;
   padding-top: 13px;
}
.nav {
   padding-left: 10px;
   width: 100%;
}
.nav ul {
   margin: 0;
   padding: 10px 0px 0px 0px;
   list-style: none;
}
.nav li {
   display: inline;
   margin: 0;
   padding: 0;
   float: left;
   width: auto;
   padding-left: 11px;
   padding-right: 11px;
   font-size: 0.9em;
}
.nav li a {
   color: #eee67f;
   font-weight: bold;
   font-size: 16px;
   text-decoration: none;
   position: relative;
   top: -8px;
}
.nav a:hover {
   color: #C6202C;
}

.navlink{
background-color: #669933;
height: 24px;
width: 99%;
margin: 6px auto;
font-size: 16px;
font-weight: bold;
text-align: center;
vertical-align: middle;
padding: 6px 0px;
border-radius: 3px;
display: none;
}
.navlink a:link {color: #eee67f;}
.navlink a:visited {color: #eee67f;}
.navlink a:hover {color: #d6ce88}
.navlink a:active {color: #eee67f;}

.content{ 
  width: 715px; 
  float: right;
  padding-right: 20px;
  text-align: left;
  background-color: #fff;
}
#welcome_wrapper{}
.footer{
  clear: both;
  width: 99%;
  margin: auto;
}
.footer_tag{
  vertical-align: middle;
  display: inline-block;
  margin: 0px 10px;
  height: 50px;
}
.left_nav{
  vertical-align: top;
  padding-left:5px;
  width: 175px;
}
.sidebar_left{
  width: 195px;
  padding-left: 5px;
  padding-top: 5px;
  float: left;
  display: visible;
}
.sidebar_blue{
font-size: 14px;
text-align: left;
padding: 2px 2px 4px 10px;
background-color: white;
font-weight: bold;
color: #000000;
}
.sidebar_blue a:link    {color: #222;}
.sidebar_blue a:visited {color: #222;}
.sidebar_blue a:hover   {color: #000066;}
.sidebar_blue a:active  {color: #222;}

.sidebar_sub{
text-align: left;
padding: 5px 2px 5px 20px;
background-color: white;
color: #000000;
}
.sidebar_sub a:link    {color: #222;}
.sidebar_sub a:visited {color: #222;}
.sidebar_sub a:hover   {color: #6e6e6e;}
.sidebar_sub a:active  {color: #222;}

.sidebar_header{
font-size: 15px;
text-align: left;
padding: 5px 1px 5px 5px;
background-color: #669933;
font-weight: bold;
color: #eee67f;
font-style: italic;
border-radius: 3px;
}
#all_products a {color:#000000; font-family:Arial, Verdana, sans-serif; text-decoration:none; font-size:13px;}
#all_products div {padding:2px;}
#all_products div:hover {background-color:#73acd7; color:#FFFFFF;}
#all_products div:hover a {color:#FFFFFF;}
.all_prod {border-bottom:1px solid black; color:#444444; font-weight:bold;}
.ctrDropDownClick{
    font-size:11px;
    width:300px;
}
.plainDropDown{
  width:145px;
  font-size:11px;
}

table { font-family: Arial, Verdana, sans-serif; text-align: left; }

//Delete these three?
.topbg { background-image: url(images/topbg.gif); font-size: 12px; font-family : Arial, Verdana, sans-serif; color : #666666; height: 26px; width: 100%; }
.leftbg {background-image: url(images/leftbg.gif);}
.rightbg {background-image: url(images/rightbg.gif);}

TD.menu { FONT-SIZE: 12px; COLOR: #9d0000; text-transform: none}
DIV.menu {
FONT-SIZE: 12px; COLOR: #9d0000; text-transform: none; height: 20px; font-weight: bold; }
A:link {color: #000099;text-decoration: none;}
A:visited {color: #000099;text-decoration: none;}
A:active {color: #000099;text-decoration: none;}
A:hover {color: #CCCCCC;text-decoration: none;}
A.dark:link {color: #666666;text-decoration: none;}
A.dark:visited {color: #666666;text-decoration: none;}
A.dark:active {color: #666666;text-decoration: none;}
A.dark:hover {color: #000000;text-decoration: none;}
TD.dark {color : #666666;}
P.dark {color : #666666;}
TD.smaller {font-size: 11px;}
P.smaller {font-size: 11px;}
HR {color : #D2D2CA;height : 1px;}
TD.mincart {font-size: 11px;}
P.mincart {font-size: 11px;}
.font12{font-size: 12px;}
.font12 td {font-size: 12px;}
.font12 p {font-size: 12px;}
.font12 input {font-size: 12px;}


.leaf_title{
font-size: 15px;
text-align: left;
font-weight: bold;
background-image: url(/images/ebn_leaf_bg.jpg);
background-repeat: repeat-x;
color: #990000;
vertical-align: top;
font-style: italic;
}

.blues {color:#000099;}
.ic_footer {color:#f2e576;}
.ic_footer a { color:#669933; font-size:12px; font-weight:bold}
TD.ectlink { color:#009900;}

scart{}
.scwrap{
 width: 600px;
 margin: 120px auto 0px auto;
}
.scproducts{
 width: 400px;
}
.shoppingcart{
 width: 35px;
 height: 28px;
 display: inline-block;
 background: transparent url('/images/shoppingcart-yellow.png') center top no-repeat;
 float: right; 
 position: relative;
 top: -10px; 
 left: 0px;
}
.shoppingcart:hover{
 background-image: url('/images/shoppingcart-yellow-hover.png');
}

div.logintoaccount{ display: inline; margin: 0px 10px; }
div.logintoaccount a{  color: #1a3481; text-decoration: none; }
div.logintoaccount a:hover{  color: #1a3481; text-decoration: underline; }

div.createaccount{  display: inline; margin: 0px 10px; }
div.createaccount a{  color: #1a3481; text-decoration: none; }
div.createaccount a:hover{  color: #1a3481; text-decoration: underline; }

.cart_seals{ float: right;}
.cart_account{ float: left;}


/* The product page - view all the available classes at http://www.ecommercetemplates.com/help/css-layouts.asp
-------------------------------------*/
div.prodfilter{
   float:left;
   background-color:#F9F9F4;
   border: 1px dotted #D7D1C9;
   padding:6px;
   color: #42619a;
   margin-bottom:10px;
   margin-top:10px;
}  

div.prodfilterbar{
   float:left;
   width:100%;
}  

div.filtertext{
    padding:8px;
}   

select.prodfilter{
   padding:0px;
   margin:0px;
}  

div.prodnavigation{
   margin-top: 3px;
   padding:7px 0px 7px 12px;
   font-size:0.9em;
   background-color:#F3F0E9;
   /* border-bottom: 1px solid #930209; */
   box-shadow: 1px 1px 2px #ccc;
   border-radius: 5px;
}

div.product{
   padding:6px;
   width: 46%;
   float:left;
   margin: 5px;
   text-align:center;
   border: 1px solid #ccc;
   background-color:#fefefe;
   border-radius: 5px;
   height: 310px;
}
div.product:hover{
   background-color:#fefefe;
   border: 1px solid #930209;
   box-shadow: 5px 5px 2px #ccc;
}


div.prodimage{
   padding: 6px;
   width: 90%;
}

div.prodimage:hover{
   #background-color:#fefefe;
   #border: 1px solid #930209;
   #box-shadow: 5px 5px 2px #ccc;
}


div.prodname{
   padding-top:6px;
   font-size: 1em;
   font-weight: bold;
   margin-bottom: 10px;
}

div .listprice{
display: inline-block;
margin-right: 20px;
}

div.prodprice{
display: inline-block;
color:#666;
}

div.prodcurrency{
   font-size: 0.7em;
   color:#666;
}

div .proddescription{
width: 90%;
margin: auto;
text-align: left;
min-height: 110px;
}

div.pagenums{
   text-align:center;
   float:left;
   padding:20px 0px 20px 0px;
}

















/* The product detail page 
-------------------------------------*/
div.detailprodnavigation{
margin-bottom: 20px;
}

div.detailimage{
float: left;
width: 250px;
text-align: center;
}

div.detailid {
color:#666;
font-size: 0.9em;
}

div.detailname {
display: inline-block;
width: 400px;
font-size: 1.5em;
font-weight: bold;
margin-bottom:12px;
border-bottom: 1px solid #ccc;
}

span.detaildiscountsapply{
margin-left:36px;
color:#930209;
font-size:0.9em;
}

div.detaildiscounts{
color:#930209;
font-size:0.9em;
}

div.detailmanufacturer{
margin:0px;
padding:0px;
color:#666;
font-size:0.9em;
}

div.detailsku{
margin:10px;
color:#666;
}

div.detailinstock{
}

div.detaildescription{
clear: both;
margin:5px 0px;
padding-top:4px;
}

div.detailprice{
font-size: 1.0em;
font-weight: bold;
color:#444;
margin-left:10px;
margin-bottom: 10px;
}

div.detaillistprice{
font-size: 1em;
font-weight:normal;
color:#DA6A1E;
margin-left:10px;
}

div.detailcurrency{
padding-top: 6px;
font-size: 0.7em;
color:#666;
margin-left:10px;
border-bottom: 1px solid #ccc;
padding-bottom:20px;
}

div.detailoption{
   width:100%;
}

div.detailoptions{
   padding: 6px;
   width:81%;
   margin-left:0px;
}

select.detailprodoption{
   font-size: 0.9em;
   width:50%;
   margin:7px;
   border:1px solid #ccc;
   padding:2px;
}

input.detailprodoption{
   font-size: 0.9em;
   margin:7px;
   border:1px solid #ccc;
        padding:2px;
}

div.detailoptiontext{
   padding: 6px;
   width:32%;
   clear:both;
}

div.detailmultioptiontext{
   padding: 6px;
   width:30%;
}
next{
   padding-top:30px;
   padding-bottom:6px;
   text-align:center;
   font-size:0.9em;
   border-top:1px solid #ccc;
}

div.emailfriend{
   padding-top: 10px;
   text-align:center;
   width:100%;
}

td.emfhl{
   background-color:#aaa;
   font-size:1.2em;
   color:#fff;
   font-weight:bold;
}

td.emfll{
   line-height:18px;
}

div.detailquantity{
float: left;
margin-left: 10px;
}

div.detailquantitytext{
display: inline-block;
padding-right: 10px;
vertical-align: bottom;
}

div.detailquantityinput{
display: inline-block;
position: relative;
top: 3px;
padding-right: 10px;
}

#w0quant{
   height: 21px;
   width: 50px;
   border: 1px solid #ccc;
   border-radius: 5px;
}

div.detailaddtocart,.detailoutofstock{
display: inline-block;
}

div.detailcheckoutbutton{
display: inline-block;
padding-left: 20px;
}

div.detailnotifystock{
   text-align:center;
   padding-top:6px;
   float:left;
   width:98%;
}




input.login, input.sccheckout, input.logintoaccount, input.search   {
   font-size: 1em;
   font-weight: bold;
   padding: 2px;
   color: white;
   background: #91040D;
   border: 1px solid #91040D;
   border-radius: 4px;
   cursor: pointer;
}

.resp_cartproductlisting{
 clear: both;
 width: 94%;
 //border: 1px solid silver;
 border: none;
 border-radius: 5px;
 padding: 10px 8px;
 margin: 5px auto;
 overflow: hidden;
}
.resp_cartproductinfo {
 float: left;
}
.resp_carttotals {
 clear: both;
 overflow: hidden;
}

.resp_carttotals .title {
 float: left;
 text-align: right;
 width: 50%;
 font-weight: bold;
 margin-right: 15px;
 vertical-align: top;
 padding: 0px 5px 0px 0px;
}
.resp_carttotals .value {
 float: left;
 width: 30%;
 vertical-align: top;
}
.resp_carttotals input, select{
 width: 98%;
 max-width: 250px;
 font-size: 16px;
}
.resp_cartcheckout input[type=radio]{
 width: 30px;
 border: 1px solid red;
}

.resp_carttotals .country{}
.resp_carttotals .zip{}


.resp_cartcustinfo {
 margin: 10px;
 clear: both;
 overflow: hidden;
}

.resp_cartcustinfo .title {
 float: left;
 text-align: right;
 width: 25%;
 font-weight: bold;
 margin-right: 5px;
 vertical-align: top;
}
.resp_cartcustinfo .value {
 float: left;
 width: 65%;
 vertical-align: top;
 margin-left: 7px;
}
.resp_cartcustinfo input, select{
 width: 98%;
 max-width: 250px;
 font-size: 16px;
}

.resp_cartcheckout {
 margin: 10px;
 clear: both;
 overflow: hidden;
}
.resp_cartcheckout .title, .cvv2title{
 float: left;
 text-align: right;
 width: 25%;
 font-weight: bold;
 margin-right: 5px;
 vertical-align: top;
}
.resp_cartcheckout .value, .cvv2value {
 float: left;
 width: 65%;
 vertical-align: top;
}
.resp_cartcheckout input[type=text]{
 width: 98%;
 max-width: 250px;
}


@keyframes example {
    0% {top: 100%; right: 70%;}
    100% {top: 50%; right: 10%;}
}

.offerbox {
 display: none;
 //position: absolute;
 //top: 50%;
 //left: 60%;
 position: fixed;
 top: 50%;
 right: 10%;
 width: 620px;
 height: 280px;
 z-index: 1001;
 padding: 5px;

 border: 1px solid #AADD33;
 border-radius: 6px;
 background-color: #FFFFF2;

 -webkit-box-shadow: 0px 0px 23px 15px rgba(0,33,2,0.5);
 -moz-box-shadow: 0px 0px 23px 15px rgba(0,33,2,0.5);
 box-shadow: 0px 0px 23px 15px rgba(0,33,2,0.5);

    animation-name: example;
    animation-duration: 1.51s;
    //animation-delay: 2s;

}
@media screen and (max-width: 1200px) {
 @keyframes example {
    0% {top: 100%; right: 70%;}
    100% {top: 50%; right: 1%;}
 }
 .offerbox { right: 1%; }
}



@media screen and (max-width: 980px) {
 .main { width: 780px;}
 .content{ width: 560px;}
 .navbar{ display: visible; }
 .sidebar_left{ display: visible;}
 div.product{ width: 44%; height: 350px;} 
 .cart_seals{ float: none; clear: both; text-align: center;}
 .cart_account{ float: none; text-align: center;}
 .nav li a { font-size: 14px; }
 .nav li { padding: 0px 8px; }
 #navbarhomelink{ display: none; }
 @keyframes example {
    0% {top: 100%; right: 70%;}
    100% {top: 50%; right: 1%;}
 }
 .offerbox { right: 1%; }
}


@media screen and (max-width: 880px) {
}

@media screen and (max-width:778px) {
.main{ width: 480px; }
.content{ 
  width: 98%; 
  margin: auto;
  float: none;
  font-size: 1.0em;
  padding-right: 0px;
  background-color: white;
}
.header{ 
  height: 60px;
}  
.header_logo{
  margin: 10px 26px 0px 0px;
  height: 28px;
  width: 298px;
  float: right;
  background: transparent url("/images/logo-small.png") no-repeat right top;
}
.navbar{ display: none;}
.sidebar_left{ display: none;}
.left_nav{ display: none; }
  
.googleadhide{ display: none; }
.scwrap{
 width: 500px;
 margin: 20px auto 0px auto;
}
.scproducts{
 width: 200px;
}

.navlink{ display: block; }

.cart_seals{ float: none; clear: both; text-align: center;}
.cart_account{ float: none; text-align: center;}

.featured_title{ width: 94%;}
div.product{ width: 44%; height: 450px;}           

.resp_cartcheckout .cvv2title{ width: 65%;}
.resp_cartcheckout .cvv2value{ width: 25%;}

 @keyframes example {
    0% {top: 100%; right: 70%;}
    100% {top: 20%; right: 1%;}
 }
 .offerbox { top: 20%; right: 1%; width: 420px; height: 350px;}
}

@media screen and (max-width:478px) {
.main { width: 300px;}
.content{
  width: 98%;
  margin: auto;
  float: none;
  font-size: 1.0em;
}
#welcome_wrapper{display: none;}
.header{
  width: 99%;
  margin: none;
}
.header{
  background: #fff url("/images/header.jpg") no-repeat right top;
}
.header_logo{
  margin: 14px 9px 0px 0px;
  height: 28px;
  width: 300px;
  float: right;
  background: transparent url("/images/logo-smaller.png") no-repeat right top;
}
.navbar{
  display: none;
}
.sidebar_left{
  display: none;
}
.googleadhide{ display: none; }
.scwrap{
 width: 300px;
 margin: 20px auto 0px auto;

}
div.detailname{ width: 99%;}
.featured_title{ width: 90%;}
.scproducts{
 width: 150px;
}
div.product{ width: 90%; height: 370px;} 
.navlink{ display: block; }
img{ }
.resp_cartproductinfo {
 float: left;
 max-width: 180px;
}
.resp_carttotals .title {
 width: 60%;
}
.resp_carttotals .value {
}
.resp_carttotals .country{ width: 21%;}
.resp_carttotals .zip{ width: 21%; }

.resp_carttotals input, select{
 width: 98%;
 max-width: 230px;
}

.offerbox {
  width: 300px;
  height: 450px;
  position: absolute;
  top: 10%;
  left: 50%;
  margin-left: -150px;
}


}



.blue_emphasis{ color: #009; font-weight: bold; } //style58
.blue_normal  { color: #000099; } //style2
.black_emphasis{ color: #000000; font-weight: bold; font-size: 18px; } //style50
