/*
 * Reset browser defaults
 */
blockquote { border-left: solid 2px #ccc; padding-left: 1em; margin-left: 1em;  }
.clearer, .clear { float: none; clear: both; line-height: 0px; }

/*
 * Links
 */
a { color: #3bd; text-decoration: none; font-weight: bold; padding: 1px 2px; border-bottom: solid 1px #EFF1CA; }
a:visited { color: #7bd; }
a:hover  { color: #333; background-color: #adf; }
a img { border: 0; }

/*
 *
 * Body & wrapper
 * [#container]
 *
 */

html, body
  { height: 100%; margin: 0; padding: 0; }
  
body
{
  font: 0.75em/1.6em 'lucida grande', sans-serif;
  background: #fff url(../images/backdrop.jpg) center 0 repeat-x; color: #333;
}
td, th, textarea, input { font: 1em 'lucida grande', sans-serif; }

#container
{
  position: relative; min-height: 100%;
  height: auto !important; height: 100%;
  text-align: center;
}

/*#bodyarea ul, #bodyarea ol
    { margin: 1em 0 1.8em 2em; }*/

#bodyarea .col_small ul,
#bodyarea .col_small ol,
#bodyarea .store_sidebar ul,
#bodyarea .store_sidebar ol,
  { margin: 0; }

#bodyarea ul
  { list-style-image: url(../images/bullet.gif); }

h4 {
	margin: 10px 0 0 0;
}
h3.widgettitle {
	margin-bottom: 20px;
}

/*
 *
 * Columns
 *
 */
#bodyarea .store_main_inner { background-color: #fff; padding:5px;}
  
.col_small, .store_sidebar, .col_medium, .col_large, .store_main, .col_full { position: relative; margin: 0; padding: 0 3px 0 0; }

.col_small, .store_sidebar { float: left; width: 244px !important; width: 244px; font-size: 0.9em; margin: 0; }
.col_medium { float: left; width: 267px; }
.col_large, .store_main { float: left; width: 450px; margin: 0; height: auto !important; min-height: 425px; }
.col_full { }
div.store-footer { clear: both; }


.col_large .spacing, .store_main .spacing{
  padding: 40px 10px 10px 10px;
  background-color: #fff;
}
  
/*
 *
 * Header
 * [#container > #header]
 *
 */
#header
{
  margin: 0 auto; text-align: left;
  position: relative;
  height: 156px;
}

#header h1
{
  margin: 0; padding: 0; position: absolute; left: 20px; top: 58px;
  font: 2.4em 'segoe ui', 'lucida grande', sans-serif;
  z-index: 1; color: #111;
}
#header p
{
  margin: 0; padding: 0; position: absolute; left: 20px; top: 90px;
  font: bold 0.85em 'segoe ui', 'lucida grande', sans-serif;
  color: #4a4a16;
  z-index: 1;
}

#header, #navigation, #bodyarea /*, #footer */
  { width: 768px; }
  
/*
 *
 * Navigation
 * [#container > #header > #navigation]
 *
 */

#navigation
{
  background: #d5d5c6 url(../images/menu.jpg) -3px bottom no-repeat;
  position: absolute; top: 170px; left: 0; padding: 10px 0 0 0;
  width: 115px;
  min-height: 410px; height: auto !important; height: 410px;  
}

#navigation ul {margin: 0;}  
#navigation li {display: inline;}
  
#navigation a,
#navigation a:visited
{
  display: block;
  color: #fff; font-family: 'lucida grande', sans-serif;
  text-transform: uppercase; font-weight: bold; font-size: 0.75em;
  margin: 0; padding: 2px 10px;
  color: #333;
  border-bottom: solid 1px #c0c0c0;
}

#navigation li:hover a,
#navigation li.active a,
#navigation a:hover
{
  text-decoration: underline;
  background: #f1f1ec;
}

#navigation li.active a
{
  background: #fff;
  margin-left: -10px; padding-left: 20px; 
}

/* Active glyph */
/* #navigation li.active a
  { background: #f6f6f4 url(../images/menu-active.gif) right center no-repeat;margin-right: -4px; } */

/*
 * Secondary nav
 */

#navigation .menu_secondary a,
#navigation .menu_secondary a:visited
{
  color: #2E656F; border-bottom: solid 1px #eee; padding-left: 22px;
  background:  url(../images/bullet.gif) 7px center no-repeat;
  margin: 0 2px 0 2px; text-transform: none;
}

#navigation .menu_secondary a:hover
  { background-color: #CDCDBF; color: #111; text-decoration: underline; }
  
/*
 *
 * Search
 * [#container > #header > form]
 *
 */
#header form
{
  position: absolute; top: 8px; right: 0px; width: 167px; height: 24px;
  background: url(../images/search.gif) no-repeat;
  overflow: hidden;
}

#header .textfield
  { width: 130px; margin: 5px 4px 0 8px; padding: 0; background: #fff; border: 0; color: #444; }
  
#header .textfield:focus
  { color: #444; }

/* Firefox */
/* #header .textfield { background: transparent !important; }
#header .textfield:focus { background: #fff !important; } */
#bodyarea .submit_content {
  float:left;
  font-size:85%;
  margin:4px 5px 0px;
  padding:0pt 7px;
}
#header .submitbutton
{
  width: 24px; height: 100%; border: 0; background: #fff;
  /* Image replacement */ font-size: 0.01em; padding-left: 103px;
  position: absolute; top: 0; left: 142px;
  background: url(../images/search.gif) -142px 0px no-repeat;
  cursor: pointer;
}
  
/*
 *
 * Body
 * [#container > #bodyarea]
 *
 */
 
#bodyarea
{
  width: 703px; margin: 0 auto; text-align: left;
  padding: 3px 0 3px 3px; overflow: hidden;
  position: relative; left: 82px;
  background: #979789;
}


#bodyarea .col_medium,
#bodyarea .col_large
{
  background: #979789 url(../images/image-large.jpg) left top no-repeat; margin-right: 3px;
  padding: 0 0 0 0;
}
#bodyarea #home{
  padding: 194px 0 0 0;
}
#bodyarea .col_medium { background-image: url(../images/image-medium.jpg); }
.spacing{ 
}

h4 {
	line-height: 1;
}
  
  /*#bodyarea * { display: none; }*/
  
/*
 *
 * Footer
 * [#container > #footer]
 *
 */
 
#footer
{
  margin-top: 20px;
  text-align: center; width: 100%; padding-bottom: 10px;
  background: #fff;
}

#footer p
{
  margin: 0 auto 1em auto; text-align: center;
  color: #888; padding: 0;
  font-size: 0.8em;
  padding: 0px 10px 20px 10px; width: 748px;
  -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;
}

#footer a, #footer a:visited
  { color: #484931; border-bottom: dotted 1px #484931; }

/*
 *
 * Content
 *
 */
 
  /*
   * Page-specific search box
   */
   
#searchcontent
{
  width: 400px;
  padding: 5px 0px 10px 0px; width: auto;
}

.col_small #searchcontent
  { top: -10px; right: -20px; }

#searchcontent .textfield
  { width: 160px; background: #ECECE5; border: solid 1px #ccc; padding: 2px; }
  
#searchcontent .submitbutton
  { font-size: 0.78em; font-weight: bold; padding: 2px 4px; background: #79C6D6; border: solid 2px #ddd; }

/*
 * Etc
 */

.content_item a.edit,
.meta a.edit
{
  padding: 3px 2px 3px 20px; background-image: url(../images/icon-edit.gif);
  background-repeat: no-repeat; background-position: 0 0; border: 0;
}

/*
 * Functions
 */

.functions
  { padding: 1.5em 0 1.5em 0; margin: 0; }
  
.functions p
  { background: #D7D7C7; margin: 0 -8px; padding: 6px 0 6px 14px; }
  
.functions a, .functions a:visited
  { color: #333; border: 0; padding: 6px 8px 6px 26px; background: url(../images/icon-add.gif) 6px 6px no-repeat; }
  
.functions a:hover
  { color: #111; background-color: #C5C5AE; }

/*
 * News
 */

.newsitemsmall { float: right; margin: 0 0 1em 1em; } /* Image */

.content_item { border-bottom: solid 1px #ccc; }
.meta { margin-top: 0; padding: 0; font-size: 0.8em; color: #777; font-weight: bold; }
.content_item h3 { margin-bottom: 0; padding: 0; }

/*
 * Item
 */

.imagecaption
  { float: right; margin: 0 0 1em 1em; padding: 2px; border: solid 1px #aaa; background: #eee; width: 240px; }
  
.imagecaption img
  { display: block; vertical-align: middle; }
  
.imagecaption p
  { margin: 0; padding: 0; font-size: 0.9em; display: block; text-align: left; width: auto; }

/*
 * Pagination
 */
 
#paginate
{
  clear: both; background: #D7D7C7; margin: 1.5em -8px;
  padding: 6px 0; overflow: hidden;
}

#paginate .next     { float: right; }
#paginate .previous   { float: left; }
#paginate a       { color: #333; padding: 8px 20px; background: #B4B49E; }
#paginate a:visited   { color: #555; }
#paginate a:hover   { color: #111; background: #C5C5AE; }

/*
 * Calendar
 */

#event_calendar td,
#event_calendar th
  { width: 14%; vertical-align: top; position: relative; }

#event_calendar th
  { text-align: center; padding: 4px 3px; font-weight: bold; background: #ddd; }

#event_calendar td
  { height: 10em; padding: 1px; background: #eee; border-top: solid 2px #ccc; overflow: auto; }
  
#event_calendar td a,
#event_calendar td a:visited
{
  padding: 2px; display: block; background: #C9DEED; color: #204865;
  border: solid 1px #BFBFAA; -moz-border-radius: 4px; margin: 2px 0;
}

#event_calendar td a:hover { background-color: #A6C4D9; color: #204865; }

#event_calendar ul { margin: 0; list-style: none; }
#event_calendar p { margin: 0; padding: 0; font-weight: bold; display: inline; }

/*
 * Calendar subscribe
 */
 
.subscribe { text-align: center; }
.subscribe a,
.subscribe a:visited,
.subscribe a:hover { background: transparent; border: 0; }

/*
 * Sort
 * [calendar page, and collections page]
 */
.sort { font-size: 0.8em; }
.sort ul { margin: 0; padding: 0; }
.sort a { float: left; color: #555; background: #B4B49E url(../images/icon-view.gif) 4px 4px no-repeat; padding: 2px 4px 2px 24px; margin: 0 2px; border: 0; -moz-border-radius: 2px; }
.sort a:hover { background-color: #D7D7C7; color: #333; }
.sort li { display: inline; }
.sort ul { overflow: hidden; }
.sort select { font-size: 0.9em; border: solid 4px #B4B49E; background: #B4B49E; -moz-border-radius: 2px; margin: 0 2px; }
.sort #event_calendar .monthName a { background-color: #DDD; background-image:none; float:none; padding:0;}
.sort #event_calendar {font-size:1em;}
/*
 * Gallery
 */

.thumb { float: left; }
.thumbnails { overflow: hidden; }
.thumbnails a { padding: 0; margin: 0;  border: 0; }
.thumbnails a:hover { background: 0; }
.thumbnails img { border: solid 2px #ccc; margin-right: 5px; }
.thumbnails a:hover img { border-color: #A6A853; }

/*
 * Albums
 */

.content_item .thumb { display: inline; float: none; }
.content_item a { padding: 0; border: 0; }


/*
*
* sIFR
*
*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* "decoy" styles used to hide the browser text before it is replaced */

.sIFR-hasFlash h1 {
  visibility: hidden;
}







#bodyarea #buysteps{
  margin: 0;
  color: #fff;
  background-color: #979789;
}
#bodyarea #buysteps ul{
  padding: 5px 10px;
  margin: 0;
}
#bodyarea #buysteps ul li{
  display: inline;
  padding: 0 10px 0 0;
}
#bodyarea #buysteps ul li.current{
  font-weight: bold;
}

#bodyarea #buysteps ul li span { font-size: 10.5px; }

form p { margin-top: 0; }



/*=STORE
=== === === === === === === === === === */
#bodyarea ul.products_list{
  list-style: none;
  padding: 0;
  margin: 0;
  min-height:400px;
  height:auto !important;
  height:400px;
}
#bodyarea ul.products_list li{
  padding: 10px 0 0 0;
  margin: 0;
  border-top: 1px solid #ccc;
  background-color: #fff;
}
#bodyarea ul.products_list li .product_img{
  float: left;
  width: 140px;
}
#bodyarea ul.products_list li .product_img a{
  padding: 0;
  margin: 0;
  text-decoration: none;
}
#bodyarea ul.products_list li .product_img img{
  display: block;
  margin: 0 0 10px 0;
}
#bodyarea ul.products_list li .product_desc{
  margin-left: 140px;
}
#bodyarea ul.products_list li p{
  padding: 0 0 10px 0;
  margin: 0;
}
#bodyarea table.products_list,
#bodyarea .summary table{
  margin: 0 0 40px 0;
  border-collapse: collapse;
  width: 440px;
}
#bodyarea table.products_list th,
#bodyarea .summary table th{
  padding: 3px;
}
#bodyarea table.products_list td,
#bodyarea .summary table td{
  padding: 3px;
  border-top: 1px solid #ddd;
}
div#news .products_list img {
	float:none;
}

ul.sort {
  padding:10px 0 30px 0;
}

#content-wrapper {
  background: #ecece5;
  padding: 10px;
  height: auto !important;
  min-height: 400px;
}

/* --------------- Calendar --------- */

.calendar {
  height:500px;
  margin-right:auto;
  width:100%;
  font-family:"Lucida Grande","Verdana",sans-serif;
  font-size:12px;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1.5em;
  text-align:center;
  clear: left;
  
}


.dayName {
  text-align: center;
}

.dayName th {
  border-bottom:3px solid #CCE3F8;
  color:#666666;
  font-size:85%;
  vertical-align:bottom;
  width:75px;
  background-color:#FFF;
  padding-bottom: 0;
  padding-top: 0;
  height: 35px;
}

.monthName th {
  font-weight:normal;
  padding-bottom:0em;
  padding-top:0em;
  text-align:left;
}

.specialDay {
  background-color: white;
  border-bottom:1px dotted #BBBBBB;
}

.calendar .day, .calendar .specialDay {
  border-bottom:1px dotted #BBBBBB;
  text-align:left;
  vertical-align:top;
  height:85px;
}

.weekendDay {
  border-bottom:1px dotted #BBBBBB;
  text-align:left;
  vertical-align:top;
}
.today {
  background-color:#CCE3F8;
}

.otherMonth.weekendDay {
  color: #c0c0c0;
}

.otherMonth {
  color: #c0c0c0;
  border-right:1px solid white;
  padding:0.7em 1em;
  text-align:left;
  vertical-align:top;
  border-bottom:1px dotted #BBBBBB;
}

.big-thumb a:hover { background: none; }
.big-thumb a img   { width: 425px; }