/* PURGE */

p { margin: 0 0 12px; }
#frame {
padding-top:10px;
width:760px;
margin:0 auto;
}
#col1_wrapper {
margin:10px 0 10px 10px;
width:360px;
position:absolute;
z-index:2;
}
#col1_top {
background-image: url(/design/images/site/corners/left_top.png);
height:25px;
}
#col1_bottom {
background-repeat: repeat-x;
background-image: url(/design/images/site/corners/left_bottom.png);
height:45px;
background-position: top left;
}
#col1 {
background-repeat: no-repeat;
background-image: url(/design/images/site/bartmain.jpg);
background-color:#fff;
height:545px;
background-position: 0px 30px;
}
#col2_wrapper {
position:absolute;
left:370px;
margin:10px 100px 10px 0;
z-index:1;
}
#col2_top {
background-repeat: no-repeat;
background-image: url(/design/images/site/corners/right_top.png);
height:24px;
background-position: top left;
}
#col2_bottom {
background-image: url(/design/images/site/corners/right_bottom.png);
height:20px;
background-repeat: no-repeat;
background-position: bottom left;
margin-bottom:20px;
}
#col2 {
background-repeat: no-repeat;
line-height:1.3em;
background-color:#fff;
padding:0 0 10px 0;
min-height:180px;
border-left:1px solid #aab5d7;
}
#mainlogo {
position:relative; 
top:15px;
left:160px; 
height:95px; 
width:100px;
}
div.innerContainer {
padding:0 20px;
}
h1 {
color:#333;
font-size:200%;
margin-top:0;
border-bottom:1px solid #666;
font-weight:normal;
}
div.hr {
height:1px;
padding:0;
margin: 15px 0;
background-color:#666;
border:0;
line-height:1px;
font-size:1px;
}

span.copyright { font-size:smaller; }
#txtMain {
width:400px;
text-align:left;
margin:25px 0;
}
h2 {
line-height:1.1em;
margin:0 0 10px 0;
padding-top:10px;
font-weight:normal;
font-size: 200%;
color:#444;
}
h3 {
line-height:1.1em;
margin: 20px 0 10px 0;
font-weight:normal;
font-size: 150%;
color:#310773;
}
#shoutOut {
width:200px;
float:right;
margin:0 0 10px 10px;
font-size:180%;
color:#330033;
}
#artNav {
width:200px;
float:right;
margin:0 0 0 10px;
text-align:right;
}


ul {
list-style-image: url(/design/images/site/li.gif);
}

ul ul {
list-style-image: none;
}

input.emp {
width:250px;
margin: 0 0 10px;
clear:right;
}

input.btnhov {
color:#555;
border-top-color:#555;
border-left-color:#555;
border-right-color:#555;
border-bottom-color:#555;   
}

#keyshot {
border-top:2px solid #ff9900;
border-bottom:2px solid #ff9900;
background-color:#380089;;
height:200px;
margin-bottom:10px;
background-repeat: no-repeat;
}

textarea.txtArea {
height:200px; 
width:250px;
margin-right:10px;
}

div.clear {
clear:both;
line-height:1px;
height:1px;
}

form { margin:0; padding: 0;}
div.breaker {
width:250px;
font-size:200%;
color:#330033;
float:right;
margin: 0 0 5px 25px;	
}
div.floater {
float:right; 
margin:0 0 8px 10px; 
padding:0;
}
div.floater div.floaterH {
color:#FFFFFF; 
padding: 4px 8px; 
margin:0;
background-repeat: no-repeat;
background-position: right top;
}
div.floater div.floaterB {
color:#111; 
padding: 8px; 
margin:0 0 5px 0;
}
#search {
padding:20px 50px 0;
text-align:right;
}
hr { margin: 20px 0; }
#print {
width:565px; 
margin: 25px 25px;
padding: 0 0 25px 0;
background-color:#FBF3DF;
height:100%;
}
p.signature {
font-size: medium; 
color:#910000;
padding-right:30px;
}
span.tagalong {
color:#444;
font-size:85%;
}
span.tagalong a {
color:#444;
}
p.name {
margin: 0 0 3px 0;
}
p.dept {
margin: 0 0 3px 0;
font-size:medium;
color:#5F7082;
}

