/*  CSS designed by allwes design | allwes.com/webdesign */

@import url(structure.css);
@import url(nav.css);
@import url(style.css);
@import url(list.css);

@media only screen and (orientation: portrait) and (max-width: 768px)
{

#container { width: 100%; margin: 0 auto; }
#brandingLogo { background: url(../images/branding_logo.png) no-repeat center top; background-size: 100%; display: block; height: 50px; width: 50%; max-width: 212px; margin: 0 auto -1em; z-index: 10; float: none;}

#branding {
	width: 100%; height: 90px;
	background-size: contain;
	background-position:bottom;
	margin: 0 auto 1em; z-index: 3; float:left;
	}


	#branding h1 a {
	display: block;
	overflow: hidden;
	height: 0;
	width: 100%;
	padding-top: 0;
}
	
#mainNav { width: 100%; height: auto; padding: 0 1em; }
	#mainNav li { display:inline-block; text-align:center; }
	#mainNav a { margin-bottom: 1em; display:inline-block;}
	
	
#content { width:100%; padding-bottom: 0; margin-bottom: 0;}
	#mainContent { width: 98%; padding: 0; margin: 2em auto 0; clear: both; }

ul#gift { padding: 0 .5em; }
	ul#gift li {  padding: 2em 1.3em; margin: 0 0 2em; }
	#contentpage ul#gift li { padding: 2em 1.3em; margin: 0; }

	.prodImg { float:none; margin: 0 auto 1em; text-align: center; width: 100%;}

	.prodImg img { width: 100%;}
	.prodInfo { margin: 0; padding: .5em 0 0 0;}


h2 { text-align: center; font-size: 2.5em;}	
	p.warnings { background: #600; margin: .4em 0 -.5em;padding: .4em 0; color: #C69C6D;
	clear:both;	font-size: 2em; text-align: center; }
}