/*  
Theme Name: Foxy
Theme URI: http://www.organizedthemes.com/foxy
Description: Like a big glossy brochure for your website
Version: 1.5.4
Author: Organized Themes
Author URI: http://www.organizedthemes.com

License:  GNU General Public License
License URI:  http://www.opensource.org
*/

/* Table of Contents

01.  Reset
02.  Global Settings
03.  Type
04.  Header and Navigation
05.  Default Page Styles
06.  Sidebar Settings
07.  Comments
08.  Footer
09.  Images and WordPress essential items
10.  Supersized -- image background items
11.  Jigoshop Styles
12.  Mobile settings for responsive design
13.  Internet Explorer Styles

*/


/* @group Reset */

/* Eric Meyer's Reset Reloaded */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;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}

/* HTML5 elements */
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* Mobile Help */
html { 
	height: 100%; 
	font-size: 100%; 
	overflow-y: scroll; 
	-webkit-text-size-adjust: 100%; 
} 

body { 
	margin: 0; 
	min-height: 100%; 
	-webkit-font-smoothing:antialiased; 
	font-smoothing:antialiased; 
	text-rendering:optimizeLegibility; 
} 

/* @end */

/* @group Global */

body { 
	color: #fff; 
	background-color: #000; 
}

a, 
a:visited { 
	color: #9e1213; 
	text-decoration: none; 
}

a:hover 		{ color: #ccc  }
.left 			{ float: left  }
.right 			{ float: right }
.clear 			{ clear: both  }
.hide			{ display: none; }

.clearfix:after { content: "."; display: block; clear: both; margin: 0; padding: 0; height: 0; visibility: hidden; }
* html .clearfix             	{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix 	{ zoom: 1; } /* IE7 */
.clearfix 						{ height: 1%; }

.wrap { 
	width: 960px; 
	margin: 0 auto; 
	position: relative;
	z-index: 20;
	padding-bottom: 60px;
}

a.button, 
a:visited.button, 
#comments input#submit, 
.button-alt {
	font-size: 20px;
	padding: 6px 25px ;
	color: #fff;
	line-height: 1;
	background-color: #9f1012;
	border: none;
	cursor: pointer;
    -webkit-appearance: none;
    margin-top: 0 !important;
}

a:hover.button, 
#comments input:hover#submit, 
a:hover.comment-reply-link, 
input:hover.button, 
.newsletter input:hover.button, 
input:hover#searchsubmit { 
	background-color: #2a2a2a;
}

.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video iframe,  
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

img,
.wp-caption {
	max-width: 100%;
	height: auto;
}

/* @end */

/* @group Type */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 { 
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif; 
	font-weight: normal; 
	font-style: normal; 
	margin-top: 0; 
}

body { 
	font: normal normal 14px/1.1 "Lucida Grande", Lucida, Verdana, sans-serif; 
}

h1 { font-size: 36px; line-height: 1; margin-bottom: 8px }
h2 { font-size: 24px; line-height: 1; margin-bottom: 12px }
h3 { font-size: 20px; line-height: 1; margin-bottom: 12px }
h4 { font-size: 18px; line-height: 1; margin-bottom: 20px }
h4 { font-size: 16px; line-height: 1; margin-bottom: 18px }
h4 { font-size: 16px; line-height: 1; margin-bottom: 18px }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0;}

p  			{ margin: 0 0 20px;	padding-bottom: 0px; }
p img.left  { float: left; margin: 24px 24px 24px 0; padding: 0; }
p img.right { float: right; margin: 24px 0 24px 24px; }

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 24px; font-style: italic; }
del         { color:#666; }

li ul, 
li ol       { margin: 0 24px; }
ul, ol      { margin: 0 24px 24px; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 24px; }
dl dt       { font-weight: bold; }
dd          { margin-left: 24px;}

a img, 
a:visited img, 
a:hover img {
	border: none;
}

blockquote p  {
	width: 80%;
	font-style: italic;
	font-size: 15px;
	border-left: 4px solid #a01113;
	padding-left: 20px;
	margin: 15px auto;
	line-height: 1.2;
}

/* @end */

/* @group Fade-In Content */

@-webkit-keyframes reset {

	0% {
	    opacity: 0;
	}
	
	100% {
	    opacity: 0;
	}
}
 
@-webkit-keyframes fade-in {

	0% {
	    opacity: 0;
	}
	
	60% {
	    opacity: 0;
	}
	
	100% {
	    opacity: 1;
	}
}

.fade-in {
    -webkit-animation-name: reset, fade-in;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
}

.fade-in {
	-webkit-animation-delay: 0, .3s;
}

/* @end */

/* @group Header */

header {
	position: relative;
	z-index: 1002;
	height: 30px;
	overflow: visible;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
}

.header-content {
	width: 960px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	z-index: 1002;
	overflow: visible;
}

#logo,
#text-logo {
	width: 960px;
	margin: 40px auto;
	position: relative;
	z-index: 1004;
}

