/*--  MGB THEME  --*/
/*-----------------------------------
author: Benn Wolfe
webiste: www.bennthewolfe.com
created on: 6/1/12

colors
				  red:	#b81e1e
				gray:	#b9b9b9
		 light gray:	#e2e2e2 (borders)
extra light gray:		#f2f2f2
		 text gray:		#4e4e4e
------------------------------------*/

/*--  CSS RESET  --*/
html, body, div, span, applet,
object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big,
cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup,
tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form,
label, legend, table, caption,
tbody, tfoot, thead, tr, th, td 	{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body 					{ line-height:1; }
ol, ul 					{ list-style:none; }
blockquote, q 				{ quotes:none; }
del 					{ text-decoration:line-through; }
table 					{ border-collapse:collapse; border-spacing:0; }
p,ol,ul,table, form 			{ margin-bottom:20px; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underlined { text-decoration:underlined; }
.tc { text-align:center; }
.hide { display:none; }
.clear { height:1px; clear:both; display:block; }

/*--  FONT FACES  --*/
@font-face {
    font-family: 'BebasRegular';
    src: url('fonts/BEBAS___-webfont.eot');
    src: url('fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BEBAS___-webfont.woff') format('woff'),
         url('fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/League_Gothic-webfont.eot');
    src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/League_Gothic-webfont.woff') format('woff'),
         url('fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Arapey';
  font-style: normal;
  font-weight: 400;
  src: local('Arapey Regular'), local('Arapey-Regular'), url('fonts/arapey400.woff') format('woff');
}
@font-face {
  font-family: 'Arapey';
  font-style: italic;
  font-weight: 400;
  src: local('Arapey Italic'), local('Arapey-Italic'), url('fonts/arapey400italic.woff') format('woff');
}


/*-- GLOBALS  --*/
body {
	background: url('images/mgb_bg_top.jpg') top center repeat-x #fff;
	font-size:16px;
	font-size:100%;
	line-height:1.3em;
	font-family: Arapey, "Times New Roman", times, serif;
	font-weight:normal;
	color:#4e4e4e;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'BebasRegular';
	color:#000;
	margin-bottom:20px;
	font-weight:normal;
}
h1 { font-size:2em; }
h3 {	font-size:27px; margin-bottom:40px; }
h4 {
	font-family: 'LeagueGothicRegular';
	color:#b81e1e;
	font-size:1.4em;
	margin-bottom:10px;
}
p {
	margin-bottom:14px;
}
input, select, option, textarea {
	font-family:'Arapey';
	font-size:1em;
	overflow:auto;
}
#middle_maker {
	width:660px;
	margin:0 auto;
	min-height:400px;
}
.margin_accent {
	width:40px;
	height:335px;
	margin-left:-60px;
	float:left;
}
#featured_margin_accent {
	background:url('images/mgb_featured_margin_accent.jpg') center top transparent no-repeat;
}
#partners_margin_accent {
	background:url('images/mgb_partners_margin_accent.jpg') center top transparent no-repeat;
}
.pinstriped {
	background: url('images/mgb_h3_pinstriper.jpg') left center transparent no-repeat;
}
.address p {
	margin:0;
}
.button {
	height:55px;
	width:220px;
	display:block;
	color:transparent;
	cursor:pointer;
	background:url('images/mgb_recbutton_add_to_cart_green1.jpg') top left no-repeat transparent;
}

