/*********************************************************************************/
/* Mobile (<= 480px)                                                             */
/*********************************************************************************/



/* Basic */

	body {
		
		font-size: 1em;
	}
	
		h2,h3,h4 {
		color: #1155a8;
		font-weight: normal;
		margin:5%;
		
	}
	
		h1{

		text-align:center;
	}
	

	h2 {

		line-height:20px;
	}

	h3 {

		line-height:20px;
	}

	h4 {
		font-size: 1.1em;
	}
	
	p{
		margin:5%;
		width:95% !important;

		}

/* Reusable */

.hdiv {
	background-image: url(images/mobile-section-shadow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:60px;
	clear:both;
}

.hdivsmall, .productdivsmall {
	background-image: url(images/mobile-section-shadow-small.png);
	background-repeat: no-repeat;
	background-position: center center;
	height:auto;
	line-height:10px;
	margin-top:10px;
}



	ul.small-image-list img {
		width: 75px;
	}

	ul.big-image-list img {
	width: 85%;
	background-position:center;
	text-align:center;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border: solid 5px #fff;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	margin-right: 10%;
	}


	


	ul.link-list {
		margin: 0 0 2em 0;
	}

	section, article {
		
	}

	#main section, #main article {

		margin-top:auto;
	}



	.blog-post h2 {
		color:#ac2d94;
	}

	.button {
		font-size: 1em;
	}

	.blog-post-image {

			background: #fff url('images/bg04.png');
	border: 5px solid #fff;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-o-border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    width: 95%;
	}

/* Header */



	#header-wrapper {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;		
	}

	#header {
		position: relative;
		margin: auto;
		padding: auto;
		height: 5px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center top;

	}
	
	#header h1 {
	top: 0px;
	background-repeat:no-repeat;
	display:block;
	background-image: url(../images/logo.svg);
	background-position: center center;	
	z-index:998;
	height:150px;
	left:0px

		}

/* Banner */		


	#banner-wrapper {
	margin-top:120px;
	height: auto;
	background-color:#1986E5;
	color:#FFF;
	background-repeat: repeat;
	box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.15) inset;
	}

	#banner {
	position: relative;
	width: 100%;
	background-size: 100% 100%;
	}	

		
		#banner h2 {
			position: absolute;
			z-index: 1;
			width: 100%;
			bottom: 80px;
			left: 0;
			font-size: 2em;
			color: #fff;
			text-align: center;
			letter-spacing: -2px;
		}
		
		#banner span {

		}
		
	.mi-slider nav {
		display: none;
	}

/* Main */

	#main {
		margin-top: 14px;
	}
	
		.quicklink-bg
	{
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-o-border-radius: 10px;
	box-shadow: 0px 2px 2px 1px rgba(128, 128, 128, 0.5);
	padding: 10px;
	background: #fff;
	background-repeat: repeat;
	line-height:10px;

	
	}
	
		ul.otherlinks img {
	width: 40%;
	background: url("images/bg04.png") repeat scroll 0 0 #fff;
    border: 5px solid #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
	height:auto;
	margin:5px;
	}
	
		.quicklink-bg h2 {


	}
	
			
/* products */
	#product-wrapper
	{
	background: none repeat scroll 0 0 #fff;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-o-border-radius: 20px;
    box-shadow: 2px 2px 2px 2px rgba(125, 125, 125, 1);
	padding: 40px 0 130px 0;
	}
	


.mobgap {
	background-image: url(images/mobile-section-shadow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:60px;

}


.gap2 {
	height: 10px;

}

.headergap {
	line-height:170px;
	background-attachment: scroll;
	background-color: rgba;

	background-repeat: no-repeat;
	background-position: center bottom;
}

.vdiv {
    background: url("images/mobile-section-shadow.png") no-repeat scroll 0 bottom rgba(0, 0, 0, 0);
    padding-top: 20px;
	width:100%;
	background-position:center;
	line-height:50px;
}


#addtocart-wrapper{
	text-shadow: none;
	background-color:#f5cdff;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-o-border-radius: 10px;
	box-shadow: 2px 2px 2px 1px rgba(128, 128, 128, 0.5);
	padding: 10px;
	height:240px;
	width:100%;
	text-align:center;
	line-height:10px;
		}
		
	#addtocart-wrapper li{
			color: #ac2d94;
			text-shadow:none;
			font-size:1.0em;
			float:right;

		}
		
	#addtocart-wrapper select{
			color: #ac2d94;
			text-shadow:none;
			background-color:#fff;
			padding:3px;
			font-size:.8em;
			text-align:center;
			float:right;
			border:none;

		}

/* Footer */
#footer-wrapper {
		padding: 10px ;
		box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.15) inset;
		background: #d270eb;
		color:#ffc9f3;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);

		  
	}
	
#footer-wrapper li a {
		color: #fff;
		text-decoration: none;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		
	}
	
		#footer-wrapper li a:hover {
			text-decoration:underline

	}
	
		#footer-wrapper h2 {
		color:#ffc9f3;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		font-size:1.2em

	}

		#footer-wrapper h3 {
		color:#ffc9f3;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		font-size:20px;
		text-decoration:underline;
		  
	}
/* Copyright */

	#copyright {
		text-align: center;
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		border-top: solid 1px #ced0b7;
		padding: 10px;
		margin: 1% 0 0 0;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-o-border-radius: 10px;
		background-image: url(images/bg-1.jpg);
		box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.15) inset;
	}

		#copyright a {
			color: #ffc9f3;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		}
		
#productlinks{
	display: none;
	}
	
/*********************************************************************************/
/* Mobile UI                                                                     */
/*********************************************************************************/
.minimenu{display:block; margin: 5px 0; }

#header nav{display:none}