/* CONTENTS:
- products tabs
- taxonmony description styling
- html styles
- main menu
- submenu block 
- front page stying and block positioning 
- upcoming block
*/

/*******************************************/
/* products (taxonomy) pages               */
/*******************************************/

#main-content .view-taxonomy-term-description .view-content li, #main-content .view-staff-picks .view-content li, #main-content .view-new-products .view-content li {  
  list-style-type:none; 
  list-style-image:none;
  text-indent: 0;
  margin: 7px 5px;
  padding: 5px;
  border: 1px solid #666666;
  display:inline;
  float:left;
}
#main-content .view-taxonomy-term-description .view-content .views-field-title a, #main-content .view-staff-picks .view-content .views-field-title a, #main-content .view-new-products .view-content .views-field-title a {  
text-decoration:none;
}

#main-content .view-taxonomy-term-description img.imagecache-thumbnail, #main-content .view-staff-picks img.imagecache-thumbnail, #main-content .view-new-products img.imagecache-thumbnail  {
border: none;
padding:0;
}

  ul.quicktabs_tabs.quicktabs-style-arrows {
    border-bottom: 1px solid #CCCCCC;
    font: bold 11px/22px Verdana;
    margin: 0px;
}

ul.quicktabs_tabs.quicktabs-style-arrows a {
    padding: 2px 4px 4px;
    text-decoration: none;
}


/*******************************************/
/* HTML styles                             */
/*******************************************/

.block ul {padding: 0;}

h1,h2,h3,h4 {
  font-family:Georgia, Times New Roman, Serif;
  color: white;
  font-style:italic;
  margin-bottom:0px;
  clear:both;
}

h1 {font-size: 25px;}
h4 {
  margin-bottom:5px;
  font-size:1.2em;
  
}

#page a:link {color:#afbc22;}      /* unvisited link */
#page a:visited {color:#afbc22;}  /* visited link */
#page a:hover {color:#FFFFFF;}  /* mouse over link */
#page a:active {color:#FFFFFF;}  /* selected link */

#page .views-field-title a:link {color:#FFFFFF;}      /* unvisited link */
#page .views-field-title a:visited {color:#FFFFFF;}  /* visited link */
#page .views-field-title a:hover {color:#afbc22;}  /* mouse over link */
#page .views-field-title a:active {color:#afbc22;}  /* selected link */

#site-header {color:white;}
#site-header a:link {color:black;}      /* unvisited link */
#site-header a:visited {color:black;}  /* visited link */
#site-header a:hover {color:blue;}  /* mouse over link */
#site-header a:active {color:blue;}  /* selected link */

#footer,#page .tabs {color:black;} 
#footer a:link,#page .tabs a:link {color:#afbc22;}      /* unvisited link */
#footer a:visited,#page .tabs a:visited {color:#afbc22;}  /* visited link */
#footer a:hover,#page .tabs a:hover {color:#000000;}  /* mouse over link */
#footer a:active,#page .tabs a:active {color:#afbc22;}  /* selected link */

#page .messages, .status {text-indent:2.5em;}
#page .messages, .status { color:black;}

#page .messages a:link, .status a:link { color:blue;}
#page .messages a:visited, .status a:visited { color:blue;}
#page .messages a:hover, .status a:hover { color:blue;}
#page .messages a:active, .status a:active{ color:blue;}

#page .edit a:link {color:black;}      /* unvisited link */
#page .edit a:visited {color:black;}  /* visited link */
#page .edit a:hover {color:#afbc22;}  /* mouse over link */
#page .edit a:active {color:black;}  /* selected link */

#page table { color:black;}
#page table thead th {color: #a9a9a9; text-align:center;}

#page table a:link {color:blue;}
#page table a:visited {color:blue;}
#page table a:hover {color:blue;}
#page table a:active {color:blue;}

img.imagecache-medium-left {
  float:left;
  border: 1px solid #666666;
  padding:5px;
  margin-right: 10px;
  clear:both;
  margin-bottom:20px;
}

img.imagecache-medium-right {
  float:right;
  border: 1px solid #666666;
  padding:5px;
  margin-left: 10px;
  clear:both;
  margin-bottom:20px;
}

img.imagecache-large-centre {
  display:block;
  border: 1px solid #666666;
  padding:5px;
  margin: 10px auto 0px;
  clear:both;
}

a.imagecache { vertical-align:top;}

img.imagecache-medium-square {
  border: 1px solid #666666;
  padding:5px;
  clear:both;
}

img.imagecache-thumbnail,
img.imagecache-sq-60px,
img.imagecache-sq-75px {
  border: 1px solid #666666;
  padding:5px;
  vertical-align: bottom;
}

.calendar-calendar td .inner div.calendar div.term-data-name {
  background-color:#dddddd;
  display:inline;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:1px;
}