/*-- Header Styles --*/
#header_holder {
	height:130px;
	margin: 0 auto 40px;
	background: url('images/mgb_header_holder.jpg') top center no-repeat transparent;
}
#header {
	width:660px;
	height:130px;
	margin:0 auto;
	font-family: Arapey;
	text-align:center;
}
#header li {
	width:90px;
	height:130px;
	float:left;
	background:url('images/mgb_nav.jpg') top left no-repeat transparent;
	position:relative;
}
#header a {
	display:block;
	height:50px;
	width:80px;
	margin:5px;
	padding-top:22px;
	font-style:italic;
	font-weight:bold;
	color: #000;
	text-decoration:none;
}
#header a:hover {
	moz-text-shadow:0 0 2px #cacaca;
	webkit-text-shadow:0 0 2px #cacaca;
	text-shadow:0 0 2px #cacaca;
}
#header .pos0 { background-position: 0 0; }
#header .pos1 { background-position: -90px 0; }
#header .pos2 { background-position: -180px 0; }
#header #logo {
	width:300px;
	height:130px;
	background:url('images/mgb_michigan_gift_box.jpg') center 10px no-repeat transparent;
}
#header #logo a {
	display:block;
	width:300px;
	height:130px;
}
#header .pos3 { background-position: -570px 0; }
#header .pos4 { background-position: -660px 0; }
#header .pos5 { background-position: -750px 0; }
#header .pos0, #header .pos5 { padding-top:22px; height: 108px; }
#header .pos1, #header .pos4 { padding-top:16px; height: 114px; }
#header .pos2, #header .pos3 { padding-top:10px; height: 120px; }
#header #header_subtotal {
	position:absolute;
	top:55px;
	left:5px;
	width:80px;
}

/*-- Footer Styles --*/
#footer_holder {
	height:120px;
	background: url('images/mgb_bg_bottom.jpg') top center repeat-x transparent;
	margin-top:140px;
}
#footer {
	height:120px;
	text-align:center;
	background: url('images/mgb_footer_holder.jpg') top center no-repeat transparent;
}
#copyright {
	color:transparent;
	background: url('images/mgb_copyright.jpg') top center no-repeat transparent;
	margin-bottom:40px;
	height:22px;
	line-height:22px;
}
#footer_nav {
	color: #fff;
	font-style: italic;
	font-size: .9em;
	text-align:center;
	width:660px;
	margin:0 auto;
}
#footer_nav a {
	color:#fff;
	border-bottom: 1px transparent solid;
	text-decoration:none;
}
#footer_nav a:hover {
	color:#fff;
	border-color: #fff;
}
/*-- GENERAL FULL PAGE BOX --*/
.full_box {
	border:3px solid #e2e2e2;
	border-top:none;
	border-bottom:none;
}
.full_box_content {
	padding:10px;
	background:url('images/mgb_full_sides_fade.jpg') left -540px transparent no-repeat;
	margin: 0 -3px; /* Match BORDER thickness of .about_box */
	min-height:220px;
}
.full_box.left_third .two_thirds {
	
}
.full_box.left_third .one_third {
	width:220px;
}
.full_box .portrait {
	display:block;
	border:4px solid #e2e2e2;
	height:220px;
	width:200px;
}
.full_box.right_portrait .portrait { float: right; }
.full_box.left_portrait .portrait { float: left; }
.full_box.left_portrait .text_holder { padding-left: 228px; }
.full_box.right_portrait .text_holder { padding-right: 228px; }
.full_box h3 {
	background: url('images/mgb_h3_pinstriper.jpg') top right transparent no-repeat;
	margin-bottom: 30px;
}
.full_box h4 {
	margin:-20px 0 20px;
}
.full_box .sort_by_bar {
	font-family: 'BebasRegular';
	color: #c4c4c4;
	font-size:.9em;
	text-align:right;
	margin:40px 10px 10px 0px;
}
.full_box .sort_by_bar a {
	color:#757575;
	text-decoration:none;
}
.full_box .sort_by_bar a:hover {
	color:#4e4e4e;
}
.full_box .sort_by_bar a.active {
	color:#4e4e4e;
}
.full_bottom_bend {
	height:33px;
	width:660px;
	background:url('images/mgb_about_box_bottom.jpg') top left #fff no-repeat;
	margin-bottom:20px;
}

