﻿body 
{ 
	text-align: center; 	
	font-family: arial, verdana, Tahoma; 
	font-size: 0.7em; 
	padding: 0; 
	margin: 0;  
}

div, img, table, form { border: 0; padding: 0; margin: 0; }

p {margin-top:6px;}

hr
{
	height:1px;
	border-style:solid;
	border:none;
	border-top:1px solid #cacaca;
}


h1 { font-size: 1.8em; font-weight:normal; margin:0; padding:5px 0px 5px 0px; font-family: Arial, Verdana;}
h2 { font-size: 110%; font-weight:normal; }
h3 { font-size: 110%; font-weight:normal; margin-top:0; padding-top:0;}
h4 { font-size: 100%; font-weight:normal; }
h5 { font-size: 100%; font-weight:normal; }
h6 { font-size: 100%; font-weight:normal; }

img
{
    border:none;
}

a
{
    color:#a2a2a2;
    text-decoration:none;
}

a:hover
{
    color:white;
}

a:visited
{
	color:#a2a2a2;
}

td 
{
	font-size:1em;
}

.clear
{
    height:1px;
    line-height:1px;
    clear:both;
}


.events-container-normal
{
	margin-top:10px;
	margin-left:-3px;
	height:200px;	
	padding: 0px 3px 0px 3px;
	border: solid 1px White;
	
}

/*********************
Form styles
*********************/

.form-container
{
	
}

.form-textfield
{
	width:270px;
}

.form-mandatory
{
	color:#b6b6b6;
}

/*start specific*/

#global 
{
	text-align:center; 
}

#global-top
{
	 width:100%;
	 padding-bottom:15px;
}

#global-bottom
{
	border-top:1px solid #d6d5d6;
	min-height:150px;
	color:#9a9a9a;
	font-size:0.9em;
}

.container 
{
	width:960px; 
	margin:auto; 
	text-align:left;
}

#header-container
{
	min-height:130px;
	position:relative;
}

#logo
{
	float:left;
}

#opening-times
{
	float:left;
	width:773px;
	height:107px;
	position:relative;
	font-size:1.15em;
}

#opening-times-week
{
	position:absolute;
	top:48px;
	left:110px;
	color:#8a8a8a;
}

#opening-times-today
{
	position:absolute;
	top:17px;
	left:205px;
	color:#cacaca;
}

#opening-times-more
{
	position:absolute;
	top:20px;
	left:417px;
}

#keep-in-touch
{
	float:left;
	width:271px;
	height:91px;
	position:relative;
}

#keep-in-touch-input
{
	position:absolute;
	top:60px;
	left:545px;
}

#keep-in-touch-input input
{
	border:1px solid #c3c3c3;
	border-style:inset;
	color:#a0a0a0;
	font-size:0.8em;
	width:150px;
}

#keep-in-touch-join
{
	position:absolute;
	top:60px;
	left:670px;
}

#menu-bg
{
	clear:both;
	position:absolute;
	top:97px;
	left:0px;
	width:960px;
}

#footer-left
{
	float:left;
	width:280px;
}

#footer-right
{
	float:right;
	width:462px;/*550*/
	text-align:right;
}

#footer-right a, #footer-right a:visited
{
	color:#484848;
	
}

.footer-middle-button
{
	margin:0px 9px 0px 9px;
}

.column-large
{
	float:left;
	width:720px;
}

.column-small
{
	width:230px;
	float:left;
}

.column-medium
{
	float:left;
	width:480px;
}

.column-mini
{
	float:left;
}

.mini-form
{
	height:20px;
}

.mini-form-field
{
	width:160px;
	float:left;
}

.mini-form-field input
{
	border-style:inset;
	color:#a0a0a0;
	font-size:0.8em;
	width:150px;
	height:15px;
	line-height:16px;
}

.mini-form-button
{
	float:left;
	padding-top:2px;
}

.mall-search-content
{
	min-height:340px; 
	padding:0px 6px; 
	font-size:1.2em; 
	color:#666666;
}

.mall-search-list
{
	list-style-type:none;
	color:#bc9bb5;
	margin:0;
	padding:0;
}

.mall-search-list a, .mall-search-list a:visited
{
	padding-left:10px;
}

.mall-search-list a:hover
{
	text-decoration:underline;
}

.mall-search-alphabet
{
	margin:0;
	padding:0;
}

