/* 8. CUSTOM LAYOUT & TYPOGRAPHY (Daddy bear)
----------------------------------------------------------------------------------------*/
/* 1 ROOT 					======================================================================*/

.holder 					{padding:0 1.618em 0; margin:0 auto; max-width:1140px; *width:1140px;
							position:relative;}
							
#page_wrap					{padding:10px 20px 20px;}
/* #main	 					{float:left; width:70%;} */
#sidebar 					{display:none;}
.full-width 				{float:left; width:78%; overflow:hidden;}
							
/* 2 HEADINGS 				======================================================================*/

#header						{width:100%; margin:0; background:url(../images/bg-header.jpg) repeat-x 0 0;}
#header a					{text-decoration:none;}
#header h1					{float:left; margin:0 0 0 -13px; padding:0; width:336px; height:141px; border:none; background:none;}
#header h1 a				{width:336px; height:141px; background:url(../images/big-shoes-logo.png);}

#header_tout				{position:absolute; top:15px; left:355px; width:auto; color:#6a9c2a; font-size:0.75em; 
							text-align:left; display:block; margin:0; padding:0; background:none;}
							
#header_tout a				{color:#6a9c2a;}
#header_tout a:hover		{color:#fff;}
#header_tout .scribble		{font-size:2.5em; color:#fff; line-height:1; font-family:"jinky", sans-serif;}

/* 3 TYPOGRAPHY 			======================================================================*/

p	 						{width:100%; max-width:100%;}

/* 4 LINKS 					======================================================================*/
/* 5 FIGURES & IMAGES 		======================================================================*/
/* 6 TABLES 				======================================================================*/
/* 7 FORMS 					======================================================================*/
/* 8 BANNER 				======================================================================*/

/*#searchbox					{position:absolute; right:10px; top:67px; margin:0;}*/
#searchbox					{position:absolute; right:10px; top:105px; margin:0;}

/* 9 NAVIGATION				======================================================================*/

.js #menu-main-navigation	{display:block;}

#main_nav div.selector, .js .selectnav 
							{display:none;}
#util_nav					{position:absolute; top:0; right:10px; margin:0; padding:0; background:none;}
#util_nav ul				{list-style:none;  margin:0; padding:0;}							
#util_nav ul li 			{float:left; list-style:none; margin:0 0 0 25px; padding:0;}

#header_tout a, #main_nav ul li a, #util_nav ul li a
							{-webkit-transition:all .15s ease-in-out; -moz-transition:all .15s ease-in-out; -o-transition:all .15s ease-in-out; transition:all .15s ease-in-out;}
							
#util_nav .acct_nav li		{margin-top:15px;}
#util_nav .acct_nav a		{color:#6a9c2a;}
#util_nav .acct_nav a:hover	{color:#fff;}
							
#util_nav .shop_nav 		{padding-right:45px; background:url(../images/bg-shopping-bag.png) no-repeat 100% 50%;}
#util_nav .shop_nav li		{float:none; margin:0; padding:0;}

#util_nav #header_check_out	{margin:0 0 3px; display:block;}
							
