/*  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: 800px)
{

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

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


	#branding h1 a {
	display: block;
	overflow: hidden;
	height: 0;
	width: 100%;
	padding-top: 0;
}

#content { width:100%;}
#mainContent { margin: 0 auto; width:95%; min-width:550px;}

ul#gift { padding: 0 .5em; }
	ul#gift li {  padding: 70px 1.3em 2em; margin: 0 0 3em; }
	#contentpage ul#gift li { background-image: none; padding: 2em 2em; }

	.prodImg { float:none; margin: 0 auto; text-align: center;}
	.prodInfo { margin: 0 0 0 2em; 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; }
}