@charset "utf-8";
/* CSS Document */

/* --------------------------------------------
   HTML5 Doctor Reset
-------------------------------------------- */

html, body, div, span, object,/* iframe,*/
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, 
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
blockquote, q { quotes: none; width: 80%; margin: 0 auto; font-size: 120%;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
body { font:13px/1.231 sans-serif;}
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: Arial, Helvetica, sans-serif; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong { font-weight: bold; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
/*input:valid, textarea:valid {margin: 0;  }*/
/*input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }*/
/*.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }*/
::-moz-selection{ background: #000; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
body, select, input, textarea { color: #444; }
/*h1, h2, h3, h4, h5, h6 { font-weight: bold; }*/
body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, sans-serif; }
a {text-decoration: none;}
.tickboxes{float: left; position: relative; left: 37%; clear: left;}
.bold600{font-weight: 600;}
.navwrapper{margin:-4.6rem 0 0 0;}
.validation{
position: relative;
top: -15px;
left: 36%;		
}
/*controls for size of responsive menu controls */
.toggleMenu {
display:  none;
/*padding top bottom and left*/
padding: 10px 0 10px 15px;
margin: 8% 0 0 0;
color: #fff;
background: #900;
width:100%;
float:left;	
}
/*controls for the set state of navigation*/
/*blue background gradient colour*/
.nav {
	margin-top: 7.4%;
    list-style: none;
    background: #435896; /*Old Browsers*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#435896), color-stop(1%,#435896), color-stop(40%,#516ab5), color-stop(60%,#516ab5), color-stop(100%,#435896)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #435896 1%, #435896 1%, #516ab5 40%, #516ab5 60%, #435896 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top, #435896 1%, #435896 1%, #516ab5 40%, #516ab5 60%, #435896 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top,  #435896 1%, #435896 1%, #516ab5 40%, #516ab5 60%, #435896 100%); /* IE10+ */
	background: -o-linear-gradient(top,  #435896 1%, #435896 1%, #516ab5 40%, #516ab5 60%, #435896 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #435896 1%, #435896 1%, #516ab5 40%, #516ab5 60%, #435896 100%); /* W3C */
background: url(data:image/svg+xml;base64,IzUxNmFiNSAwJSwgIzQzNTg5NiA0MCUsICM0MzU4OTYgNjAlLCAjNTE2YWI1IDEwMCUsICM1MTZ
hYjUgMTAwJQ==);
    border-top: 2px solid #e78c39;
    border-bottom: 1px solid #E78C39;
}
.nav:before,
.nav:after {
	content: " ";
	display: table;
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
/*spacing of main menu names*/
.nav a {
	padding: 10px 3.07rem;
	color:#e9e9e9;
	font-weight: 700;	
}

/*hover state of main menu*/
.nav a:hover{
	background: #516ab5; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516ab5), color-stop(40%,#435896), color-stop(60%,#435896), color-stop(100%,#516ab5), color-stop(100%,#516ab5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #516ab5 0%, #435896 40%, #435896 60%, #516ab5 100%, #516ab5 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top, #516ab5 0%, #435896 40%, #435896 60%, #516ab5 100%, #516ab5 100%); /* FF3.6+ */
background: -o-linear-gradient(top,  #516ab5 0%, #435896 40%, #435896 60%, #516ab5 100%, #516ab5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #516ab5 0%, #435896 40%, #435896 60%, #516ab5 100%, #516ab5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #516ab5 0%, #435896 40%, #435896 60%, #516ab5 100%, #516ab5 100%); /* W3C */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,IzUxNmFiNSAwJSwgIzQzNTg5NiA0MCUsICM0MzU4OTYgNjAlLCAjNTE2YWI1IDEwMCUsICM1MTZ
hYjUgMTAwJQ==);*/
	color: #FFF;
}


.nav li {position: relative;}
.nav > li {float: left; /* border-top: 1px solid #e78c39;*/}
.nav > li > .parent {background-image: url(../images/downArrow.png); background-repeat: no-repeat; background-position: 94%;}
/*make right out arrow here*/
/*.nav > li >  ul> li>  .parent {
	background-image: url(../images/rightArrow.png);
	background-repeat: no-repeat;
	background-position: 94%;
}*/
.nav > li > a {display: block;}
.nav li  ul {position: absolute; left: -9999px; }
.nav > li.hover > ul {left: 0; }
.nav li li.hover ul {left: 100%; top: 0;}
/*drop down menu controls*/
.nav li li a {
	display: block;
    background: #435896; /*Old Browsers*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#435896), color-stop(1%,#435896), color-stop(40%,#516ab5), color-stop(60%,#516ab5), color-stop(100%,#435896)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #435896 1%, #435896 1%, #516ab5 40%, #516ab5 60%, #435896 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top, #435896 1%, #435896 1%, #516ab5 40%, #516ab5 60%, #435896 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top,  #435896 1%, #435896 1%, #516ab5 40%, #516ab5 60%, #435896 100%); /* IE10+ */
	background: -o-linear-gradient(top,  #435896 1%, #435896 1%, #516ab5 40%, #516ab5 60%, #435896 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #435896 1%, #435896 1%, #516ab5 40%, #516ab5 60%, #435896 100%); /* W3C */
	position: relative;
	z-index:100;
    border-top: 1px solid #e78c39;
	width: 91%;
	 padding: 10px 1.13em;
}

.nav li li li a {
    background: #435896; /*Old Browsers*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#435896), color-stop(1%,#435896), color-stop(40%,#516ab5), color-stop(60%,#516ab5), color-stop(100%,#435896)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #435896 1%, #435896 1%, #516ab5 40%, #516ab5 60%, #435896 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top, #435896 1%, #435896 1%, #516ab5 40%, #516ab5 60%, #435896 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top,  #435896 1%, #435896 1%, #516ab5 40%, #516ab5 60%, #435896 100%); /* IE10+ */
	background: -o-linear-gradient(top,  #435896 1%, #435896 1%, #516ab5 40%, #516ab5 60%, #435896 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #435896 1%, #435896 1%, #516ab5 40%, #516ab5 60%, #435896 100%); /* W3C */
	z-index:200;
     border-top: 1px solid #36f;	
}
.test{border-right: 1px solid #e78c39;}
.currantpage{color: #FFF !important;}
.sitemapvi{list-style-type: none; padding-bottom: 10px; font-size: 120%; font-weight: 700;}

	
/*Make classes here for controls for mega menu*/
/*Home menu*/
/*Megamenu controls*/
/*1st driop down*/
.home{display: none; visibility:hidden;}
.accessibility{}
/*2nd driop down*/
.shop{width:118% !important;}
.store{width:120% !important;}
.phone{width:132.5% !important;}
.contact{width:119% !important;}
/*.tool{float: left; left: -66%; width:77% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369; font-size: 98%; }
.kitchen {float: left; left: 37%; margin-top: -37px; width:55% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.party {float: left; left: 118%; margin-top: -37px; width:65% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.gift{float: left; left: 209%; margin-top: -37px; width:85% !important; border-right-width: 1px;  border-right-style: solid; border-right-color: #369;}
.light{float: left; left: 320%; margin-top: -37px; width:45% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.decor{float: left; left: 391%; margin-top: -37px; width:51% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.food{float: left; left: 468%; margin-top: -37px; width:71.5% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.hygiene{float: left; left: 565%; margin-top: -37px; width:46% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.clean {float: left; left: 637%; margin-top: -37px; width:52% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}*/
/*.stationery{float: left; left: 715%; margin-top: -37px; width:50% !important;}*/
/*3rd drop down*/
/*.unlock{float: left; left: -156%; width:91% !important; border-right-width: 1px;  border-right-style: solid; border-right-color: #369;}
.accessories{float: left; left: -39%; margin-top: -37px; width:103% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.tandc{float: left; left: 89%; margin-top: -37px; width:184% !important;}*/
/*4th drop down menu*/
/*.laptop{float: left; left: -117%;  width:91% !important; border-right-width: 1px;  border-right-style: solid; border-right-color: #369;}
.desktop{float: left; left: 0%; margin-top: -37px; width:89% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.pcaccess{float: left; left: 115%; margin-top: -37px; width:116% !important*/;}
/*6th drop down menu*/
/*.location{float: left; left: 0%; width:77% !important; border-right-width: 1px;  border-right-style: solid; border-right-color: #369;}
.opening{float: left; left: 103%; margin-top: -37px; width:116% !important;}*/

@media screen and (max-width: 768px) {
    .active {
        display: block;
		margin-top: -15px;
    }
	.navwrapper {
    margin: 1% 0 0 0;
}
    .nav > li {
        float: none;
	 border-top: 1px solid #e78c39;
 
    }
    .nav > li > .parent {
		background-image:url(../images/updownarrow.png);
		 background-repeat: no-repeat;
        background-position: 95% 70%;
    }
    .nav li li .parent {
		background-image:url(../images/updownarrow.png);
		 background-repeat: no-repeat;
        background-position: 95% 70%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	h1{
	font-size: 20%;
    font-weight: bold;
    float: left;
    padding: 0% 0 0 45%;
    color: #435896;
}

/*controls for size of responsive menu controls */
.toggleMenu {
	display:  none;
	/*padding top bottom and left*/
	padding: 10px 0 10px 15px;
	margin: 0 0 0.5rem 0;
	color: #fff;
	background: #900;
	width: 97.7%!important;
	float:left;	
}
/*Megamenu controls*/
/*1st driop down*/
.home{margin-left: 0; margin-top: 0; width: 105.5% !important; display: block; visibility:visible;}
.accessibility{margin-left: 0; margin-top: 0;  width: 96% !important; display: block; visibility:visible;}



}

/*-------------------------------------------
     <1280px Landscape Smasung Galaxy tab 10.1
---------------------------------------------*/
@media (max-device-width: 1280px) and (orientation: landscape) {
	
/*Megamenu controls*/
/*1st driop down*/
.accessibility{border-right: 1px solid #369; width:72%;}
.sitemap{float: left; margin-left: 115px; margin-top: -37px;}
/*2nd driop down*/
.tool{float: left; left: -68%; width:77% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369; }
.kitchen {float: left; left: 35%; margin-top: -37px; width:57% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.party {float: left; left: 118%; margin-top: -37px; width:65% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.gift{float: left; left: 209%; margin-top: -37px; width:85% !important; border-right-width: 1px;  border-right-style: solid; border-right-color: #369;}
.light{float: left; left: 320%; margin-top: -37px; width:45% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.decor{float: left; left: 390%; margin-top: -37px; width:51% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.food{float: left; left: 467%; margin-top: -37px; width:71.5% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.hygiene{float: left; left: 564%; margin-top: -37px; width:46% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.clean {float: left; left: 636%; margin-top: -37px; width:52% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.stationery{float: left; left: 714%; margin-top: -37px; width:50% !important;}
/*3rd drop down*/
.unlock{float: left; left: -156%; width:91% !important; border-right-width: 1px;  border-right-style: solid; border-right-color: #369;}
.accessories{float: left; left: -39%; margin-top: -37px; width:103% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.tandc{float: left; left: 89%; margin-top: -37px; width:184% !important;}
/*4th drop down menu*/
.laptop{float: left; left: -117%;  width:91% !important; border-right-width: 1px;  border-right-style: solid; border-right-color: #369;}
.desktop{float: left; left: 0%; margin-top: -37px; width:89% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.pcaccess{float: left; left: 115%; margin-top: -37px; width:116% !important;}
/*6th drop down menu*/
.location{float: left; left: 0%; width:77% !important; border-right-width: 1px;  border-right-style: solid; border-right-color: #369;}
.opening{float: left; left: 103%; margin-top: -37px; width:116% !important;}
	
}

/*-------------------------------------------
     <800px portrait Smasung Galaxy tab 10.1
---------------------------------------------*/
@media (max-device-width: 800px) and (orientation: landscape) {
/*Megamenu controls*/
/*1st driop down*/
.accessibility{border-right: 1px solid #369; width:72%;}
.sitemap{float: left; margin-left: 115px; margin-top: -37px;}
/*2nd driop down*/
.tool{float: left; left: -68%; width:77% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369; }
.kitchen {float: left; left: 35%; margin-top: -37px; width:57% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.party {float: left; left: 118%; margin-top: -37px; width:65% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.gift{float: left; left: 209%; margin-top: -37px; width:85% !important; border-right-width: 1px;  border-right-style: solid; border-right-color: #369;}
.light{float: left; left: 320%; margin-top: -37px; width:45% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.decor{float: left; left: 390%; margin-top: -37px; width:51% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.food{float: left; left: 467%; margin-top: -37px; width:71.5% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.hygiene{float: left; left: 564%; margin-top: -37px; width:46% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.clean {float: left; left: 636%; margin-top: -37px; width:52% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.stationery{float: left; left: 714%; margin-top: -37px; width:50% !important;}
/*3rd drop down*/
.unlock{float: left; left: -156%; width:91% !important; border-right-width: 1px;  border-right-style: solid; border-right-color: #369;}
.accessories{float: left; left: -39%; margin-top: -37px; width:103% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.tandc{float: left; left: 84%; margin-top: -37px; width:284% !important;}
/*4th drop down menu*/
.laptop{float: left; left: -117%;  width:91% !important; border-right-width: 1px;  border-right-style: solid; border-right-color: #369;}
.desktop{float: left; left: 0%; margin-top: -37px; width:89% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.pcaccess{float: left; left: 115%; margin-top: -37px; width:116% !important;}
/*6th drop down menu*/
.location{float: left; left: 0%; width:77% !important; border-right-width: 1px;  border-right-style: solid; border-right-color: #369;}

.opening{float: left; left: 103%; margin-top: -37px; width:116% !important;}
}


/* --------------------------------------------
   < 1200px viewport
-------------------------------------------- */			
				
@media (max-width: 1200px) {

	#container { width: 960px; }
		#content { width: 700px; }
		#sidebar { width: 240px; }
		
	header hgroup h1 { font-size: 32px; }
	header hgroup h2 { font-size: 18px; }
	
	header nav { margin-top: 18px; }
		header nav ul li { font-size: 16px; }
		
	#banner { margin-bottom: 20px; }
		
	#content article { margin-bottom: 12px; }
		#content article h3 { font-size: 18px; }
		#content article p { font-size: 14px; }
		
	#sidebar aside { margin-bottom: 12px; }
    #box{display:none;}
}


/* --------------------------------------------
  iPad in landscape
-------------------------------------------- */

/* 	
	TO PREVIEW ON THE DESKTOP, REPLACE THE QUERY WITH THE FOLLOW:
	@media (max-width: 1024px) {  } 
*/
	
@media (max-device-width: 1024px) and (orientation: landscape) {

	#container { width: 768px; }
	#content { width: 540px; }
	#sidebar { width: 208px; }
	
	header { margin-bottom: 12px; }
	
	header hgroup { margin-bottom: 12px; }
	
	header nav { float: none; clear: both; }
	header nav ul { width: 100%; }
	header nav ul li { font-size: 14px; width: 191px; text-align: center; }

	header nav ul li:last-child { width: 192px; }
			
	#banner { margin-bottom: 18px; }
		
	#content article img { float: none; margin: 0 0 10px 0; width: 100%; }
    #box{display:none;}
}


/* --------------------------------------------
  iPad in portrait
-------------------------------------------- */

/* 	
	TO PREVIEW ON THE DESKTOP, REPLACE THE QUERY WITH THE FOLLOW:
	@media (max-width: 768px) {  } 
*/

@media (max-device-width: 1024px) and (orientation: portrait) {

	#container { width: 600px; }
		#content { float: none; width: 600px; margin: 0 0 12px 0; }
		#sidebar { float: none; width: 600px; }
	
	header { margin-bottom: 12px; }
	
	header hgroup { margin-bottom: 12px; }
	
	header nav { float: none; clear: both; }
	
		header nav ul { width: 100%; }
			header nav ul li { font-size: 14px; width: 149px; text-align: center; }
				header nav ul li:last-child { width: 150px; }
			
	#banner { margin-bottom: 18px; }
	
	#content article { padding: 20px; }
		#content article img { float: none; margin: 0 0 10px 0; width: 100%; }
	
	#sidebar aside { background: #A79F91; color: #fff; float: left; width: 250px; min-height: 170px; margin-right: 20px; padding: 20px; }
		#sidebar aside:last-child { margin: 0; }
  #box{display:none;}
  .tool{float: left; left: -69%; width:77% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369; }
  .kitchen {float: left; left: 32%; margin-top: -37px; width:56% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
  .party {float: left; left: 113%; margin-top: -37px; width:64% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
  .gift{float: left; left: 203%; margin-top: -37px; width:84% !important; border-right-width: 1px;  border-right-style: solid; border-right-color: #369;}
  .light{float: left; left: 312%; margin-top: -37px; width:45% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
  .decor{float: left; left: 381%; margin-top: -37px; width:51% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
  .food{float: left; left: 456%; margin-top: -37px; width:71.5% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
  .hygiene{float: left; left: 553%; margin-top: -37px; width:45% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
  .clean {float: left; left: 622%; margin-top: -37px; width:51% !important; border-right-width: 1px; border-right-style: solid; border-right-color: #369;}
.stationery{float: left; left: 697%; margin-top: -37px; width:50% !important;}
  .tandc{float: left; left: 86%; margin-top: -37px; width:184% !important;}
}


/* --------------------------------------------
  Mobile
-------------------------------------------- */

@media (max-width: 600px) {

#container, #content { float: none; width: inherit; }
		#content { margin: 0; }
	
	#sidebar, #banner { display: none; }
	.navwrapper{
		margin: 0;
	}
	
	header { margin: 10px 0 12px 0; text-align: center; }
		header hgroup { width: 100%; margin-bottom: 12px; }
			header hgroup h1 { font-size: 24px; }
			header hgroup h2 { font-size: 14px; }
	
		header nav { float: none; 
		             clear: both; 
					}
			header nav ul { width: 100%; }
				header nav ul li { float: none; display: block; width: 100%; font-size: 14px; text-align: left; border-bottom: 1px solid #36F; }
					header nav ul li:last-child { width: 100%; border-bottom: 0; }
					header nav ul li a { padding: 10px; }
	
	#content article { padding: 10px; -webkit-border-radius: 0; }
		#content article h3 { font-size: 16px; }
		#content article p { font-size: 12px; }
		#content article img { display: none; }
	
	#sidebar aside { background: #A79F91; color: #fff; float: left; width: 250px; min-height: 170px; margin-right: 20px; padding: 20px; }
		#sidebar aside:last-child { margin: 0; }
		
	footer { padding: 10px; font-size: 12px; }


}

/*--------------------------------
              for smartphones 
------------------------------*/
@media only screen and (max-width:480px) {
/*controls for size of responsive menu controls */

    .nav > li {
        float: none;
		margin: -0.0rem 0 0.4rem 0;
		
    }


}
/*555*/