@charset "utf-8";
/* CSS Document */

body {
	background-color:#e7e7e7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

a { text-decoration:none;}

p { font-size:10px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px;}

h5 { font-size:10px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px;}

.bold { font-weight:bold; }

.blue {
	color:#61C2E3;
}
.red {
	color:red;
}

#wrapper {
	width:900px;
	min-height:520px;
	margin:auto;
	margin-top:20px;
}

#container {
	width: 900px;
	min-height:380px;
	float:left;
	background-color:#626262;
}

#header {
	height: 49px;
	width: 894px;
	background-image:url(../../images/header/NavigationBg.jpg);
	background-repeat: repeat-x;
	border-top: 3px solid #000000;
	border-left: 3px solid #000000;
	border-right: 3px solid #000000;
}

#QuaysideLogo {
	width:100px;
	height:49px;
	float:left;
}

#navigation {
	margin-top:25px;
	height:24px;
	width:794px;
	float:left;
}

#navigation ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#navigation ul li {
	margin:0px;
	padding:0px;
	float:left;
}	

#navigation ul li a {
	height:13px;
	display:block;
	padding:6px 5px 5px 5px;
	margin-right:8px;
	min-width:20px;
	color:#FFFFFF;
	font-weight:bold;
}

#navigation ul li a.selected {
	color:#61c2e3;
}

#HomeContainer {
	height:274px;
	width:894px;
	float:left;
	background-color:#FFFFFF;
	border-left:3px solid #000000;
	border-right:3px solid #000000;
	border-bottom:3px solid #000000;	
}

#HomeContainerText { 
	z-index:999; 
	padding:10px; 
	position:relative; 
	background-color:#FFFFFF; 
	opacity:0.8; 
	filter:alpha(opacity=80); 
	min-height:130px; 
	width:270px; 
	margin-top:-269px; 
	margin-left:5px;
}

#HomeContainerText p {
	color:#000000;
}

#HomeContainerText h5 {
	color:#000000;
}

ul.HomeTabs {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul.HomeTabs li {
	margin:0px;
	padding:0px;
	float:left;
}

ul.HomeTabs li a{
	height:194px;
	width:287px;
	border:3px solid #000000;
	margin:5px 0px 5px 5px;
	display:block;
}

.ShoppingTabImages {
	z-index:999; 
	position:relative; 
	background-color:#ffffff; 
	opacity:0.7; 
	filter:alpha(opacity=70); 
	height:185px;
	padding:5px; 
	width:277px; 
	margin-top:-194px;
}

.tabsText {
	z-index:999; 
	position:relative; 
	background-color:#000000; 
	opacity:0.7; 
	filter:alpha(opacity=70); 
	height:25px;
	padding:5px; 
	width:277px; 
	margin-top:-35px; 
}

#headerText {
	z-index:0000; 
	position:relative; 
	height:76px;
	width:884px; 
	margin-top:-83px;
}

#quaysideShopsHeaderImage {
	height: 194px;
	width:894px;
	border:3px solid #000000;
	float:left;
}

#quaysideShopImageContainer {
	height:194px;
	float:left;
	width:241px;
	border-top:3px solid #000000;
	border-bottom:3px solid #000000;
	border-right:3px solid #000000;
}

#quaysideShopImage {
	height:188px;
	width:235px;
	border:3px solid #60c4e2;
}	

#subNav {
	min-height:150px;
	width: 206px;
	float:left;
	margin:5px;
	background-color:#000000;
}

#subNav ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#subNav ul li {
	margin:0px;
	padding:0px;
	float:left;
}

#subNav ul li a {
	display:block;
	height:29px;
	padding-top:14px;
	width:200px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	margin: 3px 0px 0px 3px;
	background-image:url(../../images/subNav/UnSelectedTab.jpg);
}

#subNav ul li a:hover {
	background-image:url(../../images/subNav/SelectedTab.jpg);
	color:#FFFFFF;
}

#subNav ul li a.selected {
	background-image:url(../../images/subNav/SelectedTab.jpg);
	color:#FFFFFF;
}

#shopdescription {
	height:239px;
	width:397px;
	padding:20px;
	background-color:#000000;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
}

#shopTimes {
	height:239px;
	width: 197px;
	padding:20px;
	float:left;
	background-color:#000000;
	margin:5px;
}

#quaysideToLet {
	height:413px;
	width:894px;
	border:3px solid #000000;
	float:left;
}

#quaysideToLet_leftColumn {
	width:850px;
	padding:20px;
	background-color:#000000;
	float:left;
	margin:5px;
}

#quaysideToLetPDF {
	height:30px;
	width:402px;
	padding:20px;
	margin-left:5px;
	margin-bottom:5px;
	margin-right:5px;
	float:left;
	background-color:#000000;
}

#PDFImgHolder {
	height:30px;
	width:26px;
	float:left;
	margin-right:10px;
}

#PDFImgText {
	height:10px;
	padding:10px;
	width:auto;
	float:left;
}

#quaysideToLet_rightColumn {
	height:50px;
	width:423px;
	padding:10px;
	background-color:#000000;
	float:right;
	margin: 0px 5px 5px 0px;
}

