@charset "utf-8";
/* CSS Document */
/* swipe #1 styling */
h1.swipe1 {font-family: Arial, Helvetica, sans-serif; font-weight:900;  font-size:400%;  padding: 0;  margin: 0.5em 0 0 10%; color:#ff6; position:relative;  float:left; -webkit-transition:0.6s; -o-transition:0.6s; transition:0.6s; }
 h1.swipe1 span {display:block;  position:absolute;  margin:0 10px;  left:-4%;  top:0;  padding:2px 0;  width:0;  height:100%;  overflow:hidden; -webkit-transition:0.6s; -o-transition:0.6s; transition:0.6s;}
/*change the rollover text*/
h1.swipe1 span:before {content:attr(rel); position:absolute;  margin:0;  left:0;  top:0;  padding:0;  color:#fbfb37; text-shadow:1px 1px 1px #000;}
h1.swipe1:hover span {width:100%;}
/*change the rollover text*/
h1.swipe1:hover {color:#fbfb37;} 
/* overtext styling */
h1.overtext {font-family: Arial, Helvetica, sans-serif; font-weight:900;  font-size:300%;  padding: 1% 0 0 0;  margin: -2.5em 0 0 30.2%;  color:#ff6;   position:relative;  float:left; -webkit-transition:0.6s; -o-transition:0.6s; transition:0.6s; }
h1.overtextadmin {font-family: Arial, Helvetica, sans-serif; font-weight:900;  font-size:300%;  padding: 1% 0 0 0;  margin: -2.95em 0 0 31%;  color:#ff6;   position:relative;  float:left; -webkit-transition:0.6s; -o-transition:0.6s; transition:0.6s; }

h1{font-family: Arial, Helvetica, sans-serif; font-weight:900;  font-size:400%;  padding: 0;  margin: 0.5em 0 0 20%; color:#ff6; position:relative;  float:left; background:#009;}
h2{
	text-align: center;
	word-spacing: 10px;
	font-size: 220%;
	position: relative;
	/*top: 1em;*/
	line-height: 170%;
	/*padding-bottom: 2em;*/
	font-weight: 800;
}

h3{
	text-align: center;
	word-spacing: 10px;
	font-size: 180%;
	margin-right: 190px;
	margin-left: 100px;
}


.container {
    width: 100%;
    max-width: 1000px;
    margin: -12px auto 0 auto;
	border:1px solid #435896;
	padding-top:0;
	background:#fff;
}
.container2 {
    width: 100%;
    max-width: 1150px;
    margin: -12px auto 0 auto;
	padding-top:0;	
	border:1px solid #000;
	background:#fff;
}
body {font-family: Arial, Helvetica, sans-serif; font: 16px/1.8; /*background: #a35613;*/}
/*Main Logos*/
#logo{padding-left: 1%; margin-top: -0.3rem; background:#009; height: 13.2rem;}
#facebook{position:relative; float:right; top: -6rem; right: 1rem;}
#facebook iframe{vertical-align:middle}  /*for opera*/

/*.fb-like img,
#like iframe,
.fb_iframe_widget{vertical-align:middle}*/
#maincontent div table tr .product{
	font-size: 110%;
	font-weight: 800;
	position: relative;
	left: 3%;
	right: 3%;
	width:400px;
}

#maincontent div table tr .price{
	font-size: 110%;
	font-weight: 800;
	
}
.bttbutton{padding: 4px 2px 0 0;
position: relative;
top: 8px;
}
/*foreground colours*/
.orange{color:#009;}
.yellow{color:#FF6;}
.cream{color:#fffdd0;}

.bgDarkOak{background: #2c160c;}
/*font sizes*/
.textsize150{font-size: 150%;}
.textsize130{font-size: 130%;}
.phonetext{font-size: 180%; position: relative; top: -2.5em; left: -1%; float: right;}
.mobphonetext{font-size: 180%; position: relative; top: -3.5em; left: -1%; float: right;}
span.mobilephone{position: relative; top:-1em;}
#maincontent{
	width:98%;
	margin:0 auto;
	font-size: 120%;
	line-height:150%;
	word-break: keep-all;
	clear:both;	
}
#maincontent2{
	width:100%;
	margin:0 auto;
	font-size: 120%;
	line-height:150%;
	word-break: keep-all;
	clear:both;	
}
/*margin top*/
.topminus6{position: relative; top: -6px;}
.spcedown1{position: relative; bottom: -13px;}
/*Margin left*/
.marginleft1{margin-left: 1%;}
.left1{position: relative; left: 1%;}     /*check*/
.left1point4{position: relative; left: 1.4%;}
.left2{position: relative; left: 2%;}
.left3{position: relative; left: 3%;}
.left4{position: relative; left: 4%;}
.left5{position: relative; left: 5%;}
.left6{position: relative; left: 6%;}
.left9{position: relative; left: 9.4%;}
.left10{position: relative; left: 10%;}
.left12{position: relative; left: 12%;}
.left15{position: relative; left: 15%;}
.left15_4{position: relative; left: 15.3%;}
.left18{position: relative; left: 18%;}
.left21_3{position: relative; left: 21.3%;}
.left24{position: relative; left: 24%;}
.left20{position: relative; left: 20%;}
.left24{position: relative; left: 24%;}
.left25{position: relative; left: 25%;}
/*Width in percentage*/
.image2{width: 2%;}
.image3{width:3%;}
.image3_5{width:3.5%;}
.image4{width: 4%;}
.image11{width: 11%;}
.image12{width: 12%;}
.image14{width: 14%;}
.image17{width: 17%;}
.image20{width: 20%;}
.image25{width: 25%;}
.image32{width: 32%;}
.image59{width: 59%;}
.image65{width: 65%;}
.image70{width: 70%;}
.painttext{margin-left: -11%; margin-top: 11%; position: relative; float: left;}
#footer{
	border: 1px solid #fffdd0;
	clear: both;
	bottom: 0;
	left: 0;
	max-width: 100%;
	margin:0 auto -1px auto;
	height: 9em;
	padding: 5px 0 5px 0;
	color: #006;
	overflow:hidden;
    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==);
	top: -40px;
	color: #FFF;
}	
	
#footercontent {
	padding:10px;
}
#footercontent1 h5 {
	margin:0; 
	padding:5px 0;
	}
#footer p {
	padding:5px 0; 
	margin-left: 20px;
	}
#footer p.designer{
	text-align: center;
	margin-top: 30px;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 0;
}
	