.mall-search-alphabet li
{
	width:17px;
	float:left;
	display:inline;
	font-weight:bold;
	color:#bc9bb5;
	text-align:center;
}

.mall-search-alphabet li a
{
	color:#bc9bb5;
	width:17px;
	height:25px;
	display:block;
}

.events-container-home
{ width:254px;height:171px;float:left;padding:19px 13px; }

.mall-search-alphabet li a:hover
{
	color:#fff;
}

/********************
Events styles
*********************/
.events
{
	
}

.events-home
{
	margin-top:-20px;
	.margin-top:-10px;
}

.event-row
{
	clear:both;
	min-height:44px;
	_height:44px;
	margin-bottom:4px;
	_margin-top:0px;
}

.event-item-top
{
	line-height:9px;
	height:3px;
	padding:0;
	margin:0;
}

.event-item-middle
{
	min-height:34px;
	background-color:#fff;
	text-align:center;
	padding-top:4px;
	font-weight:bold;
	font-size:11pt;
	color:#414141;
	line-height:16px;
}

/*reduce font size on all events except homepage*/
.event-item-middle-normal
{
	min-height:34px;
	background-color:#fff;
	text-align:center;
	padding-top:4px;
	/*font-weight:bold;*/
	/*font-size:9pt;*/
	color:#414141;
	line-height:16px;
}

.event-item-bottom
{
	height:3px;
	line-height:9px;
}

.event-item-days
{
	width:40px;
	float:left;
	
}

.event-item-name
{
	width:206px;
	float:left;
	margin-left:3px;
}

.event-item-title
{
	
}

.events-inner-pages .event-item-name
{
	width:180px;
}



.event-item-name .event-item-middle
{
	text-align:left;
	padding-left:5px;
	font-size:11pt;
	color:#414141;
	line-height:16px;
}

.event-item-name-dark .event-item-middle
{
	color:#fff;
	background-color:#232323;
}

/********************
ROUNDED BOXES
Default is white box
*********************/

.box 
{
	margin-top:10px;
	clear:both;
}


.top-left 
{
	margin-right: 10px; /* clip right corner */
	height: 10px; /* vertical: show first half of the image with the top-corners in it */
	font-size: 2px; /* correct height for IE */
}

.top-right 
{
	margin-top: -10px; /* to level of top-left corner */
	margin-left: 10px; /* clip left corner */
	height: 10px; 
	font-size: 2px;
}

.bottom-left 
{
	margin-right: 10px; /* clip right corner */
	background-position: 0 -10px; /* show under half of the image */
	height: 10px;
	font-size: 2px;
}

.bottom-right 
{
	margin-top: -10px; /* to level of bottom-left corner */
	margin-left: 10px; /* clip left corner */
	background-position: 100% 0px; /* under half, right side */
	background-repeat:no-repeat;
	height: 10px; 
	font-size: 2px; 
}

.inside 
{
	border-left: 1px solid #d5d8d9;
	border-right: 1px solid #d5d8d9;
	background: #fff;
	color: #000000;
	padding-left: 9px;
	padding-right: 9px;
}

.box-content 
{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:0px;
}

.notopgap 
{
	margin-top: 0;
}

.nobottomgap 
{
	margin-bottom: 0;
}

/*****************
Forms and fieldsets
*****************/

fieldset
{
	border:none;
	display:inline;
	min-height:18px;
	padding:0;
	margin:2px 0px;
}

label
{
  width:153px;
  float:left;
  margin:5px 5px;
  border:0px solid #000;
  text-align:right;
}

label.right
{
  width:200px;
  float:none;
  text-align:left;
}


/******************************* Begin CSS Drop Down Menu ******************************/

/*****
#a3a250
****/

#menuh-container
	{
	font-size: 0.9em;
	position: relative;
	top:0;
	left:0;
	width: 100%;
	margin: 0px;
	height:35px;
	text-align:center;
	}

#menuh
	{
	font-size: 1.1em;
	font-weight:bold;
	font-family: arial, helvetica, sans-serif;
	/* width:930px;*/ 
	margin:auto;
	}
		
#menuh a
	{
	text-align: left;
	display:block;
	margin:0;
	padding:0;
	color:White;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	text-decoration:none;
	}
	
#menuh a:hover
	{
	text-decoration:none;
	}

#menuh a span
{
	display:block;
}