#text-logo h1, 
#text-logo p, 
#logo h1, 
#logo p {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-shadow: #000 1px 1px 2px;
	line-height: 1;
	font-size: 46px;
	font-weight: bold;
}


#logo a:hover, 
#text-logo a:hover { 
	opacity: .8 
}

.header-bar {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	text-align: right;
}

.newsletter {
	float: right;
	margin-top: 3px;
	margin-right: 8px;
}

.newsletter input.email-subscribe {
	border: none;
	padding: 3px;
	font-size: 11px;
    -webkit-appearance: none;
}

.newsletter input.button {
	border: none;
	color: #fff;
	background-color: #971012;
	font-size: 11px;
	line-height: 1.2;
	margin-left: -6px;
	padding: 3px 8px;
	cursor: pointer;	
    -webkit-appearance: none;
}

.newsletter input#email {
	padding: 2px 2px 2px 5px;
	width: 161px;
	border: none;
	color: #999;
	font-size: 12px;
	background-color: #fff;
}

.header-bar span#notification {
	margin-right: 10px;
	font-size: 12px;
	font-style: italic;
}

p.header-links { 
	float: right;
	display: inline;
	margin-bottom: 0;
	margin-top: 0;
}

p.header-links a { 
	opacity: .7;
}

p.header-links a:hover {
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

nav.mobile { /* hides mobile navigation for desktops and tablets */
	display: none;
}

/* @group Superfish Drop Downs--do not edit */

.menu, .menu * 			{ margin: 0; padding: 0; list-style: none; }
.menu 					{ line-height:	1.0; }
.menu ul 				{ position: absolute; top: -999em; width: 10em; }
.menu ul li 			{ width: 100%; }
.menu li:hover 			{ visibility: inherit;  }
.menu li 				{ float: left; position: relative; }
.menu a 				{ display: block; position: relative; }
.menu li:hover ul,
.menu li.sfHover ul 	{ top: 2.5em; z-index: 99; }
ul.menu li:hover li ul,
ul.menu li.sfHover li ul{ top: -999em;}
.menu li:hover ul,
.menu li.sfHover ul 	{ left: 30px; top: 10px; z-index: 99; }
.menu a.sf-with-ul 		{ padding-right: 2.25em; min-width: 1px; }

/* @end */

aside.sidebar nav ul { 
	position: relative;
	margin-bottom: 20px;
}

aside.sidebar nav li {
	float: none;
	line-height: 2;
	font-size: 17px;
	margin-bottom: 7px;
	padding-left: 0;
	text-transform: uppercase;
}

aside.sidebar nav a, 
aside.sidebar nav a:visited {
	color: #fff;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 2.2;  
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
}

aside.sidebar nav a:hover {
	background-color: #971012;
}

aside.sidebar nav .current-menu-item a {
	background-color: #971012;
	left: -24px;
}

aside.sidebar nav li li a, 
aside.sidebar nav li li a:visited {
	color: #fff;
	line-height: 2.2;
	font-size: 14px;
	float: none;
}

aside.sidebar nav li ul  {
	width: 160px;
	margin-bottom: 20px;
}

aside.sidebar nav li li:hover ul,
aside.sidebar nav li li.sfHover ul {
	width: 160px;
	left:  30px;
	top: 0;
	margin-top: 10px;
}

.current-menu-parent ul.sub-menu li a, 
.current-menu-item ul.sub-menu li a {
	left: 0;  
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
}

.current-menu-parent ul.sub-menu li a:hover, 
.current-menu-item ul.sub-menu li a:hover, 
ul.sub-menu li.current-menu-item a {
	background-color: #971012;
}

/* @end */

/* @group Pages */

article { 
	margin-bottom: 40px; 
	position: relative; 
	clear: both; 
}

h2.title,
article h1, 
h1.page-title,
.page-content h1 {
	float: left;
	text-transform: uppercase;
	padding: 5px 10px;
	margin: 0 0 15px -30px;
	background-color: #a01113;
}

article h1 a, 
article h1 a:visited, 
h2.title a, 
h2.title a:visited {
	color: #fff;
}

article h1 a:hover, 
h2.title a:hover {
	color: #000;
}

p.post-meta {
	clear: both;
	font-size: 12px;
	text-align: right;
}

p.post-meta a, 
p.post-meta a:visited, 
p.contact a, 
p.contact a:visited {
	color: #fff;
	border-bottom: 1px dotted #555;
}

p.post-meta a:hover { 
	border: none; 
}

.page-content {
	position: relative;
	width: 550px;
	margin-right: 130px;
	padding: 0 30px 30px;
	float: right;  
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84); 
}