/*-- GENERAL SMALL BOXES --*/
.small_boxes_list {
	width:663px;
}
.small_boxes_list .holder {
	width:218px;
	display:block;
	float:left;
	margin-right:3px;
}
.small_box {
	width:212px;
	display:block;
	float:left;
	margin-right:2px;
	border:3px solid #e2e2e2;
	border-top:none;
	border-bottom:none;
}
.small_box_content {
	padding:10px;
	background:url('images/mgb_pb_bg.jpg') left top no-repeat transparent;
	margin: 0 -3px; /* Match BORDER thickness of .about_box */
	min-height:220px;
}

.small_box .img_holder {
	display:block;
	width:200px;
	height:200px;
	margin:20px auto 0px;
}
.small_box .img_holder img {
	width:200px;
	height:200px;
}
.small_box .title {
	font-family:'LeagueGothicRegular', 'BebasRegular';
	font-size:1.5em;
	margin-top:30px;
	text-align:center;
}
.small_box .title a {
	text-decoration:none;
	color:#b81e1e;
}
.small_box_footer {
	width:218px;
	height:116px;
	margin:0;
	background:url('images/mgb_pb_foot.jpg') left top #fff no-repeat;
}
.small_box_footer .left_corner, .small_box_footer .middle, .small_box_footer .right_corner {
	width:60px;
	height:65px;
	float:left;
	display:block;
	font-family: 'BebasRegular';
	font-size:1.1em;
	font-weight:normal;
	line-height:60px;
}
.small_box_footer .left_corner {
	color:#fff;
	text-indent:10px;
	background:url('images/mgb_pb_left_corner_empty.jpg') left top transparent no-repeat;
}
.small_box_footer .left_corner.yellow_badge{
	background:url('images/mgb_pb_left_corner_yellow_badge.jpg') left top transparent no-repeat;
}
.small_box_footer .right_corner {
	color:#b9b9b9;
	text-align:left;
	background:url('images/mgb_pb_right_corner_empty.jpg') left top transparent no-repeat;
}
.small_box_footer .middle {
	width:98px;
	height:98px;
	padding-top:8px;
	background:none center center transparent;
}
.small_box_footer .middle .round_button {
	width:98px;
	height:98px;
	display:block;
	background-color:transparent;
	overflow:hidden;
	text-indent:-98px;
	color:transparent;
}
.small_box_footer .middle a.add_to_cart {
	background:url('images/mgb_pb_add_to_cart.jpg') left top transparent no-repeat;
}
.small_box_footer .middle a.add_to_cart:hover {
	background:url('images/mgb_pb_add_to_cart_hover.jpg') left top transparent no-repeat;
}
.small_box_footer .middle a.in_cart, .small_box_footer .middle a:hover.in_cart {
	background:url('images/mgb_pb_add_to_cart_in_alt.jpg') left top transparent no-repeat;
}

/*-- Ingredient Box --*/
.ingredient_list {
	margin-bottom:20px;
}
.ingredient_box {
	min-height:200px;
	margin-bottom:40px;
}
.ingredient_box .product_ingredient {
	display:block;
	width:230px;
	height:200px;
	float:left;
	margin-left:10px;
}
.ingredient_box .text_holder {
	padding:0 40px 0 260px;
	font-size:.9em;
}
.ingredient_box .text_holder p {
	margin-bottom:.6em;
}
.ingredient_box .text_holder .amount_contained {
	margin-top:-10px;
}
/*-- About Box --*/

/*-- HOMEPAGE --*/
#home_slider {
	overflow:hidden;
	width:660px;
	height:240px;
	margin-bottom:40px;
}
#home_slider_image_holder {
	height:240px;
	width:480px;
	display:block;
}
#home_slider_accordion {
	width:174px;
	height:240px;
	border:3px #f3f3f3 solid;
	border-top:none;
	border-bottom:none;
	float:right;
	left:480px;
	z-index:5;
	margin:0;
}
#home_slider_accordion li {
	height:28px;
	width:174px;
	overflow:hidden;
	background:url('images/mgb_home_acc_head_bg.jpg') top left repeat-x #fff;
}
#home_slider_accordion li.hover, #home_slider_accordion li.active {
	height:184px;
}
#home_slider_accordion h4 {
	font-family: 'LeagueGothicRegular';
	font-weight:normal;
	font-size:24px;
	line-height:28px;
	text-align:center;
	margin:0px;
	padding:0px;
	color:#b0b0b0;
	cursor:pointer;
}
#home_slider_accordion .active h4 {
	color:#555;
}
#home_slider_accordion .content {
	height:125px;
	width:144px;
	margin:16px auto 0px;
	font-family: Arapey;
	font-size:14px;
	line-height:120%;
}

