/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */
@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 450px) {



body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	background-image:url(../img/background.jpg);
	background-repeat:repeat-x;
}
#wrapper { /* ever thought about doing away with the #wrapper and just using the body as the wrapper? */
	max-width: 320px;
	margin: 0 auto;
}

header {
	width: 320px;
	/*float: left;*/
}

h1{
	font-size:18px !important;	
}

h3{
	font-size:18px !important;	
}
header #phone {
	display: none;
}
	/*
	header span#logo a {
		display: none;
	}	
		header #phone span {
			display: none;
		}
			header #phone span#tel-no {
				display: none;
			}
	*/
	header ul#mainMenu {
		list-style: none;
		/*float: left;*/
		max-width: 320px;
		height: 50px;
		margin-top: 26px;
	}
	
		header ul#mainMenu li {
			float: left;
			border-right: 1px solid #AEBED8;
			border-left: 1px solid #30529D;
		}
		
		header ul#mainMenu li.first {
			border-left: none;
		}
		
		header ul#mainMenu li#order {
			border-right: none;
		}
		/**/
			header ul#mainMenu li a, header ul#mainMenu li a:visited, header ul#mainMenu li#order a:hover {
				color: #FFFFFF;
				font-weight: bold;
				padding: 10px 10px;
				font-size: 11px;
				display: block;
				/*float: left;*/
			}
			
			header ul#mainMenu li#order a,  header ul#mainMenu li#order a:visited, header ul#mainMenu li a:hover {
			color: #ffca01;
		}

#sliderContainer {
	display: none;
}

#right-column {
	
}

.quote-wide{
	max-width:300px;
}
#left-column div.quote-wide p{
	max-width:250px;
}

/*
#video {
	display: none;
}

#video iframe {
	display: none;
}

#right-column .product_sidebar {
	display: none;
}
*/
footer {
	display: none;
}

.contentcontainer, .contentcontainercent {
	float: left;
	max-width: 320px;
	padding: 15px;
	background-color:#F9F9F9;
	border: 1px solid #CCCCCC;
	margin: 15px 14px 15px 0;
}

#advert{
	display:none;
}


#left-column {
	max-width:320px;
}
/**/
/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you j.mp/textsizeadjust 
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */

}

/* print styles */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}