ul.agents {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul.agents li {
	margin:0px;
	padding:0px;
	float:left;
}

ul.agents li a {
	height:50px;
	width:206px;
	margin-right:10px;
	display:block;
}

.agentsImg {
	height:50px;
	width:82px;
	margin-right:10px;
	float:left;
}

.agentsText {
	height:24px;
	width:88px;
	float:left;
	padding:13px;
}

#quaysideToLet_rightColumn ul li {
	color:#FFFFFF;
}

#quaysideLocalAreaHeader {
	height:190px;
	width:894px;
	border:3px solid #000000;
	float:left;
	margin-bottom:5px;
}

#quaysideGalleryContainer {
	min-height:330px;
	width:894px;
	float:left;
}

ul.localArea {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul.localArea li {
	margin:0px;
	padding:0px;
	float:left;
	display:block;
	height:135px;
	width:443px;
	margin-bottom:5px;
	margin-left:5px;
}

.localAreaImg {
	height:129px;
	width:129px;
	border: 3px solid #000000;
	float:left;
	background-color:#FFFFFF;
}

.localAreaContent {
	height:95px;
	width:263px;
	float:left;
	padding:20px;
	background-color:#000000;
	margin-left:5px;
}

ul.links {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul.links li {
	margin:0px;
	padding:0px;
	float:left;
}

ul.links li a {
	display:block;
	width:443px;
	height:60px;
	margin-bottom:5px;
	margin-left:5px;
}

.LinkImg {
	height:54px;
	width:54px;
	border: 3px solid #000000;
	float:left;
	margin-right:5px;
}

.LinkText {
	height:20px;
	padding:20px;
	width:338px;
	background-color:#000000;
	float:left;
}

#footer {
	width:890px;
	float:left;
	min-height:20px;
	padding:5px 5px 0px 5px;
	background-color:#e7e7e7;
}

#copyright {
	width:445px;
	height:auto;
	float:left;
}

#designby {
	width:445px;
	height:auto;
	float:right;
}

#designby a {
	color:#000000;
	float:right;
}

/* CONTACT FORM */

.jqifade{
      position: absolute;
      background-color: #000000;
}

div.jqi{
      width: 400px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      position: absolute;
      background-color: #000000;
      text-align: left;
      border: 3px solid #626262;
      padding: 7px;
}

div.jqi .jqicontainer{
      font-weight: bold;
}

div.jqi .jqiclose{
      position: absolute;
      top: 4px; right: -2px;
      width: 18px;
      cursor: default;
      color: #ffffff;
      font-weight: bold;
	  display:none;
}

div.jqi .jqimessage{
	margin-left: 5px;
      color: #666;
}

div.jqi .jqibuttons{
      text-align: right;
      padding: 5px 3px 5px 0;
      
}

div.jqi button{
      padding: 2px 15px 4px 15px;
      margin: 0 7px 0 7px;
      background-color: #000000;
      border: solid 1px #626262;
      color: #ffffff;
	  font-weight:bold;
      font-size: 10px;
	  cursor:pointer;
}

div.jqi p{ color:#ffffff; font-weight:normal; font-size:10px;}

div.jqi label{ display:block; float:left; width:100px; color:#ffffff; font-size:10px; font-weight:normal;}

div.jqi input{ width:274px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin-top:3px;}

div.jqi textarea{ width:274px; height:150px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:3px;}

/* TO LET TOOLTIP SYLES */

#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #FFFFFF;
	color: #000000;
	opacity: 0.8;
	padding:5px;
}

#tooltip h3{
font-size: 10px;
margin:0px;
padding:0px;
}

#tooltip div { margin: 0; }

#image_thumb
{
	width: 217px;;
	height: 103px;
	display:inline-block;
	float:left;
	margin-left:7px;
	margin-top:5px;
}

#image_thumb_1
{
	width: 217px;;
	height: 103px;
	display:inline-block;
	float:left;
	margin-left:5px;
	margin-top:5px;
}

#image
{
	border: 3px solid #000;	
}


#contactFormContainer {
	width:400px;
	height:237px;
	margin: 5px;
	padding:20px;
	float:left;
	background-color:#000000;
}

#contactFormContainer label {
	display:block;
	width:80px;
	float:left;
	text-align:right;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin: 0 0 4px 2px;
}

#contactFormContainer input {
 	border:1px solid #ffffff;
	color:#000000;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin: 0 0 4px 2px;
	padding:2px;
	width:200px;
}

#contactFormContainer textarea {
 	border:1px solid #ffffff;
	color:#000000;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin: 0 0 4px 2px;
	padding:2px;
	width:310px;
	height:100px;
}

#ContactDetailsContainer {
	width:445px;
	margin:5px 0 5px 0;
	float:left;
}

#mapContainer {
	width:445px;
	height:172px;
	background-color:#000000;
	float:left;	
}

#map {
	width:439px;
	height:166px;
	background-color:#ffffff;
	float:left;
	margin:3px;
}

#ContactDetails {
	height:60px;
	width: 405px;
	padding:20px;
	margin-top:5px;
	background-color:#000000;
	float:left;
}