ul.item-list {
	margin: 0;
	list-style: none;
	clear: both;
}

ul.item-list h4 { 
	float: left;
	margin-bottom: 5px;
	font-size: 18px;
}

li.item p {
	font-style: italic;
	font-size: 12px;
	margin: 0 15px;
}

li.item p.price { 
	float: right;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 5px;
	font-size: 18px;
}

li.item { 
	margin-bottom: 30px;
	overflow: hidden;
}

li.item .item-title { /* Clears Float */
	overflow: hidden;
}

ul.item-list li:last-child { 
	margin-bottom: 0; 
}

ul.item-list.space {
	margin-bottom: 30px;
}

article p.price {
	position: absolute;
	top: 20px;
	right: 10px;
	margin-bottom: 0;
	font-size: 18px;
}

li.item a.fancy img {
	float: left;
	margin-right: 10px;
}

.staff-list {	
	position: relative;
	width: 610px;
	margin-right: 130px;
	float: right;
	overflow: hidden;
}

.staff-list article {
	padding: 20px 30px;
	height: 185px;
	margin-bottom: 20px;
	position: relative;  
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
}

.staff-list article img {
	float: left;
	margin: -20px 25px 25px -30px;
	position: relative;
	z-index: 21;
}

.staff-list article h4 {
	font-size: 24px;
	margin-bottom: 4px;
	position: absolute;
	background-color: #a01113;
	left: 199px;
	top: 0;
	padding: 4px 10px;
}

.staff-list article h4 a, 
.staff-list article h4 a:visited {
	color: #fff;
}

.staff-list article p {
	position: relative;
	top: 24px;
}

p.staff-title {
	font-style: italic;
	position: relative;
	top: 35px;
	margin-bottom: 11px;
}

.staff-list article p.contact {
	margin-bottom: 0;
	position: absolute;
	left: 225px;
	padding-bottom: 5px;
	padding-top: 5px;
	z-index: 20;
	width: 360px;
	top: 185px;
}

.phone, 
.email-address, 
.twitter, 
.facebook {
	font-size: 13px;
	margin-right: 6px;
}

/* @end */

/* @group Sidebar */

aside.sidebar {
	float: left;
	position: relative;
	width: 180px;
}

aside.sidebar .widget {
	padding: 10px;
	margin-bottom: 20px;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
}

h4.widget-title {
	background-color: #971012;
	margin: -10px -10px 10px;
	padding: 10px;
	text-transform: uppercase;
}

aside.sidebar .widget p, 
aside.sidebar .widget li {
	font-size: 12px;
	margin-bottom: 3px;
}

#searchform label { 
	display:  none; 
}

#searchform input { 
	border: none; 
}

#searchform input#s {
	width: 90px;
	font-size: 13px;
	line-height: 1.2;
}

input#searchsubmit {
	border: none;
	color: #fff;
	background-color: #971012;
	font-size: 11px;
	line-height: 1.2;
	padding: 3px 8px;
	cursor: pointer;	
    -webkit-appearance: none;
}

.widget ul {
	margin: 0;
	list-style: none;
}

ul.adr, ul.hours { 
	margin-bottom: 15px; 
}

/* @end */

/* @group Comments */

#comments { 
	margin-top: 45px; 
}

h3.comments {
	float: left;
	background-color: #a01113;
	padding: 5px 10px 5px 15px;
	text-transform: uppercase;
	margin: 0 0 26px -30px;
}

ol#commentlist {
	list-style: none;
	margin-left: 0;
	margin-right: 0;
}

li.comment {
	margin-bottom: 15px;
	list-style: none;
	border-bottom: 1px solid #000;
}

ul.children {
	margin-right: 0;
	margin-left: 0;
}

ul.children li {
	margin-left: 29px;
	padding-top: 4px;
}

.comment-gravatar {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	width: 80px;
}

