/* @override http://barcoderobot.s3.amazonaws.com/main.css?ver=2 */

body,
html {
margin: 0;
padding: 0;
}
body {
min-width: 750px;
font: 78%/155% "Lucida Grande", Tahoma, Arial, sans-serif; 
background:url('http://barcoderobot.s3.amazonaws.com/fade.png') #ddd repeat-x; 
color: #333;
}

a { color:#11a;}
a:visited { color:#51a }

img { border: none; }
br { height: 1px; }
dd { margin-bottom: 1em; }
#everything { 
margin:0 auto;
width: 750px;

background:white; 
border-top:1px solid #aaa; 
border-left:1px solid #aaa; 
border-bottom:1px solid #aaa; 
border-right:1px solid #aaa; 
height: 1%;
}
#header { 
height: 77px; 
}
#header img { 
float: left; 
}

#header h5 { 
display: none; 
}


#toplogin { 
float: right; 
margin: 10px 5px 0 0; 
padding: 0; 
font-size: 80%; 
text-align: center; 
}
#toplogin form { 
margin: 0; 
padding: 0; 
}

#toplogin-actions { 
    font-size: 125%; 
    padding: .33em; 
}

#main-content {
float: right;
width: 550px;
padding: 0 10px;
}
#navcontainer { 
background:url('http://barcoderobot.s3.amazonaws.com/mainnav4.png') bottom center #245B9A; 
border-bottom: 1px solid #aaa; 
}
#navcontainer ul { 
padding: 5px 0 5px 0; 
margin: 0; 
list-style-type: none; 
width: 100%; 
text-align: center; 
}
#navcontainer li { 
display: inline; 
font-size: 100%; 
line-height: 100%; 
}
#navcontainer li.last { 
margin: 0; 
padding: 5px 0 5px 0; 
border-left: 1px solid #fff; 
}
#navcontainer li a.first { 
border-left: none; 
}
#navcontainer li a { 
padding: .5em 2.5em .5em 2.5em; 
text-decoration: none; 
color:black; 
border-left: 1px solid #fff; 
}
#navcontainer li a:hover { 
background: #245B9A; color: #000; 
}
#left {
float: left;
width: 175px;
padding: 0;
}
#left ul{ margin: 0px; padding: 0px; border-bottom: 1px solid #aaa; }
#left li{ font-size: 1em; list-style: none; margin: 0px; }
#left li.title{ font-size: 1em; border-right: 1px solid #aaa; color:#333; background:url('http://barcoderobot.s3.amazonaws.com/sidenav_title.gif') bottom center; padding-left:.75em; }
#left li.first{ padding-left:1em; font-size:1em; background:#eee; border-top:1px solid #aaa; border-right:1px solid #aaa; }
#left li.second{ border-right:1px solid #aaa; padding-left:1.5em; font-size: 90%; line-height: 120%; }
#left li.third{ border-right:1px solid #aaa; font-size: 80%; line-height: 130%; padding-left:2.5em; }
#left li a{ color:black; text-decoration:none; display: block; width: 100%; }
#left li a:hover{ color:#333; }
#left li.second a:hover, #secondaryNav li.third a:hover { color: #000; background-color: #ffffe0; }
#left li.first a { padding-top: 5px; padding-bottom: 5px; }
#left li.second a{ padding-top:.25em; padding-bottom:.25em; }
#left li.third a{ padding-top:.10em; padding-bottom:.10em; }
#left li.title a { padding-top: .75em; padding-bottom: .75em; }
#left li.image{ border-right:1px solid #aaa; padding-left:0.5em; font-size: 90%; line-height: 120%; }
html>body #left a { width: auto; }
#footer{ 
clear: both; 
font-size: x-small; 
text-align: center; 
margin: .5em 0 0 0; 
background: #f3f3f3; 
border-top:1px solid #aaa; 
}

#main-content h1{ 
border-top:2px #c00 solid; 
background-color:#eee; 
margin-top: 10px; 
padding-top:.25em; 	
padding-bottom:.25em; 
padding-left:.2em; 
padding-right:.2em; 
font-size: 1.5em;
}