.calendar-calendar td .inner div, .calendar-calendar td .inner div a {
  background-color:#ffffff;
}

div.terms li {
  background-color:#666666;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:3px;
}
div.terms li a {
/*:link, 
div.terms li a:visited, 
div.terms li a:active,
*/
text-decoration:none;
}

#main-content td {
  padding: 0px 3px;
}

/*******************************************/
/* menu styling                            */
/*******************************************/


#site-header .main-menu li {
  float:left;
  display:block;
  padding:0px 0px;
}

#site-header .main-menu li a{
  height:90px;
  width:90px;
  display:block;
  color:#afbc22;
  text-indent:-999em;
  overflow:hidden;
  position:relative;
  top:10px;
  background-repeat:no-repeat;
}
#site-header .main-menu .menu-996 a {
  background:url(images/btns/home-combo.png) transparent;
  width:58px; 
  height:56px;
  left:4px;
  top:-4px;
}
#site-header .main-menu .menu-143 a {
  background:url(images/btns/btn-products-combo.png) transparent;
  width:85px; 
  height:82px;
  left:0px;
  top:6px;
}

#site-header .main-menu .menu-142 a {
  background:url(images/btns/btn-giftShop-combo.png) transparent;
  width:92px; 
  height:92px;
  left:0px;
  top:-5px;
}

#site-header .main-menu .menu-183 a {
  background:url(images/btns/btn-educWorkshops-combo.png) transparent;
  width:98px; 
  height:87px;
  left:-17px;
  top:-30px;
}

#site-header .main-menu .menu-459 a {
  background:url(images/btns/btn-mail-combo.png) transparent;
  width:89px; 
  height:87px;
  left:-7px;
  top:7px;
}

#site-header .main-menu .menu-185 a {
  background:url(images/btns/btn-discardsPickups-combo.png) transparent; 
  width:86px; 
  height:87px;
  top:5px;
  left:-7px;
  }

#site-header .main-menu .menu-188 a {
  background:url(images/btns/btn-about-combo.png) transparent; 
  width:82px; 
  height:81px;
  left:-9px;
  top:-19px;
}

#site-header .main-menu .menu-194 a {
  background:url(images/btns/btn-contact-combo.png) transparent;
  width:82px;  
  height:83px;
  /*left:8px;*//* changed 03/08/2016*/
  top:-15px;
  left: -45px;
}

/*****NEW COMMUNITY COG 03/08/16*****/

#site-header .main-menu .menu-1172 a {
  background:url(images/btns/btn-community-combo.png) no-repeat transparent;
  width:58px;  
  height:58px;
  left:-29px;
  top:45px;
}

.tutorial {
  font-style: italic;
  text-decoration: none;
  font-size: 1.0em;
  color: #a9a9a9;
  font-family: Georgia, Times New Roman, Serif;
  display: block;
  padding: 2px 0 4px 30p
}

.libraryreuse {
  font-style: italic;
  text-decoration: none;
  font-size: 1.2em;
  color: #a9a9a9;
  font-family: Georgia, Times New Roman, Serif;
  display: block;
  padding: 2px 0 4px 30p

}

#libraryreuse {
  font-style: italic;
  text-decoration: none;
  font-size: 1.2em;
  color: #fff;
  font-family: Georgia, Times New Roman, Serif;
  display: block;
  padding: 2px 0 4px 30p
}

/*---------------------------*/

#site-header #site-menu .main-menu a:hover,
#site-header #site-menu .main-menu a.active {background-position: right;}
#site-header #site-menu .main-menu .menu-996 a.active {background-position: left;}
#site-header #site-menu .main-menu .menu-996 a:hover {background-position: right;}
/********************************************/
/* sub menu block styling                   */
/********************************************/

div#block-block-4 {
  padding-right:20px;
}

#block-block-4 .menu li.leaf {  
  list-style-type:none; 
  list-style-image:none;
  border-bottom: 2px dashed #afbc22;
  text-indent: 0;
  margin: 0 0 0 0.6em;
  }
    
#block-block-4 .menu .leaf a{ 
  font-style: italic; 
  text-decoration:none;
  font-size: 1.3em;
  color:#a9a9a9;
  font-family:Georgia, Times New Roman, Serif;
  display:block;
  padding:2px 0 4px 30px;
} 
/*#block-block-4 .menu .leaf a:visited { 
  font-style: italic; 
  text-decoration:none;
  font-size: 1.3em;
  color:#a9a9a9;
  font-family:Georgia, Times New Roman, Serif;
} */
#block-block-4 .menu .leaf a:hover { 
  color:white;
  background:url('images/star-wh.png') no-repeat left;
} 
#block-block-4 .menu .leaf a:active { 
  color:white;
  background:url('images/star-wh.png') no-repeat left;
}
   