li.comment.bypostauthor .comment-gravatar {
	float: left;
	margin-left: 0;
	margin-right: 15px;
}

li.depth-3, 
li.depth-4, 
li.depth-5 { 
	margin-left: 20px; 
}

p.author-name-date { 
	font-size: 14px; 
}

p.author-name-date a { 
	font-size: 22px; 
}

a.comment-reply-link {
	color: #fff;
	background-color: #910f11;
	line-height: 1.5;
	text-align: center;
	padding: 3px 22px;
}

input#url, 
input#email, 
input#author { 
	width: 50%; 
}

textarea#comment { 
	width: 98%; 
}

#comments label {
	font-size: 12px;
	font-style: italic;
}

input#url, 
input#email, 
input#author, 
textarea#comment {
	padding: 5px;
	color: #fff;
	background-color: #000;
	border: 1px solid #333;
}

input:focus#url, 
input:focus#email, 
input:focus#author, 
textarea:focus#comment {
	border-color: #888;
}

/* @end */

/* @group Footer */

footer {
	position: fixed;
	z-index: 0;
	bottom: 5px;
	right: 10px;
}

footer p, 
footer a, 
footer a:visited {
	color: #fff;
	font-size: 10px;
	text-shadow: #000 1px 1px 1px;
	margin-bottom: 0;
	text-align: right;
}

/* @end */

/* @group Images and Essentials */

.gallery img {
	margin-right: 12px;
	margin-bottom: 10px;
}

.wp-caption {
	text-align: center;
	background-color: #000;
	padding-top: 5px;
	margin-bottom: 15px;
}

p.wp-caption-text {
	margin-bottom: 0;
	font-style: italic;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 5px;
	margin: 0 0 2px 10px;
	display: inline;
}

img.alignleft {
	padding: 5px;
	margin: 0 10px 2px 0;
	display: inline;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.paging p a {
	margin: 0;
	background-color: rgba(0,0,0,0.84);
	padding: 7px;
}

.page-content .paging p a {
	background: transparent;
	padding: 0;
}

img#wpstats {   /* hide WordPress Stats smiley */
    width:0px;
    height:0px;
    overflow:hidden
}

/* @end */

/* @group Supersized */

#supersized-loader { 
	position: absolute; 
	top: 40px;
	right: 40px;
	z-index: 10; 
	width: 30px; 
	height: 30px; 
	text-indent: -999em;
	background: #000 url(images/loader.gif) no-repeat center;
}
	
#supersized {
	display: block; 
	position: fixed; 
	left: 0; 
	top :0; 
	overflow: hidden; 
	z-index: -999; 
	height: 100%; 
	width: 100%;
}

#supersized img {
	width :auto; 
	height: auto; 
	position: relative; 
	display: none; 
	outline: none; 
	border: none;
}

#supersized.speed img {
	-ms-interpolation-mode: nearest-neighbor; 
	image-rendering: -moz-crisp-edges; 
}

#supersized.quality img { 
	-ms-interpolation-mode: bicubic; 
	image-rendering: optimizeQuality; 
}
		
#supersized li {
	display: block; 
	list-style: none; 
	z-index: -30; 
	position: fixed; 
	overflow: hidden; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background: #111; 
}

#supersized a { 
	width: 100%; 
	height: 100%; 
	display: block;
}

#supersized li.prevslide { 
	z-index:-20; 
}

#supersized li.activeslide { 
	z-index:-10; 
}

#supersized li.image-loading { 
	background-color: #111; 
	width: 100%; 
	height: 100%;
}

#supersized li.image-loading img {
	visibility:hidden; 
}

#supersized li.prevslide img, 
#supersized li.activeslide img {
	display:inline;
}
	
/* @end */

/* @group Jigoshop */

.foxy-catalog,
.jigoshop .page-content {
	float: right;
	display: inline;
	width: 630px;
	position: relative;
	margin: 0;
	padding: 0 30px 30px;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
}

ul.products {
	list-style: none;
	clear: both;
	margin: 0;
	padding-top: 10px;
}

ul.products li {
	float: left;
	position: relative;
	margin-right: 7px;
	margin-left: 8px;
	margin-bottom: 35px;
	height: 220px;
	width: 300px;
}

ul.products li h4 {
	font-size: 22px;
	margin-top: 3px;
}

ul.products li .button {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 11px;
	padding: 3px 5px;
}

ul.products li .price {
	font-size: 18px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
	padding: 4px 7px;
}

ul.products li .price {
	color: #fff;
}