#footer a:link{
	color: #FFF;
	text-decoration: none;
	background-color: transparent;
	position: relative;
	left: 3px;
	} /*active link*/
#footer a:visited {
	color:#FF9;
	background-color: transparent;
}
.footerimage{
	position: relative;
	top: 3px;	
	float:left;
	left:80px;
}

/*HTML 5 image*/
.footerimage90{
	position: relative;
	top: 3px;	
	float:left;
	left:50%;	
    }
/*css3 image*/
.footerimage90css{
	position: relative;
	top: 3px;	
	float:left;
	left:37%;	
     }
/*accessibility checker*/
.footerimage90acheck{
	position: relative;
	top: 3px;	
	float:left;
	left:62%;
}
/*HTML text location*/
#footer p a span.hyper {
	position: relative;
	left: 34.5%;
	top: 9px;
}
/*CSS3 text locatio*/
#footer p a span.css3 {
	position: relative;
	left: 22%;
	top: 9px;
    }
	/*CSS3 text locatio*/
#footer p a span.aaa {
	position: relative;
left: 37%;
top: 9px;
    }


span.lastupdate1{
	float: left;
	margin: 15px 0 0 30%;
	background-color: #009;
	color: #FFF;
	font-size: 90%;
	}
	
/*classes for text decoration*/
	

.bold800{
	font-weight: 800;
}
.red{
	color: #900;	
}
.contactform li{
	margin: 0px 0 20px 0;
	list-style-type: none;
}


/*class to position text*/
.marginright3{position: relative; right: 3%;}
.marginright12{position: relative; right: 12%;}
.marginright14{position: relative; right: 14%;}
.margin1{position: relative; left: 1%;}
.margin2_5{position: relative; left: 2.5%;}
.margin6{position: relative; left: 6%;}
.margin5{position: relative; left: 5%;}
.margin10{position: relative; left: 10%;}
.margin15{position: relative; left: 15%;}
.margin17{position: relative; left: 17%;}
.margin20{position: relative; left: 20%;}
.margin24{position: relative; left: 24%;}
.margin25{position: relative; left: 25%;}
.margin40{position: relative; left: 40%;}
.centretext{
	text-align: center;	
}
/*Align tick boxes with text*/

