



/*
================
MOBILE LAYOUT
================
*/
 


@media only screen and (max-width: 556px) { 
	
		
	.header {
		/* background:url(pics/page/header-mobile.jpg) no-repeat top left; 
		height:87px; */
		width:235px;
	}
	
			
	.footer {
		/* background:url(pics/page/header-mobile.jpg) no-repeat top left; 
		height:87px; border:1px blue solid;*/
		width:235px;
		
	}
	
	
	
	.pagewrapper {		
		/*background:url(pics/page/pagewrapper-bkgnd-extrasmall.jpg) repeat top left;*/
		width:235px;
		left:50%;
		margin-left:-118px;
		position:absolute;	
		margin-top:10px;
		padding-left:0px;
		padding-right:0px;
		/* border:1px red solid; */
	}
	
	
	.framewrapper {
		width:235px;
		margin-left:0px;
		margin-right:0px;
		margin-top:-0px;
	/* 	border:1px green solid; */
	}
	
	
		
	.middlepagewrapper {
		
	}
	
	.innerpagewrapper {		
		/* background:url(pics/page/pagewrapper-bkgnd-small.jpg) repeat top left;	border:1px blue solid; /* */
		
		
		width:235px;
		margin-left:0px;
		
	
	}
	
	
	
	.contentwrapper {          /* mobile */
		padding:0px;
		background-color:#FFFFFF;
		margin-top:0px;
		width:235px;
		
	}
	

		
	
	.contentmiddle {	
		margin-left:10px;
		width:215px;

		/* border:4px pink solid; */
	
		/* you can put a background image for the entire content block here */
		
	}
	
	.contentbottom {
		
		/* you can put a background image for the bottom
		of the content block here, as a footer */
		
	}
	
.banner {	          /* mobile */	
/* 	background:url(pics/page/banner-mobile.jpg) no-repeat top left;
	height:81px; */
}


.form-wide-1 {
	display:none;
}

.form-narrow-1 {
	display:block;
	width:214px;
}



.form-wide-2 {
	display:none;
}

.form-narrow-2 {
	display:block;
	width:214px;
}



.form-wide-3 {
	display:none;
}

.form-narrow-3 {
	display:block;
	width:214px;
}


.form-wide-4 {
	display:none;
}

.form-narrow-4 {
	display:block;
	width:214px;
}


.form-wide-5 {
	display:none;
}

.form-narrow-5 {
	display:block;
	width:214px;
}


.story-width-1 {
	width:214px;		
}
	
.story-width-2  {	
	width:214px;	
}

.story-width-3  {	
	width:214px;	
}
	
	
.story-width-4 {	
	width:214px;			
}
	
.story-width-5  {	
	width:214px;			
}
	
	
.col3div  {	           /* extra small */
		float:none;
		width:440px;		
		padding-right:0px;
	}	
	
.form-text {
	width:200px;
	float:none;
	text-align:left;
	padding-top:4px;
	padding-right:6px;
	padding-bottom:4px;
}

.form-field-wrapper {
	width:200px;
	float:none;
	text-align:left;
}

.form-field {
	width:180px;
}

	
	.extralarge {           /* mobile */
		display:none;
	}
	
	.large {          /* mobile */
		display:none;
	}
	
	.small {          /* mobile */
		display:none;
	}
	
	.extrasmall {          /* mobile */
		display:none;
	}
	
	.medium {          /* mobile */
		display:none;
	}
	
	.mobile {          /* mobile */
		display:block;
	}
	
		
	.outerpagewrapper {          /* mobile */
		
		width:234px;
		left:50%;
		margin-left:-117px;
		position:absolute;
		
	}
	
	
	.innerpagewrapper {          /* mobile */
		width:234px;	
	}
	

	
	.footer {
		background-image:none;
		height:5px;
	}
	
	.rainbowfooter {
		padding-left:0px;
		padding-right:0px;
		font-size:11px;
		margin-top:0px;
		width:235px;
	}	
	
	.rainbowfooter-left {
		text-align:left;
		float:none;
		font-size:11px;
		width:214px;
	}
	
	
	.rainbowfooter-right {
		text-align:left;
		float:none;
		font-size:11px;
		width:214px;
	}
	
	
	.menubar {          /* mobile */
		display:none;
	}

	
	.dropwndownmanu {          /* mobile */
		padding-left:10px;
		display:block;
		background-color:#FFFFFF;
		margin-bottom:0px;
		height:22px;
	}
	
	body {          /* mobile */
		padding: 0px;
		padding-top:0;
		width: 234px;

		background-image: none;
	}   
	
	.col1div  {	          /* mobile */
		float:none;
		width:214px;	
		padding-right:0px;	
		display:block;	
	}
	          
	.col2div  {	/* mobile */
		float:none;
		width:214px;		
		padding-right:0px;
		display:block;
	}
	
	.col12div {          /* mobile */
		width:214px;	
		float:left;		
		padding-right:20px;
		display:none;
	}
	
	.col13div {          /* mobile */
		width:214px;	
		float:left;		
		padding-right:0px;
		display:none;
	}
	
	.col3div  {	          /* mobile */
		float:none;
		width:214px;		
		padding-right:0px;
	}
	
	.col4div  {	          /* mobile */
		float:none;
		width:214px;		
		padding-right:0px;
	}
	
	.col5div  {	          /* mobile */
		float:none;
		width:214px;		
		padding-right:0px;
		display:block;
	}
	
	
	.featuredpagespaneldivider {          /* mobile */
		display: block;
	}
	
	
	.form-wide {          /* mobile */
		display: none;
	}
	
	.form-medium {          /* mobile */
		display: none;
	}
	
	.form-narrow {          /* mobile */
		display: block;
		width:214px;
	}
	
	
	
	.featured-pages-small-div {          /* mobile */
		clear:both;
	}
	
	.featured-pages-small-pic {          /* mobile */
		float:left;
		clear:both;
		margin-right:10px;
	}
	
	.featured-pages-small-pagename {          /* mobile */
		float:left;
		margin-top:30px;
		width:100px;
		text-align:left;
	}
	
	.large-layout-left-column-filler {          /* mobile */
		display:none;
		float:left;
	}
	
	
	.products-pic {          /* mobile */
		width:200px;
		float:none;
		text-align:left;
	}
	
	
	
	.products-info {          /* mobile */
		float:none;
		padding-left:0px;
		padding-top:6px;
	}
	
	
	.products-text {          /* mobile */
		float:none;
		width:214px;
		margin-right:10px;
	}
	
	.products-prices {          /* mobile */
		width:214px;
		float:none;
		text-align:left;
		margin-right:10px;
		background-color:#FFFFFF;
		height:33px;
		padding-top:4px;
		padding-right:10px;
	}
	
	.products-addtocart {          /* mobile */
		width:214px;
		float:none;
	} 	
	
	
	
	
}




