/* Mandarava Department Pages Theme*/
/* @global section */
/***** Clear out browser settings */
@import url("reset.css");

/* HIDE the MOBILE ELEMENTS!!!!!!!*/
.mobile-iframeWrapper {
  display:none;
}
.mobile-page-desc {
  display:none;
}
.mobile-header-text {
  display: none;
}
/* end MOBILE ELEMENTS */

/* hidden div for loading images */
.image_holder {
display:none;
z-index: -1000;
}

/*this wrapper for dept pages, home theme has its own*/
.wrapper {
width: 800px;
margin: 0 auto;       /*for this to work, must have width AND overflow:hidden */
text-align: left;     /*IE 5 hack */
overflow: hidden;
}
/*this main-content is for general pages --home page has its own */
.main-content {
width:840px;
margin:0 auto;
text-align: center;
overflow:hidden;
}

/* @begin COMMON ELEMENTS FOR ALL PAGES */
body{
width:100%;
margin:0;
padding:0;
text-align:center;  /* bug fix for IE5 margin:auto problem */
font-size: 12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}


/* style the horizontal lines */
hr {
width: 80%;
color: #98b9b6;
background-color: #98b9b6;
border: 1px solid #98b9b6;
}

h1,h2,h3,h4 {
display: inline;
font-weight: bold;
padding: 0px;
}

h1 {font-size: 1.2em;}
h2 {font-size: 1em;}
h3 {font-size: .9em;}
h4 {font-size: .8em }

img{
border-style: none;
}
a {
text-decoration:none;
font-weight:bold;
}

button {
width: 200px;
height: 50px;
border: 1px solid;
}
/* remove default borders from forms and fieldsets */
form {
border-style:none;
border-color: #ffffff;
}
fieldset {
border-style:none;
margin: 0px;
}
/*iframeWrapper for FB */
.iframeWrapper {
  display:inline;
}
/* @.main-header classes and elements*/
.main-header{
width:850px;
height: 78px;
margin:0 auto;
margin-top:4px;
	border: solid 1px #bcbbbb;
	outline: none;
	-webkit-border-radius: .8em;
	-moz-border-radius: .8em;
	border-radius: .8em;
}
/* change background image to show banner */
/* background image reference is in the color_pallette.css file */
.main-header-image-box { 
width: 660px;
height: 76px;
margin-left: 5px;  /*for the std 700px header */
float:left;  
	-webkit-border-radius: .8em;
	-moz-border-radius: .8em;
	border-radius: .8em;
}
/* must have width in order to use float properly */
.main-header-links-box {
width: 180px;
height: 74px;  /*must be 2 px less than banner pix*/
padding-top:1px;
padding-bottom:1px;
font-size: .9em;
float: left;
text-align: center;
}
.main-header-links-text .check-cart,form {
  margin-bottom: 5px;
  margin-top: 10px;
  position:relative;
  left: 10px;
}
.main-header a {
 text-decoration:none;
}

.top-menu-bar {
width:800px;
height:25px;
margin: 0 auto;
text-align:center;
}
/* use this if you want to encase text in button */
.top-menu-button {
margin:0px 15px 0px 15px;
padding:0px 10px 0px 10px;
border-style:outset;
vertical-align: text-bottom;
}
/* use this for text without button */
.top-menu-text {
margin:0px 5px 0px 5px;
padding:0px 5px 0px 5px;
vertical-align: text-bottom;
}
/*end top menu and header elements */

/* @BEGIN HOME PAGE STYLES */


/* home page wrapper is different than general wrapper*/
#home .wrapper {
width:100%;
}

#home .main-content {
width:920px;
margin:0 auto;
text-align: center;
overflow:hidden;
}

/* lead content goes to the right */

#home .main-content .lead {
width: 710px;
float: right;
display; inline;
}

.main-leadbar ul
{
margin: 0;
padding: 0;
list-style-type:none;
display: inline;
}
.main-leadbar li {
padding-right: 15px;
display: inline;
}