/*span to underline and make text bold */
span.boldunderlined{
	font-weight: bold;
	text-decoration: underline;
}
/*Box to control list properties no size*/
.listimage ul li{
	text-decoration: none;
	list-style-type: none;
	width: 99%;
	margin-top: 5px;
	font-size: 105%;
	list-style-position: inside;
	list-style-image: url(../images/orangebullet.png);
}
.left5{
	position: relative;
	left: 5%;	
}
.left48{
	float: left;
	width: 48%;	
}
.right48{
	text-align: left;
	float: right;
	width: 48%;
}
/*float images right relative to page position*/
.floatright{float: right; position: relative;}
.floatleft {float: left; position: relative;}
/*Float image right and make size 36% of container*/
.floatright36{
	float: right;
	position: relative;
	width: 36%;
    margin: 1% 0 0 1%;
}
.floatright18{
	float: right;
	position: relative;
	width: 18%;
    margin: 1% 0 0 1%;
}
.floatcharity{
	
	position: relative;
	width: 62%;
    margin: 1% 0 0 19%;
}
/*Breadcrumb to allow user to know where about on the web site they are*/
.breadcrumb{
    font-size:90%;	
	margin: 2% 0 3% 0;
	font-weight:600;
}

.displaynot{
	display: none;
	visibility: hidden;
}

/*holds inline images*/
.cogicon{
	margin-bottom: 0.1%;
	margin: 0 0 0 3px;
}
.ietoolbar{
 width:24%;
 margin-bottom: 0.1%;
}
.iedropdown{
   width: 28%;
   float: right;
   padding-left:3px;
	}
.clearboth{
	clear: both;	
}

#skip a, #skip a:hover, #skip a:visited 
{ 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden;
} 

#skip a:active, #skip a:focus 
{ 
position:static; 
width:auto; 
height:auto; 
}

.broswerlogo{
	display: inline;
	width: 6.5%;
	position: relative;
	top: 21px;	
}
.broswerlogo2{
	display: inline;
	width: 17.5%;
	position: relative;
	top: 16px;
}
.broswerlogo3{
display: inline;
width: 10.5%;
position: relative;
top: 16px;
}
.operatoolbar{
	float: left;
	width: 2.5%;
     margin-right: 3px;	
}
.operaappearance{
	float: left;
	position: relative;	
	width: 20%;
	clear:left;
	margin-left: 3px;
}


/*Login controls*/
#maincontent .justifycentre{
	margin-right: auto;
	margin-left: auto;	
}

#opening tr:nth-child(even) td{
	color: #FFF;
	background-color: #d77d2e;
	
}
/*Opening list in displayer php*/
#opening 
{
	border-collapse: collapse;
	width:70%;
	position: relative;
	left: 0px;
	font-weight: 700;
}
#opening th{
	font-size:100%;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#336;
	color:#fff;
	min-width:25%;
	text-align: left;
}
#opening td, #opening th{
	font-size: 100%;
	padding: 3px 4px 2px 5px;
	text-indent: 5%;
}

#opening th {
	width:10%;
}

#garden tr:nth-child(odd) td{
	color: #FFF;
	background-color: #354c37;
	
}
/*garden list in displayer php*/
#garden 
{
	border-collapse: collapse;
	width:73%;
	position: relative;
	left: 0px;
	font-weight: 700;
}
#garden th{
	font-size:95%;
	padding-top:5px;
	padding-bottom:4px;
	/*background-color:#8f3a1e;*/   /*Table header colour*/
	color:#fff;
	text-align: left;	
	background: #ff6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6), color-stop(49%,#d07c33), color-stop(100%,#ff6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff6 0%,#d07c33 49%,#ff6 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top,  #ff6 0%, #d07c33 49%, #ff6 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top,  #ff6 0%,#d07c33 49%,#ff6 100%); /* IE10+ */
	background: -o-linear-gradient(top,  #ff6 0%,#d07c33 49%,#ff6 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #ff6 0%,#d07c33 49%,#ff6 100%); /* W3C */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyNWUxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2QwN2MzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjVlMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
#garden td, #garden th{
	font-size: 95%;
	padding: 3px 2px 2px 2px;
	text-indent: 3%;
}
#garden td, #garden th, .id{max-width:2%; text-align:justify;}
#garden td, #garden th, .maker{max-width:8%; text-align:justify;}
#garden td, #garden th, .product{max-width:8%; text-align:justify;}
#garden td, #garden th, .colour{width:10%; text-align:justify;}
#garden td, #garden th, .size{max-width:5%; text-align:justify;}
#garden td, #garden th, .cost{max-width:4%; text-align:justify;}
#garden td, #garden th, .quantity{max-width:8%; text-align:justify;}