div#breadcrumb {
	display: none;
}

.product p.price {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 4px 7px;
	font-size: 18px;
	background-color: #a01113;
}

.type-product .images {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.thumbnails img {
	margin-right: 10px;
	margin-top: 10px;
}

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

div.quantity input.input-text {
	text-align: center;
}

form.cart {
	margin-bottom: 15px;
}

#tabs {
	clear: both;
}

#tabs ul.tabs {
	margin: 0;
	list-style: none;
}

#tabs ul.tabs li {
	float: left;
	padding: 4px 15px;
}

#tabs .panel {
	clear: both;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#tabs #comments {
	margin-top: 0;
}

.related.products {
	clear: both;
}

.jigoshop #comments img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

p.add_review a {
	font-size: 14px;
}

.jigoshop #fancybox-wrap {
	color: #000;
}

.jigoshop #fancybox-wrap form#commentform {
	width: 400px;
}

.jigoshop #fancybox-wrap input#author,
.jigoshop #fancybox-wrap input#email,
.jigoshop #fancybox-wrap textarea#comment {
	background-color: #ccc;
}

p.form-submit {
	margin-bottom: 0;
	float: right;
}

input#submit, 
input.button, 
button.button {
	color: #fff;
	border: none;
	cursor: pointer;
	background-color: #a01113;
}

input:hover.button, 
a:hover.button-alt, 
button:hover.button {	
	background-color: #2a2a2a;
}

div.jigoshop_message {
	position: absolute;
	top: -50px;
	right: 0;
	padding: 5px;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
}

div.jigoshop_message a.button {
	font-size: 12px;
	padding-top: 6px;
	padding-bottom: 4px;
	margin-left: -5px;
}

.shop_table.cart {
	margin-bottom: 40px;
	width: 100%;
	position: relative;
}

td.product-price {
	text-align: center;
}

td.product-quantity {
	text-align: center;
}

td.product-subtotal {
	text-align: right;
}

td.actions a.button-alt {
	position: absolute;
	right: 0;
}

.cart_totals {
	text-align: left;
	float: right;
}

.cart_totals table tbody tr td {
	text-align: right;
}

form.shipping_calculator {
	clear: both;
}

p.total {
	margin-top: 10px;
	border-top: 1px dotted #333;
	padding-top: 5px;
	text-align: right;
}

p.buttons {
	margin-top: 10px;
}

p.buttons a {
	font-size: 11px;
}

.widget_shopping_cart a.button {
	font-size: 12px;
	padding: 2px;
	margin-top: 28px;
}

a.checkout {
	float: right;
}

ul.product_list_widget li img,
ul.cart_list li img {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

ul.product_list_widget li,
ul.cart_list li {
	clear: both;
	padding-bottom: 12px;
}

.price_slider {
	margin-bottom: 10px;
	margin-top: 15px;
}

.jigoshop_error {
	position: absolute;
	top: -67px;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.84);
	width: 96%;
	left: 0;
	padding: 8px 2%;
	border: 3px solid #a01113;
}

textarea#order_comments {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	height: 50px;
}

#customer_details .col-1 {
	width: 45%;
	float: left;
}

#customer_details .col-2 {
	float: right;
	width: 45%;
}

.col-1 input.input-text,
.col-2 input.input-text {
	width: 100%;
}

h3#order_review_heading {
	clear: both;
}

table.shop_table {
	width: 100%;
}

table.shop_table thead {
	text-align: left;
	font-size: 18px;
}

table.shop_table small {
	font-size: 10px;
	font-style: italic;
}

table.shop_table td.product-name {
	padding: 10px 0;
}

table.shop_table tfoot td {
	padding: 4px 0;
}

div#payment {
	margin-top: 20px;
}

ul.payment_methods {
	list-style: none;
}

/* @end */

/* Tablet Layout: 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
		
	.wrap {
		width: 90%;
		margin: 0 auto;
	}
	
	#logo,
	#text-logo {
		width: 90%;
	}
	
	.page-content {
		margin-right: 0;
		width: 60%;
	}
	
	.header-content {
		width: 100%;
	}
	
	.header-bar {
		padding-left: 2%;
		padding-right: 2%;
	}
	
	#logo,
	#text-logo {
		left: 20px;
	}
	
	.staff-list {
		margin-right: 0;
		width: 500px;
	}
	
	.staff-list article {
		margin-right: 0;
	}
	
}

/* All Mobile */