#block-block-4 .menu .leaf a.active { 
  color:white;
  display:block;
  background:url('images/star-r.png') no-repeat left;
} 

div.breadcrumb  {
  font-family:Georgia;
  font-style:italic;
}

/********************************************/
/* news block styling                   */
/********************************************/
#block-views-news-block_1 .item-list {clear:both; overflow:auto;}
div#block-views-news-block_1 ul {padding: 0;}

div#block-views-news-block_1 {}
#block-views-news-block_1 h2 { font-size:28px; color:#afbc22}

#page .sidebar .view-content li {  
  list-style-type:none; 
  list-style-image:none;
  border-bottom: 2px dashed #afbc22;
  text-indent: 0;
  margin: 0 0 0 0;
  clear:both;
  }
    
#page .sidebar .view-content li .views-field-title a{ 
  font-style: italic; 
  font-weight:bold;
  text-decoration:none;
  font-size: 1.2em;
  /*color:#a9a9a9;*/
  font-family:Georgia, Times New Roman, Serif;
  padding-left: 5px;
} 
#page .sidebar .views-field-field-short-description-value a{
  text-decoration:none;
  color:#a9a9a9;
  padding-left: 5px;
  }
 
#page .sidebar .view-content li .views-field-title a:hover { 
  font-style: italic; 
  text-decoration:none;
  color:#afbc22;
  font-family:Georgia, Times New Roman, Serif;
} 
#page .sidebar .view-content li .views-field-title a:active { 
  font-style: italic; 
  text-decoration:none;
  color:#afbc22;
  font-family:Georgia, Times New Roman, Serif;
}
   
#page .sidebar .view-content li a.active { 
  font-style: italic; 
  text-decoration:none;
  color:#a9a9a9;
}

#page .sidebar #block-views-calendar-block_1 .view-content li .views-field-title a{ 
  font-style: normal; 
  font-weight:normal;
  text-decoration:none;
  font-size: 1em;
  /*color:inherit;*/
  font-family:inherit;
  padding-left: 0;
}


/********************************************/
/* front page styling and block positioning */
/********************************************/
body {
  background:#424242;
  padding:0;
  margin:0;
  color: #a9a9a9;
  /*min-width:1160px;*/
  }

div#site-header {
  background-color:#afbc22;
  margin-bottom:0;
  height:200px;
  position:relative;
  overflow:visible;
  }

div#site-menu {
  position:absolute;
  overflow:visible;
  display:block;
  left:11px;
  }
  
div#header-inner {
  margin-left:auto;
  margin-right:auto;
  max-width: 1160px;
  height:200px;
  background-image:url("images/header-bg-brad.png");
  background-repeat: no-repeat;
  overflow:visible;
  position:relative;
}

  
div#header-region {
  margin-bottom:0;
  float:left;
  position:static;
  }  
  
div#rule1 {
  height:3px;
  margin:3px 0 10px 0;
  border-top: dashed 2px #a9a9a9;
  border-bottom:2px solid #afbc22;
}  

div#rule2 {
  height:3px;
  margin:10px 0 0 0;
  border-top: dashed 2px #a9a9a9;
}

div#footer {
  background: #a9a9a9;
  background: url('images/footer.jpg') repeat-x;
  margin:0 0 0 0;
  height:93px;
  }

div#page {
  background:#424242;
}

div#branding {
  position:relative;
  left:68px;
  width:212px;
}
/* to minimise the blackness, this is an option
#page div#main {
  max-height:400px;
  overflow-y:scroll;
  overflow-x: hidden;

}*/
  
div#mission {
  font-family:Georgia, Times New Roman, Serif;
  color: #afbc22;
  font-style:italic;
  margin-bottom:0;#block-views-calendar-block_1 
  font-size: 25px;
  font-weight:bold;
}
span#mission2 {color:white;}

div#sidebar-right {
margin-top:60px;
}

div#sidebar-left {
margin-top:60px;
}

div#main .breadcrumb {
margin-bottom:34px;
}

div#block-block-7 {
  /* mail sign-up block */
  position:absolute;
  top:53px;
  left:704px;
  z-index:0;
  background: url('images/headers/signin-notJunkMail-plane.png') no-repeat;
  width: 306px;
  height: 226px;
  overflow:hidden;
}

div#block-block-7 form input#email {
  position:absolute;
  left:14px;
  top:150px;
  border:1px dashed white;
  border-right:none;
  background-color:#afbc22;
  height:15px;
  width:114px;
  padding-right:1px;
}
div#block-block-7 form input#signup {
  position:absolute;
  left:129px;
  top:146px;
}

div#block-block-8 {
  /* extra-cogs-1 block */
  position:absolute;
  top:112px;
  left:311px;
  z-index:0;
  background: url('images/btns/btn-cogs-extra-1.png') no-repeat;
  width: 32px;
  height: 33px;
  text-indent:350px;
  overflow:hidden;
}