#paint tr:nth-child(odd) td{
	color: #000;
	background-color: #c2daeb;
	
}
#paint tr:nth-child(even) td{
	color: #000;
	background-color: #ebe9e2;
}
/*paint list in displayer php*/
#paint 
{
	border-collapse: collapse;
	width:73%;
	position: relative;
	left: 0px;
	font-weight: 700;
}
#paint th{
	font-size:95%;
	padding-top:5px;
	padding-bottom:4px;
    background: #ff6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6), color-stop(49%,#d07c33), color-stop(100%,#ff6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff6 0%,#d07c33 49%,#ff6 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top,  #ff6 0%, #d07c33 49%, #ff6 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top,  #ff6 0%,#d07c33 49%,#ff6 100%); /* IE10+ */
	background: -o-linear-gradient(top,  #ff6 0%,#d07c33 49%,#ff6 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #ff6 0%,#d07c33 49%,#ff6 100%); /* W3C */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyNWUxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2QwN2MzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjVlMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	color:#000;
	text-align: left;
}
#paint td, #paint th{
	font-size: 95%;
	padding: 3px 2px 2px 2px;
	text-indent: 3%;
}

/*phonesale list in displayer php*/
#phonesale 
{
	border-collapse: collapse;
    width:99%;
}
#phonesale th{
	    background: #ff6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6), color-stop(49%,#d07c33), color-stop(100%,#ff6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff6 0%,#d07c33 49%,#ff6 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top,  #ff6 0%, #d07c33 49%, #ff6 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top,  #ff6 0%,#d07c33 49%,#ff6 100%); /* IE10+ */
	background: -o-linear-gradient(top,  #ff6 0%,#d07c33 49%,#ff6 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #ff6 0%,#d07c33 49%,#ff6 100%); /* W3C */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyNWUxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2QwN2MzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjVlMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	font-size: 90%;
	color:#fff;
	text-align:left;
	padding: 2px 0 2px 1px;
	
}
#phonesale td{
	font-size: 90%;
	padding: 3px 2px 2px 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff6;
	text-align: left;
}
.phonestock{text-align: center;}

/*computerdisplayer different colour backgrounds*/
#computerdisplayer tr:nth-child(odd) td{
	color: #000;
	background-color: #eaeaec;
	
}
#computerdisplayer tr:nth-child(even) td{
	color: #FFF;
	background-color: #606060;
	
}
/*computerdisplayer list in displayer php*/
#computerdisplayer 
{
	border-collapse: collapse;
	width:95%;
	position: relative;
	left: 0px;
	font-weight: 700;
}
#computerdisplayer th{
	font-size:95%;
	padding-top:5px;
	padding-bottom:4px;
		    background: #ff6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6), color-stop(49%,#d07c33), color-stop(100%,#ff6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff6 0%,#d07c33 49%,#ff6 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top,  #ff6 0%, #d07c33 49%, #ff6 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top,  #ff6 0%,#d07c33 49%,#ff6 100%); /* IE10+ */
	background: -o-linear-gradient(top,  #ff6 0%,#d07c33 49%,#ff6 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #ff6 0%,#d07c33 49%,#ff6 100%); /* W3C */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyNWUxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2QwN2MzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjVlMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	color:#fff;
	text-align: left;
}
#computerdisplayer td, #computerdisplayer th{
	font-size: 95%;
	padding: 3px 2px 2px 2px;
	text-indent: 3%;
}
#computerdisplayer td, #computerdisplayer th, .id{max-width:2%; text-align:justify;}
#computerdisplayer td, #computerdisplayer th, .maker{max-width:8%; text-align:justify;}
#computerdisplayer td, #computerdisplayer th, .product{max-width:8%; text-align:justify;}
#computerdisplayer td, #computerdisplayer th, .colour{width:22%; text-align:justify;}
#computerdisplayer td, #computerdisplayer th, .size{max-width:5%; text-align:justify;}
#computerdisplayer td, #computerdisplayer th, .cost{max-width:4%; text-align:justify;}
#computerdisplayer td, #computerdisplayer th, .quantity{max-width:8%; text-align:justify;}



