/* CSS Document */

/* ---------------------------------------------------- 
Standard Formatting
---------------------------------------------------- */ 

html 
	{ 
	height : 100%; 
	margin : 0 auto; 
	padding : 0;
	background-color : #878CA8;
	background-image : url(/img/outter-bg.gif);
	background-repeat : repeat-y;
	background-position : center;
	}

body 
	{
	margin : 0 auto;
	padding : 0;
	width : 760px;
	height: 100%;
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*color : #403A25;*/
	color: #FFF;
	line-height : 18px;
	text-align : left;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #2C3776;
	border-right-color: #2C3776;
	border-bottom-color: #2C3776;
	border-left-color: #2C3776;
	}

a:link
	{
	color: #000;
	text-decoration: underline
	}

a:visited
	{
	/*color: #403A25;*/
	color: #000;
	text-decoration: underline
	}
	
a:hover
	{
	color: #666F9D;
	text-decoration: underline
	}
	
a:active
	{
	color: #666F9D;
	text-decoration: underline
	}

h1
	{
	margin:0;
	width: 545px;
	height: 55px;
	font-size: 18px;
	}
	
h2 {
	margin:0;
	width: 728px;
	height: 55px;
	font-size: 18px;
	}
	
h1 span
	{
	display:none;
	}
	
h2 span
	{
	display:none;
	}
	
/* ---------------------------------------------------- 
Layout Formatting
---------------------------------------------------- */ 

div#imgarea
	{
	width: 760px;
	height: 235px;
	background:url(/img/imgrotate/ibc1.jpg) no-repeat bottom;
	display:block;
	}


div#wrapper 
	{
	margin: 0px auto;
	padding : 0px;
	width : 760px;
	background-color : #2D3766;
	}

div#mainContent
	{
	width : 760px;
	margin : 0 auto;
	padding : 0;
	background-color : #2D3766;
	overflow:auto;
	}

div#mainLeft
	{
	float : left;
	width : 187px;
	background-color : #9097B1;
	}
	
div#subHeader
	{
	height: 31px;
	width: 187px;
	background: url(/img/subTop.gif) no-repeat;
	}

div#subContent
	{
	background-repeat:repeat-x;
	width: 137px;
	height: 100%;
	font-size:10px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	margin-top: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	background-image: url(/img/subGrad.gif);
	background-position: bottom;
	}
	
	
div#subContent a
	{
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
	padding-top: 10px;
	}
	
div#subContent ul
	{
	margin: 0;
	list-style:none;
	}
	
div#subContent li
	{
	padding-top: 10px;
	line-height: 16px;
	list-style:none;
	}
		
div#subFooter
	{
	height: 39px;
	width: 187px;
	background: url(/img/subBot.gif) no-repeat;
	}	

div#mainRight 
	{
	float : right;
	width : 545px;
	margin-left: 8px;
	margin-right: 8px;
	background-color : #8F96B0;
	}
	
div#contactRight 
	{
	float : right;
	width : 200px;
	}
	
div#contactLeft
	{
	width: 350px;
	float : left;
	}
	
div#mainFull
	{
	float : right;
	width : 728px;
	margin-left: 8px;
	margin-right: 8px;
	background-color : #8F96B0;
	}
		
div#mainHeader
	{
	width: 545px;
	height: 50px;
	}
	
div#mainHeaderFull
	{
	width: 728x;
	height: 50px;
	}	
	
div#mainHeaderFullHome
	{
	width: 728x;
	height: 83px;
	}	
	
div#printLogo
	{
	display: none;
	}
	
div#content
	{
	background-repeat:repeat-x;
	width: 475px;
	height: 100%;
	overflow:auto;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	background-image: url(/img/mainGrad.gif);
	background-position: bottom;
	}
	
div#contentFlash
	{
	background-repeat:repeat-x;
	width: 490px;
	height: 100%;
	overflow:auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	background-image: url(/img/mainGrad.gif);
	background-position: bottom;
	}

div#contentFlashGallery
	{
	background-repeat:repeat-x;
	width: 640px;
	height: 100%;
	overflow:auto;
	margin-left: auto;
	margin-right: auto;
	background-position: bottom;
	}	
	