span.lead_in {
color: #910000;
font-size:150%;
}

div.formBreak { padding:15px 0 0 120px; }

div.item {
border-bottom: 1px solid #666; 
padding:0;
margin:8px 0 0;
}

html > body #button li a {
width : auto; 
} 

div.catContainer {
width:170px; 
float:right; 
color:#666; 
padding:10px 0 10px;
margin:0 2px 8px 0;
} 

div.catFill {
width:160px; 
background-image: url(/design/images/site/catBkg_fill_1.jpg);
background-repeat: repeat-y;
}

div.catTop {
width:160px; 
height:124px; 
background-image: url(/design/images/site/catBkg_top_124.jpg);
background-repeat: no-repeat; 
background-position: left top;
}

div.catContent {
padding:15px 15px 0; 
float:left;
color:#612602;
}

div.catBottom {
width:160px; 
height:16px; 
clear:both; 
background-image: url(/design/images/site/new_bottom.jpg);
background-repeat: no-repeat; 
background-position: left bottom;
}

div.itemInfo {
width:335px; 
float:left;
}

img.small {
margin:0 8px 12px 0; 
border:none;
}

span.itemTitle {
color:#996600; 
font-weight:bold;
}

span.qty {
color:#996600; 
font-size:14px;
}

div.checkBkg {
background-image: url(/design/images/site/check_bkg.gif); 
margin:0 0 10px 0; 
border:1px solid #666; 
color:#612602; 
font-size:16px; 
padding:4px 15px;
height:19px;
}

#account_nav a {
font-size:16px;
}

p.error { color: #660000; }

div.button {
margin-bottom: 10px;
}

img.leftTop {
border:2px solid #ff9900; 
margin:0 15px 15px 0;
float:left;
}

img.left {
border:2px solid #ff9900; 
margin:15px 15px 15px 0;
float:left;
}

img.rightTop {
border:2px solid #ff9900; 
margin:0 0 15px 15px;
float:right;
}

img.right {
border:2px solid #ff9900; 
margin:15px 0 15px 15px;
float:right;
}

img.noBorder {
border:none;
}

img.nav_arrow {
border:1px solid #fff;
height:12px;
width:15px;
}

img.nav_arrow:hover {
border:1px solid #B8C5FF;
}

a.arrow {
text-decoration:none;
border-style:none;
background-color:transparent;
width:17px;
display:inline;
position:relative;
top:-22px;
right:5px;
float:right;
z-index:20;
padding:0;
}

a.arrow:hover {
background-color:transparent;
}

#navContainer {
/*width:135px;*/
/*left:10px;*/
background-color:#fff;
margin:30px 5px 30px 5px;
position:relative;
border:1px solid #ccc;
/*background-image: url(/design/images/site/transparent.png);*/
}

a.main {
display : block; 
padding : 6px 5px 6px 0.5em;
color:#310773;
font-size:90%;
font-weight:bold;
text-decoration : none; 
width : auto;
z-index:1;
/* background-color:#380089; */
border-bottom:1px solid #fff;
}

a.main:hover {
background-color:#310773;
border-bottom:1px solid #fff;
color:#fff;
}

a.sub {
display : block; 
padding : 3px 5px 3px 1.5em;
color : #380089; 
background-color:#BCCAF4;
border-bottom:1px solid #fff;
font-size:90%;
text-decoration:underline;
width : auto; 
}

a.sub:hover {
color:#380089;
background-color:#AABAF4;
border-bottom:1px solid #fff;
}



















/* Keep for sure */

