* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans serif, gill sans;
 
}

h1 {
color: #d9d9d9;font-size: 18px;font-weight: normal;
}

h2 {
color: #000000;font-weight: normal;font-size: 10px;
}

#wrapper { 
 margin: 0 auto;
 width: 1000px;
 background: #DE291E;

}
#header {
	color: #030303;
	width: 400px;
	float: left;
	height: 224px;
	background: url(../images/logo.jpg);
}

#header h1 {
color:#fff;
font-size: 33px;
margin-top: 10px;
margin-left: 100px;
border-bottom: 1px dotted #e06a63;

}


#header p {
color:#797979;
font-size: 8px;
margin-left: 102px;
text-transform: uppercase;
}

#menu {
 color: #030303;
 width: 600px;
 float: left;
 height: 224px;
 background:url(../images/menubg.jpg);
 background-position: right;
 background-repeat: no-repeat;
 position: relative;
}
#contact-info {
 position: absolute;
 right: 0; top: 20px;
 text-align: right;
}
#contact-info p { 
 margin: 10px 0;
 font-size: 18px;
}
#contact-info p a {
 color: #000;
}
h4 {
color: #000;
display: inline;
font-size: 16px;
text-align: left;
text-decoration: underline;
font-family: Verdana;
margin-left: 120px;
}

#rotator {
 color: #030303;
 width: 1000px;
 float: left;
 height: 250px;
 background:#fff;
}

#nonalc {
 float: right;
 height: 165px;
 width: 150px;
 margin-right: 20px;
 margin-top: 10px;
 background: #DE291E;
 text-align:center;
}

#alc {
 float: left;
 height: 165px;
 width: 150px;
 margin-left: 30px;
 margin-top: 160px;
 background: #DE291E;
 text-align: center;
}

#leftcolumn { 
 color: #fff;
 background: #DE291E;
 margin: 0px 0px 0px 0px;
 height: auto;
 width: 610px;
 float: left;
 padding: 15px;
 position: relative;
}
#leftcolumn2 { 
 color: #fff;
 background: #DE291E;
 height: auto;
 width: 200px;
 float:left;
 display: inline;
 text-align:center;
 margin-left: 50px;
}
#leftcolumn4 { 
 color: #fff;
 background: #DE291E;
 height: auto;
 width: 575px;
 float:left;
 display: inline;
 text-align:center;
 margin-left: 50px;
}
#leftcolumn3 { 
 color: #fff;
 display: inline;
 float:left;
 background: #DE291E;
 width: 310px;
 margin-left: 65px;
 _margin-left: 15px
}
#leftcolumn5 { 
 color: #fff;
 background: #DE291E;
 margin: 0px 0px 0px 0px;
 height: auto;
 width: auto;
 float: left;
 padding: 15px;
 position: relative;
}

#leftcolumn a {
color:#030303;
text-decoration: underline;
}

#maincontent { 
 color: #030303;
 margin: 0px 0px 0px 0px;
 height: auto;
 width: 980px;
 float: left;
 padding: 10px;
 background: #DE291E;
}

#rightcolumn { 
 float: right;
 color: #030303; 
 background: #DE291E;
 margin: 0px 0px 0px 0px;
 padding-top: 15px;
 padding-right: 15px;
 text-align:right;
 font-size: 13px;
 width: auto;
 display: inline;
}

#rightcolumn a {
color: #fff;
text-decoration: none;
}

#rightcolumn p {
margin-right: 100px;
}

#product {
margin:0 auto;
text-align:center;
}


#footer { 
 width: 960px;
 clear: both;
 color: #fff;
 height: 42px;
 background:url(/assets/templates/DistinctiveDrinks/images/tile.jpg) repeat-x bottom;
 padding-left: 40px;
 font-size: 12px;
 display: block;
}

#footer p {
padding-top: 15px;
text-align: center;
display: block;
width: 100%;
}
#footer a {
color: #fff;
}

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 70%;
    color: #fff;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: #FFF;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}