#util_nav #header_check_out a
							{padding:5px 13px; background:#6a9c2a; color:#fff;}

#util_nav #header_check_out a:hover
							{color:#4d4d4c;}

#header_shop_bag 			{position:relative; z-index:20000;}
#header_shop_bag > a 		{display:block; padding:8px 0 10px; color:#6a9c2a;}

#header_shop_bag > a:hover, #header_shop_bag > a.hover 
							{color:#6a9c2a;}

#header_shop_bag:hover > a 	{color:#fff;}
							
#header_shop_bag_detail		{position:absolute; right:-25px; top:30px; padding:10px; display:none;
							width:475px; z-index:19999; font-size:100%; background:#fff; -webkit-border-radius:5px;
							-moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 5px rgba(51,51,51,0.5);
							-webkit-box-shadow:0 0 5px rgba(51,51,51,0.5); box-shadow:0 0 5px rgba(51,51,51,0.5);
							}

#header_shop_bag #header_shop_bag_detail
							{visibility:visible;}

#header_shop_bag_detail	header	
							{padding:0 10px 5px; background:url(../images/bg-hz-line.png) repeat-x 0 100%;}
							
#header_shop_bag_detail	h3	{font-size:3.5em; color:#6a9c2a; margin:0; padding:0;}

#util_nav #header_shop_bag_detail	.details ul	
							{padding:10px; list-style:none; 
							background:url(../images/bg-hz-line.png) repeat-x 0 100%;}
							
#util_nav #header_shop_bag_detail	.details .price 
							{float:left; font-weight:bold; line-height:26px;}
							
#util_nav #header_shop_bag_detail	.details .checkout
							{float:right;}
							
#util_nav #header_shop_bag_detail	.details .shop_button a 
							{color:#fff;}
							
#util_nav #header_shop_bag_detail .header_bag_items			
							{list-style:none; margin:0 0 10px 0; padding:10px 0; width:100%;
							background:url(../images/bg-hz-line.png) repeat-x 0 100%;}
							
#util_nav #header_shop_bag_detail .header_bag_items li		
							{list-style:none; float:left; width:31%; margin:0 1% 10px; padding:0; min-height:155px; *height:155px;}
							
#util_nav #header_shop_bag_detail .header_bag_items h4		
							{color:#666; margin:0; line-height:1.2;}

#util_nav #header_shop_bag_detail .bag_detail_link
							{float:right; clear:both; font-weight:bold; margin:0; 
							padding:0 10px; line-height:1.2;}

#util_nav #header_shop_bag_detail .bag_detail_link a
							{color:#6a9c2a;}

#main_nav					{position:absolute; top:65px; left:355px;z-index:9999;}
#sizenav					{position:absolute; top:108px; left:365px; display:block;}
#sizenav ul					{list-style:none; margin:0; padding:0;}
#sizenav ul li				{float:left; list-style:none; margin:0 10px 0 0; padding:0; font-size:0.8em;}
#sizenav ul li:last-of-type	{margin-right:0;}
#sizenav ul li a			{display:block; line-height:2; color:#4d4d4c; padding:0 3px;} 
#sizenav ul li a:hover		{color:#6a9c2a;} 

/* 01 MENU BAR    			-----------------------------------------------------------------------------------  */
.megamenu_container 		{margin:0 auto; position:relative; border:none;}							
.megamenu 					{list-style:none; z-index:9991; padding:0; margin:0; color:#FFFFFF; line-height:1;}
.megamenu>li 				{float:left; margin:0 12px 0 0; border:none; }
.megamenu li.noactive 		{background:none;}

.megamenu li a 				{color:#4d4d4c; font-size:0.875em; font-weight:bold; outline:0; display:block;
							padding:10px 10px 20px;}
							
.megamenu li:hover a 		{color:#6a9c2a;}
.megamenu li .drop 			{position:relative; padding-right:31px; z-index:9991;
							background:url("../images/down.png") no-repeat right 16px;}
							
.megamenu li:hover .drop 	{background:#fff url("../images/down.png") no-repeat right 16px; border:0 solid #6d6d6d; 
							border-bottom:none; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; 
							border-radius:4px 4px 0 0; 
							box-shadow:-5px 0 5px -5px rgba(51,51,51,0.5), 5px 0 5px -5px rgba(51,51,51,0.5), 0 -5px 5px -5px rgba(51,51,51,0.5);
							-webkit-box-shadow:-5px 0 5px -5px rgba(51,51,51,0.5), 5px 0 5px -5px rgba(51,51,51,0.5), 0 -5px 5px -5px rgba(51,51,51,0.5);
							}

.megamenu li.right 			{float:right; margin-right:-1px;}
.megamenu li.right a 		{margin-right:5px;}

/* 02 DROP DOWN COMMON CONTAINER  -----------------------------------------------------------------------------  */
.megamenu li .dropcontent 	{margin:0 auto; position:absolute; left:-9999em; top:43px; /* Places the drop down under the menu bar */
							z-index:9990; padding:24px 0 10px 0; text-align:left; border:0 solid #6d6d6d; background:#fff; 
							-webkit-border-radius:0 5px 5px 5px; -moz-border-radius:0 5px 5px 5px; 
							border-radius:0 5px 5px 5px; -moz-box-shadow:0 0 5px rgba(51,51,51,0.5);
							-webkit-box-shadow:0 0 5px rgba(51,51,51,0.5); box-shadow:0 0 5px rgba(51,51,51,0.5);}
							
/* Showing Drop Down on Mouse Hover - Left aligned */
.megamenu li:hover .dropcontent 
							{left:auto;}
/* Showing Drop Down on Mouse Hover - Right aligned */
.megamenu li .align_right 	{right:-1px;}
.megamenu li:hover .align_right 
							{left:auto;	right:-1px;}

/* 03 DROP DOWN SPECIFIC CONTAINERS ---------------------------------------------------------------------------  */
.megamenu .drop1column 		{width:80px;}
.megamenu .drop2columns 	{width:160px;}
.megamenu .drop3columns 	{width:240px;}
.megamenu .drop4columns 	{width:320px;}
.megamenu .drop5columns 	{width:400px;}
.megamenu .drop6columns 	{width:480px;}
.megamenu .drop7columns 	{width:560px;}
.megamenu .drop8columns 	{width:640px;}
.megamenu .drop9columns 	{width:720px;}
.megamenu .drop10columns 	{width:800px;}
.megamenu .drop11columns 	{width:880px;}
.megamenu .drop12columns 	{width:960px;}

/* 04 COLUMNS GRID     		-----------------------------------------------------------------------------------  */
.megamenu .col_1, .megamenu .col_2, .megamenu .col_3, .megamenu .col_4, .megamenu .col_5, .megamenu .col_6, 
.megamenu .col_7, .megamenu .col_8, .megamenu .col_9, .megamenu .col_10, .megamenu .col_11, .megamenu .col_12 
							{float:left; display:inline; clear:none; position:relative; margin-left:15px;
							margin-right:0;}
							
.megamenu .col_1 			{width:65px;}
.megamenu .col_2 			{width:145px;}
.megamenu .col_3 			{width:225px;}
.megamenu .col_4 			{width:305px;}
.megamenu .col_5 			{width:385px;}
.megamenu .col_6 			{width:465px;}
.megamenu .col_7 			{width:545px;}
.megamenu .col_8 			{width:625px;}
.megamenu .col_9 			{width:705px;}
.megamenu .col_10 			{width:785px;}
.megamenu .col_11 			{width:865px;}
.megamenu .col_12 			{width:945px;}

.clear 						{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}

/* 05 DROP DOWN TYPOGRAPHY  -----------------------------------------------------------------------------------  */
.megamenu p, .megamenu h1, .megamenu h2, .megamenu h3, .megamenu h4, .megamenu h5, .megamenu h6 				
							{padding:0; margin:0; color:#222; font-weight:bold; clear:both;}
							
.megamenu h1, .megamenu h2 	{background:url("../images/menu_separator.jpg") bottom repeat-x; padding-bottom:12px;}

.megamenu h1, .megamenu h2, .megamenu h3, .megamenu h4, .megamenu h5, .megamenu h6 
							{margin-bottom:5px;}
							
.megamenu h1 				{font-size:36px; line-height:1;}
.megamenu h2 				{font-size:30px; line-height:1;}
.megamenu h3 				{font-size:0.75em;}
.megamenu h4 				{font-size:21px; line-height:1;}
.megamenu h5 				{font-size:18px; line-height:1;}
.megamenu h6 				{font-size:14px; line-height:1; text-transform:uppercase;}

/* Links */
.megamenu li .dropcontent a, .megamenu li .fullwidth a 
							{text-transform:none; display:inline-block; padding:0; font-size:.75em; 
							font-weight:normal; color:#656363;}
							
.megamenu li .dropcontent a:hover, .megamenu li .fullwidth a:hover 
							{padding:0; color:#6a9c2a;}

/* Lists */
.megamenu li ul 			{float:left; list-style:none; padding:0; margin:0 30px 12px 0;}
.megamenu li ul:last-child 	{margin-right:0;}
.megamenu li ul li 			{position:relative; padding:0; margin:0; float:none; text-align:left;}
.megamenu li ul li:hover 	{background:none; border:none;}
.swatch						{display:inline-block; width:9px; height:9px;}
.black						{background:black;}
.brown						{background:brown;}
.white						{background:white; border:1px solid #000}
.blue						{background:blue;}
.green						{background:green;}
.red						{background:red;}
.orange						{background:orange;}
.yellow						{background:yellow;}

/* 10 CONTENT 				======================================================================*/

#search_lists, #product_list, #prod_detail	
							{width:100%; margin:0 auto;}
							
#search_lists ul li			{float:left; list-style:none; margin:0; padding:0;}							

#search_lists .drilldown_form li 
							{float:left; margin-right:15px; width:auto;}
							
#search_lists .drilldown_form li:last-child 
							{margin-right:0;}
							
#search_lists .view_options li
							{margin-right:30px;}
							
#search_lists .view_options li.sort_options
							{margin:0; float:right;}
							
#search_lists .view_options li li 
							{margin-right:15px;}

#search_lists .drilldown_form
							{display:none;}
							
#search_lists_wide			{display:block; float:left; width:22%; xbackground:red;}
#search_lists_wide ul		{list-style:none; margin:0; padding:0;}
#search_lists_wide ul li	{list-style:none; margin:0 0 15px; padding:0;}
#search_lists_wide ul li li	{list-style:none; margin:0; padding:0; font-size:0.75em; line-height:1.2;}

#search_lists_wide h2		{margin:0 20px 10px 0; padding:0; font-size:3.5em; line-height:1;
							background: url(../images/bg-hz-line.png) repeat-x 0 100%;}

#search_lists_wide h4		{margin:0 0 5px; padding:0; font-size:.9em; color:#000; font-weight:bold;}

#search_lists_wide ul.search_scroller
							{height:192px; overflow:auto; margin-right:20px; border-top:1px solid #ccc;
							border-bottom:1px solid #ccc; }

#search_lists_wide .prod_sizes li	
							{float:left; width:auto; min-width:15px; height:35px; padding:0 0px; 
							margin:0 5px 5px 0; font-size:.8em; line-height:35px; text-align:center; color:#656363;
							border:1px solid #656363; cursor:pointer;}
							
#search_lists_wide .prod_sizes li:hover, #prod_detail .prod_sizes li.active
							{background-color:#6a9c2a; color:#fff;}
							
#search_lists_wide .prod_sizes li.noavail
							{background-color:#efefef; color:#ccc; border:1px solid #ccc; cursor:default;}
							
#search_lists_wide div.swatches li
							{width:20px; height:20px; padding:0; line-height:1;}
							
#search_lists_wide div.swatches span.swatch
							{height:20px; width:20px; padding:0;}

/* home slider */
#home_slider				{margin:0; padding:0; position:relative; width:100%;}

#brand_list li 				{width:18%;}

.rtitle						{position:absolute;	left:5%; padding:0; margin:0; top:5%; bottom:auto; width:auto; 
							text-align:left;}
							
.rtitle h2, .rtitle h3		{text-align:left; background:none; position:relative; top:auto; left:auto; bottom:auto;}
.rtitle h2					{margin:0; padding:0; font-family:"jinky",sans-serif; font-size:5em; color:#413e3e; 
							line-height:1;}
							
.rtitle h3					{margin:0 0 15px; padding:0 0 10px; font-size:1.143em; line-height:1.2; 
							display:inline-block; background:url(../images/bg-hz-line.png) repeat-x 50% 100%;}
							
.rtitle .shop_button 		{position:relative; bottom:auto; left:auto;}
/*
#product_list li			{margin:0 0 20px 2%; width:23%; height:278px;}
#product_list.md li			{margin:0 0 20px 2%; width:18%; height:230px;}
#product_list.sm li			{margin:0 0 20px 1.5%; width:11%; height:175px;}							
*/
#product_list li			{margin:0 0 20px 2%; width:23%;}
#product_list.md li			{margin:0 0 20px 2%; width:18%;}
#product_list.sm li			{margin:0 0 20px 1.5%; width:11%;}
#prod_detail				{margin:25px 0 0;}
.prod_title 				{width:40%; float:right; clear:none;}
.prod_imgs					{width:60%; float:left; clear:none;}		
.prod_info					{width:40%; float:right; clear:none;}
.prod_img 					{max-width:90%;}

#prod_detail .prod_related ul 
							{margin:0 0 0 -2%;}
							
#prod_detail .prod_related ul li
							{float:left; margin:0 0 15px 2%; width:18%; height:230px;}

/* checkout form */
#selector li 				{float:left; width:25%;}
#selector li a 				{border-left:1px solid #fff;}


/* #errors						{float:left; width:75%; } */
/* take the positioning of the sidebar, and become the start point for the sidebar positioning */
#cart_nav					{float:right; margin:0; padding:0; width:20%; width:220px; height:auto; display:block; 
							border:1px solid #ccc; border-radius:5px;}
#cart_nav ul				{list-style:none; margin:0; padding:0;}
#cart_nav ul li				{list-style:none; padding:0; margin:0; border-bottom:1px solid #ccc;}
#cart_nav ul li a 			{margin:0; padding:10px 20px; display:block; outline:none; 
							text-decoration:none; color:#666; background:#f0f0f0;
							background:-webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(240,240,240)), color-stop(0.55, rgb(227,227,227)), color-stop(0.78, rgb(240,240,240)));
							background:-moz-linear-gradient(center bottom,rgb(240,240,240) 9%,rgb(227,227,227) 55%,rgb(240,240,240) 78%);}
							
#cart_nav li:last-of-type	{border-bottom:0;}
#cart_nav a h3 				{margin:0 0 5px; font-weight:bold; color:#666; line-height:1;}
#cart_nav h4 				{margin:0; font-size:.8em; color:#666; line-height:1;}

#cart_nav a.current h3, #cart_nav a:hover h3, #cart_nav a.current h4, #cart_nav a:hover h4 		
							{color:#fff;}
							
#cart_nav a.current, #cart_nav a:hover 
							{background:#6a9c2a;}
							
#portamento_container 		{float:right; position:relative;} 

/* no need to float anymore, become absolutely positoned */
#portamento_container #cart_nav 
							{float:none; position:absolute;} 

/* if the panel is sliding, it needs position:fixed */
#portamento_container #cart_nav.fixed 
							{position:fixed;} 
							
#checkout_form				{float:left; width:100%;}

#checkout_form .form_holder li label.formlabel	
							{float:left; text-align:right; display:inline-block; width:25%; margin-right:2%;}
							
#checkout_form .form_holder .form_text
							{float:left; padding-left:27%; clear:left; display:inline-block; width:auto;}

#checkout_form .form_holder li input[type=text], 
#checkout_form .form_holder li input[type=password], 
#checkout_form .form_holder li input[type=number], 
#checkout_form .form_holder li input[type=url], 
#checkout_form .form_holder li input[type=email],
#checkout_form .form_holder li select
							{float:left; width:45%; padding:0 1%;}
							
#checkout_form .form_holder li div.selector
							{float:left; width:68%;}
							
#checkout_form .form_holder .ship_type
							{margin:15px 0 0 5%;}
							
#checkout_form .form_holder_hz li 			{float: left; width: 31%;}
#checkout_form .form_holder_hz li.ship_cpn {padding-top:15px;}

#checkout_form .form_holder_hz li.ship_calc 
							{width: 31%; padding: 15px 1%; margin:0; border-left: 1px solid #CCC;
							border-right: 1px solid #CCC; border-top:none; border-bottom:none;}							
							
#checkout_form #checkout_review li	{width:25%;}

#checkout_form #cart_total, #cart_subtotal
							{text-align:right; width:50%;}
							
#signoff table				{width:45%; float:right;}
#form_wrapper form			{max-width:40%; margin:0 auto;}
#acct_mgmt #mgmt_nav		{font-size:0.85em; margin:0; padding:0; float:left; width:23%; border:none;} 
#acct_mgmt #mgmt_nav li		{margin:0; padding:0; float:none;}
#acct_mgmt #acct_mgmt_cont	{float:left; width:77%;}

							
/* 11 SIDEBAR 				======================================================================*/

#sidebar 					{float:right; width:28%;}

/* 12 FOOTER 				======================================================================*/

#footer						{clear:both; padding:1.618em 0; margin-top:1.618em; }
#footer:before,#footer:after{content:""; display:table;}
#footer:after 				{clear:both;}
#footer						{zoom:1;}
#footer-links				{float:left; max-width:45%; padding:0;}
#footer-links ul li			{margin:0 40px 0 0;}
#footer-social				{float:right; max-width:52%;}

#footer-social ul li#signup_form, #footer-social ul li#social_icons		
							{margin:0 50px 15px 0;}
							
#social_embed				{display:block;}

/* 13 CONTENTINFO 			======================================================================*/
/* 14 GLOBAL OBJECTS 		======================================================================*/
/* 15 VENDOR-SPECIFIC	 	======================================================================*/
/* 16 MODERNIZR 			======================================================================*/
/* 17 TEMPLATE SPECIFICS 	======================================================================*/

	
/* 9. CUSTOM LAYOUT & TYPOGRAPHY (Mummy bear) - 768 to 960 px
----------------------------------------------------------------------------------------*/
/* @media screen and (min-width:30em) and (max-width:60em) { */
@media screen and (max-width:959px) { 

/* 1 ROOT 					======================================================================*/

.holder 					{padding:0 0.313em; width:758px; max-width:758px;}
.full-width 				{float:none; width:100%;}

/* 2 HEADINGS 				======================================================================*/

#header_tout				{display:none;}

/* 3 TYPOGRAPHY 			======================================================================*/
/* 4 LINKS 					======================================================================*/
/* 5 FIGURES & IMAGES 		======================================================================*/
/* 6 TABLES 				======================================================================*/
/* 7 FORMS 					======================================================================*/
/* 8 BANNER 				======================================================================*/

#header  					{height:150px;}
#header h1 					{width:200px; height:68px; border:none; background:none;}
#header h1 a				{width:293px; height:141px; background-image:url(../images/big-shoes-logo-md2.png);}
#searchbox					{top:110px;}

/* 9 NAVIGATION				======================================================================*/

#main_nav 					{position:relative; top:auto; left:auto; clear:both; float:right;}
.js #menu-main-navigation	{display:block;}

#menu-main-navigation li .dropcontent
							{display:none; visibility:hidden;}
							
.megamenu li .drop 			{padding-right: 10px; background:none;}

.megamenu li:hover .drop 	{background:none; border:none; -webkit-border-radius:none; -moz-border-radius:none; 
							border-radius:none; box-shadow:none; -webkit-box-shadow:none;}
							
.megamenu li a 				{padding:10px 4px 0;}

#main_nav div.selector, .js .selectnav 
							{display:none;}
							
#header_shop_bag #header_shop_bag_detail
							{visibility:visible;}

#sizenav					{display:none;}							

/* 10 CONTENT 				======================================================================*/
#navigation ul li a 		{min-height:52px;}
#checkout_form #checkout_review li	{width:50%;}
#checkout_form #cart_total 			{width:100%;}
#checkout_form .form_holder .ship_type
							{margin:15px 0 0 5%;}
/*
#product_list li			{margin:0 0 20px 2%; padding:0 2%; width:44%; height:340px; 
							background:url(../images/bg-hz-line.png) no-repeat 50% 100%;}
#product_list.md li			{margin:0 0 20px 2%; padding:0 2%; width:18%; height:200px;}
#product_list.sm li			{margin:0 0 20px 2%; padding:0 2%; width:14%; height:200px;}
*/
#product_list li			{margin:0 0 20px 2%; padding:0 2% 20px; width:44%;  
							background:url(../images/bg-hz-line.png) no-repeat 50% 100%;}
#product_list.md li			{margin:0 0 20px 2%; padding:0 2%; width:18%;}
#product_list.sm li			{margin:0 0 20px 2%; padding:0 2%; width:14%;}

#search_lists .view_options li.sort_options 
							{float:left;}
							
#search_lists .drilldown_form
							{display:block;}							

#search_lists_wide			{display:none;}
.rtitle 					{left:3%; padding:0; margin-right:0; top:3%;}
.rtitle h2 					{font-size:3em;}
.rtitle h3					{font-size:1.1em;}

#cart_nav, #portamento_container
							{display: none;}
							
#checkout_form 				{float:none; width:100%;}

#checkout_form .form_holder li input[type=text], 
#checkout_form .form_holder li input[type=password], 
#checkout_form .form_holder li input[type=number], 
#checkout_form .form_holder li input[type=url], 
#checkout_form .form_holder li input[type=email],
#checkout_form .form_holder li select
							{width:68%;}
							
#selector li a 				{min-height:55px;}

/* 11 SIDEBAR 				======================================================================*/
/* 12 FOOTER 				======================================================================*/

#footer-links				{float:left; margin:0; padding:0; max-width:35%;}
#footer-links ul li			{margin:0 20px 0 0;}
#footer-social				{float:right; max-width:65%;}

#footer-social ul li#signup_form, #footer-social ul li#social_icons 
							{margin-right:15px;}

/* 13 CONTENTINFO 			======================================================================*/
/* 14 GLOBAL OBJECTS 		======================================================================*/
/* 15 VENDOR-SPECIFIC	 	======================================================================*/
/* 16 MODERNIZR 			======================================================================*/
/* 17 TEMPLATE SPECIFICS 	======================================================================*/

}

/* 9. CUSTOM LAYOUT & TYPOGRAPHY (Mummy bear) - 480 to 768 px
----------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) { 

/* 1 ROOT 					======================================================================*/

.holder 					{padding:0 0.313em; width:480px; max-width:480px;}
.full-width 				{float:none; width:100%;}
#header						{width:100%; margin:0 0 1.25em;}
#header h1					{float:left; margin:0 auto; width:336px; height:141px; border:none; background:none;}
#main	 					{float:none; width:100%;}
#sidebar 					{float:none; width:100%;}

/* 2 HEADINGS 				======================================================================*/

#header_tout				{display:none;}

/* 3 TYPOGRAPHY 			======================================================================*/
/* 4 LINKS 					======================================================================*/
/* 5 FIGURES & IMAGES 		======================================================================*/
/* 6 TABLES 				======================================================================*/
/* 7 FORMS 					======================================================================*/
/* 8 BANNER 				======================================================================*/

#header  					{height:135px;}
#header h1 					{width:200px; height:68px;}
#header h1 a				{width:200px; height:68px; background-image:url(../images/big-shoes-logo-md.png);}

/* 9 NAVIGATION				======================================================================*/

#main_nav 					{position:relative; top:auto; left:auto; clear:both; float:none;}
.js #menu-main-navigation	{display:block;}
.megamenu > li 				{margin:0;}

#main_nav div.selector, .js .selectnav
							{display:none;}
							
#header_shop_bag #header_shop_bag_detail
							{visibility:visible;}
							
#util_nav .acct_nav li 		{float:none; margin-top: 5px;}
#sizenav					{display:none;}							

/* 10 CONTENT 				======================================================================*/

.prod_title 				{width:100%; float:none; clear:both;}
.prod_imgs					{width:100%; float:none; clear:both;}		
.prod_info					{width:100%; float:none; clear:both;}
.prod_img 					{height:auto;}
#prod_detail .prod_related ul li
							{float:left; width:48%;}
#brand_list li 				{width:31%;}							
#navigation ul li a 		{min-height:52px;}
#shoe_browser				{display:none;}

#cart_nav, #portamento_container
							{display: none;}
							
#checkout_form 				{float:none; width:100%;}
#checkout_form #checkout_review li	{width:50%;}
#checkout_form #cart_total 	{width:100%;}
#signoff table				{width:100%; float:none;}
#checkout_form .form_holder_hz li 			{float:none; width:100%;}

#checkout_form .form_holder_hz li.ship_calc
							{width: 100%; margin:15px 0 0; border-top: 1px solid #CCC; 
							border-bottom: 1px solid #CCC; border-left:none; border-right:none;}

#checkout_form .form_holder .ship_type
							{margin:15px 0 0;}
#product_list li			{margin:0 0 20px 2%; padding:0 2% 20px; width:94%; height:auto; background:url(../images/bg-hz-line.png) no-repeat 50% 100%;}
/*
#product_list.md li			{margin:0 0 20px 2%; padding:0 2%; width:44%; height:255px;}
#product_list.sm li			{margin:0 0 20px 2%; padding:0 2%; width:18%; height:185px;}
*/
#product_list.md li			{margin:0 0 20px 2%; padding:0 2% 20px; width:44%;}
#product_list.sm li			{margin:0 0 20px 2%; padding:0 2% 20px; width:18%;}

#selector li a				{min-height:70px; *height:70px;}

#form_wrapper form			{max-width:100%;}

#acct_mgmt #mgmt_nav		{margin:0 0 15px; padding:0 0 15px; float:none; width:100%; 
							border-bottom:1px solid #ccc;}
							
#acct_mgmt #mgmt_nav li		{margin:0; float:left; width:50%;}
 
/* home slider */
.ei-slider					{height:400px;}
.rtitle						{left:0; right:0; margin-right:0px; top:0; bottom:0; background:none; padding:0;}

.rtitle h2					{position:absolute; top:3%; left:3%; font-size:3em; margin:0; padding:0; 
							background:#fff; background:rgba(255,255,255,0.5);}
							
.rtitle h3					{display:none;}
							
.rtitle .shop_button 		{position:absolute; bottom:3%; left:3%;}

/* 11 SIDEBAR 				======================================================================*/
/* 12 FOOTER 				======================================================================*/

#footer-links				{float:none; margin:0; padding:0; max-width:100%;}
#footer-links ul li			{margin:0 20px 0 0;}
#footer-social				{float:none; max-width:100%;}

/* 13 CONTENTINFO 			======================================================================*/
/* 14 GLOBAL OBJECTS 		======================================================================*/
/* 15 VENDOR-SPECIFIC	 	======================================================================*/
/* 16 MODERNIZR 			======================================================================*/
/* 17 TEMPLATE SPECIFICS 	======================================================================*/
	
}