/*Mobile Phone repairs*/

#phonerepair{
	border-collapse: collapse;
    width:80%;
}
#phonerepair th{
	font-size:95%;
	padding-top:5px;
	padding-bottom:4px;
	/*background-color:#3b4d83;*/
		    background: #ff6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6), color-stop(49%,#d07c33), color-stop(100%,#ff6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff6 0%,#d07c33 49%,#ff6 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top,  #ff6 0%, #d07c33 49%, #ff6 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top,  #ff6 0%,#d07c33 49%,#ff6 100%); /* IE10+ */
	background: -o-linear-gradient(top,  #ff6 0%,#d07c33 49%,#ff6 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #ff6 0%,#d07c33 49%,#ff6 100%); /* W3C */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyNWUxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2QwN2MzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjVlMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	color:#fff;
	text-align: left;
}
#phonerepair td{
	font-size: 95%;
	padding: 3px 2px 2px 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
}

/*Repair edit */

#repairedit 
{
	border-collapse: collapse;
    width:90%;
}

#repairedit th{
	background-color:#009;
	font-size: 90%;
	color:#FFF;
	text-align:left;
	padding: 2px 0 2px 35px;
	
}

/*storedit list in displayer php*/
#storeedit 
{
	border-collapse: collapse;
    width:90%;
}

#storeedit th{background-color:#009; font-size: 90%; color:#FFF; text-align:left; padding: 2px 10px 2px 10px;}
#storeedit td{width: 85%;}	
#storeedit thead{background-color:#009;}

/*opening times table */

#repairedit 
{
	border-collapse: collapse;
    width:90%;
}

#repairedit th{
	background-color:#009;
	font-size: 90%;
	color:#FFF;
	text-align:left;
	padding: 2px 0 2px 35px;
	
}
#liquidtable{border-collapse: collapse; width: 72%;}
#liquidtable th{background-color:#009; font-size: 90%; color:#FFF; text-align:left; padding: 2px 10px 2px 10px;}
/*storedit list in displayer php*/
#openingtable 
{border-collapse: collapse; width:75%;}

#openingtable th{
	background-color:#009;
	font-size: 90%;
	color:#FFF;
	text-align:left;
	padding: 2px 0 2px 35px;
	
}



.manuf{width:100% !important;}
.prod{position: relative; left: 0;}
.shade{position: relative; left: -50px;}
.amount{position: relative; left: -70px;}
.price{position: relative; left: -130px;} /*Garden displayer, Paint displayer*/
.stockcontrol{position: relative; left: -172px;} /*Garden displayer, Paint displayer*/
.appearance{position: relative; left: -37px;}
.shade2{position: relative; left: -50px;}
.network{position: relative; left: -88px;}
.price2{position: relative; left: -88px;}

.minus10{position: relative; left: -10px;}
.minus16{position: relative; left: -16px;}
.minus30{position: relative; left: -30px;}
.minus35{position: relative; left: -35px;}
.minus50{position: relative; left: -50px;}
.minus63{position: relative; left: -63px;}
.minus70{position: relative; left: -70px;}
.minus105{position: relative; left: -105px;}
.minus160{position: relative; left: -160px;}
.minus265{position: relative; left: -265px;}
/*store displayer controls */

