@media screen and (max-width: 960px) {
	#header {
		width:960px;
	}
	
	#headerInner {
		width:960px;
		height:35px;
		margin:0 auto;
		clear:both;
	}
	
	#header a.logo {
		float:left;
		margin-right:25px;
	}
	
	#contact {
		width:100%;
	}

	#contactInner {
		width:960px;
	}
}

@media screen and (max-width: 640px) {
	#header {
		width:100%;
		padding:0;
		height:auto !important;
	}
	
	#headerInner {
		width:100%;
		margin:0 auto;
		clear:both;
		text-align:center;
		height:auto !important;
	}
	
	#headerInfo {
		width:100%;	
	}
	
	#header a.logo {
		display:none;
		width:94%;
		clear:both;
		margin:0 auto;
		float:none !important;
	}

	#header a.homeLogo {
		display:block;
		width:94%;
		clear:both;
		margin:0 auto;
		float:none !important;
	}
		
	.fontSize {
		display:none;
	}
	
	#contact {
		width:100%;
		clear:both;
	}
	
	#contactInner {
		width:94%;
	}
	
	#contactInner p {
		float:left !important;
		color:#fff !important;
		font-size:1.6em !important;
		line-height:2.3em !important;
		padding:0 !important;
	}

	#contactInner p.social {
		display:none;
	}
	
	#header h1 {
		font-size:1.7em;	
		font-weight:700;
		text-align:center;
		letter-spacing:-1px;
	}
	
	#header p {
		color:#999;
		font-size:1.2em;
		text-align:center;
		line-height:1.3em;
	}
	
	#rightTabs {
		display:none;
	}
	
	ul#nav {
		display:none;
		height:auto;
		width:100%;
		padding:0;
		margin:10px auto;
		clear:both;
	}

	ul#nav li {
		float:left;
		list-style-type:none;
		background:none;
		text-align:center !important;

	}

	ul#nav li:hover {
		background:none;

	}

	ul#nav li a {
		display:block;
		background:url(../images/mobileNavItem.jpg) no-repeat !important;
		background-position:0px 0px;
		height:35px;
		width:134px;
		font-size:1.4em;
		font-weight:400;
		line-height:2.3em;
		color:#666;
		padding:0;
		margin:3px 8px;
		text-align:center;
	}

	ul#nav li a:hover, ul#nav li a:focus, ul#nav li a:active  {
		text-decoration:none;
		background-position:-137px 0px !important;
	}

	ul#nav li:hover ul {
		display:none;
	}

	ul#nav li ul li:hover ul {
		display:none;
	}
	
	.home {
		display:none;
	}
	
	.onlineStore {
		display:block;
	}
	
	#content {
		width:auto;
		margin:0 auto;
		padding:10px;
		height:auto;
		min-height:90px;
	}
	
	#homeContent {
		display:none;
	}
	
	#footer {
		width:100%;
		
		border-top:1px solid #0081F4;
		margin:10px 0 0 0;
	}
	
	#footerInner {
		width:100%;
		margin:0 auto;
	}
	
	#footer p {
		font-size:1.1em;
		color:#c2c2c4;
		width:100%;
		padding:6px 10px 6px 10px;
		float:left;
	}
	
	#accessibility {
		float:none;
		clear:both;
		margin:25px 0 0 0;
		text-align:center;
	}
		
	.catBoxRight p, .candleBoxRight p {
		padding-bottom:7px;
		line-height:1.3em;
		font-size:1.2em;
	}
	
	.catBox, .candleBox {
		width:80%;
		border:2px solid #EEEEEE;
		margin:0 auto 30px auto;
		padding:5px 25px 20px 25px;
	}

	.catImage {
		width:100%;
		padding:0;
	}
	
	.candleImage, .candleBoxRight {
		width:100%;
	}
	
	.catBox img {
		width:100%;
		max-width:307px;
		max-height:215px;
		margin:0 auto;
		float:left;
	}
	
	.candleBox img {
		margin-top:20px;
		width:100%;
	}
	
	.catBoxRight {
		width:100%;
		float:right;
		margin:10px 0 0 0;
		clear:both;
	}
	
	.catBoxRight p.links, .candleBoxRight p.links {
		font-size:1.2em;
		padding-top:10px;
	}
	
	.tables {
		padding:15px 0 30px 10px;
		width:94%;
	}
	
	.tables img {
		float:left;
		margin-bottom:10px;
		width:100%;
		padding:0;
		margin:0 0 0 -10px;
	}
	
	.tables table { 
		margin:40px auto;

		width:100%;
	}
	
	.tables table td, .tables table th {
		padding:18px 5px;
	}

	.bigTable {
		margin-bottom:30px !important;
		width:100%;
	}
	
	.bigTable td, .bigTable th {
		padding:18px 0px !important;
	}
	
	#prodImgCol, #prodImgColSmall, #prodImgColSmall2 {
		width:100%;
	}
	
	#mobileNav {
		display:block;
	}
	
	.highslide-gallery {
		padding:0;
	}
	
	#usefulLinksTable {
		width:100%;
		margin:0;
	}
	
	.contactCentre .address {
		width:100%;
		text-align:center;
	}
	
	.contactCentre .map {
		width:100%;
	}

	.featList {
		clear:both;
		width:260px !important;
	}

	.tableLeft {
		margin-bottom:30px !important;
	}
	
	.tableLeft td {
		text-align:left !important;
	}
	
	#prodImgColSmall {
		width:100%;
		float:left;
	}
	
	p.candleList a {
		line-height:2em;
	}
	
	.largeimg {
		text-align:center;
		width:96% !important;
		margin:0;
	}
	
	.rowOfGlass {
		text-align: center;
		margin:0;
		width:100% !important;
	}
	
	.rowOfGlass tr td {
		padding:10px 5px 0 5px;
	}
	
	.printingLrg {
		width:100% !important;
		margin:0;
	}
}