/* CSS Document */

body{font-family:Arial;font-size:12px;margin:0}
#jbaheader{background:#EFE2B6}
#jbaheader .logo{background:url(../images/jba-logo.gif) top no-repeat;display:block;width:230px;height:82px;text-indent:-9999px;position:relative;top:0;margin:0;padding:0}
#jbaheader .logo h1{margin:0;padding:0}
#jbaheader .tagline{color:#333;font-size:10px;background:#F78A52;text-align:center}
#jbaheader .toptagline{font-size:10px;color:#F8F1D4}
#nav{margin:0 auto}
#nav ul{list-style:none;margin:0;padding:0}
#nav ul li{float:left}
#nav ul li a{font-size:12px;background:#F68957;color:#FFF;border:1px solid #F68957;text-decoration:none;margin:0 3px;padding:3px 10px}
#nav ul li a:hover{background:#FFF;color:#EC7437;border:1px solid #871622;text-decoration:none}
#sbasket{background:url(../images/newshop.gif) top left no-repeat}
#sbasket a{padding-left:11px;color:#903;font-weight:700;font-size:10px;font-family:Verdana, Geneva, sans-serif;text-decoration:none}
#sbasket .itxt{padding-left:11px;font-size:10px;font-weight:700;color:#333;font-family:Verdana, Geneva, sans-serif}
#sbasket .istxt{font-size:10px;font-weight:700;color:#333;font-family:Verdana, Geneva, sans-serif}
.search{padding-right:5px;color:#1717FA;font-size:16px;font-style:italic}
#leftnav{border:1px solid #F68957;font-size:10px;font-family:Verdana, Geneva, sans-serif;margin:0 3px;padding:2px 1px}
#leftnav .leftnavinner{border:1px solid #CADEA1}
#leftnav .leftnavinner ul{width:125px;list-style-type:none;padding:0 0 7px 5px}
#leftnav .leftnavinner ul li{border-bottom:1px solid #DFD9CD;background:url(../images/newarrow.gif) 0 no-repeat;padding:5px 0 5px 16px}
#leftnav .leftnavinner ul li a{color:#A52A2A;text-decoration:none}
#leftnav .leftnavinner ul li a:hover{color:#222}
.middle {border-right:1px solid #E7BA83;border-left:1px solid #E7BA83;  border-top:1px solid #F78A52;background:#ffffff;padding-top:10px;padding-left:25px;}
.maintittle{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#6A2D0C; padding-left :5px; text-align:left}
.btn {background-color:#EC7437; color:#FFFFFF; padding:0px; border:1px #000000 solid; height:20px; padding-left:10px; padding-right:10px; cursor:pointer;}
.logout{color:#0000FF; font-size:12px; font-weight:bold; text-decoration:none;}
.logout:hover{color:#FFFFFF; background-color:#FF0000; padding:5px; text-decoration:underline;}
.mylink{font-family: Verdana, Arial, Helvetica, sans-serif; color:#EC7437; font-size:12px; font-weight:bold; text-decoration:none; padding:4px;}
.mylink:hover{color:#FFFFFF; background-color:#EC7437; padding:4px; text-decoration:underline;}
.mylinkCurr{font-family:Arial; font-size:11px; font-weight:bold; text-decoration:none; padding:4px; font-weight:bold;;color:#FFFFFF; background-color:#EC7437;}
.saprater{font-family:Arial; color:#EC7437; font-size:15px; font-weight:bold; text-decoration:none; padding:4px;}
.info{font-family:verdana; color:#EC7437; font-size:14px; font-weight:bold; text-align:center; padding:5px;}
.usererror{font-family:verdana; color:#FF0000; font-size:14px; font-weight:bold; text-align:center; padding:50px;}
.bgtbl{font-family:Arial; font-size:12px; line-height:20px; border:0px #FD6666 solid;}
.contenttbl{font-family:Arial; font-size:12px; text-align:left; border:1px #D8B850 solid; line-height:25px;}
.subtotal{font-family:verdana; color:#EC7437; font-size:14px; font-weight:bold; text-align:right; padding-top:5px;}
.grandtotal{ color:#990000; font-family:verdana; font-size:15px; font-weight:bold; text-align:right; padding-top:5px;}
.postage{font-family:verdana; color:#EC7437; font-size:12px; font-weight:bold; text-align:right; padding-top:5px;}
.note{display:none; font-family:verdana; font-size:11px; padding:5px; width:760px; text-align:right; background-color:; color:#FF0000; font-weight:bold;}
.shipSt{font-family:verdana; font-size:11px; padding:5px; text-align:right; color:#FF0000; font-weight:bold;}
.balloonstyle{position:absolute;top:-500px; text-align:left; left:0; padding:3px; visibility:hidden; border:1px solid black; font-size:12px; font-family:arial; line-height:18px;z-index:100; background-color:#F78958; width:200px; color:#000000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);}
#arrowhead{z-index: 99;position:absolute;top: -500px;left: 0;visibility: hidden;}
.highlight{font-family:verdana; font-size:11px; padding:5px; text-align:left; color:#FF0000; font-weight:bold;}
.postagelink{font-family:verdana; color:#EC7437; font-size:12px; text-decoration:none; font-weight:bold; text-align:right; padding-top:5px;}
.terms {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.table1{ font-family:Arial; font-size:10px; line-height:200%}
submit{background-color:#EC7437; color:#FFFFFF; padding:0px; border:1px #000000 solid; height:20px; padding-left:10px; padding-right:10px; cursor:hand;}
.mylinkp{font-family: Verdana, Arial, Helvetica, sans-serif; color:#EC7437; font-size:12px; font-weight:bold; text-decoration:none; }
.mylinkp:hover{color:#FFFFFF; background-color:#EC7437; padding:4px; text-decoration:underline;}
.a1 {display: block; background-color: #F0A57E; margin: 0px 4px; overflow: hidden; height:1px; }
.a2 {display: block; background-color: #F0A57E; margin: 0px 3px; overflow: hidden;  /*border-left: #E7BA83 2px solid; border-right: #E7BA83 2px solid;*/ height: 1px;}
.a3 {display: block; background-color: #F0A57E; margin: 0px 2px; overflow: hidden; /*border-left: #E7BA83 1px solid; border-right: #E7BA83 1px solid;*/ height: 1px;}
.a4 {display: block; background-color: #F0A57E; margin: 0px 1px; overflow: hidden; /*border-left: #E7BA83 1px solid; border-right: #E7BA83 1px solid;*/ height: 1px;}
.excelbtn{background-color:#FFFFFF; color:#EC7437; font-weight:bold; font-size:16px; padding:0px; border:2px #000000 solid; height:25px; padding-left:10px; padding-right:10px; cursor:hand;}

.logout{color:#0000FF; font-size:12px; font-weight:bold; text-decoration:none;}
.logout:hover{color:#FFFFFF; background-color:#FF0000; padding:5px; text-decoration:underline;}
.mylink{font-family:Arial; color:#EC7437; font-size:11px; font-weight:bold; text-decoration:none; padding:4px;}
.mylink:hover{color:#FFFFFF; background-color:#EC7437; padding:4px; text-decoration:underline;}
.mylinkCurr{font-family:Arial; font-size:11px; font-weight:bold; text-decoration:none; padding:4px; font-weight:bold;;color:#FFFFFF; background-color:#EC7437;}
.saprater{font-family:Arial; color:#EC7437; font-size:15px; font-weight:bold; text-decoration:none; padding:4px;}
.info{font-family:verdana; color:#EC7437; font-size:14px; font-weight:bold; text-align:center; padding:5px;}
.usererror{font-family:verdana; color:#FF0000; font-size:14px; font-weight:bold; text-align:center; padding:50px;}
.bgtbl{font-family:Arial; font-size:12px; line-height:20px; border:0px #FD6666 solid;}
.contenttbl{font-family:Arial; font-size:12px; text-align:left; border:1px #D8B850 solid; line-height:25px;}
.subtotal{font-family:verdana; color:#EC7437; font-size:14px; font-weight:bold; text-align:right; padding-top:5px;}
.grandtotal{ color:#990000; font-family:verdana; font-size:15px; font-weight:bold; text-align:right; padding-top:5px;}
.postage{font-family:verdana; color:#EC7437; font-size:12px; font-weight:bold; text-align:right; padding-top:5px;}
.note{display:none; font-family:verdana; font-size:11px; padding:5px; width:760px; text-align:right; background-color:; color:#FF0000; font-weight:bold;}
.shipSt{font-family:verdana; font-size:11px; padding:5px; text-align:right; background-color:; color:#FF0000; font-weight:bold;}
.balloonstyle{position:absolute;top:-500px; text-align:left; left:0; padding:3px; visibility:hidden; border:1px solid black; font-size:12px; font-family:arial; line-height:18px;z-index:100; background-color:#F78958; width:200px; color:#000000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);}
#arrowhead{z-index: 99;position:absolute;top: -500px;left: 0;visibility: hidden;}
.highlight{font-family:verdana; font-size:11px; padding:5px; text-align:left; color:#FF0000; font-weight:bold;}
.postagelink{font-family:verdana; color:#EC7437; font-size:12px; text-decoration:none; font-weight:bold; text-align:right; padding-top:5px;}
.content {background-color:#ffffff; border-left: #F0A57E 1px solid ;border-right: #F0A57E 1px solid; background-image:url(../images/scrollerbg_02.jpg); background-repeat:repeat-x; border-bottom: #F0A57E 1px solid}

	  .content  a{ text-decoration:none;
	       color :Blue; font-size:.8em;
	       font-family:Verdana;
            
        }
	   .content a:hover{ text-decoration:none; color:Red;}
	#arrowhead{z-index: 99;position:absolute;top: -500px;left: 0;visibility: hidden;}
.midtable
{
   text-align:left; border:border:1px #D8B850 solid; border-color:#F68957; margin: 0px 5px 0px 5px; border-collapse:collapse; 
   width:99%;
}
a{ text-decoration:none;}
 .alphapaging 
 {
	font-weight: bold;
	color:#800000;
	line-height:25px;
	font-size: 11px;
	padding-left:4px;
	padding-right:4px;
	text-decoration:none;
	font-family:verdana;

  }  

.pagetitle
{
    font-family: verdana;
	background-color:EFE2B6;
    color: #663300;
    font-size: 20px;
    font-weight: bold;
    text-align:left;
    line-height: 12px;

}
.contentdiv
{border: 0px solid #F68957; margin: 0px 5px 0px 5px; border-collapse:collapse;
}
.pagecontent
{
 font-family: verdana;
    font-size: 14px;
    
    }
    
	
#midd{ padding-left:10px; padding-right:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; width:99%;}
#midd p {text-align:left; font-style:normal; text-align:justify; padding-left:10px; padding-right:10px;}
#midd .pagetitle{background-color:#F8F1D4; padding-top:8px;padding-left:10px;height:25px;color: #871622;font-size: 20px;font-weight: bold;text-align:left;}
.l{width:10%;}
.r{width:10%;}
.m{width:98%; float:left;}
.pagerOuterTable
{
    border-collapse: collapse;
    border: 1px solid #4d5c93;
    background-color: #FFFFFF;
    color: #800000;
}

.pageCounter
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #800000;
    background-color: #FF0066;
    text-align: center;
    vertical-align: middle;
}

.pageFirstLast
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #4d5c93;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;    
}

.pagePrevNextNumber
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #4d5c93;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;    
    width: 20px;
}
        .style1
        {
            font-size: x-small;
        }
.pageCurrentNumber
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #4d5c93;
    font-weight: bold;
    background-color: #d6cde2;
    text-align: center;
    vertical-align: middle;    
    width: 20px;
}

.pageGroups
{
    font-family: Tahoma;
    font-size: 10pt;
}

.pagerLink, .pagerLink#hover, .pagerLink#active, .pagerLink#visited
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #4d5c93;
    text-decoration: none;    
}
.loading
{
    background:url('images/icon-loading-small.gif') no-repeat right center;
}

  


.hotbargain {
  -webkit-animation: blink 1s steps(5, start) infinite;
  -moz-animation:    blink 1s steps(5, start) infinite;
  -o-animation:      blink 1s steps(5, start) infinite; 
  animation:         blink 1s steps(5, start) infinite;
}
@-webkit-keyframes blink {
  to { visibility: hidden; }
}
@-moz-keyframes blink {
  to { visibility: hidden; }
}
@-o-keyframes blink {
  to { visibility: hidden; }
}
@keyframes blink {
  to { visibility: hidden; }
}


	    a{ text-decoration:none;
	       color :Blue;
            
        }
.loginr { font-family: Arial, Helvetica, sans-serif; width:93%; 
 background:#F78958; cursor:pointer;  padding:3px 5px; }
.loginr:hover { font-family: Arial, Helvetica, sans-serif;   background:#F46A2A; color:#FFFFFF;}
.loginr a{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold; text-decoration:none; }
.loginr a:hover{ font-family: Arial, Helvetica, sans-serif; color:#000000; height:100px;  }
.logindropdown{border:1px solid #F78958; border-bottom-width: 0;width:155px; background-color:White;}
.logindropdown a{width: auto;display: block;border-bottom:1px solid #F78958;padding: 2px 8px;text-decoration: none;font-weight: normal;color: #000000;line-height:22px;}
.logindropdown a:hover{ background-color: #F78958; color:#000000;}
 .stop-scrolling {
position: relative;
}