.main-image-block {
height:360px;
width:710px;
float:left;
margin-top:5px;
margin-bottom:10px;
}

.main-block-2 {
width:710px;
float:left;
}
.main-block-2 .left-main-col {
width: 120px;
float:left;
text-align:left;
display: inline;
margin-right:5px;
}
.main-block-2 .right-main-col {
/*do not set width for this*/
float:left:
display:inline;
text-align:center;
}
.main-block-2 .cth {
font-weight:bold;
font-size:1.2em;
text-align:center;
}

.secondary-header {
font-weight:bold;
font-size:1.2em;
text-align:center;
}
.secondary-header2  {
font-weight:bold;
}
.main-sub-bar { 
font-weight:bold;
margin-top: 15px;
margin-bottom: 0px; }

/* classes for right hand column */
.lead iframeWrapper{
float:left;
margin-right:10px;
border:none; 
width:190px; 
height:80px;
display:inline;
/*float:right;margin-left:10px;*/  /*for right float*/
}
.leadtext {
float:left;
margin-left: 5px;
}
#home .main-content .sub1 {
width: 190px;
padding: 5px;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #98b9b6;
float: left;
}
#home .main-content .main-linkbar {
text-align: center;
margin-left:60px;
}
/** END HOME PAGE special elements */

/* Style the global link bars */
/* global vertical link column */
.global-vert-link-col-r {
font-size: .9em;
width: 150px;
float:left;
text-align: left;
}
.global-vert-link-col-r select,option,#home1nav{
font-size: 1em;
text-align:left;
font-weight:bold;
}
.browse-text {
font-size: 1em;
font-weight: bold;
}
.search-text{
font-style: italic;
font-size: 1em;
}
.webbotnav{
text-decoration: none;
}
/* end global link bars */

/* @begin TEXT STYLING section - colors will be in the pallette file */

.breadcrumb-box {
text-align: left;
font-size: .8em;
}
.page-title-text {
font-size: 1.3em;
font-weight:bold;
padding: 0px;
margin-top: 0px;
}
.page-desc-box {
width:550px;
float: right;
text-align: center;
}
.page-desc-text {
padding: 0px;
align: left;
}

/** @these text elements will get color in the pallette file */

/*** elements for search and sale pages */
.searchBaseTable,.searchBaseTable2 {
width: 90%;
margin:0 auto;
text-align: center; }

.searchSaleText {
font-size: 1.2em;
font-weight:bold;
display:block; 
color: red;
}

.searchTable1 td{
border-style:solid;
border-width:2px;
}

.searchbars {
margin:0 auto;
text-align: center;
}
.searchLinkBars {
width: 80%;
margin:0 auto;
font-size: 1em;
font-weight: bold;
padding: 3px;
text-align: center;
}

/* tables for search results and multi link columns */
.searchTable1,.searchTable4 {
width: 90%;
margin: 0 auto;
text-align: center;
text-size: 8em;
}
/**end top colored link bars */

/**@ department page classes */
.item-title-text {
font-size: 1.2em;
font-weight:bold;
display:block;
}

.item-subtitle-text {
font-size 1em;
font-weight:bold;
}
.item-code-text {
font-size .9em;
font-weight:bold;
}

.item-detail-text {
}

.item-sale-text {
font-size: 1.2em;
font-weight: bold;
}

.item-reg-price-text {
font-weight:bold;
font-size: 1.1em;
}
.item-special-comment-text {
font: 1em arial,sans-serif;
}
/* @end TEXT STYLING */
/* @gallery styling removed--using jssorslider inline*/
/* @rotator removed -- using jssorslider inline */

/****  toolbars1, 2 and 3 appear at bottom of page but can be placed anywhere */
/*** toolbar1 is the bar across pg;toolbar2 is just a button */
.toolbar1 {
 /*   font-size: .9em; */
    position:fixed;
    bottom: 44px;
    width:100%;
    margin-left: auto;   /* center it */
    margin-right: auto;
    z-index:30;
    text-align: center;
    height: 15px;  /* the image used is 30px tall*/
}

