@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,300,400italic,500italic,700italic,300italic);

/*******************************************|
|*** Custom Style Sheets by Dante Joseph ***|
|*********** www.DanteJoseph.com ***********|
|*******************************************/

#adBlock { display:none !important; }

body {background-color: #fff; text-align: center; color: #8e0000; font-family: 'Roboto', sans-serif; margin:0; padding:0; }
/* h1, h2, h3, h4, h5, h6, {margin: 5px auto 0; padding: 0;} */
iframe {border: 0 none;}

ul {text-align: left; margin: 0 5px;}
.ul100010-5 {margin: 10px 0 0 168px; text-align: left;}


.li1 {border: none; margin: 5px 0 5px -1.5em; list-style-type: square;}
.clients ul {}
.clients ul li .li2 {border: none; margin: 0.25em 0 0.25em -2.5em; font-size: 1em; font-weight: normal; list-style-type: square;}

.li000-6 {margin: 0 0 0 -6em;}
.li5055 {margin: 5px 0 5px 5em;}
.li5056 {margin: 5px 0 5px 6em;}
.li5058 {margin: 5px 0 5px 8em;}
.li50510 {margin: 5px 0 5px 10em;}
.li50512 {margin: 5px 0 5px 12em;}


.arial {font-family: 'Roboto', sans-serif;}
.times {font-family: 'Roboto', sans-serif; font-weight:700;}
.left {text-align: left;}
.float-left {float: left; margin-right: 5px;}
.center {text-align: center;}
.right {text-align: right;}
.float-right {float: right; margin-left: 5px;}
.justify {text-align: justify;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
a.underline {text-decoration: underline;}
a.Hunderline {text-decoration: none;}
a.Hunderline:hover {text-decoration: underline;}
.bold {font-weight: bold;} 
.bold_10 {font-weight: bold; font-size: 0.813em;}
.bold_11 {font-weight: bold; font-size: 0.875em;}
.bold_12 {font-weight: bold; font-size: 1em;}
.bold_13 {font-weight: bold; font-size: 1.063em;}
.bold_14 {font-weight: bold; font-size: 1.125em;}
.red {color: red;}
a.red {color: red;}
a.red:hover {color: green;}
.borderRed {border: 1px solid #ff0000;}
.green {color: green;}
.f10 {font-size: 0.813em;}
.f11 {font-size: 0.938em;}
.f12 {font-size: 1em;}
.f13 {font-size: 1.063em;}
.f14 {font-size: 1.125em;}
.f16 {font-size: 1.313em;}
.noText, a.noText, img.noText {display: none;}

a.image-link:hover {opacity: 0.8;}

.strike {text-decoration: line-through; color: #ff0000;}
.strike-only {text-decoration: line-through;}

/* for some spacing */
.top10 {margin-top: 10px;}
.top20 {margin-top: 20px;}
.bottom10 {margin-bottom: 10px;}
.bottom20 {margin-bottom: 20px;}

/* remove spacing */
.lift-bottom-5 {margin-bottom: -5px;}
.lift-bottom-10 {margin-bottom: -10px;}
.lift-me-5 {margin-top: -5px;}
.lift-me-10 {margin-top: -10px;}
.lift-me-15 {margin-top: -15px;}
.lift-me-20 {margin-top: -20px;}
.lift-me-25 {margin-top: -25px;}

.description {font-size: 0.9em;}
.specialListPrice {font-weight: bold; font-size: 0.925em; text-align: center;}
.testimonial {border: 1px dotted #8E0000; background-color: #F0F0F0; margin: 1.5em; padding: 10px; text-align: left;}

.text-box {border: 1px solid #ccc; margin: 1em auto; text-align: center;}
.text-box-link {text-align: center;}
a.text-box-link:link, a.text-box-link:visited {display: block; background-color: #fff; margin: 0; padding: 10px;}
a.text-box-link:hover {background-color: #ccc; border: 1px solid #8E0000; margin: 0 -2px -2px;}

.message-box {border: 1px solid #ccc; margin: 1em; padding: 10px; /*box-shadow: 3px 3px 10px #888;*/}
.header_image {width: 100%; display: block; border-style: none none inset none; border-width: 1px;}
.quote-box {outline: 1px dashed #8E0000;}
.imprint-message {clear: both; font-size: 0.813em; font-style: italic; color: #ff0000;}
p.imprint-message:first-letter {font-size: 1em;}
.clear {clear: both;}
.clear_left {clear: left;}

blockquote {background: #D8D8D8; outline: 1px dashed; padding: 1em;}

a.read-more {font-style: italic; font-size: 80%;}

/* check for chat on all pages */
.check-for-chat {position: fixed; right: 0; top: 65px; border: 0; z-index: 999;}
a.chat-but {border: 0; text-decoration: none;}

/* Deal of the Day */
.deal-of-the-day {margin: 0;}
.deal-of-the-day a {color: #8e0000;}

/* margins */
.inset-left-1 {margin-left: 1em;}
.inset-left-2 {margin-left: 2em;}
.inset-left-3 {margin-left: 3em;}
.inset-left-4 {margin-left: 4em;}
.inset-left-5 {margin-left: 5em;}

/* image styles */
.img-right {float: right; margin: 0 5px 0 10px; border: 1px solid;}
.img-left {float: left; margin: 0 10px 0 5px; border: 1px solid;}
img a {text-decoration: none; border: 0 none;}
img.hover:hover {opacity: 0.6;}

/* 3 across image container */
div.three-across {clear: both; padding: 0 0 0 0.25em; margin: 1em 0 0;}
div.three-across  img {float: left; width: 235px; outline: 1px solid; margin: 0 0.5em 1em 0;}
div.three-across a:hover {opacity: 0.6;}
/* for stupid IE */
div.three-across  a img:hover {outline: 1px solid; opacity: 0.6;}

/* smooth scroll */
.scrollup {width: 64px; height: 64px; opacity: 0.3; position: fixed; bottom: 4em; right: 23px; /*display: none;*/ /*text-indent: -9999px;*/ background: url('../images/scroll-to-top.png') no-repeat;}
.scrollup:hover {opacity: 0.8;}

/* edible flag - images/Edible_Flag_TR.png */
.corner-flag_TL {position: absolute; top: 0; left: 0;}
.edible-flag_TR {position: absolute; top: 10px; right: 0;}
.edible-flag {position: absolute; right: 2.2em; margin: -6em 1em 0 0; border: 0;}
.edible-flag-inline-right {float: right; margin: 0 -10px 0 5px;}
.edible-man-on-top {float: right; margin: 0 5em -5em 0;}

/* Kosher_Flag */
.Kosher_Flag_TR {position: absolute; top: 10px; right: 0;}

/* paypal styles */
.paypal_verified_logo {position: relative; top: 50px; left: -25px; margin-right: -25px;}
.paypal_pricing {width: 200px; margin: 0 auto; text-align: left; border: 1px dotted; padding: 5px;}
.paypal_px {border: 0; width: 1px; height: 1px; margin: 0 auto;}
.paypal_but {border: 0; margin-left: 26.5px;}

/* page style */
#wrapper {clear: both; margin: 0 auto; }
#centerContent, #bottomNav, #innerFoot, #cssmenu, #footer { width:960px !important; margin:0 auto !important; }

/* link styles */
a {text-decoration: none; color: #6b1b1b;}
a:hover {color: #8e0000;}
a:active {color: #333;}

/* linked images */
a.img-link, a.ing-link img {text-decoration: none; border: 0 none;}
a.img-link:hover {opacity: 0.8;}

/* dark gray underline link on white bkg */
.rlink {color: #6b1b1b;}
a.rlink:link, a.rlink:visited {text-decoration: underline; color: #6b1b1b;}
a.rlink:hover {color: #8e0000;}
a.rlink:active {color: #009900;}

/* white link on dark bkg */
.hlink {color: white;}
a.hlink:link, a.hlink:visited {text-decoration: none; color: white; padding: 0; margin: 0;}
a.hlink:hover {color: #cccccc;}
a.hlink:active {color: red;}

/* header */
#headSection {background: #fff; color: #000; height: 160px; position: relative;}
#headSection a {color: #000; text-decoration: none;}
#headSection a img {border: 0 none; background: none;}
/* #fbtw {position: absolute; top: 173px; right: 8px;} 7/2714 */
#fbtw {position: static; float: right; margin: 0.2em 0.5em 0 0;}
/* .custom_logo {float: left; margin: 0.5em 1em; border: 0;} 7/27 */
#specials-spinner {float: left; height: 140px; position: relative;}
#headSection a img.new-logo {margin: 0.25em auto -0.4em; border: 0;}
/* .distinctive_style {margin: -0.5em -20px -0.9em 0; width: 400px; border: 0;} 7/29 */
#header-content {text-align: center; margin: 1em 0 0; height: 160px;}
#header-content h1 {display: none;}
#headSection {color: #8E0000;}
#header-content h2 {margin: 0 auto; font-size: 1.2em;}
#header-content h4 {margin: 0 0 0 1em; font-style: italic; font-weight: normal; font-size: 1.1em;}

/* older styles before 2014-0727 */
.header_statement span {color: #000;}
.website-title, .page-title {display: none;}
h2.header_statement {margin: 0 auto; font-size: 1.2em;}
h4.header_statement {margin: 0 auto; font-style: italic; font-weight: normal; font-size: 1.1em;}

/* tilt image */
.tilt {position: absolute; top:-0.5em; right: -0.5em; width: auto; height: 120px;
  -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
       -o-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
/*.hanging-tag {position: absolute; top:-0.5em; right: -0.5em; width: auto; height: 120px;}*/

/* search box */
#search-container {margin: 0 auto; width: 480px;}
#header-content .search-me {float: left; padding: 0.45em 1em 0 4.5%; font-size: 0.85em; font-style: italic;}
#searchbox {float: right; padding: 0;}
#searchbox .input-side {text-align: right;}
input.input-size[type="text"] {border: 1px solid #8E0000; font-size: 0.8em; color: #8E0000; width: 220px; line-height: 1.5em;}

/* .ASI {position: absolute; top: 145px; right: 10px;} 7/29 */
.ASI {position: absolute; bottom: 0.5em; right: 0.5em; font-size: 0.7em; font-style: italic; color: #8E0000;}

/* .specialPromo {border: 0; position: absolute; top: 120px; left: 20px; z-index: 3;} 7/27 */
.specialPromo {border: 0; position: absolute; top: 30px; left: 20px; z-index: 3;}
a.specialPromo:link, a.specialPromo:visited {text-decoration: none;}   

/* nav bar clearance */
#current-specials {float: left; margin: 0.25em 1em 0 1.5em;}
#current-specials a {color: #ffff00; font-size: 0.8em; font-weight: bold; padding: 0.25em 1em 0.5em;}
#current-specials a:hover {color: #fff; background: #666;}

/*
.Caron-welcomes-you {position: absolute; z-index: 0; left: 0.5em; top: 0.35em; box-shadow: 1px 1px 3px #ccc; opacity: 0.8; border-radius: 100%;}
*/
.Caron-welcomes-you {
    box-shadow: 2px 2px 5px #000;
    float: left;
    margin: 0 1em 0 0;
    opacity: 0.8;
}
.carons-message {width: 185px; height: 150px;}
.carons-message span {display: none;}
.carons-message:hover {z-index:0;}
.carons-message:hover span { 
	display: block;
	position: absolute; 
	width: 250px; 
	top: 50px; 
	left: 185px; 
	background-color: #FCFBDC; 
	border: 1px solid #333333; 
	padding: 5px;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-align: left;
}
.carons-message b {float: right;}

.rotate {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	overflow:hidden;
	}  
 
.rotate:hover  {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	}  

/* Refer-A-Friend graphic */
img.raf-page {float: right; width: auto; height: 125px; margin-top: -2em;}
#RAF {display: none;}
.RAFpromo  {display: none;}
a.RAFpromo {display: none;}

.RAFpromo_SEO3 {display: none;}
a.RAFpromo_SEO3 {display: none;}

/* 021813 seoinsert4 */
#RAF-4 {display: none;}
#RAF-4 img {display: none;}
a.RAFpromo_SEO4 {border: 0; text-decoration: none;}

.PMG {display: none;}
a.PMG {display: none;}

/* navigation */
#navTop {background-color: #6b1b1b;height: 40px; text-align: center;}
#menu-container {max-width: 600px; margin: 0 auto;}

/* page content style */
p {text-align: left; margin: 5px; font-size: 1em;}
p:first-letter {font-size: 150%;}
p.normal:first-letter {font-size: 1em; font-variant: normal ! important;}

h1 {margin: 0 auto; color: #8E0000; font-size: 1.5em; text-align: center;}
h2 {margin: 5px auto; text-align: center;}
h1.ex {margin: 5px;}
h2.ex {margin: 1em 0 0 0;}

h3 {margin-top: 5px; margin-bottom: 5px;}
h4 {margin: 5px auto; font-style: italic; font-size: 110%;}





/* page heading with video link */
#promotional_video {width: 100%; height: 50px; margin: -5px auto;}
.promotional_video_left {float: left; height: 50px; width: 60%;}
h4.promotional_video_left {margin-top: 15px; float: right;}
.promotional_video_right {width: 40%; float: left;}

/* page divider by category - raffle, etc */
.category_heading {background-color:#FFFF8F; padding: 10px; border-width: 1px 0; border-style: solid;}
	.category_heading span {font-style: italic; font-size: 90%; padding-left: 2em;}
	.category_heading h3 {margin: 5px auto;}
	h3.category_heading {margin: 1em auto; border: 0;}

.gray-divider {background-color: #ccc;	border-width: 1px; border-style: solid none; padding: 5px 0;}

/* center single list item - 250px wide */
.center-this {width: 250px; text-align: center; margin: 0 auto;}
.center-me {margin: 0 auto; text-align: center;}

h2.list_heading {margin: 0 0 0.5em -0.5em; font-size: 1.1em;}

.noStyle {margin: 0; padding: 0;}
ul.noStyle {margin: 0; padding: 0;}
li.noStyle {margin: 0; padding: 0; list-style-type:none;}

ul.client_list {margin: 0;}
ul.client_list a {color: #8e0000;}
ul.client_list a:hover {color: #6b1b1b;}
ul.client_list li {padding: 0; margin: 0 0 0.15em -1em;}

#centerContent {min-height: 580px; background-color: white; position: relative; padding-top: 1em;}
#centerContent h1 a {color: #8e0000;}
#centerContent h1 a:hover {color: #6b1b1b;}

#test {outline: 1px solid red; min-height: 20%;}
#test-inside-left {clear: left; float: left; height: 100%; margin: 0; min-height: 5em; outline: 1px solid blue; padding: 0; width: 28%;}
#test-inside-right {clear: right; float: left; height: 100%; margin: 0; min-height: 5em; outline: 1px solid green; padding: 0; width: 72%;}

/* contact message */
#contact {margin: 0 auto; position: relative; /*z-index: 99999999; 7/27*/}

/* Two column pages */
#TCC {clear: both; position: relative;}
#left_column  {float: left;}
#right_column {width: 638px; margin-left: 260px; padding-top: 1em;}
#main-frame {/*position: absolute; z-index: 0;*/}

    /* clientele list */
    #navBox {/*border: 0; margin: 0 0 0 1em; width: 250px;*/}
    .clients {margin: 0; background-color: #fff;}


/* category landing pages */
.row {margin: 0 auto; width: 90%; text-align: center; border: 0; padding: 0 0 20px 0;}

  /* three columns */
  .position {float: left; width: 30%; text-align: center; padding: 10px;}
  
  ul.breakdown-list {margin: 0; list-style-position: outside;}
  li.breakdown-list {list-style-type: square; margin: 0;}
	
	/* two columns 60/30 */
	.position60 {float: left; width: 60%; text-align: center; padding: 10px;}
	.position30 {float: left; width: 30%; text-align: center; padding: 10px;}
	
	/* two columns 50/50 */
	.oneoftwo {float: left; margin: 1em 0 1em 1.4em;}

	/* four columns use row class as container */
	.position1of4 {float: left; width: 22%; text-align: center; border: 1px solid #ccc; margin: 0 0 1em 1em; padding: 0 0 1em; box-shadow: 3px 3px 10px #888888; font-size: 0.8em; /*min-height: 250px;*/}
	ul.fourCol {list-style-position: outside; list-style-type: square; margin: 0 0 0 -0.5em;}
	li.fourCol {margin: 0 0 0 -0.5em;}
	.fourCol ul li {margin: 0 0 0 -0.5em;}
	
	.position1of4 h3  {font-size: 1.1em;}


/* video containers */
.video-in-page_560 {width: 560px; margin: 0 auto;}

#video-package {margin-top: 10px; padding: 0 10px;}
#video-package h5 {margin: 0 auto;}
	
/* floating video columns 2 across */
.grid_4 {width: 428px; float: left; margin: 0 10px 1em; min-height: 375px;}

/* floating video columns 3 across */
.grid_3 {width: 295px; float: left; margin: 5px; min-height: 100px;}
	
	/* category image tool tips */
  .announce {position:relative; z-index:12; }
  .announce span {display:none;}
  .announce:hover {z-index:13;}
  .announce:hover span {
  display:block;
  z-index:13; 
  position:absolute; 
  width:340px; 
  top:-60px; 
  left:-80px;
  background:#FCE4E4 url('../images/Gift_small-30x.png') no-repeat;/*removed left*/
  background-position: 2px 2px;
  border: 1px solid #990000; 
  padding:5px 5px 5px 35px;
  font-size:11px;
  color:#990000;
  text-decoration:none;
  text-align: justify;
 }
	
	
	.announce_first {position:relative; z-index:12; }
    .announce_first span {display:none;}
    .announce_first:hover {z-index:13;}
    .announce_first:hover span {
    display:block;
    z-index:13; 
    position:absolute; 
    width:300px; 
    top:-60px; 
    left:-20px;
    background:#FCE4E4 url('../images/Gift_small-30x.png') no-repeat;/*removed left*/
    background-position: 2px 2px;
    border: 1px solid #990000; 
    padding:5px 5px 5px 35px;
    font-size:11px;
    color:#990000;
    text-decoration:none;
  	text-align: justify;
   }	
	
	.announce_last {position:relative; z-index:12; }
    .announce_last span {display:none;}
    .announce_last:hover {z-index:13;}
    .announce_last:hover span {
    display:block;
    z-index:13; 
    position:absolute; 
    width:300px; 
    top:-60px; 
    left:-120px;
    background:#FCE4E4 url('../images/Gift_small-30x.png') no-repeat;/*removed left*/
    background-position: 2px 2px;
    border: 1px solid #990000; 
    padding:5px 5px 5px 35px;
    font-size:11px;
    color:#990000;
    text-decoration:none;
  	text-align: justify;
   }
	
	
/* anywhere four columns */
	.any1of4 {float: left; width: 22%; text-align: center; border: 1px solid #ccc; margin: 0 2px; padding: 0 0 10px 0;}
	ul.oneof4 {list-style-position: inside; list-style-type: square; margin: 0; width: 100%;}
	li.oneof4 {margin: 0 0 0 -1.5em;}	
	
/* anywhere three columns */
	.any1of3 {float: left; width: 30%; text-align: center; border: 1px solid #ccc; margin: 0 2px; padding: 0 0 10px 0;}

	ul.oneof3 {list-style-position: outside; list-style-type: square; margin: 0; width: 100%;}
	li.oneof3 {margin: 0;}		
	
	.any1of3 ul {list-style-position: outside; list-style-type: square; margin: 0; width: 100%;}
	.any1of3 li {margin: 0;}

	/* for the any1of3 group - first child */
	.first-of-three {float: left; width: 35%; text-align: left; margin: 0 2px;}	
	.first-of-three > ul:first-child {list-style-position: outside; list-style-type: square; margin: 0 0 0 -1em;}
	.first-of-three > ul:first-child > li {margin: 0 0 0 -1em;}



/* landing page header background images */	
#trade-show-header {height: 100px; background-image: url('../images/tradeshows/trade-show-header-image.jpg'); margin: -1.3em 0 0;}
a.trade_show_link {width: 680px; height: 50px; position: absolute; top: 8px; left: 50%; margin-left: -340px;}
a.tradeshow_video_link {width: 285px; height: 35px; position: absolute; top: 65px; left: 50%; margin-left: -125px;}

#holiday-header {height: 100px; background-image: url('../images/holiday-header-image.jpg'); margin: -1.3em 0 0;}
a.holiday_link {width: 450px; height: 52px; position: absolute; top: 12px; left: 50%; margin-left: -245px;}
a.holiday_video_link {width: 285px; height: 35px; position: absolute; top: 65px; left: 50%; margin-left: -135px;}

#new-years-header {height: 100px; background-image: url('../images/new-years-header-image.jpg'); margin: -1.3em 0 0;}
a.new-years {width: 600px; height: 85px; position: absolute; top: 12px; left: 50%; margin-left: -300px;}
a.new-years_video_link {width: 285px; height: 35px; position: absolute; top: 65px; left: 50%; margin-left: -135px;}

#industry-header {height: 100px; background-image: url('../images/industry-header-image.jpg'); margin: -1.3em 0 0;}
a.industry_link {width: 540px; height: 48px; position: absolute; top: 22px; left: 50%; margin-left: -270px;}
a.industry_video_link {width: 285px; height: 35px; position: absolute; top: 70px; left: 50%; margin-left: -142px;}

#apparel-header {height: 100px; background-image: url('../images/Apparel_header.jpg'); margin: -1.3em 0 0;}
a.apparel_link {width: 350px; height: 55px; position: absolute; top: 10px; left: 50%; margin-left: -175px;}
a.apparel_video_link {width: 285px; height: 35px; position: absolute; top: 67px; left: 50%; margin-left: -130px;}

#edible-header {height: 100px; background-image: url('../images/Edible-Gifts_header-image.jpg'); margin: -1.3em 0 0;}
a.edible_link {width: 330px; height: 82px; position: absolute; top: 10px; left: 50%; margin-left: -165px;}

#corporate-header {height: 100px; background-image: url('../images/corporate-header-image.jpg'); margin: -1.3em 0 0;}
a.corporate_link {width: 450px; height: 100px; position: absolute; top: 0; left: 50%; margin-left: -225px;}

#construction-header {height: 100px; background-image: url('../images/construction-header-image.jpg'); margin: -1.3em 0 0;}
a.construction_link {width: 800px; height: 100px; position: absolute; top: 0; left: 50%; margin-left: -400px;}
a.construction_video_link {width: 285px; height: 35px; position: absolute; top: 65px; left: 50%; margin-left: -135px;}

/* Christmas in July header image */
#header-image-Christmas-in-July {height: 140px; background-image: URL('../images/Christmas-in-July_header.jpg'); margin-top: -1em; position: relative;}
#header-image-Christmas-in-July  a {display: block; width: 360px; height: 80px; position: absolute; top: 20%; left: 50%; margin-left: -170px;}

/* category inner page navigation heading - breadcrumbs */
#breadcrumbs {width: 100%; text-align: center; margin: 0 auto 5px;}
#holiday-breadcrumbs {/*background-color: #D0D0D0;*/ text-align: center; margin: 0 auto 5px;}

/* contact us page */
#contact-form-style {margin: 0;}
h3.contact-heading {margin: 0 0 -1.5em 1em; text-align: left;}

/* MailChimp Signup Form */
#mailchimp-signup {max-width: 600px; margin: 0 auto;}

/* for multiple inner navs */
.landing-page-inner-menu {text-align: center; margin: 0 auto 5px;}

/* product container */
.item {clear: both; margin: 1em auto; padding: 10px; text-align: center; width: 80%; border: 1px solid #A8A8A8; position: relative; /*box-shadow: 2px 2px 10px #888;*/}
.item h3 {/*text-shadow: 2px 2px 6px #666;*/} /* for item title */
.item h3 a {color: #8e0000;}
.item h3 a:hover {color: #6b1b1b;}
.item_details {margin: 0 10px 0 12em; padding: 0;}

.thumb {width: 130px;}
.samplePic {border: 1px solid; margin: 5px; float: left; height: 300px; margin-right: 10px;}
.samplePic-origSize {border: 1px solid; margin: 5px; float: left; margin-right: 10px;}
.noBorder {border: 0;}
.border {outline: 1px solid;}
.button {border: 0; margin: 5px auto;}
.priceTable {border: 1px dotted; padding: 0.5em; font-size: 0.85em;}
.priceTableBox {border: 1px solid #888;; padding: 2px; border-spacing: 2px; /*box-shadow: 2px 2px 10px #888*/; margin: 0 auto 3px;}
	.priceTableBox th {padding: 1em 1em 0.25em; border: none 0; text-align: left; font-size: 1em;}
.no-shadow {box-shadow: none; text-shadow: none;}


/* image zoom  see thumb class for non-hover state */
.thumb:hover {
    cursor: pointer;
    height:290px;
    width: 290px;
    transform:scale(1.0);
    -ms-transform:scale(1.0); /* IE 9 */
    -moz-transform:scale(1.0); /* Firefox */
    -webkit-transform:scale(1.0); /* Safari and Chrome */
    -o-transform:scale(1.0); /* Opera */
}	


/* shop more item type button */
.text_button {border: 1px solid; display: block; padding: 5px 10px; background-color: #FFFF8F; margin: 1em auto;}
a.text_button, a.text_button:visited {text-decoration: none; width: 50%;}
a.text_button:hover {background-color: #8E0000; color: #FFFF09;}

ul.shop_online {margin: 0;}
li.shop_online {margin: 5px 0 5px 10px;} 

#add_this_container {width: 250px; margin: 0 auto;}

/* valentine's day and other outlined coupon-style promos */
.promo_code_item {
border: 4px dashed #ff0000;
padding: 10px;
margin: 1em auto;
width: 90%;
}

#orderNow {margin: 0 auto; width: 350px;}

#SEO {clear: both;  position: relative; margin: 0 auto; background-color: #fff; padding: 10px;}
#seo1 {width: 350px; height: 50px; margin: 10px auto 0;}
#seo2 {width: 350px; height: 50px; margin: 0.5em auto;}
#seo3 {width: 350px; height: 50px; margin: 0 auto;}
#seo1 a:hover , #seo2 a:hover, #seo3 a:hover {opacity: 0.8;}

.manta {margin: 0;}

/* PayPal options */
#paypal-options {margin: 0 auto; max-width: 500px; text-align: center;}
#gift-certificate {} /* button alone */
.gift-certificate {float: left;} /* next to 6-month payment button */
.paypal-payment {float: right;}


#bottomNav {
  clear: both;
  /*
  border-left: 1px solid black;
  border-right: 1px solid black;
  */
  box-shadow: 2px 2px 10px #888;
  background-color: #6b1b1b;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.8em;
  color: #fff;
}

#bottomNav a {color: #fff;}
#bottomNav a:hover {color: #c78b59;}

.bottomNavBox {float: left; text-align: left; padding: 5px; vertical-align: top; width: 23%;}
.bottomNavBox:first-child {width: 20%;}
.bottomNavBoxEnd {float: left; text-align: left; padding: 5px;}
.bottomnavheader {font-size: 0.938em; font-weight: bold; margin: 2px 0;}
.bottomnavlist {font-size: 0.813em;  margin: 0;}

 ul.bottomnavlist {margin-left: -2em; list-style-type: square;}
 
#innerFoot {
background-color: #fff;
color: #8e0000;
text-align: center;
/*
border-style: solid;
border-color: black;
border-width: 0 1px 1px;
*/
margin: 0;
position: relative;
left: 0;
bottom: 0;
padding-bottom: 1em;
}

#innerFoot a {color: #8e0000;}
#innerFoot a:hover {#000;}
#bottom-nav-table {text-align: center; margin-left: 30px; margin-right: 0; border: 0; width: 97%;}
#bottom-nav-table a:hover {color: #000;}
#bottom-nav-table h3.bottomnavheader a:hover {color: #8e0000;}

#footer {
  /*
  border-style: solid;
  border-color: black;
  border-width: 0 1px 1px;
  background-color: #333333;
  */
  /*color: #000;*/
  text-align: center;
  font-size: 75%;
  padding: 8px;
  background: #fff;
}
#footer a {color: #8e0000; text-decoration: none; font-size: 0.75em;}
#footer a:hover {color: #6b1b1b;}

p.URLs {margin: 5px auto; text-align: center; line-height: 80%; width: 80%;}

/* HMH Design */
#HMHdesign {margin: 8px 1em 1em 0; color: #fff; font-style: italic; text-align: right;}
#HMHdesign a:link, div#HMHdesign a:visited {text-decoration: none;}
.HMHdesign {border: 0; width: auto; height: 50px; margin-top: 1em;}





/* CYBER-MONDAY */
#custom-header {position: relative;}


/*
#centerContent #cyber-monday h1 a span, #centerContent #cyber-monday h1 span, #cyber-monday h1 a span, span.cyber-monday {display: none;}
/* background: img url('images/cyber-monday/week.png'); */

img.cyber-week-text {vertical-align:middle; margin: -0.75em 0 0 -.5em;}

#cyber-monday
{
width:150px;
height:100px;
/*background:#92B901;*/
color:#ffffff;
position:relative;
font-weight:bold;
font-size:20px;
padding:10px;
animation:cyber-monday 5s 1;
-moz-animation:cyber-monday 5s 1;
-webkit-animation:cyber-monday 5s 1;
-o-animation:cyber-monday 5s 1;
border-radius:5px;
-webkit-border-radius:5px;
}

@keyframes cyber-monday
{
0%		{transform: rotate(0deg);left:0px;}
25%		{transform: rotate(20deg);left:0px;}
50%		{transform: rotate(0deg);left:1200px;}
55%		{transform: rotate(0deg);left:1200px;}
70%		{transform: rotate(0deg);left:1200px;/*background:#1ec7e6;*/}
100%	{transform: rotate(-360deg);left:0px;}
}

@-webkit-keyframes cyber-monday
{
0%		{-webkit-transform: rotate(0deg);left:0px;}
25%		{-webkit-transform: rotate(20deg);left:0px;}
50%		{-webkit-transform: rotate(0deg);left:1200px;}
55%		{-webkit-transform: rotate(0deg);left:1200px;}
70%		{-webkit-transform: rotate(0deg);left:1200px;/*background:#1ec7e6;*/}
100%	{-webkit-transform: rotate(-360deg);left:0px;}
}

@-moz-keyframes cyber-monday
{
0%   {-moz-transform: rotate(0deg);left:0px;}
25%  {-moz-transform: rotate(20deg);left:0px;}
50%  {-moz-transform: rotate(0deg);left:1200px;}
55%  {-moz-transform: rotate(0deg);left:1200px;}
70%  {-moz-transform: rotate(0deg);left:1200px;/*background:#1ec7e6;*/}
100% {-moz-transform: rotate(-360deg);left:0px;}
}

@-o-keyframes cyber-monday
{
0%   {transform: rotate(0deg);left:0px;}
25%  {transform: rotate(20deg);left:0px;}
50%  {transform: rotate(0deg);left:1200px;}
55%  {transform: rotate(0deg);left:1200px;}
70%  {transform: rotate(0deg);left:1200px;/*background:#1ec7e6;*/}
100% {transform: rotate(-360deg);left:0px;}
}

ul.product-details {margin: 0; padding: 0; font-size: 90%;}
ul.product-details li {list-style-type: none; margin: 0.5em 0;}












/* =====================================================================================|
|=======================================================================================|
|=================================   media queries    ==================================|
|=======================================================================================|
|======================================================================================*/

@media screen and (max-width: 800px) {
	body {overflow-x: hidden;}
	#wrapper {width: 100%;}
/*	#search-container {}	*/
	#header-content .search-me {font-size: 0.8em;}
	input.input-size[type="text"] {width: 160px;}	
	#menu-container {margin: 0; width: 80%;}
	#fbtw  {margin: 0 auto; position: absolute; top: 0.5em; right: 0; width: 180px; height: 25px;}
	#left_column {float: left; margin: 0;}
	#navBox {font-size: 80%; margin: 0; padding: 0;}
	.clients ul {margin: 0 0 0 -2.5em; display: inline; float: left;}
	.clients ul.client_list h2.list_heading {font-size: 1.1em; margin: -2em 0 0 1em; text-align: left;} /* margin: 0 0 0.75em -3em; */
	.clients ul.client_list li {font-size: 0.95em; display: inline;}
	.clients ul.client_list li.li2 {margin: 1em 0.5em 0 0; padding: 0 0.5em; line-height: 2em;}
	.clients ul.client_list li.li2:first-child {margin-left: 0;}
	#right_column {float: left; margin: 0 8%; width: 98%;}
	#coin-slider-coin-slider .coin-slider #coin-slider {width: 100%; height: 320px;}
	#scrolling-gifts {display: none;}
	#bottom-nav-table {width: 96%;}
}

@media screen and (max-width: 768px) {
	body {overflow-x: hidden;}
	#wrapper {width: 100%; box-shadow: none;}
	.specialPromo {left: 0;}
	
	#search-container {width: 60%; margin-left: 25%;}	
	#searchbox {float: left;}
/*	#header-content .search-me {}
	input.input-size[type="text"] {}
*/	
	#header-content h2 {font-size: 100%;}	
	#header-content h4 {font-size: 95%;}
	#menu-container {margin: 0; width: 75%;}
	#navBox {font-size: 80%; margin: 0; padding: 0;}	
	/*#fbtw {position: static; float: right;}*/
	#left_column {float: left; margin: 0;}
	.clients ul {margin: 0 0 0 -2.5em; display: inline; float: left;}
	.clients ul.client_list h2.list_heading {font-size: 1.1em; margin: -2em 0 0 1em; text-align: left;} /* margin: 0 0 0.75em -3em; */
	.clients ul.client_list li {font-size: 0.95em; display: inline;}
	.clients ul.client_list li.li2 {margin: 1em 0.5em 0 0; padding: 0 0.5em; line-height: 2em;}
	.clients ul.client_list li.li2:first-child {margin-left: 0;}
	#right_column {float: left; margin: 0 8%; width: 98%;}
	#coin-slider-coin-slider .coin-slider #coin-slider {width: 100%; height: 320px;}
	#scrolling-gifts {display: none;}
	#bottom-nav-table {width: 96%;}
}

@media screen and (max-width: 680px) {
	#wrapper {width: 100%; background: none; position: relative;}
	#headSection {height: 220px; margin: 0;}
	#headSection a img {margin: 1em auto 0;}
	#header-content {margin: 0; height: 110px;}
	.hanging-tag {display: none;}
	#search-container {margin-left: 30%; width: 65%;}
/*	#header-content .search-me {}	*/
	#searchbox {}
	input.input-size[type="text"] { width: 170px;}
	
	#navTop {height: 1.75em; text-align: center; position: absolute; top: 150px; z-index: 99; width: 100%; padding-top: 0.25em;}
	#menu-container {margin: 0; width: 100%; height: 35px; position: relative; top: 1em;}
	#navBox {font-size: 80%; margin: 0; padding: 0;}	
	#fbtw  {margin: 0 auto; position: absolute; top: -0.5em; right: 0; width: 180px; height: 25px;}
	#TCC {margin: -1em auto 0; padding: 0;}	
	#left_column {float: left; margin: 0;}
	.clients ul {margin: 0 0 0 -2.5em; display: inline; float: left;}
	.clients ul.client_list h2.list_heading {font-size: 1.1em; margin: -2em 0 0 1em; text-align: left;} /* margin: 0 0 0.75em -3em; */
	.clients ul.client_list li {font-size: 0.95em; display: inline;}
	.clients ul.client_list li.li2 {margin: 1em 0.5em 0 0; padding: 0 0.5em; line-height: 2em;}
	.clients ul.client_list li.li2:first-child {margin-left: 0;}
	#shadowTop, #shadowBottom, .ASI, #nav_search, .deal-of-the-day, #scrolling-gifts, #breadcrumbs, #live-chat img {display: none;}
	#stUI2 .sttb {float: left; margin-top: -0.5em; width: 100%;}
	#right_column {float: left; width: 100%; margin: 0;}
	.custom_logo, .distinctive_style, h2.header_statement, h4.header_statement {position: relative; top: 0; left: 0; font-size: 1em;}
	#docContainer .fb-toplabel .fb-100-item-column .selected-object {width: 85%; margin: 3em auto;}
	.specialPromo, .PMG {position: relative; float: left; top: 10px; left: 0;}	
	#centerContent {background-color: #fff; width: 100%; min-height: 0; padding: 0;}
	.coin-slider {margin: 0 0 0 0.25em;}
	.scrollup {display: none;}
	#trade-show-header, #holiday-header, #industry-header, #apparel-header, #edible-header, #corporate-header {margin: -1.3em 0 0 -20%;}	
	.position {padding: 0.5em;}
	.position img {width: 90%;}
	.position1of4 {width: 21%;}
	.position1of4 img  {width: 90%;}
	.position1of4 h3 {font-size: 1em;}
	ul.fourCol {font-size: 80%;}
	/* #navBox  {width: 90%;} 072814 */
	.banner {width: 100%;}		
	#left_column {position: relative; width: 100%; top: 0; left: 0;}
	.li2 {font-size: 1em;}	
	#scrolling-gifts, #innerFoot,{width: 100%;}	
	#bottomNav {padding: 5px;}
	#bottom-nav-table {width: 100%; margin: 0 10px;}
	#innerFoot {padding-bottom: 1em;}
	#SEO {width: 98%; margin: 0 auto; padding: 0; font-size: 96%;}	
}
@media screen and (max-width: 640px) {
	#headSection a img.new-logo {margin-left: -2em;}
	/*#header-content h2 {font-size: 90%;}*/
	/*#header-content h4 {font-size: 85%;}*/
	#header-content h4 span.bold_14 {font-size: 90%;}
	#specials-spinner {display: none; width: 15%; height: auto; margin-top: 3.5em;}
	#headSection a img.new-logo {margin-left: -10em;}
	img.specialPromo {width: 80%; top: 0;}
	#search-container {margin-left: 20%; width: 100%;}
	#header-content .search-me {padding-top: 0.5em;}
	input.input-size[type="text"] { width: 170px;}	
	#fbtw {float: none; position: absolute; top: -0.75em; right: -1em;}	
}
@media screen and (max-width: 600px) and (min-width: 500px;) {
	body {overflow-x: auto;}
	#wrapper {width: 100%; position: relative;}
	#headSection {height: 220px; margin: 0 0 -2em;}
	#headSection a img {margin: 1em auto 0;}
	img.new-logo {margin: 0.5em auto 0; border: none 0; }
	img.specialPromo {left: 0.25em; top: 0;}
	#header-content {margin: 0; height: 110px;}
	#header-content h2 {font-size: 90%;}
	#header-content h4 {font-size: 85%;}

	#search-container {margin:0;}	
/*	#header-content .search-me {}	*/
/*	#searchbox {}	*/
	input.input-size[type="text"] {width: 140px;}	
	#menu-container {margin: 0; width: 80%;}
	#fbtw {float: none; position: absolute; top: -0.75em; right: -1em;}
	#TCC  {/*margin: -2.5em 0 0 -2em;*/ margin: 0; padding: 0;}
	#left_column {float: left; margin: 0 auto; left: 1em; top: 1.5em;}
	#navBox {font-size: 80%; margin: 0; padding: 0; height: 9em;}
	.clients ul {margin: 0 0 0 -2.5em; display: inline; float: left;}
	.clients ul.client_list h2.list_heading {font-size: 1.1em; margin: -2em 0 0 1em; text-align: left;}
	.clients ul.client_list li {font-size: 0.95em; display: inline;}
	.clients ul.client_list li.li2 {margin: 1em 0.5em 0 0; padding: 0 0.5em; line-height: 2em;}
	.clients ul.client_list li.li2:first-child {margin-left: 0;}
	#right_column {float: left; margin: 0; width: 100%; position: relative;}
	#coin-slider-coin-slider .coin-slider #coin-slider {width: 100%; height: 320px;}
	#contact {font-size: 80%; text-align: left;}
	#contact-form-page {position: relative; z-index: 999;}

/*
	#wrapper {width: 100%; background: none; position: relative;}
	#shadow {width: 100%; background: none;}
	#headSection {height: 100%; margin-bottom: 0px;}
	.Caron-welcomes-you  {display: none;}
	#shadowTop, #shadowBottom, .ASI, #navTop, #nav_search, .deal-of-the-day, #scrolling-gifts, #breadcrumbs, #live-chat img {display: none;}
	#right_column {float: left; width: 100%; margin: 0;}
*/	
	#navTop {display: none;}
	.custom_logo, .distinctive_style, h2.header_statement, h4.header_statement {position: relative; top: 0; left: 0; font-size: 1em;}
	.custom_logo, 
	.distinctive_style, 
	h2.header_statement, 
	h4.header_statement {position: relative; top: 0; left: 0; font-size: 1em; margin: 1px auto; max-width: 100%;}
	#specials-spinner {width: 20%;}
	.specialPromo {position: relative; float: left; top: 10px; left: 10px; margin: 0 0 10px; width: 80%;}
	#trade-show-header,	#holiday-header, #industry-header, #apparel-header,	#edible-header,	#corporate-header {
	margin: -1.3em 0 0 -50%;
	}
	h3.category_heading {font-size: 98%; text-align: center;}
	.rom {width: 100%;}
	.position {padding: 0;}
	ul.breakdown-list {margin: 0 0.5em 0 -1.25em;}
	.position1of4 {margin: 0 0 0 0.8em;}	
	.position1of4 h3  {font-size: 80%;}
	#centerContent {background-color: #fff; width: 100%; min-height: 0;}
	#centerContent img.center {width: 100%;}
	#centerContent h3 {width: 95%; font-size: 1em;}	
/*	#navBox  {width: 90%;} */
	.banner {width: 100%;}
	.item img.samplePic, .item img.samplePic-origSize {float: none; width: 90%; clear: both;}
	.priceTableBox {font-size: 0.9em;}
	.item .img-right	{float: none; margin: 0 auto; clear: both;}
	.specialListPrice img {width: initial;}
	.specialListPrice img.center  {width: initial;}
	#centerContent img.center {width: inherit;}
	.specialListPrice img.center-me {width: initial;}
	.category_heading .edible-flag {display: none;}
	.grid_4 {margin: 0;}
	.li2 {font-size: 1em;}	
	#scrolling-gifts, #innerFoot {width: 100%;}	
	#bottomNav {padding: 5px;}
	.bottomNavBox {width: 22%;}
}

@media screen and (max-width: 360px) {
	#wrapper {width: 100%; background: none; position: relative;}
	#shadow {width: 100%; background: none;}
	#headSection {height: 100%; margin-bottom: -10px;}
	#headSection a img.new-logo {margin-left: 0;}
	#header-content .search-me {left: 1em;}
	#search-container {position: relative; z-index: 999; left: 0;}
	#searchbox {z-index: 99;}
	input.input-size[type="text"] {width: 100px;}
	#shadowTop,
	#shadowBottom,
	.ASI,
	#navTop,
	#nav_search,
	/*#right_column,*/
	#homepage-slider,
	.deal-of-the-day,
	#scrolling-gifts,
	#breadcrumbs,
	#live-chat img {display: none;}
	.custom_logo, .distinctive_style, h2.header_statement, h4.header_statement {
	position: relative; top: 0; left: 0; max-width: 100%; font-size: 1em; margin: 1px auto;
	}
	/*
	img.specialPromo {position: relative; float: left; top: 1em; left: 0; margin: 0 auto; width: 45%; padding: 0 0 0 1em;}
	*/
	img.PMG {position: relative; float: left; top: 0.25em; left: 0; margin: 0 auto; padding: 0 1em;}
	#fbtw  {margin: 1em auto; position: relative; top: -1.25em; left: 0; width: 100%; height: 30px; padding: 1em 0 0; clear: both; float: none;}
	#fbtw .img-link .noBorder {padding: 0 0.5em;}
	.promotional_video_left {height: 100%; margin: 0 auto 1em;}
	h4.promotional_video_left {width: 80%; margin: 0.5em;}
	#centerContent {background-color: #fff; width: 100%; min-height: 0;}
	.banner {display: none;}	
	.item > img.edible-flag_TR, .item > img.Kosher_Flag_TR {width: 30%;}
	.position1of4 {width: 25%;}
	#centerContent h3 {font-size: 0.8em;}
	.message-box img.center-me {width: 100%;}
	.specialListPrice img {width: initial;}
	.specialListPrice img.center  {width: initial;}
	.specialListPrice img.center-me {width: initial;}
	ul.fourCol li.fourCol {font-size: 0.8em; margin-left: -1.5em;}
	#left_column {position: relative; width: 100%; top: 0; left: 0;}
	#navBox  {width: 90%;}	
	.li2 {font-size: 1em;}
	#scrolling-gifts, #innerFoot {width: 100%;}
	#bottomNav {padding: 5px;}
	#bottom-nav-table {width: 100%; margin: 0 10px;}
	.bottomNavBox {width: 21%;}
	.bottomNavBox {width: 21%;}
	#innerFoot #bottom-nav-table .bottomNavBox ul.bottomnavlist	{margin-left: -2.5em; word-wrap: break-word;}
	h3.contact-heading {float: left; }
}