/* CSS Document */

/* HTML elements ----------------------------------------------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	border:0;
}

body {
	background: url(/sites/www.cheerscalais.co.uk/images/bgr.jpg) repeat-x 0px 155px;
	font-size:76%;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	width: 662px;
	color: #330142;
	margin: 0 0 0.5em 0;
}

h2 {
	width: 662px;
	color: #330142;
	margin: 0.5em 0 0.5em 10px;
}

h3 {x

	
}

h4 {
	
}

h5 {
	
}

h6 {
	
}	

p {
	
}

a {
	
}

a:visited {
}

a:hover {
	
}

a:active {
	
}

ul {
	
}

li {
	
}

form {
}

label {
}

input {
}

fieldset {
}

/* Page elements ----------------------------------------------------------------------------------------------------------------------------------*/

div#container {
	font-size:1.0em;
	width:948px;
	margin:0 auto;
	padding:5px;
	position: relative;
}

div#banner {
	background: url(/sites/www.cheerscalais.co.uk/images/logo.gif) no-repeat left center;
	position: absolute;
	top:0px;
	left:0px;
	width:948px;
	height:164px;
}

div#content {
	
}



/*start navigation-------------------------------------------------------------------------------------------------*/

ul#primary_navigation {
	text-transform:uppercase;
	float:left;
	list-style:none;
	padding: 5px 0 5px 0;
	background-color: #d1cfdf;
	width: 948px;
	position: absolute;
	top:165px;
	left:0px;
}

ul#primary_navigation li {
	display: inline;
	margin: 0 35px 0 0;
}

ul#primary_navigation li a {
	color: #4c327d;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

ul#primary_navigation li a:hover {
	color: #fff;
}

/*start main_content--------------------------------------------------------------------------------------------------*/

div#main_content {
	background-color: #fff;
	margin: 240px 0 0 0;
	padding: 20px 5px 20px 5px;
}

div#main_content h3{
	clear: left;
	margin: 2em 0 2em 0;
	width:657px;
	background-color: #d483b6;
	padding: 5px;
	display: inline-block;
}

/*start home intro-----------------------------------------------------------------------------------------------------*/



ul#category{
	list-style-type: none;
}

ul#category.ranges{
	margin: 0 0 20px 0;
}

ul#category li{
	width: 185px;
	list-style-type: none;
}

ul#category li.subs{
	width: 185px;
	list-style-type: none;
	margin: 0 0 0 0;
	float: left;
}

ul#category li.subs li{
	line-height: 1.7em;
}

ul#category li.subs#mdlsub{
	margin: 0 45px 0 45px;
}


ul#category li a{
	color: #4c327d;
	font-weight: bold;
	font-size: 1.3em;
	width: 185px;
	display:block;
}


ul#category li a:hover{
	text-decoration: none;
}


/*start secondary banner------------------------------------------------------------------------------------------------*/

div#secondary_banner {
	background: url(/sites/www.cheerscalais.co.uk/images/main_img.jpg) no-repeat;
	width:662px;
	height:131px;
	margin: 0 0 0 0;
	padding: 130px 0 0 0;
	clear: left;
}

div#secondary_banner p{
	font-size: 1.3em;
	color: #330142;
}


/*start of the bar------------------------------------------------------------------------------------------------*/

ul#bar {
	text-indent: -5000px;
	margin: 0 0 2em 0;
	width:662px;
	display: block;
	float: left;
}

ul#bar li{
	width:216px;
	margin: 10px 0 0 0;
	float: left;
	list-style: none;
}

ul#bar li#beer{
	margin: 10px 7px 0 7px;
}

 ul#bar li a{

	display: block;
	width:216px;
	height:97px;
}

ul#bar a#wines{
	background: url(/sites/www.cheerscalais.co.uk/images/wines.jpg) no-repeat;
}

ul#bar a#beers{
	background: url(/sites/www.cheerscalais.co.uk/images/beers.jpg) no-repeat;
}

ul#bar a#spirits{
	background: url(/sites/www.cheerscalais.co.uk/images/spirits.jpg) no-repeat;
}

/*start main_copy------------------------------------------------------------------------------------------------------*/


div#main_copy {
	width:662px;
	color: #5e0302;
	font-size:1.2em;
	line-height: 1.5em;
}


div#extended_copy {
	width:662px;
	color: #5e0302;
	font-size:1.2em;
	line-height: 1.5em;
}


/*start discounts------------------------------------------------------------------------------------------------------*/

ul#discounts{
	list-style-type: none;
	margin: 1em 0 1em 0;
}

ul#discounts li.image{
	width: 200px;
	list-style-type: none;
	margin: 0 0 0 0;
	float: left;
	color: #e00000;
}

ul#discounts li.name{
	height: 45px;
}

ul#discounts li.percentage{
	color: #fe4e01;
		font-weight: bold;
		font-size:1.4em;
}

ul#discounts li.cheers_price{
	color: #e00000;
	font-size: 1.3em;
	font-weight: bold;
}

