@import url("additional.css");

*{
}

img, div, h1, input { behavior: url(http://www.banksidemix.co.uk/include/iepngfix.htc) }

html{height:100%;margin-bottom:1px;}

body
{
	font-family: arial, Sans-Serif;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	text-align: center;
	color:#62432b;	

}

.clearfix,
.clear
{
	clear: both;
}

.clearfix:after,.clear:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.hide
{
	display:none;
}

/* LINK DEFAULT STYLE */
a,
a:visited
{
	color:#62432b;		
	text-decoration:none;
}

a:hover
{
	text-decoration:none;
}

a img
{
	border:0;
	text-decoration:none;
}

img, ul, li, h1, h2, h3, p, h4, table, form
{
	padding:0px;
	margin:0px;
}

h2, h3
{
}

label
{
}

input.text
{
	border:solid 1px #304747;	
	color:#999999;
	height:18px;
	padding:3px 0px 0px 3px;
	vertical-align:top;		
}

/* END LINK STYLE */

h1
{
	background-image:url(images/BanksideMix_Logo.png);
	background-repeat:no-repeat;
	height:0px !important;
	margin:0;
	overflow:hidden;
	padding:93px 0pt 0pt;
	float:right;
	width:114px;
}

div#header a#homelink{
	position:absolute;
	height:93px;
	width:114px;
	top:0;
	right:0;
}

div#maincontainer
{
	width:720px;
	margin:auto;
	margin-top:20px;		
	text-align:left;	
	position:relative;
}

div#header
{
	
}

div#header ul
{
	float:left;
	margin-top:18px;
	padding-bottom:5px;
	width:500px;
}

div#header ul li
{
	display:inline;	
	margin-right:9px;
	padding-bottom:1px;
}

div#header ul li a
{
	color:#62432b;	
	font-size:1.1em;
	text-decoration:none;
}

div#header ul li.selectedl1, div#header ul li.childselectedl1
{
	border-bottom:solid 4px #fff;
}

div#header ul li.selectedl1 a, div#header ul li.childselectedl1 a
{
	color:#fff;	
}

/* home styles */

div#homebox
{
	height:	220px;
	
}

div#homepanels div.panel
{
	float:left;
	width:200px;
	padding:5px 5px 5px 5px;	
	height:320px;
	overflow:hidden;
	background-image:url(images/homepanel_bg.png);
	background-repeat:no-repeat;
}

div#homepanels div.feature
{
	height:310px;
}


div#homepanels div.feature div.bottom
{
	padding:8px 9px 15px 9px;
	height:150px;
	overflow:hidden;
}

div#homepanels div.feature div.bottom div.content p
{
	padding-bottom:16px;
}

div#homepanels div.feature div.bottom div.content p a
{
	text-decoration:underline;
}

div#homepanels div.panel h2, div#homepanels div.panel h2 a
{
	font-size:1.3em;
	color:#62432b;	
	margin-bottom:12px;
}

div#homepanels div.panel h2 a
{
	border-bottom:solid 1px #62432b;
}

div#homepanels div.padme
{
	margin-right:30px;		
}

div#homepanels div#welcome div.bottom div.title
{
	height:83px;
	overflow:hidden;
}

div#homepanels div#welcome div.inputholder
{
	height:27px;	
	margin-top:3px;
}

div#homepanels div#welcome input.text
{
	width:110px;
	padding-top:4px;
	height:19px;	
	border:solid 4px #62432b;
	color:#62432b;
	font-weight:bold;
	font-size:0.95em;
	
}

div#homepanels div#welcome input.image
{
	border:none;
}

div#homepanels div#welcome p.cufon, div#contactbox p.cufon
{
	font-size:1.1em;
	padding-bottom:2px;
}

/* main site styles */

div#submenu
{
	float:left;		
	/*width:175px;
	margin-right:28px;*/
	width:203px;
	margin-right:0;
}

div#submenu h2
{	
	padding-bottom:3px;
	font-size:1.5em;
}

div#submenu ul 
{
	width:176px;
}
div#submenu ul li
{
	list-style-type:none;
	width:170px;
}

div#submenu ul li a
{
	padding:4px 0px 2px 0px;
	display:block;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:underline;
}

div#submenu ul li.selectedl2 a
{
	color:#fff;
	text-decoration:none;
	
}

div#submenu ul li ul
{
	margin-left:10px;	
	margin-bottom:2px;
	margin-top:6px;
}

div#submenu ul li ul li
{
	list-style-type:none;
	border:none;
}

div#submenu ul li ul li a
{
	color:#62432b!important;
	padding:0px;
	font-weight:normal;
}

div#submenu ul li ul li.selectedl3 a
{
	color:#fff!important;
}

div#contactbox
{
	margin-top:30px;	
	margin-bottom:30px;
}


div#contactbox div.inputholder
{
	margin-top:2px;
}

div#contactbox div.inputholder input.text
{
	width:105px;
	border:solid 4px #62432b;	
	height:19px;
	background-color:none;
	color:#62432b;
	font-weight:bold;
	font-size:0.9em;
	padding-top:4px;
}

div#submenu div#contactbox input.image
{	
}

div#main
{
	width:480px;
	float:right;	
}

div#main div#left
{
	float:left;	
	width:212px;
}

div#main div#right
{
	width:210px;
	margin-left:30px;
	float:left;	
	display:inline;
}

div#main div#content
{
	width:420px;		
}

div#main div#content p
{
	padding-bottom:10px;	
}

div#main div#left div.image
{
	background-image:url(images/image_bg.png);
	background-repeat:no-repeat;
	padding:5px;
	width:210px;
	height:210px;
}

div#main div#left p
{
	padding-bottom:20px;
}

div#main div#right img.padme
{
	margin-bottom:20px;		
	display:block;	
}

div#main div#right a.storelink
{
	display:block;
	font-weight:bold;
	text-decoration:underline;
}

div#main div#right div.dotted
{
	margin-top:6px;
	padding-top:6px;		
}

div#main div#right div.dotted a
{
	text-decoration:underline;
	font-weight:bold;
	padding-top:15px;
}

div#main div#right div.dotted .offerdetails
{
	margin-bottom:22px;
}

div#right p.heading
{
	padding-bottom:4px!important;	
	padding-top:0px;
}

div#right h4
{
	font-size:1.3em;
	font-weight:bold;
	padding-bottom:8px;
	
}

div#right p
{
	padding-top:5px;	
}

div#right ul
{		
}

div#right ul li
{
	list-style-type:none;
	padding:1px 0px 1px 0px;
}

div#right ul li a
{
	text-decoration:underline;
	font-weight:bold;
}

div#right div#inputholder
{
	padding-top:5px;
}

div#right div#inputholder select
{
	font-size:1.0em;	
	width:140px;
	color:White;	
	vertical-align:top;		
	padding-top:1px;
	border:solid 1px #fff;
	margin-right:10px;
}

/* Offers and news */

div.offer
{
	margin-bottom:10px;	
}

div.offer div.img
{
	float:left;	
	background-image:url(images/offer_image_bg.png);
	background-repeat:no-repeat;
	padding:20px 5px 5px 20px;
	height:110px;
	width:110px;
}	

div.offer div.img img
{
	display:block;
}

div.offer div.offercontent
{
	float:left;	
	width:250px;	
	margin-left:25px;
	padding-top:20px;
}	

div.offer div.offercontent p
{
	padding:4px 0px 5px 0px; 
}

div.newsarticle
{
	margin-bottom:10px;	
}

div.newsarticle div.image
{
	float:left;	
	width:205px;
}	

div.newsarticle div.image img
{
	display:block;
}

div.newsarticle div.text
{
	float:left;	
	width:175px;	
}

div.newsarticle div.text a
{
	display:block;
	font-weight:bold;
}	

div#news div.newsarticle a
{
	padding-top:5px;
	padding-bottom:5px;	
}

div#news div.newsarticle a
{
	padding-top:5px;
	padding-bottom:5px;	
}

div#events div.newsarticle
{
	border-bottom:solid 1px #333333;	
	margin-top:6px;		
}




div#events div.newsarticle div.text
{
	float:left;	
	margin-left:10px;
	display:inline;
	width:130px;
}

div#events div.newsarticle div.text span.newsdate
{
	margin-bottom:14px;	
	display:block;
}

div#newsleft
{	
	width:206px;
	float:left;

}
div#newsright
{
	padding-left:0px;
}

div#newsright span.newsdate
{
	display:block;
}

div#newsright span.newstitle
{
	padding:5px 0px 10px 0px;
	display:block;
	font-weight:bold;
}

div#newsright p
{
	padding-bottom:20px;		
}

div.newsmain div#vcal
{
	background-image:url(images/calendar.gif);
	background-repeat:no-repeat;
	padding-left:30px;	
	height:20px;
	padding-top:2px;
	margin-bottom:20px;
}	

/* Image Gallery */

div.image-gallery
{
	width:360px;
}

.about div.image-gallery
{
	width:212px;
}

div#image-holder
{
	background-image:url(images/lg_image_bg.png);
	background-repeat:no-repeat;
	padding:5px;
	position:relative;
	height:200px;
	width:200px;	
	margin-bottom:2px;	
}

div#aboutgallery, div#buttons
{
	margin-bottom:35px;		
}

div#aboutgallery div.il-image-holder-large
{
	position:absolute;
	overflow:hidden;	
	height:200px;
	width:200px;	
	margin-bottom:2px;}

div.il-container, div.il-image-holder-large
{
	float:left;	

}

div.il-image-holder
{
	background-image:url(images/sml_image_bg.png);
	background-repeat:no-repeat;	
	padding:5px;
	width:50px;
	height:50px;
	margin-bottom:15px;
}

div.il-image-holder img
{
	width:50px;
	height:50px;
}

div.padme
{
	margin-right:15px;
}

div.il-container img, div.il-image-holder-large img
{
	display:block!important;
}

div#buttons
{
	height:210px;		
}

/* MAP */

div#map
{
	margin-bottom:35px;		
}

/* CONTACT FORM */

div.form p{margin-top:12px;}

div.form a{text-decoration:underline;}

table#contact-table
{
	margin-top:35px;
}

div.form td
{
	padding-bottom:12px;	
}

div.form td.prompt
{
	width:95px;
}

div.form td.top{vertical-align:top;}

div.form label
{
	text-transform:none;	
	font-weight:normal;	
}

div.form label.error
{
	color:Red;
}

div.form input.tbox
{
	width:211px;	
	color:#61432B;
	border:4px solid #61432B;
	background-color:transparent;
	font-size:0.9em;
	padding:2px;
}

div.form input.black
{
	width:250px;	
	color:#000000;
}

div.form span.disclaimer
{
	font-size:0.9em;	
}

/* Footer */

div#footer
{
	font-size:0.9em;
	margin-top:62px;
}

div#footerleft
{
	float:left;
}

div#footerright
{
	float:right;
	margin-right:30px;
}

#gallery-filter #inputholder
{
	width:360px;
	height:40px;
	background-image:url(images/image_library_filter.png);
	background-repeat:no-repeat;	
	padding-top:10px;
	padding-left:10px;
}

#gallery-filter #inputholder select
{
	width:315px;
	margin:0;
	font-size:0.9em;
	xpadding:4px 0;
	background-color:#61432B;
	color:#61422a;
	border:1px solid #7F9DB9;
	float:left;
}

#gallery-filter #submitform
{
	float:left;	
}

.storecontent ul,
.newsmain ul
{
	padding-bottom:10px;
	padding-left:20px;
}

.newsmain ul li
{
	padding-bottom:10px;
}

.newsmain h3
{
	padding-bottom:10px;
}