#main-content h2{ 
border-top:2px #c00 solid; 
background-color:#eee; 
margin-top: 10px; 
padding-top:.25em; 	
padding-bottom:.25em; 
padding-left:.2em; 
padding-right:.2em; 
}
#main-content h3{ 
border-top:2px #fc0 solid; 
background-color:#eee; 
padding: .33em .2em .33em .2em; 
margin-top: 0; 
}

#main-content p{ 
padding-top:2px; 
padding-bottom:5px; 
}

#main-content li { 
line-height: 175%; 
}

#main-content .right-box { 
float: right; 
width: 20em; 
padding: 1em; 
margin: 1em; 
font-size: 90%; 
background: #eee; 
border: 1px solid #245B9A; 
}

#main-content div h4 { 
margin: 0; 
}

.note { 
text-align: center;  
background: #eeeeee; 
border: 1px solid #aaaaaa; 
padding: 3px; 
}

.wrong { 
color: #ff0000; 
font-size: x-small; 
}

.center-align { 
text-align: 
center; 
}

table { 
width: 99%; 
}
    
/*        #main-content table { 
width: 100%; 
}
*/        
#main-content tr { 
line-height: 150%; 
}

#main-content th { 
background: #ccc; 
border: 1px 
#ccc solid; 
}

#main-content th a.sort { 
color: #000 !important; 
}

#main-content .striped_even { 
background: #eee; 
}

#main-content .right-actions { 
padding: 6px 0 0 0; 
font-size: x-small; 
float: right; 
}

* html #main-content .right-actions { 
margin-top: .75em; 
}  

#main-content .page-actions { 
text-align: right; 
}

.table-actions,.page-actions { 
padding:0; 
margin:0; 
font-size: x-small;	 
}
.bc_digits { 
font-size:24px; 
font-weight: bold; 
}
.caption { 
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
text-align: center; 
}
.thumbnail {
float: left;
margin: 0 5px 5px 0;
padding: 0px;
}
.buttonborder {
background-color:#6699CC;
border:2px outset #6699CC;
border-spacing:0pt;
margin:0px;
padding:2px;
}
.buttonborder td, buttonborder tr {
background-color:#6699CC;
}
.productPrice {
font-size: 110%;
font-weight: bold;
}
div#resImage {
text-align:center;
}
div#linkBox {
width:360px;
margin-left:auto;
margin-right:auto;    
}
table#linkTable {
padding-top:5px;
font-size:11px;
padding-bottom:5px;
}
.linkLabel {
    color:#333333;
    font-weight:bold;
    text-align:right;
}
.linkBody {
    text-align:left;
}
.url_field{
font-size:10px;
width:250px;
}
#badgeImg{
bottom: 20px; 
right: auto; 
left: auto; 
top: 0px;
}

/* BUTTONS */
.buttons button{
display:block;
margin-left: auto;
margin-right: auto;
text-align: left;
             
background-color:#959595;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:100%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
padding:5px 10px 6px 7px; /* Links */
}


.buttons a{
display:block;
margin-left: auto;
margin-right: auto;
text-align: center;

background-color:#959595;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:100%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
padding:5px 10px 6px 7px; /* Links */
}


.buttons button{
width:auto;
overflow:visible;
padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
padding:5px 10px 5px 7px; /* Firefox */
line-height:17px; /* Safari */
}
*:first-child+html button[type]{
padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}
.buttons a:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
color:white;
font-size:110%;
}
.buttons a.positive:hover, button.positive:hover{
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
.buttons a.positive:active{
background-color:#529214;
border:1px solid #529214;
color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
background:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}
.buttons a.negative:active{
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}

/*CENTER*/
.center
{ 
text-align: center;
}

.center table div
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
}

.ajax img, #resImage img {
    background-color:#FFF;
    background-image:url(http://barcoderobot.s3.amazonaws.com/teasers/ajax-loader.gif);
    background-repeat:no-repeat;
    background-position: center center;
}

.div500{
     min-height:500px;
     height:auto !important;
     height:500px; 
}