/*-- Product Page --*/
.sproduct_box .general_full_box_content {
	min-height:400px;
}
.sproduct_box .prod_pics_holder {
	float:left;
	width:320px;
	height:401px;
}
.sproduct_box .img_holder {
	position:relative;
	height:312px;
	width:312px;
	border:4px solid #e2e2e2;
	overflow:hidden;
}
.sproduct_box .img_holder img {
	position:absolute;
	height:320px;
	top:-3px;
	left:-3px;
}
.sproduct_box .add_pics_slider {
	width:320px;
	height:81px;
	overflow:hidden;
}
.add_pics_slider .arrow {
	width:38px;
	height:80px;
	cursor:pointer;
}
.add_pics_slider .arrow.left {
	float:left;
	border-right:1px dotted #e2e2e2;
}
.add_pics_slider .arrow.right {
	float:right;
}
.right_arrow {
	height:0px;
	width:0px;
	border-color: transparent;
	border-style: solid;
	border-width: 12px 0 12px 10px;
	margin:27px auto;
}
.right_arrow.available {
	border-left-color:#e2e2e2;
}
.right_arrow.available:hover {
	border-left-color:#b9b9b9;
}
.left_arrow {
	height:0px;
	width:0px;
	border-color: transparent #e2e2e2 transparent transparent;
	border-style: solid;
	border-width: 12px 10px 12px 0;
	margin:27px auto;
}
.left_arrow.available {
	border-right-color:#e2e2e2;
}
.left_arrow.available:hover {
	border-right-color:#b9b9b9;
}
.add_pics_slider ul {
	width:243px;
	height:81px;
	margin:0;
	float:left;
	overflow:hidden;
}
.add_pics_slider ul li {
	width:80px;
	height:80px;
	display:block;
	float:left;
	overflow:hidden;
	cursor:pointer;
	border-right:1px dotted #e2e2e2;
}
.add_pics_slider ul li:hover {
	border-bottom:1px dotted #e2e2e2;
}
.add_pics_slider li img {
	width:80px;
	height:80px;
}
.sproduct_box .text_holder {
	padding-left: 337px;
}
.sproduct_box h1 {
	margin-bottom: 14px;
}
.sproduct_box .price {
	color:#b9b9b9;
	font-family: 'BebasRegular';
	font-size:1.1em;
	margin-bottom:20px;
}
.sproduct_box input, .sproduct_box textarea {
	border:2px solid #e2e2e2;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.sproduct_box input {
	width:20px;
	height:20px;
	margin-right:4px;
	float:left;
	font-family:'Arapey';
}
.sproduct_box input[type=text] {
	width:20px;
	height:20px;
	padding:4px 8px;
	margin-right:10px;
	font-size:1em;
}
.sproduct_box label {
	display:block;
	min-height:24px;
	margin-bottom:6px;
	padding:3px 10px 0 28px;
}
.sproduct_box label.xtra_margin {
	margin-bottom:14px;
}
.sproduct_box input[type=submit] {
	height:55px;
	width:220px;
	border:none;
	float:none;
	display:block;
	color:transparent;
	cursor:pointer;
	background:url('images/mgb_recbutton_add_to_cart_green1.jpg') top left no-repeat transparent;
	margin-bottom:14px;
}
.sproduct_box input[type=submit]:hover, .sproduct_box input[type=submit].hover {
	background:url('images/mgb_recbutton_add_to_cart_green1_hover.jpg') top left no-repeat transparent;
}
.sproduct_box textarea {
	width:270px;
	height:80px;
	padding:10px;
	font-family: 'Arapey';
}
.sproduct_aag {
	width:200px;
	float:right;
	border-left:10px dotted #f2f2f2;
	padding:20px 0 20px 40px;
	margin-right:50px;
	margin-bottom:40px;
}
.sproduct_aag .title {
	font-family:'BebasRegular';
}
.sproduct_aag ul {
	padding-left:40px;
	list-style-type:square;
}
.sproduct_aag ul li {
	margin-bottom: 4px;
	font-size:.9em;
}
.sproduct_blurb {
	width:300px;
	margin-left:20px;
	padding-top:20px;
	margin-bottom:40px;
}

