/*----------COLOR PALETTE -----------------
gray: #999;
light gray: #ccc;
*/

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


/*----------MAIN LAYOUT CONTAINERS-----------------*/

body {
  font: 62.5% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  background-image: url("images/body_background.gif");
}

#page {
  color: #000;
  width: 770px;
  margin: 0 auto;
}

#global_menu ul {
	text-align: right;
}

#header {
	width: 100%;
	clear: both;
}

#navigation{
	float: left;
	/* width: 100%; */
	line-height: 29px;
}

#container{
	background-color: #EFEDD8;
	float: left;
	clear: both;
	width: 100%;
}

#sidebar-left{
	float: left;
	width: 176px;
}

#main {
  float: left;
  width: 690px;
  margin: 8px 0 0 0;
  padding: 9px;
  background-color: #fff;
  border: 1px solid #dbd9c6;

}

BODY.sidebar-left #main {
	width: 554px;
}

body.ntype-page #main {
	width: 514px;
	padding: 9px 40px 10px 20px;
	font-size: 1.2em;
	line-height: 1.8em;
}

#sidebar-right{
	display: none;
}

#sidebar-left .block H2.title {
	color: #666;
	padding: 5px;
	background-color: #F5F3E4;
	text-transform: uppercase;
	border-top: 1px solid #BEB989;
	border-bottom: 1px solid #BEB989;
}

#footer-wrapper {
	float: left;
	width: 100%;
 	clear: both;
	margin-top: 15px;
	font-size: 1.1em;
}

A.forward-page {
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url("images/envelope.gif");
}

#content-bottom {
	padding-top: 2em;
}

BODY.ntype-cartoon .field-field-image {
	float: left;
	margin: 0 10px 25px 0;
}

.add_to_cart {
	/* clear: both; */
}

.add_to_cart form {	/* Remove this to move the form below the cartoon */
	clear: none;
}

.attribute-set {
	background-color: #f5f5f5;
}

#cart-form-products TD.subtotal {
 	font-size: 1.4em;
}

#cart-form-products {
	border: 0;
}

#continue-shopping-link {
	text-transform: uppercase;
	font-size: 1.4em;
}

.buy-link a,
.share-link a {
	background-image: url("images/round_link_bottom.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #A72B2B;
	padding-bottom: 5px;
	line-height: 25px;
	font-size: 1.2em;
	display: block;
	color: #fff;
}

.buy-link,
.share-link {
	width: 122px;
	padding-top: 5px;
	text-align: center;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-image: url("images/round_link_top.gif");
}


/*________________TYPOGRAPHY----------------------*/
a {
	outline: none;
  color: #A72B2B;
  text-decoration: none;
  font-weight: bold;
}
		
h1 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #666;
  font-size: 2.0em;
  margin: 0 0 15px 0;
}

h2 {
  font-size: 1.2em;
  margin:.5em 0 .5em 0;
}

h3 { 
  font-size: 1.2em;
  font-weight: bold; 
  font-family: Arial, Helvetica, sans-serif;
}

h4, h5, h6 {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

p{

}

hr {
color: #BEB989;
background-color: #BEB989;
height: 1px;
border: none;
}


img { 
  border: 0; 
}

ol, ul, dl { 
}

.form-item .description {
font-size:.9em;
}

.faceted-search-page .box H2.title {
	display: none;
}

.help {
	font-size: 1.1em;
}

/*----------GLOBAL MENU-----------------*/

#global_menu li {
	margin: 0;
	padding: 0 10px;
	display: inline;
	font-size: 1.1em;
	text-transform: uppercase;
}

.form-text, .form-select, .form-textarea {
	padding: 2px;
	font-size: 11px;
	border: 1px solid #BEB989;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

#faceted-search-ui-form {
	padding-bottom: 10px;
}

.form-item .description {
	color: #444;
	font-size: .95em;
	font-family: Arial, sans-serif;
	width: 100%;
}

.form-item .description p {
	margin-top: 0;
}


/*----------HEADER-----------------*/

#header a {
	color: #fff;
}

#logo{
/*  vertical-align: baseline; */
  display: block;
}

#logo-title {
	margin-top: 15px;
}

#name-and-slogan {
  display: inline;
}

#site-name {
  margin: 0;
  display: inline;
}

#site-name a, #site-name a:hover {
  font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
  font-weight: normal;
  color: #fff;
  font-size: 1.2em;
  margin: 0;
  padding: none;
}

#site-slogan {
  color: #fff;
  margin: 0 0 0 20px;
  font-size: 1.0em;
}

#search {
  padding:0;
}

#mission {
  color: #666;
  font-weight:bold;
  padding: 2em;
  background: #D7E3F0;
  margin-bottom:20px;
  font-size: 1.0em;
  border: solid 1px #B5C9D8;
}

.breadcrumb, #pager {
  width: 44%;
  float: left;
  padding: 5px 3%;
  margin-bottom: 20px;
  background-color: #F5F3E4;
  border-top: 1px solid #BEB989;
  border-bottom: 1px solid #BEB989;
}