/** toolbar nav first level ul=toolnav **/
ul.toolnav {
margin-left: auto;     
margin-right: auto;
padding: 0px 0px 0px 0px;
float: right;
width: 100%;
list-style-type: none;
}

ul.toolnav li {
float: left;       /*this prevents them from stacking vertically--makes them horizontal */
width: 10%;
margin-left: 1px;
margin-top: 9px;
margin-bottom: 0px;
}

#socialLi {
margin-top: 0px;
vertical-align:top;
padding: 0px;

}

ul.toolnav a {
text-decoration: none;
padding: 6px; 1px 0px 1px;
}

ul.toolnav input,ul.toolnav img {
margin-top:0px;
vertical-align: top;
padding-top: 0px;
}

/*toolbar2 always open */
/*image is being used so no text styling at this time*/
.toolbar2 {   
 /*   font-size: .9em;*/ 
  /*   text-align: center;*/
  
    position:fixed;
    bottom:17px;
    right: 10px;
    height: 30px;
    width:70px;
    z-index:50;        /*by default, this is riding on top of the toolbar1 */
    margin-top: 0px;
    vertical-align:top;
    padding: 0px;

}

.toolbar2 img,
.toolbar2 input {
margin-top: 0px;
}

/** toolbar3  **/
.toolbar3 {
    font-size: .9em;
    position:fixed;
    bottom: 104px;
    width:180px;
/*    margin-left: auto; */  /* center it */
/*    margin-right: auto;*/
    right: 40px;
    z-index:30;
    text-align: center;
    height: 40px;
    visibility:hidden;
}

.toolbar3 ul {
text-align: left;
}
.toolbar3 li {
margin: 3px;
padding: 1px;
}

/** end toolbar * */

/* @search page special and item detail special items*/

.srch-wrapper {  /*for search pg & item detail page */
width:850px;
margin: 0 auto;
}

.top-link-bar {
width:850px;
margin: 0 auto;
font:arial 9pt 700;
}

.srch-main-content {
width:700px;
float:left;
}

.detail-main-content {
width:750px;
float:left;
}

/* right navigational column */
.rt-nav {
width:140px;
float:right;
text-align:left;
margin-left:5px;
padding-left:5px;
}

.srch-rt-link-col {
float:left;
}

.srch-rt-link-col form {
margin: 0px;
padding: 0px;
text-align:left;
}

.rt-link-text {
font-size:9pt;
}

/*SEARCH RESULTS TABLE */

.srch-results tr {
height:230px;
width:155px;
padding-bottom: 10px;
padding-left:5px;
text-align:bottom;
}

.srch-results .srchtitle {
font-size:.9em;
}
.srch-results .saletitle {  /*sale price statement */
font-size:1.1em;
font-weight:bold;
color:#FF0000;
}


/********VERTICAL RIGHT FLYOUT MENU **********/
/****sub menus fly out to the right ******/
.vertNavRightFlyout {
margin:0 10px 50px 0;
z-index:1000;
}
/* remove all the bullets, borders and padding from the default list styling */
.vertNavRightFlyout ul {
padding:0;
margin:0;
list-style-type:none;
width:105px;
/*width:150px;*/
}
/* hack for IE5.5 */
* html .vertNavRightFlyout ul {margin-left:-16px; ma\rgin-left:0;}

.vertNavRightFlyout li {
position:relative; /*allows sub levels to be positioned */
font-size:.9em;
width:105px;
}
/* get rid of the table */
.vertNavRightFlyout table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; }

