html, body {
	background-color: #FFFFFF;
	margin: 0px;
    height: 100%;
	text-align: justify;
	text-justify: inter-word;
	font-size: 18px;
	color: #555555;
	font-family: "Arial";
	text-decoration: none;	
}
a {
	text-decoration: none;	
	color: #74391b;
	font-weight:bold;
}
.container { 
	min-height: 85%;
	overflow:auto;
	padding-bottom: 15px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	min-width: 1000px
}

.content {
	margin-left:auto;
	margin-right:auto;
}
.maintext,.maintext img, .historyimage, .historytext{
	width: 725px;
}
.maintext h3{
	color: #74391b;
}
.maintext, .indexbuttons table, .historyimage, .historytext{
	margin-left: auto;
	margin-right: auto;
}
.maintext table{
	color: #74391b;
}
.maintext{
	min-height: 380px;
	min-width: 120px;
}
.maintext img{
	padding-top: 15px;
	height: 75px;
}
.Centerimg, .promotionscontainer{
	text-align: center;
	margin-top: 50px;
}

/**********************************************/
/**********************************************/
/* 			HEADER											*/
/**********************************************/
/**********************************************/
/*.header {
	width:100%;
	min-width: 1050px;
	margin: 0 auto;
	padding: 0 0px;
	background-image: url(../images/header/Title.png);
	background-repeat:repeat-x;	
	color: white;
	height: 125px;

}
.header table{
	Font-size:  24px;
}
*/
.cgd_main {
	background-image: url(../images/header/Title.png);
	background-repeat:repeat-x;	
}
.cgd_main table{
	Font-size:  20px;
}
.cgd_main th{
	padding-top: 15px;
	padding-bottom: 40px;
}
.cgd_main td{
	padding: 5px;
}
/**********************************************/
/**********************************************/
/* 			Navigation										*/
/**********************************************/
/**********************************************/
.topnav {
	width: 1045px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

.topnav a {
	display: inline-block;
	color: white;
	text-align: center;
	padding: 0 10px 25px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
}

.topnav a:hover {
  color: black;
}

.topnav .icon {
  display: none;			 
}


/**********************************************/
/**********************************************/
/* 			INDEX 												*/
/**********************************************/
/**********************************************/
.adcontainer:after{
	content:"";
	display:table;
	clear:both;
}

.ad-controls:hover{
	cursor:pointer;
}

.ad-display-container{
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width:725px;	
}
/* The dots/bullets/indicators */
.dot {
	background: #bbb ; 
	padding: 5px 5px ;
	border-radius: 50% ; 
	color: #fff ; 
	position: relative ; 
	overflow:visible;
	margin: 0 2px;
	display: inline-block;
	cursor:pointer;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}
/* used for active dot */ 
.active {
  /*background-color: #717171;*/
	background-color: white;
	border: 1px solid black;
	box-shadow: 0px 0px 5px #888888;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}
/**********************************************/
/**********************************************/
/* 			History												*/
/**********************************************/
/**********************************************/
.historyimage{
	text-align: center;
}
/**********************************************/
/**********************************************/
/* 			PROMOTIONS									*/
/**********************************************/
/**********************************************/
.prom{
	padding-right: 25px;
	padding-left: 25px;
	display: inline-block;
}

.prom, .prom img{
	height: 410px;
	width: 300px;
}
/**********************************************/
/**********************************************/
/* 		Grow Your Sales									*/
/**********************************************/
/**********************************************/

.GYSTable, .GYSTable h3{
	width: 810px;
}
.GYSTable h3{
	background: #eee;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-bottom: 2px;
    color:#004990;
}
.GYSTable, .GYSCategories{
	display: inline-block;
	position: relative;
}

.GYSCategories img, .GYSCategories {
	width: 400px;
	height: 65px;
}

/************************************
		Contactus
*************************************/
.contactusstylemobile{
	display: none;
}

.ContactContainer{
	margin: 0 auto;
	position: relative;
	margin-top: 30px;
	width: 1015px;
}
.MapContainer, .ContactInfo{
	position: relative;
	display: inline-block;
	height: 370px;
	vertical-align: top;
}
.MapContainer, .contactusstyle table{
	width: 700px;
}
.OpeningTime, .OpeningTimes h3, .OpeningTimes p, .Addressinfo, .Addressinfo h3, .Addressinfo p {
	width: 200px;
	margin: 0px;
	padding: 0px;
}
.Addressinfo{
	margin-top: 15px;
}
.OpeningTimes h3, .Addressinfo h3, .contactusstyle table th, .contactusstyle h3{
	color: #74391b;
	font-size: 22px;
}

.OpeningTimes table, .OpeningTimes p, .OpeningTimes h3, .Addressinfo p, .Addressinfo h3, .Addressinfo table{
	margin-left: 15px;
}

 .contactusstyle,  .contactusstyle table{
	margin-top: 50px;
	width:100%;
}


.contactusstyle input, textarea, .contactusstylemobile input, textarea  {
	padding: 8px;
	border: solid 2px #74391b;
	margin-bottom: 5px;
	width: 300px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/* Default property recognized by some browsers- a Good practice to include it*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*For Mozilla Firefox Browsers*/
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*For Webkite browsers - Chrome and Safari*/
		cursor:pointer;
 }
 
.contactusstyle input:focus, textarea:focus{
	 background-color:#ffff99;
	 border: solid 1px #a3d869;
} 

.contactusstyle textarea {
	 height: 150px;
	 line-height: 150%;
	 width:500px;
	 resize: none;
 }
.contactusstyle .submit input, .contactusstyle .form label {
	font-size: 18px;

}
.contactusstyle .form label {
	margin-left: 10px;
	color: #999999;
 }


.contactusstyle .submit input {
	padding: 9px 15px;
	color: #FFFFFF;
	cursor:pointer;
 }

 

/**********************************************/
/**********************************************/
/* 			FOOT 												*/
/**********************************************/
/**********************************************/
.footer {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4931e+0,e75500+100 */
	background: #f4931e; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4931e 0%, #e75500 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f4931e 0%,#e75500 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f4931e 0%,#e75500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4931e', endColorstr='#e75500',GradientType=0 ); /* IE6-9 */
		  
	border-top: 2px solid  #F7C67F;
	height:30px;
	font-size: 14px;
	color: #FFFFFF;	
}

/************************************
			ad rotator
*************************************/

.adslideshow-container {
width:90%;
    max-width:700px;
  position: relative;
  margin: auto;
  height:auto;
    display:block;
}

.addot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.admySlides {display: none;}

.adactive {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: adfade;
  -webkit-animation-duration: 1.5s;
  animation-name: adfade;
  animation-duration: 1.5s;
}

@-webkit-keyframes adfade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes adfade {
  from {opacity: .4} 
  to {opacity: 1}
}

.ad1{
	width:100%;
	height:250px;
	background-image:url('http://www.sugro.co.uk/Images/Marketing News/Drench_Banner 050618.jpg');
	background-size:contain;
    background-repeat: no-repeat;
}
.ad2{
	width:100%;
	height:250px;
	background-image:url('http://www.sugro.co.uk/Images/Marketing News/J20 Find your mojo_Banner 050618.jpg');
	background-size:contain;
    background-repeat: no-repeat;
}
.ad3{
	width:100%;
	height:250px;
	background-image:url('http://www.sugro.co.uk/Images/Marketing News/PURDYS_Banner 050618.jpg');
	background-size:contain;
    background-repeat: no-repeat;
}