@media only screen and (max-width: 767px) {
	
	.wrap,
	#logo,
	#text-logo {
		width: 90%;
		margin: 0 auto;
	}
	
	.page-content {
		width: 90%;
		margin: 0 auto 20px;
		float: none;
		position: relative;
		top: auto;
		padding-right: 2%;
		padding-left: 2%;
	}
	
	h2.title,
	article h1, 
	h1.page-title,
	.page-content h1 {
		margin-left: -2%;
	}
	
	.header-content {
		background: none;
		width: 100%;
		height: auto;
		margin-bottom: 40px;
	}
	
	header {
		position: relative;
		background: none;
		height: auto;
		margin-bottom: 0;
	}
	
	#logo,
	#text-logo {
		position: relative;
		top: auto;
		width: 90%;
		height: auto;
		float: none;
		left: auto;
		text-align: center;
		margin: 10px auto;
	}
	
	#supersized,  
	.header-bar,
	#supersized-loader { 
		visibility: hidden; 
		display: none; 
	}
	
	nav.mobile {
		display: block;
		width: 90%;
		margin: 0 auto 20px;
	}
	
	nav.mobile ul {
		text-align: center;
	}
	
	nav.mobile li {
		float: none;
		display: inline-block;
		font-size: 16px;
		margin-right: 5px;
		margin-left: 5px;
		margin-bottom: 10px;
	}
	
	nav.mobile li a {
		color: #fff;
		background-color: transparent;
		background-color: rgba(0, 0, 0, 0.84);
		padding: 3px 7px;
	}
	
	nav.mobile li a:hover,
	nav.mobile li.current-menu-item a {
		background-color: #971012;
	}
	
	aside.sidebar {
		clear: both;
		width: 100%;
		float: none;
		overflow: hidden;
		margin: 0 auto;
	}
	
	aside.sidebar nav {
		display: none;
	}
	
	aside.sidebar .widget {
		float: left;
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
	
	input#author,
	input#url,
	input#email,
	textarea#comment {
		width: 90%;
	}
	
	.staff-list {
		width: 90%;
		margin: 0 auto;
	}
	
	.staff-list article {
		margin: 0 auto 40px;
		width: 90%;
		height: auto;
		padding-bottom: 0;
	}
	
	.staff-list article p.contact {
		position: relative;
		top: auto;
		width: 90%;
		left: auto;
		padding-top: 20px;
	}
	
	.staff-list article img {
		margin-bottom: 0;
	}
	
	.staff-list p.staff-title {
		margin-bottom: 15px;
	}
		
	footer {
		position: relative;
		float: none;
	}
	
	footer p {
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}


/* Smart Phones Under 480px */

@media only screen and (max-width: 479px) {
	
	.staff-list {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	
	.staff-list article {
		padding: 0;
		text-align: center;
	}
	
	.staff-list article p {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.staff-list article img {
		float: none;
		margin: 0 auto;
	}
	
	.staff-list article h4 {
		font-size: 24px;
		margin-bottom: 0;
		position: relative;
		clear: both;
		background-color: #a01113;
		left: auto;
		top: auto;
		text-align: left;
		padding: 4px 10px; 
	}
	
	.staff-list p {
		text-align: left;
	}
	
	.wrap,
	footer,
	.header-bar { 
		display: block; /* hide for fade in */ 
	}
	
	aside.sidebar .widget {
		float: none;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
}

/* Internet Explorer Styles */

.ie7 header,
.ie8 header,
.ie7 .page-content, 
.ie8 .page-content,
.ie7 .staff-list article, 
.ie8 .staff-list article, 
.ie7 aside.sidebar .widget,
.ie8 aside.sidebar .widget,
.ie7 aside.sidebar nav a, 
.ie8 aside.sidebar nav a, 
.ie7 aside.sidebar nav a:visited, 
.ie8 aside.sidebar nav a:visited, 
.ie7 .current-menu-parent ul.sub-menu li a,
.ie8 .current-menu-parent ul.sub-menu li a {
	background: none;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
}

.ie7 aside.sidebar nav .current-menu-item a,
.ie8 aside.sidebar nav .current-menu-item a, 
.ie7 aside.sidebar nav a:hover, 
.ie8 aside.sidebar nav a:hover,
.ie7 .current-menu-parent ul.sub-menu li a:hover,
.ie8 .current-menu-parent ul.sub-menu li a:hover {
	background-color: #971012;
	filter: none;
	-ms-filter: none;
}

.ie7 p.header-links,
.ie8 p.header-links {
	height: 30px;
	width: 600px;
}