#contact-left {

	font-family: Arial;
	font-size: 14px;
	display: inline;
}
#contact-right {
	height: auto;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	display: inline;
}
#contact-right a, #contact-right a:active, #contact-right a:visited, #contact-left p, #contact-left table {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-decoration: none;
}
#contact-right a:hover {
	text-decoration: underline;
}	
#contact-left fieldset {
	font-size: 16px;
	line-height: 24px;
	border: 0;
	color: #fff;
}
.text {
	width: 580px;
	background: #dedede;
	border: 1px solid #666666;
}
.textarea {
	width: 580px;
	background: #dedede;
	border: 1px solid #666666;
	height: 150px;
}
.button {
	background: #dedede;
	border: 1px solid #666666;
}
#contact-reply {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	margin-left: 100px;
	margin-top: 50px;
}
.myBox
{
    margin: 0 auto;
    border: 0px solid #e05a52;
    color: #ffffff;
    width: 100%;
    padding: 20px;
    text-align: left;
    background-color: #e9756e;
    border: 3px solid #e05a52;
}
.myBox2
{
    margin: 0 auto;
    border: 0px solid #e05a52;
    color: #ffffff;
    width: 290px;
    padding: 4px;
    text-align: left;
    background-color: #e9756e;
    border: 3px solid #e05a52;
}
.headings { display:block; color: #fff; font-size: 20px; font-family: Arial; border-bottom: 1px dotted #fff; margin-bottom: 10px; }
#brands {  border: 3px solid #e05a52; clear: both; width: 962px; display:block; height: 180px; text-align: center; background: #e9756e; margin:0 auto; margin-bottom: 10px; margin-top: 5px;}
#brands img { margin-left: 5px; margin-right: 5px; margin-top: 15px; }
#cobra-logo { width: 184px; height: 150px; background: url(http://www.distinctivedrinks.co.uk/assets/images/cobra-logo.jpg) no-repeat;  margin-left: 5px; margin-right: 5px; margin-top: 15px; float: left;  }
#cobra-logo a { width: 184px; height: 150px; display: block;}
#cobra-logo a:hover { background: url(http://www.distinctivedrinks.co.uk/assets/images/cobra-logo-on.jpg) no-repeat; }
#cains-logo { width: 176px; height: 150px; background: url(http://www.distinctivedrinks.co.uk/assets/images/cains-logo.jpg) no-repeat;  margin-left: 5px; margin-right: 5px; margin-top: 15px; float: left;  }
#cains-logo a { width: 176px; height: 150px; display: block;}
#cains-logo a:hover { background: url(http://www.distinctivedrinks.co.uk/assets/images/cains-logo-hover.jpg) no-repeat; }
#kingfisher-logo { width: 239px; height: 150px; background: url(http://www.distinctivedrinks.co.uk/assets/images/kingfisher-beer-logo.jpg) no-repeat;  margin-left: 5px; margin-right: 5px; margin-top: 15px; float: left;  }
#kingfisher-logo a { width: 239px; height: 150px; display: block;}
#kingfisher-logo a:hover { background: url(http://www.distinctivedrinks.co.uk/assets/images/kingfisher-beer-logo-on.jpg) no-repeat; }
#drink-logo { width: 150px; height: 150px; background: url(http://www.distinctivedrinks.co.uk/assets/images/1664-logo.jpg) no-repeat;  margin-left: 5px; margin-right: 5px; margin-top: 15px; float: left;  }
#drink-logo a { width: 150px; height: 150px; display: block;}
#drink-logo a:hover { background: url(http://www.distinctivedrinks.co.uk/assets/images/1664-logo-on.jpg) no-repeat; }
#feelgood-logo { width: 148px; height: 150px; background: url(http://www.distinctivedrinks.co.uk/assets/images/feel-good-logo.jpg) no-repeat;  margin-left: 5px; margin-right: 5px; margin-top: 15px; float: left;  }
#feelgood-logo a { width: 148px; height: 150px; display: block;}
#feelgood-logo a:hover { background: url(http://www.distinctivedrinks.co.uk/assets/images/feel-good-logo-on.jpg) no-repeat; }
#willow-logo { width: 160px; height: 150px; background: url(http://www.distinctivedrinks.co.uk/assets/images/willow-water-logo.jpg) no-repeat;  margin-left: 5px; margin-right: 5px; margin-top: 15px; float: left;  }
#willow-logo a { width: 160px; height: 150px; display: block;}
#willow-logo a:hover { background: url(http://www.distinctivedrinks.co.uk/assets/images/willow-water-logo-on.jpg) no-repeat; }
#morris-logo { width: 195px; height: 150px; background: url(http://www.distinctivedrinks.co.uk/assets/images/morris-logo.jpg) no-repeat;  margin-left: 5px; margin-right: 5px; margin-top: 15px; float: left;  }
#morris-logo a { width: 195px; height: 150px; display: block;}
#morris-logo a:hover { background: url(http://www.distinctivedrinks.co.uk/assets/images/morris-logo-on.jpg) no-repeat; }
#london-lager-logo { width: 220px; height: 150px; background: url(http://www.distinctivedrinks.co.uk/assets/images/london-lager-logo.jpg) no-repeat;  margin-left: 5px; margin-right: 5px; margin-top: 15px; float: left;  }
#london-lager-logo a { width: 220px; height: 150px; display: block;}
#london-lager-logo a:hover { background: url(http://www.distinctivedrinks.co.uk/assets/images/london-lager-logo-on.jpg) no-repeat; }
#big-j-logo { width: 145px; height: 150px; background: url(http://www.distinctivedrinks.co.uk/assets/images/big-j-logo.jpg) no-repeat;  margin-left: 5px; margin-right: 5px; margin-top: 15px; float: left;  }
#big-j-logo a { width: 145px; height: 150px; display: block;}
#big-j-logo a:hover { background: url(http://www.distinctivedrinks.co.uk/assets/images/big-j-logo-on.jpg) no-repeat; }
#pierrel-logo { width: 170px; height: 150px; background: url(http://www.distinctivedrinks.co.uk/assets/images/pierrel-logo.jpg) no-repeat;  margin-left: 5px; margin-right: 5px; margin-top: 15px; float: left;  }
#pierrel-logo a { width: 170px; height: 150px; display: block;}
#pierrel-logo a:hover { background: url(http://www.distinctivedrinks.co.uk/assets/images/pierrel-logo-on.jpg) no-repeat; }