body {
background-image: url(/admin/design/images/bkg_admin.gif);
background-color:#777;
background-repeat: repeat-y;
background-position: center top;
}
#frame {
width:745px;
padding: 0 10px;
margin-top:10px;
}
p {
font-size:small;
}

#col1 { 
float:right; 
background-image: none;
padding:0;
width:520px;
}
#col2 {
/* background-image: url(/design/images/site/bartlogo1.gif); */
border:none;
height:auto;
background-repeat: no-repeat;
background-position: 8px 15px;
float:left; 
padding:10px 10px 10px 0;
width:200px;
}
form {
margin:0px;
}

div.readoutHeader {
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
padding:5px;
color:#fff;
background-color:#666;
}
div.readoutBody {
border:1px solid #ddd;
padding:5px;
margin: 0 0 20px 0;
}
table.readout {
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
padding:0;
margin: 0 0 20px 0;
vertical-align: top;
width:100%;
}
table.readout td {
vertical-align: top;
color: #330000;
padding:5px;
background-color:#f7f7f7;
border-bottom:1px solid #e1e1e1;
}
table.readout tr.headers {
background-color:#d1d1d1;
}
#middle_box_title {
border-bottom: 1px solid #999999; 
margin-bottom: 10px; 
padding:8px;
background-color: #660000;
width:auto;
color: #fff;
}

#middle_box {
height: auto; 
border: 1px solid #999999; 
margin: 25px 5px; 
width:353px;
}

#middle_box p {
margin:5px 0px;
padding:8px;
}

#nav_title {
background-color : #888; 
color : #fff;
padding:5px; 
}

div.button {
margin-bottom: 15px;
}

div.button ul {
list-style : none;
margin: 0px; 
padding: 0px; 
border: 1px solid #a1a1a1;
} 

div.button li {
margin: 0px;
padding: 0px; 
border: none; 
} 

div.button li a {
display : block; 
padding : 4px 5px 4px 0.5em;
background-color : #e1e1e1; 
color : #333; 
font-size:90%;
text-decoration : none; 
width : auto; 
} 

div.button li a.outsync {
background-color : #AEB6CB; 
} 

div.button li.insync {
display : block; 
padding : 4px 5px 4px 0.5em;
background-color : #fff; 
color : #333; 
font-size:90%;
text-decoration : none; 
width : auto; 
} 

div.button li a:hover {
background-color : #b1b1b1; 
color : #333; 
} 

html > body #button li a {
width : auto; 
} 

/*
display : block; 
padding : 4px 5px 4px 0.5em;
background-color : #ccc; 
color : #333; 
text-decoration : none; 
width : auto; 



*/



div.line {
width:auto;
height: 1px;
background-color: #999;
margin: 5px 0 8px;
}

input.marginAdd {
margin: 0 0 3px 0;
}

div.resource {
width:auto; 
margin:0; 
padding:5px; 
border-left:2px solid #333; 
border-right:2px solid #333; 
border-top:1px solid #333; 
border-bottom:1px solid #333; 
background-color: #e1e1e1; 
display: none;
}

table.tracking {
padding:0;
margin:0 0 25px 0;
width:100%;
}

table.tracking td {
padding:4px;
vertical-align:top;
}

table.tracking tr.header {
color:#fff;
background-color:#666;
}

label { width: 140px; }

a.light { color:#fff; }

a.site_resource {
padding:5px 10px;
display:block;
color:#fff; 
border-bottom:1px solid #fff;
background-color:#666;
text-decoration:none;
}

a.site_resource:hover {
background-color:#444;
color:#fff;
}

#ad_rt_container {
width:auto; 
height:auto; 
border:1px solid #999; 
padding:5px 5px 10px; 
margin-bottom:20px; 
background-color:#DCDCDC;
}

p.adminMesg {
margin:0 0 10px; 
padding:5px; 
background-color: #fff; 
color: #440044; 
border:1px dashed #330033;
}