#pager {
	text-align: right;
}

.view-taxonomy-term, 
.view-all-cartoons,
.taxonomy {
	clear: both;
}

#content-body {
	font-size: 1.1em;
}

BODY.ntype-page .breadcrumb {
	display: none;
}

#block-lunchbox-1 ul {
	margin: 0 0 10px 0;
	padding: 0;
}

#block-lunchbox-1 li {
	list-style: none;
	padding: 0;
	margin: 8px 0;
}

* html #block-lunchbox-1 li {
	border-bottom: 1px solid #fff;	/* IE */
	border-top: 1px solid #fff;	/* IE */
}

#sidebar-left .block {
	border-right: 1px solid #DDDBC8;
	border-left: 1px solid #BEB989;
	background-color: #fff;
	margin-bottom: 10px;
	position: relative;
	left: -15px;
}

#sidebar-left .block .content {
	padding: 0 10px;
}

#block-lunchbox-1 a {
	display: block;
	font-size: 1.1em;
	line-height: 1em;
	padding-left: 2em;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: 5px center;
	background-image: url("images/topic_collapsed.gif");
}

* html #block-lunchbox-1 a {
	border-bottom: 1px solid #fff;	/* IE */
	border-top: 1px solid #fff;	/* IE */
}

#block-lunchbox-1 li ul a {
	padding-left: 3em;
	text-transform: none;
	background-position: 15px center;
}

#block-lunchbox-1 A.active {
	background-image: url("images/topic_expanded.gif");
	background-color: #A72B2B;
	color: #fff;
}

UL.menu {
	padding: 0;
}

/*----------MAIN NAVIGATION-----------------*/

div.menu {
}

#primary ul {
  padding:0;
  margin:0;
  list-style:none;
  float: left;
}

#primary li {
	float: left;
}

#primary a {
  color:#fff;
  display:block;
  padding:0 15px;
  font-weight:bold;
  font-size: 1.2em;
  text-transform: uppercase;
  background-image: url("images/navigation_background.gif");
}

#primary LI.last {
	padding-right: 7px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url("images/primary_end.gif");
}

#primary LI.first {
	padding-left: 10px;
	background-repeat: no-repeat;
	background-image: url("images/primary_start.gif");
}

#primary LI.active.first {
	background-image: url("images/primary_start_active.gif");
}

#primary LI.last.active {
	background-image: url("images/primary_end_active.gif");
}

#primary a:hover {
	text-decoration: none;
}

#primary ul li a.active, #primary ul li.active a {
  background-image: url("images/navigation_active.gif");
}



/*----------SUB NAVIGATION-----------------*/

#secondary {
  padding-left:20px;

}
#secondary ul {
  margin:0;
  padding:0;
  list-style:none;
}
#secondary li {
  margin:0;
  padding:0;
  display:inline;
}

#secondary li a {
  float:left;
  display:block;
  color: #fff;
  font-size: 85%;
  text-decoration:none;
  padding:0px 5px 0px 5px;
}

#secondary a:hover {
  background: #CCC;
  text-decoration: underline;
}

#secondary a.active {
  font-weight:bold;
}



/*---------------ALL THOSE CRAZY LEAF STYLES-----------------*/

#sidebar-left .blockinner {
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url("images/drop_shadow.gif");
}

/* ---------------FOOTER-------------------- */

#footer a {
}
  
#footer a:hover {
}



/* ---------------ADMIN PANEL-------------------- */
.admin-panel {
  margin:0;
  padding:0;
}

.admin-panel .body {
  background-color: #eee;
  border: solid #999 1px;
}

.admin-panel .body dl, .admin-panel .body p {
  padding:10px;
}

.admin-panel h3 {
  margin-bottom:0;
  padding:5px 5px 5px 30px;
  font-family: verdana;
  font-size: 122%;
  color:#fff;
  border-width: 0px 2px 2px 2px;
	background: #6191C5 url(images/cog.png) no-repeat .5em .5em;
}




/*----------TABLES-----------------*/

/* table {
	width: 100%;
} */

tbody {
	border-top: 0;
}

td {
  padding: 5px;
}

thead th{
	background-color: #BEB989;
	padding: 5px;
	border: 0;
}

/* Alerts, Status, Help Messages  */
.messages {
  min-height: 32px;                 /* icon height */
  padding: 1.3em 1em .3em 52px;
  border: 2px solid #ddd;
  background: #eee;
  margin: 10px 0;
  font-size: 1.1em;
}

#store-footer { display: none; }

div.error {
  color: #c00;
  font-weight: bold;
  border: 2px solid #F00;
  background-image: url(images/dialog-warning.gif);
  background-repeat: no-repeat;
  background-position: .5em 50%;
}

div.status {
  background-image: url(images/dialog-information_i.gif);
  background-repeat: no-repeat;
  background-position: .5em 50%;
}