ul#discounts li.uk_price{
	color: #434343;
}



ul#discounts li ul{
	float: right;
	width: 155px;
	display: block;
}

ul#discounts li ul li{
	list-style-type: none;
}


ul#discounts li.image img{
	float: left;

}

ul#discounts li.image#mdlimage{
	margin: 0 35px 0 35px;
}


ul#discounts li a{
	color: #434343;
	font-weight: bold;
	display:block;
	text-decoration: none;
	font-size: 1.2em
}


ul#discounts li a:hover {
	text-decoration: underline;
}


/*start your visit to clais------------------------------------------------------------------------------------------------------*/


ul#extras{
	list-style-type: none;
}

ul#extras li.extras_image{
	width: 380px;
	list-style-type: none;
	float: left;
}

ul#extras li ul {
	display:block;
	width: 140px;
	float:right;
	color: #4e5c00;
}

ul#extras li ul li{
	list-style: none;
	line-height: 1.5em;
	display: inline-block;
}


ul#extras li.extras_image#events{
	width: 280px;
	list-style-type: none;
	margin: 0 0 0 0;
	float: left;
}

ul#extras li img{
	float: left;
	margin: 0 0 0 0;
}

ul#extras li.subs#mdlsub{
	margin: 0 45px 0 45px;
}


ul#extras li a{
	color: #4e5c00;
	font-weight: bold;
	display:block;
	text-decoration: none;
}

ul#extras li a:hover{
	text-decoration: underline;
}



/*start subsidiary------------------------------------------------------------------------------------------------------*/

div#subsidiary {
width: 220px;
float: right;
}


div#subsidiary h3 {
	width:180px;
	margin:0 0 20px 0;
	background-color: #908b48;
	color: #fff;
}


/*start search ------------------------------------------------------------------------------------------------------*/


form {
}

form input {
	background: url(/sites/www.cheerscalais.co.uk/images/input_bgr.png) no-repeat;
	width:165px;
	height:21px;
	float:left;
	margin: 0 0 20px 0;
	padding: 5px 0 0 5px;
}

form button {
	text-indent:-5000px;
	background: url(/sites/www.cheerscalais.co.uk/images/search_btn.gif) no-repeat;
	width:32px;
	height:26px;
}

/*start testimonial------------------------------------------------------------------------------------------------------*/

div#testimonial {
	width:198px;
	margin: 0 0 20px 0;
}



blockquote {
	background: url(/sites/www.cheerscalais.co.uk/images/quote_strt.gif) no-repeat;
	padding:20px;
	margin:0;
}

div#testimonial cite {
	background: url(/sites/www.cheerscalais.co.uk/images/quote_end.gif) no-repeat right;
	text-align: right;
	width:182pxpx;
	display: block;
	padding: 0 25px 0 0;
}



div#action {
	background: url(/sites/www.cheerscalais.co.uk/images/offers.jpg) no-repeat right;
	width:190px;
	height:268px;
}

div#action a {
	display: block;
	width:189px;
	height:268px;
}


p.accessories {
	background: url(/sites/www.cheerscalais.co.uk/images/btl_opener.jpg) no-repeat;
	width:169px;
	height:125px;
	padding:10px;
	margin: -20px 0 2em 0;
}

p.coach {
	background: url(/sites/www.cheerscalais.co.uk/images/coach_parties.jpg) no-repeat;
}

p.caravanners {
	background: url(/sites/www.cheerscalais.co.uk/images/caravan.jpg) no-repeat;
}

p.car {
	background: url(/sites/www.cheerscalais.co.uk/images/car.jpg) no-repeat;
}

p.restaurant {
	background: url(/sites/www.cheerscalais.co.uk/images/cheers.jpg) no-repeat;
}

p.accessories a{
	font-size: 1.3em;
	margin: 100px 0 20px 0;
	display: block;
	font-weight: bold;
}

p.accessories a:hover{
	text-decoration: none;
}

ul#site_map {
	clear:left;
	border:1px dashed #999;
	padding:10px;
	list-style:none;
}

div#footer {
	
}

/* Custom elements ----------------------------------------------------------------------------------------------------------------------------------*/

div#main_content table {
	/*border: 1px red solid;*/
	clear: left;
	margin: 0 0 0 0;
	width:660px;
}

div#main_content table td{
	
	width: 200px;
	vertical-align: top;
	padding: 5px;
}

div#main_content table td img{
	/*float: left;*/
/*	margin: 0 5px 0 0;*/
margin: 0 auto;
}

div#main_content table td h4{
	/*color:#444444;*/
	color:red;
	float: left;
}

div#main_content table td h3{
	margin:0;
	width:158px;
	background-color: transparent;
	padding:0;
	color:#fe4e01;
	clear: none;
}

div#main_content table td p{
	color:#e00000;
}

div#main_content table td h5{
	color:#434343;
}

div#map {
clear: left;
margin:0 auto 0 auto;
}