div#block-block-9 {
  /* extra-cogs-2 block */
  position:absolute;
  top:172px;
  left:532px;
  z-index:0;
  background: url('images/btns/btn-cogs-extra-2.png') no-repeat;
  width: 95px;
  height: 56px;
  text-indent:350px;
  overflow:hidden;
}

div#block-block-10 {
  /* extra-cogs-3 block */
  position:absolute;
  top:125px;
  left:43px;
  z-index:0;
  background: url('images/btns/btn-cogs-extra-1.png') no-repeat;
  width: 32px;
  height: 33px;
  text-indent:350px;
  overflow:hidden;
}

div#block-block-2 {
  position:absolute;
  top:120px;
  left:62px;
  z-index:2;
}

div#block-block-3 {
  position:absolute;
  z-index:1;
  top:193px;
  left:12px;
  background:url(images/email-pipe.gif);
  width:202px;
  height:207px;
}
#block-block-3 p {
  position:absolute;
  bottom:14px;
  left:50px;
}
.front div#main {
  margin-top: 60px;
}


div#sidebar-right-inner {

}

#page .views-edit-view a {color: blue;}

ul#social {
  text-align:center;
  border-bottom:2px dashed #AFBC22;
}

#social li{
  display:inline;
  list-style-type:none; 
  list-style-image:none;
  text-indent: 0;
  padding: 5px;
}
 
/***************************
UPCOMING BLOCK AND CALENDAR
***************************/

#block-views-calendar-block_1 .date-box {
background-color: white;
color: #afbc22;
float:left;
height:58px;
width:58px;
overflow:hidden;
padding:1px;
margin:6px;
}

#block-views-calendar-block_1 .date-box span {
display:block;
text-align:center;

}

#block-views-calendar-block_1 .date-box span.views-field-field-date-value-2 {
  font-family:Georgia, Times New Roman, Serif;
  font-weight:bold;
  text-decoration:none;
  font-size: 1em;
  line-height:1.2em;
  text-transform:uppercase;
  color:white;
  background-color:#afbc22;
}

#block-views-calendar-block_1 .date-box span.views-field-field-date-value-3 {
  font-family:Georgia, Times New Roman, Serif;
  font-weight:bold;
  font-size: 1.4em;
  line-height:1.4em;
}

#block-views-calendar-block_1 .date-box span.views-field-field-date-value-1 {
  font-size: 0.8em;
}

#block-views-calendar-block_1 .views-field-field-image-fid{
float:right;
max-height:60px;}

#block-views-calendar-block_1 .date-box span.views-field-title {
margin-top:6px;
}

#page .sidebar #block-views-calendar-block_1 .view-content li {  
  border: 1px solid #666666;
  margin-top:10px;
}

#page div.clear {
clear:both;
}

#block-views-calendar-block_1 img.imagecache-sq-60px {
  border: none;
  padding:5px;
}

.calendar-calendar td.past {
}
/***************************
STAFF PICKS AND NEW STUFF BLOCK
***************************/

div#block-views-staff_picks-block_1,
div#block-views-new_products-block_1  {
  /*padding: 3px;
  border: 2px dashed #a9a9a9;*/
}

#block-views-staff_picks-block_1 .block-inner,
#block-views-new_products-block_1 .block-inner {
/*  background-color:black;*/
}
#block-views-staff_picks-block_1 div.views-row,
#block-views-new_products-block_1 div.views-row  {
margin: 0px;
min-height:92px;
clear:both;
}

#sidebar-right #block-views-staff_picks-block_1 div.views-row-odd {}
#sidebar-right #block-views-staff_picks-block_1 div.views-row-even {}

#sidebar-right #block-views-staff_picks-block_1 div.views-row-first {}
#sidebar-right #block-views-staff_picks-block_1 div.views-row-last {}

#sidebar-right #block-views-staff_picks-block_1 .views-row div.views-field-field-product-image-fid {}
  
#sidebar-right #block-views-staff_picks-block_1 .views-row div.views-field-field-use-value {}

#sidebar-right #block-views-staff_picks-block_1 .views-row div.views-field-title a, #sidebar-right #block-views-new_products-block_1 .views-row div.views-field-title a {
  color:white;
  text-decoration:none;
}

#page .sidebar #block-views-staff_picks-block_1 .view-content li, #page .sidebar #block-views-new_products-block_1 .view-content li {  
  border: none;
  margin: 5px 5px 5px 5px;
  display:inline;
  clear:none;
  float:left;
}

div#block-views-staff_picks-block_1 .more-link,
div#block-views-new_products-block_1  .more-link {
  clear:both;
  padding-right:11px;
}

div#block-views-staff_picks-block_1 .content,
div#block-views-new_products-block_1 .content {
width:200px;
}