.messages ul {
  padding: 0 0 0 20px;
  margin: 0;
}



/*------------TINY MCE JUNK------------*/
body.mceContentBody{
margin: 0;
background-color: #fff;
width:100%

}

.mceToolbarTop { white-space: normal; }

/* --- CAPTION --- */

.caption {
	padding: 5px;
	margin: 0 10px;
	border: 1px solid #ccc;
	background-color: #eee;
}

.caption img {
	display: block;
	margin: 0 0 5px 0;
}

/* Webform (Contact) Styling */

#webform-component-name, #webform-component-zip_code, #webform-component-city, #webform-component-phone, #webform-component-address, #webform-component-state, #webform-component-email {
	float: left;
	margin-right: 10px;
}

#webform-component-phone {
	width: 190px;
}

#webform-component-address, #webform-component-city, #webform-component-phone, #webform-component-cartoon_usage {
	clear: left;
}

#webform-component-name, #webform-component-address {
	width: 550px;
}

#webform-component-zip_code {
	width: 200px;
}

.form-select {padding: 1px;}

/*------------PNG FIX FOR IE6--------------*/
/*
 * Just give class="png" to any image that needs proper png treatment
 * Note that this doesn't work for background images...
 */

* html .png{
	position:relative;
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "/sites/default/themes/HUCE/images/x.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
}

/* ----------- FIXING DISAPPEARING FIELDSET LEGENDS IN FIREFOX ----------*/
fieldset legend {
	display: block;
	font-size: 1.4em;
	color: #A72B2B;
	font-weight: bold;
}

.ntype-cartoon fieldset {
	border: 1px solid #e4e4e4;
}

.add_to_cart .form-submit {
	color: #fff;
	padding: 3px;
	font-weight: bold;
	background-color: #a72b2b;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

#cart-form-buttons,
#checkout-form-bottom {
	border: 0;
}

#checkout-form-bottom fieldset {
	text-align: left;
}

fieldset {
	border: 1px solid #e4e4e4;
	padding: 15px;
}

#cart-form-products TR.even,
#cart-form-products TR.odd {
	background-color: #fff;
	border-color: #BEB989;
}

UL.cart-options li {
	font-size: .8em;
	list-style-type: none;
	list-style-image: url("images/topic_collapsed.gif");
}

#cart-form-products td {
	font-size: 1.2em;
}

TD.empty {
	background-color: #fff;
}

/* .view-table,
.search-results {
	width: auto;
} */

.search-results {
	width: 100%;
	clear: both;
}

table.view-table tr td.cartoon {
  border: 0;
}

.view-table TD.cartoon,
.search-results TD.cartoon {
	padding: 0;
	width: 137px;
	vertical-align: top;
	background-color: #fff;
}

.view-table TD.cartoon:hover,
.search-results TD.cartoon:hover {
	background-color: #F5F3E4;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url("images/td_hover_bottom.gif");
}

.view-table TD.cartoon:hover .pad,
.search-results TD.cartoon:hover .pad {
	background-repeat: no-repeat;
	background-image: url("images/td_hover_top.gif");
}

.view-table .pad,
.search-results .pad {
	padding: 7px 5px;
}

.view-table tr,
.search-results tr {
	border: none;
}

.order-review-table {
	border: 0;
	font-size: 1.1em;
}

.order-review-table .pane-title-row,
.order-review-table .review-button-row {
	background-color: #BAB58B;
	border: 0;
}

.order-review-table td {
	padding: 5px;
}

form {
	clear: both;
}

/* It's critical to keep these floats and widths intact, or the layout of the featured cartoon
 * view will get munged beyond all rational belief! You have been warned. */

.view-content-featured-cartoon {
	float: left;
	width: 100%;
}
.view-featured-cartoon .view-data-field-image-fid {
	width: 350px;
	float: left;
}
.view-featured-cartoon .view-data-body {
	padding-left: 10px;
	width: 194px;
	float: left;
}
.view-footer-featured-cartoon {
	display: none;	/* Hide the actual footer, because it's being displayed next to the image */
}

#field-color-image-attach-wrapper,
#field-bw-image-attach-wrapper {
	width: 554px;	/* Prevents a bug on FF2 Mac */
}

.imagefield-edit-preview {
	display: none;
}

A.imagecache {
	display: block;
	text-align: center;
}

#position {
border-top: 1px solid #dbd9c6;
border-bottom: 1px solid #dbd9c6;
margin-bottom: 8px;
padding: 8px 0;
}

#position a {
padding: 0 14px;
}

.toggle {
  margin-bottom: 15px;
}
#license fieldset {
  display: none;
}


#pager a.next {
  margin-left: 7px;
}
#pager a.previous {
  margin: 0 7px;
}
#pager strong {
  margin-left: 7px;
}

table {
  width: 100%;
  border-collapse: collapse;
}
table thead {
  border-bottom: 3px solid #ccc7a2;
}
table tr td {
  padding: 7.5px;
  border: 1px solid #beb989;
}