div#contentFlashSiteplans
	{
	background-repeat:repeat-x;
	width: 640px;
	height: 100%;
	overflow:auto;
	margin-left: auto;
	margin-right: auto;
	background-position: bottom;
	text-align: center;
	}
	
div#contentFull
	{
	background-repeat:repeat-x;
	width: 658px;
	height: 100%;
	overflow:auto;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	background-image: url(/img/mainGrad.gif);
	background-position: bottom;
	}
	
div#contentFull p
	{
	margin: 0;
	}
	
ul
	{
	
	list-style: square;
	padding-right: 10px;
	}
	
li
	{
	padding-top: 10px;
	line-height: 16px;
	}
	
li p
	{
	margin-left: 5px;
	}
	
div#details
	{
	width: 474px;
	}
	
div#details table
	{
	margin-bottom: 5px;
	}
	
.topBorder
	{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #757264;
	margin-top: 3px;
	}

.bottomBorder
	{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #757264;
	margin-bottom: 3px;
	}
	
div#details p
	{
	margin: 0px;
	}

div#detailsContent
	{
	width: 258px;
	float: left;
	margin-right: 14px;
	}
	
div#detailsContentLinks
	{
	width: 258px;
	margin: 0 auto;
	text-align: center;
	}
	
div#detailsContentLinks a
	{
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	}
	
.detailsContentDescription
	{
	width: 474px;
	margin-bottom: 20px;
	}

div#detailsPhoto
	{
	width: 200px;
	float: right;
	margin-bottom: 15px;
	border: 1px solid #757264;
	}
	
.siteplan
	{
	border: 1px solid #757264;
	}
	
div#mainFooter
	{
	width: 545px;
	height: 39px;
	background: url(/img/mainBot.gif) no-repeat;
	text-align:center;
	}
	
div#mainFooterFull
	{
	width: 728px;
	height: 60px;
	background: url(/img/mainBot.gif) repeat-x;
	text-align:center;
	}

div#mainFooter p
	{
	color: #FFFFFF;
	font-size: 10px;
	padding-top: 7px;
	}
	
div#mainFooterFull p
	{
	color: #FFFFFF;
	font-size: 10px;
	padding-top: 7px;
	}

div#mainFooter p a
	{
	color: #FFFFFF;
	}

div#mainFooter p a:hover
	{
	color: #403A25;
	}
	
div#mainFooterFull p a
	{
	color: #8f96b0;
	margin: 0 3px 0 3px;
	}

div#mainFooterFull p a:hover
	{
	color: #fff;
	
	}
	
div.row {
	clear: both;
	padding-top: 5px;
}

div.row span.label {
	float: left;
	width: 175px;
	text-align: right;
}

div.row span.formw {
	float: right;
	width: 275px;
	text-align: left;
}

div.row span.labelAdmin {
	float: left;
	width: 100px;
	text-align: left;
}

div.row span.formAdmin {
	float: right;
	width: 550px;
	text-align: left;
} 
			
div.drawings
	{
	display: none;
	}
	
.textbox 
	{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	width: 230px;
	background: url(/img/input.gif) repeat-x center center;
	border: 1px solid #2D3766;
	cursor: pointer;
	cursor: hand;
	padding: 2px 4px 2px 4px;
	}
	
.textboxlarge
	{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	width: 270px;
	background: url(/img/input.gif) repeat-x center center;
	border: 1px solid #2D3766;
	cursor: pointer;
	cursor: hand;
	padding: 2px 4px 2px 4px;
	}
	
.textboxsmall
	{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	width: 150px;
	background: url(/img/input.gif) repeat-x center center;
	border: 1px solid #2D3766;
	cursor: pointer;
	cursor: hand;
	padding: 2px 4px 2px 4px;
	}
	
.dropdownbox
	{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #2D3766;
	cursor: pointer;
	cursor: hand;
	padding: 2px 4px 2px 4px;
	}
	
.textfield
	{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	width: 230px;
	background-color: #F9FBFE;
	border: 1px solid #2D3766;
	cursor: pointer;
	cursor: hand;
	padding: 2px 4px 2px 4px;
	}
	
.button2
	{
	width: 120px;
	padding: 3px;
	margin: 0 auto;
	background-color: #BDB2A5;
	color: #2D3766;
	border: solid 2px #FFF;
	cursor: hand;
	}
	