/* style the links */
.vertNavRightFlyout a, .vertNavRightFlyout a:visited {
/*font-family:verdana, sans-serif;*/
display:block; 
text-decoration:none;
/*height:25px;*/
/*line-height:25px;*/
/* width and color if needed*/
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .vertNavRightFlyout a, * html .vertNavRightFlyout a:visited { width:150px; w\idth:149px;}
/* style the link hover */
* html .vertNavRightFlyout a:hover {color:#fff;}

.vertNavRightFlyout :hover > a{
/*color:#fff; */
/*background: here if needed */
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.vertNavRightFlyout ul ul {
visibility:hidden;
position:absolute;
top:0;
/*** line below determine whether sub levesl fly out to right or left; pos number = right;neg num=left*/
left:105px; 
}
/* make the second level visible when hover on first level list OR link */
.vertNavRightFlyout ul li:hover ul,
.vertNavRightFlyout ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.vertNavRightFlyout ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.vertNavRightFlyout ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.vertNavRightFlyout ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.vertNavRightFlyout ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
/******END VERTICAL Right FLYOUT ******/


/*******START VERTICAL LEFT FLYOUT ******/
/****sub menus fly out to the left ******/
.vertNavLeftFlyout {
margin:0 10px 50px 0;
z-index:1000;
}
/* remove all the bullets, borders and padding from the default list styling */
.vertNavLeftFlyout ul {
padding:0;
margin:0;
list-style-type:none;
width:120px;
/*width:150px;*/
}
/* hack for IE5.5 */
* html .vertNavLeftFlyout ul {margin-left:-16px; ma\rgin-left:0;}  /*do not change*/

.vertNavLeftFlyout li {
position:relative; /*allows sub levels to be positioned */
font-size:1em;
width:120px;
}
/* get rid of the table */
.vertNavLeftFlyout table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; }

/* style the links */
.vertNavLeftFlyout a, .vertNavLeftFlyout a:visited {
/*font-family:verdana, sans-serif;*/
display:block; 
text-decoration:none;
/*height:25px;*/
/*line-height:25px;*/
/* width and color if needed*/
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .vertNavLeftFlyout a, * html .vertNavLeftFlyout a:visited { width:150px; w\idth:149px;}
/* style the link hover */
* html .vertNavLeftFlyout a:hover {color:#fff;}

.vertNavLeftFlyout :hover > a{
/*color:#fff; */
/*background: here if needed */
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.vertNavLeftFlyout ul ul {
visibility:hidden;
position:absolute;
top:0;
/*** line below determine whether sub levesl fly out to right or left; pos number = right;neg num=left*/
left:-120px; 
}
/* make the second level visible when hover on first level list OR link */
.vertNavLeftFlyout ul li:hover ul,
.vertNavLeftFlyout ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.vertNavLeftFlyout ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.vertNavLeftFlyout ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.vertNavLeftFlyout ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.vertNavLeftFlyout ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
/*********END VERTICAL LEFT FLYOUT *********/

/*******testNav Start****************************/

.testnav {
	width:100%;
	margin:0 auto;
	margin-top:4px;
}

.testnav ul {
    font-family: Arial, Verdana;
    font-size: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align:center;
}
.testnav ul li {
    display: block;
    position: relative;
    width: 80px;
    float: left;
}
.testnav ul li ul {
    display: none;
    width:140px;
    text-align:left;
}
/* first level */
.testnav ul li a:hover {
/*light teal*/
font-weight:bold;
}

/* second level */
.testnav ul li ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    border-top: 1px solid #ffffff;
    padding: 5px 5px 5px 5px;
    background-color:#138A7C;
    font-weight:bold;
    font-size:12px;
    margin-left: 1px;
    white-space: nowrap;
    width:140px;
}
/* second level */
.testnav li:hover ul {
    display: block;
    position: absolute;
}
/* second level */
.testnav li:hover li {
    float: none;
}

.testnav li:hover li a:hover {
    float: none;
    background-color:D6E6E1;
    color:black;
}


/******end testNav**************************/

/***************navdown*******************/
.navdown {
margin: 0;
padding: 0;
list-style-type: none;
width:90%;
float:left;
border: 1px solid #486b02;
}

ul.navdown {
margin: 0;
padding: 0;
list-style-type: none;
width:90%;
float:left;
border: 1px solid #486b02;
}

ul.navdown li {
width: 10em;
float: left;

}

/* do this for all levels beyond level 1 */
ul.navdown li ul{
width: 10em;
position: absolute;
left: -999em;
}
/*do this for level 2 only */
.navdown li:hover ul {
left: auto;
}

/* do this for level 3 */
ul.navdown ul li:hover  {
display:block; position:absolute; top:0;
left:80px; width:105px;
}

ul.navdown a{
display: block;
text-decoration: none;
padding: 0.3em 1em;
border-right: 1px solid #486b02;
border-left: 1px solid #e4ffd3;
}

/* do this for all levels beyond level 1 */
ul.navdown li li a {
border-top: 1px solid #e4ffd3;
border-bottom: 1px solid #486b02;
border-left: 0;
border-right: 0;
}

/* remove unwanted borders on the end list items*/
ul.navdown li:last-child a {
border-right: 0;
border-bottom: 0;
}
/* end dropdown nav bar */


/* @begin department page elements */
/*this is the description that goes at top of page */
.page-desc {     
width: 750px;
margin:0 auto;
text-align: center;
}

.dept-tag {
width: 800px;
text-align: center;
}

/* everything except the header and footer are wrapped in this div */
.dept-wrapper {
float: right;
width: 800px;
}

/* @vertical link bar */
.dept-linkbar-vert {         
text-align: center;
width: 120px;
float: right; 
}

/* @begin item classes */
.single-item-wrapper {
width: 800px;              
margin: 0 auto;
}

.single-item-wrapper form {
margin-top: 10px;
}

/*****2 items below are for regular .htm item pages */
/* for regular retail pages */
.item-image-box {
width: 300px;
text-align: center;
float:right;
margin: 5px 0px 0px 0px;
padding: 10px;
vertical-align:text-bottom;
}

/*for regular retail pages */
.item-desc-box {
text-align: center;
width: 440px;
float: right;
padding: 10px;
margin: 5px 10px 5px 5px;
}

/* end 2 items for regular .htm retail pages */

/* 3 items below are for item DETAIL page only */
/* for item detail page only */

.item-desc-box-b {  /*for detail page ONLY*/
text-align: center;
width:330px;
float:right;
margin: 5px 3px 5px 3px;
}

.item-image-box-b {   /*for detail page ONLY */
width: 400px;
text-align: center;
float:left;
margin: 5px 0px 0px 0px;
vertical-align:text-bottom;
}

/*there is also an ID of item-image-box-b -- so style it*/
#item-image-box-b {
width: 400px;
text-align: center;
float:left;
vertical-align:text-bottom;
}

/*end 3 items for DETAIL page only */


/* @begin item-select elements */
/* styles here are for items without options */

.item-select-box {
margin: 0 auto;
width:50%;
border-style: solid;
text-align: center;
}

/* not used */
.item-select-set {
margin:0 auto;
width: 30%;
}

.item-select-qty {   /* QTY: */
margin: 0 auto;
width: 30%;
border-style: solid;
}

.item-select-qty-input {  /* input box for item-select-qty */
  width: 20%;
  margin: 0px 5px 0px 5px;
  display: inline;
  margin: 0 auto;
  border-style: inset;
  text-align: right;

}

/* DO NOT USE UNLESS percentages above are resized ***/
.item-select-label {  /*not used unless item has just 1 single option */
width: 30%;
border-style: solid;
margin: 0px 0px 0px 5px;
text-align: left;                   
float: left;                    /* floats left */
display: inline-block;
}

.item-select-price {  /* price of item */
  text-align: left;
  width: 50px;
  float:left;                 /* floats left */
  border-style:solid;
}


/*** styles for items with options */

.option-select-box {
float: left:
width:100%;
border-style: solid;
font-size:.9em;
/* font-weight:bold;  causes an overflow 9/7/2021*/
margin:0px;
}


.option-select-set {
border-style: solid;
float: left:
width: 100%;
height:1em;
}

.option-select-qty {  /* QTY: label--not used? */
text-align:left;          /* floats left */
margin-right:5px;
width:10%;
float:left;
border-style:solid;
}

.option-select-input {  /* input box for qty */
width:10%;
float: left;               /* floats left */
border-style: inset;
text-align: right; 
margin-right:2px;
height:.9em;
}

.option-select-label {  /* ex: Medium T-shirt */
width:65%;
margin-right:2px;
border-style: solid;
text-align: left;     
float: left;             /*floats left */
display: inline-block;
}

.option-select-price {  /* price for option */
  text-align: left;
 /* width:18%; */  /*2015 changed this*/
  float:right;              /*floats right instead of left */
  border-style:solid;
}


/* @end item-select elements */

/******floating the buttons *********/
#buttons {
	float:right;
	position:relative;
	left:-50%;
	text-align:left;
}
#buttons ul {
	list-style:none;
	position:relative;
	left:50%;
}
#buttons li {
	float:left;
	position:relative;
}/* ie needs position:relative here*/
#buttons a {
	text-decoration:none;
	margin:10px;
	background:red;
	float:left;
	padding:2px 5px;
	text-align:center;
	white-space:nowrap;
}
#buttons a:hover {
	border:2px inset blue;

}
#content {
	overflow:hidden
}/* hide horizontal scrollbar*/
/* ie mac only styles*/
#buttons{
	float:none;
	position:static;
}
#buttons ul{
	position:static;
	text-align:center;
}
#buttons li{float:none;position:static;display:inline-block}