#menuh ul
{
	list-style:none;
	margin:-5px 0 0 0;
	padding:0;
	float:left;
	min-width:94px;
	left:0px;
}

#menuh li
{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
    padding:0 0 5px 0;
}
	
#menuh ul li
{
	width:94px;
}

#menuh ul ul
{
	z-index:500;
	top:auto;
	display:none;
	padding:3px 0 0 0;
	margin:0;
}

#menuh ul ul li
	{
    min-width:150px;
	clear:both;
	margin:0px 4px;
	}

#menuh ul ul li a
{
	padding-top:4px;
}
	
#menuh ul ul li a span
{
	padding:0px 10px 4px 5px;
}

#menuh ul ul li a:hover span
{
}

#menuh ul ul li a:hover
{
}


#menuh ul ul ul
	{
	position:relative;
	top:0px;
	left:0px;
	padding: 0px;
	margin-left:-4px;
	background:none;
	}

#menuh ul ul ul li
{
	margin:0;
}

#menuh ul ul ul li a
{
	font-weight:normal;
	padding:0;
}

#menuh ul ul ul li:hover
{
}

#menuh ul ul ul li a:hover
{
	background-image:none;
}

#menuh ul ul ul li a span
{
	padding:5px 10px 4px 23px;
}

#menuh ul ul ul li a:hover span
{
}

#menuh a.top_parent /* attaches down-arrow to all top-parents */
{
	background:none;
	margin-right:5px;
	padding:10px 0 10px 0;
	text-align:center;
	color:Black;
	font-size:1.1em;
	white-space:nowrap;
}
	
#menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
{
	color:Black;
}
	
#menuh ul li.menu-item-large
{
	min-width:150px;
}


	
#menuh li.last-item a
	{
		min-height:20px;
	}
	
div#menuh li:hover ul,
div#menuh li li:hover ul
{
display:block;
}
/******************************* End CSS Drop Down Menu ******************************/

.news-ticker-container
{
	color:Black;
	height:16px;
	padding:7px;
}

.contentPreamble { font-size:14px; text-align:justify; }
div.linkBox { width:235px; float:left; margin-bottom: 5px; }
div.linkBox div.inside { padding-top:5px; height:159px; }
div.blackTitleBox{ height:70px; background-color:Black; float:left; color:White; opacity: .7; .filter: alpha(opacity=70); }
a.blackBoxLink { padding-top:20px; font-family:Arial, Verdana; font-size: 20px; color:Black; font-weight:bold; text-decoration:none; }
.shopperTitle { font-size:18px; }
H1.titleBox {	MARGIN-TOP: 0px;	FONT-WEIGHT: lighter;	FONT-SIZE: 3em;	LINE-HEIGHT: 40px;	PADDING-TOP: 0px;	FONT-FAMILY: Arial, Verdana}

.mainfeaturelink 
{
    width:660px;
    _position:relative;
    float:left;
}

.westquaylinks 
{
    width:270px;
    _position:relative;
    float:right;
}

div.whiteTitleBox{ height:60px; background-color:White; padding-left:5px; float:left; padding-right:10px; }
h1.titleBox { font-size:2.8em;line-height:35px;}
h1.homeMinorFeatureTitle { font-size:2.3em;}
div.pointer { cursor:pointer; }

#mainFeature-link-main 
{
    top: 0px; 
    left: 670px; 
    width: 660px; 
    height: 300px; 
    background-color: 
    transparent; 
    float:right;
}

#rightlinksimage #mainFeature-link 
{
    background-color:transparent;
    float:right;
    height:130px;
    left:670px;
    top:0;
    width:230px;
}
#mainFeature-toprightlink {top: 0px; left: 670px; width: 270px; height: 140px; background-color: transparent; float:right;}
#mainFeature-fb {top: 145px; left: 670px; width: 270px; height: 85px; background-color: transparent; float:right;}
#mainFeature-tw {top: 235px; left: 670px; width: 270px; height: 85px; background-color: transparent; float:right;}


#rightlinksimage
{
    background-image:url("../images/weblinks.jpg");
    height:300px;
    width:230px;
}


#rightlinksimage #mainFeature-toprightlink {width: 230px; height: 140px; background-color: transparent; float:right;}
#rightlinksimage #mainFeature-fb {width: 230px; height: 80px; background-color: transparent; float:right;}
#rightlinksimage #mainFeature-tw {width: 230px; height: 80px; background-color: transparent; float:right;}