#detailsContentLinks a
	{
	text-decoration: none;
	}
	
.button
	{
	padding: 3px;
	margin: 0 5px;
	background-color: #BDB2A5;
	color: #2D3766;
	border: solid 2px #FFF;
	}
	
.buttonover
	{
	padding: 3px;
	margin: 0 5px;
	color: #FFF;
	background-color: #2D3766;
	border: solid 2px #FFF;
	}

#buttons a
	{
	color: #2D3766;
	text-decoration: none;
	}
	
#buttons a.buttonover
	{
	color: #FFF;
	text-decoration: none;
	}

.clear
	{
	clear: both;
	}
	
.zindex
	{
	z-index: 100;
	}
	
.darkRow {
	background-color: #757EAA;
	cursor: hand;
}

.plainRow {
	cursor: hand;
}

.altRow {
	/*background-color: #606A9B;*/
	background-image:url(/img/tdBg.gif);
	background-repeat: repeat-y;
	background-position: left;
}

.altRow2 {
	background-color: #BDB2A5; 
	color: #2D3766;
}

.altRow2 a {
	color: #2D3766;
}

.altRowAdmin {
	background-color: #CCCED9;
	background-repeat: repeat-y;
	background-position: right;
}

.greenRow {
	background-color: #5A8263;
	font-weight: bold;
	color: #FFF;
}

.whitetext {
	color: #FFF;
}

.imageBorder {
	border: 1px solid #2D3766;
}

.textinCaps {
	text-transform: uppercase;
}

.tableBorder {
	border: solid;
	/**border-color: #2D3766;**/
	border-color: #FFFFFF;
	border-width: 1px;
}

.tableBorder2 {
	border: solid;
	border-color: #2D3766;
	border-width: 2px;
}

div#fullTable td{
	border: solid;
	/**border-color: #38437B;**/
	border-color: #FFFFFF;
	border-width: 1px;
}

.text10 {
	font-size: 10px;
}

.full50column
	{
	width: 50%;
	float: left;
	}
.par{
	width: 96%;
	float: left;
	padding: 0 10px 0 10px;
	color: #fff;
	font-size: 12px;
	font-weight: 100;


}

div#print a span
	{
	display: none;
	}

div#print
	{
	width: 50px;
	height: 25px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	}
	
#printbtn
	{ 
	width: 50px;
	height: 25px;
	background: url(/img/print.gif) no-repeat;
	display: block;
	} 
	
/* ---------------------------------------------------- 
Page Headings
---------------------------------------------------- */ 

.headingHome
	{
	background: url(/img/mainTop-home.gif) no-repeat;
	height: 83px;
	}

.headingLocations
	{
	background: url(/img/mainTop-locations.gif) no-repeat;
	}

.headingAvailabilities
	{
	background: url(/img/mainTop-availabilities.gif) no-repeat;
	}
	
.headingSiteplanIBC
	{
	background: url(/img/mainTop-siteplansIBC.gif) no-repeat;
	}
	
.headingSiteplanGBP
	{
	background: url(/img/mainTop-siteplansGBP.gif) no-repeat;
	}
	
.headingSiteplanHBP
	{
	background: url(/img/mainTop-siteplansHBP.gif) no-repeat;
	}
	
.headingGallery
	{
	background: url(/img/mainTop-gallery.gif) no-repeat;
	}
.headingGalleryGlasgow
	{
	background: url(/img/mainTop-gallery-glasgow.gif) no-repeat;
	}
.headingGalleryHindry
	{
	background: url(/img/mainTop-gallery-hindry.gif) no-repeat;
	}		
		
.headingContact
	{
	background: url(/img/mainTop-contact.gif) no-repeat;
	}
	
.headingTenantDocs
	{
	background: url(/img/mainTop-tenantdocs.gif) no-repeat;
	}
	
.headingAdminLogin
	{
	background: url(/img/mainTop-adminlogin.gif) no-repeat;
	}
	
.headingAdmin
	{
	background: url(/img/mainTop-admin.gif) no-repeat;
	}
	
.headingAdminAddSuite
	{
	background: url(/img/mainTop-adminAddSuite.gif) no-repeat;
	}
	
.headingAdminModifySuite
	{
	background: url(/img/mainTop-adminModifySuite.gif) no-repeat;
	}