/*-- View Cart Page --*/
#cart {
	border-left:4px solid #f2f2f2;
	border-right:4px solid #f2f2f2;
	background:url('images/mgb_cart_grad.jpg') top left repeat-x transparent;
	width:660px;
	padding:0;
	margin:0;
}
#cart thead {
	font-family:'BebasRegular';
	height:44px;
	line-height:44px;
}
#cart tfoot {
	background-color:#f2f2f2;
}
#cart tfoot input {
	border:0px;
	background-color:#fff;
	font-size:1em;
	line-height:26px;
	cursor:pointer;
}
#cart th, #cart td {
	text-align:center;
	vertical-align:top;
	font-weight:normal;
	padding:0 10px;
	border:0px;
}
#cart td {
	width:60px;
	padding:40px 0;
}
#cart .img_col {
	padding-left:6px;
	width:140px;
}
#cart .img_col img {
	width:140px;
	height:140px;
}
#cart .text_col {
	width:220px;
	text-align:left;
}
#cart .title {
	color:#b81e1e;
	text-decoration:none;
	display:block;
	margin-bottom:10px;
	font-weight:bold;
}
#cart .cart_prod_options {
	font-size:.8em;
}
#cart .cart_prod_options  .opt_label {
	display:block;
	float:left;
	width:70px;
	text-align:right;
	font-weight:bold;
	clear:left;
}
#cart .cart_prod_options p {
	padding-left:80px;
	margin-bottom:0;
}
#cart .personal_message_excerpter {
	font-style:italic;
}
#cart tbody input {
	font-size:1em;
	width:20px;
	height:20px;
	padding:4px 8px;
	border:2px solid #e2e2e2;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin:-6px auto 0;
	display:block;
	text-align:center;
}
#cart .cart_prod_remove {
	color:#b81e1e;
	font-size:.9em;
	font-style:italic;
	text-decoration:none;
}
#sub_cart {
	background-color:#f2f2f2;
	border-left:4px solid #f2f2f2;
	border-right:4px solid #f2f2f2;
	padding:0 6px 0 16px;
	margin-bottom:40px;
}
#sub_cart .totals_holder {
	width:210px;
	height:100px;
	margin:40px 20px 40px;
	float:right;
	text-align:right;
}
#sub_cart .totals_holder .totals_label {
	width:140px;
	float:left;
	display:block;
	margin-right:20px;
}
#sub_cart .totals_holder p { margin:0; padding-left:140px; }
#sub_cart .totals_holder .total { border-top:1px solid #e2e2e2; font-weight:bold; }
#sub_cart_addy label {
	display:block;
	margin-bottom:14px;
}
#sub_cart_addy select {
	width:210px;
	border:2px solid #e2e2e2;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:10px 4px;
	margin-bottom:14px;
	margin-left:-10px;
}
#sub_cart_addy .address {
	margin-bottom:14px;
}
#sub_cart_addy input[type=button], #sub_cart_addy input[type=submit] {
	background-color:transparent;
	border:none;
	font-style:italic;
	cursor:pointer;
	font-size:1em;
	padding:0;
	font-weight:bold;
	color:#4e4e4e;
}
a#checkout {
	background:url('images/mgb_recbutton_checkout_green1.jpg') top left no-repeat transparent;
	float:right;
}
a#checkout:hover {
	background:url('images/mgb_recbutton_checkout_green1_hover.jpg') top left no-repeat transparent;
}