/* @utility classes */
.center
{
margin-left:auto;
margin-right:auto;
width:70%;
}
.clear { 
clear: both;
}    
.clear-700{
clear:both;
height:30px;
width:700px;
}
.horiz-separator{
width:800px;
height:5px;
}
/* use between items */
.horiz-spacer{
width:550px;
height:20px;
margin: 0 auto;
clear:both;   /* do NOT allow elements on either side */
}
.vert-spacer{
width: 800px;
height: 30px;
}
/* @end utility classes */

/* @cart classes */

.cart-button {
font-weight: bold;
height: 30px;
margin-top:10px;
}
.cart-form {}

/* end dept item classes */

/* @search form elements*/
/* search form 
-------------------------------------- */
.searchform {
	zoom: 1; /* ie7 hack for display:inline-block */
	display: block;
	margin-left: 1px;
	margin-top: 0px;
	margin-bottom:10px;
}
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchfield {
	background: #fff;
	padding: 1px;
	width: 100px;
	height: 20px;
	border: solid 1px #bcbbbb;
	outline: none;
	-webkit-border-radius: .8em;
	-moz-border-radius: .8em;
	border-radius: .8em;
/* shadow */
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 12px;
	height: 20px;
	width: 30px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}
/* @end search form */
/* @begin post search post-srch div (bottom table of links ABOVE footer) */
.post-srch{
width:90%;
float:right;
}
.category-table {
width:95%;
align-content:center;
align:center;  /*compatible with older browsers*/
}

/* @end post search post-srch div */
/* @begin lightbox styles */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

/* end lightbox styles */

/* Begin footer styles */
/* @main-prefooter */
.main-prefooter {       /*body aligns text to center */
width: 920px;
margin:0 auto;
display: block;
text-align: center;
}
/* @main-footer */
.main-footer {       /*body aligns text to center */
width: 850px;
margin:0 auto;
margin-top: 20px;
margin-bottom:90px;
text-align: center;
}
.footer-link-bar span{
width: 30px;
margin:0px 10px;
}
.footer-text { } /*TBD color in palette file */