.plus0_8rem{position: relative; left: 0.8rem;}
.minus0_3rem{position: relative; left: -0.3rem;}
.minus0_7rem{position: relative; left: -0.7rem;}
.minus1_3rem{position: relative; left: -1.3rem;}
.minus1_5rem{position: relative; left: -1.5rem;}
.minus1_7rem{position: relative; left: -1.7rem;}
.minus2_1rem{position: relative; left: -2.1rem;}
.minus2_5rem{position: relative; left: -2.5rem;}
.minus2_8rem{position: relative; left: -2.8rem;}
.minus3_1rem{position: relative; left: -3.1rem;}
.minus3_7rem{position: relative; left: -3.7rem;}
.minus4rem{position: relative; left: -4rem;}
.minus4_2rem{position: relative; left: -4.2rem;}
.minus6rem{position: relative; left: -6rem;}
.minus6_1rem{position: relative; left: -6.1rem;}
.minus6_7rem{position: relative; left: -6.7rem;}
.minus7_5rem {position: relative; left: -7.5rem;}
.minus7_7rem {position: relative; left: -7.7rem;}
.minus8_7rem {position: relative; left: -8.7rem;}
.minus9_6rem{position: relative; left: -9.6rem;}
.minus10_4rem{position: relative; left: -10.4rem;}
.minus10_8rem{position: relative; left: -10.8rem;}
.minus12_3rem{position: relative; left: -12.3rem;}
.minus14_2rem{position: relative; left: -14.2rem;}
.minus14_5rem{position: relative; left: -14.5rem;}
.minus14_9rem{position: relative; left: -14.9rem;}
.minus15_8rem{position: relative; left: -15.8rem;}
.minus16_5rem{position: relative; left: -16.5rem;}
.minus17rem {position: relative; left: -17rem;}
.minus17_3rem {position: relative; left: -17.3rem;}
.minus18_1rem {position: relative; left: -18.1rem;}
.minus18_8rem {position: relative; left: -18.8rem;}
.minus19_1rem {position: relative; left: -19.1rem;}
.minus20_7rem{position: relative; left: -20.7rem;}
.minus20_9rem{position: relative; left: -20.9rem;}
.minus21_3rem{position: relative; left: -21.3rem;}

/*Width of display box*/
.displayer30{width:30%;} /*Garden displayer, ELiquids Displayer*/
.displayer40{width:40%;} /*ELiquids Displayer*/
.displayer50{width:50%;} /*paint Displayer*/
.displayer70{width:70%;}
.displayer85{width:85%;}/*Garden Displayer*/
.displayer90{width:90%;} /*Garden displayer, Paint displayer*/
.displayer105{width:105%;}
.displayer140{width:140%;} /*Garden displayer, Paint displayer*/
.displayer180{width:180%;} /*Garden displayer, Paint displayer*/

/*Width of display box with BG colour*/
.displayer30add{width:30%; background-color:#dbe0f8;} /*Garden displayer*/
.displayer70add{width:70%; background-color:#dbe0f8;}
.displayer85add{width:85%; background-color:#dbe0f8;}/*Garden Displayer*/
.displayer140add{width:140%; background-color:#dbe0f8;} /*Garden displayer, Paint displayer*/
.displayer180add{width:180%; background-color:#dbe0f8;} /*Garden displayer, Paint displayer*/

.displayer70minus3{position: relative; left: -3px; width: 70%;}
.displayer70minus32{position: relative; left: -32px; width: 70%;} /*Garden displayer, Paint displayer*/
.displayer70minus54{position: relative; left: -54px; width: 70%;} /*Garden displayer, Paint displayer*/
.displayer70minus102{position: relative; left: -102px; width: 70%;} /*Garden displayer, Paint displayer*/
.displayer70minus150{position: relative; left: -150px; width: 70%;} /*Garden displayer, Paint displayer*/
.displayer70minus200{position: relative; left: -200px; width: 70%;} /*Garden displayer, Paint displayer*/

.displayer70minus173{position: relative; left: -173px; width: 70%;}
.displayer232minus166{position: relative; left: -166px; width: 232%;} /*ELiquids Displayer*/
.displayer70minus164{position: relative; left: -164px; width:90%;}



.makerdisplayer{width:90%; background-color:#dbe0f8;}
.productdisplayer{background-color:#cbd4f9;}
.colourdisplayer {position: relative; left: -164px; width:90%; background-color:#bec9f6;}
.sizedisplayer{width:70%;}
.costdisplayer{position: relative; left: -40px; width:70%;}
.instock{position: relative; left: -80px; width:70%;}

.manudisplayer{width:80%;}
.modeldisplayer{position: relative; left: -20px; width:90%;}
.appearancedisplayer{position: relative; left: -26px; width:100%;}
.colourdisplayer2{position: relative; left: -17px; width:68%; }
.networkdisplayer{position: relative; left: -57px; width:80%;}
.costdisplayer2{position: relative; left: -80px; width:60%;}
.stockdisplayer{position: relative; left: -134px; width:50%;}

/*Opening class*/
.openingtime{position: relative; left: 4px; width: 90%;}  /*Opening time displayer*/
.too{position: relative; left: 5px; width: 50%;}  /*Opening time displayer*/
.closing{position: relative; left: -60px; width: 90%;}  /*Opening time displayer*/

/*Repair class*/
.phonemodel{position: relative; left: -1px; width:76%;}
.repair{position: relative; left: -33px; width:100%}
.repairprice{position: relative; left: -21px; width:60%;}

/*input buttons*/
.buttonstablegarden{position: relative; background-color: #339; border-radius: 6px; color: #FFF; font-weight: 700; width:101%;} /*Garden displayer, Paint displayer*/
.buttonstable6{position: relative; left: -12rem; background-color: #339; border-radius: 6px; color: #FFF; font-weight: 700; width:101%;} /*Phone accessories*/
.buttonstable7{position: relative; left: -19rem; background-color: #339; border-radius: 6px; color: #FFF; font-weight: 700; width:101%;} /*liquids*/
.buttonstable{position: relative; left: -155px; background-color: #339; border-radius: 6px; color: #FFF; font-weight: 700; width:101%;}
.buttonstable2{position: relative; left: -245px; background-color: #339; border-radius: 6px; color: #FFF; font-weight: 700; width:101%;}
.buttonstable3{position: relative; left: -130px; background-color: #339; border-radius: 6px; color: #FFF; font-weight: 700; width:101%;} /*liquids*/
.buttonstable4{position: relative; left: -10rem; background-color: #339; border-radius: 6px; color: #FFF; font-weight: 700; width: 101%;}
.buttonstable5{position: relative; left: -47px; background-color: #339; border-radius: 6px; color: #FFF; font-weight: 700; width: 101%;}
.addinputbutton{background-color: #339; border-radius: 6px; color: #FFF; font-weight: 700; width:101%;} /*Computer, garden, Paint, Phone accessories, add user*/
.addinputbutton2{background-color: #339; border-radius: 6px; color: #FFF; font-weight: 700; width:101%; position: relative; left: -200px;} /*Phonesales*/
.addinputbutton3{background-color: #339; border-radius: 6px; color: #FFF; font-weight: 700; width:101%; position: relative; left: -5rem;} /* phone repairs*/
.addinputbutton4{background-color: #339; border-radius: 6px; color: #FFF; font-weight: 700; width:101%; position: relative; left: -7.2rem;} /*Opening times*/
.addinputbutton7{background-color: #339; border-radius: 6px; color: #FFF; font-weight: 700; width:101%; position: relative; left: -16rem;} /*Liquids*/
/*Phone sales add class*/
.umakephone{background-color:#dbe0f8; max-width: 80%; position: relative; left: -2px;}
.umodel{background-color:#dbe0f8; max-width: 90%; position: relative; left: -22px;}
.uapperance{background-color:#dbe0f8; max-width: 100%; position: relative; left: -29px;}
.ucolour{background-color:#dbe0f8; max-width: 75%; position: relative; left: -28px;}
.unetwork{background-color:#dbe0f8; max-width: 80%; position: relative; left: -59px;}
.ucost{background-color:#dbe0f8; max-width: 60%; position: relative; left: -80px;}
.ustock{background-color:#dbe0f8; max-width: 50%; position: relative; left: -134px;}


/*add repair class section*/
.urepairmake{background-color:#dbe0f8; max-width: 100%;}
.uphonemodel{background-color:#dbe0f8; max-width: 100%; position: relative; left: -22px;}
.urepair{background-color:#dbe0f8; max-width: 100%; position: relative; left: -44px;}
.urepaircost{background-color:#dbe0f8; max-width: 65%; position: relative; left: -66px;}
/*Add opening class section*/
/*.uday{background-color:#dbe0f8; max-width: 100%;}
.ustart{background-color:#dbe0f8; max-width: 100%; position: relative; left: -4px;}
.utoo{background-color: #dbe0f8; max-width: 50%; position: relative; left: 2px;}
.ufinishing{background-color: #dbe0f8; max-width: 90%; position: relative; left: -63px;}*/

.antispam{display: none; visibility: hidden;}

@media screen and (max-width: 768px) {
	h1{
	font-size: 300%;
	font-weight: bold;
	float: left;
	padding: 3% 0 0 28%;
	color: #009;
	font-family: Arial, Helvetica, sans-serif;
}
h2{
	text-align: center;
	word-spacing: 10px;
	font-size: 210%;
	position: relative;
	/*top: 1em;*/
	line-height: 170%;
	/*padding-bottom: 2em;*/
	font-weight: 800;
}
	.phonetext{font-size: 200%; position: relative; clear:both; top:-0.4em; }
	span.mobilephone{position: relative;}
	.image2{width: 3%; position: relative;  margin-right: 9px;}
	.image4{width: 7%;}
}
/*-------------------------------------------
     <1280px Landscape Smasung Galaxy tab 10.1
---------------------------------------------*/
@media (max-device-width: 1280px) and (orientation: landscape) {
	
#floating-box #box{
	position: absolute;
	left: 89%;
	z-index: 103;
	text-decoration: none;
	clear: both;
	text-align: center;
	top: 208px;	

}
/*#facebook{position: absolute; right: 22%; top: 17em;}*/
}
/*-------------------------------------------
     <800px portrait Smasung Galaxy tab 10.1
---------------------------------------------*/
@media (max-device-width: 800px) and (orientation: landscape) {
	
#floating-box #box{
	position: absolute;
	left: 89%;
	z-index: 103;
	text-decoration: none;
	clear: both;
	text-align: center;
	top: 208px;	

}
}
/* --------------------------------------------
  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) {
/*#facebook{position: absolute; right: 22%; top: 17em;}*/	
	
	
}

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

/* swipe #1 styling */
h1.swipe1 {
	font-family: Arial, Helvetica, sans-serif;
        font-weight:900; 
		font-size:360%; 
		padding: 0; 
		margin: -4.5rem 0 0 36%;
		color:#ff6;        
		position:relative; 
		float:left;
		-webkit-transition:0.6s;
		-o-transition:0.6s;
		transition:0.6s;
}
 h1.swipe1 span {
	display:block; 
	position:absolute; 
	margin:0 10px; 
	left:-4%; 
	top:0; 
	padding:2px 0; 
	width:0; 
	height:100%; 
	overflow:hidden;
     -webkit-transition:0.6s;
	-o-transition:0.6s;
	transition:0.6s;
}
/*change the rollover text*/
h1.swipe1 span:before {content:attr(rel); 
                       position:absolute; 
					   margin:0; 
					   left:0; 
					   top:0; 
					   padding:0; 
					   color:#ff6;
					   text-shadow:1px 1px 1px #000;}

h1.swipe1:hover span {width:100%;}
/*change the rollover text*/
h1.swipe1:hover {color:#ff6;} 

/* overtext styling */
h1.overtext {
	font-family: Arial, Helvetica, sans-serif;
        font-weight:900; 
		font-size:300%; 
		padding: 1% 0 0 0; 
		margin: 0.05rem 0 0.5rem 28%; 
		color:#ff6;  
		position:relative; 
		float:left;
		-webkit-transition:0.6s;
		-o-transition:0.6s;
		transition:0.6s;
}

h2{
	text-align: center;
	word-spacing: 10px;
	font-size: 190%;
	position: relative;
	line-height: 170%;
	font-weight: 800;
}

.left48{float: none; width: 98%;} 
.right48{text-align: left; float: none; width: 98%; clear:left;}
.marginleft1{margin-left: 2%;}

.image3 {width: 5%;}
.image3_5{width:5.5%;}
/*HTML 5 image*/
.footerimage90{
	position: relative;
	top: 3px;	
	float:left;
	left:23%;}
	/*accessibility checker*/
.footerimage90acheck{
	position: relative;
	top: 3px;	
	float:left;
	left:27%;
}
/*css3 image*/
.footerimage90css{
	position: relative;
	top: 3px;	
	float:left;
	left:3%;	
    }
/*CSS3 text locatio*/
#footer p a span.css3 {
	position: relative;
	left: -11%;
	top: 9px;
    }	
#footer p a span.hyper {
    position: relative;
    left: 11.5%;
    top: 9px;
	}
#footer p a span.aaa {
    position: relative;
    left: -9%;
    top: 38px;
	}
#footer p.designer {
    text-align: center;
    margin-top: 45px;
    margin-right: 1%;
    margin-bottom: 0;
    margin-left: 0;
}	
}